* {
    margin: 0;
}

@font-face {
    font-family: 'Vaadin-Icons';
    src: url('/theme/fonts/Vaadin-Icons.eot');
    src: url('/theme/fonts/Vaadin-Icons.eot?#iefix') format('embedded-opentype'),
         url('/theme/fonts/Vaadin-Icons.woff') format('woff'),
         url('/theme/fonts/Vaadin-Icons.ttf') format('truetype'),
         url('/theme/fonts/Vaadin-Icons.svg#icomoon') format('svg');
}

.icon {
    font-family: Vaadin-Icons;
    /*font-size: 16px;*/
    speak: none;
    font-weight: normal;
    font-variant: normal;
    font-style: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;    
}

html, body {
  margin: 0 auto;
  padding: 0;         
  height: 100%;
  font-family: 'Roboto', sans-serif, Arial, Tahoma, 'Chebuchet MS' !important;
  text-shadow:none !important;
  overflow-x:hidden  !important;
  position: relative;
  font-size: 14px;
}

a, a.text-dark {
    color: #337ab7 !important;
    text-decoration:none;
    font-weight: 400;
}

a:hover, a:focus, a.text-dark:hover, a.text-dark:focus   {
    color: #23527c !important;
    text-decoration: underline;
}

a.btn{
    color:#ffffff !important;
}

a.btn:hover, a.btn:focus, a.btn.btn-outline-primary:hover, a.btn.btn-outline-danger:hover, a.btn.btn-outline-dark:hover{
    color:#ffffff !important;
}

a.btn.btn-outline-primary, a.btn.btn-outline-danger, a.btn.btn-outline-dark, a.btn.btn-normal{
    color:unset !important;
}

/************** LAYOUT STARTS **************/
.left-nav{
    height: 100%;
    position: fixed;
    background: rgb(17,50,81);
    background: linear-gradient(180deg, rgba(17,50,81,1) 0%, rgba(17,95,137,1) 100%);
    -webkit-border-radius: 0px 15px 15px 0px;
    -moz-border-radius: 0px 15px 15px 0px;
    border-radius: 0px 15px 15px 0px;
    z-index: 10;
}
.left-nav.minimize{
   width: 80px; 
}
.left-nav.maxmize{
   width: 180px;  
}
.left-nav.minimize .logo{
    height: 35px;
    margin-top: 20px;
    margin-left: 10px;
}

.left-nav.maximize .logo{
    height: 35px;
    width: 180px;
    margin-top: 20px;
    padding-left: 10px;
}

.left-nav .action_minimize{
    font-size: 0.8em;
    position: absolute;
    top: 80px;
    right: 20px;
}
.left-nav .action_minimize a{
    color:#fff;
}
.left-nav .action_minimize a:hover{
    color:#8AD38A;
    text-decoration: none;
}
.left-nav .action_minimize a i{
    margin-top: 3px !important;
}

.left-nav.minimize .action_minimize, .left-nav.minimize .copyright{
    display:none;
}
.left-nav.maximize .action_minimize, .left-nav.maximize .copyright{
    display:inline-block;
}

.left-nav .copyright{
    position: absolute;
    bottom: 10px;
    color: #fff;
    font-size:0.9em;
    width: 100%;
    text-align: center;
}

.left-nav.minimize ul.subnav{
    display: none !important;
}

.left-nav.minimize span{
    display: none;
}
.left-nav.minimize .logo img{
    height: 100%;
}
.left-nav.maximize{
    padding-right: 5px;
}
.left-nav.maximize .logo img{
    height: 100%;
    margin-left: 25px;
}

.left-nav.minimize .logo img.logo_full{
    display: none;
}
.left-nav.maximize .logo img.logo_img{
    display: none;
}

.left-nav.minimize img.normal{
    display: inline;
}

.left-nav.minimize img.active{
    display: none;
}

.left-nav.maximize img.normal{
    display: inline;
}

.left-nav.maximize img.active{
    display: none;
}

.left-nav.maximize i{
    display: inline-block;
    float: right;
    margin-right: 10px;
    margin-top: 5px;
}

.left-nav li.nav-item a span{
    font-weight: 600;
}

.left-nav li.nav-item ul.subnav{
    display: none;
}

.left-nav li.nav-item ul.subnav li a{
    font-size: 0.8em;
    padding-top: 5px;
    padding-bottom: 5px;
}
.left-nav li.nav-item ul.subnav li a:hover, .left-nav li.nav-item ul.subnav li.active a{
    color:#8AD38A;
}
.left-nav li.nav-item.show ul.subnav{
    display: inline-block;
}

.left-nav li.nav-item i.fa-angle-right{
    display: inline-block;
}
.left-nav li.nav-item i.fa-angle-down{
    display: none;
}

.left-nav li.nav-item.show i.fa-angle-right{
    display: none;
}
.left-nav li.nav-item.show i.fa-angle-down{
    display: inline-block;
}

.left-nav li.nav-item.show a.nav-action span, .left-nav li.nav-item.show a.nav-action i.fa-angle-down{
    color:#8AD38A;
}
.left-nav li.nav-item.show a.nav-action img.normal{
    display: none;
}
.left-nav li.nav-item.show a.nav-action img.active{
    display: inline;
}

.left-nav.minimize li.nav-item i.fa-angle-right, .left-nav.minimize li.nav-item i.fa-angle-down{
    display: none !important;
}


.left-nav ul.nav-panel {
    list-style: none;
    margin-top: 50px;
    padding: 0px;
}

.left-nav ul.nav-panel ul.subnav {
    list-style: none;
    padding-left: 37px;
    padding-top: 0px;
    margin-bottom: -10px;
}

.left-nav ul.nav-panel li.nav-item {
    margin-top: 15px;
    text-align: center;
}
.left-nav.maximize ul.nav-panel li.nav-item {
    text-align: left;
}
.left-nav ul.nav-panel li.nav-item a {
    display: block;
    width: 100%;
    color:#fff;
    padding-left: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-decoration: none;
    font-size: 0.85em;
}
.left-nav.minimize ul.nav-panel li.nav-item a {
    padding-left: 8px;
}
.left-nav.maximize ul.nav-panel li.nav-item a {
    padding-left: 27px;
}
.left-nav ul.nav-panel li.nav-item a img{
    margin-right: 10px;
}
.left-nav.minimize ul.nav-panel li.nav-item a:hover img.normal{
    display: none;
}
.left-nav.minimize ul.nav-panel li.nav-item a:hover{
    width: 180px;
    background: #0B2135;
    -webkit-border-radius: 0px 10px 10px 0px;
    -moz-border-radius: 0px 10px 10px 0px;
    border-radius: 0px 10px 10px 0px;
    text-align: left;
    padding-left: 27px;
    /*box-shadow: 2px 1px 6px 0px rgb(0 0 0 / 60%);
    -webkit-box-shadow: 2px 1px 6px 0px rgb(0 0 0 / 60%);
    -moz-box-shadow: 2px 1px 6px 0px rgba(0,0,0,0.6);*/
}
.left-nav.minimize ul.nav-panel li.nav-item a:hover img.active{
    display: inline;
}
.left-nav.minimize ul.nav-panel li.nav-item a:hover span{
    display: inline;
    color:#8AD38A;
}

