/* ADD YOUR CUSTOM CSS CODES HERE */
/* loader style */
.ajax-loading{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:rgba(255,255,255,.8);
	z-index:99999;
}
.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.5s infinite ease-in-out;
  animation: load7 1.5s infinite ease-in-out;
}
.loader {
  color: #673AB7;
  font-size: 7px;
  margin: 0px auto;
  position: relative;
  top:50%;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}

/* end of loader style */

.daterangepicker.dropdown-menu { z-index: 9990 }
.AnyTime-win { z-index: 9999; }

.dropdown-menu-horizontal { width: 768px; height: auto; white-space: normal; padding: 5px; }
.dropdown-menu-horizontal > li { display: inline-block; border: 1px solid #ddd; margin: 4px 2px; border-radius: 4px; }

.dropdown-menu-horizontal-customer { width: 475px; height: auto; white-space: normal; padding: 5px; }
.dropdown-menu-horizontal-customer > li { display: inline-block; border: 1px solid #ddd; margin: 4px 2px; border-radius: 4px; }

.dropdown-menu-horizontal-cancel { width: 300px; height: auto; white-space: normal; padding: 5px; }
.dropdown-menu-horizontal-cancel > li { display: inline-block; border: 1px solid #ddd; margin: 4px 2px; border-radius: 4px; }


.bg-blue th.sorting::before,
.bg-blue th.sorting::after { color: #fff; }


.fc .fc-event { line-height: 1.5; font-size: 14px; padding: 5px; border: 0; background: #10b0ff; box-shadow: 1px 1px 2px rgba(0,0,0,0.2); }

.custlookup { position: absolute; top: 39px; background: #f5f5f5; box-shadow: 2px 2px 4px rgba(0,0,0,0.1); z-index: 999; }
.custlookup table { width: 100%; border-collapse: collapse; }
.custlookup table td { border-bottom: 1px solid #ddd; padding: 5px 8px; cursor: pointer; }
.custlookup table td:first-child { font-weight: 700; }

#newRoom td { position: relative; }

.select2-dropdown { min-width:80px; }

.datatable-scroll-wrap { overflow: visible; }

.availability-calendar.fc .fc-event { background: transparent; box-shadow: none; color: #333; }
.availability-calendar.fc .fc-event .availableRoom { position: absolute; top: 0; left: 0; margin-top: -40px; z-index: 2; color: #fff; font-weight: 700; padding: 5px 8px; }
.availability-calendar.fc .fc-event::before { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 0; margin-top: -40px; border-top: 25px solid #51a20f; border-left: 25px solid #51a20f; border-bottom: 25px solid transparent; border-right: 25px solid transparent; }
.availability-calendar.fc .fc-event .roomPrice { display: block; width: 100px; text-align: center; font-weight: 700; line-height: 1; padding: 6px 10px; background: #eee; border-radius: 50px; margin: 30px auto 0; background: #f7ffb9; box-shadow: 1px 1px 4px rgba(0,0,0,0.2); }

body .modal { overflow: auto; }
.picker { min-width: 300px; }

.form-group.floating-label { position: relative; }
.form-group.floating-label .control-label { position: absolute; z-index: 99; color: #333; top: 9px; left: 10px; display: inline-block; background: #fff; padding: 0; pointer-events: none; opacity: 0; transition: all 0.2s; }
.form-group.floating-label .form-control { border: 1px solid #ddd; padding-left: 8px; padding-right: 8px; }
.form-group.floating-label.label-up .control-label { opacity: 1; top: -8px; font-size: 12px; padding: 0 5px; left: 3px; }
.form-group.floating-label .form-control:focus { box-shadow: 0 0 0px 2px #009688; }

.select2-container { border: 1px solid #ddd; }
.select2-selection--single .select2-selection__rendered { padding-left: 8px; }
.select2-selection--single .select2-selection__arrow:after { right: 8px; }
.select2-container--focus .select2-selection--single:not([class*=bg-]):not([class*=border-]), .select2-container--open .select2-selection--single:not([class*=bg-]):not([class*=border-]) { box-shadow: 0 0 0px 2px #009688; }


.navbar-brand { padding: 5px; line-height: 50px; }
.navbar-brand > img { height: 40px; display: inline-block !important; vertical-align: top; }
.navbar-brand > img + img { margin-left: 20px; }

.navbar-header { min-width: 0; }
.navbar-nav { margin-left: 0; }

.footer { bottom: 20px; overflow: hidden; right: 30px; left: 80px; }
.footer img { float: right; height: 50px; background: #fff; padding: 3px 8px; filter: saturate(0%); }
.footer:hover img { filter: saturate(100%); }

@media only screen and (max-width: 640px) {
	.footer  { left: 30px; text-align:center; }
	.content { padding-bottom: 100px; }
	.footer img { float: none; display: inline-block; }
	.footer span { display: block; margin-top: 8px; }
}

@media only screen and (max-width: 390px) {
	.footer img { float: right; width: 25%; }
}

/*.bg-brown{background-color:#7957BA}
.sidebar{background-color:#7957BA}*/


.navigation > li.active > a, .navigation > li.active > a:hover, .navigation > li.active > a:focus { background: rgba(0,0,0,0.3); }

@media (min-width: 769px) {
	.sidebar-xs .sidebar-main .navigation > li > a > span { background: #043efa; }
	.sidebar-xs .sidebar-main .navigation > li > ul { background: #043efa; }
}

input.error,select.error {
    color: unset;
}

.fc .fc-event {
    line-height: 1.5;
    font-size: 14px;
    padding: 0;
    border: 0;
    background: #10b0ff;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 20px;
    margin: 0 auto;
    display: block;
    border-radius: 50%;
    overflow: hidden;
}
@media only screen and (max-width: 1200px) {
	.fc .fc-event { width: 40px; height: 40px; line-height:40px; font-size: 16px; }
}