.skin-default .sidebar-menu>li.header{
    font-size: 1.5rem;
    text-align: center;
    color: white;
}

.web-info{
    color: #ffffff;
}
.login-page,.register-page{
    background-color: #F2F2F2;
}
.login-box-body, .register-box-body {
    -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.3);
    box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.3);
}

#ajax-modal .modal-dialog.clsselhs {width:40%}

.main-header .navbar-custom-menu {width:95%}

@media (max-width: 991px){
	.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
    position: absolute;
    right: 1%;
    left: auto;
    border: 1px solid #fff !important;
    background: #383838 !important;
	}
	.main-header{min-height:120px !important;max-height:120px !important;}
	
}
@media (max-width: 768px){
    .login-box-body, .register-box-body {
        background: #ffffff;
    }
    
}
@media (min-width: 769px){
    .login-box, .register-box {
        width: 60%;
        margin-top: 20px;
    }
    .login-box-body, .register-box-body {
        background: linear-gradient(90deg, #2038F2 50%, #FFFFFF 50%);
        /*background: linear-gradient(90deg, #70D4D7 50%, #FFFFFF 50%);*/
        
        
    }
    .login-box-body .left-panel, .register-box-body .left-panel{
       /* padding-top: 15rem;*/
    }
    .login-box-body .right-panel, .register-box-body .right-panel{
        padding-top: 5rem;
    }
    .navbar-nav > li > a{height:50px;padding-top:5px;cursor:pointer;}
    
}

#overlay {
    position: fixed;
    display: none;
    background-color: rgba(0, 0, 0, 0.25);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    z-index: 999;
}
#scanning {
    position: absolute;
    top: 25%;
    left: 25%;
    margin: auto;
    padding: 20px;
    border: 3px solid black;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 150%;
    font-weight: bold;
    width: auto;
    z-index: 1000;
    color: black;
    background-color: #6495ed;
}
#success {
    position: absolute;
    top: 25%;
    left: 25%;
    margin: auto;
    padding: 20px;
    border: 3px solid black;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 150%;
    font-weight: bold;
    width: auto;
    display: none;
    color: black;
    background-color: #5be298;
}
#failure {
    position: absolute;
    top: 25%;
    left: 25%;
    margin: auto;
    padding: 20px;
    border: 3px solid black;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 150%;
    font-weight: bold;
    width: auto;
    display: none;
    color: black;
    background-color: #cd5c5c;
}
#pagecontent,
#background {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.fc-view{
    border: 1px solid rgba(0,0,0,0.2);
}
.fc-toolbar {
    padding: 0;
}
.fc-button{
    border-radius: 0 !important;
}

.editEvnt{
    position: absolute;
    right: 2%;
    top: 1%;
    z-index: 99;
    color: white;
}

.closeEvnt{
    position: absolute;
    right: 2%;
    top: 1%;
    z-index: 99;
    color: white;
}
.closeEvnt:hover,.closeEvnt:active,.closeEvnt:focus{
    color:red;
}
.btn-sm-link {
    padding: 0 5px;
}
.tab-pane{
    padding: 3px;
}