/*.left-nav ul.nav-panel li.nav-item a:before{
    background: url("../img/ic_home.png")
}*/


.left-nav.maximize ul.nav-panel li.nav-item a:hover img.normal{
    display: none;
}
.left-nav.maximize ul.nav-panel li.nav-item a:hover{
    /*width: 180px;
    background: #627DB5;
    -webkit-border-radius: 0px 10px 10px 0px;
    -moz-border-radius: 0px 10px 10px 0px;
    border-radius: 0px 10px 10px 0px;
    text-align: left;
    padding-left: 27px;
    box-shadow: 2px 1px 6px 0px rgb(0 0 0 / 60%);
    -webkit-box-shadow: 2px 1px 6px 0px rgb(0 0 0 / 60%);
    -moz-box-shadow: 2px 1px 6px 0px rgba(0,0,0,0.6);*/
}
.left-nav.maximize ul.nav-panel li.nav-item a:hover img.active{
    display: inline;
}
.left-nav.maximize ul.nav-panel li.nav-item a:hover span{
    display: inline;
    color:#8AD38A;
}


.left-nav ul.nav-panel li.nav-item a img {  
    width: 24px;
}


.right-content{
    margin-left: 80px;
    height: 100%;
    padding-left: 15px;
}

.right-content.swiped{
    margin-left: 180px;
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */
}

.push {
    height: 50px; /* .push must be the same height as .footer */
}

/************** LAYOUT ENDS **************/

hr {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #EEEEEE -moz-use-text-color #FFFFFF;
  border-style: solid none;
  border-width: 1px 0;
  margin: 18px 0;
}

#header {
	width:100%;
	position:relative;
	height:65px;
background: rgba(15,48,79,1);
background: -moz-linear-gradient(left, rgba(15,48,79,1) 0%, rgba(8,87,128,1) 50%, rgba(3,111,160,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(15,48,79,1)), color-stop(50%, rgba(8,87,128,1)), color-stop(100%, rgba(3,111,160,1)));
background: -webkit-linear-gradient(left, rgba(15,48,79,1) 0%, rgba(8,87,128,1) 50%, rgba(3,111,160,1) 100%);
background: -o-linear-gradient(left, rgba(15,48,79,1) 0%, rgba(8,87,128,1) 50%, rgba(3,111,160,1) 100%);
background: -ms-linear-gradient(left, rgba(15,48,79,1) 0%, rgba(8,87,128,1) 50%, rgba(3,111,160,1) 100%);
background: linear-gradient(to right, rgba(15,48,79,1) 0%, rgba(8,87,128,1) 50%, rgba(3,111,160,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f304f', endColorstr='#036fa0', GradientType=1 );
}

#header #header-top{
	width:100%;
	height:15px;
	background-color:#2E2F2D;
}

#header #logo{
	position:absolute;
	width:183px;
	height:60px;
	top: 3px; left: 10px;
}

#header #logo img{
	width:100%;
	height:100%;
}

#header #appname{
	display:none;
	position:absolute;
	width:193px;
	height:42px;
	top: 5px; left: 132px;
	/*background:url(/assets/img/appname.png) no-repeat center center;*/
}

#header #powerby{
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:0.75em;
	font-weight:bold;
}

#header #top-menu .navbar {
    float: center;
    margin: 0 auto;
	text-align:center !important;
	height:65px  !important;
}

#header #top-menu .center-nav{
	width:500px;
	 margin: 0 auto;
	
	text-align:center !important;
}

#header #top-menu .right-nav{
	width:100px;
	
	position: absolute;
	right: -15px;
	top:0px;
	text-align:center !important;
}


#header #top-menu .navbar-nav{
	float:right !important;
	margin-right: -25px;
}

#header #top-menu .navbar-nav a{
	color:#fff;
	padding-top:10px;
	padding-bottom:0px;
	text-shadow:none !important;
	height:65px;
	font-size:0.85em;
	font-weight:bold;
}


#header #top-menu .dropdown-menu a{
	color:#333333 !important;
}

#header #top-menu .top-menu-icon{
	width: 60px;
	height: 30px;
}

#header #top-menu .top-menu-icon img {
	height: 100%;
}

#header a:link, #header a:visited, #header a:active{
	color:#fff !important;
}

.divider-vertical {
    height: 65px;
    margin: 0 9px;
    border-left: 1px solid #0C3E61;
}

.dropdown-menu a{
	height:auto !important;
        padding:5px;
}

.navbar-nav > li {
	margin:0px;
}

.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
  text-decoration: none;
  background-color: #0C3E61 !important;
}

#header #top-menu .navbar-nav .dropdown-menu{
	background-color:#05628E;
}

#header #top-menu .navbar-nav .dropdown-menu > li > a:hover {
    background-color: #0675AA;
    background-image: none;
}


#header #top-menu .navbar-nav a{
	color:#fff !important;
}


.action-buttons a:link, .action-buttons a:visited, .action-buttons a:hover, .action-buttons a:active, .btn-group a:link, .btn-group a:visited, .btn-group a:hover, .btn-group a:active{
	text-decoration:none !important;
}

#content{
	padding:10px;
}

.filter-panel .title{
    font-size:24px; 
    position:absolute;
    color:#ffffff;
    font-weight: 500;
    font-family: 'Montserrat','Roboto', sans-serif, Arial, Tahoma, 'Chebuchet MS' !important;
    white-space: nowrap;
    /*text-transform:uppercase; */
}

.filter-panel .title.relative{
    position:relative;
}


.admin-page .filter-panel{
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    display: flex;
    align-items: center;
}
.filter-panel .title{
    position: relative;
}
.control-label{
    font-weight: bold;
}
.form-horizontal .control-label{
    text-align: right;
}
.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}
.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: auto;
}

.input-group-addon, .input-group-btn, .input-group .form-control {
    display: flex;
    align-items: center;
}
.filter-panel .input-group{
    align-items: center;
    flex-wrap: nowrap;
    gap: 10px;
}
.filter-panel .filter-inner-panel{
    align-items: center;
    margin-bottom: 0px !important;
}
#filterForm{
    width: 100%;
}
.btn-tsksched-sched{
    width: 100%;
    margin: 20px 0;
}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active,.btn-check+.btn:hover{
    color: #ffffff;
    background-color: #2E6BAA;
    border-color: #35507A;
}
body .btn-tsksched-sched .btn-outline-primary{
    color: #ffffff;
    background-color: #5996D2;
    border-color: #35507A;
}
.panel-info .dropdown-toggle::after{
    display: none;
}
a.schedule-toggle-action.active {
    color: #EFAC1E !important;
}
.panel-heading{
    padding: 10px 15px;
    font-weight: 700 !important;
    text-indent: unset !important;
    font-size: unset !important;
}
.dropdown-menu.cleaner_list{
    padding: 10px;
}
.dropdown-menu.cleaner_list li{
    float: none !important;
    margin: 2px 0;
}
.dropdown-menu.cleaner_list li a{
    font-weight: 500 !important;
}
/* .btn-check .btn{
    color: #ffffff;
    background-color: #5996D2;
    border-color: #35507A;
}
.btn-check+.btn:hover,.btn-check:checked+.btn, .btn.active, .btn:first-child:active, :not(.btn-check)+.btn:active  {
    color: #ffffff;
    background-color: #2E6BAA;
    border-color: #35507A;
} */

