html {
	margin: 0px;
	padding: 0px;
	color: #343434;
	background-color: #fff;
	font-family: Calibri, Verdana;
	font-size: 14px;
}

body {
	margin: 0px;
	padding: 0px;
	color: #343434;
	background-color: #fff;
	font-family: Calibri, Verdana;
	font-size: 14px;
	position: relative;
	scrollbar-3dlight-color: #F0F0EE;
	scrollbar-arrow-color: #676662;
	scrollbar-base-color: #F0F0EE;
	scrollbar-darkshadow-color: #DDDDDD;
	scrollbar-face-color: #E0E0DD;
	scrollbar-highlight-color: #F0F0EE;
	scrollbar-shadow-color: #F0F0EE;
	scrollbar-track-color: #F5F5F5;
}
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 997;
	cursor: pointer;
	display: none;
}
.m0{
	margin:0px !important;
}
.mt30{
	margin-top:30px !important;
}
.mb30{
	margin-bottom: 30px !important;
}
.mb0{
	margin-bottom:0 !important;
}
.mtb15{
	margin-top: 15px;
	margin-bottom: 15px;
}
.mtb5{
	margin-top: 5px;
	margin-bottom: 5px;
}
.ml10{
	margin-left: 10px;
}

.pr0{
	padding-right: 0;
}
.pr15{
	padding-right: 15px !important;
}
.pl0{
	padding-left: 0;
}
.pr30{
	padding-right: 30px;
	text-align: right;
	font-style: italic;
}
.status_green{
	filter:invert(76%) sepia(12%) saturate(1956%) hue-rotate(56deg) brightness(80%) contrast(86%)
}
.status_red{
	filter:invert(16%) sepia(83%) saturate(7452%) hue-rotate(359deg) brightness(117%) contrast(112%)
}
.filetree{list-style-type:none;margin-left:30px;font-family:Arial;font-size:12px;}
.filetree input{margin-right:6px;}

.nav{width:100%;padding:3px;background:#F2F2F2;color:#666;
    text-align:left;font-size:12px;font-family:Arial,Verdana;}
.nav a:link,.nav a:visited,.nav a:active
{font-size:12px;color:#296CB2;font-family:Arial,Verdana;text-decoration:none;}
.nav a:hover{text-decoration:underline;}
a.basic:link, a.basic:visited, a.basic:active {
    /* font-family: Arial, Verdana; font-size: 11px;  */
	color: #3A82CC; text-decoration: none;
}
a.basic.cenceled:link, a.basic.cenceled:visited, a.basic.cenceled:active {
	color:red;
}

a:focus,a:active{
    text-decoration: none !important;
	outline: none !important;
}
span.active{
    color:#0A246A;
}
span.canceled{
    color:#8f1515;
}
a:hover,
a.basic:hover {
	text-decoration: none;
	color: #333;
}
a{
    color: #333;
    transition: 0.4s ease;
}
a.proPage:link, a.proPage:visited, a.proPage:active {
   font-family: Arial, Verdana;
   padding: 5px;
	background-color: #EBEEF1;
	font-size: 10px;
	color: #5775A6;
	font-size: 11px;
	text-decoration: none;
}
a.proPage:hover {
	text-decoration: none;
}
#circle{
	position: absolute;
	left: 15px;
	top: -10px;
	padding: 5px;
	cursor: pointer;
	transition: 0.3s ease;
	width: 28px;
	height: 28px;
}
#circle:hover{
	filter:invert(17%) sepia(96%) saturate(3217%) hue-rotate(217deg) brightness(102%) contrast(105%)
}
#user_group{
	color: rgba(0, 0, 0, 0.5);
	font-size: 14px;
	font-family: Calibri;
	font-style: italic;
}
.pageList {
	padding: 5px;
}

.sectionName {
	font-size: 14px;
	font-family: Calibri;
	font-weight: bold;
	color: #4689CF;
	padding: 15px 0;
}


.text1, .title1, .pageList {
	font-size: 14px;
	font-family: Calibri;
	color: #333;
	text-decoration: none;
}

.title1 {
	font-weight: bold;
}

.text_black {
 	font-size: 11px;
	font-family: Arial, Verdana;
	color: #000;
}

.formField1 {
	font-size: 11px;
	font-family: Verdana, Arial;
	color: #001559;
	border: 1px solid #868686;
}

.formField2 {
	font-size: 11px;
	font-family: Arial, Verdana;
	color: #727272;
	height: 17px;
	border: 1px solid #cccccc;
}

.formField3 {
	font-size: 11px;
	font-family: Arial, Verdana;
	color: #727272;
	border: 1px solid #868686;
}

.formButton1 {
	border: 1px solid #4781C0;
	color: #4781C0; height:16px;
	font-family: Arial, Verdana;
	font-size: 11px;
	background-color: #ffffff;
}

.formButton2 {
	border: 2px double #e0e0e0;
	color: #ffffff;
	font-family: Arial, Verdana;
	font-size: 14px !important;
	background-color: #FF8D39;
}
.formButton2:hover{
	color: #fff;
}

.formButton3{
	border: 1px solid #ccc;
	color: #001559; height:18px;
	font-family: Arial, Verdana;
	font-size: 11px;
	background-color: #F2F2F2;
}

.formButton4 {
	border: 1px solid #990000;
	color: #990000;
	font-family: Arial, Verdana;
	font-size: 11px;height:16px;
	background-color: #ffffff;
}

.formButton5 {
	font-family:Verdana;
	font-size:11px;
	border: 2px double #e0e0e0;
	color: #ffffff;
	background-color: #FF8D39;
	padding: 2px 5px 3px 5px;
}

.err {
	font-family: Arial, Verdana;
	font-size: 11px;
	color: #940000;
}


