html, body {
	min-height: 100%;
}

body {
	margin-top: 78px;
	overflow: visible !important;
	overflow-x: hidden !important;
}

html.no-overflow {
	overflow: hidden;
}

h1 {
	margin-bottom: 30px;
}

table th {
	border-top: transparent !important;
	text-align: center;
}

table.vertical-align-top td {
	vertical-align: top !important;
 }
input[readonly]:not([disabled]) {
	background-color: #fff !important;
}

* {
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;

	outline: none !important;
}

.badge {
	border-radius: 10px !important;
	-webkit-border-radius: 10px !important;
	-moz-border-radius: 10px !important;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.label-date {
	padding: 5px 10px;
	font-size: 12px;
	margin-bottom: 5px;
	width: 125px;
	display: inline-block;

	background-color: #d6d6d6;
	color: #606060;
	font-weight: normal;
}

.label-highlight-warning {
	background-color: #fcf8e3;
    border: solid 1px #faebcc;
    padding: 0px 8px;
    vertical-align: middle;
}

.alert-warning-icon {
	font-size: 24px;
    vertical-align: sub;
    padding-right: 5px;
    line-height: 10px;
}

.dialog-footer-text {
	display: inline-block;
    margin-right: 25px;
    color: #555;
	padding: 7px 13px;
}

.full-screen-iframe {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999999999;
	border: 0;
	-webkit-overflow-scrolling: touch;
	overflow-y: scroll;
}

.sn-checkbox-open-in-new-window > label {
	width: 200px;
	max-width: none !important;
}
.sn-checkbox-open-in-new-window input[type="checkbox"] {
	opacity: 1 !important;
}
.sn-checkbox-open-in-new-window label::before {
	border: none !important;
}

.bg-selected {
	background-color: #d9edf7 !important;
}


/* Start app error  */

.app-error {
	background-color: #0e549e;
	background-image: url(../images/backgrounds/login-bg.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;

	/*display: flex;*/
	align-items: center;
	justify-content: center;
	padding: 25px 0;
}
.app-error-container {
	color: #fff;
	text-align: center;
    font-size: 22px;

	overflow: auto;
}
	.app-error-container-content {
		font-size: 16px;
		text-align: left;
		white-space: pre-line;
		padding-bottom: 25px;
		background-color: #598ffb4f;
		color: #daedff;
		padding: 25px;
		margin-bottom: 30px;
		line-height: 1.5;
	}
		.app-error-container-content .app-error-line {
			color: #9ccfff;
		}
		.app-error-container-content .app-main-error-line {
			background-color: #ff8c008f;
			padding: 5px 10px;
			display: inline-block;
		}
.app-error-logo {
	width: 115px;
	height: 115px;
	margin-bottom: 35px;
}

/* End app error  */



/* Start top notification  */

.top-notification {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;

	padding: 5px 10px;
	background-color: #ffb11d;
	text-align: center;
	color: #333;
	font-weight: bold;
}

/* End top notification  */



/* Start navbar  */

.navbar.navbar-fixed-top {
	-webkit-transform: translateZ(0); /* Safari iframe fix position fixed bug - https://stackoverflow.com/questions/43260816/elements-with-position-fixed-inside-an-iframe-are-not-rendering-in-safari*/
	background-color: #0072bc;
}

.navbar .master-navbar {
	background-color: #222;
}

.navbar .menu-icon {
	text-align: center;
	cursor: pointer;
	font-size: 17px;
}

.navbar .beta-text {
	position: absolute;
	z-index: 2000;
	color: #ffb11d;
	font-size: 14px;
	margin: 7px 0 0 35px;
	line-height: 14px;
	cursor: help;
}

.logout-to-master {
	font-size: 24px;
	line-height: 18px;
	vertical-align: middle;
	margin-left: 5px;
	cursor: pointer;
}
.logout-to-master:hover {
	color: #0071bc;
}

.tooltip-beta .tooltip-inner {
	text-align: left;
	min-width: 300px;

	color: #8a6d3b;
	background-color: #fcf8e3;
	border: solid 1px #e0bd7f;/* faebcc */
}
.tooltip-beta .tooltip-arrow {
	border-right-color: #e0bd7f !important;
}
.tooltip-beta .tooltip-inner hr {
	margin: 7px 0;
	border-color: #faebcc;
}


.navbar .menu-icon .notification-number {
	display: none;
	position: absolute;
	margin-left: -15px;
	background-color: #d9534f;
}

.navbar .menu-icon .notification-number.active {
	display: inline-block;
}

.navbar .menu-icon.active {
	background-image: url('../images/navbar/menu-pointer.svg');
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 13px;
}

.navbar .menu-icon > a {
	display: block;
	padding: 10px 0;
}

.navbar .navbar-description-wrapper {
	height: 26px;
	color: #1c5a86;
	background-color: #94c4e3;
}

.navbar .navbar-description {
	width: calc(50% - 5px);
	display: inline-block;
	color: #1c5a86;
	padding: 3px 15px;

	text-overflow: ellipsis;
	white-space: nowrap;
}

.navbar .navbar-right-actions {
	width: calc(50% - 5px);
	display: inline-block;
	text-align: right;
}

.navbar .user-logout {
	margin: 2px 0 0 7px;
	vertical-align: top;
}

.navbar .navbar-icon {
	width: 32px;
	height: 32px;
}

/* End navbar */




/* Start menu wrapper */

.menu-wrapper {
	position: fixed;
	left: 0;
	z-index: 1039;
	display: none;
	width: 100%;
	height: calc(100% - 78px);
	height: -webkit-calc(100% - 78px);
	height: -moz-calc(100% - 78px);
	overflow: auto;
}

.menu-wrapper-inner {
	background-color: white;
}

.menu-wrapper .separator {
	color: #fff;
	font-weight: bold;
	text-align: center;
	background-color: #0072bc;
	padding: 2px 1px 1px 1px;
	font-size: 14px;
	clear: both;
	height: 100%;

	position: relative;
}
.menu-wrapper .separator.border {
	border-bottom: solid 1px #94c5e3;
}

.menu-wrapper .separator .toggle-visibility {
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	background-color: rgba(255, 255, 255, 0.75);
	font-size: 20px;
	line-height: 24px;
	padding: 0 5px;
	cursor: pointer;

	transition: .2s ease-in;
}
.menu-wrapper .separator .toggle-visibility:hover {
	color: #676767;
}
.menu-wrapper .separator:hover .toggle-visibility {
	opacity: 1;
}

.menu-wrapper ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.menu-wrapper ul > li {
	font-size: 18px;
	border-bottom: solid 1px #efefef;

    width: 50%;
    float: left;
}

.menu-wrapper ul > li > a {
	display: block;
	padding: 10px;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
}

.menu-wrapper ul > li > a.disabled {
	color: #333;
}

.menu-wrapper ul > li > a:hover:not(.disabled) {
	background-color: #f9f9f9;
}

.menu-wrapper ul > li > a .menu-icon {
	vertical-align: middle;
	font-size: 50px;
	text-align: center;
	/*display: block;*/
}

.menu-wrapper ul > li > a > .menu-text {
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.resource-menu {
	padding: 4px 0;
	text-align: center;
	/*border-bottom: solid 3px #599DCA;*/
}

.resource-menu.bl {
	border-left: solid 3px #599DCA;
}

.resource-menu.br {
	border-right: solid 3px #599DCA;
}

.resource-menu.blr {
	border-left: solid 3px #599DCA;
	border-right: solid 3px #599DCA;
}

.menu-wrapper-left {
	float: left;
	display: inline-block;
	width: calc(100% - 35px);
	width: -moz-calc(100% - 35px);
	width: -webkit-calc(100% - 35px);
}

.menu-wrapper-right {
	display: inline-block;
	width: 30px;
	padding: 4px;
	text-align: center;
    vertical-align: top;
}

.resource-choose-button-wrapper-parent {
	/*display: flex;
	justify-content: center;*/ /* this doesn`t work on some browsers */
	background-color: #fff;
	margin-bottom: 25px;
}
.resource-choose-button-wrapper {
	position: fixed;
	z-index: 1030;
	display: inline-block;
	margin-top: 10px;

	left: 50%;
}
.resource-choose-button-wrapper.size1 {
	width: 120px;
	margin-left: -60px;
}
.resource-choose-button-wrapper.size2 {
	width: 240px;
	margin-left: -120px;
}
.resource-choose-button-wrapper.size3 {
	width: 360px;
	margin-left: -180px;
}

.resource-choose-button {
	float: left;
	position: relative;
	z-index: 1030;
	min-width: 120px;
	margin-top: -10px;
	padding: 3px 0 3px 0;

	border: 0;
	border-radius: 0;
	background-color: #f3f3f3;
	color: #999;
	border-bottom: solid 2px #ddd;

	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
}
.resource-choose-button .btn-left-side {
	position: absolute;
	display: inline-block;
	border-top: solid 28px #f3f3f3;
	border-left: solid 25px transparent;
	border-right: solid 25px transparent;
	width: 0;
	height: 0;
	top: 0;
	left: -25px;
}
.resource-choose-button .btn-right-side {
	position: absolute;
	display: inline-block;
	border-top: solid 28px #f3f3f3;
	border-left: solid 25px transparent;
	border-right: solid 25px transparent;
	width: 0;
	height: 0;
	top: 0;
	right: -25px;
}

.resource-choose-button.selected .btn-left-side,
.resource-choose-button.selected .btn-right-side {
	border-top: solid 28px #94c4e3;
}

.resource-choose-button.selected {
	background-color: #94c4e3;
	color: #1c5a86;
	border-bottom: solid 2px #0072bc;
	z-index: 1031;
}

/* End menu wrapper */




/* Start notifications wrapper */

.notifications-wrapper.floating {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1039;
	display: none;
	width: 100%;
	height: calc(100% - 78px);
	height: -webkit-calc(100% - 78px);
	height: -moz-calc(100% - 78px);
	overflow: hidden;
	background-color: white;
}

.notifications-wrapper.floating .inner-wrapper {
	padding-top: 80px;
	max-height: 100%;
	height: 100%;
	/*overflow: hidden;*/
}

.notifications-wrapper.nofilter .inner-wrapper {
	padding-top: 0;
}

.notifications-wrapper .filter-wrapper {
	/*Start reset */
	border: 0;
	margin-top: 0px;
	padding: 0;
	/*End reset */

	position: absolute;
	top: 0;
	width: 100%;
	border-bottom: solid 1px #EEE;

	height: 84px;
	background-color: #fff;
}

.notifications-filter-icon {
	font-size: 24px;
	color: #0072BC;
	padding: 4px;
	margin-left: 16px;
	vertical-align: middle;
}

.notifications-filter-dropdown {
	border-radius: 0;
	border-width: 0;

	width: calc(100% - 55px);
	width: -webkit-calc(100% - 55px);
	width: -moz-calc(100% - 55px);
	display: inline-block;
	outline: none;

	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
}

.notifications-wrapper ul {
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: auto;
	height: 100%;

	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
}

.notifications-wrapper ul:not(.dropdown-menu) > li {
	width: 100%;
	padding: 5px 20px;
	border-bottom: solid 1px #eee;
	background-color: #fff;

	align-items: flex-start;
	align-content: flex-start;

	order: 5;
}
.notifications-wrapper ul > li.sticky {
	position: relative;
	border-left: solid 5px #0272bc !important;
	background-color: #f4f9fd !important;

	order: 1 !important;
}
	.notifications-wrapper ul > li .sticky-icon {
		display: none;
	}
	.notifications-wrapper ul > li.sticky .sticky-icon {
		display: inline-block;
		position: absolute;
		bottom: 5px;

		font-size: 18px;
		line-height: 18px;
		color: #0272bc;

		cursor: help;
	}

.notifications-wrapper ul > li .notification-icon {
	font-size: 36px;
	float: left;
	margin-right: 13px;
	line-height: 60px;
	display: inline-block;
}
.notifications-wrapper ul > li .notification-icon.info {
	color: #5bc0de;
}
.notifications-wrapper ul > li .notification-icon.danger {
	color: #d9534f;
}
.notifications-wrapper ul > li .notification-icon.success {
	color: #5cb85c;
}
.notifications-wrapper ul > li .notification-icon.warning {
	color: #f0ad4e;
}
.notifications-wrapper ul > li .question-icon {
	font-size: 18px;
	line-height: 18px;
	vertical-align: middle;
	cursor: help;
	color: #484848;
}
.notifications-wrapper ul > li .tooltip-inner {
	text-align: left;
}

.notifications-wrapper ul > li .comment-outer-wrapper {
	margin-left: 49px;
}

.notifications-wrapper ul > li .comment-wrapper {
	white-space: pre-line;
	background-color: #f6fbff;
	border: solid 1px #94c4e3;
	padding: 5px 8px;
	margin-bottom: 10px;
}

.notifications-wrapper ul > li.no-data {
    height: calc(100% - 50px);
    height: -webkit-calc(100% - 50px);
    height: -moz-calc(100% - 50px);
}

.notifications-wrapper ul > li.unreaded {
	background-color: #f0f0f0;
}

.notifications-wrapper ul > li > .time-created {
	display: block;
	text-align: right;
	font-weight: bold;
	margin-top: 3px;
}

.notifications-wrapper ul > li.storno > .notification {
	text-decoration: line-through;
}

.notifications-wrapper ul > li .btn {
	float: left;
	margin-top: -2px;
}

.notifications-wrapper .notifications-load-more {
	text-align: center;
	padding: 15px 0;
	font-weight: bold;
	background-color: #f5f5f5;
	cursor: pointer;

	order: 99;
	align-self: flex-end;
	width: 100%;
}

.notifications-wrapper .notifications-load-more.disabled,
.notifications-wrapper .notifications-load-more.loading {
	color: #bbb;
	cursor: default;
}

.notifications-wrapper .notifications-load-more.loading .normal-text {
	display: none;
}

.notifications-wrapper .notifications-load-more .loading-text,
.notifications-wrapper .notifications-load-more .no-notifications-text,
.notifications-wrapper .notifications-load-more.no-notifications .normal-text {
	display: none;
}

.notifications-wrapper .notifications-load-more.loading .loading-text,
.notifications-wrapper .notifications-load-more.no-notifications .no-notifications-text {
	display: inline-block;
	color: #777;
}

.notifications-wrapper .notification-search-input {
	display: inline-block;
	width: calc(50% - 45px);
	text-align: center;
}

.notifications-wrapper .notifications-filter-dropdown:not(select) {
	width: calc(100% - 60px) !important;
}

.notifications-wrapper .filter-col {
	height: 40px;
	padding: 4px;
}

.notifications-wrapper .datepicker {
	margin-bottom: 0;
}

/* End notifications wrapper */







.reservation-status-legend {
	width: 15px;
    height: 20px;
    display: inline-block;
    margin-left: -20px;
    vertical-align: bottom;
    margin-bottom: 1px;
    position: absolute;
}

.subtitle-date {
	padding: 4px 14px 0;
	display: inline-block;
	vertical-align: top;
}


.user-line {
	padding: 10px 19px 0 0;
}

.user-line .user-logout {
	margin-top: 0px;
	vertical-align: top;
	display: inline-block;
	margin-left: 8px;
	font-size: 18px;
	color: #333;
}

.grid-element {
	position: relative;
	display: block;
	margin: 15px 0;
	min-height: 20px;
	padding: 15px 0;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	/*border: 1px solid #e3e3e3;*/
	text-decoration: none !important;

	color: #333;
	text-align: center;

	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
	border: solid 1px #ddd;

	cursor: pointer;

	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.grid-element:hover {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad;
}

.grid-element.selected {
	color: #4d839e !important;
	background-color: #f2f8fb !important;
	border-color: #aecdd4 !important;
	border-style: dashed !important;
}

.grid-element.selected .grid-element-selected-icon {
	position: absolute;
	top: 0;
	left: 0;
	margin: 2px 0 0 7px;
	font-size: 20px;
}

.grid-element > .alert-icon {
	position: absolute;
	bottom: 0;
	right: 3px;
	font-size: 14px;
	float: none;
	margin: 0;
}

.grid-element > .additional-info {
	position: absolute;
	margin-top: -13px;
	width: 100%;
}

.grid-element.status-blue {
    color: #4d839e;
    background-color: #f2f8fb;
    border-color: #e5f2f5;
}

.grid-element.status-blue:hover {
	color: #417e9c;
	background-color: #e0f1f9;
	border-color: #d0eaf1;
}

.grid-element.status-green {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

.grid-element.status-green:hover {
	color: #3c763d;
	background-color: #cee8c4;
	border-color: #cae2b6;
}

.grid-element.status-orange {
	color: #8a6d3b;
	background-color: #F4E9B1;
	border-color: #E7DBA1;
}

.grid-element.status-orange:hover {
	color: #8a6d3b;
	background-color: #f1e39d;
	border-color: #ece3b6;
}

.grid-element.status-orange > .status-orange-wrapper {
	position: absolute;
	margin-top: -7px;
	width: calc(100% - 30px);
	font-size: 20px;
	opacity: 0.4;
	color: #8a6d3b;
}

.grid-element.status-soldout {
	color: #555;
	background-color: #ddd;
	border-color: #ccc;
}

.grid-element.status-soldout:hover {
	color: #555;
	background-color: #ccc;
	border-color: #bbb;
}

.grid-element.status-soldout > .status-soldout-wrapper {
	position: absolute;
	margin-top: -7px;
	width: calc(100% - 30px);
	font-size: 20px;
	opacity: 0.4;
	color: #777;
}

.grid-element.status-cancelled {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}

.grid-element.status-cancelled:hover {
	color: #a94442;
	background-color: #ebcccc;
	border-color: #e4b9c0;
}

.grid-element.status-cancelled > .status-cancelled-wrapper {
	position: absolute;
	margin-top: -7px;
	width: calc(100% - 30px);
	font-size: 20px;
	opacity: 0.4;
	color: #a94442;
}

.grid-element > .space-reserved {
	position: absolute;
	bottom: -1px;
	right: 3px;
}

.grid-element > .status-icons {
	position: absolute;
	bottom: -1px;
	left: 3px;
}
.grid-element > .status-icons > .cart-icon {
	cursor: pointer;
}
.grid-element > .status-icons > .cart-icon:hover {
	opacity: 1;
	color: #0072bc;
}
.grid-element > .status-icons > .cart-icon-off {
	opacity: 0.6;
}

.grid-element > .departure-info-icon {
	position: absolute;
	top: -2px;
	right: 0px;
	font-size: 18px;
	padding: 2px 5px;
}
.grid-element > .departure-info-icon:hover {
	color: #0072bc;
}


.grid-element.disabled {
	opacity: 0.5;
}

.grid-element > .permissions-dropdown {
	position: absolute;
	top: -1px;
	right: -1px;
	color: #999;
	padding: 5px;
	border: solid 1px transparent;
	display: none;
}

.grid-element:hover > .permissions-dropdown {
	display: inline-block;
}

.grid-element > .permissions-dropdown.current {
	display: inline-block;
	background: #eee;
	border: solid 1px #bbb;
	border-width: 1px;
	border-top-right-radius: 6px;
}

.grid-element > .permissions-dropdown.loading {
	display: inline-block;
	color: #999 !important;
}

.grid-element .tooltip-inner {
	text-align: left;
	white-space: nowrap;
}

.permissions-dropdown-wrapper {
	position: absolute;
	z-index: 99;
	min-width: 85px;
	background-color: #F7F7F9;
	border: solid 1px #ddd;
	border-bottom: 0;
	border-radius: 3px;
	box-shadow: 0 0 5px rgba(51, 51, 51, 0.20);
}
.permissions-dropdown-wrapper.mobile {
	position: static;
}


.permissions-dropdown-wrapper .departures-list {
	overflow: auto;
	min-width: 180px;
	max-height: 250px;
	margin-bottom: 55px;
	margin-bottom: 56px;/* departure request + slots */
}
.permissions-dropdown-wrapper.no-command-list .departures-list {
	margin-bottom: 0;
}
.permissions-dropdown-wrapper.three-command-list .departures-list {
	margin-bottom: 84px;
}
.permissions-dropdown-wrapper .commands-list {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #f7f7f9;
	border-top: solid 2px #ddd;
}


.permissions-dropdown-wrapper.left-round:not(.mobile) {
	border-top-left-radius: 0;
}

.permissions-dropdown-wrapper.right-round:not(.mobile) {
	border-top-right-radius: 0;
}

.permissions-dropdown-wrapper > ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.permissions-dropdown-wrapper > ul > li {
	padding: 0;
	border-bottom: solid 1px #ddd;
	cursor: default;
	white-space: nowrap;
}
.permissions-dropdown-wrapper.mobile {
	font-size: 20px;
}

.permissions-dropdown-wrapper > ul > li > .more-actions-wrapper {
	position: absolute;
	z-index: 2;
	left: 0;
	top: -1px;
	background-color: #f7f7f9;
	height: 28px;
	border: solid 1px #ddd;
	box-shadow: -2px 0 3px rgba(51, 51, 51, 0.20);
}

.permissions-dropdown-wrapper > ul > li > .more-actions-wrapper .icon-it {
	width: 35px !important;
	/*height: 35px !important;*/
}
.permissions-dropdown-wrapper .icon-item {
	font-size: 16px;
	vertical-align: text-bottom;
	display: inline-block;
	line-height: 16px;
	color: #0272bc;
}

.permissions-dropdown-wrapper > ul > li .item {
	position: relative;
	display: inline-block;
	height: 26px;
	padding: 3px 6px;
	border-right: solid 1px #ddd;
	text-align: center;
    color: #555;
}
	.permissions-dropdown-wrapper > ul > li .item .mark-over {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		padding: 6px;
		padding-left: 6px;
		font-size: 11px;
		text-transform: uppercase;
		text-align: center;
		margin: auto;
		overflow: hidden;
	}
	.permissions-dropdown-wrapper > ul > li .item .mark-over.sold-out {
		background-color: rgba(112 151 112, 0.80);
		color: #fff;
	}
	.permissions-dropdown-wrapper > ul > li .item .mark-over.cancelled {
		background-color: rgba(217, 83, 79, 0.80);
		color: #fff;
	}
	.permissions-dropdown-wrapper > ul > li .item .mark-over .mark-over-text {
		transform: rotate(-7deg);
		-webkit-transform: rotate(-7deg);
		-moz-transform: rotate(-7deg);
		-ms-transform: rotate(-7deg);
		-o-transform: rotate(-7deg);
	}

.permissions-dropdown-wrapper > ul > li .item.text-it {
	width: 155px;
	text-align: left;
	padding: 3px 8px 3px 8px;
	white-space: nowrap;
}
.permissions-dropdown-wrapper > ul > li .item.text-it-plus-one {
	width: 181px;
}

.permissions-dropdown-wrapper > ul > li.button-full {
	width: 100%;
	text-align: center;
	padding: 3px 8px 3px 8px;
	cursor: pointer;
	color: #999;
}
.permissions-dropdown-wrapper > ul > li:hover.button-full {
	background-color: #eee !important;
	border-right-color: #ddd !important;
	color: #337ab7;
}

.permissions-dropdown-wrapper > ul > li .item.text-it.extra-icon {
	width: 171px;
}

.permissions-dropdown-wrapper > ul > li .item.icon-it {
	width: 26px;
	cursor: pointer;
}

.permissions-dropdown-wrapper > ul > li .item.time-it {
	width: 52px;
}

.permissions-dropdown-wrapper > ul > li .item.dark1-it {
	background-color: #f0f0f0;
}

.permissions-dropdown-wrapper > ul > li .item.dark2-it {
	background-color: #e5e5e5;
}

.permissions-dropdown-wrapper > ul > li .item .icon-lg {
	font-size: 20px;
	line-height: 18px;
	margin-left: -3px;
	display: inline-block;
	vertical-align: bottom;
}

.permissions-dropdown-wrapper > ul > li .item.icon-highlight,
.permissions-dropdown-wrapper > ul > li .item.icon-highlight > a {
	color: #0272bc !important;
}

.permissions-dropdown-wrapper > ul > li .item:last-child {
	border-bottom-right-radius: 3px;
	border-right: 0;
}



.permissions-dropdown-wrapper > ul > li .has-messages {
	z-index: 2;
	position: absolute;
	float: right;
	color: #bbb;
	cursor: pointer;
	margin-top: 1px;
	right: 3px;
	padding-left: 2px;
}
.permissions-dropdown-wrapper > ul > li.orangebg .has-messages {
	color: #a38b45;
	background-color: #f3e68f;
}
.permissions-dropdown-wrapper > ul > li.orangebg:hover .has-messages {
	background-color: #eee;
}
.permissions-dropdown-wrapper > ul > li.redbg .has-messages {
	color: #a9322f;
}
.permissions-dropdown-wrapper > ul > li .has-messages:hover {
	color: #0272bc;
}


.permissions-dropdown-wrapper > ul > li.expired,
.permissions-dropdown-wrapper > ul > li.expired .item {
	text-decoration: line-through;
	color: #bfbfbf; /* was #fff */
}

.permissions-dropdown-wrapper > ul > li > .item.icon-it,
.permissions-dropdown-wrapper > ul > li > .item.icon-it a {
	color: #333;
}

.permissions-dropdown-wrapper > ul > li:hover {
	border-bottom-color: #ddd !important;
}

.permissions-dropdown-wrapper > ul > li .item.icon-it:hover,
.permissions-dropdown-wrapper > ul > li .item.icon-it:hover a {
	color: #0072bc;
}

.permissions-dropdown-wrapper > ul > li.dim,
.permissions-dropdown-wrapper > ul > li.dim .icon-it,
.permissions-dropdown-wrapper > ul > li.dim .icon-it > a {
	color: #ccc;
}

.permissions-dropdown-wrapper > ul > li:hover .item {
	background-color: #eee !important;
	border-right-color: #ddd !important;
}
.permissions-dropdown-wrapper > ul > li:hover .item.dark1-it {
	background-color: #dadada !important;
}
.permissions-dropdown-wrapper > ul > li:hover .item.dark2-it {
	background-color: #d0d0d0 !important;
}

.permissions-dropdown-wrapper > ul > li:first-child {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.permissions-dropdown-wrapper > ul > li:last-child {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-color: #ddd !important;
}

.permissions-tooltip .tooltip-inner {
	white-space: pre-line;
	word-wrap: break-word;
	max-width: 350px;
	text-align: left;
}

.permissions-dropdown-wrapper.mobile {
	border-radius: 3px !important;
}

.permission-type.green,
.permissions-dropdown.green {
	color: #5cb85c;
}

li:hover .permission-type.green,
.permissions-dropdown.green:hover {
	color: #449d44;
}

.permission-type.orange,
.permissions-dropdown.orange {
	color: #f0ad4e;
}

li:hover .permission-type.orange,
.permissions-dropdown.orange:hover {
	color: #ec971f;
}

.permission-type.red,
.permissions-dropdown.red {
	color: #d9534f;
}

li:hover .permission-type.red,
.permissions-dropdown.red:hover {
	color: #c9302c;
}

.permissions-dropdown.orange,
.permissions-dropdown.red {
	display: inline-block;
}

.permission-type.greenbg,
.permissions-dropdown.greenbg {
	background-color: #5cb85c;
}

.modal-dialog .permissions-dropdown-wrapper > ul > li {
	display: flex;
}

.modal-dialog .permissions-dropdown-wrapper > ul > li > .item.icon-it {
	height: auto;
	width: 34px;
}
.modal-dialog .permissions-dropdown-wrapper > ul > li > .item.text-it {
	height: auto;
	width: auto;

	-webkit-flex: 1;
	flex: 1;
}
.modal-dialog .permissions-dropdown-wrapper > ul > li > .item.time-it {
	height: auto;
	width: 65px;
}

.modal-dialog .choose-printer {
	background-color: #f5f5f5;
}


/* Start permission type darkgreen bg */

.permission-type.darkgreenbg,
.permissions-dropdown.darkgreenbg {
	background-color: rgba(112, 151, 112, 0.65);
	border-bottom-color: rgb(234, 196, 6);
	color: #555 !important;
}

.permission-type.darkgreenbg > div,
.permissions-dropdown.darkgreenbg > div {
	border-right-color: rgba(112, 151, 112, 0.65) !important;
}

.permission-type.darkgreenbg > .dark1-it,
.permissions-dropdown.darkgreenbg > .dark1-it {
	background-color: rgba(112, 151, 112, 0.20) !important;
	border-bottom-color: rgb(234, 196, 6) !important;
}

.permission-type.darkgreenbg > .dark2-it,
.permissions-dropdown.darkgreenbg > .dark2-it {
	background-color: rgba(112, 151, 112, 0.35) !important;
	border-bottom-color: rgb(234, 196, 6) !important;
}

.permission-type.darkgreenbg:hover,
.permissions-dropdown.darkgreenbg:hover {
	background-color: rgba(236, 191, 25, 0.65) !important;
}

.permission-type.darkgreenbg .icon.start-time,
.permissions-dropdown.orangebg .icon.start-time {
	background-color: rgba(112, 151, 112, 0.75);
}

.permission-type.darkgreenbg .icon,
.permissions-dropdown.orangebg .icon {
	background-color: rgba(112, 151, 112, 0.85);
	border-left-color: rgb(234, 196, 6);
}

.permission-type.darkgreenbg:hover .icon:not(.start-time),
.permissions-dropdown.darkgreenbg:hover .icon:not(.start-time),
.permission-type.darkgreenbg .icon:not(.start-time):hover,
.permissions-dropdown.darkgreenbg .icon:not(.start-time):hover {
	background-color: rgba(236, 191, 25, 0.65) !important;
}

/* End permission type darkgreen bg */



/* Start permission type orange bg */

.permission-type.orangebg,
.permissions-dropdown.orangebg {
	background-color: rgba(240, 220, 78, 0.65);
	border-bottom-color: rgb(234, 196, 6);
}

.permission-type.orangebg > div,
.permissions-dropdown.orangebg > div {
	border-right-color: rgba(240, 220, 78, 0.65) !important;
}

.permission-type.orangebg > .dark1-it,
.permissions-dropdown.orangebg > .dark1-it {
	background-color: rgba(240, 220, 78, 0.20) !important;
	border-bottom-color: rgb(234, 196, 6) !important;
}

.permission-type.orangebg > .dark2-it,
.permissions-dropdown.orangebg > .dark2-it {
	background-color: rgba(240, 220, 78, 0.35) !important;
	border-bottom-color: rgb(234, 196, 6) !important;
}

.permission-type.orangebg:hover,
.permissions-dropdown.orangebg:hover {
	background-color: rgba(236, 191, 25, 0.65) !important;
}

.permission-type.orangebg .icon.start-time,
.permissions-dropdown.orangebg .icon.start-time {
	background-color: rgba(240, 220, 78, 0.75);
}

.permission-type.orangebg .icon,
.permissions-dropdown.orangebg .icon {
	background-color: rgba(240, 220, 78, 0.85);
	border-left-color: rgb(234, 196, 6);
}

.permission-type.orangebg:hover .icon:not(.start-time),
.permissions-dropdown.orangebg:hover .icon:not(.start-time),
.permission-type.orangebg .icon:not(.start-time):hover,
.permissions-dropdown.orangebg .icon:not(.start-time):hover {
	background-color: rgba(236, 191, 25, 0.65) !important;
}

/* End permission type orange bg */



/* End permission type red bg */

.permission-type.redbg,
.permissions-dropdown.redbg {
	background-color: rgba(249, 82, 77, 0.65);
	border-bottom-color: rgb(251, 66, 61);
}

.permission-type.redbg > div,
.permissions-dropdown.redbg > div {
	border-right-color: rgba(249, 82, 77, 0.65) !important;
}

.permission-type.redbg > .dark1-it,
.permissions-dropdown.redbg > .dark1-it {
	background-color: rgba(249, 82, 77, 0.20) !important;
	border-bottom-color: rgb(251, 66, 61) !important;
}

.permission-type.redbg > .dark2-it,
.permissions-dropdown.redbg > .dark2-it {
	background-color: rgba(249, 82, 77, 0.35) !important;
	border-bottom-color: rgb(251, 66, 61) !important;
}

.permission-type.redbg:hover,
.permissions-dropdown.redbg:hover {
	background-color: rgba(249, 82, 77, 0.75) !important;
}

.permission-type.redbg .icon.start-time,
.permissions-dropdown.redbg .icon.start-time {
	background-color: rgba(249, 82, 77, 0.75);
}

.permission-type.redbg .icon,
.permissions-dropdown.redbg .icon {
	background-color: rgba(249, 82, 77, 0.85);
	border-left-color: rgb(251, 66, 61);
}

.permission-type.redbg:hover .icon:not(.start-time),
.permissions-dropdown.redbg:hover .icon:not(.start-time),
.permission-type.redbg .icon:not(.start-time):hover,
.permissions-dropdown.redbg .icon:not(.start-time):hover {
	background-color: rgba(249, 82, 77, 0.85) !important;
}

/* End permission type red bg */



/* Start departure info box */

.departure-info-box {
	position: fixed;
	z-index: 9999;
	width: 320px;
	background-color: #F7F7F9;
	border: solid 1px #ddd;
	border-bottom: 0;
	border-radius: 3px;
	box-shadow: 0 0 5px rgba(51, 51, 51, 0.20);
	color: #333;
}
	.departure-info-box .dib-shadow {
		padding: 25px;
		font-size: 16px;
		color: #999;
		font-weight: bold;
		text-align: center;
		width: 100%;
	}
	.departure-info-box .dib-back {
		position: absolute;
		padding: 9px 9px 2px 9px;
		font-size: 20px;
		line-height: 20px;
		cursor: pointer;
	}
	.departure-info-box .dib-back:hover {
		color: #777;
	}
	.departure-info-box .dib-data-wrapper {
		display: flex;
		width: 100%;
	}
	.departure-info-box .dib-right-separator {
		border-right: solid 1px #ddd;
	}
	.departure-info-box .dib-row {
		display: flex;
		width: 100%;
		border-top: solid 1px #ddd;
	}
		.departure-info-box .dib-resource-name {
			font-weight: bold;
			font-size: 18px;
			text-align: center;
			padding: 6px 25px 2px 25px;
		}
		.departure-info-box .dib-date {
			font-weight: bold;
			font-size: 15px;
			text-align: center;
			color: #555;
			padding: 4px 6px 6px 6px;
		}
		.departure-info-box table {
			width: 100%;
		}
		.departure-info-box .dib-amounts-info-table {
			margin: 6px 12px;
		}
		.departure-info-box .dib-amounts-info-table .info-icon {
			color: #0072bc;
			cursor: help;
		}
		.departure-info-box .dib-label {
			color: #777;
			font-weight: normal;
		}
		.departure-info-box .dib-label.fixed {
			display: inline-block;
			width: 70px;
		}
		.departure-info-box .dib-label-small {
			color: #777;
			font-weight: normal;
			font-size: 12px;
		}
		.departure-info-box .dib-row .dib-icon {
			margin-right: 5px;
		}
		.departure-info-box .dib-row .dib-no-split {
			width: 100%;
			align-items: center;
			padding: 6px 12px;
		}
		.departure-info-box .dib-row .dib-split-half {
			width: 50%;
			align-items: center;
			padding: 6px 12px;
			border-right: solid 1px #ddd;
		}
		.departure-info-box .dib-row .dib-split-half:last-child {
			border-right: 0;
		}
		.departure-info-box .dib-row .dib-link {
			padding: 6px 12px;
			width: 100%;
			cursor: pointer;
		}
		.departure-info-box .dib-row .dib-link:hover {
			text-decoration: none;
			background-color: #eee;
		}

/* End departure info box */






/* Start switch-button */

.switch-button {
	width: 60px;
	display: inline-block;
	vertical-align: top;
}

.switch-button > button {
	outline: none !important;
}

.switch-button > button:not(.btn-danger):not(.btn-success) {
	border-left-color: #ccc;
	color: #999;
	background: #eee;
}

.switch-label {
	display: inline-block;
	width: calc(100% - 65px);
	width: -webkit-calc(100% - 65px);
	width: -moz-calc(100% - 65px);
	padding-top: 3px;
}

.switch-button.disabled > button {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

/* End switch-button */





.permission-type.disabled {
	cursor: default;
}

.permission-type.disabled > .icon:not(.start-time) > a {
	display: none;
}

.permission-type > .icon {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	width: 26px;
	height: 26px;
	padding: 6px;
	margin-left: 7px;
	border-left: solid 1px #ddd;
	text-align: center;
	color: #333;
	background-color: #e5e5e5;
}

.mobile .permission-type > .icon {
	width: 40px;
	height: 34px;
	padding: 7px 3px 6px 6px;
}

.permission-type > .icon.start-time {
	width: 50px;
	right: 26px;
	padding: 4px 6px 6px 6px;
	background-color: #f0f0f0;
}

.mobile .permission-type > .icon.start-time {
	width: 65px;
	right: 40px;
	padding: 4px 6px 6px 6px;
}

.permission-type > .icon:not(.start-time,.disabled):hover {
	background-color: #d5d5d5;
}

.permission-type > .icon:hover > .reservation-icon {
	color: #0072bc;
}

.permission-type > .icon > a,
.permission-type > .icon-pre > a {
	color: #333;
}

.permission-type > .icon i {
	vertical-align: top;
}

.permission-type > .icon-pre {
	position: absolute;
	top: 0;
	left: -8px;
	display: inline-block;
	width: 26px;
	height: 26px;
	padding: 6px;
	margin-left: 7px;
	border-right: solid 1px #ddd;
	text-align: center;
	color: #333;
}

.permission-type > .icon-pre:hover > a {
	color: #0072bc;
}

/*.grid-element > .permissions-dropdown.green {
	color: #555;
}*/



.top-button {
	min-width: 100px;
}

.top-button.icon-button {
	min-width: initial !important;
}

.top-button.icon-plus-button {
	width: 145px;
}


.xs .top-button {
	min-width: 95px;
	margin-bottom: 25px;
}

.xs .top-button.icon-plus-button {
	width: 140px;
}

.xs .top-button.pull-left {
	margin-right: 5px;
}

.xs .top-button.pull-right {
	margin-left: 5px;
}

.sm .top-button {
	margin-top: 26px;
}

.sm .top-button.pull-left {
	margin-right: 5px;
}

.sm .top-button.pull-right {
	margin-left: 5px;
}

.top-button.pull-right {
	float: right !important;
}

.input-button {
	width: 85px;
}

.reservation-block {
	margin-bottom: 40px;
}

.reservation-group {
	/*width: 200px;*/
	margin: 10px;
}

.reservation-group-full {
	margin: 10px;
}

.reservation-label {
	text-align: left;
	margin-bottom: -5px;
	font-weight: bold;
	padding-right: 10px;
}

.reservation-label > .label-inner {
	display: inline-block;
	width: calc(100% - 65px);
	width: -webkit-calc(100% - 65px);
	width: -moz-calc(100% - 65px);
	text-align: right;
}

.reservation-line {
	margin: 5px 10px;
}

.reservation-line > label {
	margin: 0;
}

.reservation-line .reservation-group {
	margin: 0;
}

.reservation-line > .input-wrapper {
	display: inline-block;
	width: calc(100% - 65px);
	width: -webkit-calc(100% - 65px);
	width: -moz-calc(100% - 65px);
}

.reservation-line > .price-wrapper {
	display: inline-block;
	width: 65px;
	float: right;
	padding: 0 0 0 5px;
	text-align: left;
	color: #999;
	line-height: 18px;
	margin-top: -1px;
}

.reservation-line > .price-wrapper > .row-label {
	display: block;
	font-weight: bold;
	color: #333;
}

.reservation-line > .price-wrapper.single {
	padding: 8px 0 0 5px;
}

.reservation-stats {
	margin: 35px 5px;
}

.pricelist-date-input.active,
.reservation-date-input.active,
.slots-date-input.active {
	border: solid 2px #eea236;
}

#pricelist-period-time-options .datepicker table tr td.new,
#pricelist-period-time-options .datepicker table tr td.old {
    height: 0;
    line-height: 0;
    visibility: hidden;
}

.readonly-white {
	background-color: #fff !important;
}

.storno-button-big {
	margin-top: 10px;
}

.reserve-button {
	margin-top: 10px;
	margin-bottom: 10px;
}

.datepicker {
	position: relative;
	margin-bottom: 35px;
	min-height: 240px;
}
.datepicker .datepicker {
	margin-bottom: 15px;
}

.datepicker > .datepicker-shadow {
	display: none;
	position: absolute;
	z-index: 99;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(180, 180, 180, 0.5);
}

.table-dim {
	opacity: 0.4;
}

.highlight-row {
	background-color: #EAEAEA;
	border-top: solid 2px #ddd;
}

.highlight-row-light {
	background-color: #f7f7f7;
}

.highlight-row-blue {
	background-color: #0072bc;
	border-top: solid 2px #94c4e3;
	color: #fff;
}

.floating-bottom-fixed-row {
	position: fixed;
	bottom: 0;
	z-index: 5;

	cursor: pointer;
}

.padding-0 {
	padding: 0px !important;
}

.padding-3 {
	padding: 3px !important;
}

.padding-10 {
	padding: 10px !important;
}

.padding-5-0 {
	padding: 5px 0 !important;
}

.padding-top-10 {
	padding-top: 10px !important;
}

.padding-top-12 {
	padding-top: 12px !important;
}

.padding-bottom-0 {
	padding-bottom: 0 !important;
}

.padding-bottom-10 {
	padding-bottom: 10px !important;
}

.padding-left-0 {
	padding-left: 0 !important;
}

.padding-left-3 {
	padding-left: 3px !important;
}

.padding-left-10 {
	padding-left: 10px !important;
}

.padding-left-15 {
	padding-left: 15px !important;
}

.padding-left-20 {
	padding-left: 20px !important;
}

.padding-left-25 {
	padding-left: 25px !important;
}

.padding-left-30 {
	padding-left: 30px !important;
}

.padding-right-0, .pr0 {
	padding-right: 0 !important;
}

.padding-bottom-4, .pr4 {
	padding-bottom: 4px !important;
}

.padding-0-3 {
	padding: 0 3px !important;
}

.padding-5, .p5 {
	padding: 5px !important;
}
.padding-6, .p6 {
	padding: 6px !important;
}

.margin-0 {
	margin: 0 !important;
}

.margin-10-0 {
	margin: 10px 0 !important;
}

.margin-top-0 {
	margin-top: 0 !important;
}

.margin-top-2 {
	margin-top: 2px !important;
}

.margin-top-3 {
	margin-top: 3px !important;
}

.margin-top-5 {
	margin-top: 5px !important;
}

.margin-top-6 {
	margin-top: 6px !important;
}

.margin-top-10 {
	margin-top: 10px !important;
}

.margin-top-15 {
	margin-top: 15px !important;
}

.margin-top-20 {
	margin-top: 20px !important;
}

.margin-top-25 {
	margin-top: 25px !important;
}

.margin-top-30 {
	margin-top: 30px !important;
}

.margin-top-35 {
	margin-top: 35px !important;
}

.margin-top-50 {
	margin-top: 50px !important;
}

.margin-top-75 {
	margin-top: 75px !important;
}

.margin-top-100 {
	margin-top: 100px !important;
}

.margin-left-4 {
	margin-left: 4px !important;
}

.margin-left-5 {
	margin-left: 5px !important;
}

.margin-left-10 {
	margin-left: 10px !important;
}

.margin-left-15 {
	margin-left: 15px !important;
}

.margin-left-25 {
	margin-left: 25px !important;
}

.margin-right-5 {
	margin-right: 5px !important;
}

.margin-right-10 {
	margin-right: 10px !important;
}

.margin-right-15 {
	margin-right: 15px !important;
}

.margin-right-30 {
	margin-right: 30px !important;
}

.margin-bottom-0 {
	margin-bottom: 0px !important;
}

.margin-bottom-5 {
	margin-bottom: 5px !important;
}

.margin-bottom-10 {
	margin-bottom: 10px !important;
}

.margin-bottom-15 {
	margin-bottom: 15px !important;
}

.margin-bottom-25 {
	margin-bottom: 25px !important;
}

.margin-bottom-35 {
	margin-bottom: 35px !important;
}

.margin-bottom-50 {
	margin-bottom: 50px !important;
}

.clear-both {
	clear: both;
}

.font-size-11 {
	font-size: 11px;
}
.font-size-18 {
	font-size: 18px;
}

.width-20 {
	width: 20px !important;
}

.width-25 {
	width: 25px !important;
}

.width-35 {
	width: 35px !important;
}

.width-50 {
	width: 50px !important;
}

.width-55 {
	width: 55px !important;
}

.width-60 {
	width: 60px !important;
}

.width-65 {
	width: 65px !important;
}

.width-70 {
	width: 70px !important;
}

.width-75 {
	width: 75px !important;
}

.width-80 {
	width: 80px !important;
}

.width-85 {
	width: 85px !important;
}

.width-90 {
	width: 90px !important;
}

.width-100 {
	width: 100px !important;
}

.width-110 {
	width: 110px !important;
}

.width-120 {
	width: 120px !important;
}

.width-125 {
	width: 125px !important;
}

.width-130 {
	width: 130px !important;
}

.width-140 {
	width: 140px !important;
}

.width-150 {
	width: 150px !important;
}

.width-160 {
	width: 160px !important;
}

.width-175 {
	width: 175px !important;
}

.width-200 {
	width: 200px !important;
}

.width-210 {
	width: 210px !important;
}

.width-215 {
	width: 215px !important;
}

.width-250 {
	width: 250px !important;
}

.width-225 {
	width: 225px !important;
}

.width-270 {
	width: 270px !important;
}

.width-295 {
	width: 295px !important;
}

.width-350 {
	width: 350px !important;
}

.width-100p {
	width: 100% !important;
}

.vab {
	vertical-align: bottom !important;
}

.position-relative {
	position: relative;
}

.overflow-x-auto {
	overflow-x: auto;
}

.min-width-65 {
	min-width: 65px !important;
}

.min-width-75 {
	min-width: 75px !important;
}

.min-width-90 {
	min-width: 90px !important;
}

.min-width-100 {
	min-width: 100px !important;
}

.min-width-120 {
	min-width: 120px !important;
}

.min-width-200 {
	min-width: 200px !important;
}

.max-width-auto {
	max-width: none !important;
}

.switch-label-custom {
	display: inline-block;
	margin-top: 2px;
	margin-right: 10px;
}

.panel-toggle-switch {
	margin: -3px 7px 0 0;
}

.disabled-text {
	color: #bbb;
}

.input-sm .btn { /* selectbox plugin */
	height: 30px;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
}

.input-group.large .input-button,
.input-group.large .group-number {
	height: 50px;
}
.input-group-xs .input-group-addon {
	font-size: 12px;
	line-height: 8px;
}
.input-xs {
	height: 22px;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
	display: inline-block;
	width: auto;
}

select.input-xs {
	padding: 0 3px !important;
}

.input-range {
	float: left;
	width: calc(50% - 7px);
	display: inline-block;
}
.input-range-separator {
	float: left;
	width: 14px;
	text-align: center;
	padding-top: 3px;
}

.invisible-input {
	width: 80px;
	text-align: right;
	border: 0 !important;
	background-color: transparent !important;
}
.invisible-input[readonly]:not([disabled]) {
	background-color: transparent !important;
}

.th-note {
	position: absolute;
	margin-top: 15px;
	font-weight: normal;
	left: -25px;
	width: 125px;
	font-size: 12px;
}

.th-note.left-17 {
	left: -17px;
}

.th-note.left-2 {
	left: -2px;
}

.alert-icon {
	font-size: 28px;
	float: left;
	margin: 8px 15px 7px 7px;
}

.floatThead-wrapper,
.table-wrapper-overflow {
	overflow: auto;
    clear: both;
}

.table:not(.vertical-align-top)>tbody>tr>td, .table>tfoot>tr>td, .table>thead>tr>td {
	vertical-align: middle !important;
}

.table tr.strike > td {
	text-decoration: line-through;
}

.table .sortable-cell {
	cursor: pointer;
}

.table.table-hoverable tr.selected > td {
	background-color: #eff3f5;
}

.table.table-hoverable tr:not(.no-hover):hover > td {
	background-color: #f2f7f9;
}

.table .ui-sortable-helper {
    display: table !important;
}

.table-title-bg th { /* Used for sticky header */
	padding-top: 35px !important;
	background-color: #fff;
}

.table-title-bg2 th { /* Used for sticky header */
	background-color: #fff;
}

.table-languages td,
.table-languages th {
	padding: 0 8px !important;
}

.row-top-border {
	border-top: solid 1px #ddd;
}

.row-top-border-bold {
	border-top: solid 2px #ddd;
}

.row-cells-no-wrap th,
.row-cells-no-wrap td {
	white-space: nowrap !important;
}

.row-cell-bouble {
	display: inline-block;
	/*vertical-align: middle;*/
	width: 30px;
	height: 30px;
	border: 1px solid #f3f3f3;
	border-radius: 8px !important;
	background-color: #fff;
	line-height: 28px;
	text-align: center;
	color: #7b7b7b;
	cursor: pointer;
	transition: background .05s ease-in,color .05s ease-in;

	margin-left: 5px;
}
.row-cell-bouble:hover {
	color: #0272bc;
	border-color: #0272bc;
}
.row-cell-bouble.active {
	color: #fff;
	background-color: #0272bc;
}

.transaction-uid {
	min-width: 295px;
	white-space: nowrap;
}
.transaction-company {
	padding: 0 8px !important;
}
.transaction-company .name {
	display: inline-block;
	padding: 8px 0;
}
.amount-charged.partial {
	color: #777;
	text-decoration: line-through;
	margin-left: 5px;
}
.transaction-sub-row {
	color: #bbb;
}
.transaction-sub-row td {
	border-top-color: transparent !important;
	border-top: 0 !important;
}
.transaction-sub-row .transaction-checkbox {
	display: none;
}
.transaction-sub-row .transaction-uid {
	padding-left: 20px;
}

.transaction-portal-icon {
	width: 20px;
	height: 20px;
}
.transaction-dim-icon {
	filter: gray;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	opacity: 0.5;
}


.transaction-row.row-group {
    border-left: solid 5px #0272bc;
    border-right: solid 5px #0272bc;
}
/*.transaction-row.start-row-group td:first-child {
    border-top: solid 2px #0272bc;
}
.transaction-row.end-row-group td:first-child {
    border-bottom: solid 2px #0272bc;
}
.transaction-row.start-row-group td:last-child {
    border-top: solid 2px #0272bc;
}
.transaction-row.end-row-group td:last-child {
    border-bottom: solid 2px #0272bc;
}*/
.transaction-row.start-row-group td {
    border-top: dashed 2px #0272bc;
}
.transaction-row.end-row-group td {
    border-bottom: dashed 2px #0272bc;
}
.transaction-row.dim td {
    color: #bbb;
	background-color: #f5f5f5;
}
.transaction-row.waiting-status td {
    background-color: #dbeeff;
}
.transaction-row.warning-status td {
    background-color: #ffeac9;
}
.transaction-row.warning-status .status-icon {
	color: #a3a3a3;
}

.transaction-row.waiting-status .status-icon {
	color: #aaa;
}


.transaction-row.transaction-sub-row .subrow-icon {
	color: #777;
	margin-right: 2px;
}
.transaction-row:not(.transaction-sub-row) .subrow-icon {
	display: none;
}

.transaction-row .refund-request,
.transaction-row .refund-request-processed {
	margin-top: -2px;
	vertical-align: middle;
	display: inline-block;
	padding: 6px;
	cursor: pointer;
	color: #333;
	background-color: #f9c070;

	transition: ease .5s;
}
.transaction-row .refund-request-processed {
	color: #000;
	background-color: #ccc;
	cursor: default;
}
.transaction-row .refund-request:not(.refund-request-processed):hover {
	color: #111;
	background-color: #f0ad4e;
}

.row-top-border-none > td,
.row-top-border-none > th,
.row-top-border-none {
	border-top: 0 !important;
}
.row-padding-top-bottom-0 > td,
.row-padding-top-bottom-0 > th,
.row-padding-top-bottom-0 {
	padding: 0 8px !important;
}
.row-padding-top-0 > td,
.row-padding-top-0 > th,
.row-padding-top-0 {
	padding-top: 0 !important;
}

.table-group-separator {
	text-align: left;
	background: #f3f3f3;
	border-top: solid 1px #ddd !important;
}

.stats-table {
	margin-bottom: 35px;
}

.stats-table td {
	vertical-align: middle !important;
}

.stats-table td.amount, .stats-table th.amount {
	width: 120px;
	/*padding-left: 30px;*/
	vertical-align: top !important;
}

.stats-table td.amount.green,
.stats-table th.amount.green,
.stats-table td.discount.green,
.stats-table th.discount.green {
	color: #5cb85c;
}

.stats-table td.amount-min, .stats-table th.amount-min {
	min-width: 120px;
	padding-left: 30px;
}

.sub-title {
	margin-bottom: 25px;
}

.form-block {
	margin-bottom: 15px;
}

.form-info {
	color: #999;
	font-size: 12px;
}
	.form-info.info-danger {
		color: #ce2d2d;
	}

.form-submit-block {
	margin-top: 40px;
	margin-bottom: 15px;
}

.month-separator {
	text-align: center;
	clear: both;
	padding-top: 35px;
	margin-bottom: 0;
}

.row-top-line {
	border-top: 2px solid #ddd;
}

.no-reservations {
	border-top: 1px solid #ddd;
	color: #999;
	padding: 8px;
}

.reservations-header {
	background-color: #EAEAEA;
	font-weight: bold;
	padding: 8px;
}

.reservation-subtitle {
	font-weight: bold;
	text-align: center;
	padding: 6px;
	font-size: 16px;
}

.no-data,
.no-data-text {
	color: #999;
}

tr.loading-data td {
    color: #777;
    padding: 35px !important;
    font-size: 18px;
	text-align: center;
}

.loading-shadow-parent {
	position: relative;
}

.loading-shadow {
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	min-height: 100px;
	background-color: rgba(0, 0, 0, 0.75);
	z-index: 5;
	display: none;
}
.loading-shadow.light {
	background-color: rgba(0, 0, 0, 0.05);
}

.loading-shadow.visible {
	display: block;
}

.loading-shadow > .loading-text {
	text-align: center;
	color: #fff;
	font-size: 22px;
	top: 48%;
	position: relative;
}
.loading-shadow.light > .loading-text {
	color: #999;
}

.invisible-block-action-wrapper {
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 9;
}

.starting-points-table-wrapper {
	overflow-x: auto;
}

.starting-points-table-wrapper > table {
	min-width: 550px;
}


.starting-points-table-wrapper .starting-point td {
	transition: background-color .85s ease;
}
.starting-points-table-wrapper .start-point-top-row td,
.starting-points-table-wrapper .end-point-top-row td {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
	.starting-points-table-wrapper .start-point-top-row .point-text,
	.starting-points-table-wrapper .end-point-top-row .point-text {
		font-size: 12px;
		padding: 6px 0 0px 1px;
		display: inline-block;
	}
	.starting-points-table-wrapper .start-point-top-row .point-text {
		color: #31708f;
	}
	.starting-points-table-wrapper .end-point-top-row .point-text {
		color: #b17500;
	}
.starting-points-table-wrapper .start-point td {
	background-color: #daedf7 !important;
	padding-top: 0 !important;
	border-top: none !important;
}
.starting-points-table-wrapper .end-point td {
	background-color: #ffeecf !important;
	padding-top: 0 !important;
	border-top: none !important;
}
.starting-points-table-wrapper .starting-point.highlight td {
	background-color: #ddd !important;
}

.calendar-container {
	position: relative;
	min-height: 150px;
}

tr.disabled {
	color: #999;
	background-color: #f9f9f9;
}

tr.faded {
	color: #bbb;
}

tr.faded img {
	opacity: 0.5;
}

.ticket-number {
	width: 100px;
}

.reservation-icons-box {
	/*width: 140px;*/
	padding: 4px !important;

    display: flex;
    justify-content: end;
    flex-wrap: wrap;
    gap: 0px 5px;
}
th.reservation-icons-box {
	display: table-cell !important;
}
.reservation-icons-box > a,
.reservation-icons-box > button {
    flex-grow: 1;
}
.reservation-icons-box > .fiskalization-retry {
    flex-grow: 2;
	width: 100%
}

.reservation-icons-box .view-reservation-button {
	width: 55px;
	margin: 3px 3px 3px 3px;
}

.reservation-icons-box .view-reservation-button.storno {
	width: 70px;
}

.contact-person-icon {
	font-size: 24px;
	vertical-align: top;
	color: #337ab7;
	cursor: pointer;
	line-height: 18px;
	margin-top: 1px;
    display: inline-block;
}

/*.reservation-icons-box .storno-button {
	width: 55px;
	margin: 3px 7px 3px 7px;
}*/

.reservations-total-text {
	text-align: left;
	/*padding-top: 13px !important;*/
}

.reservations-total-text .subtext {
	color: #777;
	font-size: 12px;
}

.reservation-stats .separator-top td,
.reservation-stats .separator-top th {
	padding-top: 25px;
	border-top: 0;
}

.input-group-addon .plus-icon {
	font-size: 18px;
	line-height: 15px;
	vertical-align: middle;
	display: inline-block;
}

.input-group-addon.clickable:not(.disabled) {
	cursor: pointer;
}

.input-group-addon.clickable:hover:not(.disabled) {
	background-color: #e5e5e5;
}

.input-group.active .input-group-addon.clickable:not(.disabled) {
	background-color: #5CB85C;
	border-color: #4cae4c;
	color: #fff;
}

.input-group.active .input-group-addon.clickable:hover:not(.disabled) {
	background-color: #449d44;
	border-color: #398439;
	color: #fff;
}

.input-group.active .form-control {
	border-left-color: #4cae4c;
}

.agent-type {
	color: #999;
}

.comment-autosize {
	min-height: 75px;
	max-height: 250px;
}

.date-transfer-icon {
	font-size: 20px;
	line-height: 20px;
	vertical-align: bottom;
	margin-top: 1px;
	display: inline-block;
}


/* Start Datetimepicker track-start/track-end */

.bootstrap-datetimepicker-widget li {
	border: 0 !important;
}

.bootstrap-datetimepicker-widget .day.disabled {
	background-color: #ddd !important;
}

.bootstrap-datetimepicker-widget:not(.multiple-dates) table td .track-start,
.bootstrap-datetimepicker-widget:not(.multiple-dates) table td .track-end,
.bootstrap-datetimepicker-widget:not(.multiple-dates) table td .td-wrapper-today {
    display: none;
}

.bootstrap-datetimepicker-widget:not(.multiple-dates) .today {
	-webkit-box-shadow: inset 0px 0px 0px 2px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 0px 2px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 0px 2px rgba(0,0,0,0.75);
}

.bootstrap-datetimepicker-widget table td .track-start {
    border-left: solid 12px #fff;
    position: absolute;
    z-index: 2;
    right: -12px;
    bottom: 0px;
    width: 0;
    height: 0;
    border-top: 0 solid transparent;
    border-bottom: 30px solid transparent;
    vertical-align: top;
}
.bootstrap-datetimepicker-widget table td .track-end {
    border-left: solid 12px #fff;
    position: absolute;
    z-index: 2;
    right: -13px;
    bottom: 0px;
    width: 0;
    height: 0;
    border-top: 0 solid transparent;
    border-bottom: 30px solid transparent;
    vertical-align: top;
}
/*.bootstrap-datetimepicker-widget table tr td:last-child .track-end {
    display: none;
}*/
.bootstrap-datetimepicker-widget table td .track-end-fix {
    position: absolute;
    z-index: 2;
    width: 1px;
    height: 30px;
    left: -13px;
    top: 0;
    background: #fff;
}
.bootstrap-datetimepicker-widget table td:last-child > .track-end {
    display: none;
}
.bootstrap-datetimepicker-widget table td.reserved-range-end .track-end {
    right: -12px;
}
/* End Datetimepicker track-start/track-end */



.bootstrap-datetimepicker-widget table td {
	position: relative !important;
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	padding: 0 !important;
}

.bootstrap-datetimepicker-widget table td .td-wrapper {
	padding: 5px;
}

.bootstrap-datetimepicker-widget table td .td-wrapper .info-dot-wrapper {
	position: absolute;
	left: 0;
	width: 100%;
	margin-top: -10px;

    display: flex;
    justify-content: center;
}
.bootstrap-datetimepicker-widget table td .td-wrapper .info-dot {
	text-align: center;
	color: #5bb85b;
	/*color: #0072bc;*/
	font-size: 20px;
    width: 10px;
}
.bootstrap-datetimepicker-widget table td .td-wrapper .info-dot.green {
	color: #5bb85b;
}
.bootstrap-datetimepicker-widget table td .td-wrapper .info-dot.blue {
	color: #0072bc;
}
.bootstrap-datetimepicker-widget table td .td-wrapper .info-dot.gray {
	color: #bbb;
}
.bootstrap-datetimepicker-widget table td .td-wrapper .info-dot.dot-num-1 {
	left: -5px;
}
.bootstrap-datetimepicker-widget table td .td-wrapper .info-dot.dot-num-2 {
	left: 5px;
}

.bootstrap-datetimepicker-widget table td.today .td-wrapper-today {
	position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
	top: 0;
	left: 0;

	-webkit-box-shadow: inset 0px 0px 0px 2px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 0px 2px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 0px 2px rgba(0,0,0,0.75);
}

.bootstrap-datetimepicker-widget table td:hover .track-end {
	border-left-color: #eee;
}
.bootstrap-datetimepicker-widget table td:hover .track-end-fix {
	background-color: #eee;
}

.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
	text-decoration: line-through;
}

.bootstrap-datetimepicker-widget table td.reserved.notallowed,
.bootstrap-datetimepicker-widget table td.reserved.notallowed:hover {
	cursor: not-allowed !important;
}

.bootstrap-datetimepicker-widget table td.reserved .td-wrapper,
.bootstrap-datetimepicker-widget table td.reserved:hover .td-wrapper {
	color: #fff !important;
	background-color: #d9534f !important;
	border-color: #cc2f29 !important;
	cursor: pointer !important;
}
.bootstrap-datetimepicker-widget table td.reserved .track-end {
	border-left-color: #d9534f;
}
.bootstrap-datetimepicker-widget table td.reserved .track-end-fix {
	background-color: #d9534f;
}
.bootstrap-datetimepicker-widget table td.reserved.disabled .track-end {
	border-left-color: #da7d7a;
}
.bootstrap-datetimepicker-widget table td.reserved.disabled .track-end-fix {
	background-color: #da7d7a;
}

.bootstrap-datetimepicker-widget table td.reserved-orange .td-wrapper,
.bootstrap-datetimepicker-widget table td.reserved-orange:hover .td-wrapper {
	color: #fff !important;
	background-color: #D9BD4F !important;
	border-color: #D9BD4F !important;
	cursor: pointer !important;
}
.bootstrap-datetimepicker-widget table td.reserved-orange .track-end {
	border-left-color: #D9BD4F;
}
.bootstrap-datetimepicker-widget table td.reserved-orange .track-end-fix {
	background-color: #D9BD4F;
}
.bootstrap-datetimepicker-widget table td.reserved-orange.disabled .track-end {
	border-left-color: #dac77a;
}
.bootstrap-datetimepicker-widget table td.reserved-orange.disabled .track-end-fix {
	background-color: #dac77a;
}

.bootstrap-datetimepicker-widget table td.reserved-gray .td-wrapper,
.bootstrap-datetimepicker-widget table td.reserved-gray:hover .td-wrapper {
	color: #fff !important;
	background-color: #555 !important;
	border-color: #555 !important;
	cursor: pointer !important;
}
.bootstrap-datetimepicker-widget table td.reserved-gray .track-end {
	border-left-color: #555;
}
.bootstrap-datetimepicker-widget table td.reserved-gray .track-end-fix {
	background-color: #555;
}
.bootstrap-datetimepicker-widget table td.reserved-gray.disabled .track-end {
	border-left-color: #888888;
}
.bootstrap-datetimepicker-widget table td.reserved-gray.disabled .track-end-fix {
	background-color: #888888;
}

.bootstrap-datetimepicker-widget table td.highlight .td-wrapper,
.bootstrap-datetimepicker-widget table td.highlight:hover .td-wrapper {
	color: #fff !important;
	background-color: #5cb85c !important;
	border-color: #4cae4c !important;
	cursor: pointer !important;
}
.bootstrap-datetimepicker-widget table td.highlight .track-end {
	border-left-color: #5cb85c;
}
.bootstrap-datetimepicker-widget table td.highlight .track-end-fix {
	background-color: #5cb85c;
}
.bootstrap-datetimepicker-widget table td.highlight.disabled .track-end {
	border-left-color: #83c383;
}
.bootstrap-datetimepicker-widget table td.highlight.disabled .track-end-fix {
	background-color: #83c383;
}

.bootstrap-datetimepicker-widget table td.disabled .td-wrapper,
.bootstrap-datetimepicker-widget table td.disabled:hover .td-wrapper {
	opacity: 0.7;
}

.bootstrap-datetimepicker-widget table td.disabled .track-end {
	border-left-color: #ddd;
}
.bootstrap-datetimepicker-widget table td.disabled .track-end-fix {
	background-color: #ddd;
}

.bootstrap-datetimepicker-widget table td.active {
	background-color: #337ab7;
}
.bootstrap-datetimepicker-widget table td.active .track-end {
	border-left-color: #337ab7;
}
.bootstrap-datetimepicker-widget table td.active .track-end-fix {
	background-color: #337ab7;
}

.datepicket-disable-wrapper {
	position: absolute;
	z-index: 20;
	width: 100%;
	height: 100%;
}
.disabled .next,
.disabled .prev {
	color: transparent;
}

/*.bootstrap-datetimepicker-widget table td.range-start {
	border-left: solid 2px #cc2f29 !important;
}

.bootstrap-datetimepicker-widget table td.range-end {
	border-right: solid 2px #cc2f29 !important;
}*/

.offer-countdown-timer {
	margin-top: -5px;
	font-size: 22px;
	float: right;
	vertical-align: top;
	display: inline-block;
}

.reservation-line .price-value {
	float: right;
}

.pricelist-choice-wrapper {
	border: solid 0 #e1e1e1;
	border-width: 0 0 0 3px;
	padding: 10px 15px;
}



/* Start pricelist */

.prices-wrapper .currency-column {
	width: 120px;
}

/* End pricelist */




/* Start address book */

.address-book-contacts {
	overflow: auto;
}

.address-book-item {
	cursor: pointer;
}

/* End address book */



.bootstrap-select.btn-group .dropdown-menu {
	z-index: 99999 !important;
}

.expanded-row-highlight {
	background-color: #f5f5f5 !important;
}
.expanded-row > td {
	border-top: 0 !important;
	padding: 0 8px 20px 25px !important;
	background-color: #f5f5f5 !important;
}

.bootbox-body.overflow-auto {
	overflow: auto;
}


.btn.btn-success.vdisabled {
	opacity: .65;
}

.btn-xs {
	margin: 2px 0;
}

.btn-full-width {
	width: 100%;
}

.btn-xs-vtop {
	vertical-align: top;
	margin-top: 0;
}

.btn-xs-vbottom {
	vertical-align: top;
	margin-top: 12px;
}

.btn-text-icon {
	width: calc(100% - 37px);
	width: -webkit-calc(100% - 37px);
	width: -moz-calc(100% - 37px);
}


.btn-icon-20 {
	padding-left: 30px;
}
.btn-icon-20 i {
	font-size: 20px;
	position: absolute;
	margin-left: -23px;
	margin-top: -3px;
}

.btn-lg-icon {
	padding: 0 10px;
	font-size: 23px;
}

.btn > .btn-icon {
	font-size: 18px;
	display: inline-block;
	line-height: 18px;
	vertical-align: middle;
}

.input-price-sm {
	/*float: right;*/
	width: 75px;
	/*margin-top: 2px !important;*/
	/*margin-left: 5px;*/
	text-align: center;
}

.additional-input {
	margin-top: 2px;
	width: 140px;
}

.additional-add-button {
	width: 54px;
	border-left-color: #ccc;
	color: #444;
	background: #eee;
	margin-right: 6px;
	vertical-align: top;
}
.additional-add-button.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.additional-quantity-badge {
    position: absolute;
    right: calc(100% - 12px);
    margin-top: 2px;
    background-color: #eee;
    color: #444;
    border: solid 1px #ccc;

    padding: 4px 7px;
	cursor: pointer;
}
.additional-quantity-badge:hover {
	background-color: #ddd;
}

.additional-quantity-switch {
	width: 54px !important;
	margin-right: 6px;
}
.additional-quantity-switch .btn:first-child {
    width: 27px;
	height: 23px;
}
.additional-quantity-switch .btn:last-child {
    width: 28px;
	height: 23px;
}

.additional-add-button.disabled {
	border-left-color: #ccc !important;
	color: #444 !important;
	background: #eee !important;
}

.additional-name-box {
	margin-left: 5px;
	overflow: hidden;
	/*width: calc(100% - 294px);
	width: -webkit-calc(100% - 294px);
	width: -moz-calc(100% - 294px);*/
	display: inline-block;
	white-space: nowrap;
	vertical-align: middle;
}
.additional-name-box.add {
	width: calc(100% - 199px);
	width: -webkit-calc(100% - 199px);
	width: -moz-calc(100% - 199px);
}

.additional-input {
    width: 100%;
    /*width: calc(100% - 290px);
	width: -webkit-calc(100% - 290px);
	width: -moz-calc(100% - 290px);*/

	margin-right: 5px;
}

.additional-checkbox {
	display: inline-block;
	margin: 3px 0 0 20px;
	padding-left: 0 !important;
	vertical-align: top;
	height: 20px;
}
.additional-checkbox.center {
	display: flex;
	justify-content: center;
}
.additional-checkbox.edit {
	margin-left: 8px;
	margin-right: 6px;
}
/*.additional-checkbox-quantity {
	margin-right: 43px;
}
.additional-checkbox-quantity2 {
    margin-left: 71px;
}*/

.additional-web-integration-label{
	float: right;
	margin-right: 90px;
}
.additional-quantity-label{
	float: right;
	margin-right: 20px;
}

/*.btn.right-radius-on {
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
}*/

.bill-storno {
	background-color: #eee;
}

.bills.storno-bill-line {
	text-decoration: line-through;
}

.bills:hover {
	background-color: #f5f5f5;
}

.bills.storno-relation {
	background-color: #f2dede !important;
}

.bills.storno-relation2 {
	background-color: #dff0d8 !important;
}


.availability-wrapper {
	margin: 15px;
	white-space: nowrap;
	clear: both;
}

.availability-wrapper-mask {
	width: 100%;
	height: 35px;
	background-color: #fff;
	position: fixed;
	z-index: 5;
	top: 78px;
}

.availability-wrapper-overlay {
	position: fixed;
	z-index: 50;
	width: 100%;
	height: 100%;
	background-color: #fff;
	top: 0;
	left: 0;
}

.availability-wrapper-left {
	display: inline-block;
	width: 200px;
	vertical-align: top;
}

.availability-wrapper-right {
	position: relative;
	display: inline-block;
	width: calc(100% - 204px);
	width: -moz-calc(100% - 204px);
	width: -webkit-calc(100% - 204px);
	overflow-x: scroll;
    overflow-y: hidden;
	border-left: solid 1px #ddd;
	vertical-align: top;
}

.availability-wrapper-right .history-line {
	position: absolute;
	z-index: 2;
	top: 28px;
	left: 0;
	width: 2px;
	background-color: rgba(147, 177, 197, 0.55);
	height: calc(100% - 31px);
	height: -moz-calc(100% - 31px);
	height: -webkit-calc(100% - 31px);
}

.availability-loader {
	z-index: 51;
	position: fixed;
	width: 50px;
	height: 50px;
	top: calc(50% + 50px);
}
.availability-loader.left {
	left: 220px;
	margin-left: 5px;
}
.availability-loader.right {
	right: 15px;
	margin-right: 5px;
}
.availability-loader.center {
	left: 50%;
}

#filter-alert-wrapper {
	margin-top: -30px;
}

.image-preview {
	margin-top: 15px;
	max-width: 100%;
	max-height: 150px;
}

.bootstrap-select.disabled {
	background-color: #cccccc;
	opacity: 1;
}

.badge-success {
	background-color: #5cb85c;
}
.badge-danger {
	background-color: #d9534f;
}

.bootstrap-select.form-control > .btn {
	margin-top: 0;
}

.printer-chooser-item-title {
	background-color: #ddd;
	padding: 3px 8px 0px 8px;
	color: #6b6b6b;
	margin-top: 15px;
	font-size: 12px;
}

.printer-select-item-selected {
    color: #337ab7 !important;
    background-color: #f1f1f1;
    font-weight: bold;
}

.select-printer {
	background-color: #f5f5f5;
 }

.note-editable p,
.note-editable div {
	margin-bottom: 15px;
}
.note-editable p:last-child,
.note-editable div:last-child {
  margin-bottom: 0;
}

.seo-inputs-block {
	background-color: #f9f9f9;
	margin: 25px -15px 15px -15px;
	padding: 15px;
}


/*
.mdi-set {
	position: relative;
}

.mdi-set .mdi:last-child {
	position: absolute;
	left: 0;
	font-size: 17px;
	width: 100%;
	text-align: center;
}
*/

.mdi-spin-faster,
.mdi-spin-faster:before {
  -webkit-animation: md-spin-faster 1s infinite linear;
  animation: md-spin-faster 1s infinite linear;
}

@-webkit-keyframes md-spin-faster {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
@keyframes md-spin-faster {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }




.frame-loading-wrapper {
	position: relative;
}

.frame-loading-wrapper .frame-loading {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(238, 238, 238, 0.6);
}

.frame-loading-wrapper iframe {
	width: 100%;
	height: 300px;
}

.frame-loading-wrapper .frame-icon-wrapper {
	font-size: 64px;
	display: block;
	text-align: center;
	position: relative;
	top: 50%;
	margin-top: -32px;
	line-height: 64px;
	color: #337ab7;
}



.payment-card-wrapper {
	position: relative;
	width: 64px;
	display: inline-block;
	vertical-align: top;
	margin-right: 5px;
	cursor: pointer;
}
.payment-card-wrapper.no-hover {
	cursor: default;
}
	.payment-card-wrapper .payment-card-icon {
		width: 68px;
		height: 44px;
		border: solid 2px transparent;
	}
	.payment-card-wrapper .payment-card-remove-icon {
		font-size: 22px;
		color: #de5e5a;
		position: absolute;
		top: -11px;
		right: -11px;
		line-height: 22px;
		transition: .2s;
		cursor: pointer;
	}
	.payment-card-wrapper .payment-card-remove-icon:hover {
		color: #e22b26;
	}
	.payment-card-wrapper:hover:not(.no-hover) .payment-card-icon,
	.payment-card-wrapper.active .payment-card-icon {
		background-color: #eea236;
		border-color: #eea236;
	}
	.payment-card-wrapper .payment-card-name {
		width: 100%;
		line-height: 14px;
		text-align: center;
		color: #555;
		font-size: 12px;
		margin-top: 2px;
	}
	.payment-card-wrapper:hover:not(.no-hover) .payment-card-name,
	.payment-card-wrapper.active .payment-card-name {
		color: #eea236;
	}





/* Start modal custom styles */

.modal-footer {
	padding: 15px 15px 10px 15px;
}

.modal-footer .btn {
	margin-bottom: 5px !important;
}

/* End modal custom styles */





/* Start website builder styles */

.website-builder-choose-page-wrapper {
	margin-top: 15px;
}
	.website-builder-choose-page-wrapper .website-builder-choose-page-item {
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: solid 1px #e8e9e8;
		cursor: pointer;
	}
	.website-builder-choose-page-wrapper .website-builder-choose-page-item:last-child {
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: none;
	}
		.website-builder-choose-page-wrapper .website-builder-choose-page-item .website-builder-choose-page-item-inner {
			padding: 0 0;
			border: solid 2px transparent;
		}
		.website-builder-choose-page-wrapper .website-builder-choose-page-item:hover .website-builder-choose-page-item-inner {
			background-color: #fbfbfb;
		}
		.website-builder-choose-page-wrapper .website-builder-choose-page-item.active .website-builder-choose-page-item-inner {
			border-color: #027dc3;
			background-color: #f0f5f9;
		}
			.website-builder-choose-page-wrapper .website-builder-choose-page-item .website-builder-choose-page-item-image {
				float: left;
				display: inline-block;
				width: 150px;
				height: 100px;
				margin-right: 15px;

				background-repeat: no-repeat;
				background-color: #bbb;
				background-size: cover;
			}
			.website-builder-choose-page-wrapper .website-builder-choose-page-item .website-builder-choose-page-item-name {
				margin-top: 3px;
				font-weight: bold;
			}
			.website-builder-choose-page-wrapper .website-builder-choose-page-item .website-builder-choose-page-item-description {
				color: #999;
				font-size: 13px;
				margin-top: 5px;
			}
			.website-builder-choose-page-wrapper .website-builder-choose-page-item .website-builder-choose-page-item-image-preview-wrapper {
				display: none;

				position: absolute;
				margin-left: -335px;
				margin-top: -48px;

				padding: 5px;
				background-color: #fff;
			}
			.website-builder-choose-page-wrapper .website-builder-choose-page-item:hover .website-builder-choose-page-item-image-preview-wrapper {
				display: inline-block;
			}
				.website-builder-choose-page-wrapper .website-builder-choose-page-item .website-builder-choose-page-item-image-preview {
					width: 300px;
					height: 200px;

					background-repeat: no-repeat;
					background-color: #bbb;
					background-size: cover;
				}

.page-item {
	white-space: nowrap;
}
	.page-menu-page li.warning a {
		padding-right: 35px;
	}
	.page-menu-page li.warning .tab-name {
		padding-right: 5px;
		color: #a94442;
	}
	.page-menu-page li .tab-icon-main {
		font-size: 20px;
		line-height: 20px;
		margin-right: 5px;
		display: inline-block;
		vertical-align: top;
	}
	.page-menu-page li .tab-icon {
		display: none;
		font-size: 22px;
		position: absolute;
		top: 5px;
		right: 10px;
	}
	.page-menu-page li .warning-icon {

	}
	.page-menu-page li.warning .warning-icon {
		display: inline-block;
	}



.page-row {
	background-color: #fff;
}

.page-row.ui-sortable-helper {
	opacity: 0.7;
}
.page-row.ui-sortable-helper td {
	border-color: transparent !important;
}

.page-row.ui-sortable-placeholder td {
	padding: 0 !important;
	visibility: visible !important;
}
.page-row.ui-sortable-placeholder .page-sortable-content {
	width: 100% !important;
    height: 40px !important;
	border: dashed 2px #aaa !important;
	border-width: 2px 0 !important;
}



.page-drag {
	width: 20px;
	padding: 1px 8px !important;
}
	.page-drag .page-drag-icon {
		font-size: 20px;
		line-height: 18px;
		display: inline-block;
		vertical-align: bottom;
		cursor: grab;
	}


.images-preview-wrapper {
	/*align-items: stretch;
	display: flex;*/
	margin-top: 15px;
}
	.wbs-image-preview-wrapper {
		/*flex-grow: 1;*/
		position: relative;
		margin: 15px 15px 5px 0;
		display: inline-block;
		overflow: hidden;
		width: calc(33% - 15px);

		border: dashed 2px transparent;

		box-sizing: border-box !important;
		-moz-box-sizing: border-box !important;
		-webkit-box-sizing: border-box !important;
	}
	/*.wbs-image-preview-wrapper.ui-sortable-helper {
		flex-grow: 0;
	}*/
	.wbs-image-preview-wrapper.ui-sortable-placeholder {
		border: dashed 2px #bbb;
		visibility: visible !important;
	}
		.wbs-image-preview {
			margin: 0;
			width: 100%;
			max-height: 180px;
		}
		.wbs-image-preview.single {
			width: auto;
			max-width: 100%;
		}
		.wbs-image-preview-wrapper .remove-image,
		.wbs-image-preview-wrapper .edit-image {
			position: absolute;
			top: 0;
			right: 0;
			font-size: 20px;
			line-height: 20px;
			background-color: #fff;
			width: 30px;
			height: 30px;
			text-align: center;
			padding-top: 5px;
			padding-left: 1px;
			cursor: pointer;
			transition: .5s;
		}
		.wbs-image-preview-wrapper .remove-image:hover {
			color: #fff;
			background-color: #d9534f;
		}

		.images-preview-wrapper.single .edit-image {
			display: none;
		}
		.wbs-image-preview-wrapper .edit-image {
			bottom: 0;
			top: initial;
		}
		.wbs-image-preview-wrapper .edit-image:hover {
			color: #fff;
			background-color: #5cb85c;
		}


.wbs-resource-items-wrapper {
	display: flex;
	flex-wrap: wrap;
}
	.wbs-resource-items-wrapper .wbs-resource-item {
		position: relative;
		margin: 10px 10px 20px 0;
		min-width: 180px;
		width: calc(25% - 10px);
		padding: 5px;
		/*flex: 1;*/
		cursor: pointer;
		border: solid 2px transparent;
		background: #fff;
	}
	.wbs-resource-items-wrapper .wbs-resource-item.selected {
		border: solid 2px #027dc3;
	}
		.wbs-resource-items-wrapper .wbs-resource-item .wbs-resource-strip {
			width: 120px;
			height: 120px;
			position: absolute;
			top: 2px;
			right: 2px;
			background: url(../images/other/ribbon.svg) center no-repeat;
			background-size: 120px;
			z-index: 1;
		}
			.wbs-resource-items-wrapper .wbs-resource-item .wbs-resource-strip span {
				display: -webkit-box;
				display: -moz-flex;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				justify-content: center;
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center;
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
				font-size: 11px;
				font-weight: 800;
				color: #1e3348;
				margin: 30px 0 0 25px;
				height: 31px;
				white-space: nowrap;
			}
	.wbs-resource-items-wrapper .wbs-resource-item.ui-sortable-placeholder {
		border: dashed 2px #bbb;
		visibility: visible !important;
	}
		.wbs-resource-items-wrapper .wbs-resource-item .wbs-selected-background {
			display: none;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(2, 125, 195, 0.30);;
		}
		.wbs-resource-items-wrapper .wbs-resource-item.selected .wbs-selected-background {
			display: block;
		}
		.wbs-resource-items-wrapper .wbs-resource-item-image {
			width: 100%;
			height: 150px;
			background-size: cover;
			background-repeat: no-repeat;
			background-color: #999;
		}
		.wbs-resource-items-wrapper .wbs-resource-item-title {
			font-weight: bold;
			font-size: 16px;
			padding: 5px 0;
		}
		.wbs-resource-items-wrapper .wbs-resource-item-price {
			padding: 5px 0;
		}
		.wbs-resource-items-wrapper .wbs-resource-settings {
		    position: absolute;
    		bottom: 40px;
		    right: 5px;
		    width: 20px;
		    height: 20px;
		}
			.wbs-resource-items-wrapper .wbs-resource-settings:hover .wbs-resource-settings-icon {
			    color: #999;
			}
			.wbs-resource-items-wrapper .wbs-resource-settings .wbs-resource-settings-icon {
				color: #555;
				font-size: 20px;
				line-height: 20px;
				display: inline-block;
			}

.wbs-edit-icon {
	font-size: 22px;
	cursor: pointer;
	color: #337ab7;
	margin-left: 5px;
	vertical-align: middle;
	display: inline-block;
}
.wbs-edit-icon:hover {
	color: #23527c;
}

.wbs-homepage-complex-item {
	background-color: #f8f8f8;
    margin: 0 -15px;
    padding: 10px 15px;
}

.wsb-predefined-color {
	display: inline-block;
	width: 50px;
	height: 50px;
	border: solid 2px #777;
	cursor: pointer;
	margin-right: 15px;
}
	.wsb-predefined-color .inner-color-wrapper {
		display: inline-block;
		width: 50%;
		height: 100%;
	}

.page-row .page-type-name,
.page-row .page-menu {
	color: #999;
}

.page-menu-warning {
	color: #dc9228;
	margin-left: 10px;
	font-size: 18px;
	cursor: help;
}

/* End website builder styles */





/* Start availability-calendar-wrapper */

.availability-calendar-wrapper {
	width: calc(100% - 30px);
	width: -webkit-calc(100% - 30px);
	width: -moz-calc(100% - 30px);
	/*background-color: red;*/
	margin: 0 15px;
    color: #555;

	margin-bottom: 15px;
}

	.availability-calendar-wrapper .availability-calendar-head { /* Global class for calendar head */
		height: 80px;
		border-bottom: 5px solid #fff;
	}

	.availability-calendar-wrapper .availability-wrapper-overlay {
		position: fixed;
		z-index: 50;
		width: 100%;
		height: 100%;
		background-color: #fff;
		top: 0;
		left: 0;
	}

	.availability-calendar-wrapper .month-button {
		display: inline-block;
		background-color: #F7F7F7;
		cursor: pointer;
		border: solid 1px #eee;
		color: #777;
		padding: 2px 5px 2px 5px;
		margin-bottom: 1px;
	}

	.availability-calendar-wrapper .availability-date {
		width: calc(100% - 60px);
		width: -webkit-calc(100% - 60px);
		width: -moz-calc(100% - 60px);

		vertical-align: top;
		text-align: center;
		font-weight: bold;
		padding: 0;
		line-height: 24px;
		cursor: pointer;
		border: solid 1px #fff;
	}
	.availability-calendar-wrapper .availability-date:hover {
		background-color: #F7F7F7;
		border: solid 1px #eee;
	}

	.availability-calendar-wrapper .today-button {
		font-weight: bold;
		background-color: #F7F7F7;
		cursor: pointer;
		height: 47px;
		border: solid 1px #eee;
		line-height: 47px;
		color: #777;
		text-align: center;
	}

	.availability-calendar-wrapper .availability-calendar-head {

	}

	.availability-calendar-wrapper .history-line {
		position: absolute;
		z-index: 2;
		top: 28px;
		left: 0;
		width: 2px;
		background-color: rgba(147, 177, 197, 0.55);
		height: calc(100% - 31px);
		height: -moz-calc(100% - 31px);
		height: -webkit-calc(100% - 31px);
	}

	.availability-calendar-wrapper .availability-wrapper-mask {
		width: 100%;
		height: 35px;
		background-color: #fff;
		position: fixed;
		z-index: 5;
		top: 78px;
	}

	/*.availability-calendar-wrapper*/ .calendar-select-month {
		position: absolute;
		background-color: #fff;
		background-color: #F7F7F7;
		border: solid 1px #eee;
		color: #555;
	}
	/*.availability-calendar-wrapper*/ .calendar-select-month.fixed-head {
		position: fixed;
		top: 113px !important;
		z-index: 2;
	}
		/*.availability-calendar-wrapper*/ .calendar-select-month .calendar-select-month-year {
			text-align: center;
			font-weight: bold;
			padding-top: 2px;
		}
			/*.availability-calendar-wrapper*/ .calendar-select-month .calendar-select-month-year .prev-next-button {
				padding: 1px 5px;
				cursor: pointer;
			}
			/*.availability-calendar-wrapper*/ .calendar-select-month .calendar-select-month-year .prev-next-button:hover {
				color: #777;
			}
		/*.availability-calendar-wrapper*/ .calendar-select-month .month-item {
			display: inline-block;
			width: calc(100% / 3);
			padding: 8px 10px;
			text-align: center;
			cursor: pointer;
		}
		/*.availability-calendar-wrapper*/ .calendar-select-month .month-item.current {
			font-weight: bold;
		}
		/*.availability-calendar-wrapper*/ .calendar-select-month .month-item:hover {
			color: #555;
			background-color: #f0f0f0;
		}



	.availability-calendar-wrapper .availability-calendar-wrapper-left {
		float: left;
		width: 185px;
		margin-right: 15px;
		/*background-color: yellow;*/
	}
	.availability-calendar-wrapper.fixed-head .availability-calendar-wrapper-left {
		padding-top: 80px;
	}

		.availability-calendar-wrapper.fixed-head .availability-calendar-wrapper-left .availability-calendar-head {
			position: fixed;
			background-color: #fff;
			z-index: 2;
			width: 185px;
			top: 113px;
		}

		.availability-calendar-wrapper .resource-items {
			width: 100%;
			overflow: hidden;
		}

			.availability-calendar-wrapper .resource-row-company {
				position: relative;
				padding: 1px 5px 0 5px;
				background-color: #c3d2dc;
				font-weight: bold;
				text-align: left;
				font-size: 12px;
				height: 18px !important;
				margin-bottom: 3px;

				white-space: nowrap;
				text-overflow: ellipsis;
				overflow: hidden;
			}
				.availability-calendar-wrapper .resource-row-company .resource-company-actions {
					display: none;
					position: absolute;
					top: 0;
					right: 0;
					background-color: rgba(255, 255, 255, 0.75);
					font-size: 20px;
					padding: 0 5px;
					cursor: pointer;
					line-height: 18px;
					height: 100%;
				}
				.availability-calendar-wrapper .resource-row-company .resource-company-actions:hover {
					color: #676767;
				}
				.availability-calendar-wrapper .resource-row-company:hover .resource-company-actions {
					display: inline-block;
				}

			.availability-calendar-wrapper .resource-row {
				position: relative;
				width: 100%;
				height: 27px;
				padding: 2px 5px;
				text-align: left;
				background-color: rgb(236, 236, 236);
				border-right: 1px solid #eee;
				border-bottom: 3px solid #fff;

				white-space: nowrap;
				overflow: hidden;
			}
			.availability-calendar-wrapper .resource-row.resource-subitem {
				padding-left: 25px;
				background-color: #f5f4f4;
				font-style: italic;
			}
			.availability-calendar-wrapper .resource-row.hover,
			.availability-calendar-wrapper .resource-row:hover {
				background-color: rgba(148, 196, 227, 0.5);
			}
				.availability-calendar-wrapper .resource-row a {
					display: block;
					text-decoration: none;
					font-weight: normal;
					color: #555;
				}
				.availability-calendar-wrapper .resource-row .resource-name-actions {
					display: none;
					position: absolute;
					top: 0;
					right: 0;
					background-color: rgba(255, 255, 255, 0.75);
					font-size: 20px;
					line-height: 20px;
					padding: 2px 5px;
					cursor: pointer;
				}
				.availability-calendar-wrapper .resource-row .resource-name-actions.second-action {
					margin-right: 32px;
				}
				.availability-calendar-wrapper .resource-row .resource-name-actions:hover {
					color: #676767;
				}
				.availability-calendar-wrapper .resource-row:hover .resource-name-actions {
					display: inline-block;
				}


	/* --- */


	.availability-calendar-wrapper .availability-calendar-wrapper-right {
		position: relative;
		float: left;
		width: calc(100% - 200px);
		width: -webkit-calc(100% - 200px);
		width: -moz-calc(100% - 200px);
		overflow-y: hidden !important;
		overflow-x: hidden !important;

		padding-bottom: 15px;
	}
	.availability-calendar-wrapper .availability-calendar-wrapper-right.show-scroll {
		overflow-x: scroll !important;
	}
	.availability-calendar-wrapper.fixed-head .availability-calendar-wrapper-right {
		padding-top: 80px;
		/*overflow: hidden;*/
	}
	.availability-calendar-wrapper.fixed-head .availability-calendar-wrapper-right::-webkit-scrollbar,
	.availability-calendar-wrapper.fixed-head .availability-calendar-wrapper-right::-webkit-scrollbar-thumb {
		width: 0px;
		background: transparent;
	}

		.availability-calendar-wrapper.fixed-head .availability-calendar-wrapper-right .availability-calendar-head {
			position: fixed;
			background-color: #fff;
			z-index: 2;
			width: calc(100% - 230px);
			width: -webkit-calc(100% - 230px);
			width: -moz-calc(100% - 230px);
			top: 113px;
			overflow: hidden;
		}


		.availability-calendar-wrapper .calendar-months-row {
			height: 27px;
			white-space: nowrap;
		}
			.availability-calendar-wrapper .calendar-months-row .calendar-month-item {
				position: relative;
				display: inline-block;
				/*float: left;*/
				height: 27px;
				padding: 7px 8px;
				text-align: center;
				background-color: #f7f7f7;
				border-right: 1px solid #eee;
				border-bottom: 1px solid #fff;
				line-height: 13px;
				overflow: hidden;
			}
			.availability-calendar-wrapper .calendar-months-row .calendar-month-item.current {
				font-weight: bold;
				background-color: rgb(195, 210, 220);
			}
				.availability-calendar-wrapper .calendar-months-row .calendar-month-item .name {
					position: absolute;
					top: 4px;
					margin-left: 10px;
					white-space: nowrap;
					line-height: 17px;
				}


		.availability-calendar-wrapper .calendar-days-row {
			white-space: nowrap;
			height: 48px;
		}
			.availability-calendar-wrapper .calendar-days-row .calendar-day-item {
				display: inline-block;
				/*float: left;*/
				width: 65px;
				height: 47px;

				position: relative;
			    white-space: nowrap;
			    /*border-bottom: 5px solid #fff;*/
				border-right: 1px solid #eee;
			    padding: 7px 8px;
			    line-height: 15px;
			    overflow: hidden;
				text-align: center;

				background-color: #f7f7f7;
			}
			.availability-calendar-wrapper .calendar-days-row .calendar-day-item.history {
				background-color: rgb(215, 225, 232);
			}
			.availability-calendar-wrapper .calendar-days-row .calendar-day-item.current {
				font-weight: bold;
				background-color: rgb(195, 210, 220);
			}
			.availability-calendar-wrapper .calendar-days-row .calendar-day-item.sunday {
				color: #e81919;
			}
			.availability-calendar-wrapper .calendar-days-row .calendar-day-item.hover {
				background-color: #D6E0E4;
			}

			.availability-calendar-wrapper .calendar-days-row .calendar-day-item.current.hover {
				background-color: #CAD7DC;
			}

			.availability-calendar-wrapper .calendar-days-row .calendar-day-item.history.hover {
				background-color: #CAD7DC;
			}


				.availability-calendar-wrapper .calendar-days-row .calendar-day-item .info-dot {
				    display: inline-block;
				    position: absolute;
					z-index: 9;
				    bottom: -2px;
				    left: 0;
				    width: 100%;
				    text-align: center;
				    color: #5bb85b;
				    font-size: 20px;
				}
				.availability-calendar-wrapper .calendar-days-row .calendar-day-item .info-dot.blue {
					color: #0072bc;
				}
				.availability-calendar-wrapper .calendar-days-row .calendar-day-item .info-dot.gray {
					color: #bababa;
				}


				.availability-calendar-wrapper .calendar-days-row .calendar-day-item > .departures-icon {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					padding-top: 12px;
					font-size: 36px;
					line-height: 24px;
					color: #337ab7;
					text-align: center;
					background-color: #f7f7f7;
					cursor: pointer;
				}
				.availability-calendar-wrapper .calendar-days-row .calendar-day-item.current > .departures-icon {
					background-color: rgb(195, 210, 220);
				}
				.availability-calendar-wrapper .calendar-days-row .calendar-day-item.history > .departures-icon {
					background-color: rgb(215, 225, 232);
				}

				.availability-calendar-wrapper .calendar-days-row .calendar-day-item > .edit-deparutre-date {
					position: absolute;
					z-index: 2;
					top: 0;
					right: 0;
					margin: 3px;
					color: #777;
					cursor: pointer;
				}
				.availability-calendar-wrapper .calendar-days-row .calendar-day-item > .edit-deparutre-date:hover {
					color: #337ab7;
				}


		.availability-calendar-wrapper .calendar-items {
			width: 100%;
		}

			.availability-calendar-wrapper .calendar-row-company {
				float: left;
				width: 100%;
				position: relative;
				padding: 1px 5px 0 5px;
				background-color: #c3d2dc;
				font-weight: bold;
				text-align: left;
				font-size: 12px;
				height: 18px !important;
				margin-bottom: 3px;
			}
			.availability-calendar-wrapper .calendar-row-main-resource {
				float: left;
				width: 100%;
				position: relative;
				padding: 1px 5px 0 5px;
				font-weight: bold;
				text-align: left;
				font-size: 12px;
				/*height: 27px !important;
				margin-bottom: 3px;*/
				height: 26px !important;
				margin-bottom: 1px;

				background-color: rgb(236, 236, 236);
				border-right: 1px solid #eee;
				border-bottom: 3px solid #fff;
			}

			.availability-calendar-wrapper .calendar-row {
				float: left;
				width: 100%;
				height: 27px;
				white-space: nowrap;
				position: relative;
			}
				.availability-calendar-wrapper .calendar-row .calendar-item {
					display: inline-block;
					width: 65px;
					height: 24px;

					padding: 2px;
					text-align: center;
					background-color: #f7f7f7;
					border-right: 1px solid #eee;
					margin-bottom: 3px;

					color: #bbb;
				    white-space: nowrap;
				    -moz-user-select: -moz-none;
				    -khtml-user-select: none;
				    -webkit-user-select: none;
				    -ms-user-select: none;
				    user-select: none;
				}
				.excursions-availability .calendar-row .calendar-item {
					position: relative;
				}

				.availability-calendar-wrapper .calendar-items.dim-no-reservations .calendar-item:not(.have-reservations) {
					opacity: 0.3
				}
				.excursions-availability .calendar-row .calendar-item.have-reservations {
					outline: dashed 2px #f0ad4e !important;
					z-index: 1 !important;
					outline-offset: -2px !important;
					/* background: repeating-linear-gradient( -55deg, #f0ad4e, #f0ad4e 5px, rgba(100, 100, 100, 0.2) 5px, rgba(100, 100, 100, 0.2) 10px ), transparent; */
					/* background: #0072bc; */
					/* border-left: solid 5px #f0ad4e; */
					/*transform: scale(1.15);*/
					/*outline: solid 2px #fff !important;*/
					/*border: dashed 2px #f0ad4e !important;*/
					/*padding: 0;*/
				}
				.excursions-availability .calendar-row .calendar-item.have-reservations-always {
					outline: solid 2px #f0ad4e !important;
					z-index: 1 !important;
					outline-offset: -2px !important;
					/* background: repeating-linear-gradient( -55deg, #f0ad4e, #f0ad4e 5px, rgba(100, 100, 100, 0.2) 5px, rgba(100, 100, 100, 0.2) 10px ), transparent; */
					/* background: #0072bc; */
					/* border-left: solid 5px #f0ad4e; */
					/*transform: scale(1.15);*/
					/*outline: solid 2px #fff !important;*/
					/*border: dashed 2px #f0ad4e !important;*/
					/*padding: 0;*/
				}

				.availability-calendar-wrapper .calendar-row .calendar-item.selected-item {
					height: 26px;
					border: solid 2px #0272bc;
					padding: 0;
				}
					.availability-calendar-wrapper .calendar-item .info-dot {
						position: absolute;
						z-index: 1;
						display: inline-block;
						top: 4px;
						left: 3px;
						text-align: center;
						color: #478247;
						font-size: 20px;
					}
					.availability-calendar-wrapper .calendar-item.orange .info-dot {
						color: rgba(117, 86, 24, 0.65);
					}
					.availability-calendar-wrapper .calendar-item.reserved .info-dot {
						color: #a9322f;
					}
					.availability-calendar-wrapper .calendar-item.orange .calendar-clock-side {
						color: rgba(117, 86, 24, 0.65);
					}
					.availability-calendar-wrapper .calendar-item.reserved .calendar-clock-side {
						color: #fff;
					}
					.availability-calendar-wrapper .calendar-item.selected-item .info-dot {
					    top: 2px !important;
					    left: 1px !important;
					}
					.availability-calendar-wrapper .calendar-item.hover .info-dot {
						bottom: -6px;
					}
					.availability-calendar-wrapper .calendar-item .mark-over {
						position: absolute;
						width: 100%;
						height: 100%;
						top: 0;
						left: 0;
						padding-top: 5px;
						padding-left: 1px;
						font-size: 11px;
						text-transform: uppercase;
					}
					.availability-calendar-wrapper .calendar-item .mark-over.sold-out {
						background-color: #709770;
						color: rgba(255,255,255,0.90);
						/*background-color: #f6eb9b;
						color: rgba(117, 86, 24, 0.65);*//*orange*/
						font-size: 8px;
						line-height: 15px;
					}
					.availability-calendar-wrapper .calendar-item .mark-over.cancelled {
						/*background-color: rgba(217, 83, 79, 0.80);*/
						color: #fff;
					}
					.availability-calendar-wrapper .calendar-item.selected-item .mark-over {
						padding-top: 3px;
						padding-left: 0;
					}
						.availability-calendar-wrapper .calendar-items .mark-over .mark-over-text {
							transform: rotate(-7deg);
							-webkit-transform: rotate(-7deg);
							-moz-transform: rotate(-7deg);
							-ms-transform: rotate(-7deg);
							-o-transform: rotate(-7deg);
						}
						.availability-calendar-wrapper .calendar-items .mark-over.cancelled .mark-over-text {
							font-size: 10px;
						}

					.availability-calendar-wrapper .calendar-row .calendar-item .date-inquiry-icon {
						position: absolute;
						z-index: 1;
						top: -10px;
						right: -10px;

						border-radius: 50% !important;
						background-color: #f6d300;
						width: 24px;
						height: 24px;
						text-align: center;
						padding-top: 1px;
						color: rgba(117, 86, 24, 0.65);
						font-size: 16px;
						line-height: 20px;
						border: solid 1px #67c067;
					}
					.availability-calendar-wrapper .calendar-row .calendar-item.selected-item .date-inquiry-icon {
						top: -12px;
						right: -11px;
					}


					.availability-calendar-wrapper .calendar-row .calendar-item .start-time {
						display: inline-block;
						width: 35px;
						margin-left: 1px;
					}
					.availability-calendar-wrapper .calendar-row .calendar-item.selected-item .start-time {
						margin-left: 0;
					}

					.availability-calendar-wrapper .calendar-row .calendar-item .reservation-item {
						height: 24px;
						position: absolute;
						margin: -2px 0 0 -2px;
						cursor: pointer;
					}
					.availability-calendar-wrapper .calendar-row .calendar-item .reservation-item.reserved {
						background-color: rgba(217, 83, 79, 0.80);
					}
						.availability-calendar-wrapper .calendar-row .calendar-item .reservation-item .reservation-name {
							color: #fff;
							line-height: 24px;
							position: absolute;
							display: inline-block;
							left: 15px;
							max-width: calc(100% - 15px);
							overflow: hidden;
						}
							.availability-calendar-wrapper .calendar-row .calendar-item .reservation-item .reservation-name .text {
								display: inline-block;
							}
						.availability-calendar-wrapper .calendar-row .calendar-item .reservation-item.reserved .track-end {
							border-left-color: rgba(217, 83, 79, 0.80);
						}

					.availability-calendar-wrapper .calendar-row .calendar-item .reservation-item.inquiry {
						background-color: rgba(240,173,78,0.80);
					}
						.availability-calendar-wrapper .calendar-row .calendar-item .reservation-item.inquiry .track-end {
							border-left-color: rgba(240,173,78,0.80);
						}

					.availability-calendar-wrapper .calendar-row .calendar-item .reservation-item.special {
						background-color: #555;
					}
						.availability-calendar-wrapper .calendar-row .calendar-item .reservation-item.special .track-end {
							border-left-color: #555;
						}

					.availability-calendar-wrapper .calendar-row .calendar-item .reservation-item.offer {
						background-color: rgba(51, 122, 183, 0.80);
					}
						.availability-calendar-wrapper .calendar-row .calendar-item .reservation-item.offer .track-end {
							border-left-color: rgba(51, 122, 183, 0.80);
						}

					.availability-calendar-wrapper .calendar-row .calendar-item .reservation-item.highlight {
						background-color: #5cb85c;
					}
						.availability-calendar-wrapper .calendar-row .calendar-item .reservation-item.highlight .track-end {
							border-left-color: #5cb85c;
						}


				.availability-calendar-wrapper .calendar-item.dim {
					opacity: 0.3;
				}


				.availability-calendar-wrapper .calendar-item.history {
					background-color: #ececec;
					cursor: default !important;
					border-right: 1px solid #f2f2f2;
				}
					.availability-calendar-wrapper .calendar-item.history .track-start {
						border-left-color: #ececec;
					}
					.availability-calendar-wrapper .calendar-item.history .track-end {
						border-right-color: #ececec;
					}



				.availability-calendar-wrapper .calendar-item.hover {
					background-color: #D6E0E4;
					/*border-bottom-color: #C9D7DC;*/
					border-right-color: #C9D7DC;
					height: 27px;
					border-bottom: solid 1px #C9D7DC;
				}
					.availability-calendar-wrapper .calendar-item.hover .track-start {
						border-right-color: #D6E0E4;
					}
					.availability-calendar-wrapper .calendar-item.hover .track-end {
						border-left-color: #D6E0E4;
					}


				.availability-calendar-wrapper .calendar-item.offer {
					color: rgba(255,255,255,0.90);
					background-color: rgba(51, 122, 183, 0.80); /* rgba(106, 178, 224, 0.80) */
					cursor: pointer;
				}
					.availability-calendar-wrapper .calendar-item.offer .track-end {
						border-left-color: rgba(51, 122, 183, 0.80); /* rgba(106, 178, 224, 0.80) */
					}


				.availability-calendar-wrapper .calendar-item.reserved {
					color: rgba(255,255,255,0.90);
					background-color: rgba(217, 83, 79, 0.80);
					cursor: pointer;
				}
					.availability-calendar-wrapper .calendar-item.reserved .track-end {
						border-left-color: rgba(217, 83, 79, 0.80);
					}


				.availability-calendar-wrapper .calendar-item.reserved.history {
					background-color: #D98C8D;
				}
					.availability-calendar-wrapper .calendar-item.reserved.history .track-end {
						border-left-color: #D98C8D;
					}


				.availability-calendar-wrapper .calendar-item.reserved.hover {
					background-color: #D98C8B;
					/*border-right-color: #C9D7DC;*/
				}
					.availability-calendar-wrapper .calendar-item.reserved.hover .track-end {
						border-left-color: #D98C8B;
					}


				.availability-calendar-wrapper .calendar-item.reserved.history.hover {
					background-color: #D9AEB0;
					/*border-right-color: #C9D7DC;*/
				}
					.availability-calendar-wrapper .calendar-item.reserved.history.hover .track-end {
						border-left-color: #D9AEB0;
					}


				.availability-calendar-wrapper .calendar-item.orange {
					color: rgba(117, 86, 24, 0.65);
					background-color: rgba(240,220,78,0.65);
					cursor: pointer;
				}


				.availability-calendar-wrapper .calendar-item.inquiry {
					color: rgba(255,255,255,0.90);
					background-color: rgba(240,173,78,0.80);
					cursor: pointer;
				}
					.availability-calendar-wrapper .calendar-item.inquiry .track-end {
						border-left-color: rgba(240,173,78,0.80);
					}


				.availability-calendar-wrapper .calendar-item.inquiry.history {
					background-color: #E6C28C;
				}
					.availability-calendar-wrapper .calendar-item.inquiry.history .track-end {
						border-left-color: #E6C28C;
					}


				.availability-calendar-wrapper .calendar-item.inquiry.hover {
					background-color: #E6C28A;
					/*border-right-color: #C9D7DC;*/
				}
					.availability-calendar-wrapper .calendar-item.inquiry.hover .track-end {
						border-left-color: #E6C28A;
					}


				.availability-calendar-wrapper .calendar-item.inquiry.history.hover {
					background-color: #E0CFAF;
					/*border-right-color: #C9D7DC;*/
				}
					.availability-calendar-wrapper .calendar-item.inquiry.history.hover .track-end {
						border-left-color: #E0CFAF;
					}


				.availability-calendar-wrapper .calendar-item.special {
					color: rgba(255,255,255,0.90);
					background-color: #555;
					cursor: pointer;
				}
					.availability-calendar-wrapper .calendar-item.special .track-end {
						border-left-color: #555;
					}


				.availability-calendar-wrapper .calendar-item.special.history {
					background-color: #898D90;
				}
					.availability-calendar-wrapper .calendar-item.special.history .track-end {
						border-left-color: #898D90;
					}


				.availability-calendar-wrapper .calendar-item.special.hover {
					background-color: #898D8E;
					/*border-right-color: #C9D7DC;*/
				}
					.availability-calendar-wrapper .calendar-item.special.hover .track-end {
						border-left-color: #898D8E;
					}


				.availability-calendar-wrapper .calendar-item.special.history.hover {
					background-color: #A8AFB2;
					/*border-right-color: #C9D7DC;*/
				}
					.availability-calendar-wrapper .calendar-item.special.hover .track-end {
						border-left-color: #A8AFB2;
					}


				.availability-calendar-wrapper .calendar-item.special.notallowed {
					cursor: not-allowed !important;
				}


				.availability-calendar-wrapper .calendar-item.highlight {
					color: rgba(255,255,255,0.90);
					background-color: #5cb85c;
				}
					.availability-calendar-wrapper .calendar-item.highlight .track-end {
						border-left-color: #5cb85c;
					}


				.availability-calendar-wrapper .calendar-item.highlight.history {
					background-color: #8DC994;
				}
					.availability-calendar-wrapper .calendar-item.highlight.history .track-end {
						border-left-color: #8DC994;
					}


				.availability-calendar-wrapper .calendar-item.highlight.hover {
					background-color: #8DC992;
					/*border-right-color: #C9D7DC;*/
				}
					.availability-calendar-wrapper .calendar-item.highlight.hover .track-end {
						border-left-color: #8DC992;
					}



				.availability-calendar-wrapper .calendar-item.highlight.history.hover {
					background-color: #ABD3B4;
					/*border-right-color: #C9D7DC;*/
				}
					.availability-calendar-wrapper .calendar-item.highlight.history.hover .track-end {
						border-left-color: #ABD3B4;
					}



				.availability-calendar-wrapper .calendar-item.not-for-reservation {
					color: #ccc;
					background-color: #ccc;
				}
					.availability-calendar-wrapper .calendar-item.not-for-reservation .track-end {
						border-left-color: #ccc;
					}

					.availability-calendar-wrapper .calendar-item.not-for-reservation .mdw {
						color: #999;
					}



				.availability-calendar-wrapper .calendar-item.contextmenu.highlight,
				.availability-calendar-wrapper .calendar-item.contextmenu.orange,
				.availability-calendar-wrapper .calendar-item.contextmenu.reserved,
				.availability-calendar-wrapper .calendar-item.contextmenu.inquiry,
				.availability-calendar-wrapper .calendar-item.contextmenu.special {
					cursor: pointer;
				}


					.availability-calendar-wrapper .calendar-item > .mdw {
						display: block;
						overflow: hidden;
						text-overflow: clip;
						height: 20px !important;
						line-height: 20px;
					}
					/*.availability-month .month-day.history {
						background-color: rgba(175, 195, 208, 0.5);
					}*/

					.availability-calendar-wrapper .calendar-item .track-start {
						border-left: solid 12px #f7f7f7;
						position: absolute;
						z-index: 1;
						left: 0;
						bottom: 0;
						width: 0;
						height: 0;
						border-top: 0 solid transparent;
						border-bottom: 24px solid transparent;
						vertical-align: top;
					}
						.availability-calendar-wrapper .calendar-item.hover .track-start {
							border-left: solid 12px #D6E0E4;
						}

					.availability-calendar-wrapper .calendar-item .track-end {
						border-left: solid 12px transparent;
						position: absolute;
						z-index: 2;
						right: -12px;
						bottom: 0;
						width: 0;
						height: 0;
						border-top: 0 solid transparent;
						border-bottom: 24px solid transparent;
						vertical-align: top;
					}

					.availability-calendar-wrapper .calendar-item > .number {
						position: absolute;
						top: -1px;
						right: 4px;
						font-size: 10px;
					}

					.availability-calendar-wrapper .calendar-item > .add-date {
						display: inline-block;
						color: #52b152;
						text-shadow: 0 0 10px #fff;
						font-size: 20px;
						line-height: 20px;
						cursor: pointer;
						vertical-align: middle;
						margin-left: 22px;
					}

					.availability-calendar-wrapper .calendar-item .inline-flag {
						height: 20px;
						vertical-align: top;
						display: none;
						margin-right: 5px;
						margin-top: 2px;
					}
					.availability-calendar-wrapper .calendar-item:hover .inline-flag {
						display: inline-block !important;
					}



	/* Start dates selection */
	.availability-calendar-wrapper .dates-selection {
		display: none;
		position: absolute;
		top: 0;
		height: 24px;
		z-index: 98;
		background-color: rgba(159, 185, 204, 0.85);
		border: solid 2px #6D98B7;
		border-width: 0 2px;
		cursor: pointer;
	}

	.availability-calendar-wrapper .dates-selection:not(.moving):hover,
	.availability-calendar-wrapper .dates-selection:not(.moving).hover {
		background-color: #B2C7D6;
	}

	.availability-calendar-wrapper .dates-selection.moving-start {
		border-left-color: #f0ad4e;
	}
		.availability-calendar-wrapper .dates-selection.moving-start > .arrow-left {
			color: #f0ad4e;
		}
	.availability-calendar-wrapper .dates-selection.moving-end {
		border-right-color: #f0ad4e;
	}
		.availability-calendar-wrapper .dates-selection.moving-end > .arrow-right {
			color: #f0ad4e;
		}

	.availability-calendar-wrapper .dates-selection > .arrow-left,
	.availability-calendar-wrapper .dates-selection > .arrow-right {
		display: inline-block;
		position: absolute;
		font-size: 20px;
		color: #6D98B7;
		cursor: col-resize;
		width: 9px;
	}

	.availability-calendar-wrapper .dates-selection > .arrow-left {
		top: -1px;
		left: -7px;
	}

		.availability-calendar-wrapper .dates-selection > .arrow-left:hover .fa {
			margin-left: -2px;
		}
		.availability-calendar-wrapper .dates-selection > .arrow-left .fa {
			margin-left: -1px;
		}

	.availability-calendar-wrapper .dates-selection > .arrow-right {
		top: -1px;
		right: -6px;
	}
		.availability-calendar-wrapper .dates-selection > .arrow-right:hover .fa {
			margin-left: 5px;
		}
		.availability-calendar-wrapper .dates-selection > .arrow-right .fa {
			margin-left: 4px;
		}

	.availability-calendar-wrapper .dates-selection > .selection-text {
		color: #f5f5f5;
		display: block;
		text-align: center;
		padding-top: 2px;
		margin: 0 5px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
		.availability-calendar-wrapper .dates-selection > .selection-text .sub-text {
			margin-left: 10px;
			/*font-size: 12px;
			display: inline-block;
			vertical-align: text-top;*/
		}

	.availability-calendar-wrapper .dates-selection > .close-icon {
		position: absolute;
		top: 0;
		right: 7px;
		padding: 4px 4px 4px 2px;
		font-size: 16px;
		color: #eee;
		background-color: #9FB9CC;
	}

	.availability-calendar-wrapper .dates-selection:hover > .close-icon,
	.availability-calendar-wrapper .dates-selection.hover > .close-icon {
		background-color: #B2C7D6;
	}

	/* End dates selection */


	.calendar-clock-full {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;

		color: #bfbfbf;
		font-size: 16px;
		/*line-height: 16px*/;
		text-align: center;
	}
	.calendar-item:hover .calendar-clock-full {
		display: none;
	}

	.calendar-clock-side {
		position: absolute;
		top: 11px;
		right: 1px;

		color: #cae3ca;
		font-size: 12px;
		line-height: 12px;
	}

/* End availability-calendar-wrapper */



/* Start dates selection - OLD CALENDAR */
.availability-wrapper-right .dates-selection {
	display: none;
	position: absolute;
	z-index: 98;
	background-color: #9FB9CC;
	border: solid 2px #6D98B7;
	border-width: 0 2px;
	cursor: pointer;
}

.availability-wrapper-right .dates-selection:hover,
.availability-wrapper-right .dates-selection.hover {
	background-color: #B2C7D6;
}

.availability-wrapper-right .dates-selection > .arrow-left,
.availability-wrapper-right .dates-selection > .arrow-right {
	display: inline-block;
	position: absolute;
	font-size: 20px;
	color: #6D98B7;
	cursor: e-resize;
}

.availability-wrapper-right .dates-selection > .arrow-left {
	top: -2px;
	left: -7px;
}

.availability-wrapper-right .dates-selection > .arrow-left:hover {
	left: -8px;

}

.availability-wrapper-right .dates-selection > .arrow-right {
	top: -2px;
	right: -8px;
}

.availability-wrapper-right .dates-selection > .arrow-right:hover {
	right: -9px;
}

.availability-wrapper-right .dates-selection > .selection-text {
	color: #eee;
	display: block;
	text-align: center;
	padding-top: 2px;
	white-space: nowrap;
}

.availability-wrapper-right .dates-selection > .close-icon {
	position: absolute;
	top: 0;
	right: 7px;
	padding: 4px 4px 4px 2px;
	font-size: 16px;
	color: #eee;
	background-color: #9FB9CC;
}

.availability-wrapper-right .dates-selection:hover > .close-icon,
.availability-wrapper-right .dates-selection.hover > .close-icon {
	background-color: #B2C7D6;
}

/* End dates selection - OLD CALENDAR */




.availability-month {
	width: 100%;
	margin: 0;
	color: #555;
	table-layout: fixed !important;
}

.availability-date {
	width: calc(100% - 60px);
	width: -webkit-calc(100% - 60px);
	width: -moz-calc(100% - 60px);
	padding: 3px 0 0 0;
	display: inline-block;
	vertical-align: top;
}

.month-button {
	display: inline-block;
	background-color: #F7F7F7;
	cursor: pointer;
	border: solid 1px #eee;
	color: #777;
	padding: 3px 5px 2px 5px;
}

.today-button {
	background-color: #F7F7F7;
	cursor: pointer;
	height: 44px;
	border: solid 1px #eee;
	line-height: 40px;
	color: #777;
}

.today-button:hover {
	color: #555;
	background-color: #f0f0f0;
	border: solid 1px #e5e5e5;
}

.availability-month th {
	height: 27px;
	padding: 2px 5px;
	/*background-color: rgba(148, 196, 227, 0.3);*/
	background-color: rgb(236, 236, 236);
	border-right: 15px solid #fff;
	border-bottom: 3px solid #fff;
}
/*.availability-month .size-row th {
	background-color: transparent !important;
	border-color: transparent !important;
}*/

.availability-month th.empty {
	background-color: #fff;
}

.availability-month td {
	width: 27px;
	height: 27px;
	padding: 2px;
	text-align: center;
	background-color: #f7f7f7;
	border-right: 1px solid #eee;
	border-bottom: 3px solid #fff;
}

.availability-month tbody > tr:first-child > th,
.availability-month tbody > tr:first-child > td {
	height: 30px;
}

.availability-month .month-name-head {
	position: relative;
	border-bottom: 1px solid #fff;
	overflow: hidden;
}

.availability-month .month-name-head.current {
	font-weight: bold;
	background-color: rgb(195, 210, 220);
	/*background-color: rgba(175, 195, 208, 0.75);*/
}

.availability-month .month-name-head > .name {
	position: absolute;
	top: 4px;
	margin-left: 10px;
	white-space: nowrap;
}

.availability-month .month-day-head {
	position: relative;
	white-space: nowrap;
	border-bottom: 5px solid #fff;
	padding: 7px 8px;
	line-height: 15px;
	overflow: hidden;
}

.availability-month .month-day-head.history {
	white-space: nowrap;
	background-color: rgb(215, 225, 232);
	/*background-color: rgba(175, 195, 208, 0.5);*/
}

.availability-month .month-day-head.sunday {
	color: #e81919;
}

.availability-month .month-day-head.current {
	font-weight: bold;
	background-color: rgb(195, 210, 220);
	/*background-color: rgba(175, 195, 208, 0.75);*/
}

.availability-month .month-day-head.hover {
	background-color: #D6E0E4;
}

.availability-month .month-day-head.current.hover {
	background-color: #CAD7DC;
}

.availability-month .month-day-head.history.hover {
	background-color: #CAD7DC;
}

.availability-month .month-day-head > .departures-icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-top: 12px;
	font-size: 36px;
	color: #337ab7;
	text-align: center;
	background-color: #f7f7f7;
	cursor: pointer;
}
.availability-month .month-day-head.current > .departures-icon {
	background-color: rgb(195, 210, 220);
}
.availability-month .month-day-head.history > .departures-icon {
	background-color: rgb(215, 225, 232);
}

.availability-month .hover > .resource-name {
	background-color: rgba(148, 196, 227, 0.5);
}


.availability-month .resource-company-separator td {
	position: relative;
}
.availability-month .resource-company-separator .resource-company-actions {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	background-color: rgba(255, 255, 255, 0.75);
	font-size: 20px;
	padding: 0 5px;
	cursor: pointer;

	line-height: 18px;
	height: 100%;
}
.availability-month .resource-company-separator .resource-company-actions:hover {
	color: #676767;
}
.availability-month .resource-company-separator:hover .resource-company-actions {
	display: inline-block;
}


.availability-month .resource-name {
	position: relative;
	height: 27px;
	line-height: 1;
	white-space: nowrap;
	text-align: left;
	padding: 0;
	overflow: hidden;
	max-width: 150px;
}

.availability-month .resource-name > a {
	display: block;
	padding: 2px 5px;
	text-decoration: none;
	font-weight: normal;
	color: #555;
}

.availability-month .resource-name > a.has-link {
	color: #337ab7;
}
.availability-month .resource-name > a.has-link:hover {
	color: #23527c;
}

.availability-month .resource-name .resource-name-actions {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	background-color: rgba(255, 255, 255, 0.75);
	font-size: 20px;
	padding: 2px 5px;
	cursor: pointer;
}
.availability-month .resource-name .resource-name-actions:hover {
	color: #676767;
}
.availability-month .resource-name:hover .resource-name-actions {
	display: inline-block;
}

.availability-month .month-day {
	position: relative;
	width: 70px;
	height: 27px;
	line-height: 1;
	color: #bbb;
	white-space: nowrap;

	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;

	/*
	Introduced in IE 10.
	See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
	*/
	-ms-user-select: none;
	user-select: none;
}
.availability-month .resource-company-separator > td,
.availability-month .resource-company-separator > th {
	max-width: 150px;
	padding: 2px 5px 0 5px;
	background-color: #c3d2dc;
	font-weight: bold;
	border-right: 12px solid #fff;
	text-align: left;
	font-size: 12px;
	height: 23px !important;
}
/*.excursions-availability .month-day {
	overflow: hidden;
}
.rents-availability .month-day {
	overflow: visible;
}*/

.availability-month .month-day.dim {
	opacity: 0.3;
}

.availability-month .month-day > .mdw {
	display: block;
	overflow: hidden;
	text-overflow: clip;
	height: 20px !important;
	line-height: 20px;
}
/*.availability-month .month-day.history {
	background-color: rgba(175, 195, 208, 0.5);
}*/

.availability-month .month-day .track-start {
	border-left: solid 12px #f7f7f7;
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-top: 0 solid transparent;
	border-bottom: 24px solid transparent;
	vertical-align: top;
}

.availability-month .month-day .track-end {
	border-left: solid 12px transparent;
	position: absolute;
	z-index: 2;
	right: -12px;
	bottom: 0;
	width: 0;
	height: 0;
	border-top: 0 solid transparent;
	border-bottom: 24px solid transparent;
	vertical-align: top;
}


.availability-month .month-day.history {
	background-color: #ececec;
	cursor: default !important;
}
.availability-month .month-day.history .track-start {
	border-right-color: #ececec;
}
.availability-month .month-day.history .track-end {
	border-left-color: #ececec;
}



.availability-month .month-day.hover {
	background-color: #D6E0E4;
	border-bottom-color: #C9D7DC;
	border-right-color: #C9D7DC;
}
.availability-month .month-day.hover .track-start {
	border-right-color: #D6E0E4;
}
.availability-month .month-day.hover .track-end {
	border-left-color: #D6E0E4;
}


.availability-month .month-day.offer {
	color: rgba(255,255,255,0.90);
	background-color: rgba(51, 122, 183, 0.80); /* rgba(106, 178, 224, 0.80) */
	cursor: pointer;
}
.availability-month .month-day.offer .track-end {
	border-left-color: rgba(51, 122, 183, 0.80); /* rgba(106, 178, 224, 0.80) */
}


.availability-month .month-day.reserved {
	color: rgba(255,255,255,0.90);
	background-color: rgba(217, 83, 79, 0.80);
	cursor: pointer;
}
.availability-month .month-day.reserved .track-end {
	border-left-color: rgba(217, 83, 79, 0.80);
}


.availability-month .month-day.reserved.history {
	background-color: #D98C8D;
}
.availability-month .month-day.reserved.history .track-end {
	border-left-color: #D98C8D;
}


.availability-month .month-day.reserved.hover {
	background-color: #D98C8B;
	/*border-right-color: #C9D7DC;*/
}
.availability-month .month-day.reserved.hover .track-end {
	border-left-color: #D98C8B;
}


.availability-month .month-day.reserved.history.hover {
	background-color: #D9AEB0;
	/*border-right-color: #C9D7DC;*/
}
.availability-month .month-day.reserved.history.hover .track-end {
	border-left-color: #D9AEB0;
}


.availability-month .month-day.inquiry {
	color: rgba(255,255,255,0.90);
	background-color: rgba(240,173,78,0.80);
	cursor: pointer;
}
.availability-month .month-day.inquiry .track-end {
	border-left-color: rgba(240,173,78,0.80);
}


.availability-month .month-day.inquiry.history {
	background-color: #E6C28C;
}
.availability-month .month-day.inquiry.history .track-end {
	border-left-color: #E6C28C;
}


.availability-month .month-day.inquiry.hover {
	background-color: #E6C28A;
	/*border-right-color: #C9D7DC;*/
}
.availability-month .month-day.inquiry.hover .track-end {
	border-left-color: #E6C28A;
}


.availability-month .month-day.inquiry.history.hover {
	background-color: #E0CFAF;
	/*border-right-color: #C9D7DC;*/
}
.availability-month .month-day.inquiry.history.hover .track-end {
	border-left-color: #E0CFAF;
}


.availability-month .month-day.special {
	color: rgba(255,255,255,0.90);
	background-color: #555;
	cursor: pointer;
}
.availability-month .month-day.special .track-end {
	border-left-color: #555;
}


.availability-month .month-day.special.history {
	background-color: #898D90;
}
.availability-month .month-day.special.history .track-end {
	border-left-color: #898D90;
}


.availability-month .month-day.special.hover {
	background-color: #898D8E;
	/*border-right-color: #C9D7DC;*/
}
.availability-month .month-day.special.hover .track-end {
	border-left-color: #898D8E;
}


.availability-month .month-day.special.history.hover {
	background-color: #A8AFB2;
	/*border-right-color: #C9D7DC;*/
}
.availability-month .month-day.special.hover .track-end {
	border-left-color: #A8AFB2;
}


.availability-month .month-day.special.notallowed {
	cursor: not-allowed !important;
}


.availability-month .month-day.highlight {
	color: rgba(255,255,255,0.90);
	background-color: #5cb85c;
}
.availability-month .month-day.highlight .track-end {
	border-left-color: #5cb85c;
}


.availability-month .month-day.highlight.history {
	background-color: #8DC994;
}
.availability-month .month-day.highlight.history .track-end {
	border-left-color: #8DC994;
}


.availability-month .month-day.highlight.hover {
	background-color: #8DC992;
	/*border-right-color: #C9D7DC;*/
}
.availability-month .month-day.highlight.hover .track-end {
	border-left-color: #8DC992;
}



.availability-month .month-day.highlight.history.hover {
	background-color: #ABD3B4;
	/*border-right-color: #C9D7DC;*/
}
.availability-month .month-day.highlight.history.hover .track-end {
	border-left-color: #ABD3B4;
}



.availability-month .month-day.not-for-reservation {
	color: #ccc;
	background-color: #ccc;
}
.availability-month .month-day.not-for-reservation .track-end {
	border-left-color: #ccc;
}

.availability-month .month-day.not-for-reservation .mdw {
	color: #999;
}





.availability-month .month-day > .number {
	vertical-align: super;
	font-size: 10px;
}

.availability-month .month-day > .add-date {
    color: #52b152;
    text-shadow: 0 0 10px #fff;
    font-size: 20px;
	cursor: pointer;
}

.availability-month .month-day.contextmenu.highlight,
.availability-month .month-day.contextmenu.reserved,
.availability-month .month-day.contextmenu.inquiry,
.availability-month .month-day.contextmenu.special {
	cursor: pointer;
}

.availability-month .month-day .inline-flag {
	height: 20px;
	vertical-align: bottom;
	display: none;
	margin-right: 5px;
}
.availability-month .month-day:hover .inline-flag {
	display: inline-block !important;
}

.book-clear-dates {
    display: inline-block;
    color: #1c7fbf;
    font-size: 12px;
    cursor: pointer;
}



.reservation-details {
	margin-bottom: 50px;
}

.reservation-details .dblock {
	padding: 5px 10px;
	font-size: 15px;
	border-top: 1px solid #ddd;
	background-color: #EAEAEA;

	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.reservation-details .dblock > label {
	margin: 0;
	font-weight: bold;
	display: inline-block;
	width: 75px;
}



.reservation {
	cursor: pointer;
}

.reservation.highlight {
	background-color: #eee;
}



.cluster-reservation {
	/*margin-left: 5px;*/
	color: #fff;
	background-color: #5bc0de !important;
	border-color: #46b8da !important;
	cursor: default;

	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}




.company-cluster.saved .company-cluster-more {
	display: inline-block;
}

.company-cluster-more {
	display: none;
	position: absolute;
	background-color: #6B6A6A;
	width: 50px;
	height: calc(100% + 2px);
	top: -1px;
	right: -1px;
	border-radius: 0 6px 6px 0;
}

.company-cluster-more .more-icon {
	font-size: 25px;
	color: #fff;
	line-height: 54px;
}

.company-separator {
	background-color: #DADADA;
	padding: 5px 10px;
	border: solid 1px #aaa;
	border-radius: 6px;
	text-align: center;
}

.toggle-company-group, .toggle-company-subgroup {
	cursor: pointer;
}

.input-group-addon.btn:hover {
	background-color: #dadada;
}


.reservation-dot {
	font-size: 32px;
	line-height: 12px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 5px;
}

.reservation-dot2 {
	font-size: 50px;
	line-height: 12px;
	color: #0072bc;
	display: inline-block;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 5px;
}

.reservation-dot.blue,
.reservation-dot2.blue {
	color: #0072bc;
}
.reservation-dot.green,
.reservation-dot2.green {
	color: #5bb85b;
}

.attachment-row.uploading {
	color: #bbb;
}

.excursion-wrapper {
	position: relative;
}
.excursion-loading {
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
	background-color: #fff;
	width: 100%;
	height: 100%;
}

#reservation-for-company-wrapper {
	background-color: #f7f7f7;
	padding: 5px 0;
	border: solid 1px #ddd;
	border-width: 1px 0;
}



/* Start channel management */

.channel-management-item {
	border: solid 1px #ccc;
	padding: 15px;
	margin: 14px 0;
	display: flex;
	align-items: center;
	flex-direction: column;
	min-height: 325px;
}
	.channel-management-item p {
		margin-bottom: 5px;
		height: 140px;
		overflow: hidden;
	}
	.channel-management-title {
		margin-top: 25px;
		margin-bottom: 10px;
		font-size: 16px;
	}
	.channel-management-logo-wrapper {
		margin-top: 10px;
		width: 100%;
		height: 30px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
		.channel-management-logo {
			max-width: 75%;
			max-height: 30px;
		}

.channel-management-description {
	background-color: #f7f7f7;
	border: solid 1px #ddd;
	padding: 10px;
}
.channel-management-external-identifier-id-wrapper {
	min-height: 20px;
	margin-bottom: 15px;
}
	.channel-management-external-identifier-id-inner-wrapper {
		text-align: center;
	}
.channel-management-identifier-id {
	background-color: #eaeaea;
	padding: 4px 8px;
}

.channel-management-uid-copied {
    position: absolute;
    background-color: #75c375f5;
    padding: 0 15px;
    width: calc(100% - 15px);
    text-align: center;
    color: #103c00;
}

/* End channel management */




/* Start admin channel management */

.channel-management-admin-wrapper {
	margin-bottom: 25px;
    border-bottom: solid 1px #eee;
    padding-bottom: 20px;
}

.channel-management-admin-switch-wrapper {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.channel-management-admin-wrapper .provision-wrapper {
    margin-left: 70px;
}

.channel-management-admin-wrapper .provision-input-wrapper {
	display: inline-block;
    vertical-align: middle;
    margin: -2px 5px 0 5px;
}

.channel-management-admin-wrapper .provision-wrapper input[type="radio"] {
	margin-top: -1px;
    vertical-align: middle;
}

.channel-management-admin-wrapper .channel-management-additional-data-wrapper {
	margin-top: 25px;
    margin-left: 70px;
}

.channel-management-admin-wrapper .channel-management-logo {
	margin-left: 10px;
	max-height: 20px;
}

/* End admin channel management */





/* Start excursion dates */

.dates-wrapper.template .date:first-child {
	margin-left: 25%;
}

.dates-wrapper.template .date:not(:first-child) {
	display: none;
}

.dates-wrapper.template .date-title {
	display: none;
}

/* End excursion dates */




/* Start reports */

.reports-table {
	margin: auto;
}

.reports-table td {
	border-bottom: solid 1px #ccc;
	padding: 4px 10px;
	vertical-align: top;
}

.reports-table tr.disabled > td {
	background-color: #eee;
	color: #bbb;
}

.reports-table tr.sub > td {
	color: #777;
	background: #f5f5f5;
}

.reports-table tr.sub > td.report-description  {
	padding-left: 25px;
}

.reports-table tr.sub.active > td {
	color: #777;/*#906A6A*/
	background: #FFFBEC;
}

.reports-table tr:hover > td {
	background-color: #D6E0E4;
	border-bottom-color: #C9D7DC;
}

.reports-table tr.spacing-up-small td {
	padding-top: 20px;
}

.reports-table tr.spacing-up-big td {
	padding-top: 35px;
}

.reports-table tr.border-bottom-separator td {
	border-bottom: solid 2px #ccc;
}

.reports-table tr.text-bold td {
	font-weight: bold;
}

.reports-table td.report-no {
	width: 20px;
	text-align: right;
}

.reports-table td.report-description {
	width: 500px;
}

.reports-table td.report-value1 {
	min-width: 110px;
	text-align: right;
	white-space: nowrap;
}

.reports-table td.report-value2 {
	text-align: center;
	white-space: nowrap;
}

.clear-input {
	margin-left: 10px;
	font-weight: normal;
	cursor: pointer;
	font-size: 12px;
}
	.clear-input:hover {
		color: #777;
	}

/* End reports */





/* Start reports visual */

.report-visual-box {
	text-align: center;
	padding: 30px 10px;
	margin-bottom: 15px;
	background-color: #fafafa;
}
	.report-visual-box .item-value {
		font-size: 28px;
		line-height: 28px;
	}
	.report-visual-box .item-value:not(.text-danger):not(.text-success) {
		color: #777;
	}
	.report-visual-box .item-label {
		font-size: 14px;
		color: #bbb;
		margin-top: 5px;
	}

/* End reports visual */





/* Start QR code */

.reservation-check-back-button.float {
	position: absolute;
	z-index: 5;
	margin-top: 5px;
}

.qrcode-video-wrapper {
	position: relative;
	padding: 0;
	background: #333;
	margin-top: -11px;
	overflow: hidden;
}

.qrcode-video-wrapper .video-line {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	border-top: solid 1px red;
	background-color: blue;
}

.turn-on-scanner-wrapper {
	position: relative;
	display: inline-block;
	cursor: pointer;
}
.turn-on-scanner-icon {
	font-size: 72px;
}
.turn-on-scanner-power {
	font-size: 26px;
	color: #ea2420;
	position: absolute;
	bottom: -4px;
	left: 23px;
}
.turn-on-scanner-text {
	font-weight: bold;
}

.alert-scanner-icon {
	display: block;
	text-align: center;
	font-size: 72px;
}

.qrcode-alert-turnoff-info {
	position: absolute;
	bottom: 20px;
	left: 0;
	width: calc(100% - 30px);
	width: -webkit-calc(100% - 30px);
	width: -moz-calc(100% - 30px);
	margin: 15px;
}

.qrcode-reservation-code {
	display: inline-block;
	max-width: 100px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: bottom;
}

.qrcode-status-message {
	background-color: rgba(0, 0, 0, 0.9);
	margin: -42px 0 0 0;
	padding: 10px;
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 16px;
}

.qrcode-scanner-battery-check {
	position: absolute;
	bottom: 0;
	right: 0;
	color: #0072bc;
	font-size: 32px;
	padding: 10px 20px;
	cursor: pointer;
}

.qrcode-scanner-info {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #0072bc;
	font-size: 32px;
	padding: 10px 20px;
	cursor: pointer;
}

.qrcode-scanner-battery-value {
	font-size: 22px;
}


/* Start QR code mask */

.qrcode-mask {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.4);
}
.qrcode-mask.top {
	top: 0;
	left: 0;
	width: 100%;
}
.qrcode-mask.bottom {
	bottom: 42px;
	left: 0;
	width: 100%;
}
.qrcode-mask.left {
	top: 0;
	left: 0;
	height: 100%;
}
.qrcode-mask.right {
	top: 0;
	bottom: 0;
	right: 0;
	height: 100%;
}

/* End QR code mask */

/* End QR code */




/* Start language select general */

.language-select-wrapper {

}

.language-select-wrapper > .language-select {
	display: inline-block;
	margin: 10px 25px 0 0;
	text-align: center;
	cursor: pointer;
	padding: 0 9px;
	min-width: 85px;
	border: solid 2px transparent;
}

.language-select-wrapper > .language-select.active {
	border-color: #ffa500;
	font-weight: bold;
}

.language-select-wrapper > .language-select:hover {
	background-color: #f5f5f5;
}

.language-short-key {
	width: 35px;
	display: inline-block;
	color: #027dc3;
	font-weight: bold;
}
.language-short-key::after {
	content: ' - ';
	color: #333;
}

/* End language select general */



/* Start language resource guide */

.resource-supported-languages-wrapper .languages-label {
	width: 105px;
	display: inline-block;
}
.resource-supported-languages-wrapper .languages-list {
	display: inline-block;
}

/* End language resource guide */




/* Start vertical bar chart */

.chart-vertical {
	position: relative;
	max-width: 450px;
    margin: 0 auto 50px auto;
}

.chart-vertical > .chart-title {
	font-weight: bold;
	margin-bottom: 10px;
}

.chart-vertical .tooltip {
	top: 100px !important;
}


/* .bars-wrapper -> */
.chart-vertical > .bars-wrapper {
	display: flex;
	align-items: flex-end;
	height: 85px;
	position: relative;

	border-top: dashed 1px #bdbdbd;
}

	.chart-vertical > .bars-wrapper::after {
		/*background: #bdbdbd;*/
		content: "Maks.";
		color: #999;
		font-size: 12px;

		right: 10px;
		top: -8px;
		position: absolute;

		background-color: #fff;
		width: 40px;
    	text-align: center;
	}

	.chart-vertical > .bars-wrapper > .bar {
		display: flex;
    	align-items: flex-end;

		box-flex: 1;
		-moz-box-flex: 1;
		-webkit-box-flex: 1;
		flex-grow: 1;

		position: relative;
		height: 100%;

		margin-left: 1px;
		cursor: help;
	}

	.chart-vertical > .bars-wrapper > .bar:hover {
		background-color: #f5f5f5;
	}

	.chart-vertical > .bars-wrapper > .bar > .bar-fill {
		width: 100%;
		background-color: #0072bc;
		border-bottom: 1px solid #0072bc;

		/*border-radius: 3px 3px 0 0 !important*/;
	}

	.chart-vertical > .bars-wrapper > .bar:hover > .bar-fill {
		background-color: #0085dc;
		border-bottom-color: #0085dc;
	}


/* .bars-wrapper <- */


/* .labels-wrapper -> */
.chart-vertical > .labels-wrapper {
	display: flex;
}

	.chart-vertical > .labels-wrapper::after {
		background: #bdbdbd;
		content: "";
		height: 5px;
		right: 0px;
		position: absolute;
		width: 1px;
	}

	.chart-vertical > .labels-wrapper > .bar-label {
		box-flex: 1;
		-moz-box-flex: 1;
		-webkit-box-flex: 1;
		flex-grow: 1;

		position: relative;
		height: 15px;
	}

	.chart-vertical > .labels-wrapper > .bar-label::after {
		background: #bdbdbd;
		content: "";
		height: 5px;
		left: 0px;
		position: absolute;
		width: 1px;
	}

	.chart-vertical > .labels-wrapper > .bar-label > .label-text {
		color: #999;
		font-size: 11px;

	    margin: -1px 0 0 -1px;
	    position: absolute;
	    top: 7px;
	    transform: translateX(-50%);
	}
/* .labels-wrapper <- */



/* End vertical bar chart */



/* Start selected wrapper */

.selected-wrapper {
	position: fixed;
	z-index: 99;
	bottom: 0;
	left: 0;
	cursor: pointer;
}

.selected-wrapper .action-button {
	display: inline-block;
	padding: 13px 13px 10px 13px;
	font-size: 14px;
	line-height: 16px;
	height: 42px;
}
.selected-wrapper .action-button.selected-number-button {
	background-color: #0272bc;
	color: #fff;
	cursor: default;
}
/*.selected-images-wrapper .action-button.selected-images:hover {
	background-color: #5995ef;
}*/
.selected-images-wrapper .action-button.delete-selected {
	background-color: #d9534f;
	color: #fff;
}
.selected-wrapper .action-button.delete-selected:hover {
	background-color: #e06460;
}
.selected-wrapper .action-button.reset-selected {
	background-color: #c5c5c5;
	color: #5a5a5a;
}
.selected-wrapper .action-button.reset-selected:hover {
	background-color: #d5d5d5;
}

.selected-wrapper .action-button .action-icon {
	font-size: 36px;
	line-height: 17px;
	float: right;
	margin-left: 10px;
}

.action-buttons-wrapper {
	float: right;
}

/* End selected wrapper */






/* Mobile width lessthan 992px */
@media (max-width: 992px) {
	.tabs-menu li:not(.active) .tab-num {
		margin-right: 0;
	}
	.tabs-menu li:not(.active) .tab-name {
		display: none;
	}

	.notifications-wrapper.floating {
		overflow: auto !important;
	}
}



/* Mobile width lessthan 550px */
@media (max-width: 550px) {
	.permissions-dropdown-wrapper .commands-list {
		display: none;
	}


	.departure-info-box {
		top: 10px !important;
		left: 10px !important;
		width: 400px !important;
		max-width: calc(100% - 20px) !important;
	}


	.starting-points-table-wrapper {
		max-width: 550px;
	}

	#filter-alert-wrapper {
		margin-top: 0;
	}

	#filter-alert-wrapper .alert-icon {
		margin-bottom: 40px;
	}

	#filter-alert-wrapper .date-range.margin-right-30 {
		margin-right: 0 !important;
	}

	.time-duration-picker .time-item {
		width: 43px !important;
	}


	.tabs-menu li {
		max-width: 118px;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}
		.tabs-menu li .tab-name {
			max-width: 75px;
			overflow: hidden;
			text-overflow: ellipsis;
			display: inline-block;
			vertical-align: bottom;
		}


	.dates-wrapper.template .date:first-child {
		margin-left: 0;
	}


	.main-help-button {
		display: none;
	}


	#map-search {
		left: -2px !important;
		top: 50px !important;
		width: calc(100% - 20px) !important;
	}

	.additional-checkbox {
		height: auto !important;
	}
}


/* Mobile width less-than 768px */
@media (max-width: 768px) {
	/* Start availability calendar */

	.availability-calendar-wrapper {
		width: 100% !important;
		margin: 0 0 15px 0 !important;
	}

	.availability-calendar-wrapper .availability-calendar-wrapper-left {
		width: 115px !important;
	}
	.availability-calendar-wrapper.fixed-head .availability-calendar-wrapper-left .availability-calendar-head {
		width: 115px !important;
	}

	.availability-calendar-wrapper .availability-calendar-wrapper-right {
		width: calc(100% - 130px) !important;
		width: -webkit-calc(100% - 130px) !important;
		width: -moz-calc(100% - 130px) !important;
	}
	.availability-calendar-wrapper.fixed-head .availability-calendar-wrapper-right .availability-calendar-head {
		width: calc(100% - 130px) !important;
		width: -webkit-calc(100% - 130px) !important;
		width: -moz-calc(100% - 130px) !important;
	}

	/* End availability calendar */



	.availability-wrapper {
		margin: 0 0 15px 0 !important;
	}

	.availability-month th {
		border-right: 5px solid #fff;
	}

	.reservation-group {
		width: calc(100% - 20px);
		width: -moz-calc(100% - 20px);
		width: -webkit-calc(100% - 20px);
	}

	.padding-mobile-lr-25 {
		padding: 0 25px !important;
	}

	.availability-wrapper-left {
		width: 103px;
	}

	.availability-wrapper-right {
		width: calc(100% - 107px);
		width: -moz-calc(100% - 107px);
		width: -webkit-calc(100% - 107px);
	}

	.availability-month .resource-name {
		width: 115px;
		max-width: 115px;
		min-width: 115px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}


	.availability-wrapper-right .dates-selection > .arrow-left {
		width: 30px;
		padding-left: 10px;
		margin-left: -10px;
		text-align: left;
	}
	.availability-wrapper-right .dates-selection > .arrow-right {
		width: 30px;
		padding-right: 10px;
		margin-right: -10px;
		text-align: right;
	}


	.floating-bottom-fixed-button {
		position: fixed !important;
		bottom: 0;
		left: 0;
		z-index: 1000;
		margin: 0 !important;
		width: 100%;
		padding: 12px 8px !important;
	}


	.floating-bottom-fixed-row {
		width: 100% !important;
		left: 0;
		padding-left: 21px;
	}
	.floating-bottom-fixed-row th {
		padding: 12px 8px !important;
	}


	.display-block-xs {
		display: block !important;
	}

	.offer-countdown-timer {
		float: none;
		display: block;
		text-align: center;
		margin-bottom: 7px;
	}

	.buy-payment-type,
	.buy-payment-bill-type{
		width: calc(50% - 2px);
	}


	.menu-wrapper ul > li {
		height: 117px;
	}
}


/* Medium screens width more-than 768px */
@media (min-width: 768px) {
	.padding-md-0 {
		padding: 0;
	}


	.notifications-wrapper.floating {
		position: fixed;
		left: 0;
		z-index: 1039;
		display: none;
		width: 100%;
		height: calc(100% - 78px);
		height: -webkit-calc(100% - 78px);
		height: -moz-calc(100% - 78px);
		overflow: auto;
		background-color: rgba(227,239,247,0.75);
	}

	.notifications-wrapper.floating > .inner-wrapper {
		position: relative;
		display: inline-block;
		width: 768px;
		float: right;
		background-color: #fff;
		-webkit-box-shadow: 0px 0px 5px 0px rgba(140, 200, 228, 0.5);
		-moz-box-shadow: 0px 0px 5px 0px rgba(140, 200, 228, 0.5);
		box-shadow: 0px 0px 5px 0px rgba(140, 200, 228, 0.5);
	}


	.menu-wrapper {
		position: fixed;
		left: 0;
		z-index: 1039;
		display: none;
		width: 100%;
		height: calc(100% - 78px);
		height: -webkit-calc(100% - 78px);
		height: -moz-calc(100% - 78px);
		overflow: auto;
		background-color: rgba(227,239,247,0.75);
	}

	.menu-wrapper .menu-wrapper-inner {
		position: relative;
		display: inline-block;
		width: 300px;
		float: right;
		background-color: #fff;
		-webkit-box-shadow: 0px 0px 5px 0px rgba(140, 200, 228, 0.5);
		-moz-box-shadow: 0px 0px 5px 0px rgba(140, 200, 228, 0.5);
		box-shadow: 0px 0px 5px 0px rgba(140, 200, 228, 0.5);
	}

	.menu-wrapper ul > li {
		width: 100%;
		float: none;
	}

	.menu-wrapper ul > li > a > .menu-icon {
		margin-left: 8px;
		font-size: 22px;

		width: 30px;
		display: inline-block;
		margin-top: 1px;
		vertical-align: top;
	}

	.menu-wrapper ul > li > a > img.menu-icon {
		margin-top: 1px;
		width: 26px;
		margin-top: 2px;
		vertical-align: middle;
	}

	.menu-wrapper ul > li > a .mdi-stack {
		width: 30px;
		height: 30px;
		line-height: 30px;
	}

	.menu-wrapper ul > li > a .mdi {
		font-size: 22px !important;
	}

	.menu-wrapper ul > li > a > .menu-text {
		display: inline-block;
		float: left;
		width: 240px;
		text-align: right;
		padding: 4px 0px;
	}
}




/* Start main loading animation */
@-webkit-keyframes main-loading-animation {
  0%, 100% { background-size: 32px; }
  50% { background-size: 96px; }
}
@-moz-keyframes main-loading-animation {
  0%, 100% { background-size: 32px; }
  50% { background-size: 96px; }
}
@-o-keyframes main-loading-animation {
  0%, 100% { background-size: 32px; }
  50% { background-size: 96px; }
}
@keyframes main-loading-animation {
  0%, 100% { background-size: 32px; }
  50% { background-size: 96px; }
}
/* End main loading animation */





/* Start mdi extension classes */

.mdi-stack {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 71px;
	line-height: 71px;
	vertical-align: middle;
}

.mdi-stack .mdi {
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
}

/* End mdi extension classes */




/* General classes */
.form-control {
	resize: none;
}
input.has-error,
.form-control.has-error {
	/*border-color: #a94442;*/
	border: solid 1px #a94442 !important;
	background-color: #fbc9c9;
}
input.has-error::placeholder,
.form-control.has-error::placeholder {
    color: #a94442;
}

.rounded {
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

.text-nowrap {
	white-space: nowrap;
}

.text-left {
	text-align: left !important;
}

.text-center,
.center {
	text-align: center !important;
}

.text-right {
	text-align: right !important;
}

.text-dim {
	color: #999;
}

.list-price {
	width: 150px;
}

.no-wrap {
	white-space: nowrap !important;
}

.font-normal {
	font-weight: normal !important;
}

.font-bold {
	font-weight: bold !important;
}

.font-underline {
	text-decoration: underline;
}

.cursor-pointer {
	cursor: pointer;
}
.cursor-help {
	cursor: help;
}

.dialogbox-admin-wrapper {
	background: #f7f7f7;
	padding-bottom: 1px;
	margin: 0 -15px -25px -15px;
	padding: 0 15px 10px 15px;
}

.dialogbox-admin-open {
	font-size: 12px;
	color: #777;
	text-align: right;
	margin-top: -18px;
	position: absolute;
	width: 100%;
	margin-left: -15px;
	padding-right: 25px;
}
/*.dialogbox-admin-open.closed {
	margin-top: 6px;
}*/
.dialogbox-admin-open .open-handle {
	position: relative;
	z-index: 1;
	cursor: pointer;
}
.dialogbox-admin-open .open-icon {
	font-size: 16px;
	color: #777;
	vertical-align: baseline;
}

.legend-line {
	margin: 35px -15px 20px -15px;
	border-top: 1px solid #ddd;
}
.legend-line-text {
	color: #777;
	text-align: left;
	position: absolute;
	width: 100%;
	margin: -40px -15px 0 -15px;
	padding-left: 15px;
}
.legend-line-text > span {
	background-color: #fff;
	padding: 0 10px;
}

.required-field {
	color: #d9534f;
}

.abc-checkbox.checkbox-left {
	padding-left: 3px;
}



/* Custom classes */

.footer-copyright {
	display: none;
	margin-top: 50px;
	font-size: 12px;
	color: #777;
	text-align: center;
}

.search-float-block {
	float: right;
	width: 270px;
	margin-top: 16px;
	margin-left: 10px;
}

.action-float-block {
	float: right;
	margin-top: 16px;
	margin-left: 10px;
}

.table.faded {
	opacity: 0.4;
}

.table tr.checked {
	background-color: #eff3f5;
}

.table tr.row-no-border th,
.table tr.row-no-border td {
	border-bottom: 0;
}

.table th.border-right,
.table td.border-right {
	border-right: solid 1px #ddd;
}

.table th.border-left,
.table td.border-left {
	border-left: solid 1px #ddd;
}

.table th.border-bottom-0,
.table td.border-bottom-0 {
	border-bottom: 0;
}

.table th.checkbox_wrapper,
.table th.checkbox-wrapper {
    padding-top: 6px;
    vertical-align: middle;
}

.table .main-office-row {
	font-weight: bold;
    background-color: #f3f3f3;
}

.btn-badge {
	position: relative;
	padding-right: 12px;
}
.btn-badge .badge{
	position: absolute;
	top: -8px;
	right: -12px;
	background-color: #f5f5f5;
	color: #222;
	padding: 3px 7px;
	border: solid 1px #4cae4c;
}

.dropdown-menu>li>a.text-danger {
	color: #d43632;
}

.dropdown-icon {
	font-size: 18px;
	vertical-align: middle;
	margin-right: 5px;
	line-height: 18px;
}

.reservations-table-wrapper {
	position: relative;
	background-color: #f6f8f9 !important;
	padding-bottom: 35px !important;
}

.reservations-table-wrapper tr > th,
.reservations-table-wrapper tr {
	background-color: #f6f8f9 !important;
}

.reservations-date-block {
	padding: 6px;
	font-weight: bold;
}

.panel.panel-info .panel-hr {
	border-color: #bce8f1;
	margin: 30px 0;
}
.panel.panel-warning .panel-hr {
	border-color: #faebcc;
	margin: 30px 0;
}

.input-small-print {
	color: #777;
	font-size: 12px;
	margin-top: 3px;
}

div.tooltip-inner {
    min-width: 150px;
    max-width: initial;
}

.tooltip-left .tooltip-inner {
    text-align: left;
}

.tooltip-nowrap .tooltip-inner {
	white-space: nowrap;
	width: auto !important;
	min-width: none !important;
	max-width: none !important;
}


.tooltip-table {
	width: 100%;
}
.tooltip-table .header-row {
	border-bottom: solid 1px #bbb;
}
.tooltip-table td {
	min-width: 125px;
	text-align: left;
	font-size: 14px;
	padding: 0 15px;
	white-space: nowrap;
	border-right: solid 1px #bbb;
}
.tooltip-table td:first-child {
	padding-left: 0;
}
.tooltip-table td:last-child {
	border-right: 0;
	padding-right: 0;
}

.light-tooltip.in { opacity: 1; width: auto !important; }
.light-tooltip > .tooltip-inner { max-width: fit-content !important; background-color: #efefef; color: #555; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
.light-tooltip.top > .tooltip-arrow { border-top-color: #efefef; }
.light-tooltip.bottom > .tooltip-arrow { border-bottom-color: #efefef; }
.light-tooltip.left > .tooltip-arrow { border-left-color: #efefef; }
.light-tooltip.right > .tooltip-arrow { border-right-color: #efefef; }


.status-string {
	font-size: 12px;
	padding: 1px 7px;
}

tr.status-sold-out {
	color: #fff;
	background-color: rgb(112, 151, 112);
}
tr.status-sold-out:hover,
tr.status-sold-out.selected {
	color: #333 !important;
}
	tr.status-sold-out:hover .status-over-text,
	tr.status-sold-out.selected .status-over-text {
		color: #333 !important;
	}
	.status-string.status-sold-out {
		color: #fff;
	}
	tr.status-sold-out a,
	tr.status-sold-out a:active,
	tr.status-sold-out a:visited,
	tr.status-sold-out a:hover {
		color: #fff;
	}
	tr.status-sold-out:hover a,
	tr.status-sold-out:hover a:active,
	tr.status-sold-out:hover a:visited,
	tr.status-sold-out:hover a:hover,
	tr.status-sold-out.selected a,
	tr.status-sold-out.selected a:active,
	tr.status-sold-out.selected a:visited,
	tr.status-sold-out.selected a:hover {
		color: #337ab7;
	}

tr.status-uncertain {
	color: #333;
	background-color: #f6eb9b;
}
	/*.status-string.status-uncertain {
		color: #333;
	}*/
	/*.status-string.status-uncertain {
		font-size: 10px;
	}*/

tr.status-cancelled {
	color: #fff;
	background-color: #db5b57;
}
tr.status-cancelled:hover,
tr.status-cancelled.selected {
	color: #333;
}
	tr.status-cancelled a,
	tr.status-cancelled a:active,
	tr.status-cancelled a:visited,
	tr.status-cancelled a:hover {
		color: #fff;
	}
	tr.status-cancelled:hover a,
	tr.status-cancelled:hover a:active,
	tr.status-cancelled:hover a:visited,
	tr.status-cancelled:hover a:hover,
	tr.status-cancelled.selected a,
	tr.status-cancelled.selected a:active,
	tr.status-cancelled.selected a:visited,
	tr.status-cancelled.selected a:hover {
		color: #337ab7;
	}
	tr.status-cancelled:hover .status-string.status-cancelled,
	tr.status-cancelled.selected .status-string.status-cancelled {
		color: #db5b57;
	}
		.status-string .status-over-text {
			padding: 2px;

			transform: rotate(-7deg);
			-webkit-transform: rotate(-7deg);
			-moz-transform: rotate(-7deg);
			-ms-transform: rotate(-7deg);
			-o-transform: rotate(-7deg);
		}


.reservation-scan-confirmed {
	position: absolute;
	z-index: 2;
	font-size: 62px;
	font-weight: bold;
	text-shadow: 0 0 2px #fff;
	width: calc(100% - 30px);
	text-align: center;
	color: #d83e3b;
	margin-top: 15px;
}

.reservation-scan-important-cells {
	border-color: #999;
	font-size: 26px;
	padding: 2px 8px !important;
	text-align: right;
}

.btn-map-poi {
	font-size: 20px;
	padding: 2px 12px;
	cursor: pointer;
}
.btn-map-poi:hover {
	color: #d9534f;
	background-color: #f3f3f3;
}
.btn-map-poi.has-coordinates {
	color: #5cb85c;
}

.languages-always-on-top {
	z-index: 3;
	position: fixed;
	top: 78px;
	width: 100%;
	margin: 0 -15px;
	padding: 5px 15px;
	background: #fff;
	border-bottom: solid 2px #e5e4e5;
}

.map-custom-button {
	background-color: rgb(255, 255, 255);
	border: 2px solid rgb(255, 255, 255);
	box-shadow: rgba(0, 0, 0, 0.298) 0px 1px 4px -1px;
	margin-right: 10px;
	margin-bottom: 10px;
	cursor: pointer;
	border-radius: 2px;
	padding: 3px;
	z-index: 0;
	position: absolute;
	top: 10px !important;
	right: 0px;
	height: 40px;
	width: 40px;
	text-align: center;
	color: #555;
}
.map-custom-button.disabled {
	cursor: not-allowed;
	color: #aaa;
}
	.map-custom-button-icon {
		font-size: 26px;
		line-height: 18px;
		width: 40px;
		height: 40px;
	}
	.map-custom-button-label {
		font-size: 10px;
	}




/* Start scroll tracker */

.scroll-tracker {
	position: fixed;
	z-index: 5;
	bottom: 0;
	width: 100%;
	height: 22px;
	background-color: #eee;
	cursor: pointer;
	border-top: solid 2px #fff;
}

.scroll-tracker .trackbar,
.scroll-tracker .trackbar-invisible {
	position: absolute;
	z-index: 1;
	top: 1px;
	left: 0;
	height: calc(100% - 2px);
	background-color: #bbb;
	/*min-width: 75px;*/
}

.scroll-tracker .trackbar:hover {
	background-color: #999;
}

.scroll-tracker .trackbar-invisible {
	z-index: 3;
	background-color: transparent;
}

.scroll-tracker .trackbar-dates {
	position: relative;
	z-index: 2;
	width: 100%;
	height: 100%;
	white-space: nowrap;
	    overflow: hidden;
}

.scroll-tracker .trackbar-dates .month {
	line-height: 15px;
	color: #555;
	font-size: 12px;
	border-left: solid 2px #777;
	padding: 3px 2px 2px 4px;
	white-space: nowrap;
	display: inline-block;
	overflow: hidden;
}

/* End scroll tracker */



/* Start portal styles */

.portal-language-select {
	cursor: pointer;
}
.portal-language-select:not(.active) {
	-webkit-filter: grayscale(1);
	-webkit-filter: grayscale(100%);
	filter: gray;
	filter: grayscale(100%);
}

.portal-images-wrapper {

}
	.portal-images-wrapper .portal-image {
		float: left;
		position: relative;
		width: 200px;
		height: 115px;
		margin: 0 10px 10px 0;
		background-size: cover;
	}
	.portal-images-wrapper .portal-image.default-image {
		border: solid 3px #0272bc;
	}
		.portal-images-wrapper .portal-image:not(.default-image) .default-image-text {
			display: none;
		}
		.portal-images-wrapper .portal-image.default-image .default-image-text {
			position: absolute;
			bottom: 0;
			padding: 1px 10px;
			background-color: #0272bc;
			color: #fff;
			left: -3px;
		}
	.portal-images-wrapper .portal-image.removing {
		opacity: 0.3;
		cursor: default;
	}
	.portal-images-wrapper .portal-image.ui-sortable-placeholder {
		border: dashed 2px #999;
		visibility: visible !important;
	}
		.portal-images-wrapper .portal-image-remove {
			position: absolute;
			top: 0;
			right: 0;
			color: #fff;
			font-size: 16px;
			line-height: 16px;
			background-color: #555;
			padding: 2px;
			cursor: pointer;
		}
		.portal-images-wrapper .portal-image-remove:hover {
			background-color: #777;
		}
		.portal-images-wrapper .portal-image.removing .portal-image-remove {
			display: none;
		}

/* End portal styles */



/* Start maps styles */

.controls {
	margin-top: 10px;
	border: 1px solid transparent;
	border-radius: 2px 0 0 2px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 250px;
	height: 31px;
	line-height: 31px;
	outline: none;
	box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
	padding-top: 3px;
	padding-left: 7px;
	padding-right: 7px;
}

#map-search {
	background-color: #fff;
	font-family: Roboto;
	font-size: 15px;
	font-weight: 300;
	margin-left: 12px;
	padding: 0 11px 0 13px;
	text-overflow: ellipsis;
	width: 300px;
}

#map-search:focus {
	border-color: #4d90fe !important;
}

.pac-container {
	background-color: #fff;
	position: absolute!important;
	z-index: 9999999;
	border-radius: 2px;
	border-top: 1px solid #d9d9d9;
	font-family: Arial, sans-serif;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden
}

.pac-logo:after {
	content: "";
	padding: 1px 1px 1px 0;
	height: 16px;
	text-align: right;
	display: block;
	background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3.png);
	background-position: right;
	background-repeat: no-repeat;
	background-size: 120px 14px
}

.hdpi.pac-logo:after {
	background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3_hdpi.png)
}

.pac-item {
	cursor: default;
	padding: 0 4px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	line-height: 30px;
	text-align: left;
	border-top: 1px solid #e6e6e6;
	font-size: 11px;
	color: #999
}

.pac-item:hover {
	background-color: #fafafa
}

.pac-item-selected,
.pac-item-selected:hover {
	background-color: #ebf2fe
}

.pac-matched {
	font-weight: 700
}

.pac-item-query {
	font-size: 13px;
	padding-right: 3px;
	color: #000
}

.pac-icon {
	width: 15px;
	height: 20px;
	margin-right: 7px;
	margin-top: 6px;
	display: inline-block;
	vertical-align: top;
	background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png);
	background-size: 34px
}

.hdpi .pac-icon {
	background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons_hdpi.png)
}

.pac-icon-search {
	background-position: -1px -1px
}

.pac-item-selected .pac-icon-search {
	background-position: -18px -1px
}

.pac-icon-marker {
	background-position: -1px -161px
}

.pac-item-selected .pac-icon-marker {
	background-position: -18px -161px
}

.pac-placeholder {
	color: gray
}




#type-selector {
	color: #fff;
	background-color: #4d90fe;
	padding: 5px 11px 0px 11px;
}

#type-selector label {
	font-family: Roboto;
	font-size: 13px;
	font-weight: 300;
}
#target {
	width: 345px;
}

