.navbar-light .navbar-brand{
	width:auto !important;
	height:auto !important;
	
}

.text-primary{color:#636b6f !important;}

.btn-primary{
	  background-color: #3e6ae1;
    border-color: #3e6ae1;
}

.fixed-header{
        width: 100%;
        position: sticky; 
        padding: 10px 0 10px 0;
        top: 0;
        z-index:9;	
        /*background:#fff;*/
        font-size:15px;
}
.fixed-header .row{margin:0px;}

.clsBorderDiv{
	background-color: rgba(0,98,204,0);
	border: 3px solid #3e6ae1;
	border-radius: 30px;
}

ul.amenities-list{list-style:none;margin:0px; padding:0px;}
ul.amenities-list li{list-style-type:none; display:inline-block; padding:5px;}

.clsbottom{background:#F4F4F4; border:1px solid #F4F4F4;color:#383838; padding:10px; border-radius:10px 10px 0px 0px}
.clsbottom a,.clsbottom a:active,.clsbottom a:hover,.clsbottom a:focus{color:#383838; text-decoration:none;}
.top {
  display: inline-block;
  width: 4em;
  height: 4em;
  border: 0.5em solid #333;
  border-radius: 50%;
  margin-right: 0.75em;
}

.modal-header{border-bottom: 0px solid #dee2e6;}


.booking-group{
	/*margin-bottom:100px;*/	
	margin-bottom:0px;
}

.clsmainimg{max-width:600px;}

h2.title-text{font-size:1.6rem}

.blueborder{
	border: 1px solid #0069D9 !important;
}
/*Calendar*/



.datepicker.input {
    padding: 22px 15px !important;
    border: 1px solid #CFD8DC !important;
    border-radius: 4px !important;
    box-sizing: border-box;
    background-color: #fff !important;
    color: #000 !important;
    font-size: 16px !important;
    letter-spacing: 1px;
    position: relative
}

.datepicker.input:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #1976D2 !important;
    outline-width: 0
}

.fa-calendar {
    position: absolute;
    top: 9px;
    font-size: 20px;
    color: #1976D2;
    z-index: 1000
}

#fa-1 {
    left: calc(30% - 40px)
}

#fa-2 {
    left: calc(100% - 40px)
}

.form-control-placeholder {
    position: absolute;
    top: -10px !important;
    padding: 12px 2px 0 2px;
    opacity: 0.5
}

#check_out-p {
    left: calc(30% + 4px)
}

.form-control:focus+.form-control-placeholder,
.form-control:valid+.form-control-placeholder {
    font-size: 95%;
    top: 10px;
    transform: translate3d(0, -100%, 0);
    opacity: 1
}

::placeholder {
    color: #BDBDBD;
    opacity: 1
}

:-ms-input-placeholder {
    color: #BDBDBD
}

::-ms-input-placeholder {
    color: #BDBDBD
}

.datepicker {
    background-color: #fff;
    border-radius: 0 !important;
    align-content: center !important;
    padding: 10px !important
}

.datepicker-dropdown {
    /*top: 180px !important;
    left: calc(50% - 173.5px) !important;*/
    border-right: #1976D2;
    border-left: #1976D2
}

.datepicker-dropdown.datepicker-orient-left:before {
    left: calc(50% - 6px) !important
}

.datepicker-dropdown.datepicker-orient-left:after {
    left: calc(50% - 5px) !important;
    border-bottom-color: #1976D2
}

.datepicker-dropdown.datepicker-orient-right:after {
    border-bottom-color: #1976D2
}