/*#footer{
    position:relative;
    height:50px;
    color:#777;
    
}

#footer .copyright{
	padding-top:20px;
	margin-left:20px;
        color:#31327D;
}*/

body.login-page #footer .copyright{
    color:#fff;
}

#footer .copyright .text{
    display: none;
}

#footer .poweredby{
	position:absolute;
	top:0px; right:10px;
	width:264px;
	height:50px;
	/*background:url(/assets/img/asepsis.png) no-repeat;*/
}

#clientinfo{
    font-family: 'Roboto', sans-serif, Arial, Tahoma, 'Chebuchet MS' !important;
    position: absolute;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    top: 25px;
    margin-left: 200px;
    color: #ffffff;
    white-space: nowrap;
}

body.login-page #footer{
    position:relative;
    height:50px;
    color:#fff;
    background: rgba(15,48,79,1);
    background: -moz-linear-gradient(left, rgba(15,48,79,1) 0%, rgba(8,87,128,1) 50%, rgba(3,111,160,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(15,48,79,1)), color-stop(50%, rgba(8,87,128,1)), color-stop(100%, rgba(3,111,160,1)));
    background: -webkit-linear-gradient(left, rgba(15,48,79,1) 0%, rgba(8,87,128,1) 50%, rgba(3,111,160,1) 100%);
    background: -o-linear-gradient(left, rgba(15,48,79,1) 0%, rgba(8,87,128,1) 50%, rgba(3,111,160,1) 100%);
    background: -ms-linear-gradient(left, rgba(15,48,79,1) 0%, rgba(8,87,128,1) 50%, rgba(3,111,160,1) 100%);
    background: linear-gradient(to right, rgba(15,48,79,1) 0%, rgba(8,87,128,1) 50%, rgba(3,111,160,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f304f', endColorstr='#036fa0', GradientType=1 );
}
body.login-page #footer .copyright .text{
    display: inline;
}

body.login-page #footer #clientinfo{
    display: none;
}

body.login-page #footer{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)" !important;       /* IE 8 */
    filter: alpha(opacity=30) !important;  /* IE 5-7 */
    -moz-opacity: 0.3 !important;          /* Netscape */
    -khtml-opacity: 0.3 !important;        /* Safari 1.x */
    opacity: 0.3 !important;               /* Good browsers */
}

body.login-page #footer .copyright{
	padding-top:20px;
	margin-left:20px;
}

body.login-page #footer .poweredby{
	position:absolute;
	top:0px; right:10px;
	width:264px;
	height:50px;
	/*background:url(/assets/img/asepsis.png) no-repeat;*/
}

.btn, .panel, .list-group, .list-group-item, .form-control, .input-group-addon,.modal-content, .alert, .panel-info .panel-heading, .panel-info .panel-footer{
	/*-webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important; */
}
.search-box{
    display: inline-block;
    position: relative;
    width: 100%;
}
.search-box input{
    border:0px;
    font-size: 0.8em;
}
.search-box:after {
    content: "\f002";
    font-family: 'Font Awesome\ 6 Pro';
    font-weight: 300;
    position: absolute;
    top: 8px;
    right: 5px;
    color: #2c2e7b;
    z-index: 10;
 }
 
.panel{
    background-color: #A6BAC1; 
}

.panel-info .panel-heading, .panel-info .panel-footer{
	background:#C4D5DC !important;
        border:none !important;
}
.panel-info{
	border:1px solid #C4D5DC !important;
	
}

.highcharts-text-outline{
    display:none;
}

.highcharts-axis-line{
    stroke-linecap: round;
}

.filter-panel{
    font-size: 0.85em;
    border-bottom: 1px solid #ECE1DD;
    padding-top: 20px !important;
    padding-bottom: 3px !important;
    margin-right: -25px;
    margin-left: -50px;
    padding-left: 50px !important;
    padding-right: 20px !important;
    background: rgb(85,134,145);
    background: linear-gradient(90deg, rgba(85,134,145,1) 0%, rgba(118,171,183,1) 100%);
	/*color:#fff;
	background: rgba(71,121,132,1);
background: -moz-linear-gradient(left, rgba(71,121,132,1) 0%, rgba(96,148,161,1) 50%, rgba(117,173,186,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(71,121,132,1)), color-stop(50%, rgba(96,148,161,1)), color-stop(100%, rgba(117,173,186,1)));
background: -webkit-linear-gradient(left, rgba(71,121,132,1) 0%, rgba(96,148,161,1) 50%, rgba(117,173,186,1) 100%);
background: -o-linear-gradient(left, rgba(71,121,132,1) 0%, rgba(96,148,161,1) 50%, rgba(117,173,186,1) 100%);
background: -ms-linear-gradient(left, rgba(71,121,132,1) 0%, rgba(96,148,161,1) 50%, rgba(117,173,186,1) 100%);
background: linear-gradient(to right, rgba(71,121,132,1) 0%, rgba(96,148,161,1) 50%, rgba(117,173,186,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#477984', endColorstr='#75adba', GradientType=1 );*/
}

.filter-panel input, .filter-panel select{
	/*background-color:transparent !important;
	border:1px solid #fff;*/
	border-radius:3px !important;
        border:none;
	/*color:#fff;*/
        -webkit-box-shadow: unset;
    box-shadow: unset;
}

.filter-panel input:disabled, .filter-panel select:disabled{
    border:none;
    color:#AAAAAA;
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

.filter-panel select option {
	/*background-color:#51838E;*/
}

/*.filter-panel a {color:#fff;}*/
.filter-panel .input-group-addon{
	background-color:transparent !important;
	border:none !important;
	border-radius:0 !important;
        color:#2C2E7B;
}

.filter-panel .input-group-prepend .input-group-text{
	background-color:transparent !important;
	border:none !important;
	border-radius:0 !important;
        color:#FFFFFF;
}

.filter-panel .input-group-addon.standard{
    /*min-width: 100px;*/
    text-align: right;
    font-weight: 400;
    color:#ffffff;
    padding-top: 3px;
    margin-left: 10px !important;
    margin-right: 10px !important;
}
.filter-panel .input-group-addon.standard.button{
    padding-top: 0px;
}
.filter-panel .form-control.standard, .filter-panel .form-select.standard{
    min-width: 120px;
    font-size: 13px;
    font-weight: 400;
    color:#ffffff;
    background-color: #5D8F9B !important;
    border: 1px solid #fff;
    border-radius: 6px !important;
}

.filter-panel .form-select.standard {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
}

.filter-panel.more-filers{
    display: none;
}
.filter-panel a{
    color:#FFF !important;
}
.filter-panel .filter-inner-panel {
    margin-top:-15px;
    margin-bottom:5px;
}
.filter-panel .filter-inner-panel.no-margin {
    margin-top:0px;
}
.cal-input{
    position: relative;
}
.cal-input:after {
    content: "\f133";
    font-family: 'Font Awesome\ 6 Pro';
    font-weight: 300;
    position: absolute;
    top: 8px;
    right: 5px;
    color: #fff;
    z-index: 10;
 }

#regbox{
	width:500px;
	margin:0px auto;
}