/*** Box Elements Styles   **************************/
.border_gray1 {border-bottom: 1px solid #E5E6EE}
.border_gray2 {border-top: 1px solid #E5E6EE}

.tdrow1{
  /*width:100%; */
  border: 1px solid #ffffff;
  background-color: #F2F2F2;
}


.tdrow2 {
	border: none;
	color: #333;
	vertical-align: middle;
	font-size: 14px;
	font-family: Calibri
}

.tdrow3 {
	position: relative;
	padding: 5px 10px;
}
.tdrow3::before{
	/* content: "";
	height: 20px;
	width: 1px;
	background: rgba(0, 0, 0, 0.5);
	display: block;
	position: absolute;
	left: 0;
	top: calc(100% - 10px) */
}
.table-table {
    width:100%;
	background: #fff;
	/* box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.3); */
	box-shadow: 2px 3px 13px -2px rgba(0, 0, 0, 0.3);
	border-radius: 5px;
}

.table-tr:hover>td{
    background-color: #E7E7E6;
}
.table-td {
    padding-left: 4px;
    padding-right: 4px;
    background-color: #F7F7F6;
    border-top:1px solid #FFFFFF;
    border-right:1px solid #D1DCEB;
    border-bottom:1px solid #D1DCEB;
    border-left:1px solid #FFFFFF;
    color: #3a82cc;
}

.table-th {
    padding-left: 4px;
    padding-right: 4px;
    background-color: #3a82cc;
    color:#FFF;
    border-right:1px solid #D1DCEB;
}
.table-td2 {
    padding-left: 4px;
    padding-right: 4px;
    height: 23px;
    background-color: #fff;
    border-top:1px solid #F3F3F3;
	border-bottom:1px solid #F3F3F3;
    border-right:1px solid #D1DCEB;
    border-left:1px solid #FFFFFF;
    /* color: #3a82cc; */
    color: #333;
	font-weight: bold;
	font-family: Calibri;
	font-size: 14px;
}
.table-td2 a{
	color: #3a82cc;
}
.table-th2 {
    padding-left: 4px;
    padding-right: 4px;
    background-color: #dbe8f5;
    height: 34px;
    font-weight: bold;
	font-family: Calibri;
	font-size: 13px;
    color:#3a82cc;
    vertical-align: middle;
    border:1px solid #FFFFFF;
}

/****************************************************/
/*** Calendar Styles   ******************************/
.CAL_header {
  background:#87B7E8; color: #4781C0;
  font-size:12px; font-weight:bold;
  border-top:1px solid #4781C0;
  border-right:1px solid #4781C0;
  border-bottom:1px solid #CBCBCB;
  border-left:1px solid #CBCBCB;}

.CAL_button,.CAL_button:visited {border:1px solid #87B7E8;}
.CAL_button:hover  { border:1px outset ButtonHighlight;}
.CAL_button:active { border:1px inset ButtonHighlight;}

.CAL_day {border-bottom:1px solid #FF6C00;}

.CAL_main,.FLOAT_main{
  border-top: 1px solid #E5E6EE;
  border-right:1px solid #CBCBCB;
  border-bottom:1px solid #CBCBCB;
  border-left:1px solid #E5E6EE;
}

.CAL_main td  {width:14%;text-align:center;background:#F5F5F5;
               font-size:11px;color:#001559;}
.CAL_main td a{font-weight:bold;text-decoration:none;}


/****************************************************/

.tab_active   {border-top:2px solid #E68B2C;
               border-left:1px solid #CBCBCB; border-right:1px solid #CBCBCB;
               white-space:nowrap; padding:0px 10px 0px 10px;}
.tab_inactive {border: 1px solid #CBCBCB; border-bottom:1px solid #E68B2C;
               white-space:nowrap; padding:0px 10px 0px 10px;}
.tab_devider {border-bottom:1px solid #E68B2C}


/****************************************************/
/*** Paginary Output   ******************************/
.pagenary td   {width:15px; color: #606060; font-size:12px; font-weight:bold;}
.pagenary td a {color: #0857A6; font-size:12px; text-decoration:none;}


/****************************************************/
/*** Warning & Error   ******************************/
.red	{color:red;}
.redB	{color:red; font-weight:bold;}



/* 13:17 17.08.2010 */
.copy {font-size:11px; color:#ffffff; padding-left:10px;}
.copy a {color:#ffffff;}

.psCMS {font-size:11px; color:#ffffff; padding-right:10px;}

/* Popup window */

.popup-overlay{
   background: #ddd;
   position: absolute;
   top:0px;
   left:0px;
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
   filter: alpha(opacity=50);
   opacity: 0.5;
}

.popup_window_header{
  background-image:URL('../images/line_grad1.gif');
  color: #4781C0;
  font-size:12px; font-weight:bold;
  border-bottom:1px solid #A3C7E2;
  cursor: move;
}

.popup_window_content{
   overflow: auto;
   background: #fff;
   margin: 0px 10px;
}

.popup_window_iframe{
   border: 0px;
   background: #fff;
   margin: 0px 10px;
}

.popup_window_body{
    background: #f3f3f3;
    border: 1px solid #ccc;
}


.popup_window_close{
   border:1px solid #87B7E8;
   width: 16px;
   height: 16px;
   background:url('../images/icos16/close.gif') no-repeat center center;
}


.popup_window_close:hover{
   border: 1px outset ButtonHighlight;
}

.popup_window_close:active{
   border: 1px inset ButtonHighlight;
}

.popup_window_resizer{
   background:url('../images/resizer.gif') no-repeat right bottom;
   float: right;
   cursor:se-resize;
   height:20px;
   width:20px;
}

.booking-plate{
    display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	margin: 0 10px 0 0;
	position: absolute;
	top: 3px;
}
#status_info .booking-plate{
	/* position: relative; */
	position: absolute;
	top: 0;
	left: 0;
}
.c-pl{
    float: left;
    height: 30px;
	padding: 8px;
	border-radius: 5px;
	box-shadow: 2px 2px 12px -4px rgba(0,0,0,0.3),-3px 0px 3px 0px rgba(245, 245, 245, 0.73);
	font-family: Calibri;
	font-size: 13px;
	font-weight: bold;
}

.left-angle{
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
}

.booking-table{
    width: auto;
}
.booking-table td{
	border: 1px solid rgba(112, 112, 112, 0.11);
	padding: 0px;
	height:55px;
	min-width: 35px;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: 0.1s ease;
	vertical-align: middle;
}
#booking_board_left td{
	/* border-right: none; */
}
#booking_board td{
	max-width: 84px !important;
}
.booking-table div{
	transition: 0.1s ease;
}
.booking_tr{
	white-space: nowrap;
}
.booking_tr_head td{
	padding: 15px 0;
	width: 84px;
	min-width: 84px;
	text-align: center;
}
.booking_tr td{
	white-space: nowrap;
	/* position: relative; */
}
.year_row td{
	padding: 20px 10px;
}
.center{
	/* width:100%; */
	height:100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.btd{
    width:100%;
    height:100%;
    cursor:pointer;
    color: #202020;
	display: flex;
	justify-content: flex-end;
	padding: 7px;
	font-family: Calibri;
	font-size: 13px;
	font-weight: bold;
}

.service_hide{
    display: none;
}
.sptda{
    width:32px;
    height:20px;
    cursor:pointer;
    text-align: center;
    background-color: #E69C4C;
	display: flex;
    justify-content: center;
    align-items: center;
}
.sptda:hover{
    width:32px;
    height:20px;
    cursor:pointer;
    text-align: center;
    background-color: #FE855F;
}

.sptdd{
    width:40px;
    height:30px;
    cursor:default;
    text-align: center;
    background-color: #FDE44E;
	display: flex;
    justify-content: center;
    align-items: center;
}
.sptda2{
    width:40px;
    height:30px;
    cursor:pointer;
    text-align: center;
    background-color: #29A4F9;
	display: flex;
    justify-content: center;
    align-items: center;
}
.sptda2:hover{
    width:40px;
    height:30px;
    cursor:pointer;
    text-align: center;
    background-color: #2182C6;
}
.sptdd2{
    width:40px;
    height:30px;
    cursor:default;
    text-align: center;
    background-color: #74C3FA;
	display: flex;
    justify-content: center;
    align-items: center;
}


.sptdtotal {
    background-color: #F9294A;
    cursor: default;
    height: 30px;
    text-align: center;
	display: flex;
    justify-content: center;
    align-items: center;
}

.week-day {
	position: relative;
	top: -8px;
	display: inline-block;
	font-size: 15px;
	color: rgba(0, 0, 0, 0.75);
}
.week_day_num{
	display: inline-block;
}
.month-day{
	position: relative;
	height: 0;
	width: 100%;
	bottom: 0;
	font-size: 13px;
}
.calendar-icon3,
.calendar-icon2,
.calendar-icon{
    background: url('../images/cms/calendar.svg');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 95% 10px;
	z-index: 999;
	cursor: pointer;
}
.calendar-icon2{
	/* background-position: 126px 10px; */
}
.calendar-icon3{
	background-position: 274px 12px;
}
#food_filter .calendar-icon2{
	background-position: 126px 10px;
}
.ui-datepicker{
	z-index: 10 !important;
}
.div-table {
	border: 1px solid #D8D8D8;
	border-radius: 5px;
}

.div-tr>div:first-child{
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.div-tr>div:last-child{
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.div-td {
    display: table-cell;

}
.board-period-selector{
    padding:11px 4px;
    color: #333;
    cursor: pointer;
	text-align: center;
	min-width: 37px;
	font-family: Calibri;
	font-size: 15px;
	font-weight: bold;
	transition: 0.4s ease;
}
.before{
    background-color: #fff;
}
.before:hover {
    background-color: #024EE2;
	color: #fff;
}
.after{
    background-color: #fff;
}
.after:hover {
    background-color: #024EE2;
	color: #fff;
}
.now{
	background-color: #FFF;
	cursor:default;
}
.active-period {
	background-color: #024EE2;
  	color: #fff;
  	cursor:default;
  	font-weight: bold;
}


.room_selector{
	cursor: pointer;
	width: 100%;
	padding: 21px 0;
	text-align: center;
}

.currency_normal {
    color:#555555;
    display:inline-block;
    font-size: 11px;
    background-color: #ffffff;
    border:solid 2px #ffffff;
    padding: 2px 6px 2px 6px;
    border-radius: 4px;
    margin: 2px 2px 2px 12px;
    cursor: pointer;
}
.currency_blinking{
    /* animation: blink_border 1s linear infinite; */
}

@keyframes blink_border {
    50% { border-color: #ff0000; }
}

#sticky {

}

#sticky.stick {
    position: fixed;
    top: 0;
	width: 100%;
    z-index: 10000;
}

.fixed-dialog{
    position: fixed;
    top:200px;
}

.action-icon{
    width:16px;
    height: 16px;
    float: left;
    margin: 0px 6px 0px 6px;
    cursor: pointer;
}

.but {
	background-image: linear-gradient(111deg,#0253F0,#013495);
    border-radius: 5px;
    border: none;
    color: #fff;
    font-size: 13px;
    font-family: Calibri;
    height: 37px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
	float: left;
	padding: 0 15px;
	margin-right: 10px;
}

.but:hover{

}

.alink{
    color: #3a82cc;
    text-decoration-line: none;
}
.alink:hover{
     color: #3667ad;
     text-decoration-line: none;
 }

.dashboard_table_header{
    background-color:transparent;
    color:#333;
    /* line-height: 40px; */
    font-size:19px;
	margin: 10px 0;
}
#curve_chart_div{
	padding: 10px 15px;
	margin-bottom: 20px;
	box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.3);
	background: #fff;
	border-radius: 5px;
}
#curve_chart svg{
	border-radius: 5px;
	overflow: visible;
}
.table_row{
}
.table_head:first-child{
	border-top-left-radius: 5px;
}
.table_head:last-child{
	border-top-right-radius: 5px;
}
.table_head:not(:first-child)::before{
	content: "";
	display: block;
	position: absolute;
	top: 12px;
	left: 0;
	z-index: 9;
	height: 24px;
	width: 1px;
	background: rgba(255,255,255,0.5);
}
.table_head a{
	color: #fff;
}
.table_head{
	position: relative;
	/* background: #013CAD; */
	background: #535C68;
	color: #fff;
	border: none;
	height: 48px;
	padding: 0 10px;
	vertical-align: middle;
}
.table_body{
	position: relative;
	border: none;
	border-top:2px solid #F3F3F3;
	border-bottom:2px solid #F3F3F3;
	height: 48px;
	padding: 0 10px;
	vertical-align: middle;
	overflow: hidden;
	line-height: 18px;
}
.table_body:not(:first-child)::before{
	content: "";
	display: block;
	position: absolute;
	/* top: 12px; */
	top: calc(50% - 12px);
	left: 0;
	z-index: 9;
	height: 24px;
	width: 1px;
	border-radius: 5px;
	background: rgba(0,0,0,0.3);
}
.last_td::before{
	display: none !important;
}
.red_b::before{
	content: "";
    position: absolute;
    left: -1px;
    top: 10px;
    width: 4px;
    height: 30px;
    background: #FF0000;
    border-radius: 5px;
	z-index: 99;
}
.green_b::before{
	content: "";
    position: absolute;
    left: -1px;
    top: 10px;
    width: 4px;
    height: 30px;
    background: #6AB04C;
    border-radius: 5px;
	z-index: 99;
}
.header-bg{
    background: url('../../images/bg.png');
}
.see_all{
	font-size: 14px;
	color: #333;
	font-family: Calibri;
	font-weight: bold;
	margin: 10px 0;
}
/* TEMO */

.delete_guests{
    /* position: absolute; */
    right: 10px;
    top: 0px;
	max-width: 100px;
    padding: 6px 10px;
    background: #e52b2b;
    color: #fff;
    cursor: pointer;
	z-index: 91;
    /* transition: 0.4s ease; */
	float: right;
	margin-top: 15px;
}
.del_checkbox{
    width: 14px;
    height: 14px;
    position: relative;
    margin: 0;
    top: 4px;
    left: 2px;
}

.room_gallery_img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
#drop_menu_opener{
    cursor: pointer;
    user-select: none;
	padding: 20px 0;
	margin-right: 17px;
}
#drop_menu{
    position: absolute;
    top: 80px;
    right: 15px;
    background: #fff;
    color: #343434;
    width: 250px;
    z-index: 998;
	border-radius: 5px;
	box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.3);
}
#drop_menu::after{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 9.5px 8px 9.5px;
	border-color: transparent transparent #ffffff transparent;
	position: absolute;
	top: -7px;
	z-index: -1;
	right: 12px;
}
#drop_notification .row{

}
#drop_notification::after{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 9.5px 8px 9.5px;
	border-color: transparent transparent #ffffff transparent;
	position: absolute;
	top: -7px;
	z-index: -1;
	right: 159px;
}
#drop_notification ul,
#drop_menu ul{
	margin: 0;
	list-style: none;
	padding: 0;
}
#drop_notification li:first-child a,
#drop_menu li:first-child a{
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
#drop_notification li:last-child a,
#drop_menu li:last-child a{
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
#drop_notification a{
	display: block;
	padding: 10px 15px;
	font-family: Calibri
}
#drop_menu a{
	padding: 13px 15px;
	display: block;
	font-family: 'bannercaps';
	font-size: 13px;
}
#download_backup a:hover,
#drop_menu a:hover{
	background: #013CAD;
	color: #fff;
}
.dropdown_menu li{
	position: relative;
}
.dropdown_menu li:not(:last-child)::after{
	content: "";
	width: calc(100% - 30px);
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 15px;
	background: rgba(112, 112, 112, 0.15);
}
#langs a:first-child{
    margin-bottom: 3px;
}
#langs a{
    display: block;
    font-family: "Calibri";
    padding: 6px 10px;
    border-radius: 3px;
    border: 1px solid #D8D8D8;
    text-transform: uppercase;
    color: #333;
}
.active_lang,
#langs a:hover{
    background: #D8D8D8;
}
#header{
    padding: 10px 15px;
}
.currency{
    font-family: "Calibri";
    border-radius: 3px;
    border: 1px solid #D8D8D8;
    padding: 1.5px 10px;
    margin: 0 12px;
}
.currency div{
    padding: 2px 0;
}
#current_date_form{
	padding: 15px 20px;
}
#current_date_form h4{
	font-size: 16px;
	margin-bottom: 10px;
}
#current_date {
	width: 100%;
}
#current_date input{
	display: block;
	width: 100%;
	border-radius: 3px;
	border: 1px solid #D8D8D8;
}
#drop_notification_opener{
	padding:15px;
	cursor: pointer;
	margin-right: 10px;
}
#drop_notification{
	position: absolute;
	right: -100px;
	top: 80px;
	z-index: 999;
	background: #fff;
	width: 336px;
	box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.3);
	border-radius: 5px;
}
#drop_notification>div{
	border: 1px solid #D8D8D8;
	border-radius: 5px;
}
#drop_notification div a{
	padding: 15px;
	display: block;
}
.input-group-addon{
	position: absolute;
    right: 15px;
	top: 3px;
    z-index: 98;
    background: transparent;
    border: none;
}
#left{
	opacity: 0;
	transition: 0.3s ease;
}
/* CENTER */