.datepicker table tr td.today,
span.focused {
    border-radius: 50% !important;
    background-image: linear-gradient(#FFF3E0, #FFE0B2)
}

.datepicker thead tr:nth-child(2) {
    background-color: #1976D2 !important
}

.datepicker thead tr:nth-child(3) th {
    font-weight: bold !important;
    padding: 20px 10px !important;
    color: #BDBDBD !important
}

.datepicker tbody tr td {
    padding: 2px !important
}

.datepicker tfoot tr:nth-child(2) th {
    padding: 10px !important;
    border-top: 1px solid #CFD8DC !important
}

.cw {
    font-size: 14px !important;
    background-color: #E8EAF6 !important;
    border-radius: 0px !important;
    padding: 0px 20px !important;
    margin-right: 10px solid #fff !important
}

.old,
.day,
.new {
    width: 30px !important;
    height: 30px !important;
    border-radius: 0px !important
}

.day.old,
.day.new {
    color: #E0E0E0 !important
}

.day.old:hover,
.day.new:hover {
    border-radius: 50% !important
}

.old-day:hover,
.day:hover,
.new-day:hover,
.month:hover,
.year:hover,
.decade:hover,
.century:hover {
    /*border-radius: 50% !important;*/
    background-color: #eee
}

.datepicker .active {
    /*border-radius: 50% !important;*/
    background-image: linear-gradient(#1976D2, #1976D2) !important;
    color: #fff !important
}

.range-start,
.range-end {
    /*border-radius: 50% !important;*/
    background-image: linear-gradient(#1976D2, #1976D2) !important
}

.range {
    background-color: #E3F2FD !important
}

.datepicker .prev,
.datepicker .next,
.datepicker .datepicker-switch {
    border-radius: 0 !important;
    padding: 10px 10px 10px 10px !important;
    font-size: 18px;
    opacity: 0.7;
    color: #fff
}

.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker .datepicker-switch:hover {
    background-color: inherit !important;
    opacity: 1
}


#floating-label .datepicker, #floating-label #period {
    color: #1A73E8 !important;
    border-radius: 0px !important;
}

a.title_css{
	font-family: "Arial Narrow",Arial,sans-serif;
	font-size: 28px;
	line-height: 30px;
	font-weight: normal;
	text-shadow: -1px 1px 2px #000, 1px 1px 1px #666;
	color: #FFFFff;
	padding: 0;
}

.carousel-control-prev, .carousel-control-next{width:5%}

.clsdisabled{
			color: #fff !important;
			background-color: #636B6F !important;
			border-color: #636B6F !important;
			cursor: not-allowed !important;
  		pointer-events: all !important;
	}


.divotherch .float-left{width:50%;}

.clsgreenbox{
	background: rgb(223, 240, 216) none repeat scroll 0% 0% !important;
	border-color: rgb(0, 128, 0) !important;
	color: rgb(60, 118, 61) !important;
}

.clsbluebox{
	background: rgb(228, 241, 255) none repeat scroll 0% 0% !important;
	border-color: rgb(0, 128, 255) !important;
	color: rgb(26, 115, 232) !important;
}

.greenborder{
	border: 1px solid #DFF0D8 !important;
	border-color: rgb(0, 128, 0) !important;
}
#selectedrooms{
	background: rgb(223, 240, 216) none repeat scroll 0% 0% !important;
	border-color: rgb(0, 128, 0) !important;
	color: rgb(60, 118, 61) !important;
	padding:15px 5px !important;
	
}

.hotel_amenities .card .card-body{/*min-height:110px;*/ padding:0.5rem;}
				
.bg-info{
	background: #00c0ef !important;
	color: #fff !important;
}
@media screen and (max-width: 726px) {
    .datepicker .datepicker-dropdown.datepicker-orient-right:before {
        right: calc(50% - 6px)
    }

    .datepicker .datepicker-dropdown.datepicker-orient-right:after {
        right: calc(50% - 5px)
    }
}

.datepicker.dropdown-menu{border:1px solid rgba(0, 0, 0, 0.15); }

/*EOD Calendar*/







#availForm input,
#availForm select,
#floating-label input,
#floating-label select
{
  /*color: #636b6f;*/
  font-weight: 700;
  padding-left: 17px;
  min-width: 50px;
  min-height:25px;
  width:100%;
  font-size:14px;
}
#availForm label,
#floating-label label
{display:block !important; text-align:left;margin-left:2px;}

.panel-body_h{color:inherit}
.panel-footer{background-color:#fff}
.panel-primary.hotel_card{border:0px; border-bottom:1px solid #383838}

    #availForm label,
    #floating-label{font-weight:normal;}
    #availForm input,
    #floating-label input{height:65px;}
    
    
    #floating-label .form-group {
      display: flex;
		  height: 40px;
		}

			#floating-label .control-label {
			font-size: 16px;
			font-weight: 400;
			opacity: 0.4;
			pointer-events: none;
			position: absolute;
			transform: translate3d(10px, 10px, 0) scale(1);
			transform-origin: calc(100% + 10px) calc(100% - 85px);
			transition: 240ms;
			background:#fff;
			padding:0px 4px;
			}
			
			#floating-label .form-group.focused .control-label {
			opacity: 1;
			transform: scale(0.85);
			}
			
			#floating-label .form-control {
				align-self: flex-end;
			}
			
			#floating-label .form-control::-webkit-input-placeholder {
			color: transparent;
			transition: 240ms;
			}
			
			#floating-label .form-control:focus::-webkit-input-placeholder {
					transition: none;
			}
			
			#floating-label .form-group.focused .form-control::-webkit-input-placeholder {
					color: #bbb;
			}
			
			#floating-label .datepicker,
			#floating-label #period{color: #1A73E8 !important; border-radius:0px !important;}
			
			#availForm input, #floating-label input {
		    border: 1px solid #1A73E8;
		    box-shadow: unset;
		    height: 40px;
			}
			