#adminform, #displayform{
	margin:0px auto;
}

form label, th, th a{
    font-weight: 600;
}

.form-group {
    margin-bottom: 1rem;
}

#regbox label{
	min-width:100px;
}

#adminform label{
	min-width:200px;
}

#adminform th, #adminform td{
padding:5px;
}

#adminform .field{
	min-width:200px;
}

#adminform textarea{
	min-height:100px;
}

#displayform label{
	min-width:100px;
}

.highcharts-container{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.highcharts-background{
    fill:transparent;
}

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}


.highlight{
	color:#ffff00;
	font-weight:bold;
}

.highlight_m{
	color:#631DC2;
	font-weight:bold;
}

label.error {
    color:#ff0000;
	font-size:0.8em;
}

body.login-page{
	background:#172E47 url('/assets/img/background.jpg'); 
	background-size: cover;
    background-repeat:no-repeat;
    background-position: center center;  
	color:#fff !important;
}
body.login-page #header{
	display:none;
}

body.login-page .btn-link{
	color:#fff !important;
}

body.login-page input[type=text], body.login-page input[type=password]{
	background-color:rgba(0, 0, 0, 0.3);
	border:none !important;
	color:#fff;
	
}

.btn-login { 
  color: #ffffff; 
  background-color: transparent; 
  border-color: #FFFFFF; 
  font-size:1.2em;
} 
 
.btn-login:hover, 
.btn-login:focus, 
.btn-login:active, 
.btn-login.active, 
.open .dropdown-toggle.btn-login { 
  color: #ffffff; 
  background-color:rgba(0, 0, 0, 0.3);
  border-color: #FFFFFF; 
} 
 
.btn-login:active, 
.btn-login.active, 
.open .dropdown-toggle.btn-login { 
  background-image: none; 
} 
 
.btn-login.disabled, 
.btn-login[disabled], 
fieldset[disabled] .btn-login, 
.btn-login.disabled:hover, 
.btn-login[disabled]:hover, 
fieldset[disabled] .btn-login:hover, 
.btn-login.disabled:focus, 
.btn-login[disabled]:focus, 
fieldset[disabled] .btn-login:focus, 
.btn-login.disabled:active, 
.btn-login[disabled]:active, 
fieldset[disabled] .btn-login:active, 
.btn-login.disabled.active, 
.btn-login[disabled].active, 
fieldset[disabled] .btn-login.active { 
  background-color: #611BBD; 
  border-color: #FFFFFF; 
} 
 
.btn-login .badge { 
  color: #611BBD; 
  background-color: #ffffff; 
}



.btn-normal { 
  color: #31327D; 
  background-color: transparent; 
  border: 1px solid #31327D !important; 
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; 
  font-weight:600;
  text-shadow: none !important;
  padding:8px;
} 
 
.btn-normal:hover, 
.btn-normal:focus, 
.btn-normal:active, 
.btn-normal.active, 
.open .dropdown-toggle.btn-normal { 
  background-color: #fff; 
} 
 
.btn-normal:active, 
.btn-normal.active, 
.open .dropdown-toggle.btn-normal { 
  background-image: none; 
} 
 
.btn-normal.disabled, 
.btn-normal[disabled], 
fieldset[disabled] .btn-normal, 
.btn-normal.disabled:hover, 
.btn-normal[disabled]:hover, 
fieldset[disabled] .btn-normal:hover, 
.btn-normal.disabled:focus, 
.btn-normal[disabled]:focus, 
fieldset[disabled] .btn-normal:focus, 
.btn-normal.disabled:active, 
.btn-normal[disabled]:active, 
fieldset[disabled] .btn-normal:active, 
.btn-normal.disabled.active, 
.btn-normal[disabled].active, 
fieldset[disabled] .btn-normal.active { 
  background-color: transparent; 
  border-color: #FFFFFF; 
} 
 
.btn-normal .badge { 
  color: #000000; 
  background-color: transparent; 
}

.btn-reset { 
  color: #fff; 
  background-color: #114F75; 
  border-color: #114F75; 
  border-left:0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  font-weight: 500 !important;
} 
 
.btn-reset:hover, 
.btn-reset:focus, 
.btn-reset:active, 
.btn-reset.active, 
.open .dropdown-toggle.btn-reset { 
  color: #fff; 
  background-color: #5A8D97; 
  border-color: #5A8D97; 
  border-left: 1px solid #114F75;
} 
 
.btn-reset:active, 
.btn-reset.active, 
.open .dropdown-toggle.btn-reset { 
  background-image: none; 
} 
 
.btn-reset.disabled, 
.btn-reset[disabled], 
fieldset[disabled] .btn-reset, 
.btn-reset.disabled:hover, 
.btn-reset[disabled]:hover, 
fieldset[disabled] .btn-reset:hover, 
.btn-reset.disabled:focus, 
.btn-reset[disabled]:focus, 
fieldset[disabled] .btn-reset:focus, 
.btn-reset.disabled:active, 
.btn-reset[disabled]:active, 
fieldset[disabled] .btn-reset:active, 
.btn-reset.disabled.active, 
.btn-reset[disabled].active, 
fieldset[disabled] .btn-reset.active { 
  color: #AAAAAA;
    background-color: #eee;
    border-color: #AAAAAA;
} 
 
.btn-reset .badge { 
  color: #FFFFFF; 
  background-color: #AAAAAA; 
}

.btn-wfallocate { 
  color: #ffffff; 
  background-color: #8AD38A; 
  border-color: #8AD38A; 
  font-size:1em;
  font-weight: 500 !important;
  padding: 8px;
  /*-moz-border-radius: 0px !important;
-webkit-border-radius: 0px !important;
border-radius: 0px !important;*/
} 
 
.btn-wfallocate:hover, 
.btn-wfallocate:focus, 
.btn-wfallocate:active, 
.btn-wfallocate.active, 
.open .dropdown-toggle.btn-wfallocate { 
  color: #ffffff; 
  background-color: #4FBD4F; 
  border-color: #4FBD4F; 
} 
 
.btn-wfallocate:active, 
.btn-wfallocate.active, 
.open .dropdown-toggle.btn-wfallocate { 
  background-image: none; 
} 
 
.btn-wfallocate.disabled, 
.btn-wfallocate[disabled], 
fieldset[disabled] .btn-wfallocate, 
.btn-wfallocate.disabled:hover, 
.btn-wfallocate[disabled]:hover, 
fieldset[disabled] .btn-wfallocate:hover, 
.btn-wfallocate.disabled:focus, 
.btn-wfallocate[disabled]:focus, 
fieldset[disabled] .btn-wfallocate:focus, 
.btn-wfallocate.disabled:active, 
.btn-wfallocate[disabled]:active, 
fieldset[disabled] .btn-wfallocate:active, 
.btn-wfallocate.disabled.active, 
.btn-wfallocate[disabled].active, 
fieldset[disabled] .btn-wfallocate.active { 
    background-color: #DDDDDD;
    border-color: #CCCCCC;
} 
 