#center{
	opacity: 0;
	min-height: calc(100vh - 79px);
	padding: 30px;
	border-top-left-radius: 20px;
	-webkit-box-shadow: inset 10px 10px 20px -10px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 10px 10px 20px -10px rgba(0,0,0,0.3);
	box-shadow: inset 10px 10px 20px -10px rgba(0,0,0,0.3);
	background: #F5F5F5;
	transition: 0.3s ease;
}

/* /CENTER */

/* MENU */
.with_child{
	cursor: pointer;
}
.sub_menu{
	position: absolute;
	right:0px;
	top: 0;
	z-index: 999999;
	cursor: pointer;
	padding: 26px 18px;
	user-select: none;
	transition: 0.4s ease;
}
.sub_menu:hover{
	/* background: #d5d5d5; */
}
.sub_menu_wrap{
	background: rgba(2, 83, 240, 0.03);
	padding: 0 0 0 44px;
	list-style: none;
}
.menuMainSub {
	padding: 10px !important;
	position: relative;
}
.menuMainSub.menu_active::before{
	content: "";
	background-image: url("../images/cms/angle-right.svg");
	background-repeat: no-repeat;
	background-size: contain;
	width: 10px;
	height: 10px;
	position: absolute;
	left: -10px;
	top: 12px;
}
.menuMainSub.menu_active,
.menuMainSub:hover {
	background: transparent !important
}
.opened_sub_menu{
	transform: rotate(180deg);
}
#main_nav{
    list-style: none;
    margin: 30px 0 0;
    padding: 0;
    /* height: calc(100vh - 290px); */
    height: calc(100% - 208px);
    overflow: auto;
    overflow-y: overlay;
}
#main_nav li{
	position: relative;
}
#main_nav a{
    font-size: 14px;
    padding: 22px 20px;
    display: block;
    color: #333;
	position: relative;
}
#main_nav img{
	transition: 0.4s ease;
}
#main_nav a span{
	position: relative;
	top: 2px;
	left: 15px;
	font-family: Calibri;
}
#main_nav a:hover,
.menu_active{
	background: #F2F6FF;
	color: #0253F0 !important;
}

