/*.loginbackground{*/
/*    background-image: url('/images/pattern.jpg');*/
/*}*/
.navbar-fixed-left {
  width: 180px;
  border-radius: 0;
  height: 100%;
  float:left;
  position: fixed;
}
.navbar-fixed-left .navbar-nav > li {
  float: none;  /* Cancel default li float: left */
  width: 178px;
}
.navbar-brand{
	float: left;
    height: 100px;
    padding: 0px;
    font-size: 18px;
    line-height: 20px;
}
.navbar-inverse {
    background-color: #c2a476;
    border-color: #c2a476;
}.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a{
	font-weight: 600;
    font-size: 16px;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover{
	color: #fff;
    background-color: #89211b;
    font-weight: 600;
    font-size: 16px;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #89211b;
}		
.headerimg{
    width: 100%;
    padding: 3px 20px 0px 20px;
}
.navbar-inverse .navbar-nav>li>a {
    color: #89211b;
}
h3{
    color: #89211b !important;
    text-align: center;
}
h4{
    color: #89211b !important;
    text-align: center;
}
.rowbefore .row:before{
    min-height: 120px;
}
.calanderalgn{
    margin-top: 17px;
}
.clanderal{
    background: #c2a476;
    border-radius: 7px;
    border-color: #c2a476;
    padding: 5px 6px 5px 6px;
    color:#89211b;
}
.avilabilityrooms{
    background: #c2a476;
    padding: 14px;
    border-radius: 10px;
}
.deluxeroom{
    border-bottom: 2px solid #d2d2d2;
    padding-bottom: 18px;
}
.sprdeluxrm{
    border-bottom: 2px solid #d2d2d2;
    padding-bottom: 18px;
}
.familysuite{
    border-bottom: 2px solid #d2d2d2;
    padding-bottom: 18px;
}
.honeyroomsut{
    padding-bottom: 18px;
}
.paddingst a{
    display: inline-block;
    width: 30px;
    height: 30px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding-top: 3px;
    margin-bottom: 10px;
    color: #fff;
    font-weight: 700;
}
.paddingst a:hover{
    background: #28166f;
    border: 2px solid #28166f;
}
.paddingst .roomnum2{
    display: inline-block;
    width: 30px;
    height: 30px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding-top: 3px;
    margin-bottom: 10px;
    color: #fff;
    font-weight: 700;
}
.roomnum{
    border: 2px solid #5cce5c;
    background: #5cce5c;
}
.roomnum1{
    border: 2px solid #89211b;
    background: #89211b;
    
}
.roomnum2{
    border: 2px solid #ccc;   
    background: #ccc;    
}
.modalss{
    text-decoration: none !important;
}
.modalbckclr{
    background-color: #148214;
    color: #fff;
}
.btn-default {
    color: #fff;
    background-color: #44100d;
    border-color: #44100d;
}
.modalbkbckclr{    
    background-color: #89211b;
    color: #fff;
}
.modalbreserckclr{
    background-color: #89211b;
    color: #fff;
}
.modalbblockckclr{
    background-color: #ccc;
    color: #000;
}
.paddingst{
    padding-left: 25px !important;
    padding-right: 15px;
    cursor: pointer;
}
.nopadding{
    padding-left: 0px;
}
.dddd{
    display:none;
}
.dateselect{
    display:none;
}
.error{
  display: block;
  color: #89211b;    
}
.success{
    color: #148214;
}
.nthchild div:nth-child(6){
  clear: both;
}
.nthchild div:nth-child(10){
    clear: both;
  }
.blockbtn{
    text-align: center;
}
input[type="checkbox"]{
    zoom:1.9;
}
.roonnnn{
    padding-left: 6px;
}
/* Center the loader */


  #loader {
    position: absolute;
    width: 100px;
    height: 200px;
    left: 50%;
    margin-left: -50px;
    top: 50%;
    margin-top: -100px;
  }
  
  .drop {
    width: 40px;
    height: 40px;
    left: 50%;
    margin-left: -20px;
    position: absolute;
    animation: drop 2s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s infinite;
  }
  
  .drop circle {
    fill: #89211b;
  }
  
  .drop-outer {
    position: absolute;
    box-sizing: border-box;
    /* border: 1px solid #333; */
    width: 100px;
    height: 200px;
    overflow: hidden;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 50px;
    backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
    background-clip: padding-box;
    mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
    -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  }
  
  .ripple {
    position: absolute;
    box-sizing: border-box;
    width: 240px;
    height: 240px;
    top: 68px;
    left: -70px;
    perspective: 100;
    transform: rotateX(65deg);
  }
  
  .ripple .ripple-svg {
    position: absolute;
    width: 240px;
    height: 240px;
    opacity: 0;
  }
  
  .ripple .ripple-svg circle {
     fill: none;
     stroke: #89211b;
     stroke-width: 10px;
  }
  
  .ripple-1 {
    animation: ripple 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s infinite;
  }
  
  .ripple-1 .ripple-svg {
    animation: fade-in-out 2s linear 0s infinite;
  }
  
  .ripple-1 .ripple-svg circle {
    animation: border 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s infinite;
  }
  
  .ripple-2 {
    animation: ripple 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s infinite;
  }
  
  .ripple-2 .ripple-svg {
    animation: fade-in-out 2s linear 0.2s infinite;
  }
  
  .ripple-2 .ripple-svg circle {
    animation: border 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s infinite;
  }
  
  .ripple-3 {
    animation: ripple 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.35s infinite;
  }
  
  .ripple-3 .ripple-svg {
    animation: fade-in-out 2s linear 0.35s infinite;
  }
  
  .ripple-3 .ripple-svg circle {
    animation: border 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.35s infinite;
  }
  
  
  
  @keyframes drop {
    0% {
      transform: scale3d(0.01,0.01,0.01) translateY(0)
    }
    10% {
      transform: scale3d(1,1,1) 
    }
    44% {
      transform: scale3d(1,1,1) translateY(200px)
    }
    100% {
      transform: scale3d(1,1,1) translateY(200px)
    }
  }
  
  @keyframes fade-in-out {
    0% {opacity: 0}
    42% {opacity: 0}
    52% {opacity: 1}
    65% {opacity: 1}
    100% {opacity: 0}
  }
  
  @keyframes ripple {
    0% { transform: rotateX(65deg) scale3d(0.2, 0.2, 0.2) }
    42% { transform: rotateX(65deg) scale3d(0.2, 0.2, 0.2) }
    100% { transform: rotateX(65deg) scale3d(0.9, 0.9, 0.9) }
  }
  
  @keyframes border {
    0% { stroke-width: 6px }
    42% { stroke-width: 6px }
    100% {stroke-width: 2px }
  }

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}

#myDiv {
  display: none;
}
.avail{
    width: 10px;
    height: 11px;
    background: #5cce5c;
    display: inline-block;
}
.booked{
    width: 10px;
    height: 11px;
    background: #89211b;
    display: inline-block;
}
.blocked{
    width: 10px;
    height: 11px;
    background: #ccc;
    display: inline-block;
}
.paddingresult{
    padding-top: 21px;
}