.tooltip-map {
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}

.tooltip-map .tooltip-inner {
	min-width: 270px;
}



.map-wrapper {
	position: relative;
}

.map-inner-wrapper {
	width: 100%;
	height: 100%;
}

.map-wrapper-sp {
	float: left;
	display: inline-block;
	width: calc(100% - 175px);
	height: 500px;
	border-right: solid 1px #0072bc;
}

.starting-points-wrapper-map {
	display: inline-block;
	width: 175px;
	height: 500px;
	vertical-align: top;
	overflow-y: auto;
}

.starting-points-wrapper-map ul {
	margin-bottom: 0;
}

.starting-points-wrapper-map li {
	margin-bottom: 0 !important;
	border-radius: 0 !important;
	border-width: 0 0 1px 0;
	cursor: pointer;
}
.starting-points-wrapper-map li:not(.sp-title).hover,
.starting-points-wrapper-map li:not(.sp-title):hover {
	background-color: #f5f5f5;
	border-left: solid 3px #0072bc;
}

.starting-points-wrapper-map li.sp-title {
	font-weight: bold;
	background-color: #0072bc;
	border-color: #0072bc;
	color: #fff;
	padding: 3px 5px;
	text-align: center;
	cursor: default;
}


.starting-points-wrapper-map li .name {
	width: calc(100% - 20px);
	display: inline-block;
}
.starting-points-wrapper-map li .poi-icon {
	float: right;
	color: #ec3a34;
	font-size: 20px;
	margin-top: -3px
}
.starting-points-wrapper-map li .poi-icon.inactive {
	color: #bbb;
}

