body{background:#f8fafc; font-family: "Source Sans Pro","Helvetica Neue",Arial,sans-serif,system-ui; 
	 font-size: 0.93rem; line-height:1.334,font-weight:500}


.bg-light{background-color: #f8fafc !important;}
.myaccordion .hcheck {
    color: #03e803;
    margin-right: 10px;
   
}

.form-control{font-size: 0.90rem; padding: .365rem .65rem;/*border-radius:0px;*/}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #5f5f5f;
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: #212529;
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: #5f5f5f;
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    color: #5f5f5f !important;
}

table th{font-weight:600;}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


.form-control{
	color:#495057;
}
button:focus,
button:active,
.form-control:focus,
.form-select:focus,
input:focus,
textarea:focus,
.conteditable:focus{
  box-shadow: none;
  color:#495057;
  outline: none;
}

.conteditable{border-color:blue !important;color:blue !important}


a{
 outline: none;
}
a:hover,a:active,a.active{text-decoration:none;outline: none;}

.loader{
	background: none repeat scroll 0 0 black;
position: fixed;
display: block;
opacity: 0.5;
z-index: 1000001; 
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.innerLoader {
  border: 3px solid #f3f3f3;
  border-radius: 50%;
  border-top: 3px solid red;
  width: 100px;
  height: 100px;
  -webkit-animation: spin .3s linear infinite; /* Safari */
  animation: spin .6s linear infinite;
  display:inline-block;
  vertical-align:middle;
  position:absolute;
  left:50%;
  top:40%;
  z-index:99999;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.btn{font-size: 0.875rem} 

.btn:focus,.btn:active {
   outline: none !important;
   box-shadow: none;
}

.myaccordion .card {
    border-radius: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #cccccc52;
}

.myaccordion .card, .myaccordion .card:last-child .card-header {
  border: none;
}
.myaccordion .accordion-item {
    
    box-shadow: -1px 7px 18px -4px rgba(0,0,0,0.19) !important;
    -webkit-box-shadow: -1px 7px 18px -4px rgba(0,0,0,0.19) !important;
    -moz-box-shadow: -1px 7px 18px -4px rgba(0,0,0,0.19) !important;
    z-index: 1;
}

.myaccordion .accordion-body{padding-top:0px;}
.myaccordion .accordion-button:focus {
		border-top: 1.5px solid purple;
    z-index: 3;
    color: #013663;
    outline: 0;
    box-shadow: none;
}

.myaccordion ul {
    list-style: none;
    margin: 0px 0px 0px -20px;
}
.myaccordion ul li{
    list-style: none;
    margin-bottom:10px;
}

.myaccordion ul li::before {
    content: '✓ ';
}

.myaccordion .accordion-button{
	color: #013663;
	font-weight:500;
}
.myaccordion .btn{
	width: 100%;
	color: #013663;
	padding: 0;
	text-align: left;
	font-weight: 600;
	box-shadow: 0;
}
.myaccordion .accordion-button:not(.collapsed){
	background:#fff;	
}

.authentication-card {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    max-width: 100%;
    width: 100%;
    height: 100vh;
}


	.authentication-card .card .loginleft{
		height: 100vh !important;
		padding:4rem 7rem;;
	}

.dropdown-item.active, .dropdown-item:active{
	background:blue;
}

.form-group.has-error.has-danger .form-control-label {
  color: #dc3545;
}
.form-group.has-error.has-danger .form-control,
.form-group.has-error.has-danger .form-select,
.form-group .dropdown.bootstrap-select.has-error.has-danger, 
.select2.has-error.has-danger .select2-selection,
.bootstrap-select .bs-placeholder.has-error.has-danger 
{
  border: 1px solid rgba(250, 16, 0, 0.18);
  box-shadow: 0 0 0 0.1rem rgba(250, 16, 0, 0.18);
}
.help-block.with-errors{color:#dc3545; font-size:80%;font-weight:normal;}


 .has-error .form-control{
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");*/
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}


.authentication-card .has-error .form-control{
    background-position: right calc(1.575em + .1875rem) center;
    background-size: calc(1.75em + .375rem) calc(.75em + .375rem);
}
.has-error.has-danger .top-50 {top:18px !important;}

.authentication-card [type="submit"] {
    height:52px;
    font-weight:700;
    font-weight: 700;
		text-transform: uppercase;
		border-radius: .25rem;
}    
.authentication-card a,
.authentication-card .form-check.form-switch{font-size:85%;}

.top-header .navbar .dropdown-menu::after{content:unset;}
/*
.sidebar-wrapper .metismenu .mm-active>a,
.sidebar-wrapper .metismenu a:active,
.sidebar-wrapper .metismenu a:focus,
.sidebar-wrapper .metismenu a:hover {
	color: #fff;
	text-decoration: none;
	background: var(--bs-blue);
} 
*/

/*.sidebar-wrapper .metismenu .mm-active ul .mm-active > a
{background:none; border:1px solid var(--bs-blue); color:#495057;}*/ 



.wrapper.toggled .sidebar-wrapper .metismenu a .parent-icon{font-size:25px;}


.clsicon{top:10px; right:10px;position:absolute;z-index:10;width:15px; height:15px;}

.content-header{margin-top:60px; margin-left:250px; background-color: rgba(0, 0, 0, 0.533);
color: rgb(255, 255, 255);
padding: 5px 15px; }
.content-header .card-title{font-size:1.1rem; font-weight:400;}

.wrapper.toggled .content-header{margin-left:70px;}

.page-content {margin-top: 0px; min-height:100vh; } 

.top-header .navbar{border:0px}

.dataTables_wrapper select {
    display: inline-block;
    height: 30px;
    padding: .275rem 1.75rem .275rem .75rem;
        padding-top: 0.275rem;
        padding-bottom: 0.275rem;
        padding-left: 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center/8px 10px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.075);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    
}
.dataTables_wrapper select:focus{outline:none;}

table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::after {
    right: 0.5em;
    content: "\2193";
}

table.dataTable thead .sorting::before, table.dataTable thead .sorting_asc::before, table.dataTable thead .sorting_desc::before, table.dataTable thead .sorting_asc_disabled::before, table.dataTable thead .sorting_desc_disabled::before {
    right: 1em;
    content: "\2191";
}

table.dataTable > :not(:last-child) > :last-child > * {
    border-bottom-color: #dee2e6 !important;
    border-bottom-width:0.15rem;
}
table.dataTable th{
	/*border-top:1px solid #dee2e6;*/
}

.dropify-wrapper .dropify-message span.file-icon{font-size:17px !important;}


.sidebar-wrapper .sidebar-header{background:#f2f2f2 !important;}
.sidebar-wrapper .metismenu{background:#fff !important;}

.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove{color:red;}

.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice{color:#3461ff}
/*.select2-container{z-index:1065;}*/

.select2-container.select2-container--bootstrap4.select2-container--open{z-index:1065;}

.btn-close{font-size:11px;}
.btn-info,
.btn-info:hover,
.btn-info:active
{color:#fff;} 
 
 
 .bootstrap-select  .dropdown-item:focus, 
 .bootstrap-select .dropdown-item:hover{color:#4c5258;}
 .bootstrap-select .btn-light,
 .bootstrap-select .btn-light:hover{border-color: #ced4da;color:#4c5258;}
 .selectpicker{width:100%;}
 
 #clsuserhotels .dropdown-menu{min-width:15rem;background:#fff}
 #clsuserhotels .dropdown-menu .dropdown-item{padding: .30rem 1rem;color:#4c5258;font-size:0.88rem !important}
 .dropdown-menu{border-radius: 0px;}
 
 #clsuserhotels .dropdown-item.active, #clsuserhotels .dropdown-item:active,#clsuserhotels .dropdown-item.hover, #clsuserhotels .dropdown-item:hover{
  text-decoration: none;
  background-color: transparent !important;
  color:#0d6efd !important;
  font-size:0.88rem !important;
 
 }
 
 
 #clsuserhotels .far{font-size:12px; margin-right:8px; color:#D5d5d5}
 #clsuserhotels img{ max-width:35px; max-height:35px;}
 #userhotels{padding:2px 0px; font-size:1rem !important}
 
 .bootbox-close-button{float:right;font-size:25px;}
 .btn i{font-size:1.8rem !important;}
 .btn .fas.fa-spinner{font-size:1.2rem !important}
 .menu-label{font-size:0.99rem}
 .menu-label .bi{font-size:1.1rem}
 
.clsroomresult li.disabled span.fas{float:right !important;}

.btn#btnsubmit i {font-size:1.2rem !important; padding:0px 8px;margin-top:-21px;}
 .dataTables_wrapper.dt-bootstrap5{/*border-top:1px solid #f2f2f2;*/ padding-top:10px; margin-top:10px;}
 .frondeskcalendar .nav-pills .nav-link.active,
 .frondeskcalendar .nav-pills .nav-link:hover, 
 .frondeskcalendar .nav-pills .show > .nav-link {color: #3461ff;	text-decoration: none;	}

  #addtionalmenu .nav-link{padding:0.5rem 0.65rem !important}
 
/* .frondeskcalendar .nav-pills .nav-link{border-radius:0px; padding:.5rem 0.7rem}*/
/*.frondeskcalendar #addtionalmenu .bx{font-size:16px;}*/
.page-content {padding:1.1rem} 
.page-content	.card:first-of-type {
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)); 
} 

.w-10 {
    width: 10% !important;
}
.w-15 {
    width: 15% !important;
}

.w-20 {
    width: 20% !important;
}

.feather-15 {width: 15px; height:15px; margin-top:-4px;}

/*fullcalendar*/

[data-resource-id='Multiple'] .fc-datagrid-expander,
	.fc-datagrid-header .fc-datagrid-expander{
	display:none;
}
.multiRoom{text-align:center;}
.multiRoom a{ margin-right:15px; text-align:center}

.fc .fc-button-primary{
	color: #495057 !important;
	background-color:#f8f9fa  !important;
	border-color:transparent !important;
}	
.fc .fc-button-primary:hover{
	/*background-color:rgb(52 97 255 / 10%)  !important;
	opacity:0.8;
	border-color:transparent !important;*/
	color: #3461ff !important;;	text-decoration: none !important;;
	
}	

.fc-direction-ltr .fc-button-group > .fc-button:not(:first-child){margin-left:0px !important}

	.inlinedatepicker{
		display: inline-block;
		width:115px;
		padding: 0.4em 0.65em;
		font-weight: 400;
		line-height: 1.5;
		color: #3461ff;
		background-clip: padding-box;
		border: 0px solid #fff;
		border-bottom: 1px solid #ced4da;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border-radius: 0;
		transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
		text-align:center;
    background-color:#f8f9fa ;
    border-color: #f8f9fa;
				
	}	
	
 .fc-custombar-button,{display:none !important;}
 
input.inlinedatepicker:focus,
.fc .fc-button-primary
{
    outline:0px !important;
    -webkit-appearance:none;
    box-shadow: none !important;
}
	
a.fc-event, a.fc-event:hover{text-align:left;padding-left:5px;  padding-top:6px !important; padding-bottom:6px !important}
	
/*fullcalendar*/	

.modal-header {
    padding: 0.5rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-radius:0;
    font-size:0.99rem !important;
    background:#f2f2f2;
}

.modal-header .btn{padding:0px 5px !important;}
.modal-footer{border-radius:0;}
.bootbox .modal-header {display:inline-block} 

.clsgreen {/*background-color: #dff0d8;*/ border:0.13rem solid #3c763d !important; }
.clsgreen .modal-header{color: #2f4a2f;background-color: #dff0d8;}
.clsgreen .resulttable{color: #2f4a2f;background-color: #dff0d8; border:0.13rem solid #2f4a2f !important;}
.clsgreen #roomSummary{border:0.13rem solid #2f4a2f !important; border-radius:5px;}
.clsgreen .tablisting{border-left:0.13rem solid #2f4a2f; min-height:85vh;}

.clsblue {border:0.13rem solid #d9edf7}
.clsblue .modal-header{color: #0d4e6f !important;background-color: #d9edf7;}
.clsblue .resulttable{color: #0d4e6f;background-color: #d9edf7; border:0.13rem solid #0d4e6f !important;}
.clsblue #roomSummary{border:0.13rem solid #0d4e6f !important; border-radius:5px;}
.clsblue .tablisting{border-left:0.13rem solid #0d4e6f; min-height:85vh;}

.clsdarkblue {border:0.13rem solid #0000ff;}
.clsdarkblue .modal-header{color: #0000ff;background-color: #0000ff; color:#fff;}
.clsdarkblue .tablisting{border-left:0.13rem solid #0000ff; min-height:85vh; }

.clsred {border:0.13rem solid #f2dede}
.clsred .modal-header{background-color: #f2dede; color:#a94442}
.clsred .tablisting{border-left:0.13rem solid #f2dede; min-height:85vh;}

.clsyellow {border:0.13rem solid #ffcb32}
.clsyellow .modal-header{color: #383838;background-color: #ffcb32;}
.clsyellow .resulttable{color: #383838;background-color: #ffcb32; border:0.13rem solid #ffcb32 !important;}
.clsyellow #roomSummary{border:0.13rem solid #ffcb32 !important; border-radius:5px;}
.clsyellow .tablisting{border-left:0.13rem solid #ffcb32; min-height:85vh;}





.isDisabled {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
}

.typeahead.dropdown-menu .active {background:#0000ff;}
.typeahead .dropdown-item:focus, .dropdown-item:hover {background:#0d6efd94; color:#ffffff !important}

.typeahead.dropdown-menu .active a ,
.typeahead.dropdown-menu .active a:hover {color:#fff; font-weight:bold}

.actionbtns a.list-group-item{border:0px solid #fff;border-bottom: 1px solid rgba(0,0,0,.125);}
.actionbtns ul ul li:last-child a.list-group-item{border-bottom: 0px solid red}

.actionbtns ul{list-style:none;}
.actionbtns ul li svg{margin-right:5px; width:18px;heoght:18px;}
.actionbtns ul li .bx{margin-right:5px; font-size:18px;}



@media screen and (min-width:1025px) {
	
}

@media screen and (max-width:1025px) {
	.content-header{margin-left:0px;text-align:center;}	
	.page-content {margin-top: 0px;} 
}

@media screen and (max-width: 520px) {
		.authentication-card {
		    padding: 0rem 0;
		    height: auto !important;
		}
		.authentication-card .card .loginleft{
				height: auto !important;
				padding:1rem;
			}
}















/*Floating label*/


[dir=rtl] .floating-label > input + label,
[dir=rtl] .floating-label > textarea + label {
  right: 0;
  left: auto !important;
}
[dir=rtl] .floating-label > input:not([placeholder]):not([value]) + label,
[dir=rtl] .floating-label > textarea:not([placeholder]):empty + label, [dir=rtl] .floating-label > input[placeholder]:not(:placeholder-shown) + label,
[dir=rtl] .floating-label > textarea[placeholder]:not(:placeholder-shown) + label, [dir=rtl] .floating-label > input:-webkit-autofill + label,
[dir=rtl] .floating-label > textarea:-webkit-autofill + label, [dir=rtl] .floating-label > input:focus + label,
[dir=rtl] .floating-label > textarea:focus + label, [dir=rtl] .floating-label > select + label {
  right: 0.5rem;
  left: auto !important;
}

.floating-label {
  position: relative;
}
.floating-label > select + label,
.floating-label > select + label.label-sm {
  position: absolute;
  z-index: 3;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  left: 0.5rem;
  padding: 0 0.3rem;
  color: inherit;
  background-color: #fff;
  border-radius: 0.25rem;
  top: -0.7875rem;
  font-size: 0.875rem;
}
.floating-label > select + label.label-md {
  position: absolute;
  z-index: 3;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  left: 0.5rem;
  padding: 0 0.3rem;
  color: inherit;
  background-color: #fff;
  border-radius: 0.25rem;
  top: -0.9rem;
  font-size: 1rem;
}
.floating-label > select + label.label-lg {
  position: absolute;
  z-index: 3;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  left: 0.5rem;
  padding: 0 0.3rem;
  color: inherit;
  background-color: #fff;
  border-radius: 0.25rem;
  top: -1.125rem;
  font-size: 1.25rem;
}
.floating-label > select:disabled + label, .floating-label > select[readonly] + label {
  background-color: #e9ecef;
}
.floating-label > input + label,
.floating-label > textarea + label {
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
  position: absolute;
  z-index: 3;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 0;
   left: 0;
  color: #d5d5d5;
  pointer-events: none;
  font-size: 0.80rem;
  padding: calc(0.375rem + 5px) calc(0.75rem + 5px);
}

.g-3 .floating-label > input + label, .g-3 .floating-label > textarea + label{
	padding-left:25px;	
}




.floating-label > input.form-control-sm + label,
.floating-label > textarea.form-control-sm + label {
  position: absolute;
  z-index: 3;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 0;
  left: 0;
  color: #d5d5d5;
  pointer-events: none;
  font-size: 0.875rem;
  padding: calc(0.25rem + 1px) calc(0.5rem + 1px);
}
.floating-label > input.form-control-lg + label,
.floating-label > textarea.form-control-lg + label {
  position: absolute;
  z-index: 3;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 0;
  left: 0;
  color: #6c757d;
  pointer-events: none;
  font-size: 1.25rem;
  padding: calc(0.5rem + 1px) calc(1rem + 1px);
}
.floating-label > input::placeholder,
.floating-label > textarea::placeholder {
  color: transparent;
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.floating-label > label + input::placeholder,
.floating-label > label + textarea::placeholder {
  color: #6c757d;
}
.floating-label > input:focus::placeholder,
.floating-label > textarea:focus::placeholder {
  color: #6c757d;
}
.floating-label > input:focus + label,
.floating-label > input:focus + label.label-sm,
.floating-label > textarea:focus + label,
.floating-label > textarea:focus + label.label-sm {
  position: absolute;
  z-index: 3;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  left: 0.5rem;
  padding: 0 0.3rem;
  color: gray;
  background-color: #fff;
  border-radius: 0.25rem;
  top: -0.7875rem;
  font-size: 0.875rem;
}
.floating-label > input:focus + label.label-md,
.floating-label > textarea:focus + label.label-md {
  position: absolute;
  z-index: 3;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  left: 0.5rem;
  padding: 0 0.3rem;
  color: inherit;
  background-color: #fff;
  border-radius: 0.25rem;
  top: -0.9rem;
  font-size: 1rem;
}
.floating-label > input:focus + label.label-lg,
.floating-label > textarea:focus + label.label-lg {
  position: absolute;
  z-index: 3;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  left: 0.5rem;
  padding: 0 0.3rem;
  color: inherit;
  background-color: #fff;
  border-radius: 0.25rem;
  top: -1.125rem;
  font-size: 1.25rem;
}
.floating-label > input:focus[readonly] + label,
.floating-label > textarea:focus[readonly] + label {
  background-color: #e9ecef;
}

.floating-label > input:-webkit-autofill + label,
.floating-label > input:-webkit-autofill + label.label-sm,
.floating-label > textarea:-webkit-autofill + label,
.floating-label > textarea:-webkit-autofill + label.label-sm {
  position: absolute;
  z-index: 3;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  left: 0.5rem;
  padding: 0 0.3rem;
  color: inherit;
  background-color: #fff;
  border-radius: 0.25rem;
  top: -0.7875rem;
  font-size: 0.875rem;
}
.floating-label > input:-webkit-autofill + label.label-md,
.floating-label > textarea:-webkit-autofill + label.label-md {
  position: absolute;
  z-index: 3;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  left: 0.5rem;
  padding: 0 0.3rem;
  color: inherit;
  background-color: #fff;
  border-radius: 0.25rem;
  top: -0.9rem;
  font-size: 1rem;
}
.floating-label > input:-webkit-autofill + label.label-lg,
.floating-label > textarea:-webkit-autofill + label.label-lg {
  position: absolute;
  z-index: 3;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  left: 0.5rem;
  padding: 0 0.3rem;
  color: inherit;
  background-color: #fff;
  border-radius: 0.25rem;
  top: -1.125rem;
  font-size: 1.25rem;
}

.floating-label > input[placeholder]:not(:placeholder-shown) + label,
.floating-label > input[placeholder]:not(:placeholder-shown) + label.label-sm,
.floating-label > textarea[placeholder]:not(:placeholder-shown) + label,
.floating-label > textarea[placeholder]:not(:placeholder-shown) + label.label-sm {
  position: absolute;
  z-index: 3;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  left: 0.5rem;
  padding: 0 0.3rem;
  color: #d5d5d5;
  background-color: #fff;
  border-radius: 0.25rem;
  top: -0.7875rem;
  font-size: 0.875rem;
}
.floating-label > input[placeholder]:not(:placeholder-shown) + label.label-md,
.floating-label > textarea[placeholder]:not(:placeholder-shown) + label.label-md {
  position: absolute;
  z-index: 3;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  left: 0.5rem;
  padding: 0 0.3rem;
  color: inherit;
  background-color: #fff;
  border-radius: 0.25rem;
  top: -0.9rem;
  font-size: 1rem;
}
.floating-label > input[placeholder]:not(:placeholder-shown) + label.label-lg,
.floating-label > textarea[placeholder]:not(:placeholder-shown) + label.label-lg {
  position: absolute;
  z-index: 3;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  left: 0.5rem;
  padding: 0 0.3rem;
  color: inherit;
  background-color: #fff;
  border-radius: 0.25rem;
  top: -1.125rem;
  font-size: 1.25rem;
}
.floating-label > input[placeholder]:not(:placeholder-shown):disabled + label, .floating-label > input[placeholder]:not(:placeholder-shown)[readonly] + label,
.floating-label > textarea[placeholder]:not(:placeholder-shown):disabled + label,
.floating-label > textarea[placeholder]:not(:placeholder-shown)[readonly] + label {
  background-color: #e9ecef;
}
.floating-label > input:not([placeholder]):not([value]) + label,
.floating-label > input:not([placeholder]):not([value]) + label.label-sm,
.floating-label > textarea:not([placeholder]):empty + label,
.floating-label > textarea:not([placeholder]):empty + label.label-sm {
  position: absolute;
  z-index: 3;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  left: 0.5rem;
  padding: 0 0.3rem;
  color: inherit;
  background-color: #fff;
  border-radius: 0.25rem;
  top: -0.7875rem;
  font-size: 0.875rem;
}
.floating-label > input:not([placeholder]):not([value]) + label.label-md,
.floating-label > textarea:not([placeholder]):empty + label.label-md {
  position: absolute;
  z-index: 3;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  left: 0.5rem;
  padding: 0 0.3rem;
  color: inherit;
  background-color: #fff;
  border-radius: 0.25rem;
  top: -0.9rem;
  font-size: 1rem;
}
.floating-label > input:not([placeholder]):not([value]) + label.label-lg,
.floating-label > textarea:not([placeholder]):empty + label.label-lg {
  position: absolute;
  z-index: 3;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  left: 0.5rem;
  padding: 0 0.3rem;
  color: inherit;
  background-color: #fff;
  border-radius: 0.25rem;
  top: -1.125rem;
  font-size: 1.25rem;
}
.floating-label > input:not([placeholder]):not([value]):disabled + label, .floating-label > input:not([placeholder]):not([value])[readonly] + label,
.floating-label > textarea:not([placeholder]):empty:disabled + label,
.floating-label > textarea:not([placeholder]):empty[readonly] + label {
  background-color: #e9ecef;
}

.floating-label .form-control {
    min-height: 35px !important;
   
}
#addajaxCanvas .floating-label .form-control{ margin-bottom:10px;}

#mainresult .floating-label .form-control {
    /*min-height: 40px !important;*/
}

/*Floating label*/


/*checkbox and radio* /

.checkbox label:after, 
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}

.radio .cr {
    border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.radio .cr .cr-icon {
    margin-left: 0.04em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}

/*checkbox and radio*/

	.isDisabled {
	  color: currentColor;
	  cursor: not-allowed;
	  opacity: 0.5;
	  text-decoration: none;
	}
	.form-control[readonly] {
	  background-color: #fff;
	  opacity: 1;
	  cursor: not-allowed;
	} 
	
	.pac-container{
		z-index:10000 !important;	
	}


#cancelBtn{color: #a94442;
  background-color: #f2dede;}


.modal-content{box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}

.dropdown-menu{font-size: 0.80rem}

/*
#pmsmyTab  .nav-link{text-align: left;padding: 10px 1px;white-space: nowrap;}
*/



.btn.disabled, .btn:disabled, fieldset:disabled .btn{
	cursor: not-allowed !important;
	pointer-events: unset;
}

.tox-statusbar__branding, .tox-promotion{display:none !important;}

.numberCircle{
  border-radius: 50%;
  width: 25px;
  height: 25px;
  padding: 2px;
  background: #d9edf7;
  border: 0px solid #666;
  color: #495057;
  text-align: center;
  display: inline-block;
  float: right;
  margin-left:2px;
}

.fc a[data-navlink]:hover{text-decoration:none !important}

.testcls .fc-datagrid-cell-cushion{
	padding:0px !important;
}

.clsc,
.clsr,
.clsd
{display:block; text-align:center;padding:6px 6px; margin:1px; font-size:110%}

.clsc,.clsc:hover{background-color:#FFFF00;color:#383838}
.clsr,.clsr:hover{background-color:rgb(0, 128, 0);color:#fff}
.clsd,.clsd:hover{background-color:#FF0000;color:#ffffff}

@media (min-width: 1200px){
.h4, h4 {
  font-size: 1.275rem;
}
}

.offcanvas-end{width:75% !important}

.bootstrap-select > .dropdown-toggle{border-radius:0}


.btn-lightblue{
	color: #31708f;
	background-color: #d9edf7;
	border-color: #d9edf7;
}

.btn-lightblue.btn-shadow{
	box-shadow: 0 .125rem .625rem rgba(217, 237, 247,.4),0 .0625rem .125rem rgba(217, 237, 247,.5);
}



.clsw .btn-lightblue{
	color: #3c763d;
	background-color: rgba(27, 207, 180, 0.2);
	border-color: rgba(27, 207, 180, 0.2);
}

.clsw .btn-lightblue.btn-shadow{
	box-shadow: 0 .125rem .625rem rgba(223, 240, 216,.4),0 .0625rem .125rem rgba(223, 240, 216,.5);
}


.btn-white{
	color: gray;
	background-color: #fff;
	border-color: gray;
}

.clsguestAdults,.clsguestChilds{width:100%}
.main_card{box-shadow:unset !important;margin-bottom:0px !important}
/*
.btn-success{
	color: #fff;
	background: linear-gradient(to right, #84d9d2, #07cdae);
	border-color: #07cdae;
}

.btn-primary{
	color: #fff;
	background: linear-gradient(to right, #809cff, #3461ff);
	border-color: #3461ff;
}*/

.top-40{top:40% !important}

.fc-timeline-event{font-size: var(--fc-small-font-size, .95em) !important;}

#addajaxCanvas .picker{width:50% !important;}


.clsCloseBtn,.bootbox-close-button.close{color:#e72e2e !important; margin-right:5px}
.clsCloseBtn::before {
      font-family: "Font Awesome 5 Free"; 
      font-weight: 900; 
      content: "\f00d";
      font-size:20px;
}
.clscancel {
	color: #a94442;
  background-color: #f2dede;
}
.clscancel:hover, .clscancel:active {
   color:#a94442;
  background-color:#eed3d3;
 /*opacity:0.8;*/
}

.savebtn i {
	font-size:17px !important;
	margin-right:2px;
}
.clsemail i {
		font-size:23px !important;
	 margin-right:2px;
}
#roomSummary > p{padding-bottom:5px !important; margin-bottom:5px !important} 

.modal-body{padding:1rem !important; }

.offcanvas:nth-of-type(even) {
  	z-index: 1062 ;
}
/*
.offcanvas-backdrop.show:nth-of-type(even) {
    z-index: 1060 !important; /*1062 ;* /
} */

 /*
.offcanvas-backdrop.show:nth-of-type(even) {
   z-index: 1060; /*1062 ;
}
*/
#addajaxCanvas2.offcanvas-end{width:35% !important; z-index:1065}
.bootbox.modal {z-index:1099 !important} 
.main-card .card{border-radius:0; }


.offcanvas .card .card{box-shadow: 2px 10px 260px 20px rgba(98, 91, 246, .23), 0 25px 50px -8px rgba(0, 0, 0, .62) !important}

.shadow-lg{
	box-shadow: 2px 10px 260px 20px rgba(98, 91, 246, .23), 0 25px 50px -8px rgba(0, 0, 0, .62) !important
}


input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-background-clip: text;
    -webkit-text-fill-color: #383838;
    transition: background-color 5000s ease-in-out 0s;
    /*box-shadow: inset 0 0 20px 20px #23232329;*/
    
}


#progressSteps a.btn:hover,
.clsprogresssteps a.btn:hover
{border-color:gray !important }
.clsprogresssteps .fas {margin:0px 5px 5px 10px}

.clsprogresssteps a.btn.active{color: #3c763d;
	background-color: rgba(27, 207, 180, 0.2);
	border-color: rgba(27, 207, 180, 0.2);
}
.nav-pills .nav-link {
   color: #3461ff !important;
 }
 
#pmsTabContent .nav-pills .nav-link.active {
   color: #ffffff !important;
 }
 
.sidebar-wrapper .metismenu a {
  color: #3461ff !important;
 }  

.clspropertySetup a:hover{border-color: rgba(0, 0, 0, 0.2);}
.clspropertySetup a.active{ color: gray;background-color: rgba(0, 0, 180, 0.02);border-color: rgba(0, 0, 0, 0.1);}

.clspropertySetup .btn-white{color: gray; border-color: rgba(0, 0, 0, 0.1);}


.clspropertySetup a.active.clsinit{
	color: #3c763d !important;
	background-color: rgba(27, 207, 180, 0.2) !important;
	border-color: rgba(27, 207, 180, 0.2) !important;
}


.toastify.tostifysuccess,.toastify.tostifyerror{
	background: linear-gradient(112.1deg, rgb(32, 38, 57) 11.4%, rgb(63, 76, 119) 70.2%);
	border-radius:5px;
}

.toastify.tostifysuccess .fas,.toastify.tostifyerror .fas{
	margin-right:15px;
}
.toast-close{margin-left:15px;}
/*
.clslongtext{
	max-width: 47%;
  display: inline-block;
  overflow: hidden;
}	*/


#roomResults .btn i{font-size:0.875rem !important}



.tgl {
  display: none;
}
.tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
  box-sizing: border-box;
}
.tgl::-moz-selection, .tgl:after::-moz-selection, .tgl:before::-moz-selection, .tgl *::-moz-selection, .tgl *:after::-moz-selection, .tgl *:before::-moz-selection, .tgl + .tgl-btn::-moz-selection {
  background: none;
}
.tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
  background: none;
}
.tgl + .tgl-btn {
  outline: 0;
  display: block;
  width: 4em;
  height: 2em;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
  position: relative;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
}
.tgl + .tgl-btn:after {
  left: 0;
}
.tgl + .tgl-btn:before {
  display: none;
}
.tgl:checked + .tgl-btn:after {
  left: 50%;
}

.tgl-light + .tgl-btn {
  background: #f0f0f0;
  border-radius: 2em;
  padding: 2px;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}
.tgl-light + .tgl-btn:after {
  border-radius: 50%;
  background: #fff;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}
.tgl-light:checked + .tgl-btn {
  background: #00acd6;
}




table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control::before {
  height: 14px;
  width: 14px;
  display: block;
  position: absolute;
  color: white;
  border: 2px solid white;
  border-radius: 14px;
  box-shadow: 0 0 3px #444;
  box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: 'Courier New', Courier, monospace;
  line-height: 14px;
  content: '+';
  background-color: #31b131;
}


table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control::before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control::before{
	
	 content: '-';
  background-color: #ff0000;
}




.site-navbar {
  margin-bottom: 0px;
  z-index: 1999;
  position: relative;
  top: 0;
  width: 100%;
  padding: 1rem;
  position: absolute; 
  
  
  }
  
  .site-navbar .site-navigation.border-bottom {
    border-bottom: 1px solid #E0E0E0 !important; }
  .site-navbar .site-navigation .site-menu {
    margin: 0;
    padding: 0;
    margin-bottom: 0; }
    .site-navbar .site-navigation .site-menu .active {
      color: #eb4d55 !important; }
    .site-navbar .site-navigation .site-menu a {
      text-decoration: none !important;
      display: inline-block; }
    .site-navbar .site-navigation .site-menu > li {
      display: inline-block; text-align:center;}
      .site-navbar .site-navigation .site-menu > li > a {
        margin-left: 15px;
        margin-right: 15px;
        padding: 10px 0px;
        font-size: 15px;
        font-weight:700;
        text-align:center;
        color: rgba(0, 0, 0, 0.7) !important;
        display: inline-block;
        text-decoration: none !important;
        position: relative; }
        .site-navbar .site-navigation .site-menu > li > a:before {
          content: "";
          width: 100%;
          position: absolute;
          bottom: 0;
          left: 0;
          height: 1px;
          -webkit-transform: scale(0);
          -ms-transform: scale(0);
          transform: scale(0);
          -webkit-transition: .3s transform ease;
          -o-transition: .3s transform ease;
          transition: .3s transform ease;
          background: #EB4D55; }
        .site-navbar .site-navigation .site-menu > li > a:hover {
          color: #EB4D55 !important; }
          .site-navbar .site-navigation .site-menu > li > a:hover:before {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1); }
      .site-navbar .site-navigation .site-menu > li.active > a {
        color: #EB4D55 !important; }
        .site-navbar .site-navigation .site-menu > li.active > a:before {
          -webkit-transform: scale(1);
          -ms-transform: scale(1);
          transform: scale(1); }
    .site-navbar .site-navigation .site-menu .has-children {
      position: relative; }
      .site-navbar .site-navigation .site-menu .has-children > a {
        position: relative;
        padding-right: 20px; }
        .site-navbar .site-navigation .site-menu .has-children > a:before {
          position: absolute;
          content: "\e313";
          font-size: 16px;
          top: 50%;
          right: 0;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          font-family: 'icomoon'; }
      .site-navbar .site-navigation .site-menu .has-children .dropdown {
        visibility: hidden;
        opacity: 0;
        top: 100%;
        position: absolute;
        text-align: left;
        border-top: 2px solid #eb4d55;
        -webkit-box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
        box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
        padding: 0px 0;
        margin-top: 20px;
        margin-left: 0px;
        background: #EB4D55;
        -webkit-transition: 0.2s 0s;
        -o-transition: 0.2s 0s;
        transition: 0.2s 0s; }
        .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top {
          position: absolute; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
            display: none;
            bottom: 100%;
            left: 20%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
            border-color: rgba(136, 183, 213, 0);
            border-bottom-color: #EB4D55;
            border-width: 10px;
            margin-left: -10px; }
        .site-navbar .site-navigation .site-menu .has-children .dropdown a {
          text-transform: none;
          letter-spacing: normal;
          -webkit-transition: 0s all;
          -o-transition: 0s all;
          transition: 0s all;
          color: #000 !important; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown a.active {
            color: #eb4d55 !important;
            background: #f8f9fa; }
        .site-navbar .site-navigation .site-menu .has-children .dropdown > li {
          list-style: none;
          padding: 0;
          margin: 0;
          min-width: 200px; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a {
            padding: 9px 20px;
            display: block; }
            .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a:hover {
              background: #f8f9fa;
              color: #ced4da; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a:before {
            content: "\e315";
            right: 20px; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > ul {
            left: 100%;
            top: 0; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:active > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:focus > a {
            background: #f8f9fa;
            color: #ced4da; }
      .site-navbar .site-navigation .site-menu .has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children:focus > a, .site-navbar .site-navigation .site-menu .has-children:active > a {
        color: #eb4d55; }
      .site-navbar .site-navigation .site-menu .has-children:hover, .site-navbar .site-navigation .site-menu .has-children:focus, .site-navbar .site-navigation .site-menu .has-children:active {
        cursor: pointer; }
        .site-navbar .site-navigation .site-menu .has-children:hover > .dropdown, .site-navbar .site-navigation .site-menu .has-children:focus > .dropdown, .site-navbar .site-navigation .site-menu .has-children:active > .dropdown {
          -webkit-transition-delay: 0s;
          -o-transition-delay: 0s;
          transition-delay: 0s;
          margin-top: 0px;
          visibility: visible;
          opacity: 1; }
          
          
.clsresrvtype {
 font-family: 'Lato', sans-serif !important; 
 font-weight:400 ; 
 font-size: 110%;
 width:160px !important;
 padding:5px 8px !important;
}