/**
 *
 * Whitelabel setting
 * Always use all set of colors - possibly add another, but it needs to be added to all of the used whitelabel sets
 * Name of whitelabel if from DB entity "WhitelabelApiConnection"
 *
 **/
:root .hores {
	--whitelabel-primary-color: #5e544a;
	--whitelabel-link-hover: #63b3e0;
	--whitelabel-menu-background: #d7e2e6;
	--whitelabel-menu-separator: #c5d5da;
	--whitelabel-menu-title: #918773;

	--whitelabel-primary-highlight-color: #ffd200;
	--whitelabel-secondary-color: #63b3e0;
	--whitelabel-table-background-hover: #eaf0f2;

	--whitelabel-badge-background: #ffffff;
	--whitelabel-badge-color: #050505;
	--whitelabel-dark-background: #7f735c;
}

.hores *, body.hores, body.hores h1, body.hores h2, body.hores h3, body.hores h4, body.hores h5, body.hores h6 {
	font-family: 'Roboto', 'Lato', 'sans-serif';
}

.hores .glyphicon {
	font-family: 'Glyphicons Halflings' !important;
}

.hores .fa {
	font-family: FontAwesome;
}

/*

* Override Pages default styles or create your own styles here

*/

@font-face {
	font-family: 'Lato';
	src: url('../fonts/Lato/subset-LatoLatin-Light.eot');
	src: url('../fonts/Lato/subset-LatoLatin-Light.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Lato/subset-LatoLatin-Light.woff2') format('woff2'),
	url('../fonts/Lato/subset-LatoLatin-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url('../fonts/Lato/subset-LatoLatin-Regular.eot');
	src: url('../fonts/Lato/subset-LatoLatin-Regular.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Lato/subset-LatoLatin-Regular.woff2') format('woff2'),
	url('../fonts/Lato/subset-LatoLatin-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url('../fonts/Lato/subset-LatoLatin-Medium.eot');
	src: url('../fonts/Lato/subset-LatoLatin-Medium.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Lato/subset-LatoLatin-Medium.woff2') format('woff2'),
	url('../fonts/Lato/subset-LatoLatin-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url('../fonts/Lato/subset-LatoLatin-Bold.eot');
	src: url('../fonts/Lato/subset-LatoLatin-Bold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Lato/subset-LatoLatin-Bold.woff2') format('woff2'),
	url('../fonts/Lato/subset-LatoLatin-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url('../fonts/Lato/subset-LatoLatin-Semibold.eot');
	src: url('../fonts/Lato/subset-LatoLatin-Semibold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Lato/subset-LatoLatin-Semibold.woff2') format('woff2'),
	url('../fonts/Lato/subset-LatoLatin-Semibold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}

*, body, h1, h2, h3, h4, h5, h6 {
	font-family: 'Lato', 'sans-serif';
}

h1 {
	margin-bottom: 30px;
}

@media (min-width: 1824px) {
	.menu-pin .container-fluid.container-fixed-lg {
		width: 100%;
		padding: 0 20px;
	}
}
.container-fluid {
	padding-left: 20px;
	padding-right: 20px;
}

.btn-primary, .btn-primary:focus {
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	border: 0 none !important;
	padding: 10px 20px;
	background-color: #4facfe;
	background-image: linear-gradient(to right, #4facfe 0%, #5acee0 100%) !important;
	-moz-transition: background-color ease-in-out .3s;
	-webkit-transition: background-color ease-in-out .3s;
	transition: background-color ease-in-out .3s;
}
.btn-primary:hover {
	background-color: #5acee0 !important;
	background-image: none !important;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
	top: 5px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected:first-of-type a span.check-mark {
	top: 15px;
}

.input-group {
	width: 100%;
}

.input-group .form-control {
	width: calc(100% - 50px);
}
.input-group .form-control[data-provide="timepicker"] {
	width: 100%;
}

.btn-translations {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-left: 20px;
	cursor: pointer;
	background-image: url('../img/translations.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: top;
}

.btn-translations:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.missing-translations {
	color: red;
	font-size: xx-large;
	display: inline-block;
	vertical-align: top;
	margin-top: -7px;
	margin-right: -20px;
}

textarea {
	resize: vertical;
}

.intl-tel-input .country-list {
	z-index: 4;
}

.color-complete-dark {
	color: #3a8fc8;
}
.color-primary-light {
	color: #8a7dbe;
}
.panel .panel-heading .panel-title {
	width: 100%;
	text-transform: none;
	font-size: 18px;
	font-weight: 400;
}
.panel-right {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 10px;
}
.panel-right-number {
  font-size: 20px;
	font-weight: 400;
	line-height: 20px;
}
.btn-panel {
    margin-bottom: 18px;
}

/*
 * Sidebar
 */
.mystay-logo-link {
	display: block;
	padding: 20px 0 0;
	text-align: center;
}
.mystay-logo {
	width: 120px;
	max-width: 100%;
}
.page-sidebar {
	background-color: #3f4a59;
}

[class*="whitelabel-"] {
	background-color: var(--whitelabel-menu-background);
}

.page-sidebar[class*="whitelabel-"] .sidebar-menu .menu-items > li > a {
	color: var(--whitelabel-primary-color);
	font-weight: 500;
}

.page-sidebar .sidebar-menu .menu-items > li > a {
	width: 100%;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	display: block;
	padding: 10px 10px 10px 30px;
}
.icon-thumbnail {
	color: #fff;
	background: transparent;
	width: auto;
	margin-right: 7px;
}
.page-sidebar .sidebar-menu .menu-items li.open > a,
.page-sidebar .sidebar-menu .menu-items li.active > a {
	color: #fff;
	background: #323b47;
}

.page-sidebar[class*="whitelabel-"] .sidebar-menu .menu-items li.open > a,
.page-sidebar[class*="whitelabel-"] .sidebar-menu .menu-items li.active > a {
	color: var(--whitelabel-link-hover);
	background: var(--whitelabel-menu-background);
}

.page-sidebar .sidebar-menu hr {
	border-width: 2px;
	border-color: #323b47;
	margin: 18px 0;
}
.page-sidebar[class*="whitelabel-"] .sidebar-menu hr {
	border-color: var(--whitelabel-menu-separator);
}

.page-sidebar[class*="whitelabel-"] .sidebar-menu .menu-separator-text {
	color: var(--whitelabel-menu-title);
}

.page-sidebar .sidebar-menu .menu-items li:hover > a {
	background: #485463;
	color: #fff !important;
}
.page-sidebar[class*="whitelabel-"] .sidebar-menu .menu-items li:hover > a {
	color: var(--whitelabel-link-hover) !important;
	background: var(--whitelabel-menu-background);
}
.page-sidebar[class*="whitelabel-"] .sidebar-menu .menu-items li.open > a,
.page-sidebar[class*="whitelabel-"] .sidebar-menu .menu-items li.active > a {
	color: var(--whitelabel-link-hover) !important;
	background: var(--whitelabel-menu-background);
}
.page-sidebar .sidebar-menu .menu-items li.open:hover > a,
.page-sidebar .sidebar-menu .menu-items li.active:hover > a {
	background: #323b47;
}
.page-sidebar[class*="whitelabel-"] .sidebar-menu .menu-items li.open:hover > a,
.page-sidebar[class*="whitelabel-"] .sidebar-menu .menu-items li.active:hover > a {
	color: var(--whitelabel-link-hover) !important;
	background: var(--whitelabel-menu-background);
}

body.mobile .page-sidebar .sidebar-menu .menu-items li:hover .icon-thumbnail {
	color: #fff;
}
.page-sidebar .sidebar-menu .menu-items li span {
  position: relative;
	z-index: 2;
}
hr {
	border-color: #566271;
}
hr.light {
	border-color: #e6e6e6;
}
.page-sidebar .sidebar-menu .menu-items > li > a > .title {
	width: calc(100% - 50px);
	width: 65%;
}
.page-sidebar .sidebar-menu {
	height: calc(100% - 90px);
}
body.menu-behind .header .brand {
	background: #3f4a59;
	padding: 0;
}
@media (max-width: 991px) {
	body.menu-behind .header .brand {
		background: #fff;
		min-width: auto !important;
	}
}
.mobile-logo {
	width: auto;
	margin-left: 20px;
	float: left !important;
	position: relative;
}
.page-sidebar .sidebar-header {
	background-color: #3f4a59;
	border-bottom: 0 none;
}
.page-sidebar[class*="whitelabel-"] .sidebar-header {
	background-color: var(--whitelabel-primary-color);
}
body.mobile .sidebar-menu {
	margin-top: 10px;
}

/*
 * Hotel selection & profile dropdown
 */
.hotel-selector > span {
	margin: 0 10px;
	/* width: 420px !important;
	max-width: 100%; */
}
.profile-gravatar {
	display: inline-flex;
  align-items: center;
}

.dropdown-menu.profile-dropdown .fa.fa-user {
	margin-top: 2px !important;
}

/*
 * Support chat
 */
.btn-float {
	display: -webkit-inline-box;
	display: inline-flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	padding: 0;
	margin: 0;
	font-size: 24px;
	border-radius: 100%;
	-webkit-box-shadow: 0 6px 10px rgba(0,0,0,0.15);
	box-shadow: 0 6px 10px rgba(0,0,0,0.15);
}
.support-chat {
	color: #fff;
	background: #9e9e9e;
	border: 0 none;
	position: fixed;
	left: auto;
	right: 15px;
	bottom: 0px;
	z-index: 3;
	width: auto;
	height: auto;
	font-size: 14px;
	line-height: 30px;
	padding: 0 10px;
	border-radius: 10px 10px 0 0;
	transition: all .5s ease-in-out;
}
.support-chat:hover {
	color: #fff;
	border: 0 none;
	background-color: #f55652;
	padding: 0 10px 5px;
}
.support-chat i {
	margin-right: 10px;
	font-size: 16px;
}

/*
 * Tables
 */
.table thead tr th {
	text-transform: none;
	font-weight: 500;
	font-size: 14px;
	color: #000;
	font-family: inherit;
}
.table tbody tr td {
	line-height: 27px !important;
	vertical-align: middle;
}
.datagrid td.col-action {
	text-align: right;
	white-space: nowrap;
}
.table tbody tr td.col-dateCreated {
	white-space: nowrap;
}
.open>.dropdown-menu {
	min-width: 150px;
}
.dropdown-menu > a {
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #fff;
	display: block;
	padding: 0 10px;
	-moz-transition: opacity ease-in-out .3s;
	-webkit-transition: opacity ease-in-out .3s;
	transition: opacity ease-in-out .3s;
}
.dropdown-menu > a:hover {
	color: #fff;
	opacity: .95;
}
.dropdown-menu > a > i {
	padding-right: 2px;
}

/* OrderStatus - PENDING */
.table tbody tr.order-status-0 > td {
		background-color: #f6feff;
}
/* OrderStatus - PARTIAL */
.table tbody tr.order-status-1 > td {
		background-color: #fffff2;
}
/* OrderStatus - COMPLETE */
.table tbody tr.order-status-2 > td {
		background-color: #dbfff7;
}
/* OrderStatus - CANCELED */
.table tbody tr.order-status-3 > td {
		background-color: #ffe6e6;
}

.table tbody tr.issue-status-open > td {
	background-color: #fff9e8;
}
.table tbody tr.issue-status-complete > td {
	background-color: #dbfff7;
}
.table tbody tr.issue-status-cancel > td {
	background-color: #ffe6e6;
}
.table tbody tr.issue-status-partialy-complete > td {
	background-color: #f3fffc;
}

@media (max-width: 767px) {
	.panel .table {
    display: block;
		overflow: scroll;
	}
}

.ui-tooltip {
	position: absolute;
	z-index: 9999;
	color: #fff;
	text-align: center;
	background-color: #2c333d;
	border-radius: .25rem;
	max-width: 200px;
	padding: .25rem .5rem;
}

.ui-tooltip:before {
	content: ' ';
	display: block;
	display: none;
	position: absolute;
	top: -5px;
	left: calc(50% - 5px);
	width: 10px;
	height: 10px;
	border-left: 10px solid #2c333d;
	border-top: 10px solid #2c333d;
	transform: rotate(45deg);
}

.multiplier_creator {
	text-align: center;
	margin: 30px auto 0;
}

body[class*="whitelabeled"] .table.table-beautiful thead tr th {
	color: var(--whitelabel-secondary-color);
}

body[class*="whitelabeled"] .table.table-hover tbody tr:hover td {
    background: var(--whitelabel-table-background-hover) !important;
}

body[class*="whitelabeled"] .panel-loading > div {
	background: var(--whitelabel-primary-highlight-color);
}

body[class*="whitelabeled"] .badge {
	background-color: var(--whitelabel-badge-background);
	color: var(--whitelabel-badge-color);
}

body[class*="whitelabeled"] .badge-complete,
body[class*="whitelabeled"] .badge-complete:focus {
	background-color: var(--whitelabel-primary-color);
}

body[class*="whitelabeled"] .badge-processed,
body[class*="whitelabeled"] .badge-processed:focus {
    background-color: var(--whitelabel-primary-highlight-color);
    border-color: var(--whitelabel-primary-highlight-color);
}

body[class*="whitelabeled"] .badge-processed-dashboard {
	color: var(--whitelabel-primary-color);
    background-color: var(--whitelabel-primary-highlight-color);
    border-color: var(--whitelabel-primary-highlight-color);
}

body[class*="whitelabeled"] .reservation-item__header {
	color: var(--whitelabel-secondary-color);
}

body[class*="whitelabeled"] .btn-primary,
body[class*="whitelabeled"] .btn-primary:focus {
	background-color: var(--whitelabel-primary-highlight-color);
    background-image: none !important;
	color: var(--whitelabel-primary-color);
}

body[class*="whitelabeled"] .btn-complete,
body[class*="whitelabeled"] .btn-complete:focus {
	background: var(--whitelabel-secondary-color);
	border-color: var(--whitelabel-secondary-color);
}

body[class*="whitelabeled"] .btn-complete:disabled,
body[class*="whitelabeled"] .btn-complete[disabled] {
	background: var(--whitelabel-secondary-color);
	border-color: var(--whitelabel-secondary-color);
	opacity: .7;
}

body[class*="whitelabeled"] .btn-primary:hover {
	background-color: var(--whitelabel-primary-highlight-color) !important;
    background-image: none !important;
}

body[class*="whitelabeled"] .btn.btn-outline:not(.btn-shadow),
body[class*="whitelabeled"] .btn-primary-lined {
	color: var(--whitelabel-secondary-color);
	border-color: var(--whitelabel-secondary-color);
}

body[class*="whitelabeled"] .btn-warning,
body[class*="whitelabeled"] .btn-warning.hover,
body[class*="whitelabeled"] .btn-warning,
body[class*="whitelabeled"] .btn-warning:hover,
body[class*="whitelabeled"] .open .dropdown-toggle.btn-warning {
	background-color: var(--whitelabel-primary-highlight-color);
    background-image: none !important;
}

body[class*="whitelabeled"] .btn-success,
body[class*="whitelabeled"] .btn-success:focus,
body[class*="whitelabeled"] .btn-success:hover {
	background-color: var(--whitelabel-primary-color) !important;
	border-color: var(--whitelabel-primary-color) !important;
}

body[class*="whitelabeled"] .dropdown.color-success .dropdown-menu {
	background-color: var(--whitelabel-primary-color) !important;
}

body[class*="whitelabeled"] .dropdown.color-warning .dropdown-menu {
	background-color: var(--whitelabel-primary-highlight-color) !important;
}

body[class*="whitelabeled"] .alert-info {
	background-color: var(--whitelabel-primary-highlight-color);
	border-color: var(--whitelabel-primary-highlight-color);
	color: var(--whitelabel-primary-color);
}

body[class*="whitelabeled"] .alert-success {
	background-color: var(--whitelabel-primary-highlight-color);
	border-color: var(--whitelabel-primary-highlight-color);
	color: var(--whitelabel-primary-color);
}

body[class*="whitelabeled"] .main-report-block {
	background: var(--whitelabel-dark-background);
}

body[class*="whitelabeled"] .report-box__header {
	background-color: var(--whitelabel-menu-background);
}

body[class*="whitelabeled"] .report-box__header__value {
	color: var(--whitelabel-primary-color);
}

body[class*="whitelabeled"] .daterangepicker.show-calendar .drp-calendar .calendar-table td.in-range {
	color: var(--whitelabel-primary-color);
	background-color: var(--whitelabel-menu-separator);
}

body[class*="whitelabeled"] .daterangepicker.show-calendar .drp-calendar .calendar-table td.active {
	background-color: var(--whitelabel-secondary-color);
	color: #fff;
}

body[class*="whitelabeled"] .daterangepicker.show-calendar .drp-buttons .applyBtn,
body[class*="whitelabeled"] .daterangepicker.show-calendar .drp-buttons .applyBtn:hover {
	background: var(--whitelabel-secondary-color) !important;
	box-shadow: none;
}

body[class*="whitelabeled"] .daterangepicker.show-calendar .ranges ul li:hover,
body[class*="whitelabeled"] .daterangepicker.show-calendar .ranges ul li.active {
	border-bottom-color: var(--whitelabel-primary-highlight-color);
}

body[class*="whitelabeled"] .breadcrumb a:not(.breadcrumb-home).active {
	color: var(--whitelabel-primary-color);
}

.whitelabeled.hores .form-group label:not(.error),
.whitelabeled.hores .breadcrumb a:not(.breadcrumb-home),
.whitelabeled.hores .snapshot-title,
.whitelabeled.hores .integration-title,
.whitelabeled.hores .signin-images-info,
.whitelabeled.hores .signin-form .form-group-default label,
.whitelabeled.hores .integration-login__form .form-group-default label,
.whitelabeled.hores .sign-with-title
 {
	font-family: Roboto;
}

body[class*="whitelabeled"] .qr-modal__block {
	background: var(--whitelabel-primary-color);
}

body[class*="whitelabeled"] .dashboard-notifications__bar {
	background: var(--whitelabel-primary-color);
}

.delete-config-btn {
	background-color: red !important;
	background-image: none !important;
}

.main-guest-button {
	margin-top: 10px;
	margin-bottom: 5px;
}

.main-guest-title {
	font-size: 11px;
	margin-left: 10px;
}