.btn-wfallocate .badge { 
  color: #A62564; 
  background-color: #ffffff; 
}

.btn-wfsave { 
  color: #ffffff; 
  background-color: #114F75; 
  border-color: #114F75; 
  font-size:1em;
  font-weight: 500 !important;
  padding:8px;
  /*-moz-border-radius: 0px !important;
-webkit-border-radius: 0px !important;
border-radius: 0px !important;*/
} 
 
.btn-wfsave:hover, 
.btn-wfsave:focus, 
.btn-wfsave:active, 
.btn-wfsave.active, 
.open .dropdown-toggle.btn-wfsave { 
  color: #ffffff; 
  background-color: #0C354E; 
  border-color: #0C354E; 
} 
 
.btn-wfsave:active, 
.btn-wfsave.active, 
.open .dropdown-toggle.btn-wfsave { 
  background-image: none; 
} 
 
.btn-wfsave.disabled, 
.btn-wfsave[disabled], 
fieldset[disabled] .btn-wfsave, 
.btn-wfsave.disabled:hover, 
.btn-wfsave[disabled]:hover, 
fieldset[disabled] .btn-wfsave:hover, 
.btn-wfsave.disabled:focus, 
.btn-wfsave[disabled]:focus, 
fieldset[disabled] .btn-wfsave:focus, 
.btn-wfsave.disabled:active, 
.btn-wfsave[disabled]:active, 
fieldset[disabled] .btn-wfsave:active, 
.btn-wfsave.disabled.active, 
.btn-wfsave[disabled].active, 
fieldset[disabled] .btn-wfsave.active { 
  background-color: #DDDDDD; 
  border-color: #CCCCCC; 
} 
 
.btn-wfsave .badge { 
  color: #008C8C; 
  background-color: #ffffff; 
}


.btn-save { 
  color: #ffffff; 
  background-color: #A81F02; 
  border-color: #A81F02; 
  font-size:1em;
  font-weight: 500 !important;
  padding:8px;
 /* -moz-border-radius: 0px !important;
-webkit-border-radius: 0px !important;
border-radius: 0px !important;*/
} 
 
.btn-save:hover, 
.btn-save:focus, 
.btn-save:active, 
.btn-save.active, 
.open .dropdown-toggle.btn-save { 
  color: #ffffff; 
  background-color: #741501; 
  border-color: #741501; 
} 
 
.btn-save:active, 
.btn-save.active, 
.open .dropdown-toggle.btn-save { 
  background-image: none; 
} 
 
.btn-save.disabled, 
.btn-save[disabled], 
fieldset[disabled] .btn-save, 
.btn-save.disabled:hover, 
.btn-save[disabled]:hover, 
fieldset[disabled] .btn-save:hover, 
.btn-save.disabled:focus, 
.btn-save[disabled]:focus, 
fieldset[disabled] .btn-save:focus, 
.btn-save.disabled:active, 
.btn-save[disabled]:active, 
fieldset[disabled] .btn-save:active, 
.btn-save.disabled.active, 
.btn-save[disabled].active, 
fieldset[disabled] .btn-save.active { 
  background-color: #dddddd; 
  border-color: #cccccc; 
} 
 
.btn-save .badge { 
  color: #008C8C; 
  background-color: #ffffff; 
}




.btn-wflog { 
  color: #ffffff; 
  background-color: #D7960F; 
  border-color: #D7960F; 
  font-size:1.3em;
 /* -moz-border-radius: 0px !important;
-webkit-border-radius: 0px !important;
border-radius: 0px !important;*/
} 
 
.btn-wflog:hover, 
.btn-wflog:focus, 
.btn-wflog:active, 
.btn-wflog.active, 
.open .dropdown-toggle.btn-wflog { 
  color: #ffffff; 
  background-color: #AB770C; 
  border-color: #AB770C; 
} 
 
.btn-wflog:active, 
.btn-wflog.active, 
.open .dropdown-toggle.btn-wflog { 
  background-image: none; 
} 
 
.btn-wflog.disabled, 
.btn-wflog[disabled], 
fieldset[disabled] .btn-wflog, 
.btn-wflog.disabled:hover, 
.btn-wflog[disabled]:hover, 
fieldset[disabled] .btn-wflog:hover, 
.btn-wflog.disabled:focus, 
.btn-wflog[disabled]:focus, 
fieldset[disabled] .btn-wflog:focus, 
.btn-wflog.disabled:active, 
.btn-wflog[disabled]:active, 
fieldset[disabled] .btn-wflog:active, 
.btn-wflog.disabled.active, 
.btn-wflog[disabled].active, 
fieldset[disabled] .btn-wflog.active { 
  background-color: #dddddd; 
  border-color: #cccccc; 
} 
 
.btn-wflog .badge { 
  color: #008C8C; 
  background-color: #ffffff; 
}

.btn-default-size{
    font-size: unset !important;
}

table.dataTable tbody tr {
 background-color: unset !important;
}

.table-striped>tbody>tr:nth-child(odd) {
    background-color: #fff !important;
}

table.dataTable thead th{
    border-bottom: unset !important;
}

table.dataTable.no-footer{
    border-bottom: 1px solid #E6DFDE !important;
}
.btn {
    font-weight: 300;
}

.chart-container{
    background:#C1D4DA;
    border-radius:10px;
}

.stat-box{
    padding: 10px;
    background: #C1D4DA;
    border-radius: 10px;    
    margin-bottom: 20px;
}

.stat-box .title{
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #000000 !important;
    text-transform: uppercase;
    position: relative !important;
}

.stat-box .content{
    margin-top: 10px;
    background: #fff;
    border-radius: 7px;  
    padding: 10px;
    padding-top: 20px;
    color: #435b6b;
    font-size: 14px;
    font-weight: 400;
}