#main_nav>li>a::before{
	content: "";
	position: absolute;
	left: -1px;
	top: 16px;
	width: 4px;
	height: 30px;
	background: #0253F0;
	border-radius: 5px;
	opacity: 0;
	transition: 0.4s ease;
}
#main_nav a:hover::before,
.menu_active::before{
	opacity: 1 !important;
}
#main_nav a:hover img,
.menu_active img{
	filter: invert(17%) sepia(96%) saturate(3217%) hue-rotate(217deg) brightness(102%) contrast(105%);
}
#booking_board::-webkit-scrollbar,
#main_nav::-webkit-scrollbar {
  	width: 6px;
	opacity: 0;
	display: none;
	transition: 0.5s ease;
}

#e_scan_doc_visible::-webkit-scrollbar,
#scan_doc_visible::-webkit-scrollbar {
  	width: 2px;
	height: 6px;
	opacity: 0;
	display: none;
}
#booking_board::-webkit-scrollbar{
	opacity: 1;
	display: block;
}

#e_scan_doc_visible:hover::-webkit-scrollbar,
#scan_doc_visible:hover::-webkit-scrollbar,
#main_nav:hover::-webkit-scrollbar{
	opacity: 1;
	display: block;
}

#e_scan_doc_visible::-webkit-scrollbar-track,
#scan_doc_visible::-webkit-scrollbar-track,
#booking_board::-webkit-scrollbar-track,
#main_nav::-webkit-scrollbar-track {
  	background: transparent
}
#e_scan_doc_visible::-webkit-scrollbar-thumb,
#scan_doc_visible::-webkit-scrollbar-thumb,
#booking_board::-webkit-scrollbar-thumb,
#main_nav::-webkit-scrollbar-thumb {
	background: rgba(2,83,240,0.4);
    border-radius: 5px;
}
#e_scan_doc_visible::-webkit-scrollbar-thumb:hover,
#scan_doc_visible::-webkit-scrollbar-thumb:hover,
#booking_board::-webkit-scrollbar-thumb:hover,
#main_nav::-webkit-scrollbar-thumb:hover {
	background: rgba(2,83,240,0.8);
    cursor: pointer;
}
/* /MENU */

/* PLUGINS */
.sectionName,
.plugin_title{
	font-family: "bannercaps";
	font-size: 19px;
	color: #333;
	margin-bottom: 15px;
}
.big_plugin_title{
	font-family: "bannercaps";
	font-size: 28px;
	line-height: 39px;
	color: #333;
}
.white{
	background: #fff;
	box-shadow: 3px 3px 12px -2px rgba(0, 0, 0, 0.3);
	border-radius: 5px;
}
#booking_service_modal .form-group{
	margin-bottom: 30px;
}
#booking_form .form-group{
	margin-bottom: 20px;
}
.tox-tinymce{
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 0, 0, 0.2) !important;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 0, 0, 0.2) !important;
	border:1px solid #D8D8D8 !important;
	border-radius: 5px !important;

}
.form-control:focus{
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 0, 0, 0.2);
}
.select2-selection{
	padding: 5px !important;
}
.formField2,
.formField1,
.select2-selection,
.form-control{
	border:1px solid #D8D8D8 !important;
	border-radius: 5px;
	height: 37px;
	min-height: 37px;
	font-family: Calibri;
	font-size: 13px !important;
	color: #343434 !important;
}
.formField1{
	padding: 5px;
	width: 100%;
}
#booking_form textarea{
	resize: vertical;
}
.booking_head{
	margin-bottom: 12px;
}
#booking_form .white{
	padding: 25px 15px 34px;
}
#form{
	padding-top: 80px;
}
#form .white{
	padding: 25px 15px 0px;
	margin-bottom: 35px;
}
.form-label{
	position: absolute;
	top: -8px;
	left: 10px;
	background: #fff;
	color: #111;
	font-family: Calibri;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	padding: 0 2px;
	z-index: 9
}
#booking_guest_modal{
	overflow: visible !important;
}
.ui-dialog-content .form-label,
#change_checkin_checkout_modal .form-label,
#change_room_form .form-label,
#booking_service_modal .form-label{
	background: #687280;
	color: #fff;
}
.ui-dialog-content .form-control,
#change_checkin_checkout_modal .form-control,
#change_room_form .form-control,
#booking_service_modal .form-control{
	background-color: #687280;
	color: #ededed !important;
	border: 1px solid #D8D8D8 !important;
}
.ui-dialog-content .bootstrap-select > .dropdown-toggle,
#change_food_modal .bootstrap-select > .dropdown-toggle,
#booking_guest_modal .bootstrap-select > .dropdown-toggle{
	color: #ededed !important;
}

#booking_guest_modal .bootstrap-select > .dropdown-toggle,
#booking_guest_modal .form-label{
	background: #f5f5f5;
	color: #687280 !important;
}
#booking_guest_modal .form-control{
	background-color: #f5f5f5;
	color: #343434 !important;
	border: 1px solid #687280 !important;
}
#booking_guest_modal .check_title{
	color: #343434;
}
#booking_guest_modal,
#booking_guest_modal + div{
	background-color: #f5f5f5 !important
}
#booking_guest_modal + div{
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