.bootbox-map .modal-header,
.bootbox-map .modal-footer {
	border-color: #0072bc;
}

.bootbox-map .modal-body {
	/*height: 500px;*/
}

/* End maps styles */





/* Start boarding */

.working-order-wrapper {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
}
.working-order-wrapper-inner {
	display: flex;
	justify-content: center;
}
	.working-order-wrapper .working-order {
		display: inline-block;
		padding: 15px 30px;
		border: solid 1px #94c4e3;
		margin: 10px;
		cursor: pointer;
	}
	.working-order-wrapper .working-order.active {
		border: solid 2px #eea236;
		padding: 14px 29px;
	}
		.working-order-wrapper .working-order-name {
			font-size: 16px;
			font-weight: bold;
		}
		.working-order-wrapper .working-order-seats {
			text-align: center;
			color: #999;
			font-size: 12px;
		}


.reservation-boarding-checkbox {
	font-size: 20px;
	color: #999;
	position: absolute;
	top: 5px;
	cursor: pointer;
}
	.reservation-boarding-checkbox:hover {
		color: #eea236;
	}


#boarding-reservations .reservation-row td,
#boarded-reservations .reservation-row td {
	vertical-align: top !important;
}

/* End  boarding */





/* Start help container */

.help-container h1 {
	margin-top: 0;
}

