@charset "utf-8";
/* CSS Document */

label {
	color: var(--main-bg-color) !important
}
.table-bordered > thead > tr > th {
	background: var(--main-bg-color);
	color: #fff;
}
.Bacc { background-image:url(../img/bac2.jpg);background-size:cover; }

@media (min-width:768px) {
.scsmenu { margin-left:150px;}
}
.scsmenu a {
	font-size:16px;
	font-weight:700;
	color:#000;
	text-transform:capitalize;
}
.scs-sm-but {padding:10px;background-color:#5FAC3E;border:1px solid #47AD56;color:#000 !important; }
.Tnone{width:100px;border:none;background:none;text-align:left;margin-left:0;height:24px} 
@media (max-device-width: 768px) {
.scsmenu { margin-left:150px;}
.scspad {padding-top:2px;padding-bottom::2px;}
.scspad div {font-size:14px; }
#ui-datepicker-div  {width:70%;height:auto;}
#ui-datepicker-div  .ui-state-default {width:50px;height:50px;font-size:x-large;}

}
@media  (min-width: 1024px)
{
	.scspad div {font-size:24px; }
	.scspad {padding-top:2px;padding-bottom::2px;height:50px;font-size:24px; }
	
}



#CDAT,#ODAT {
	float:right;
	margin-top:0px;
	margin-bottom:0px;
	font-size:26px;
}
  
.Datt {
	font-size:16px;
	color:#333;
	font-weight:500;
	float:left;
}

 .scsbox
 {
	border-radius: 0px;
    /*box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);*/
    /*padding: 10px 25px;*/
    text-align: left;
    display: block;
    /*margin-top: 10px;*/
	/*background-color:#F0F0F0;*/
 }
  .scsbox2
 {
	 
     border:1px solid #E1E1E1;
    padding: 10px 25px;
    text-align: left;
    display: block;
    margin-top: 10px;
	background-color:#FFFFFF;
 }


.carousel-caption {
  position: relative;
  left: 0%;
  right: 0%;
  bottom: 0px;
  z-index: 10;
  padding-top: 0px;
  padding-bottom: 0px;
  color: #000;
  text-shadow: none;
  & .btn {
    text-shadow: none; // No shadow for button elements in carousel-caption
  }
}

.carousel {
    position: relative;
}

.controllers {
    position: absolute;
    top: 0px;
}

.carousel-control.left, 
.carousel-control.right {
    background-image: none;
}

.frm
{
	border:1px solid #EAEAEA;width:95%;height:250px;margin-left:15px;
	padding:10px;
}
.frmslid
{
	border:1px solid #EAEAEA;
	padding:10px;
}

.Tac
{
	cursor:pointer;
	text-decoration:none;
	padding:5px 5px;
}


.box {
    border-radius: 3px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    padding: 10px 25px;
    text-align: left;
    display: block;
    margin-top: 10px;
}
.box-icon {
    background-color: #57a544;
    border-radius: 50%;
    display: table;
    height: 100px;
    margin: 0 auto;
    width: 100px;
    margin-top: -61px;
}
.box-icon span {
    color: #fff;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

 .ftop {margin-top:0px;
 background-image:url(../images/main/1.jpg);
 background-repeat:no-repeat;
 background-position:center;
 background-size:cover;
 height: 450px;
 }

.Booking { background-image:url(scs.png);/*padding:15px;*/}
.scsbtn { border:1px solid #F3F3F3;margin-top:3px; }
.scsbtn a {font-size:13px;font-weight:normal}
.gen {width:100%;background-image:url(gen.jpg);background-repeat:repeat;}
.activee a { color:#f36e21 !important }
.menu a { color:#005f9e !important }
.menu a:hover { color:#f36e21 !important }
.RoomAvb-G{ font-size:36px !important;color:#19A014;padding:10px;cursor:pointer; }
.RoomAvb-R{ font-size:36px;color:#DD0306; }
.RoomAvb-S{ font-size:36px;color:#F8AE22;cursor:pointer;padding:10px; }
.spl {border-right:1px solid #E7E7E7;padding:2px }

.RoomAvb-G:hover{background-color: transparent; }

 /*Slid*/
 /*
Fade content bs-carousel with hero headers
Code snippet by maridlcrmn (Follow me on Twitter @maridlcrmn) for Bootsnipp.com
Image credits: unsplash.com
*/

/********************************/
/*       Fade Bs-carousel       */
/********************************/
.fade-carousel {
    position: relative;
    height: 50vh;
}
.fade-carousel .carousel-inner .item {
    height: 50vh;
}
.fade-carousel .carousel-indicators > li {
    margin: 0 2px;
    background-color: #f39c12;
    border-color: #f39c12;
    opacity: .7;
}
.fade-carousel .carousel-indicators > li.active {
  width: 10px;
  height: 10px;
  opacity: 1;
}





/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1, 
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3 {
  height: 50vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.fade-carousel .slides .slide-1 {
  background-image:url(../images/ban/1.jpg);
}
.fade-carousel .slides .slide-2 {
  background-image:url(../images/ban/2.jpg);
}
.fade-carousel .slides .slide-3 {
  background-image:url(../images/ban/3.jpg);
}

/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px){
    .hero { width: 980px; }    
}
@media screen and (max-width: 640px){
    .hero h1 { font-size: 1em; }    
}

.user { color:#FBF5F6; padding:10px;border:1px solid #696868; }