.camp-info{
    border:1px solid #647FB4;
    border-radius: 10px;
    font-weight: 600;
    color: #000;
    padding:7px;
}
.camp-count{
    display: inline-block;
    background: #114569;
    border-radius: 5px;
    color:#fff;
    font-size: 13px;
    text-align: center;
    padding: 3px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 20px;
    float:right;
}
.unlock-reset{
    background: #5A8D97;
    color:#fff;
    border:1px solid #5A8D97;
    padding:5px 10px;
    border-radius: 5px;
}
.ipt-select{
    padding: 5px !important;
    font-size: 0.85em !important;
}
#wrap-select-days{
    margin-top: 10px;
}
.list-dates{
    margin: 10px 0 0;
    padding: 0;
    display: flex;
    gap: 10px;
    list-style: none;
}
.list-dates li a{
    width: 30px;
    height: 30px;
    display: block;
    background: #e9e9e9;
    color: #000;
    border-radius: 100%;
    line-height: 30px;
    text-align: center;
    font-size: 90%;
}
.list-dates li a:hover{
    text-decoration: none;
    background: #C4D5DC;
}
.list-dates li a.selected{
    background: #114569;
    color: #fff;
}
#bulkScheduleModal .step,#bulkScheduleModal .modal-footer{
    display: none;
}
#bulkScheduleModal .step.active,#bulkScheduleModal .modal-footer.active{
    display: block;
}
#bulkScheduleModal .gray-box{
    padding: 15px;
    border-radius: 4px;
    background-color: #ededed;
}
#bulkScheduleModal .gray-box .cl{
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: 4px;
}
#bulkScheduleModal .gray-box label{
    color: #9c9c9c;
}
.wrap-pediodical{
    margin-top: 15px;
    display: none;
}
.wrap-pediodical.active{
    display: block;
}
.wrap-qty{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.wrap-qty .item-qty{
    flex: 0 0 90px;
}
.nav-icon.apply-periodical{   
    text-align: center;
    display: inline-block;
    position: relative;
    text-decoration: none !important;
    border-radius: 100%;
}

.nav-icon.apply-periodical i{
    font-size: 1.02em;
    color: #31327D;
}

.nav-icon.apply-periodical.applied{
    background: #31327D;
    padding-left: 1px;
    padding-right: 1px;
}

.nav-icon.apply-periodical.applied i{
    color: #FFFFFF;
    margin-top:2px;
}

#confirmApplyPeriodicalModal .step,#confirmApplyPeriodicalModal .modal-footer{
    display: none;
}
#confirmApplyPeriodicalModal.step-1 .step-1,#confirmApplyPeriodicalModal.step-2 .step-2,#confirmApplyPeriodicalModal.step-3 .step-3{
    display: block;
}
#confirmApplyPeriodicalModal.step-3 .modal-header{
    display: none !important;
}
#confirmApplyPeriodicalModal.step-3 .modal-body h2{
    text-align: center;
    font-size: 18px;
    margin-bottom: 30px;
}
#confirmApplyPeriodicalModal.step-3 .modal-body h2 i{
    color: #164269;
    font-size: 40px;
}
#confirmApplyPeriodicalModal.step-3 .modal-body h2 span{
    display: block;
    margin: 10px 0;
}
#confirmApplyPeriodicalModal.step-3 .modal-footer{
    text-align: center;
    border-top: none;
}
#confirmApplyPeriodicalModal.step-3 .modal-footer button{
    padding: 8px 50px;
}
#list-periodicals-tasks .item{
    margin-bottom: 5px;
    padding: 10px 10px;
    background: #164269;
    color: #fff;
}
#list-periodicals-tasks .item .d-flex{
    display: flex;
    gap: 10px;
    align-items: center;
}
#list-applied-periodicals-tasks{
    background: #f1f2f1;
    border-radius: 4px;
}
#list-applied-periodicals-tasks .item{
    padding: 10px 10px;
    border-bottom: 2px solid #ccc;
}
#list-applied-periodicals-tasks .item:last-child{
    border: none;
}
#list-applied-periodicals-tasks .item .d-flex i{
    display: none;
}
.apply-periodical.nav-icon.disabled{
    opacity: 0.7;
    cursor: default;
}
.apply-periodical.nav-icon .fas,.apply-periodical.nav-icon.done .far{
    display: none;
}
.apply-periodical.nav-icon.done .fas{
    display: inline-block;
}
.more-filers.d-flex{
    display: flex;
    gap: 10px;
}
.more-filers.d-flex .col-left-filter{
    flex: 0 0 130px;
}
.more-filers .cal-input:after {
    color:unset !important;
}
#filterForm .block-gray{
    background: #ececec;
    border-radius: 4px;
    padding: 10px;
    display: flex;
    align-items: stretch;
    flex-direction: column;
}
.more-filers .col-left-filter {
    flex: 0 0 130px;
}
#filterForm .block-gray h4{
    font-size: 16px;
    margin: 0;
    padding: 0 0 15px;
}
.more-filers .input-group-addon.standard{
    justify-content: end;
}

.more-filers .form-control,.more-filers .form-select {
    border-radius: 6px !important;
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    border-color: #11466A;
}
.more-filers .input-group-date .input-group-addon.standard{
    min-width: auto;
}
/* #filterForm .block-gray .form-group-radio{
    padding-left: 20px;
} */
#link-switch-view span{
    display: none;
}
#link-switch-view .active{
    display: block;
}
.block-report{
    margin-top: 30px;
}
.block-report > h4{
    margin: 0;
    padding: 0 0 10px;
    border-bottom: 1px solid #ececec;
}
.block-report > h4 span{
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
}
.block-tasks{
    padding: 20px 0;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
}
.block-tasks:after{
    content: "";
    position: absolute;
    width: 1px;
    left: 50%;
    background: #ececec;
    top: 0;
    bottom: 0;
}
.block-tasks .heading{
    font-size: 18px;
    padding-bottom: 20px;
}
.block-tasks .block-list{
    padding: 0 30px;
    font-size: 15px;
}
.block-tasks .block-to-do .list-items{
    font-weight: bold;
    text-transform: uppercase;
}
.block-tasks table td{
    width: 33%;
    border: none !important;
}
.block-tasks table td.area{
    font-weight: bold;
    color: #85D588;
    text-transform: uppercase;
}
.block-tasks table tr td:last-child{
    text-align: right;
    color: gray;
}
.report-pics img{
    margin-right: 5px;
    margin-bottom: 5px;
}
.onoffswitch {
    position: relative; width: 40px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    height: 20px; padding: 0; line-height: 20px;
    border: 2px solid #98A9B1; border-radius: 20px;
    background-color: #98A9B1;
    transition: background-color 0.1s ease-in;
}
.onoffswitch-label:before {
    content: "";
    display: block; width: 20px; margin: 0px; height: 20px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 18px;
    border: 2px solid #98A9B1; border-radius: 20px;
    transition: all 0.1s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label {
    background-color: #164269;
}
.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {
   border-color: #164269;
}
.onoffswitch-checkbox:checked + .onoffswitch-label:before {
    right: 0px; 
}
#roster_actions .panel-heading .overflow{
    overflow: hidden;
}

.wrap-switch{
    display: flex;
    gap: 20px;
    margin: 10px 0 0;
    width: 100%;
    clear: both;
}
.wrap-switch > span{
    flex: 0 0 auto;
    font-weight: bold;
    color: #000;
}
.wrap-switch .onoffswitch{
    flex: 0 0 auto;
}

.report-pics .pic{
    margin-right: 5px;
    width: 100px;
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.report-pics .pic img{
    width: 100%;
}

.report-pics .pic i.fa-search-plus{
    position: absolute;
    font-size: 1.5em;
    left: calc(50% - 5px);
    top: calc(50% - 10px);
    color: #fff;
    opacity: 60%;
}

.modal.img-full .modal-body{
    text-align: center;
}
.modal.img-full .modal-content{
    width: fit-content;
}
.modal.img-full .modal-footer{
    
}
.modal.img-full button.close{
    position: absolute;
    top: 7px;
    right: 2px;
    color: #000;
    opacity: 1;
    display: none;
}

#footer{
    color: unset !important;
}

#footer .container-fluid .row
 {
    padding: unset !important;
    padding-bottom: unset !important;
    padding-top: unset !important;
}