/* End help container */




/* Start live translate */

.live-translate-active {
	background-color: rgba(153, 208, 95, 0.3) !important;
}
.live-translate-highlight {
	background-color: rgba(153, 208, 95, 0.3) !important;
	color: #d67d1b !important;
}
.live-translate-edit-icon {
	position: absolute;
	z-index: 9999999;
	background-color: #027dc3;
	color : #fff;
	padding : 2px 5px;
}

/* End live translate */




/* Start attachments */

.mail-attachment,
.upload-image {
	position: relative;
	margin-top: 10px;
	width: 320px;
	height: 20px;
}
.mail-attachment.error,
.upload-image.error {
	color: #d9534f;
}

	.mail-attachment .filename,
	.upload-image .filename {
		width: 200px;
		display: inline-block;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

	.mail-attachment .filesize,
	.upload-image .filesize {
		float: right;
		margin-left: 15px;
	}

	.mail-attachment .warning-attachment,
	.upload-image .warning-image {
		display: none;
	}
	.mail-attachment.error .warning-attachment,
	.upload-image.error .warning-image {
		display: inline-block;
		float: right;
		margin-left: 10px;
		padding: 0 3px;
		cursor: help;
	}

	.mail-attachment .remove-attachment,
	.upload-image .remove-image {
		float: right;
		margin-left: 10px;
		padding: 0 3px;
		cursor: pointer;
	}
	.mail-attachment.error .remove-attachment,
	.upload-image.error .remove-image {
		display: none;
	}
	.mail-attachment .remove-attachment:hover,
	.upload-image .remove-image:hover {
		color: #fff;
		background-color: #d9534f;
	}

	.mail-attachment .progress,
	.upload-image .progress {
		position: relative;
		width: 100%;
		height: 2px;
		margin-top: -2px;
	}
	.mail-attachment.error .progress,
	.upload-image.error .progress {
		display: none;
	}
		.mail-attachment .progress-bar,
		.upload-image .progress-bar {
			position: absolute;
			left: 0;
			width: 0;
			height: 2px;
			background-color: #0272bc;
		}
		.mail-attachment.finished .progress-bar,
		.upload-image.finished .progress-bar {
			background-color: #5cb85c;
		}
		.mail-attachment.processing .progress-bar,
		.upload-image.processing .progress-bar {
			background-color: #999;
		}

	.mail-attachment:not(.finished) .upload-completed-icon,
	.upload-image:not(.finished) .upload-completed-icon {
		display: none;
	}
	.mail-attachment.finished .upload-completed-icon,
	.upload-image.finished .upload-completed-icon {
		position: absolute;
		right: -29px;
		top: 0;
		color: #5cb85c;
		font-size: 28px;
		line-height: 28px;
		margin-top: -3px;
	}

	.mail-attachment:not(.processing) .upload-processing-icon,
	.upload-image:not(.processing) .upload-processing-icon {
		display: none;
	}
	.mail-attachment.processing .upload-processing-icon,
	.upload-image.processing .upload-processing-icon {
		position: absolute;
		right: -29px;
		top: 0;
		color: #5cb85c;
		font-size: 26px;
		line-height: 26px;
		margin-top: -3px;
	}

/* End attachments */




/* Start variables table */

.variables-table {
	margin-left: 15px;
}

.variables-table td {
	padding: 2px 10px;
}

/* End variables table */



/* Start password complexity */

.password-complexity-wrapper {
	margin-top: 35px;
	padding-top: 10px;
	border-top: solid 1px #ccc;
}

.password-complexity-wrapper.disabled .password-complexity li,
.password-complexity-wrapper.disabled {
	color: #bbb !important;
}

.password-complexity {
	list-style: none;
}

.password-complexity li {
	color: #555;
}
.password-complexity li.checked {
	color: #3c763d !important;
}

.password-complexity .icon {
	font-size: 18px;
	vertical-align: middle;
	display: inline-block;
	color: #c8c8c8;
}

.password-complexity li.checked .icon {
	color: #5cb85c;
}


.input-over-wrapper {
	position: relative;
}

.input-over-text {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 11px;
}


.input-noglow,
.input-noglow:focus {
	border-color: #ccc;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

.input-border-success,
.input-border-success:focus {
	border-color: #5cb85c;
}

.input-border-danger,
.input-border-danger:focus {
	border-color: #a94442;
}

/* End password complexity */




/* Start take a tour */

.tour-button {
	width: 150px;
	/*height: 125px;*/
	float: left;
	text-align: center;
	color: #0072bc;
	padding: 10px;
}

.tour-button:hover {
	background-color: #eaf3f9;
	cursor: pointer;
}

.tour-button > .tour-icon {
	font-size: 70px;
}
/*.tour-button > .tour-text {

}*/

.popover.tour {
	z-index: 9999999 !important;
}

.popover.tour .popover-title {
	background-color: #0072bc;
	color: #fff;
	margin: -1px;
	padding: 9px 15px;
}

.popover.tour .popover-step {
	font-size: 12px;
	color: #777;
	text-align: right;
	margin-right: 15px;
	margin-bottom: -7px;
}

.popover.tour .popover-navigation > .btn:active,
.popover.tour .popover-navigation > .btn:focus {
	outline: none;
	outline-offset: 0;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.popover.tour .popover-navigation > .btn-default.active,
.popover.tour .popover-navigation > .btn-default.focus,
.popover.tour .popover-navigation > .btn-default:active,
.popover.tour .popover-navigation > .btn-default:focus,
.popover.tour .popover-navigation > .btn-default:hover,
.popover.tour .popover-navigation > .open > .dropdown-toggle.btn-default {
	background-color: #f7f7f7;
}

/* End take a tour */






/* Start simple shadow */

.simple-shadow {
	background-color: rgba(0, 0, 0, 0.7);
	position: absolute;
	z-index: 9999998;
}

.simple-shadow-transparent {
	background-color: transparent;
}

/* End simple shadow */






/* Start main help */

.main-help-button {
	position: fixed;
	bottom: 225px;
	right: -5px;
	z-index: 1038;
	background-color: #0072bc;
	color: #fff;
	padding: 5px 13px 2px 8px;
	text-align: center;
	cursor: pointer;

	box-shadow: 0 0 5px rgba(50, 50, 50, 0.55);

	transition: right .25s ease-in;
}

.main-help-button:hover {
	background-color: #0b87d8;
	right: 0;

}

.main-help-button .help-icon {
	font-size: 30px;
	line-height: 30px;
}
.main-help-button .help-text {
	font-size: 12px;
}


.main-help-popup {
	position: fixed;
	bottom: 150px;
	right: -325px;
	/*z-index: 1040;*/
	z-index: 9999999;
	width: 300px;

	padding: 15px 20px;

	background-color: #fff;
	box-shadow: 0 0 5px rgba(50, 50, 50, 0.55);

	transition: right .5s ease-in;
}
.main-help-popup.visible {
	right: 0;
}

.main-help-popup .logo-icon {
	float: right;
	/*position: absolute;
	top: 6px;
	right: 20px;*/
	width: 50px;
	height: 50px;
	/*cursor: pointer;*/

	float: right;
    margin-left: 10px;

	/*-webkit-animation: help-logo-pulsate-animation 1.25s infinite;
	-moz-animation: help-logo-pulsate-animation 1.25s infinite;
	-o-animation: help-logo-pulsate-animation 1.25s infinite;
	animation: help-logo-pulsate-animation 1.25s infinite;*/
}

.main-help-popup .text-wrapper .text-title {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 8px;
}

.main-help-popup .text-wrapper .text-block {
	text-align: justify;
}

.main-help-popup .buttons-wrapper {
	margin-top: 20px;
}

.main-help-popup .buttons-wrapper .btn:first-child {
	margin-right: 10px;
}


@-webkit-keyframes help-logo-pulsate-animation {
  0%, 100% { transform: scale(0.8); }
  50% { transform: scale(1); }
}
@-moz-keyframes help-logo-pulsate-animation {
  0%, 100% { transform: scale(0.8); }
  50% { transform: scale(1); }
}
@-o-keyframes help-logo-pulsate-animation {
  0%, 100% { transform: scale(0.8); }
  50% { transform: scale(1); }
}
@keyframes help-logo-pulsate-animation {
  0%, 100% { transform: scale(0.8); }
  50% { transform: scale(1); }
}

/* End main help */






/* Start messages */

.messages-wrapper {
	overflow: hidden;
}
	.messages-wrapper .no-messages {
		color: #999;
		font-size: 16px;
		text-align: center;
		padding: 20px;
	}
	.messages-wrapper .message-item {
		position: relative;
		float: left;
		background-color: #efefef;
		color: #333;
		padding: 7px 14px;
		margin: 10px;

		max-width: 80%;
		border-radius: 0 7px 7px 7px !important;

		transition: all .5s ease-in;
		/* opacity: 0; */
	}
	.messages-wrapper .message-item.new-message {
		transform: translate3d(-1000px,0,0);
	}
	.messages-wrapper .message-item.my-message {
		float: right;
		background-color: #d6f2be;
		border-radius: 7px 0 7px 7px !important;
	}
		.messages-wrapper .message-head {
			display: flex;
		}
			.messages-wrapper .message-item .author-name {
				font-size: 12px;
				font-weight: 500;
				margin-bottom: 3px;
				margin-right: 25px;
			}
			.messages-wrapper .message-item .message-time {
				font-size: 12px;
				margin-top: 1px;
				text-align: right;
				flex-grow: 2;
			}
		.messages-wrapper .message-item .message-text {
			padding-left: 10px;
			white-space: pre-wrap;
		}
			.messages-wrapper .message-item .message-text .link {
				color: #337ab7;
				text-decoration: none;
			}

	.messages-wrapper .message-item:not(.my-message) .message-arrow {
		width: 0;
		height: 0;
		border-bottom: 7px solid transparent;
		border-right: 7px solid #efefef;
		position: absolute;
		left: -7px;
		top: 0;
	}
	.messages-wrapper .message-item.my-message .message-arrow {
		width: 0;
		height: 0;
		border-bottom: 7px solid transparent;
		border-left: 7px solid #d6f2be;
		position: absolute;
		right: -7px;
		top: 0;
	}

/* End messages */






/* Start micro-rent */

.control-panel-box {
	padding: 20px 0;
	margin-top: 12px;
	text-align: center;
}

.control-panel-box .description {
	color: #555;
	font-size: 18px;
}

.control-panel-box .statistics-block {
	max-width: 220px;
	text-align: left;
	margin-left: calc(50% - 110px) !important;
	margin-left: -webkit-calc(50% - 110px) !important;
	margin-left: -moz-calc(50% - 110px) !important;
}

.control-panel-box .statistics-block .number-item {
	width: 80px;
	text-align: right;
	display: inline-block;
	border-right: solid 1px #bbb;
    padding-right: 7px;
}

.control-panel-box .statistics-block .number-item.small-text {
    font-size: 16px;
    line-height: 20px;
}

.control-panel-box-text {
	font-size: 72px;
	line-height: 72px;
}

.control-panel-box-text.text-sm {
	font-size: 48px;
	line-height: 48px;
}

.control-panel-box-text-super {
	font-size: 22px;
	vertical-align: top;
	margin-top: 8px;
	display: inline-block;
	line-height: 22px;
	color: #555;
}

.control-panel-box-text-super.super2 {
	margin-top: 5px;
}

.reservation.opened {
	background-color: #e9e9e9;
}

.sub-reservation .name {
	padding-left: 30px;
}

.sub-reservation td {
	color: #afafaf;
	background-color: #f3f3f3;
}
.sub-reservation.text-danger > td {
	color: #a94442;
}
.sub-reservation.text-warning > td {
	color: #8a6d3b;
}

.reservation-count {
	display: inline-block;
	width: 26px;
	height: 26px;
	box-sizing: content-box;
	border: 1px solid #e8e8e8;
	border-radius: 50% !important;
	line-height: 26px;
	text-align: center;
	color: #a3a3a3;
	cursor: pointer;
	margin-left: 10px;

	background-color: white;
	/*background-color: #0072bc;*/
}
.reservation-count .icon {
	display: none;

	font-size: 24px;
	line-height: 24px;
	vertical-align: bottom;
	margin-top: 1px;
}
.reservation-count:hover {
	background-color: #f5f5f5;
}
.reservation.opened .reservation-count {
	color: #ffffff;
	background-color: #94c4e3;
	border-color: #7fb4d6;
}
.reservation.opened .reservation-count:hover {
	background-color: #0072bc;
	border-color: #0066a9;
}
.reservation.opened .reservation-count > .number {
	display: none;
}
.reservation.opened .reservation-count > .icon {
	display: inline-block;
}

.micro-rent-reservations-table .edit-reservation {
	font-size: 18px;
	cursor: pointer;

	vertical-align: middle;
	margin-top: 1px;
	display: inline-block;
}

.micro-rent-reservations-table .remove-reservation {
	font-size: 24px;
	line-height: 24px;
	cursor: pointer;
}

.micro-rent-reservations-table .reservation-icons {
	color: #777;
}

.micro-rent-reservations-table .reservation-icons:hover {
	color: #555;
}

.micro-rent-reservations-table .bg-danger .reservation-icons {
	color: #a94442;
}

.micro-rent-reservations-table .bg-danger .reservation-icons:hover {
	color: #bf514f;
}

.micro-rent-reservations-table .reservation-name {
	padding: 4px 8px;
}

.reservation-persons-select {
	margin: 1px;
}
.extend-reservation-time-select-wrapper {
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    grid-gap: 5px;

	margin: 0 -5px;
	overflow: hidden;
}
.extend-reservation-time-select {
	flex-grow: 1;
	flex: 1 0 21%;
	margin: 0 5px 5px 5px;
	/*margin: 1px;*/
	border-bottom: 0;
	border-color: #eaeaea !important;
}
.extend-reservation-time-select.extra {
	height: 75px;
	border: solid 1px #d5d5d5 !important;
}
.extend-reservation-time-select.active {
	border-color: #f0ad4e !important;
    background-color: #fff0db;
}

.microrent-reservation .remove-resource {
	font-size: 24px;
	line-height: 24px;
	vertical-align: text-top;
	display: inline-block;
	color: #555;
	cursor: pointer;
}
.microrent-reservation .remove-resource:hover {
	color: #777;
}

.microrent-reservation .edit-resource-time {
	font-size: 18px;
	line-height: 18px;
	vertical-align: text-top;
	display: inline-block;
	color: #555;
	cursor: pointer;
}
.microrent-reservation .edit-resource-time:hover {
	color: #777;
}

.microrent-reservation-resource-select {
	height: 22px;
	margin-bottom: 5px !important;
	margin-top: 0;
	background: transparent;

	-moz-box-shadow: none;
	-webkit-box-shadow: none;
    box-shadow: none;
}

.reservation-expand-circle {
	position: absolute;
	left: 50%;
	margin-top: -35px;
	margin-left: -13px;

	display: inline-block;
	width: 26px;
	height: 26px;
	box-sizing: content-box;
	border: 1px solid #e8e8e8;
	border-radius: 50% !important;
	line-height: 26px;
	text-align: center;
	color: #a3a3a3;
    background-color: #fff;
	cursor: pointer;
}
.reservation-expand-circle .icon {
	display: inline-block;
	font-size: 24px;
	line-height: 24px;
	vertical-align: bottom;
	margin-top: 1px;
}
.reservation-expand-circle:hover {
	background-color: #f5f5f5;
}

.mrent-dashboard-wrapper {
	position: relative;
	margin-bottom: 55px;
}

.mrent-dashboard-wrapper-shadow {
	display: none;

	z-index: 9;
	position: absolute;
	width: 100%;
	height: 100%;
}

.mrent-dashboard-wrapper.disabled {
	opacity: 0.35;
}

.mrent-dashboard-wrapper.disabled > .mrent-dashboard-wrapper-shadow {
	display: block;
}

/* End micro-rent */






/* Start master admin menu grid */

.master-menu-grid {
	text-align: center;
}

.master-menu-grid .icon-box {
	display: inline-block;
	width: 150px;
	margin-bottom: 25px;
}

.master-menu-grid .icon {
	display: block;

	font-size: 80px;
	line-height: 80px;
	color: #0072bc;
	text-align: center;
}
.master-menu-grid .icon-box:hover .icon {
	color: #0084da;
}

.master-menu-grid .icon-image {
	display: block;

	width: 130px;
	width: 130px;
	margin: 0 10px;
}

.master-menu-grid .label {
	display: block;
	width: 100%;

	font-size: 14px;
	color: #0072bc;
	text-align: center;
}
.master-menu-grid .icon-box:hover .label {
	color: #0084da;
}


/* End master admin menu grid */





/* Start time duration picker */

.time-duration-picker {
    border: solid 2px #eaeaea;
}

.time-duration-picker .time-item {
	display: inline-block;
	width: 75px;
    padding-top: 11px;
	text-align: center;
}

.time-duration-picker .value {
	width: 100%;
	font-size: 20px;
	font-weight: bold;
	line-height: 16px;
	text-align: center;
	border: 0;

	transition: color ease .5s;
	-webkit-transition: color ease .5s;
	-moz-transition: color ease .5s;
}

.time-duration-picker .highlight .value {
	color: #ffa500;
}

.time-duration-picker .highlight label {
	color: #ffa500;
}

.time-duration-picker label {
	font-size: 12px;
	font-weight: normal;
	color: #777;

	transition: color ease .5s;
	-webkit-transition: color ease .5s;
	-moz-transition: color ease .5s;
}

.time-duration-picker .time-button {
	float: right;
	cursor: pointer;
	color: #555;
	text-align: center;
	background-color: #eee;
	border-left: 2px solid #eaeaea;
	height: 100%;
	display: inline-block;
	padding: 21px 10px;
}

.time-duration-picker .time-reset-button {
	font-size: 22px;
	padding: 15px 10px;
	color: #a94442;
}

/* End time duration picker */



/* Start warning bottom notification */

.warning-bottom-notification {
	position: fixed;
	z-index: 9;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 15px;
	border-top: solid 2px #f0ad4e;
	color: #dc9228;
}
.warning-bottom-notification.info {
	border-top: solid 2px #0072bc;
	color: #0072bc;
}

.warning-bottom-notification .alert-icon {
	font-size: 36px;
	vertical-align: top;
	display: inline-block;
	float: left;
	height: 100%;
	padding-right: 5px;
	line-height: 50px;
}

.warning-bottom-notification-close {
	position: absolute;
	right: 5px;
	top: 5px;
	font-size: 24px;
	line-height: 24px;
	cursor: pointer;
}

.warning-bottom-notification-close:hover {
	color: #dea451;
}

/* End warning bottom notification */




/* Start table cell status icon */

.status-icon-wrapper {
	padding: 0 8px !important;
}
.status-icon-wrapper .tooltip-inner {
	text-align: left;
}

.status-icon {
	font-size: 24px;
	line-height: 35px;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}
.status-icon-dropdown {
	margin-top: -8px !important;
    vertical-align: top !important;
}
.status-icon.not-ready,
.status-icon-dropdown.not-ready {
	color: #ccc;
	/*cursor: not-allowed;*/
}
.status-icon.pending,
.status-icon-dropdown.pending {
	color: #ccc;/* 5bc0de */
}
.status-icon.transfer,
.status-icon-dropdown.transfer {
	color: #f0ad4e;
}
.status-icon.refund,
.status-icon-dropdown.refund {
	color: #d9534f;
}
.status-icon.completed,
.status-icon-dropdown.completed {
	color: #5cb85c;
}
.status-icon.partial:before,
.status-icon-dropdown.partial:before {
	background: linear-gradient(to right, #f0ad4e 50%, #d9534f 51%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.status-icon.no-hover,
.status-icon-dropdown.no-hover {
	cursor: default !important;
}

.status-icon:hover:not(.not-ready):not(.no-hover),
.status-icon-dropdown:hover:not(.not-ready):not(.no-hover) {
	opacity: 0.75;
}

.status-icon.warning,
.status-icon-dropdown.status-icon.warning {
	color: #f38a56;
}

.status-icon.overlap,
.status-icon-dropdown.status-icon.overlap {
	position: absolute;
	margin-left: -17px;
	color: #8c8c8c;
}

.authorization-time-left {
	font-size: 10px;
	position: absolute;
}

/* End table cell status icon */



/*
Start CSS PIN
https://webkul.github.io/csspin/
*/

.cp-spinner{width:48px;height:48px;display:inline-block;box-sizing:border-box;position:relative}.cp-skeleton{border-radius:50% !important;border-top:solid 6px #0072bc;border-right:solid 6px transparent;border-bottom:solid 6px transparent;border-left:solid 6px transparent;animation:cp-skeleton-animate 1s linear infinite}.cp-skeleton:before{border-radius:50%;content:" ";width:48px;height:48px;display:inline-block;box-sizing:border-box;border-top:solid 6px transparent;border-right:solid 6px transparent;border-bottom:solid 6px transparent;border-left:solid 6px #0072bc;position:absolute;top:-6px;left:-6px;transform:rotateZ(-30deg)}.cp-skeleton:after{border-radius:50%;content:" ";width:48px;height:48px;display:inline-block;box-sizing:border-box;border-top:solid 6px transparent;border-right:solid 6px #0072bc;border-bottom:solid 6px transparent;border-left:solid 6px transparent;position:absolute;top:-6px;right:-6px;transform:rotateZ(30deg)}@keyframes cp-skeleton-animate{0%{transform:rotate(0);opacity:1}50%{opacity:.7}100%{transform:rotate(360deg);opacity:1}}

/* END CSS PIN */



/* Start tabs */

.tabs-menu li {
	cursor: pointer;
	margin-right: 3px;
}
	.tabs-menu li .tab-num {
		font-size: 18px;
		margin-right: 7px;
	}
	.tabs-menu li.disabled a {
		border-color: transparent !important;
	}

.tabs-wrapper {
	border: solid 1px #e1e1e1;
	border-top: 0;
	padding: 15px;
	margin-bottom: 30px;
}
	.tab-wrapper {
		display: none;
	}
	.tab-wrapper.active {
		display: block;
	}

/* End tabs */



/* Start statistics/report */

.report-row.item th {
	vertical-align: bottom;
	border-bottom: 2px solid #ddd;
}
.report-row.item th.name {
	padding-top: 35px;
	font-size: 18px;
	cursor: pointer;
}
.report-row.item th.name:hover {
	color: #555;
}

.report-row.subitem .name {
	padding-left: 30px;
}
.report-row.subitem td {
	color: #333;
}

.report-row.subitem-currency .name {
	padding-left: 45px;
}
.report-row.subitem-currency td {
    background-color: #f7f7f7;
    color: #0072bc;
}

/* End statistics/report */



/* Start filter wrapper */

.filter-wrapper {
	border: solid 1px #337ab7;
	margin-top: -3px;
	padding: 8px 15px;
}

.filter-tags-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 -5px;
}
	.filter-tags-group {
		flex-grow: 1;
		margin: 0 5px;
	}
		.filter-tags {
			display: block;
			padding: 5px 10px;
			background-color: #ddd;
			color: #999;
			min-width: 130px;
			text-align: center;
			margin-bottom: 5px;
			cursor: pointer;
		}
		.filter-tags.active {
			color: #fff;
			background-color: #0272bc;
		}
		.filter-tags:not(.active):hover {
			color: #777;
		}

/* End filter wrapper */





/* Start choose button wrapper */

.choose-button-wrapper {
	text-align: center;
	display: inline-block;
	min-width: 225px;
	padding: 15px;
	cursor: pointer;
	margin-top: 15px;
}
.choose-button-wrapper:hover {
	background-color: #f3f3f3;
}

.choose-button-wrapper .choose-button-icon {
	font-size: 64px;
	line-height: 64px;
}

.choose-button-wrapper .choose-button-icon-overlay {
	position: absolute;
	margin-top: 10px;
	margin-left: -5px;

	font-size: 42px;
	line-height: 42px;
	color: #0072bc;
}

.choose-button-wrapper .choose-button-label {
	font-weight: bold;
}

/* End choose button wrapper */





/* Start signal bars */

.signal-bars {
	float: right;
	position: relative;
	width: 20px;
	height: 16px;
}

.signal-bars .bar {
    position: absolute;
    bottom: 0;
    width: 4px;
}
.signal-bars .bar:nth-child(1) {
    background-color: #d2d2d2;
    height: 4px;
    left: 0px;
}
.signal-bars .bar:nth-child(2) {
    background-color: #d2d2d2;
    height: 8px;
    left: 5px;
}
.signal-bars .bar:nth-child(3) {
    background-color: #d2d2d2;
    height: 12px;
    left: 10px;
}
.signal-bars .bar:nth-child(4) {
    background-color: #d2d2d2;
    height: 16px;
    left: 15px;
}
.signal-bars.black .bar {
    background-color: #000 !important;
}


.signal-bars[data-signal='1'] .bar {
    background-color: red;
}
.signal-bars[data-signal='1'] .bar:nth-child(n+2) {
    background-color: #d2d2d2;
}

.signal-bars[data-signal='2'] .bar {
    background-color: orange;
}
.signal-bars[data-signal='2'] .bar:nth-child(n+3) {
    background-color: #d2d2d2;
}

.signal-bars[data-signal='3'] .bar {
    background-color: yellowgreen;
}
.signal-bars[data-signal='3'] .bar:nth-child(n+4) {
    background-color: #d2d2d2;
}

.signal-bars[data-signal='4'] .bar {
    background-color: green;
}
.signal-bars[data-signal='4'] .bar:nth-child(n+5) {
    background-color: #d2d2d2;
}

/* End signal bars */





/* Start toastr */

.toast-top-right {
	top: 92px !important;
}

/* End toastr */





/* Start widget builder */

.developers-more-info-wrapper {
	padding: 5px 15px 0 15px;
}

.widget-example-wrapper {
	display: flex;
    border-top: solid 2px #eee;
}

.widget-menu {
    width: 350px;
    border-right: solid 2px #eee;
    padding-right: 12px;
	padding-top: 12px;
}

.widget-content {
	display: flex;
    align-items: start;
    justify-content: center;
	flex-grow: 2;
	padding: 15px;
	background-color: #fdfcf9;
}

.widget-font-sizes-wrapper {
	display: flex;
}
	.widget-font-sizes-wrapper .widget-font-size {
		width: 70px;
		text-align: center;
		font-size: 11px;
		margin-top: 3px;
		color: #999;
	}

.widget-font-size-select {
	width: 68px;
	font-weight: bold;
	height: 34px;
}

.select-widget-type {
	height: 50px;
	min-width: 150px;
}

.integrate-widget-code {
	background-color: #f5f5f5;
}

.color-wrapper {
	/*display: flex;
	align-items: center;*/
	margin-bottom: 16px;
}
.color-wrapper label {
	margin-bottom: 0 !important;
	display: block;
}

.color-input {
	width: 85px;
	text-align: center;
	margin: 0 8px;
}

input[type="color"] {
	-webkit-appearance: none;
	padding: 0;
	border: none;
	border-radius: 10px;
	width: 20px;
	height: 20px;
	vertical-align: middle;
  }
  input[type="color"]::-webkit-color-swatch {
	border: none;
	border-radius: 10px;
	padding: 0;
  }
  input[type="color"]::-webkit-color-swatch-wrapper {
	border: none;
	border-radius: 10px;
	padding: 0;
  }


  .widget-content a {
	  background-color: #337ab7;
	  color: #fff;
	  padding: 10px 20px;
	  display: inline-block;
	  text-decoration: none;
  }
  .widget-content a:hover {
	  background-color: #488bc4;
  }

/* End widget builder */