/* #addcat_form .form-group,
#filter_form .form-group,
#booking_service_modal .form-group,
#booking_guest_modal .form-group,
#form .form-group,
#booking_form .form-group */
.form-group{
	position: relative;
}
.add_budget_trigger,
.download-excel,
.formButton2,
.booking_button,
#services_modal_trigger,
.guest_modal_trigger{
	background-image: linear-gradient(111deg,#0253F0,#013495);
	border-radius: 5px;
	border:none;
	color: #fff;
	font-size: 13px;
	font-family: Calibri;
	height: 37px;
	text-align: center;
	display: flex;
    justify-content: center;
    align-items: center;
	cursor: pointer;
	width: 100%;
}
.formButton2{
	box-shadow: 2px 2px 9px -2px rgba(0, 0, 0, 0.5);
}

.orage_btn{
	background-image: linear-gradient(111deg,#FFAA00,#ED4E00);
}
.green_btn{
	background-image: linear-gradient(111deg,#6AB04C,#347A15);
}
.yellow_btn{
	background-image: linear-gradient(111deg,#FBC101,#F9AB23);
	color: #FFF !important;
}
.red_btn{
	background-image: linear-gradient(111deg,#EB4C4B,#D14747);
	color: #FFF !important;
}
.black_btn{
	background-image: linear-gradient(111deg,#2A2E34,#525B67);
}

.booking_div{
	position: absolute;
	right: 0;
	bottom: -12px;
	width: 100%;
	/* max-width: 550px; */
}
.bootstrap-select > .dropdown-toggle{
	border: none !important;
	background-color: transparent !important;
	color: #343434 !important
}
.bootstrap-select .dropdown-toggle .filter-option{
	top: 2px !important;
}
.bootstrap-select > .dropdown-toggle:active,
.bootstrap-select > .dropdown-toggle:focus,
.bootstrap-select > .dropdown-toggle:active{
	outline: none !important;
	box-shadow: none !important;
	border:none !important;
	background-color: transparent !important
}
.middle_div::before,
.middle_div::after{
	content: "";
	position: absolute;
	left: -0.5px;
	top: 30px;
	height: 150px;
	width: 1px;
	background: #D8D8D8;
}
.middle_div::after{
	right: -0.5px;
	left: inherit;
}
#discount_display{
	margin: 10px 15px;
	float: left;
	display: none;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.plus_minus{
	position: absolute;
	right: 8px;
	top: 0px;
	font-family: Calibri;
	font-size: 15px;
	font-style: italic;
}
.plus_minus span:hover:not(.dash){
	text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
}
.plus_minus span:not(.dash){
	cursor: pointer;
}
.plus_minus span{
	padding: 10.5px 5px;
	display: inline-block;
	user-select: none;
	transition: 0.4s ease;
}
.dash{
	color: rgba(0, 0, 0, 0.23);
	padding: 10.5px 0px !important;
}
.slash::after{
	content: "/";
	position: absolute;
	right: -2px;
	top: 0;
	display: flex;
	height: 100%;
	align-items: center;
	color: rgba(0, 0, 0, 0.23);
	font-family: Calibri;
	font-size: 15px;
	font-style: italic;
}
#change_checkin_checkout_modal .slash::after{
	top: -7px;
	color: #D8D8D8

}
.shadow{
	box-shadow: 2px 2px 8px -1px rgba(0, 0, 0, 0.5);
}
.dropdown-menu>li>a:focus .check-mark,
.dropdown-menu>li>a:hover .check-mark{
	background: linear-gradient(111deg,#ffffff,#ffffff) !important;
	-webkit-background-clip: text !important;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover,
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{
	background: transparent;
	background-image: linear-gradient(111deg,#0253F0,#013495);
	color: #fff;
}
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{
	background: linear-gradient(111deg,#0253F0,#013495);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
#booking_board_cont{
	border: 1px solid #707070;
	border-radius: 5px;
	box-shadow: 2px 2px 12px -4px rgba(0, 0, 0, 0.5);
	position: relative;
}
#booking_beard_head{
	background: #fff;
	padding: 15px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom: 1px solid #707070
}
.booking_tr_head{
	font-family: Calibri;
	font-size: 23px;
	font-weight: bold;
}
#status_info{
	padding: 10px 5px 10px 20px;
	/* background: #EBEBEB; */
}
.status_title:hover{
	color: #024EE2;
	cursor: pointer;
	user-select: none;
}
.status_title{
	font-size: 16px;
	font-family: "bannercaps";
	text-transform: uppercase;
	margin-bottom: 12px;
	transition: 0.3s ease;
}
#status_info ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#status_info ul li{
	font-family: Calibri;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 12px;
	position: relative;
	padding-left: 25px;
}
.tooltip_info{
	background-color: #f5f5f5;
	border-radius: 7px;
	box-shadow: 2px 2px 10px -2px rgba(0, 0, 0, 0.5);
	border: 1px solid #535c68;
}
.tooltip_info_title>div,
.tooltip_info_value>div{
	font-family: Calibri;
	font-size: 13px;
	font-weight: bold;
	color: #343434;
	padding: 6px 5px;
	border-bottom: 1px solid #737D8B;
	height: 26px;
}
.tooltip_info_value>div{
	font-style: italic;
	font-weight: lighter;
}
.tooltip_info_title>div:last-child, .tooltip_info_value>div:last-child{
	border-bottom: 0
}
.tooltip_head{
	padding: 7px 0;
	background: #535C68;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
#tt_guest_h{
	font-family: Calibri;
	font-size: 19px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 5px;
}
.tooltip_small{
	/* color:#AAAAAA; */
	color:#f5f5f5;
	font-size: 13px;
	font-family: Calibri;
	font-style: italic;
}
#tt_checkin_checkout,
.checkin_checkout{
	color:#fff;
	font-size: 13px;
	font-family: Calibri;
	font-style: italic;
	font-weight: bold;
	line-height: 20px;
	padding: 2px 0;
}
#tt_checkin_checkout{
	color: #f5f5f5;
}
.notifyjs-arrow{
    border-right: 5px solid #535C68 !important;
}
.notifyjs-metro-base{
	width: 240px;
	border: none !important;
	border-radius: 5px;
	font-family: Calibri;
	font-size: 13px;
	line-height: 20px;
	box-shadow: 2px 2px 10px -2px rgba(0, 0, 0, 0.5);
}
#booking_board_left .notifyjs-metro-base{
	background-color: #535C68 !important;
}
.ui-draggable.ui-widget-content{
	border-radius: 5px !important;
	border:none !important;
	background: #687280 !important;
	padding: 0 !important;
	white-space: normal !important;
	box-shadow: 2px 2px 10px -2px rgba(0, 0, 0, 0.5);
	width: 100% !important;
	max-width: 646px !important;
	overflow: visible;
}
.ui-widget-header{
	background: #535C68 !important;
	border: none !important;
	padding: 10px 14px !important;
}
.ui-draggable .ui-dialog-titlebar{
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.ui-dialog .ui-dialog-titlebar-close::before{
	content: "";
	background-image: url("../images/cms/times.svg");
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
    height: 100%;
    width: 100%;
}
.ui-dialog .ui-dialog-titlebar-close{
	background-color: #535C68 !important;
	color: #fff !important;
	border: none !important;
	right: 14px !important;
	padding: 0 !important;
}
.ui-dialog-title{
	font-family: "bannercaps";
	font-size: 19px;
	margin: 5px 0 0 !important;
}
.ui-dialog .ui-dialog-content{
	padding: 25px 15px 0 !important;
	line-height: 18px;
	color: #fff;
	overflow: visible !important;
}
/* .ui-widget-content{ */
.ui-dialog-buttonpane {
	background-color: transparent !important;
	border: none !important;
	margin-top: 0 !important;
	padding-top: 0 !important;
}
#guest_search_field{
	width: 100%;
	max-width: 304px;
}

button:focus,
.booking_button:focus,
.ui-dialog-buttonset button:focus{
	outline: none !important;
}
#day_tooltip_content{
	position:absolute;
	margin-left: auto;
	bottom: 0px;
	padding:4px;
	background-color: #FFFFFF;
	border-radius: 5px;
	border: 2px solid #535C68;
	box-shadow: 2px 2px 8px -1px rgba(0, 0, 0, 0.5);
}
#booking_resize_modal{
	color: #fff !important
}
#booking_year{
	font-family: "bannercaps";
	font-size: 28px;
	color: #333;
	margin: 9px 15px 0;
}
.check_title{
	color: #fff;
	font-family: "bannercaps";
	font-size: 14px;
}
.radio_label{
	color: #AAAAAA;
	font-size: 13px;
	font-family: Calibri
}
#booking_guest_modal ::-webkit-input-placeholder { /* Edge */
	color: #AAAAAA;
	font-family: Calibri;
	font-size: 13px;
}
#booking_guest_modal :-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #AAAAAA;
	font-family: Calibri;
	font-size: 13px;
}
#booking_guest_modal ::placeholder {
	color: #AAAAAA;
	font-family: Calibri;
	font-size: 13px;
}
#ui-datepicker-div{
	z-index: 998 !important;
	background-color: #b1b5ba !important
}
#scan_doc{
	display: none;
}
#id_e_scan_link,
#id_scan_link{
	width: 100%;
	left:0;
}
#e_scan_doc_visible,
#scan_doc_visible{
	padding:8px 12px;
	overflow: auto;
	overflow-y: hidden;
	white-space: nowrap;
}
#guest_modal_form .dropdown-menu.open{
	min-width: 310px !important;
}
#guest_modal_form .dropdown-menu>li>a{
	white-space: normal !important
}
.ui-dialog-content .dropdown-menu>.active>a,
#booking_service_modal .dropdown-menu>.active>a,
#guest_modal_form .dropdown-menu>.active>a{
    background-image: linear-gradient(111deg,#687280,#535c68) !important;
}
#edit_form .form-group,
#add_edit_form .form-group,
#booking_edit .form-group,
#addcat_form .form-group,
#filter_form .form-group,
#guest_modal_form .form-group{
	margin-bottom: 22px !important;
}
#comment{
	resize: vertical;
}
#birth_day{
	background-image: url(../images/cms/calendar.svg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    /* background-position: 164px 10px; */
    background-position: 95% 10px;
    z-index: 999;
    cursor: pointer;
}
.ui-dialog-buttonset button{
	background-image: linear-gradient(111deg,#FFAA00,#ED4E00);
	border-radius: 5px;
    border: none;
    color: #fff;
    font-size: 14px;
    font-family: Calibri;
	font-weight: bold;
    height: 37px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
	float: left;
	margin: 0 0 15px 12px !important;
	padding: 5px 15px;
	box-shadow: 2px 2px 12px -3px rgba(0, 0, 0, 0.5);
}
.ui-dialog-buttonset button:last-child{
	background-image: linear-gradient(111deg,#6B717A,#2E333B);
}
.board_floor,
.board_title{
	font-family: Calibri;
	font-size: 23px;
	font-weight: bold;
	text-align: center;
	position: relative;
}
.board_title .inside{
	position: relative;
}
.board_title .inside::after{
	content: "";
	background-image: url("../images/cms/info.svg");
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 0px;
	right: -8px;
	width: 5px;
	height: 10px;
	cursor: pointer;
}
.board_title_info{
	position: absolute;
}
.board_title:last-child {
	width: 84px
}
.board_floor{
	font-size: 31px;
}
.ui-autocomplete{
	border: none !important;
}
.ui-menu-item{
	font-size: 14px;
	font-family: Calibri;
	padding: 6px 12px !important;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid transparent !important;
    background-image: linear-gradient(111deg,#687280,#535c68) !important;
	font-weight: normal;
	color: #ffffff;
}
#booking_service_modal{
	overflow: visible;
}
#services_table input{
	border: none !important;
}
#service_div{
	position: relative;
	font-size: 13px;
	font-family: Calibri;
	padding-right: 15px;
}
.service_lari{
	position: absolute;
	top: 0;
	right: 15px;
}
.service_remove_button{
	position: absolute;
    top: 2px;
    right: 0;
	cursor: pointer;
	filter: brightness(0.12);
}
.service_price{
	width: 48px;
    float: right;
    text-align: right;
    padding-right: 17px;
}
#booking_resize_modal,
#booking_drag_modal{
	min-height: 60px !important;
}
#filter_form{
	padding: 25px 15px 0;
	background: #fff;
	margin-bottom: 15px;
}
#food_filter{
	padding-bottom: 10px !important;
}
#addcat_form{
	padding: 25px 0 0px;
	overflow: auto;
}
.booking_in_info,
.booking_in_title{
	font-size: 14px;
	font-family: Calibri;
	font-style: italic;
	font-weight: bold;
	display: inline-block;
	color: #111;
}
.booking_in_info .guest_modal_trigger{
	padding: 0;
	background: transparent;
	color: rgba(17, 17, 17, 0.45);
	height: auto;
	transition: 0.3s ease;
}
.booking_in_info .guest_modal_trigger:hover{
	color: #014DE0;
}
.booking_in_info{
	display: inline-block;
	color: rgba(17, 17, 17, 0.45);
	margin-left: 10px;
}
.middle_booking_div{
	position: relative;
	margin-bottom: 15px;
}
.middle_booking_div2{
	position: relative;
}
.middle_booking_div2::before,
.middle_booking_div2::after,
.middle_booking_div::before,
.middle_booking_div::after{
	content: "";
	position: absolute;
	top: 0;
	left: -40px;
	height: 17px;
	width: 1px;
	background: #014DE0;
	transform: rotate(15deg);
}
.middle_booking_div2::before{
	left: 0;
	top: 10px;
}
.middle_booking_div2::after{
	left: inherit;
	right: 0px;
	top: 10px;
}
.middle_booking_div::after{
	left: inherit;
	right: 40px;
}
#booking_edit{
	margin-bottom: 25px;
}
.booking_in_head{
	word-break: break-word;
	padding: 9px 0;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	font-family: Calibri;
	color: #111;
}
.booking_in_body{
	padding: 9px 0;
	font-size: 13px;
	font-weight: bold;
	font-family: Calibri;
	color: #575757
}
.middle_booking_div3{
	position: relative;
}
.middle_booking_div3::before,
.middle_booking_div3::after{
	content: "";
	position: absolute;
	left: -2px;
	top: 8px;
	width: 1px;
	height: 15px;
    border-radius: 5px;
    background: rgba(0,0,0,0.3);
}
.middle_booking_div3::after{
	left: inherit;
	right: 2px;
}
.add_service{
	float: right;
	font-size: 18px;
	font-family: Calibri;
	font-weight: bold;
	line-height: 0;
	padding: 15px 10px;
    position: absolute;
    right: 0;
    top: 0;
	cursor: pointer;
	transition: 0.3s ease;
}
.add_service:hover{
	color: #014DE0
}
#price_editor{
	position: absolute;
	left: 0;
	width: 90%;
	background: #fff;
	top: 0;
}
#price_editor .formButton2{
	height: 24px;
	margin: 5px 0;
	font-style: normal;
}
#price_editor input{
	height: 24px;
	min-height: 24px;
	margin-top: 5px;
	font-style: normal;
}
.border_bottom{
	border-bottom: 1px solid #C6C6C6
}
#status_form .form-label,
#status_form .form-control{
	background-color: #f5f5f5 !important
}
#delete_booking_modal_trigger{
	width: 160px;
	float: right;
}
#cancel_booking_modal_trigger{
	width: 160px;
	float: right;
	margin-left: 14px;
}
#add_new_task_modal_trigger{
	color: #0244C3;
	font-family: 'bannercaps';
	font-size: 14px;
	cursor: pointer;
	padding: 2px;
}
.action_btn{
	float: left;
	margin-left:3px;
	padding: 5px;
	cursor: pointer;
	transition: 0.3s ease;
}
.action_btn:first-child:hover img{
	filter: invert(76%) sepia(12%) saturate(1956%) hue-rotate(56deg) brightness(80%) contrast(86%);
}
.action_btn:nth-child(2):hover img{
	filter: invert(16%) sepia(83%) saturate(7452%) hue-rotate(359deg) brightness(117%) contrast(112%);
}
.action_btn:last-child:hover img{
	filter: invert(15%) sepia(89%) saturate(3229%) hue-rotate(217deg) brightness(87%) contrast(103%);
}
.defaultSkin table.mceLayout{
	border: 1px solid #D8D8D8 !important;
	border-radius: 5px !important;
}
.defaultSkin table.mceLayout tr.mceFirst td{
	border: none !important;
}
#image_label{
	background: #EFEFEF;
	border: 1px solid #D8D8D8;
	width: 70px;
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
}
#image_label img{
	filter: invert(70%) sepia(86%) saturate(3097%) hue-rotate(216deg) brightness(95%) contrast(105%);
	transform: rotate(180deg);
}
.add_edit_modal_trigger{
	margin-bottom: 15px;
	margin-top: -10px;
}
.price_currency{
	height: 37px;
	font-size: 14px;
	font-family: Calibri;
	padding: 0 5px;
	display: flex;
	align-items: center;
	position: absolute;
	right: 50px;
	color: rgba(17,17,17,0.71);
}
#strangest{
	border-top: 40px solid #535C68;
	position: relative;
}
.close-but{
	margin: 0 0 10px;
}
#responsive_guest_selector{
	color: #fff !important
}
#chart_div{
	border: 1px solid #D8D8D8;
	padding: 10px 25px;
	background-color: #fff;
	border-radius:5px;
	margin-bottom:30px;
	overflow: hidden;
}
.house_status {
	border-radius: 5px;
	border: none;
	padding: 8px 15px;
	box-shadow: 2px 2px 9px -2px rgba(0, 0, 0, 0.5);
}
.add_item{
	margin: 15px 0;
	float: right;
}
.strange td{
	position: relative;
	padding-bottom: 10px;
}
.strange tr:first-child td{
	padding: 15px;
	font-size: 17px;
	font-family: Calibri;
	font-style: italic;
	font-weight: bold;
}
.strange tr:first-child td::after{
	content: "";
	width: 1px;
	height: 108px;
	display: block;
	position: absolute;
	right: 15px;
	top: 0;
	background: rgba(112,112,112,0.12);
	z-index: 99;
}
.strange tr:first-child td:last-child::after{
	display: none;
}
.strange tr:last-child td{
	border-top: 1px solid rgba(112,112,112,0.12);
	padding-top: 10px;
}
.strange .form-control{
	color: #111111b5 !important;
	padding-right: 40px;
}
.price_currency:not(:first-child)::after{
	content: "";
	width: 1px;
	height: 18px;
	position: absolute;
	left: 0px;
	top: 10px;
	display: block;
	background: #D8D8D8;
}