#standardAreasContainer{
    margin-top: 10px;
    margin-bottom: 20px;
}
.addl-cleantypes-control{
    margin-top: 10px;
}

.checkbox-inline, .checkbox{
    margin-right: 15px;
}

.checkbox-inline input, .checkbox input{
    margin-right: 5px;
}

/* ADMIN CSS*/
/*.container-fluid .row {
    padding: 5px;
    padding-bottom: 0px;
    padding-top: 20px;
} */
.col {
    padding: 2px;
} 
.panel-draggable {
    width: 100%;
}
.flex, .flex > div[class*='col-'] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex: 1 0 auto;
}
.panel {
    display: flex;
    flex-direction: column;
    align-content: stretch;
    border-radius: 4px;
}
.panel-body {
    /*display: flex;*/
    flex-grow: 1;
}
.panel-footer {
    text-align: center;
}
.panel-draggable .panel-heading, .panel-draggable .panel-footer {
}

.panel-draggable .panel-heading, .panel-info .panel-heading{
    text-indent:9px;	
    font-size: 0.85em;
    padding-top: 10px;
    padding-left:10px;
    padding-right: 10px;
    font-weight: 500;
}

.panel-draggable .panel-heading{
    padding-left:20px;
}

.panel-draggable .panel-footer, .panel-info .panel-footer{
    padding: 5px;
    font-size: 0.85em;
}

.panel-draggable .panel-heading:before {
    content: "\f047"; 
    font-family: 'Font Awesome\ 6 Pro';
    font-weight: 300;
    position:absolute;
    font-size:1.3em;
    top:8px;
    left:2px;
    color:#5871A6;
}

.weekly-select{
    padding: 5px !important;
    font-size: 0.85em !important;
    color:#fff;
    width: 100%;
}

#fullFacilityDroppable.showborder, #serviceFacilityDroppable.showborder, #infectFacilityDroppable.showborder, #schedulerWorkDroppable.showborder, #add_schedulerWorkDroppable.showborder, #keepFacilityDroppable.showborder, #facilityAreaDroppable.showborder,
#a1FacilityDroppable.showborder,#a2FacilityDroppable.showborder,#a3FacilityDroppable.showborder,#a4FacilityDroppable.showborder{
    border: 1px dashed #000;
    min-height: 168px;
    padding: 0px;
}

#fullStdAreaDroppable.showborder, #serviceStdAreaDroppable.showborder, #stdTaskStdAreaDroppable.showborder, #keepStdAreaDroppable.showborder,
#a1StdAreaDroppable.showborder,#a2StdAreaDroppable.showborder,#a3StdAreaDroppable.showborder,#a4StdAreaDroppable.showborder{
    border: 1px dashed #000;
    min-height: 400px;
    padding: 0px;
}

#schedulerWorkDroppable.showborder,#add_schedulerWorkDroppable.showborder {
    min-height: 200px;
    padding: 0px;
}
#fullFacilityDroppable.hideborder, #serviceFacilityDroppable.hideborder, #infectFacilityDroppable.hideborder, #schedulerWorkDroppable.hideborder, #add_schedulerWorkDroppable.hideborder, #keepFacilityDroppable.hideborder, 
#fullStdAreaDroppable.hideborder, #serviceStdAreaDroppable.hideborder, #stdTaskStdAreaDroppable.hideborder, #keepStdAreaDroppable.hideborder,
#a1FacilityDroppable.hideborder,#a2FacilityDroppable.hideborder,#a3FacilityDroppable.hideborder,#a4FacilityDroppable.hideborder,
#a1StdAreaDroppable.hideborder,#a2StdAreaDroppable.hideborder,#a3StdAreaDroppable.hideborder,#a4StdAreaDroppable.hideborder{
    /*border:none;*/
    border: 1px dashed #000;
    padding: 5px;
    min-height: 168px;
}
#schedulerWorkDroppable.hideborder, #add_schedulerWorkDroppable.hideborder {
    min-height: 200px;
}

.item-droppable{
    border: 1px dashed #000;
}

.area-draggable, .std-task-draggable, .std-area-draggable, .nonstd-draggable, .extra-draggable, .section-draggable, .staff-draggable, .staff-draggable-s {
    color:#5D79B1;
    font-weight: 400;
    text-indent:7px;		
}

.staff-item{
    color:#5D79B1;
    font-weight: 600;
}

.staff-draggable, .staff-item, .std-area-draggable, .area-draggable, .std-task-draggable, .nonstd-draggable, .nonstd-item, .section-draggable, .extra-draggable  {
    background-color: #fff;
    border-radius: 5px !important;
}

.staff-draggable-s{
    background-color: #76B876;
    border-radius: 5px !important;
    color: #fff;
}

.staff-draggable-s .pull-right{
    margin-right: -15px;
}


.extra-draggable {
    background-color: #fff;
    border-radius: 5px !important;
}


.area-draggable:before, .std-task-draggable:before, .std-area-draggable:before, .nonstd-draggable:before, .extra-draggable:before, .section-draggable:before, .area-draggable.assigned:before, .staff-draggable:before, .staff-draggable-s:before{
    content: "\f047"; 
    font-family: 'Font Awesome\ 6 Pro';
    font-weight: 300;
    position:absolute;
    font-size:13px;
    top:10px;
    left:-3px;
}

.area-draggable.assigned:before {
    color:#FA6A66;
}


.std-area-item, .task-list-item, .building-item, .extra-item, .std-task-item, .action-item{
    background-color: #fff;
    border-radius: 5px !important;
    color:#5D79B1 !important;
    font-weight: 400;
}

.std-task-draggable a, .std-area-item a, .area-draggable a, .std-area-draggable a, .task-list-item a, .extra-draggable a, .section-draggable a, .building-item a, .std-task-item a, .extra-item a, .nonstd-draggable a, .nonstd-item a, .action-item a, .staff-draggable a, .staff-item a{
    color:#5D79B1 !important;
    font-size:1.6em;
}
.staff-draggable-s a{
    color:#FFF !important;
    font-size:1.6em;
}
.std-task-draggable, .building-item, .std-task-item, .section-draggable, .staff-item{
    background-color: #113251;
    color:#fff !important;
}
.std-area-draggable, .extra-item, .area-draggable, .staff-draggable{
    background-color: #164269;
    color:#fff !important;
}
.task-list-item{
    background-color: #1E5A91;
    color:#fff !important;
}
.std-task-draggable a, .building-item a, .std-task-item a, .std-area-draggable a, .extra-item a, .task-list-item a, 
.section-draggable a, .area-draggable a, .staff-item a, .staff-draggable a{
    color:#fff !important;
}

.setup-group{
    height:300px; overflow:auto;
    border:none  !important;
}
.time-info{
    FONT-SIZE: 0.85em;
    color: #FFF;
    padding: 3px;
    border: 1px solid #76B876;
    border-radius: 3px;
}
td.has-event-1 {
    color: #080 !important;
    font-weight: 600;
}
td.has-event-2 {
    color: #F90 !important;
}
td.has-event-3 {
    color: #03F !important;
}
td.active.has-event-1, td.active.has-event-2, td.active.has-event-3 {
    color: #fff !important;
}