#resultsBlock, #resultsBlock h1, #resultsBlock h2, #resultsBlock h3, #resultsBlock h4, #resultsBlock h5, #resultsBlock h6, #resultsBlock figure {
    /*color: #636b6f !important;*/
}

.white-bg {
  width: 50%;
  background-color: white;
  padding: 30px 10px;
}

.gray-bg {
  background-color: #f2f2f2;
}

.hotel_card hr{margin:5px 0px 2px 0px; height:1px;background-color:#999999}
.hotel_card .amenities-list li i{color:#383838}
.hotel_card h4{margin:0;margin-bottom:5px;margin-left:12px;}
.hotel_card p {margin: 0 0 5px;}

.disabledbutton {
    pointer-events: none;
    opacity: 0.4;
}
.booking-steps ul{justify-content:normal;margin:0;padding:0}

.booking-steps {
  padding: 1rem 2rem;
}

.booking-steps li {
  margin: 5px 0;
}

.booking-steps li {
  padding-right: 10%;
}

.booking-steps li span {
  border-radius: 50%;
  padding: 2px 8px;
  margin-right: 5px;
  color: white;
  background-color: gray;
}

.booking-steps li.active {
  color: #000;
}

.booking-steps li.active span {
  color: white;
  background-color: #000;
}

.hotel_card .img-responsive{max-width:65%;height:auto; display:inline;margin-bottom:10px;}
.hotel_card .btn-cta-sm{clear:both}
.booking-steps li {display:inline-block !important;}
.hotel_card h4, .hotel_card .h4 {font-size: 18px;text-align:center;}
.hotel_card p {margin: 0 0 5px;}			


@media (min-width: 992px) {
		#fixedright{position:fixed;}
		.divotherch .border-bottom {border:0px solid #fff !important;}
		
}




@media (min-width: 576px){
    #left {
        position: fixed;
        top: 0;
        bottom: 0;
    }
    
}



@media only screen and (max-width: 600px) {
  .container-fluid{padding:2px 5px;}
  .divotherch .float-left{width:100%;float:none !important; text-align:center;}
  #booking_room_grid{text-align:center !important;}
  .divotherch select{display:inline !important; }
}



.fullloaderspinner{
	background: none repeat scroll 0 0 #00000014;
	position: fixed;
	display: block;
	opacity: 0.5;
	z-index: 1000001; 
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.fullloaderspinnerInner {
   position: absolute;
   left: 50%;
   top: 50%;
   height:60px;
   width:60px;
   margin:0px auto;
   -webkit-animation: rotation .6s infinite linear;
   -moz-animation: rotation .6s infinite linear;
   -o-animation: rotation .6s infinite linear;
   animation: rotation .6s infinite linear;
   border-left:6px solid rgba(0,174,239,.15);
   border-right:6px solid rgba(0,174,239,.15);
   border-bottom:6px solid rgba(0,174,239,.15);
   border-top:6px solid rgba(0,174,239,.8);
   border-radius:100%;
   
   z-index:99999;
}

@-webkit-keyframes rotation {
   from {-webkit-transform: rotate(0deg);}
   to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
   from {-moz-transform: rotate(0deg);}
   to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
   from {-o-transform: rotate(0deg);}
   to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
   from {transform: rotate(0deg);}
   to {transform: rotate(359deg);}
}