.prices-container::-webkit-scrollbar{
	height: 12px;
}
.prices-container:hover::-webkit-scrollbar{
	opacity: 1;
	display: block;
}
.prices-container::-webkit-scrollbar-track {
  	background: transparent
}
.prices-container::-webkit-scrollbar-thumb {
	background: #6B737D;
    border-radius: 5px;
}
.prices-container::-webkit-scrollbar-thumb:hover{
	background: #535C68;
}
.italic{
	font-size: 10px;
	color: #A7A7A7;
	font-family: Calibri;
	font-style: italic;
	margin: 5px 0;
}
.channel_item{
	font-size: 13px;
	margin: 5px 0;
	color: #111
}
.notif_text{
	font-size: 13px;
	color: #111;
	line-height: 17px;
}
.title{
	color: #0045C9;
	font-size: 12px;
	font-weight:bold;
}
.notif{
	overflow: hidden;
	position: relative;
}
.notif::before{
	content: "";
    position: absolute;
    left: -2px;
    top: 15%;
    width: 4px;
    height: 70%;
    background: #0045C9;
    border-radius: 5px;
    z-index: 99;
	opacity: 0;
	transition: 0.4s ease;
}
.notif:hover::before{
	opacity: 1;
}
#send-multiple-invoices{
	overflow: auto;
	overflow-x: scroll;
}
.text-wrapper .title{
		color: #fff !important;
}
#guest_modal_message{
		position: relative;
		top: -15px;
}
#delete_booking_modal{
	margin-bottom: 30px;
	min-height: 120px !important;
}
.green_svg{
	filter: invert(76%) sepia(12%) saturate(1956%) hue-rotate(56deg) brightness(80%) contrast(86%);
}
#div_menuopt input,
#gal_div_menuopt input{
	border-radius: 5px;
	border:1px solid #D8D8D8 !important;
	background: #fff !important;
}
.calendar{
	z-index: 9999;
}
/* /PLUGINS */