.clschking{display:inline-block;width:100%;color:#000;text-align:center;font-weight:bold;}
.clsres{padding:5% 8%; background:#2038F2;color:#fff}
.clsdnr{padding:5% 8%; background:gray;color:#fff}


.topdate{padding-top:10px;padding-bottom:15px;line-height: 20px;display:block;padding-left:5px;padding-right:5px}

.clock {
  width: 70%;
  margin: 0px auto;
  color: #fff;
  text-align: center;
}

.white{color:#fff !important;}

.clscnt{font-size:275%;margin-right:5px;margin-top:9px;}
.clsleftborder{border-right:1px solid gray}
.nav>li>a:hover{background-color:#222D32 !important; color:#fff !important;}

.clsdropdown{color:#000 !important;}

.main-header .logo{/*text-align:left;*/line-height:50px; background:#2038F2;padding:0px 5px;}


.clstoppad{padding-top:10px !important;}
.clssync{font-size:200%;color:#1228CE;}

.custnavbar .nav-tabs>li.active>a,
.custnavbar .nav-tabs>li.active>a:focus, 
.custnavbar .nav-tabs>li.active>a:hover{background-color:#222D32 !important;color:#fff}
.custnavbar .tab-content{ padding:10px;
	border-bottom:1px solid #D2D6DE;border-left:1px solid #D2D6DE;border-right:1px solid #D2D6DE}
	
	
.topsubmenu{border:1px solid gray !important;border-top:5px solid #1228CE}	
.fc-myCustomButton-button{margin-left:10px !important;}


.fc-header-toolbar .fc-left{width:50% !important}


.circle-stack {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;    
		border-radius:50%;
		color:#fff;
}

.clsred{background:red;}
.clsyellow{background:yellow;}
.clsgreen{background:green;}
		
.fa-circle-thin,
.points-indicator {
  position: absolute;
  top: 50%
  left: 50%
  transform:translateX(-50%) translateY(-50%);
  
}

.points-indicator {
  /*color:#fff;*/
	position: absolute;
  font-weight: bold;
  top: 50%;
  left: 50%;
  font-size: 15px;
  transform:translateX(-50%) translateY(-50%);
}



.fc-content .circle-stack {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;    
		border-radius:50%;
		/*color:#fff;*/
		top:3px;
}

.resourcecal.circle-stack{border-radius:0%; }

.fc-content .clsred{background:red;}
.fc-content .clsyellow{background:yellow;}
.fc-content .clsgreen{background:green;}
		
.fc-content .fa-circle-thin,
.fc-content .points-indicator {
  position: absolute;
  top: 50%
  left: 50%
  transform:translateX(-50%) translateY(-50%);
  
}

.fc-content .points-indicator {
  /*color:#fff;*/
	position: absolute;
  
  top: 50%;
  left: 50%;
  font-size: 10px;
  transform:translateX(-50%) translateY(-50%);
}

.clseditable{
		margin-top:10px;
		padding:10px;
		cursor:default;
}


#custom_note.active,
#custom_noteh.active
 {
  padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-color: rgba(126, 239, 104, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 5px rgba(102, 175, 233, 1);
  outline: 0 none;
  cursor:default;
}

.dttable{cursor:default;border-bottom:1px dotted gray}
.dttable:focus{
	border-color: rgba(126, 239, 104, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 5px rgba(102, 175, 233, 1);
  outline: 0 none;
  cursor:default;
}

.cls1{color:#000 !important}




.nrtblremark_notes td{vertical-align:top !important;padding-top:10px !important; }
.clsreply{padding: 3px 5px 3px 5px;}
/*
.edit_hover_class .clsnoteicons{
  visibility:hidden;
}
.edit_hover_class:hover .clsnoteicons {
 visibility:visible;
}*/

.clsnoteicons{padding-top:5px;}
.clsnoteicons a {padding-top:2px; font-size:10px;}

.clseven{background-color:#efefef !important; }
.clsodd{background-color:#d5d5d5 !important;}


.notesdot {
  height: 30px;
  width: 30px;
  background-color: #5bc0de;
  border-radius: 50%;
  display: inline-block;
  font-size:16px;
  font-weight:bolder;
  padding-top:4px;
  padding-left:10px;
  color:#fff;  
}

.reply_notesdot{
	height: 25px;
  width: 25px;
  background-color: #5bc0de;
  border-radius: 50%;
  display: inline-block;
  font-size:14px;
  font-weight:bolder;
  padding-top:2px;
  padding-left:8px;
  color:#fff; 
  border:1px solid gray;
}


.table.tblreply{
	clear:both; 
	padding-right:10px; 
	border:1px solid #e2e2e2;
	border-collapse:unset !important;
	margin-top:10px;
	padding:10px 5px;
}


.table.tblreply td{border-top:0px solid !important;}

.clsformcheckboxdiv{padding:10px; border:1px solid #ccc}
.clsformcheckboxdiv .clschkbox{margin-left:10px;}
.clshotelul{list-style:none;margin:0;padding:0px;}
.clshotelul li {width:200px;display:inline-block;white-space:nowrap;}

.currency{font-family: DejaVu Sans; sans-serif;}

#second_topbar .navbar .navbar-nav > li,
#pos_topbar .navbar .navbar-nav > li {margin-bottom:10px;}
#second_topbar .navbar .navbar-nav > li > a,
#pos_topbar .navbar .navbar-nav > li > a
{background-color:rgb(34, 45, 50,0.4);color:#fff;text-align:center; border-right:1px solid gray; width:150px; height:75px; padding-top:15px;}
#pos_topbar .navbar .navbar-nav > li > a{height:40px !important; padding:8px !important;}

#second_topbar .navbar .navbar-nav > li > a.active,
#pos_topbar .navbar .navbar-nav > li > a.active{background-color:gray}


#second_topbar .navbar .navbar-nav > li > a > span,
#pos_topbar .navbar .navbar-nav > li > a > span{display:block;border-bottom:1px solid gray;}

.printtopbar a{ margin:0px 5px;}
.printtopbar img{ width:25px;}


.modal-content{
	/*border:1px solid #00c0ef !important;
	border-top:0px solid #00c0ef !important;
	*/
}

.modal-header{
	background:#00c0ef !important;
	color:#fff !important;
}

.modal-header a,
.modal-header a:hover,
.modal-header a:active
{color:#fff !important;}

.modal-header small{
	color:#fff !important;	
}


.panel > .panel-heading,
.panel-default > .panel-heading{
	border:0px solid #fff !important;
	border-radius:0px !important;
	/*background:#00c0ef !important;*/
	/*color:#fff !important;*/
}

.panel,
.panel-default{
	border:0px solid #fff !important;
}
.userprofile{max-width:50px;max-height:50px; min-width:50px;min-height:50px; border-radius: 50%;}


.clsred-text{color:red;}
.clsgreen-text{color:#008000;}
.clsyellow-text{color:#f39c12;}

.loader {
  border: 3px solid #f3f3f3;
  border-radius: 50%;
  border-top: 3px solid red;
  width: 32px;
  height: 32px;
  -webkit-animation: spin .6s linear infinite; /* Safari */
  animation: spin .6s linear infinite;
  display:inline-block;
  vertical-align:middle;
}

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

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

.colorJanuary ,
.colorMarch,
.colorMay,
.colorJuly,
.colorSeptember ,
.colorNovember,
.colorDecember {color:white; background-color:#ffa500;}


.colorFebruary,
.colorApril,
.colorJune,
.colorAugust,
.colorOctober,
.colorDecember {color:white; background-color:#744174;}


/*
.colorJanuary  {color:black; background-color:gold;}
.colorFebruary {color:white; background-color:plum;}
.colorMarch {color:black; background-color:pink;}
.colorApril {color:white; background-color:blue;}
.colorMay {color:black; background-color:yellow;}
.colorJune {color:white; background-color:green;}
.colorJuly {color:black; background-color:red;}
.colorAugest {color:white; background-color:crimson;}
.colorSeptember  {color:black; background-color:teal;}
.colorOctober {color:white; background-color:purple;}
.colorNovember  {color:black; background-color:orange;}
.colorDecember {color:white; background-color:skyblue;}
*/

.colorJanuary a {color:white !important; margin-left:2px;margin-right:2px;}
.colorFebruary a {color:white !important; margin-left:2px;margin-right:2px;}
.colorMarch a {color:white !important; margin-left:2px;margin-right:2px;}
.colorApril a{color:white !important; margin-left:2px;margin-right:2px;}
.colorMay a {color:white !important;margin-left:2px;margin-right:2px; }
.colorJune a {color:white !important; margin-left:2px;margin-right:2px;}
.colorJuly a {color:white !important;  margin-left:2px;margin-right:2px;}
.colorAugest a {color:white !important; margin-left:2px;margin-right:2px;}
.colorSeptember a {color:white !important; margin-left:2px;margin-right:2px; }
.colorOctober a {color:white !important; margin-left:2px;margin-right:2px;}
.colorNovember a {color:white !important; margin-left:2px;margin-right:2px; }
.colorDecember a {color:white !important; margin-left:2px;margin-right:2px;}



.fc-widget-header .fc-cell-text{padding-left:0px;padding-right:0px}


.fancy .checkbox, .fancy .radio{}

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

.fancy .checkbox .cr,
.fancy .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;
}

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

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

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

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

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

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

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

.fancy .checkbox label, .fancy .radio label{padding-left:0px !important;}



        

.btn-toggle {
  margin: 0 4rem;
  padding: 0;
  position: relative;
  border: none;
  height: 1.5rem;
  width: 3rem;
  border-radius: 1.5rem;
  color: #6b7381;
  background: #ff0000;
}
.btn-toggle:focus,
.btn-toggle.focus,
.btn-toggle:focus.active,
.btn-toggle.focus.active {
  outline: none;
}
.btn-toggle:before,
.btn-toggle:after {
  line-height: 1.5rem;
  width: 4rem;
  text-align: center;
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: absolute;
  bottom: 0;
  transition: opacity .25s;
}
.btn-toggle:before {
  /*content: 'Off';*/
  left: -4rem;
}
.btn-toggle:after {
  /*content: 'On';*/
  right: -4rem;
  opacity: .5;
}
.btn-toggle > .handle {
  position: absolute;
  top: 0.1875rem;
  left: 0.1875rem;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 1.125rem;
  background: #fff;
  transition: left .25s;
}
.btn-toggle.active {
  transition: background-color 0.25s;
}
.btn-toggle.active > .handle {
  left: 1.6875rem;
  transition: left .25s;
}
.btn-toggle.active:before {
  opacity: .5;
}
.btn-toggle.active:after {
  opacity: 1;
}
.btn-toggle.btn-sm:before,
.btn-toggle.btn-sm:after {
  line-height: -0.5rem;
  color: #fff;
  letter-spacing: .75px;
  left: 0.4125rem;
  width: 2.325rem;
}
.btn-toggle.btn-sm:before {
  text-align: right;
}
.btn-toggle.btn-sm:after {
  text-align: left;
  opacity: 0;
}
.btn-toggle.btn-sm.active:before {
  opacity: 0;
}
.btn-toggle.btn-sm.active:after {
  opacity: 1;
}
.btn-toggle.btn-xs:before,
.btn-toggle.btn-xs:after {
  display: none;
}
.btn-toggle:before,
.btn-toggle:after {
  color: #6b7381;
}
.btn-toggle.active {
  background-color: #29b5a8;
}
.btn-toggle.btn-lg {
  margin: 0 5rem;
  padding: 0;
  position: relative;
  border: none;
  height: 2.5rem;
  width: 5rem;
  border-radius: 2.5rem;
}
.btn-toggle.btn-lg:focus,
.btn-toggle.btn-lg.focus,
.btn-toggle.btn-lg:focus.active,
.btn-toggle.btn-lg.focus.active {
  outline: none;
}
.btn-toggle.btn-lg:before,
.btn-toggle.btn-lg:after {
  line-height: 2.5rem;
  width: 5rem;
  text-align: center;
  font-weight: 600;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: absolute;
  bottom: 0;
  transition: opacity .25s;
}
.btn-toggle.btn-lg:before {
  content: 'Off';
  left: -5rem;
}
.btn-toggle.btn-lg:after {
  content: 'On';
  right: -5rem;
  opacity: .5;
}
.btn-toggle.btn-lg > .handle {
  position: absolute;
  top: 0.3125rem;
  left: 0.3125rem;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 1.875rem;
  background: #fff;
  transition: left .25s;
}
.btn-toggle.btn-lg.active {
  transition: background-color 0.25s;
}
.btn-toggle.btn-lg.active > .handle {
  left: 2.8125rem;
  transition: left .25s;
}
.btn-toggle.btn-lg.active:before {
  opacity: .5;
}
.btn-toggle.btn-lg.active:after {
  opacity: 1;
}
.btn-toggle.btn-lg.btn-sm:before,
.btn-toggle.btn-lg.btn-sm:after {
  line-height: 0.5rem;
  color: #fff;
  letter-spacing: .75px;
  left: 0.6875rem;
  width: 3.875rem;
}
.btn-toggle.btn-lg.btn-sm:before {
  text-align: right;
}
.btn-toggle.btn-lg.btn-sm:after {
  text-align: left;
  opacity: 0;
}
.btn-toggle.btn-lg.btn-sm.active:before {
  opacity: 0;
}
.btn-toggle.btn-lg.btn-sm.active:after {
  opacity: 1;
}
.btn-toggle.btn-lg.btn-xs:before,
.btn-toggle.btn-lg.btn-xs:after {
  display: none;
}
.btn-toggle.btn-sm {
  margin: 0 0.5rem;
  padding: 0;
  position: relative;
  border: none;
  height: 1.5rem;
  width: 3rem;
  border-radius: 1.5rem;
}
.btn-toggle.btn-sm:focus,
.btn-toggle.btn-sm.focus,
.btn-toggle.btn-sm:focus.active,
.btn-toggle.btn-sm.focus.active {
  outline: none;
}
.btn-toggle.btn-sm:before,
.btn-toggle.btn-sm:after {
  line-height: 1.5rem;
  width: 0.5rem;
  text-align: center;
  font-weight: 600;
  font-size: 0.55rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: absolute;
  bottom: 0;
  transition: opacity .25s;
}
.btn-toggle.btn-sm:before {
  content: 'Off';
  left: -0.5rem;
}
.btn-toggle.btn-sm:after {
  content: 'On';
  right: -0.5rem;
  opacity: .5;
}
.btn-toggle.btn-sm > .handle {
  position: absolute;
  top: 0.1875rem;
  left: 0.1875rem;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 1.125rem;
  background: #fff;
  transition: left .25s;
}
.btn-toggle.btn-sm.active {
  transition: background-color 0.25s;
}
.btn-toggle.btn-sm.active > .handle {
  left: 1.6875rem;
  transition: left .25s;
}
.btn-toggle.btn-sm.active:before {
  opacity: .5;
}
.btn-toggle.btn-sm.active:after {
  opacity: 1;
}
.btn-toggle.btn-sm.btn-sm:before,
.btn-toggle.btn-sm.btn-sm:after {
  line-height: -0.5rem;
  color: #fff;
  letter-spacing: .75px;
  left: 0.4125rem;
  width: 2.325rem;
}
.btn-toggle.btn-sm.btn-sm:before {
  text-align: right;
}
.btn-toggle.btn-sm.btn-sm:after {
  text-align: left;
  opacity: 0;
}
.btn-toggle.btn-sm.btn-sm.active:before {
  opacity: 0;
}
.btn-toggle.btn-sm.btn-sm.active:after {
  opacity: 1;
}
.btn-toggle.btn-sm.btn-xs:before,
.btn-toggle.btn-sm.btn-xs:after {
  display: none;
}
.btn-toggle.btn-xs {
  margin: 0 0;
  padding: 0;
  position: relative;
  border: none;
  height: 1rem;
  width: 2rem;
  border-radius: 1rem;
}
.btn-toggle.btn-xs:focus,
.btn-toggle.btn-xs.focus,
.btn-toggle.btn-xs:focus.active,
.btn-toggle.btn-xs.focus.active {
  outline: none;
}
.btn-toggle.btn-xs:before,
.btn-toggle.btn-xs:after {
  line-height: 1rem;
  width: 0;
  text-align: center;
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: absolute;
  bottom: 0;
  transition: opacity .25s;
}
.btn-toggle.btn-xs:before {
  content: 'Off';
  left: 0;
}
.btn-toggle.btn-xs:after {
  content: 'On';
  right: 0;
  opacity: .5;
}
.btn-toggle.btn-xs > .handle {
  position: absolute;
  top: 0.125rem;
  left: 0.125rem;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 0.75rem;
  background: #fff;
  transition: left .25s;
}
.btn-toggle.btn-xs.active {
  transition: background-color 0.25s;
}
.btn-toggle.btn-xs.active > .handle {
  left: 1.125rem;
  transition: left .25s;
}
.btn-toggle.btn-xs.active:before {
  opacity: .5;
}
.btn-toggle.btn-xs.active:after {
  opacity: 1;
}
.btn-toggle.btn-xs.btn-sm:before,
.btn-toggle.btn-xs.btn-sm:after {
  line-height: -1rem;
  color: #fff;
  letter-spacing: .75px;
  left: 0.275rem;
  width: 1.55rem;
}
.btn-toggle.btn-xs.btn-sm:before {
  text-align: right;
}
.btn-toggle.btn-xs.btn-sm:after {
  text-align: left;
  opacity: 0;
}
.btn-toggle.btn-xs.btn-sm.active:before {
  opacity: 0;
}
.btn-toggle.btn-xs.btn-sm.active:after {
  opacity: 1;
}
.btn-toggle.btn-xs.btn-xs:before,
.btn-toggle.btn-xs.btn-xs:after {
  display: none;
}
.btn-toggle.btn-secondary {
  color: #6b7381;
  background: #ff0000;
}
.btn-toggle.btn-secondary:before,
.btn-toggle.btn-secondary:after {
  color: #6b7381;
}
.btn-toggle.btn-secondary.active {
  background-color: #ff8300;
}

    
    
    
.switch {
  display: inline-block;
  height: 34px;
  position: relative;
  width: 60px;
}

.switch input {
  display:none;
}

.slider {
  background-color: #ccc;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .4s;
}

.slider:before {
  background-color: #fff;
  bottom: 4px;
  content: "";
  height: 26px;
  left: 4px;
  position: absolute;
  transition: .4s;
  width: 26px;
}

input:checked + .slider {
  background-color: #66bb6a;
}

input:checked + .slider:before {
  transform: translateX(26px);
}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
    
   /* 
.clsCheckin{color: #3c763d !important ;background-color: #dff0d8 !important;}
.clsCheckin.modal-header small,
.clsCheckin.modal-header a, .clsCheckin.modal-header a:hover, .clsCheckin.modal-header a:active {color: #3c763d !important ;}

.clsCheckout{color: #a94442 !important; background-color: #f2dede !important ;}
.clsCheckout.modal-header small,
.clsCheckout.modal-header a, .clsCheckout.modal-header a:hover, .clsCheckout.modal-header a:active {color: #a94442 !important ;}

.clsReservation{color: #31708f !important; background-color: #d9edf7 !important;}
.clsReservation.modal-header small,
.clsReservation.modal-header a, .clsReservation.modal-header a:hover, .clsReservation.modal-header a:active {color: #31708f !important ;}

*/

.clsCheckin{color: #fff !important ;background-color: #008000 !important;}
.clsCheckin.modal-header small,
.clsCheckin.modal-header a, .clsCheckin.modal-header a:hover, .clsCheckin.modal-header a:active {color: #fff !important ;}



.clsCheckout{color: #fff !important; background-color: #FF0000 !important ;}
.clsCheckout.modal-header small,
.clsCheckout.modal-header a, .clsCheckout.modal-header a:hover, .clsCheckout.modal-header a:active {color: #fff !important ;}


.clsReservation{color: #fff !important; background-color: #0000FF !important;}
.clsReservation.modal-header small,
.clsReservation.modal-header a, .clsReservation.modal-header a:hover, .clsReservation.modal-header a:active {color: #fff !important ;}




div.dataTables_wrapper div.dataTables_filter input,
.dataTables_wrapper .dataTables_length select {border:1px solid #ddd !important;}

.table-noborder > thead > tr > th, 
.table-noborder > tbody > tr > th, 
.table-noborder > tfoot > tr > th, 
.table-noborder > thead > tr > td, 
.table-noborder > tbody > tr > td, 
.table-noborder > tfoot > tr > td {border:0px solid #fff !important;}

.table-noborder > thead > tr > th{border-bottom:1px solid #383838 !important;}
.table > thead > tr > th{border-bottom:1px solid #383838 !important;}
.table-noborder > tfoot > tr > th{border-top:1px solid #383838 !important;}
/*#ajax-modal .nav-tabs{border-bottom:0px solid #fff !important;}*/
#ajax-modal .modal-footer{border-top-color:#fff;}


.loadingnw {
  border: 3px solid #f3f3f3;
  border-radius: 50%;
  border-top: 3px solid red;
  width: 32px;
  height: 32px;
  -webkit-animation: spin .6s linear infinite; /* Safari */
  animation: spin .6s linear infinite;
  display:inline-block;
  vertical-align:middle;
  position: fixed;
  z-index: 99999;
  overflow: visible;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}


.frmBooking .table-bordered > thead > tr > th, 
.frmBooking .table-bordered > tbody > tr > th, 
.frmBooking .table-bordered > tfoot > tr > th, 
.frmBooking .table-bordered > thead > tr > td, 
.frmBooking .table-bordered > tbody > tr > td, 
.frmBooking .table-bordered > tfoot > tr > td,
.frmBooking .table-bordered > td {border:0px solid #fff;}

@media only screen and (max-width: 600px)   { 
	#ajax-modal .modal-dialog.clsselhs {width:98%}
	.main-header .navbar-custom-menu {width:80%}
	.navbar-custom-menu>.navbar-nav>li>.dropdown-menu{left:130px !important;}
	
}

@media (max-width: 991px){
	.main-header .navbar-custom-menu {width:80%}
	.navbar-custom-menu>.navbar-nav>li>.dropdown-menu{left:130px !important;}
	#toprightbar .clsleftborder{display:none}
	#toprightbar .topsubmenu li{display:none;}
	#toprightbar .topsubmenu li.clslipassword, #toprightbar .topsubmenu li.clslilogout{display:block}
	.clstopname{
	 			width: 50px;
        overflow:hidden; 
        white-space:nowrap; 
        text-overflow: ellipsis;
        
    }    
}

input:focus{outline: none;}


#frmaddreve input,
#frmadditems input{background:#383838 !important; color:#fff !important;}

#frmaddreve table,
#frmadditems table{margin-bottom:10px !important;}

#frmaddreve td,
#frmadditems td{padding:5px !important;}