#source_task_list, #target_task_list{
    border:1px solid #dddddd; padding:5px; height:500px; overflow-x:none; overflow-y:auto;
}

ol.standardTaskList{
    height:400px; overflow-x:none; overflow-y:auto;
}

#source_task_list li, #target_task_list li {
    cursor:move;
}

ol.list-group li{
    cursor:move !important;
    list-style-type: none !important;
}

.sched-list-item{
    cursor:none !important;
}

ol.list-group li .badge{
    cursor:pointer !important;
    padding:0px !important;
    background-color:transparent !important;
    color:#666 !important;
    font-size:1.5em;
}

#select-task-table{
    margin-top:15px;
}

#select-task-table th{
    background-color:#ddd;
    text-align:center;
    padding:5px;
}

.sortable-placeholder{
    position: relative;
    /** More li styles **/
    border:1px dashed #666;
    height:36px;
    background-color:#FFC;
}


.drop-hovered {
    cursor:not-allowed;
}

.drop-accepted{
    background-color:#FFC;
    cursor:pointer !important;
}

.list-group-item{
    font-size:0.8em;
    height:35px !important;
}

.panel-draggable, .panel-draggable .panel-heading, .panel-draggable .panel-footer{
    position: relative;
    cursor:move !important;
}

a.add-icon{
    color:#11466A  !important;
    font-size:1.4em;
}

a.remove-icon{
    color:#FC441D !important;
    font-size:1.4em;
}

.scheduler-panel a.repeat-icon{
    color:#11466A !important;
    font-size:1.4em;
}

.scheduler-panel a.progress-icon{
    color:#FF9900 !important;
    font-size:1.4em;
}

.clean-type-group, .clean-type-groupnew{
    display:inline-block;
    border:1px solid #CCCCCC;
    /*border-radius: 5px;*/
    /*width:88px;*/
    height:20px;
    margin-right:10px;
    position:relative;
    border-radius: 5px;
}

.clean-type-groupnew{
    /*width:110px;*/
    margin-right:0px;
}

.clean-type-box{
    text-align:center;
    /*position:absolute;*/
    top:0px;
    width:22px;
    height:19px;
    line-height: 19px;
    cursor:pointer;
    float:left;
    /*background: #FCE5DA;*/
    border-radius: 3px;
    font-size: 0.85em;
}

#selected_floor_plan{
    border:1px solid #ECE1DD; 
    border-radius: 5px;
    background: #fff;
    display:none; 
    position:relative;
}

a.schedule-toggle-action{
    font-size:1.6em;
    color: #11466A;
}

a.schedule-toggle-action.active{
    font-size:1.6em;
    color: #EFAC1E;
}


.list-group-item.selected{
    background-color:#76B876 !important;
    
}
.list-group-item.selected a{
    color:#fff !important;
}
.list-group-item.selected .time-info{
    color:#fff !important;
    border: 1px solid #FFf !important;
}
.list-group-item.sched-selected{
    background-color:#76B876 !important;
}
.list-group-item.sched-selected .time-info{
    border: 1px solid #FFf !important;
}
.pull-right.action-buttons{
    /*margin-right:-13px;*/
    position:absolute;
    right:3px; top:8px;
}

.sortable-group, .sched-sortable-group{
    max-height:400px; overflow-x:none; overflow-y:auto;
}

.sched-list-item{
    padding-left:2px;
    padding-right:2px;
    padding-top:5px;
    padding-bottom:5px;
    cursor:default;
}

.panel-heading .pull-left{
    font-weight:500;
    color:#000;
    font-size: 14px;
    /*text-transform: uppercase;*/
    white-space: nowrap;
}
#log-info-popup{
    font-weight: 400;
    text-transform: none;
    letter-spacing:0;
    white-space:normal;
}
.sched-list-select{
    width:35px;
    color:#000;
}

.area-selected-alert, .floor-marker{
    position:absolute; top:0px; right:60px; font-size:0.75em;
}

.floor-marker{
    background:url(/assets/img/marker.png) no-repeat;
    width:26px; height:40px;
    cursor:pointer;
}

.floor-marker.selected{
    background:url(/assets/img/marker_current.png) no-repeat;
    width:26px; height:40px;
}

.btn-switch { 
    color: #ffffff; 
    background-color: #5996D2; 
    border-color: #35507A; 
} 

.btn-switch:hover, 
.btn-switch:focus, 
.btn-switch:active, 
.btn-switch.active, 
.open .dropdown-toggle.btn-switch { 
    color: #ffffff; 
    background-color: #2E6BAA; 
    border-color: #35507A; 
} 

.btn-switch:active, 
.btn-switch.active, 
.open .dropdown-toggle.btn-switch { 
    background-image: none; 
} 

.btn-switch.disabled, 
.btn-switch[disabled], 
fieldset[disabled] .btn-switch, 
.btn-switch.disabled:hover, 
.btn-switch[disabled]:hover, 
fieldset[disabled] .btn-switch:hover, 
.btn-switch.disabled:focus, 
.btn-switch[disabled]:focus, 
fieldset[disabled] .btn-switch:focus, 
.btn-switch.disabled:active, 
.btn-switch[disabled]:active, 
fieldset[disabled] .btn-switch:active, 
.btn-switch.disabled.active, 
.btn-switch[disabled].active, 
fieldset[disabled] .btn-switch.active { 
    background-color: #A876EB; 
    border-color: #130269; 
} 

.btn-switch .badge { 
    color: #A876EB; 
    background-color: #ffffff; 
}

.row-ext{
    padding: 5px;
    margin-right: unset;
    margin-left: unset;
    line-height: 35px;
}

.row-odd{
    background-color: #f5f5f5;
}

.colored-dot{
    display: inline-block;
    width:8px; height:8px;
    border-radius: 50%;
}

/* UPLOADER*/
.uploader
{
	border: 2px dotted #A5A5C7;
	width: 100%;
	color: #92AAB0;
	text-align: center;
	vertical-align: middle;
	font-size: 150%;

	cursor: default;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.uploader div.or {
	font-size: 50%;
	font-weight: bold;
	color: #C0C0C0;
	padding: 10px;
}

.uploader div.browser label {
	padding: 6px 0px;
	font-size: 60%;
	font-weight: bold;
	cursor: pointer;
	border-radius: 2px;
	position: relative;
	overflow: hidden;
	display: block;
	margin: 20px auto 0px auto;
        width: 50%;
}

.uploader div.browser span {
	cursor: pointer;
}


.uploader div.browser input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	border: solid transparent;
	border-width: 0 0 100px 200px;
	opacity: .0;
	filter: alpha(opacity= 0);
	-o-transform: translate(250px,-50px) scale(1);
	-moz-transform: translate(-300px,0) scale(4);
	direction: ltr;
	cursor: pointer;
}

.form-group{
    margin-bottom: 15px;
}

div.dt-container select.dt-input {
    margin-right: 5px;
}

table.dataTable thead>tr>th.dt-orderable-asc, table.dataTable thead>tr>th.dt-orderable-desc, table.dataTable thead>tr>td.dt-orderable-asc, table.dataTable thead>tr>td.dt-orderable-desc
{

    background-color: #dddddd;
}