/* CHECKBOX */
.checkbox-custom {
	display: none;
}
.checkbox-custom-label {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	margin: 9px 2px;
	cursor: pointer;
}
.checkbox-custom + .checkbox-custom-label:before {
	content: '';
	background: #687280;
	border-radius: 3px;
	border: 1px solid #D8D8D8;
	display: inline-block;
	vertical-align: middle;
	width: 16px; height: 16px;
	margin-right: 5px;
}
.checkbox-custom:checked + .checkbox-custom-label:after {
	content: "";
    padding: 2px;
    position: absolute;
    width: 8px;
    height: 16px;
    border: solid #D8D8D8;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg);
    top: -4px;
    left: 7px;
	box-shadow: 2px 0px #687280, inset -2px 0px #687280
}
.white_check .checkbox-custom + .checkbox-custom-label:before {
	border: 1px solid rgba(0,0,0,0.3);
	background: #F7F7F6;
}
.white_check .checkbox-custom:checked + .checkbox-custom-label:after {
	box-shadow: 2px 0px #F7F7F6, inset -2px 0px #F7F7F6;
	border-color: #343434;
}
.blue_check .checkbox-custom + .checkbox-custom-label:before {
	border: 1px solid rgba(255,255,255,0.8);
	background: #013cad;
}
.blue_check .checkbox-custom:checked + .checkbox-custom-label:after {
	box-shadow: 2px 0px #013cad, inset -2px 0px #013cad;
	border-color:rgba(255,255,255,0.8);
}
#guest_modal{
	overflow: visible !important;
}
.star{
	color: red;
	position: absolute;
	top: 20px;
	right: 3px;
	display: none;
}
#st_btn{
	max-width: 140px;
	position: absolute;
	bottom: 0;
	right: 0;
}
.gray{
	padding: 15px;
	background: #535C68;
	color: #fff;
	font-family: "bannercaps";
	font-size: 17px;
}
.prices_month{
	font-size: 14px;
	font-family: "bannercaps";
	height: 36px;
	vertical-align: middle;
	border-right: 1px solid #E7E7E7;
	border-bottom: 1px solid #E7E7E7;
	padding: 0 5px;
}
.prices_title{
	font-size: 14px;
	font-family: Calibri;
	height: 36px;
	background: #6B737D;
	color: #C4C7CB;
	vertical-align: middle;
	padding-left: 15px;
	border-bottom: 1px solid #535C68;
}

.prices_day,
.prices_td{
	width: 38px !important;
	height: 36px;
	text-align: center;
	vertical-align: middle;
	border: none;
	border-bottom:1px solid #E7E7E7;
	border-right:1px solid #E7E7E7;
	font-family: Calibri;
	font-style: italic;
	font-size: 14px;
}
.prices_day{
	font-weight: bold;
}
/* /CHECKBOX */


/* MEDIA */
@media (min-width: 768px) {
	#left{
		width: 15%;
	}
	#center{
		width: 85%;
	}
	.p0{
		padding: 0;
	}
}
@media (min-width:1200px) AND (max-width: 1300px) {
		#main_nav a{
			padding: 22px 10px !important;
		}
}
@media (min-width:1200px) {
	#top_row .col-sm-2,
	.col-lg-6.col-md-12,
	.col-lg-2.col-md-4{
		padding: 0 7px;
	}
	#top_row{
		margin-left:-7px;margin-right:-7px;
	}
}
@media (max-width:1440px) {
	.sub_menu_wrap{
		padding: 0 0 0 15px;
	}
}
@media (max-width:1368px) {
	.sub_menu{
		padding: 26px 10px;
	}
	.download-excel,
	.formButton2,
	.booking_button,
	#services_modal_trigger,
	.guest_modal_trigger{
		font-size: 12px !important;
	}
}
@media (min-width:1025px) AND (max-width:1199px) {
	.sub_menu_wrap{
		padding: 0;
	}
	#main_nav a{
		font-size: 12px;
		padding: 21px 5px;
	}
	.sub_menu{
		padding: 26px 7px;
	}
}
/* /MEDIA */

.ui-widget-content .bootstrap-datetimepicker-widget table td span{
	background: #ccc;
}
.ui-widget-content .bootstrap-datetimepicker-widget table th,
.ui-widget-content .bootstrap-datetimepicker-widget table td.day{
    color:#343434
}
.ui-widget-content .bootstrap-datetimepicker-widget table td.disabled{
    color:#ddd
}
.ui-widget-content .bootstrap-datetimepicker-widget table td.active{
    color: #fff
}

