@charset "utf-8";
/* CSS Document */
body{background: #e8ebef;}
.card .card-title{
  font-size: 1rem;     
  margin-bottom: 1rem;
  margin-top: .5em;
}
.mask-detection-bx .profile{
	width: 54px;
    height: 54px;
    border-radius: 100%;
}
.detection-dtl{margin-bottom: 15px;}
.detection-dtl .badge{
    /* margin-left: 30px; */
    height: 15px;
    width: 15px;
    border-radius: 50%;
    text-indent: -999px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 4px;
    left: 4px;
    border: 1px solid #fff;
    box-sizing: border-box;
}
.detection-dtl.crowding-dtl .badge{
	top: -7px;
    left: 2px;
}
.detection-dtl div.d-flex{
	padding-bottom: 15px;
	border-bottom: 1px solid #f3f3f3;
}
.detection-dtl .alert-danger{
    padding: 2px 5px;
    margin: auto;
    font-size: 12px;
    font-weight: 600;
    position: absolute;
    right: 15px;
    top: 6px;
}
.card-heading{
    margin: -10px -16px 10px;
    padding: 0 10px 5px;
}
.card-heading .list-group{margin-top: -5px; margin-bottom: -5px;}
.card-heading .list-group-item{padding: 0px 10px;}
.card .card-heading .card-title{
	margin-bottom: 0px;
    margin-top: 8px;
    font-size: 19px;
    margin-left: 3px;
}
.custom-select{-webkit-appearance: none; appearance: none;}
.report-chart{
	    margin: 0 -16px;
/*
    padding-bottom: 10px;
    border-bottom: 1px solid #f3f3f3;
*/
}
.chart-box{
	padding: 10px;
    border: 2px solid #e1dfe5;
    border-radius: 8px;
    margin-top: -8px;
    position: relative;
}
.chart-box h5{
	position: absolute;
    font-size: 12px;
    padding: 2px;
    text-align: center;
/*    width: 170px;*/
    margin: auto;
    left: 0;
    right: 0;
	top:0;
}
.report-chart h4{
	font-size: 16px;
	margin: 10px 0;
}
.report-chart ul{list-style: none; padding: 0; margin: 0;}
.report-chart ul li{margin-bottom: 10px;}
.legend{
	height: 12px;
	width: 12px;
	display: block;
	margin-right: 10px;
	float: left;
	margin-top: 8px;
}
.legend-value{
	float: left;
    line-height: 18px;
    font-size: 13px;
	color: #787878;
}
.legend-value strong{display: block; font-weight: 500; color: #4a4a4a;}
.legend-p{background:rgba(255, 99, 132, 0.5);}
.legend-b{background:rgba(54, 162, 235, 0.5);}
.legend-y{background:rgba(255, 206, 86, 0.5);}

.crowding{max-width: 100%; max-height: 65px;}
.crowd-img{width: 50%; position: relative;}
/* .crowd-img:hover{z-index: 10;}
.crowd-img:hover .crowding{
	width: auto;
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
	border: 3px solid #fff;
	box-shadow: 0px 0px 9px 2px rgba(0,0,0,0.25);
} */
.crowding-parameters-bx{margin: -10px -30px;}
.crowding-parameters-bx > div{padding-top: 20px;}
.crowding-parameters-bx > div:first-child{border-right: 1px solid #f1f1f1;}
.crowding-parameters-bx h2{
	margin-top: 20px;
}

.switch{
  opacity: 0;
  position: absolute;
  z-index: 1;
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.switch + .lable{
  position: relative;
  display: inline-block;
  margin: 0;
  line-height: 20px;
  min-height: 18px;
  min-width: 18px;
  font-weight: normal;
  cursor: pointer;
}
.switch + .lable::before{
  cursor: pointer;
  font-family: "Material Design Icons";
  font-weight: normal;
  font-size: 12px;
  color: #32a3ce;
  content: "mdi mdi-check";
  background-color: #FAFAFA;
  border: 1px solid #c8c8c8;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 0;
  display: inline-block;
  text-align: center;
  height: 16px;
  line-height: 14px;
  min-width: 16px;
  margin-right: 1px;
  position: relative;
  top: -1px;
}
.switch:checked + .lable::before {
  display: inline-block;
  content: 'mdi mdi-check';
  background-color: #F5F8FC;
  border-color: #adb8c0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
}
/* CSS3 on/off switches */
.switch + .lable {
  margin: 0 4px;
  min-height: 24px;
}
.switch + .lable::before {




  font-weight: normal;
  font-size: 11px;
  line-height: 17px;
  height: 20px;
  overflow: hidden;
  border-radius: 12px;
  background-color: #F5F5F5;
  -webkit-box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.15);
  border: 1px solid #CCC;
  text-align: left;
  float: left;
  padding: 0;
  width: 52px;
  text-indent: -21px;
  margin-right: 0;
  -webkit-transition: text-indent .3s ease;
  -o-transition: text-indent .3s ease;
  transition: text-indent .3s ease;
  top: auto;
}
.switch.switch-bootstrap + .lable::before {
  font-family: "Material Design Icons";
  content: "\F156";
  box-shadow: none;
  border-width: 0;
  font-size: 18px;
	font-weight: bold;
  background-color: #a9a9a9;
  color: #F2F2F2;
  width: 52px;
  height: 22px;
  line-height: 21px;
  text-indent: 28px;
  -webkit-transition: background 0.1s ease;
  -o-transition: background 0.1s ease;
  transition: background 0.1s ease;
}
.switch.switch-bootstrap + .lable::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 3px;
  border-radius: 12px;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  width: 18px;
  height: 18px;
  text-align: center;
  background-color: #F2F2F2;
  border: 4px solid #F2F2F2;
  -webkit-transition: left 0.2s ease;
  -o-transition: left 0.2s ease;
  transition: left 0.2s ease;
}
.switch.switch-bootstrap:checked + .lable::before {
  content: "\F12C";
  text-indent: 6px;
  color: #FFF;
  border-color: #b7d3e5;
  
}
.switch-primary >.switch.switch-bootstrap:checked + .lable::before {
    background-color: #337ab7;
}
.switch-success >.switch.switch-bootstrap:checked + .lable::before {
    background-color: #5cb85c;
}
.switch-danger >.switch.switch-bootstrap:checked + .lable::before {
    background-color: #d9534f;
}
.switch-info >.switch.switch-bootstrap:checked + .lable::before {
    background-color: #5bc0de;
}
.switch-warning >.switch.switch-bootstrap:checked + .lable::before {
    background-color: #f0ad4e;
}
.switch.switch-bootstrap:checked + .lable::after {
  left: 32px;
  background-color: #FFF;
  border: 4px solid #FFF;
  text-shadow: 0 -1px 0 rgba(0, 200, 0, 0.25);
}
/* square */
.switch-square{
  opacity: 0;
  position: absolute;
  z-index: 1;
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.switch-square + .lable{
  position: relative;
  display: inline-block;
  margin: 0;
  line-height: 20px;
  min-height: 18px;
  min-width: 18px;
  font-weight: normal;
  cursor: pointer;
}
.switch-square + .lable::before{
  cursor: pointer;
  font-family: "Material Design Icons";
  font-weight: normal;
  font-size: 12px;
  color: #32a3ce;
  content: "mdi mdi-check";
  background-color: #FAFAFA;
  border: 1px solid #c8c8c8;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 0;
  display: inline-block;
  text-align: center;
  height: 16px;
  line-height: 14px;
  min-width: 16px;
  margin-right: 1px;
  position: relative;
  top: -1px;
}
.switch-square:checked + .lable::before {
  display: inline-block;
  content: '\f00c';
  background-color: #F5F8FC;
  border-color: #adb8c0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
}
/* CSS3 on/off switches */
.switch-square + .lable {
  margin: 0 4px;
  min-height: 24px;
}
.switch-square + .lable::before {
  font-weight: normal;
  font-size: 11px;
  line-height: 17px;
  height: 20px;
  overflow: hidden;
  border-radius: 2px;
  background-color: #F5F5F5;
  -webkit-box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.15);
  border: 1px solid #CCC;
  text-align: left;
  float: left;
  padding: 0;
  width: 52px;
  text-indent: -21px;
  margin-right: 0;
  -webkit-transition: text-indent .3s ease;
  -o-transition: text-indent .3s ease;
  transition: text-indent .3s ease;
  top: auto;
}

.switch-primary >.switch-square.switch-bootstrap:checked + .lable::before {
    background-color: #337ab7;
}

.switch-square.switch-bootstrap:checked + .lable::after {
  left: 32px;
  background-color: #FFF;
  border: 4px solid #FFF;
  text-shadow: 0 -1px 0 rgba(0, 200, 0, 0.25);
}
.switch-square.switch-bootstrap + .lable::after {
	border-radius: 2px;
} 
.label-switch.switch-primary{position: relative;}
.switch + .lable{z-index: 2;}

.range-calander{
	background: #fff;
    cursor: pointer;
    width: auto;
    padding: 0 .75rem;
    border: 0;
    outline: 1px solid #f3f3f3;
    color: #000;
    font-weight: 400;
    font-size: 0.875rem;
    height: 2.875rem;
    line-height: 2.875rem;
}
.top-filter-bx label{font-weight: bold;}
.top-filter-bx .form-group{margin-bottom:0;}
.top-filter-bx .form-group label{line-height:normal; margin-bottom:0;}
.top-filter-bx .col-form-label{text-align:right;}
.top-filter-bx .btn-group{
	width: 100%;
}
.top-filter-bx .multiselect.dropdown-toggle.btn.btn-default,
.filter-by .multiselect.dropdown-toggle.btn.btn-default
{
	background: #fff;
    cursor: pointer;
    width: auto;
    padding: 0 .75rem;
    border: 0;
    outline: 1px solid #f3f3f3;
    color: #000;
    font-weight: 400;
    font-size: 0.875rem;
    height: 2.875rem;
    line-height: 2.875rem;
	text-align: left;
	border-radius: 0;
}
.dropdown-menu.show{border-radius: 0;}
.top-filter-bx .dropdown-toggle::after{
	position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 10px;
}
.top-filter-bx .dropdown-menu.show{
  width: 100%; 
  padding: 10px; 
  box-sizing: border-box;
  max-height: 150px;
  overflow-y: auto;
}
.top-filter-bx .multiselect-container>li>a>label,
.filter-by .multiselect-container>li>a>label
{padding: 3px 10px 3px 10px;}
.top-filter-bx .multiselect-container>li>a>label>input[type=checkbox],
.filter-by .multiselect-container>li>a>label>input[type=checkbox]
{margin-right: 10px;}
.filter-by{padding-top: 5px;}
.filter-by label{
    font-size: 0.875rem;
    font-weight: 600;
    margin: 0;
    margin-right: 5px;
}

.attendance-num h2{
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	margin-left: 10px;
}
.attendance-table .curr-empl{
  margin-right:10px;
  width: 36px;
    height: 36px;
    border-radius: 100%;
}
.attendance-table .nav-pills .nav-link.active:focus{box-shadow: none;}
.attendance-table .nav-pills .nav-link{border:1px solid #45cac2; margin-left: 5px;}
.attendance-table .nav-pills .nav-link.active{background-color:#45cac2;}
.attendance-table .table thead th{font-size: 14px;}
.attendance-table .table td{font-size: 13px;}
.attendance-table h4{font-size: 16px;}
.total-attendance .employee-detail, .total-attendance .curr-empl{float: left;}
.total-attendance .employee-detail{line-height: 20px; width: 70%;}
.table-striped tbody tr.less-hr{
	background: #ffc10030 !important;
	font-weight: bold;
}
.table-striped tbody tr.zero-hr{
  background: rgba(255,71,71,.3) !important;
  font-weight: bold;
}
.attendance-table .table td .badge{
	width: 20px;
    padding: 5px 0;
    margin-bottom: 4px;
}
.attendance-table .badge-light{background-color: #e9e9e9;}
.attendance-table .badge-half-attendance{position: relative; background: linear-gradient(to bottom right, #66af12 0%, #66af12 50%, #ed0000 50%, #ed0000 100%); color: #fff;}
.attendance-table .badge-leave{background-color: #f3b961; color: #fff;}
.attendance-table .badge-leave-first-half{position: relative; background: linear-gradient(to bottom right, #f3b961 0%, #f3b961 50%, #76aa3b 50%, #76aa3b 100%); color: #fff;}
.attendance-table .badge-leave-second-half{position: relative; background: linear-gradient(to bottom right, #76aa3b 0%, #76aa3b 50%, #f3b961 50%, #f3b961 100%); color: #fff;}

/* .attendance-table .table-striped tbody tr:nth-of-type(odd) {
    background-color: #f9f9f9;
} */
.filter-by > a, .filter-by > span{margin-left: 15px;}
.filter-by .multiselect.dropdown-toggle.btn.btn-default{
    height: 1.875rem;
    line-height: 1.875rem;
	width: 190px;
}
.row.grid-margin .card{height:100%;}
.manage-staff-img .curr-empl{
margin: 0;
    height: 100px;
    width: 100px;
    padding: 3px;
    background: #fff;
    box-sizing: border-box;
    border: 1px solid #efefef;
}

.manage-staff-act{
	position: absolute;
	top:0;
	right: 0;
	display: none;
}
.manage-staff-img:hover .manage-staff-act{display: block;}
.manage-staff-act .btn.btn-icon {
    width: 25px;
    height: 25px;
    line-height: 25px;
}
.manage-staff-act .btn.btn-icon i{font-size:16px;}
.col-form-label{
	font-size: 0.875rem;
    line-height: 1.4rem;
    vertical-align: top;
}

.amount-break-up {
    background: #f1f1f1;
    border: 1px solid #e9e9e9;
    padding: 15px 20px;
}
.amount-break-up ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.amount-break-up .amount{float:right;}
.amount-break-up ul.final-amount{font-weight:700; margin-top:10px;}

.account-details-sec h4{display: inline-block; margin-right: 10px;}
.plan-details-row{margin-bottom: 20px;}
.plan-details{
  background-color: #fff;
  border-radius: 3px;
  margin: 0;
  padding: 10px;
}
.plan-details ul{margin:0; padding:0;}
.plan-details li{margin-bottom:5px; list-style:none;}
.plan-details li a{margin:0 10px;}
.plan-details strong{width: 45%; display: inline-block;}
.plan-details li input{width: 50%; display: inline-block; border: 1px solid #fff; pointer-events: none;}
.plan-editable .plan-details li input{border: 1px solid #f3f3f3; pointer-events: all;}
.plan-details-action{ padding: 10px; text-align: right;}
.plan-edit-done, .plan-editable .plan-edit{display: none;}
.plan-editable .plan-edit-done{display: inline-block;}

.weekly-off-bx, .holiday-bx{margin-bottom: 20px;}
.weekly-off-bx .form-check{margin-right: 30px;}
.holiday-bx .form-control{width: 100%; height: 42px; margin-right: 10px;}
.plan-details.holiday-bx strong{width: auto; margin-top: 10px;}
.account-details-sec .form-check.RadioOfUserData{display: inline-block; margin: 10px 30px 5px 0;}
/*
.grid-margin {
    margin-bottom: 1rem;
}
*/
.content-wrapper{padding: 1.5rem;}
.content-wrapper h2{
	font-size: 27px;
	font-weight: 700;
	text-transform: uppercase;
	color: #6c49c9;
}
.sidebar{z-index:1; padding:0 15px; position: relative;}
.sidebar-icon-only .sidebar.sidebar-offcanvas{padding:0;}
.btn-primary{
	    background-color: #6c49b9;
    border-color: #6c49b9;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #7852cc;
    border-color: #7852cc;
}
.btn-primary:hover {
    color: #fff;
    background-color: #7852cc;
    border-color: #7852cc;
}
.btn-primary, .btn-primary:hover {
    box-shadow: 0 2px 2px 0 rgba(108, 73, 185, 0.14), 0 3px 1px -2px rgba(108, 73, 185, 0.2), 0 1px 5px 0 rgba(108, 73, 185, 0.12);
}
.active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(176, 60, 61, 0.5);
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(176, 60, 61, 0.2);
}
.btn-outline-primary{background:#4d83ff; color:#fff;}
.nav-icon{
	width: 40px;
	height: 40px;
	background-image: url("../images/dark-nav-icon.png");
	background-repeat: no-repeat;
	display: inline-block;
	margin-right: 15px;
}
.nav-icon.dashbord-icon{
	background-position: 0 -195px;
}
.nav-icon.mask-icon{
	background-position: 0 -35px;
}
.nav-icon.distance-icon{
	background-position: 0 -70px;
}
.nav-icon.cleaning-icon{
	background-position: 0 -105px;
}
.nav-icon.disinfection-icon{
	background-position: 0 -140px;
}
.nav-icon.camera-icon{
	background-position: 0 -320px;
}
.nav-icon.temperature-screening-icon{
  background-position: 0 -210px;
}
.nav-icon.arogyasetu-status-icon{
  background-position: 0 -244px;
}
.nav-icon.vehicle-disinfection-icon{
  background-position: 0 -280px;
}
.nav-icon.staff-control-icon{
  background-position: 0 -315px;
}
.nav-icon.facial-icon{
  background-position: 0 -11px;
}
.nav-icon.access-icon{
  background-position: 0 -385px;
}
.nav-icon.pilferage-icon{
  background-position: 0 -420px;
}
.nav-icon.unattended-icon{
  background-position: 0 -455px;
}
.nav-icon.my-interactions-icon{
	background-position: 0 -58px;
}
.nav-icon.my-interactions-icon-new{
  background-position: 0 -280px;
}
.nav-icon.employee-leave-report-icon{
	background-position: 0 -525px;
}
.nav-icon.leave-balance-upload-icon{
	background-position: 0 -560px;
}
.nav-icon.subscription-control-panel-icon{
	background-position: 0 -595px;
}
.nav-icon.resources-icon{
	background-position: 0 -148px;
}
.nav-icon.resources-icon-new{
  background-position: 0 -240px;
}
.nav-icon.employee-leave-requests-icon{
	background-position: 0 -104px;
}
.nav-item.active .nav-icon{
	width: 50px;
	height: 44px;
	background-image: url("../images/white-nav-icon.png");
	margin-right: 5px;
}
.nav-item.active .nav-icon.dashbord-icon{
	background-position: 0 -195px;
}
.nav-item.active .nav-icon.mask-icon{
	background-position: 0 -44px;
}
.nav-item.active .nav-icon.distance-icon{
	background-position: 0 -88px;
}
.nav-item.active .nav-icon.cleaning-icon{
	background-position: 0 -132px;
}
.nav-item.active .nav-icon.disinfection-icon{
	background-position: 0 -176px;
}
.nav-item.active .nav-icon.camera-icon{
	background-position: 0 -320px;
}
.nav-item.active .nav-icon.temperature-screening-icon{
  background-position: 0 -264px;
}
.nav-item.active .nav-icon.arogyasetu-status-icon{
  background-position: 0 -308px;
}
.nav-item.active .nav-icon.vehicle-disinfection-icon{
  background-position: 0 -352px;
}
.nav-item.active .nav-icon.staff-control-icon{
  background-position: 0 -396px;
}
.nav-item.active .nav-icon.facial-icon{
  background-position: 0 -11px;
}
.nav-item.active .nav-icon.access-icon{
  background-position: 0 -484px;
}
.nav-item.active .nav-icon.pilferage-icon{
  background-position: 0 -528px;
}
.nav-item.active .nav-icon.unattended-icon{
  background-position: 0 -572px;
}
.nav-item.active .nav-icon.my-interactions-icon{
	background-position: 0 -58px;
}
.nav-item.active .nav-icon.employee-leave-report-icon{
	background-position: 0 -660px;
}
.nav-item.active .nav-icon.leave-balance-upload-icon{
	background-position: 0 -704px;
}
.nav-item.active .nav-icon.subscription-control-panel-icon{
	background-position: 0 -748px;
}
.nav-item.active .nav-icon.resources-icon{
	background-position: 0 -148px;
}
.nav-item.active .nav-icon.employee-leave-requests-icon{
	background-position: 0 -104px;
}
.powered-by{
    color: #fff;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: auto;
    display: none;
}
.powered-by h3{
  font-size: 12px;
  margin-top: 15px;
}
.powered-by .powered-by-logo-sm{display: none;}
.report-icon{
	margin-right: 8px;

    vertical-align: -4px;
}

.top-filter-bx .card .card-body{
	    padding: 1rem 1rem 1rem 0;
}
.top-filter-bx .card .card-body .row{margin:0;}
.card-white-bg{
	background: #fff;
    padding: 10px 0 0;
    margin: 0;
}

.sidebar-icon-only .powered-by .powered-by-logo-sm{display:inline-block;}
.sidebar-icon-only .powered-by .powered-by-logo{display:none;}
/*
.sidebar-icon-only .row.powered-by .col{
  flex: 0 0 100%;
    max-width: 100%;
}
*/
.sidebar-icon-only .row.powered-by .col .techsis-logo{width: 90%;}
.notification-icon{
	width: 24px;
	height: 31px;
	display: inline-block;
	background: url("../images/alert-icon.png") no-repeat;
}
.pagination.pagination-sm{margin: 0; margin-top:20px;}
.pagination.pagination-sm .page-link{color: #c0bfbf;}
.pagination.pagination-sm .page-item.active .page-link{
	    color: #fff;
    background-color: #45cac2;
    border-color: #45cac2;
}

.card-white-bg .detection-dtl:nth-last-child(-n+4){margin-bottom: 0;}
.card-white-bg .detection-dtl:nth-last-child(-n+4) div.d-flex{border-bottom:none;}

.first-card .first-card-sec{
	text-align: center;
	padding: 0;
}
.first-card .first-card-sec .first-card-icon{
	width: 70px;
	height: 37px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center center;
	margin-bottom: 10px;
}
.first-card .first-card-sec h4{
	font-size: 28px;
	color: #777;
	margin-bottom: auto;
}
.first-card .first-card-sec.faces-detected .first-card-icon{
	background-image: url("../images/faces-detected-icon.png");
}
.first-card .first-card-sec.mask-violations .first-card-icon{
	background-image: url("../images/mask-violations-icon.png");
}

.first-card .first-card-sec.instances .first-card-icon{
	background-image: url("../images/instances-icon.png");
}
.first-card .first-card-sec.distancing .first-card-icon{
	background-image: url("../images/social-distancing-icon.png");
}
.first-card .first-card-sec.instances-monitored .first-card-icon{
	background-image: url("../images/instances-monitored.png");
}
.first-card .first-card-sec.cleaning-violations2 .first-card-icon{
	background-image: url("../images/hygiene-icon.png");
}
.first-card .first-card-sec.temp-screened-icon .first-card-icon{
	background-image: url("../images/temp-screened-icon.png");
}
.first-card .first-card-sec.high-temp-icon .first-card-icon{
	background-image: url("../images/high-temp-icon.png");
}
.first-card .first-card-sec.total-headcount-icon .first-card-icon{
	background-image: url("../images/total-headcount-icon.png");
}
.first-card .first-card-sec.arogya-setu-status-icon .first-card-icon{
	background-image: url("../images/arogya-setu-status-icon.png");
}
.first-card .first-card-sec.pilferage-violations .first-card-icon{
	background-image: url("../images/pilferage-violations-icon.png");
}
.first-card .first-card-sec.unattended-outlet-violations .first-card-icon{
	background-image: url("../images/unattended-outlet-icon.png");
}


.first-card .first-card-sec:nth-child(2) h4{color:#45cac2;}

.first-card-exsec{border-left: 1px solid #aaaaaa;}
.first-card-exsec h6{
	color: #45cac2;
    font-size: 25px;
    font-weight: 700;
}
.distance-people-icon{
	height: 23px;
    width: 23px;
    display: block;
    background: url(../images/distance-people-icon.png) no-repeat;
    position: absolute;
    left: 110px;
    top: -8px;
}
.multiselect-container>li>a{color: #000; font-size: 12px;}
.multiselect-container>li>a>label{ font-weight: 300 !important;}
.multiselect-container>li>a.multiselect-all label{
	font-weight: 300 !important;
}
.multiselect.dropdown-toggle::after{
	display: none;
} 
.multiselect.dropdown-toggle .mdi.mdi-chevron-down{
  float: right;
  margin-right: -5px;
}
.range-calander .mdi.mdi-chevron-down{
	    font-size: 20px;
    position: absolute;
    right: 5px;
}
select.form-control{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(../images/select-bg.png) no-repeat;
	background-position: right 10px center;
	background-color: #fff;
	padding-right: 25px;
}
.multiselect-container>li>a>label.checkbox{
	position: relative;
	padding-left: 32px;
}
.multiselect-container>li>a>label.checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;

  width: 0;
}
.checkmark {
position: absolute;
    top: 6px;
    left: 5px;
    height: 20px;
    width: 20px;
    /* background-color: #eee; */
    border: 1px solid #e8ebef;
}
.multiselect-container>li>a>label.checkbox input:checked ~ .checkmark {
      border: 1px solid #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.multiselect-container>li>a>label.checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.multiselect-container>li>a>label.checkbox .checkmark:after {
	left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid #2196F3;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.module-wise-compliance-chart{
  height: 100px;
  position: relative;
}
.module-wise-compliance-label{
  text-align: center;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 300;
}
.module-wise-compliance-label img{margin-right: 5px;}
.module-wise-compliance-chart h5{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 16px;
  width: 60px;
  text-align: center;
}

.compliance-meter-label{
  text-align: center;
  color: #45cac2;
  font-size: 44px;
  font-weight: 500;
  margin-top: 10px;
}
.compliance-meter{
  width: 240px;
  height: 80px;
  margin: auto;
  background: url("../images/meter.png") no-repeat;
  position: relative;
}
.compliance-meter-pointer{
  width: 84px;
  height: 8px;
  background: url(../images/meter-pointer.png) no-repeat;
  position: absolute;
  left: 17%;
  bottom: -7px;
  margin-left: -16px;
  /* -webkit-animation: move 5s infinite; */
  transform: rotate(0deg);
  transform-origin: right;
}
/* @-webkit-keyframes move {
  0% {
      transform:rotate(-90deg);
  }
  50% {
      transform:rotate(90deg);
  }
  100% {
      transform:rotate(-90deg);
  }
} */

.modal{
  z-index: 9999 !important;
  background-color: rgba(0,0,0,0.8) !important;
  padding-top: 0 !important;
}
.modal-content{width: auto !important ;}

.daily-cleaning-bx{margin-bottom: 20px;}
.daily-cleaning-bx .badge{
  float: left;
  border: 1px solid #ccd2c7;
  margin-right: -1px;
  padding: .375rem .2rem;
  width: 26px;
  font-size: 11px;
}
.daily-cleaning-bx .badge.badge-light{
  color: #abaaaa;
  background: #fff;
}
.daily-cleaning-bx .badge.badge-success{
  background: #92d050;
}
.daily-cleaning-bx .badge.badge-danger{
  background: #6c49b9;
}

.cleaning-table .table thead th{
  color: #4a4a4a;
  font-size: 14px;
  font-weight: 500;
  padding: 10px;

  text-align: center;
}
.cleaning-table .staff-control-tbl .table{width: 100%;}
.cleaning-table .staff-control-tbl .table thead th{text-align: left; padding:14px 15px  !important; color: #4a4a4a;}
.cleaning-table .table thead th.border-right{padding: 5px 0;}
.cleaning-table .table thead th.border-right span
{
  display: block;
  padding: 5px 10px;
  border-right: 1px solid #777;
}
.cleaning-table .table thead th.dark-bg-th{
  background: #e7eaee;
}
.cleaning-table .table thead th.dark-bg-th span{
  display: block;
  padding: 5px 10px;
/*  border-right: 1px solid #e0e0e0;*/
  color:#fff;
}
.cleaning-table .table thead th.dark-bg-th:last-of-type span{border-right: none;}
.cleaning-table .table td{
  color: #4a4a4a;
  font-size: 14px;
  font-weight: 600;
  padding:5px;
  border: none;
  text-align: center;
}
.cleaning-table .staff-control-tbl .table td{text-align: left; padding: 10px 15px !important; line-height: 18px; font-weight: 400;}
.cleaning-table .staff-control-tbl .table td.employees-img{padding: 0px 15px !important;}
.cleaning-table .staff-control-tbl .table td.employees-img img{width: 32px;}
.cleaning-table .staff-control-tbl .table td strong{font-size: 14px;}
.cleaning-table1{
  border: 1px solid #e7eaee;
    border-radius: 5px;
}
.cleaning-table1.custom-data-table{
  border: none;
}
.custom-data-table .sorting_asc::before, 
.custom-data-table .sorting_desc::before,
.custom-data-table .sorting::before
{
  right: 1.5em !important;
  bottom: .6em !important;
}
.custom-data-table .sorting_asc::after, 
.custom-data-table .sorting_desc::after,
.custom-data-table .sorting::after
{
  right: 1em !important;
  bottom: 1em !important;
}
#supervisors div.dataTables_wrapper div.dataTables_filter{
  width:65%;
}
#supervisors #filter_row #addsupervisorheadid .btn.btn-secondary{margin-bottom: 0;}
#supervisors #filter_row {position: relative; z-index: 1;}
#supervisors #filter_row #addsupervisorheadid{height: 0;}

/*#employees #filter_row{margin-bottom: -40px;}*/
#employees #filter_row .emp-allowed{margin-right: 50px;}
.cleaning-table .table td.border-right-full{
  border-right: 1px solid #777;
}
.status-span{
  width: 99px;
  height: 68px;
  border-radius: 5px;
  text-align: center;
  padding: 10px 0;
  display: inline-block;
  box-sizing: border-box;
	    position: relative;
    overflow: hidden;
}
.time-slot{
position: absolute;
    width: 100%;
    background: #ffffff;
    top: 0;
    left: 0;
    padding: 0;
    line-height: normal;
	font-size: 11px;
}
.status-span.status-img{
  border:1px solid #bcbcbc;
}
.status-span img{max-height: 100%; max-width: 100%;}
.status-span.status-na{
  background: #d9dadb;
  line-height: 45px;
}
.status-span.status-no-cleaning{
  background: #45cac2;
  line-height: 45px;
}
.status-span.status-camera-off{
  background: #e59aa4;
  line-height: 45px;
}

.cleaning-table1 .badge{
    height: 35px;
    width: 35px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    line-height: 35px;
    font-size: 11px;
    font-weight: 700;
    padding: 0;
}
.cleaning-table1 .badge.badge-success{
  background: #92d050;
}
.cleaning-table1 .badge.badge-danger{
  background: #a83c3d;
}

.powered-by.login-powered{
  position: relative;
  color: #000;
  padding-bottom: 20px;
  bottom: auto;
  background: #e8ebef;
	text-align: center;
}
.powered-by.login-powered h3{margin-top: 0;}
.notification-grey-bx{
  background: #e7eaef;
  padding:10px;
  border-radius: 10px;
  margin: 0 10px 20px 0;
}
.notification-white-bx{
  background: #fff;
  padding:15px 15px 5px;
  border-radius: 10px;
  color: rgba(0,0,0,.5);
}
.notification-date{
  margin-bottom: 5px;
  font-weight: 600;
}

.facility-name{

  font-size: 17px;
  /* position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 150px; */
  text-align: left;
  max-width: 450px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.pending-action{
  background: #45cac2;
  position: absolute;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 13px;
  color: #fff;
  top: 12px;
  z-index: 9999;
  right: 16%;
  margin: auto;
  text-align: center;
}
.pending-action .btn{
  font-size: 12px;
  padding: 0.35rem 0.81rem;
  font-weight: 600;
  margin-left: 10px;
	background: #6463bb;
	color: #fff;
	border: none;
}
.pending-action .mdi-alert-circle{
  color: #e3bc5e;
  font-size: 31px;
  margin-left: -30px;
  margin-top: -5px;
  vertical-align: middle;
  position: absolute;
}
#cameraModuleTable select.form-control{width: 165px;}
.table-responsive > .table-bordered .form-control{
	    min-width: 150px;
}

/*
.modal-content {
    margin: auto;
    display: block;
    width: auto;
    height: auto;
	max-width: 50%;
	max-height: 50%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
padding:15px;
	box-sizing: border-box;
}
.modal-content-bx{
	height: 100%;
	width: 100%;
	overflow: auto;
}
.modal-content .close{
    position: absolute;
    top: -15px;
    right: -15px;
}
*/
#firstPageHideId .dropdown .dropdown-menu, #secondSection .dropdown .dropdown-menu {margin-top: -8px; margin-left: -10px;}
.trend-chart-height{
	max-height: 150px;
	min-height: 150px;
}
.company-saerch .company-saerch-bx{
	padding-top: 80px;
}
.company-saerch label{font-weight: bold;}
#overlay{z-index: 1000000000000;}
.preload {
    margin: -50px 0 0 -50px;
}
.sidebar-icon-only .sidebar .nav{padding-bottom: 190px;}

.freeze {
    position: sticky;
    left: 5px;
    background-color: #ffffff;
}
.pilferage-sec div{display: inline-block; vertical-align: middle; margin-right: 5px;}
.pilferage-sec .pilferage-thumb{position: relative;}
.pilferage-sec .pilferage-thumb .mdi-play-circle{
	    font-size: 23px;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 23px;
    height: 19px;
}
.pilferage-sec .pilferage-thumb img{
	    width: 75px;
}
.pilferage-sec .mdi-download{
	border: 0;
    background: #6c49b9;
    color: #fff;
    border-radius: 50%;
    height: 25px;
    width: 25px;
}
.pilferage-stats > div{margin: 5px 0;}
.pilferage-stats h3{font-size: 18px;}
.pilferage-stats .row div:nth-child(even){color: #45cac2;}

/*
.pilferage-main .nav-pills .nav-link{font-weight: bold; font-size: 16px; color:#333;}
.pilferage-main .nav-pills .nav-link.active:focus{box-shadow:none;}
.pilferage-main .nav-pills .nav-link.active{color:#fff;}
*/
.pilferage-main .nav-pills .nav-link.active:focus{box-shadow: none;}
.pilferage-main .nav-pills .nav-link{border:1px solid #45cac2; margin-left: 5px;}
.pilferage-main .nav-pills .nav-link.active{background-color:#45cac2;}
.pilferage-heading{margin-bottom: 10px;}
.pilferage-heading h3{
	margin-bottom: 0px;
    margin-top: 8px;
    font-size: 19px;
    margin-left: 3px;
    text-transform: uppercase;
}


.scp-tab{
  text-align: right;
  padding-bottom: 15px;
}
.scp-tab .btn-success:not(:disabled):not(.disabled):active, .scp-tab .btn-success:hover, .scp-tab .btn-success{
  background-color: #45cac2;
  border-color: #45cac2;
  box-shadow: none;
}
.scp-tab .btn-success:not(:disabled):not(.disabled):active:focus{box-shadow:none;}
.scp-tab .btn-secondary:not(:disabled):not(.disabled):active, .scp-tab .btn-secondary{
  background-color: transparent;
  border: 1px solid #45cac2;
  box-shadow: none;
  color: #007bff;
}
.scp-tab .btn-secondary:hover{color: #0056b3;}

.form-sub-section{
	padding: 25px 0 0 20px;
	border-top: 1px solid #bbb;
	margin: 20px 0 0 -20px;
	/* border-bottom: 1px solid #bbb; */
	position: relative;
}
.form-sub-section h5{
	display: inline-block;
	padding: 5px 10px;
	margin: auto;
	background: #fff;
	position: absolute;
	top: -14px;
	left: 10px;
}

@media (max-width: 1024px) {
  .pending-action{
    position: fixed;
    bottom: 0;
    top: auto;
    left: 0;
    right: 0;
  }
}
@media (max-width: 991px) {
	.powered-by{ 
		position: relative;
		padding-bottom: 20px;
  }
  .facility-name{
    font-size: 14px;
    /* position: inherit;
    left: auto;
    right: auto;
    margin: auto;
    width: auto; */
    max-width: auto;
  }
.pagination-sm .page-link{padding: 0.25rem 0.4rem;}
.sidebar-offcanvas.active{z-index: 10000;}
}
.togglable-tabs{display: block; width: 100%;}
.togglable-tabs .nav>li {
  position: relative;
  float: left;
  margin-bottom: 5px;
  margin-right: 8px;
}
.togglable-tabs .nav-tabs {
  border:none;
  border-bottom: 1px solid #45cac2;
  margin: 0 10px;
  margin-bottom: -1px;
 /* z-index: 1;*/
  position: relative;
}
/*start media query added by rama date - 21/12/2022*/
.togglable-tabs .nav-tabs>li>a {
  margin-right: -4px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
  position: relative;
  display: block;
  padding: 8px 9px;
  text-decoration: none;
  font-size: 11px;
  font-weight: 600;
  color: #747476;
  background-color: #f4f5f6;
  border: 1px solid #d6d7d8;
  border-bottom: 1px solid #45cac2;
} 
/*end media query added by rama date - 21/12/2022*/
.togglable-tabs .nav-tabs>li>a.active, .togglable-tabs .nav-tabs>li>a.active:focus, .togglable-tabs .nav-tabs>li>a.active:hover {
  color: #45cac2;
  cursor: default;
  background-color: #f9f9f9;
  border: 1px solid #45cac2;
  border-bottom-color: transparent;
  box-shadow:none;
  font-weight: 700;
}
.togglable-tabs .stretch-card .card{border-radius: 0 0 8px 8px;}
.search-bx{width: 220px; display: inline-block; margin-right: 10px; position: relative;}
.search-bx .form-control{height: 42px; padding-right: 35px;}

.search-bx:after {
  font: normal normal normal 24px/1 "Material Design Icons";
  content: "\f349";
  font-size: 1.5rem;
  color: #6c49b9;
  position: absolute;
  top: 10px;
  right: 10px;
}
.emp-allowed{
  background-color: #c3ebe8;
  border-radius: 3px;
  padding:10px 20px;
  font-size: 16px;
  color: #4a4a4a;
  display: inline-block;
  margin-right: 10px;
}
.emp-allowed .divider{
  display: inline-block;
  margin: 0 15px;
}

.notification-content .modal-body{
  text-align: center;
}
.notification-content .modal-body i.mdi{
    font-size: 22px;
    margin-right: 5px;
    vertical-align: middle;
}
.notification-content .modal-body .mdi.mdi-information-outline{
  color: #0005df;
}
.notification-content .modal-body .mdi.mdi-close-circle-outline{
  color: #e24c4b;
}
.notification-content .modal-body .mdi.mdi-check-circle-outline{
  color: #14a800;
}

.oops-bx{text-align: center;}
.oops-bx .stretch-card{margin: auto; margin-top: 50px;}
.oops-heading{
	color: #4a4a4a;
	font-size: 100px;
	font-weight: 300;
}
.oops-sub-heading{
	color: #4a4a4a;
	font-size: 18px;
	margin-top: 40px;
	margin-bottom: 10px;
}
.oops-error-title{
	color: #4a4a4a;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 20px;
}
.oops-button{margin-bottom: 20px;}

.second-form-bx{
	background-color: #fff;
	border-radius: 3px;
	padding: 20px 0px 20px 20px;
	margin: 0;
}
.second-form-bx .form-group{margin-bottom: 10px; margin-right: 5px;}
.second-form-bx .form-group label{font-size: 14px; margin-bottom: 0; font-weight: bold;  color: #4a4a4a;}
.second-form-bx .form-check .form-check-label{font-size: 14px; font-weight: bold; color: #4a4a4a; display: inline-block; padding-right: 20px;}
.second-form-bx .form-check{display: inline-block;}
.second-form-bx .shift-table .form-check-label{padding: 0px; margin-left: .90rem;}

.alow-early .form-control{
	width: 35%;
display: inline-block;
}
.alow-early label{vertical-align: middle; margin-right: 8px;}
.comp-star{color: #f00;}

@media (max-width: 991px) {
  .top-filter-bx .form-group label{
    text-align: left;
  }
  .top-filter-bx .btn-group{
    width: 100% !important;
  }
}
@media (max-width: 768px) {
.modal-content {
    min-width: 90%;
    min-height: 50%;
}
.first-card-exsec {
    border-top: 1px solid #aaaaaa;
    border-left: none;
    padding-top: 15px;
    margin-top: 10px;
    text-align: center;
}
.pagination .page-link{
	padding: 0.25rem 0.3rem !important;
    font-size: 0.6rem !important;
}
.sidebar-offcanvas.active + .main-panel{
	pointer-events:none;
}

}
@media (max-width: 575.98px) {
	.cleaning-table .staff-control-tbl .table thead th, .cleaning-table .staff-control-tbl .table td {
    padding: 10px 10px !important;
}

.employees-img img {
    width: 50px;
    margin: 0 0 5px 0;
}
.employees-action button.mdi-close-circle {
    margin-right:0;
	margin-bottom: 10px;
}
	.employees-img{text-align: center !important;}
}