/* MOBILE */
@media (max-width:1024px) {
		#menu_opener{
				/* position: absolute; */
				/* right: 0; */
				/* top: -20px; */
				border: 1px solid #0253F0;
				margin-top: 0;
		}
		#menu_opener span{
				background: #0253F0;
		}
		#main .visible-xs{
				overflow: auto;
		}
		#main{
				position: relative;
		}
		#main_nav {
				margin-top: 0 !important;
				height: auto !important;
		}
		#main_nav img{
			left: 0 !important;
		}
		#header .col-md-3{
				display: none;
		}
		#drop_menu_opener{
				margin-right: 0 !important;
		}
		#circle{
				display: none !important;
		}
		/* .main_page_divs table,
		.main_page_divs tbody,
		.main_page_divs tr, */
		#center>table{
				max-width: calc(100% ) !important;
		}
		.main_page_divs div:not(.dashboard_table_header),
		.main_page_divs{
				width: 100% !important;
				display: block;
				float: left;
		}
		.main_page_divs:last-child{
				margin-top: 20px !important;
		}
		.table_body{
				font-size: 12px !important;
		}
		.dashboard_table_header{
				font-size: 17px !important;
		}
		#left{
				max-width: 100% !important;
				width: 100% !important;
				padding: 0 10px !important;
				/* height: auto; */
				height: 1px;
		}
		#left.in{
				height: calc(100% - 220px);
		}
		#chart_p{
			max-width: 100% !important;
			width: 100% !important;
			display: block;
			padding: 0 !important;
		}
		#center{
				max-width: 100% !important;
				width: 100% !important;
				display: block;
				padding: 0 10px !important;
				padding: 1px 10px !important;
		}
		.preview-menu{
				position: relative !important;
				right: inherit !important;
				top: 0 !important;
				margin-top: 30px;
		}

		.sectionName, .plugin_title{
				width: 100%;
				display: block;
		}

		.booking_div{
				position: relative;
				bottom: 0 !important;
		}
		.booking_div>.col-sm-3{
				margin-bottom: 20px;
		}
		.booking_div>.col-sm-3,
		.middle_div .row>.col-sm-6{
			padding:0 15px !important;
		}
		#booking_form .white{
			padding-bottom: 0px !important;
		}
		#center>.col-lg-6.p0{
			padding: 0 !important
		}
		#center .container-fluid .row>.col-md-6:not(#booking_edit + div){
			padding: 0 15px !important
		}

		.ui-draggable.ui-widget-content{
			position: absolute !important;
			top: 0px !important
		}
		.booking_button{
			margin-bottom: 15px;
		}
		#filter_form .slash::after,
		#food_filter .slash::after,
		.middle_div .slash::after,
		.filter.rooms .col-md-3.slash::after{
			display: none !important;
		}
		.filter.rooms .row>.booking_button{
			position: relative !important;
			bottom: 0 !important;
			right: inherit !important;
			max-width: calc(100% - 30px) !important;
			left: 15px;
		}
		.filter.rooms .col-md-3{
			margin-bottom: 20px;
		}
		#form {
			padding-top: 20px !important
		}
		#form .white{
			padding-bottom: 0 !important
		}
		#booking_beard_head{
			padding: 5px !important;
		}
		.board-period-selector{
			min-width: 30px !important;
		}
		.filter.building .white .row>div{
			padding: 0 15px !important;
		}
		#center .table-table{
			/* display: block; */
			overflow: scroll;
		}

		#main_nav img{
			position: relative;
			left: 10px;
		}
		#food_filter .col-sm-4{
			margin-bottom: 20px;
		}
		.langs, #cssmenu ul{
			margin-bottom: 0 !important;
		}
		.container-fluid.p0>.plugin_title{
			margin-top: 15px;
		}
		#center>.col-md-4.white{
			margin-top: 15px;
		}
		#plate_tooltip{
			left: 15px !important;
			width: calc(100% - 30px) !important;

		}
		#plate_tooltip>div,
		#plate_tooltip>div>div{
			width: 100% !important;
		}
		#add_service_modal_trigger{
			margin-top: 15px !important
		}
		.menuMainSub{
			padding: 15px 10px !important;
		}

		#add_service_modal_trigger{
			width: 180px;
			/* margin-left: -108px; */
		}
		#add_edit_service_modal + .row{
			margin: 0 !important;
		}
		#add_edit_service_modal + .row>div{
			padding: 0 !important
		}
		#add_edit_service_modal + .row .col-xs-9{
			width: 100% !important;
			margin: 10px 0;
		}
		.discounts_div{
			overflow: scroll;
		}
		.sectionName, .plugin_title{
			font-size: 15px !important;
			margin: 5px 0 20px !important
		}
}
@media (max-width: 767px) {
	.col-sm-6.slash{
			margin-bottom: 20px;
	}
	#cssmenu ul{
			width: 100%;
	}
	#cssmenu>ul>li:first-child>a{
			border-top-right-radius: 5px;
			border-bottom-left-radius: 0px !important
	}
	#cssmenu>ul>li:last-child>a{
			border-top-right-radius: 0px !important;
			border-bottom-left-radius: 5px !important
	}
	#cssmenu li{
			display: block !important;
			width: 100%;
	}
	#cssmenu li a{
			font-size: 12px !important;
			padding: 10px !important;
	}
	#cssmenu .has-sub ul{
			display: block !important;
			position: relative !important;
			box-shadow: 0px 5px 6px -4px rgba(0, 0, 0, 0.3) !important;
			margin-bottom: 0 !important;
	}
	#cssmenu .has-sub ul a{
			text-align: center;
	}
	.langs li:not(:last-child)::after, #cssmenu > ul > li:not(:last-child)::after{
			display: none !important;
	}
	.strange_div{
		overflow: scroll;
		margin-bottom: -25px;
	}
	.strange{
		display: block;
		min-width: 700px !important;
		padding-bottom: 20px;
		overflow: auto;
	}
	.strange .form-control{
		padding: 0 5px !important
	}
	.strange .form-control{
		width: calc(100% - 30px) !important
	}
	.strange .form-control+.price_currency{
		display: none !important;
	}
	#strangest .strange_div{
		margin-bottom: 10px;
	}
	.main_page{
		margin-left: -10px;
		margin-right: -10px;
	}
	.main_page_divs:nth-child(2) {
		margin-bottom: 20px;
	}
	#conference_hall_list{
		margin-top: 15px;
	}
	#conference_hall_list .formButton2{
		margin-top: 20px;
	}
	.ch_list_table{
		width: 100%;
		overflow-x: scroll;
	}
	#conference_hall_prices .plugin_title{
		margin-top: 10px;
	}
	#conference_hall_prices #form{
		padding-top: 0px !important;
	}
	#conference_hall_prices .col-xs-12.white{
		padding: 15px 5px !important;
	}
	#conference_hall_prices .col-xs-12.white table input{
		max-width: calc(100% - 5px) !important;
		padding: 0 !important;
		text-align: center;
	}
	#guests_table_div{
		width: 100%;
		overflow-x: scroll;
	}
	.table-td2.table_body.text-center>*{
		display: inline-block !important;
		width: 20px
	}
	#addcat_form{
		overflow: inherit !important;
		margin-bottom: 30px;
	}
	#addcat_form>table{
		width: 100% !important;
		margin: 0 !important;
	}
	#addcat_form>table>tbody>tr{
		position: relative;
	}
	#addcat_form>table>tbody>tr>td:last-child{
		padding-top: 20px;
	}
	#addcat_form>table>tbody>tr>td:first-child{
		position: absolute;
		margin-top: -2px;
		left: 15px;
	}
	#div_menuopt input,
	#gal_div_menuopt input{
		font-size: 15px !important;
		width: 30px !important;
		height: 30px !important;
	}
	#div_menuopt span,
	#gal_div_menuopt span{
		font-size: 15px !important;
		margin-top: 10px;
		display: block;
	}
	#div_menuopt td:last-child,
	#gal_div_menuopt td:last-child{
		padding: 0 0 0 5px !important
	}
	#cssmenu li ul li:not(:last-child) a{
		border: none !important
	}
}
@media (min-width:992px) AND (max-width: 1025px) {
	.form-label{
		font-size: 12px !important;
		top: -6px !important;
	}
	.bootstrap-select > .dropdown-toggle,
	.form-control{
		font-size: 12px !important;
	}
}
@media (min-width:768px) AND (max-width: 1024px) {
	#cssmenu li a{
		font-size: 12px !important;
		padding: 16px 10px !important
	}
}
@media (max-width: 475px) {

	#center .main_page_divs .table-th2.table_head,
	#center .main_page_divs .table-td2.table_body{
		padding: 0 3px !important;
		text-align: center;
	}
	#main{
		overflow: auto;
	}
}
@media (max-width: 360px) {
	#langs a{
			padding: 6px 5px;
	}
	#drop_notification_opener{
			padding: 15px 5px;
	}
	#header a{
		font-size: 12px;
	}
}