/*base */
.border-0{border:0!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.min-vw-100{min-width:100vw!important}.min-vh-100{min-height:100vh!important}.vw-100{width:100vw!important}.vh-100{height:100vh!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}.text-dark{color:#000!important}.text-white{color:#fff!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.bg-transparent{background-color:transparent!important}.font-weight-bold{font-weight:700!important}.bg-primary{background-color:#007bff!important}.flex2{flex:2}.d-flex{display:-ms-flexbox!important;display:flex!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.align-middle{vertical-align:middle!important}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0!important}.zk-tbl .widget-content{padding:1rem;flex-direction:row;align-items:center}.zk-tbl .widget-content .widget-content-wrapper{display:flex;flex:1;position:relative;align-items:center}.zk-tbl .widget-content .widget-content-right{margin-left:auto}.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border-radius:.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125);height:auto;min-height:55px;line-height:40px;text-transform:uppercase}.card-body{-ms-flex:1 1 auto;flex:1 1 auto;min-height:1px;padding:1.25rem}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125);line-height:35px}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.scrollbar-container{position:relative;height:100%}.scroll-area{overflow-x:hidden;height:400px;background:transparent!important}[class*=scroll-area-]::-webkit-scrollbar{width:5px;background:transparent!important}[class*=scroll-area-]::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5)!important;box-shadow:inset 0 0 6px rgba(0,0,0,.5)!important;border-radius:20px!important;background:transparent!important}[class*=scroll-area-]::-webkit-scrollbar-thumb{border-radius:20px!important;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5)!important;box-shadow:inset 0 0 6px rgba(0,0,0,.5)!important;background:rgba(39,43,62,.5)!important;visibility:hidden!important}.card-bg:hover .scroll-area-lg::-webkit-scrollbar-thumb,.card-bg:hover .scroll-area-md::-webkit-scrollbar-thumb,.card-bg:hover .scroll-area-sm::-webkit-scrollbar-thumb,.easy-card-bg:hover .scroll-area-lg::-webkit-scrollbar-thumb,.easy-card-bg:hover .scroll-area-md::-webkit-scrollbar-thumb,.easy-card-bg:hover .scroll-area-sm::-webkit-scrollbar-thumb{visibility:visible!important;transition:all 1s ease!important}​ .scroll-area-xs{height:150px;overflow-x:hidden}.scroll-area-sm{height:200px;overflow-x:hidden}.scroll-area-md{height:300px;overflow-x:hidden}.scroll-area-lg{height:400px;overflow-x:hidden}
/* Base end */
/* T & A Dashboard */

@font-face {
	font-family: 'Roboto';
	/*src: url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;400&display=swap');*/
	/*src: url('https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxFIzIFKw.woff2') format('woff2');*/
	src: url("../../fonts/roboto.css");
	src: url("../../fonts/roboto/v20/KFOkCnqEu92Fr1MmgVxFIzIFKw.woff2") format('woff2');
}

.zk-ta-dashboard,
.zk-pandemic-dashboard,
.easy-pandemic-dashboard {
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
}

.zk-ta-dashboard .table-responsive,
.zk-pandemic-dashboard .table-responsive,
.easy-pandemic-dashboard .table-responsive {
	border: 0;
}
/*.zk-ta-dashboard .current-company,*/
/*.zk-pandemic-dashboard .current-company,*/
/*.easy-pandemic-dashboard .current-company{*/
/*	font-size: 1.5em !important;*/
/*	color: #213c54;*/
/*	margin:10px 0 0 12px;*/
/*}*/
.ta-pandemic {
	padding-bottom: 10px !important;
}

.current-company,
.current-time,
.easy-pandemic-dashboard .current-company{
	font-size: 1.5em !important;
	color: rgb(71, 75, 79);
	font-family: Helvetica, Tahoma, Arial, sans-serif !important;
	padding: 12px 0 !important;
    margin: 0 10px;
}

/*.overall-statistics {
	padding-left: 5px !important;
	padding-right: 5px !important;
	margin: 0px;
}

.overall-statistics .circle {
	display: inline-block;
	position: relative;
	text-decoration: none;
	color: #000;
	width: 125px;
	height: 125px;
	border-radius: 50%;
	text-align: center;
	background: rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.08);
	box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
	border-bottom: solid 1px #b5b5b5;
	margin: 5px;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 30px;
}

.overall-statistics .circle:hover span {
	box-shadow: 0px 0px 20px 3px #000;
}

.overall-statistics .circle span {
	position: absolute;
	content: '';
	width: 105px;
	height: 105px;
	line-height: 90px;
	vertical-align: middle;
	left: 10px;
	top: 10px;
	border-radius: 50%;
	background-image: -webkit-linear-gradient(#e8e8e8 0%, #d6d6d6 100%);
	background-image: linear-gradient(#e8e8e8 0%, #d6d6d6 100%);
	box-shadow: inset 0 3px 0 rgba(255, 255, 255, 0.4), 0 2px 2px rgba(0, 0, 0, 0.5);
	border-bottom: solid 2px #b5b5b5;
	text-align: center;
	text-transform: uppercase;
	color: #000;
	font-size: 11px;
	font-weight: 500;
	display: block !important;
}

.overall-statistics .circle strong {
	position: absolute;
	content: '';
	width: 105px;
	height: 105px;
	line-height: 120px;
	vertical-align: middle;
	left: 8px;
	top: 15px;
	border-radius: 50%;
	text-align: center;
	font-size: 15px;
}*/

.overall-statistics {
        padding-left: 5px !important;
        padding-right: 5px !important;
        margin: 0px;
}

.overall-statistics .circle {
        display: inline-block;
        position: relative;
        text-decoration: none;
        color: #000;
        width: 125px;
        height: 125px;
        border-radius: 50%;
        text-align: center;
        background: rgba(0, 0, 0, 0.2);
        box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.08);
        box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
        border-bottom: solid 1px #b5b5b5;
        margin: 5px;
        font-family: 'Roboto', sans-serif;
        margin-bottom: 30px;
}

.overall-statistics .circle:hover span {
        box-shadow: 0px 0px 20px 3px #000;
}

.overall-statistics .circle span {
        position: absolute;
        /* content: ''; */
        width: 105px;
        height: 105px;
        line-height:14px;
        vertical-align:middle;
        left: 10px;
        top: 10px;
        border-radius: 50%;
        background-image: -webkit-linear-gradient(#e8e8e8 0%, #d6d6d6 100%);
        background-image: linear-gradient(#e8e8e8 0%, #d6d6d6 100%);
        box-shadow: inset 0 3px 0 rgba(255, 255, 255, 0.4), 0 2px 2px rgba(0, 0, 0, 0.5);
        border-bottom: solid 2px #b5b5b5;
        text-align: center;
        text-transform: uppercase;
        color: #000;
        font-size: 11.5px;
        font-weight: 500;
        display: block !important;
        padding-left: 5px;
        padding-right: 5px;
        padding-top:28px;
}

.overall-statistics .circle strong {
        position: absolute;
        content: '';
        width: 105px;
        height: 105px;
        line-height: 120px;
        vertical-align: middle;
        left: 8px;
        top: 15px;
        border-radius: 50%;
        text-align: center;
        font-size:14px;
}

.overall-statistics .circle:nth-child(1) span {
	background-image: -webkit-linear-gradient(#c67618 0%, #f7931e 40%);
	background-image: linear-gradient(#c67618 0%, #f7931e 40%);
	border-bottom: solid 3px #a76315;
}

.overall-statistics .circle:nth-child(2) span {
	background-image: -webkit-linear-gradient(#6d9a31 0%, #8cc63f 40%);
	background-image: linear-gradient(#6d9a31 0%, #8cc63f 40%);
	border-bottom: solid 3px #658f2e;
}

.overall-statistics .circle:nth-child(3) span {
	background-image: -webkit-linear-gradient(#909090 0%, #a3a3a3 40%);
	background-image: linear-gradient(#909090 0%, #a3a3a3 40%);
	border-bottom: solid 3px #7f7f7f;
}

.overall-statistics .circle:nth-child(4) span {
	background-image: -webkit-linear-gradient(#368fb4 0%, #3fb4e5 40%);
	background-image: linear-gradient(#368fb4 0%, #3fb4e5 40%);
	border-bottom: solid 3px #3384a7;
}

.overall-statistics .circle:nth-child(5) span {
	background-image: -webkit-linear-gradient(#7b3478 0%, #9e439a 40%);
	background-image: linear-gradient(#7b3478 0%, #9e439a 40%);
	border-bottom: solid 3px #6d2f6b;
}

.overall-statistics .circle:nth-child(6) span {
	background-image: -webkit-linear-gradient(#1a9856 0%, #1aac60 40%);
	background-image: linear-gradient(#1a9856 0%, #1aac60 40%);
	border-bottom: solid 3px #187e49;
}

.overall-statistics .circle:nth-child(7) span {
	background-image: -webkit-linear-gradient(#b0361c 0%, #f24b28 40%);
	background-image: linear-gradient(#b0361c 0%, #f24b28 40%);
	border-bottom: solid 3px #a6331b;
}

.overall-statistics .circle:nth-child(8) span {
	background-image: -webkit-linear-gradient(#b2b731 0%, #dfe539 40%);
	background-image: linear-gradient(#b2b731 0%, #dfe539 40%);
	border-bottom: solid 3px #a0a42e;
}

.overall-statistics .circle:nth-child(9) span {
	background-image: -webkit-linear-gradient(#c06b34 0%, #f9873e 40%);
	background-image: linear-gradient(#c06b34 0%, #f9873e 40%);
	border-bottom: solid 3px #b46431;
}

.overall-statistics .circle:nth-child(10) span {
	background-image: -webkit-linear-gradient(#b9161c 0%, #eb1c24 40%);
	background-image: linear-gradient(#b9161c 0%, #eb1c24 40%);
	border-bottom: solid 3px #a71319;
}

.closed-sidebar .overall-statistics .circle,
.zk-show-menu .overall-statistics .circle {
	margin-left: 16px;
	margin-right: 16px;
}

.device-status {
	padding: 0px;
	margin: 0px;
}

.device-status>div {
	border-radius: 0px 0px 30px 30px !important;
	min-height: 310px;
}


/* Cards Background */

.card-bg {
	background-image: linear-gradient(to right, rgba(0, 161, 212, 0.7) 0%, rgba(3, 15, 51, 0.7) 90%), url('/static/cloud/static/images/card-bg-pattern.png');
	background-repeat: repeat;
	border-radius: 30px;
}

.card-bg .card-header {
	font-family: 'Roboto', sans-serif;
}

.expand-icon {
	width: 21px;
	height: 21px;
	position: absolute;
	right: 15px;
	top: 18px;
}

.card-header i.fa {
	color: #04e5ed;
}

.card.text-white .card-header {
	background: transparent !important;
	color: rgba(255, 255, 255, 1);
	border-radius: 30px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.card.text-white .card-footer {
	background: transparent !important;
	color: rgba(255, 255, 255, 0.9);
	border-radius: 30px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}


/* Real Time Data and Todays Birthday*/

.zk-ta-dashboard .realtime-data,
.zk-ta-dashboard .birthday-card,
.zk-ta-dashboard .leadership-db,
.zk-ta-dashboard .events,
.zk-ta-dashboard .overall-attendance,
.zk-pandemic-dashboard .pandemic-realtime-data,
.easy-pandemic-dashboard .pandemic-realtime-data
{
	padding-left: 0;
	padding-right: 0;
	margin: 5px 10px;
	padding-bottom: 10px;
}
.zk-ta-dashboard .rt-container {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.zk-ta-dashboard .rg-container {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-top:2px solid #f7931e;
}

.zk-ta-dashboard .device-status {
	min-height: 245px;
}

.realtime-data .scroll-area-sm {
	height: 185px !important;
}

.realtime-data .scroll-area-md {
	height: 230px !important;
}

.zk-ta-dashboard .events {
	min-height: 268px;
}

.events .scroll-area-md {
	height: 215px !important;
	/*height: 280px !important;*/
}

.zk-ta-dashboard .birthday-card .scroll-area-sm {
	height: 185px !important;
}

.zk-ta-dashboard .birthday-card .scroll-area-md {
	height: 230px !important;
}

.zk-ta-dashboard .leadership-db .scroll-area-sm {
	height: 210px !important;
}

.zk-ta-dashboard .birthday-card .zk-tbl tr td {
	padding-top: 15px;
	padding-bottom: 14px;
}

.zk-ta-dashboard .birthday-card .emp-id {
	padding-right: 10px;
}

.zk-tbl tr {
	background-image: -webkit-linear-gradient(to right, #272A3D 0%, #00A1D4 100%);
	background-image: linear-gradient(to right, #272A3D 0%, #00A1D4 100%);
	border-radius: 10px;
	display: block;
	margin-bottom: 10px;
}

.zk-tbl p {
	margin: 0px !important;
	padding: 0px !important;
}

.zk-tbl tr td {
	padding: 5px 0px;
	vertical-align: middle !important;
	font-size: 12px;
	color: #FFF;
	/*text-shadow: 1px 5px 5px #000*/
}

.zk-tbl .title {
	font-size: 14px;
	font-weight: normal;
	margin: 10px 0 !important;
}

.zk-tbl .camera-img {
	width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
    border-radius: 50%;
	transition: all 1s ease;
}

.zk-tbl .camera-img:hover {
	transform: scale(1.5);
	transition: all 1s ease;
}

.zk-tbl .emp-img {
	width: 40px;
	height: 40px;
	margin-left: 5px;
}

.zk-tbl .time {
	color: #02e12d;
	font-size: 13px;
	font-weight: 500;
	text-align: center !important;
}

.zk-tbl .seperator-right {
	border-right: 1px groove #0480a9 !important;
}

.zk-tbl .seperator-left {
	border-left: 1px groove #0399C9 !important;
}

.zk-tbl .location-icon {
	display: inline-block;
	position: absolute;
	padding-left: 5px;
}

.zk-tbl .location-txt,
.zk-tbl .-txt {
	padding-left: 25px;
	position: relative;
	font-size: 12px;
	display: inline-block;
}

.zk-tbl .location-txt::before {
	content: "\f041";
	font-family: "FontAwesome";
	font-size: 16px;
	left: 5px;
	position: absolute;
	width: 18px;
	opacity: 50%;
}
.zk-tbl .device-txt {
	padding-left: 25px;
	position: relative;
	font-size: 12px;
	display: inline-block;
}

.zk-tbl .device-txt::before {
	content: "\f10a";
	font-family: "FontAwesome";
	font-size: 16px;
	left: 5px;
	top: -3px;
	position: absolute;
	width: 18px;
	opacity: 50%;
}
.zk-tbl .device1-txt {

	height: 20px!important;
    line-height: 24px!important;

}
.zk-tbl .device1-txt::before {
	content: url("/media/images/device.png") !important;
	opacity:90%  !important;
	top: 2px;
	filter:invert(100%);
}
.zk-tbl .location1-txt {

	height: 20px!important;
    line-height: 24px!important;
	top: 2px;
}
.zk-tbl .location1-txt::before {
	content: url("/media/images/location.png") !important;
	opacity:80%  !important;

}

.leadership-db .dept-title {
	margin-bottom: -1px;
}


/* events */
.zk-ta-dashboard .events .zk-tbl tr td {
        padding-top: 15px;
        padding-bottom: 14px;
}

.zk-ta-dashboard .events .bg-none {
	background: none;
	padding: 0;
	margin: 0;
}

.zk-ta-dashboard .events .event-title {
	color: #d9e021;
	margin: 0;
	padding: 0;
	padding-left: 5px;
	font-size: 14px;
}

.zk-ta-dashboard .events .organiser,
.zk-ta-dashboard .events .venue {
	padding-left: 5px;
}

.zk-ta-dashboard .events .event-name,
.zk-ta-dashboard .events .event-time {
	padding-left: 5px;
}

/*.zk-ta-dashboard .events .zk-tbl tr {
	margin-bottom: 5px;
}*/

.zk-ta-dashboard .events .day-month {
	/*width: 40px;*/
	padding-left: 5px;
	padding-right: 5px;
}

.zk-ta-dashboard .events .event-day-month {
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	margin: 0;
	padding: 0;
	position: relative;
	line-height: 18px;
	top: 0;
	text-transform: uppercase;
}

.zk-ta-dashboard .events .scroll-area-sm {
	height: 250px !important;
}

.zk-ta-dashboard .leadership-db {
	min-height: 250px !important;
}

.zk-ta-dashboard .leadership-db,
.zk-ta-dashboard .events {
	padding: 0px;
	margin: 5px 10px;
}


/* Switch for T A Location */

.zk-ta-dashboard .total-device {
	position: relative;
	top: 0;
}

.zk-ta-dashboard .total-device p {
	line-height: 5px;
	font-size: 12px;
	text-transform: capitalize;
}

.zk-ta-dashboard .total-device>div {
	position: absolute;
	top: -40px;
	right: 10px;
}

.zk-ta-dashboard .online {
	color: #8cc63f;
    font-weight: bold;
}

.zk-ta-dashboard .offline {
	color: #eb1c24;
    font-weight: bold;
}

.zk-ta-dashboard .switch-location {
	position: relative;
	display: inline-block;
	width: 40px;
	/*width: 60px;*/
	height: 14px;
	/*height: 34px;*/
	font-size: 1rem;
	top: 8px;
	text-transform: capitalize !important;
	white-space: nowrap !important;
	margin: 0 10px;
}

.zk-ta-dashboard .switch-location input {
	opacity: 0;
	width: 0;
	height: 0;
	margin-left: -5px !important;
}

.zk-ta-dashboard .slider-on,
.zk-ta-dashboard .slider-off {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.zk-ta-dashboard .slider-on:before,
.zk-ta-dashboard .slider-off:before {
	position: absolute;
	content: "";
	height: 10px;
	/*height: 26px;*/
	width: 10px;
	/*width: 26px;*/
	left: 4px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

.zk-ta-dashboard input:checked+.slider-on {
	background-color: #019dcf;
}

.zk-ta-dashboard input:checked+.slider-off {
	background-color: #019dcf;
}

.zk-ta-dashboard input:focus+.slider-on,
.zk-ta-dashboard input:focus+.slider-on {
	box-shadow: 0 0 1px #2196F3;
}

.zk-ta-dashboard input:checked+.slider-on:before,
.zk-ta-dashboard input:checked+.slider-off:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}


/* Rounded sliders */

.zk-ta-dashboard .slider-on.round,
.zk-ta-dashboard .slider-off.round {
	border-radius: 34px;
}

.zk-ta-dashboard .slider-on.round:before,
.zk-ta-dashboard .slider-off.round:before {
	border-radius: 50%;
}

/* end */

/* switch Attendance & Pandemic Toggle*/

.switch-ap {
	font-size: 1rem;
	position: relative;
	left: 10px;
}

.switch-ap input {
	position: absolute;
	height: 1px;
	width: 1px;
	background: none;
	border: 0;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	overflow: hidden;
	padding: 0;
}

.switch-ap label.pandemic {
	/* position: absolute; */
    font-size: 13px;
    color: rgb(71, 75, 79);
    padding-top: 5px;
    padding-left: 15px;
    text-align: left;
}

.switch-ap label.attendance {
	/* position: relative; */
    font-size: 13px;
    color: rgb(71, 75, 79);
    padding-right: 10px;
    top: 5px;
    margin-top: 17px;
    text-align: left;
}

.switch-ap input+label {
	position: relative;
    min-width: calc(calc(2.375rem * .8) * 2);
    border-radius: calc(2.375rem * .8);
    height: calc(2.375rem * .8);
    line-height: calc(2.375rem * .8);
    display: inline-block;
    cursor: pointer;
    outline: none;
    user-select: none;
    vertical-align: middle;
    text-indent: calc(calc(calc(2.375rem * .8) * 2) + .5rem);
    margin-top: -15px;
}

.switch-ap input+label::before,
.switch-ap input+label::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: calc(calc(2.375rem * .8) * 2);
	bottom: 0;
	display: block;
}

.switch-ap input+label::before {
	right: 0;
	background-color: #7AC143;
	border-radius: calc(2.375rem * .8);
	transition: 0.2s all;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.5);
}

.switch-ap input+label::after {
	top: 2px;
	left: 2px;
	width: calc(calc(2.375rem * .8) - calc(2px * 2));
	height: calc(calc(2.375rem * .8) - calc(2px * 2));
	border-radius: 50%;
	background-color: #000;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.5);
	transition: 0.2s all;
}

.switch-ap input:checked+label::before {
	background-color: #7AC143;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.5);
}

.switch-ap input:focus,
.switch-ap input:checked {
	border: 0 !important;
	outline-width: 0;
	outline: none !important;
}

.switch-ap input:checked+label::after {
	margin-left: calc(2.375rem * .8);
}

.switch-ap input:disabled+label {
	color: #868e96;
	cursor: not-allowed;
}

.switch-ap input:disabled+label::before {
	background-color: #e9ecef;
}

.switch-ap.switch-ap-sm {
	font-size: 0.875rem;
}

.switch-ap.switch-ap-sm input+label {
	min-width: calc(calc(1.9375rem * .8) * 2);
	height: calc(1.9375rem * .8);
	line-height: calc(1.9375rem * .8);
	text-indent: calc(calc(calc(1.9375rem * .8) * 2) + .5rem);
}

.switch-ap.switch-ap-sm input+label::before {
	width: calc(calc(1.9375rem * .8) * 2);
}

.switch-ap.switch-ap-sm input+label::after {
	width: calc(calc(1.9375rem * .8) - calc(2px * 2));
	height: calc(calc(1.9375rem * .8) - calc(2px * 2));
}

.switch-ap.switch-ap-sm input:checked+label::after {
	margin-left: calc(1.9375rem * .8);
}

.switch-ap.switch-ap-lg {
	font-size: 1.25rem;
}

.switch-ap.switch-ap-lg input+label {
	min-width: calc(calc(3rem * .8) * 2);
	height: calc(3rem * .8);
	line-height: calc(3rem * .8);
	text-indent: calc(calc(calc(3rem * .8) * 2) + .5rem);
}

.switch-ap.switch-ap-lg input+label::before {
	width: calc(calc(3rem * .8) * 2);
}

.switch-ap.switch-ap-lg input+label::after {
	width: calc(calc(3rem * .8) - calc(2px * 2));
	height: calc(calc(3rem * .8) - calc(2px * 2));
}

.switch-ap.switch-ap-lg input:checked+label::after {
	margin-left: calc(3rem * .8);
}

.switch-ap+.switch-ap {
	margin-left: 1rem;
}


/* Switch end */


/* //End */


/* Login Signup */

.zk-login-container {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
	margin: 0;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
}

.zk-login-card>.card-header>.img-responsive {
	/* display: block;
    max-width: 100.09%;
    height: auto;
    margin-left: -0.09%; */
}
.zk-login-card>.card-header>.img-responsive {

    max-width: 100.1%;
    margin-left: -0.1%;
}

.zk-login {
	background-color: #FFF;
	background-image: url('/static/cloud/static/images/login-bg.svg');
	background-position: left -15px;
	background-size: cover;
	background-repeat: no-repeat;
	justify-content: center;
	flex: 1;
	display: flex;
	z-index: 8;
	position: relative;
}

.zkteco-logo {
	width: 150px;
	padding-top: 25%;
	padding-bottom: 25px;
}

.zk-login-card {
	-webkit-box-shadow: 0px 3px 8px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 3px 8px 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 3px 8px 3px rgba(0, 0, 0, 0.5);
	border-radius: 40px;
	border-top-left-radius: 65px;
	border-top-right-radius: 65px;
	border: 0px;
	padding-bottom: 30px;
}

.zk-login .card-header {
	height: auto;
	background: transparent !important;
	position: relative;
}

.curve-text {
	position: absolute;
	top: 30%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	text-transform: uppercase;
	font-weight: normal !important;
	font-size: 16px;
}

.zk-login-form {
	padding: 10px 20px;
}

.zk-login-form .input-group {
	margin-bottom: 20px;
}

.zk-login-form .input-group>.input-group-addon {
	border-radius: 20px 0 0 20px !important;
	/* -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5); */
}

.zk-login-form .input-group-text {
	border-radius: 20px 0 0 20px !important;
	/* -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5); */
}

.zk-login-form .form-control {
	border-radius: 0 20px 20px 0;
	/* -webkit-box-shadow: 2px 1px 5px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 2px 1px 5px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 1px 5px 0px rgba(0, 0, 0, 0.5); */
	font-size: 1.5rem !important;
}

.zk-login-form .input-group-addon.pwd-right-radius {
	border-radius: 0 20px 20px 0 !important;
	cursor: pointer;
	/* box-shadow: 4px 1px 5px 0px rgba(0, 0, 0, 0.5) !important; */
}

.zk-login-form .input-group-addon.input-addon-right {
	border-radius: 0 20px 20px 0 !important;
	/* box-shadow: 4px 1px 5px 0px rgba(0, 0, 0, 0.5) !important; */
}
.input-grp-cmpny  .form-control:not(:first-child):not(:last-child) {
	border-radius:0px;
}

.zk-login-form .zk-input {
	border-radius: 0 !important;
}

.zk-login-form .read-only-text {
	border-radius: 0 20px 20px 0 !important;
	font-size: 1rem !important;
}

.zk-login-form .form-check-label {
	font-size: 12px;
	color: #495057;
	line-height: 16px;
}

.zk-login-form .form-check-input {
	width: 16px;
	height: 16px;
	border-radius: 0 !important;
}

.zk-btn {
	background: linear-gradient(to bottom, #010101 0%, #487E7E 100%);
	text-transform: uppercase;
	border-radius: 20px;
	letter-spacing: 1px;
	box-shadow: 1px 2px 4px #000;
	border: 0;
	color: #FFF;
	font-size: 14px;
	height: 45px;
	outline: 0;
	margin-bottom: 20px;
}

.zk-login-form .btn.active.focus,
.zk-login-form .btn.active:focus,
.zk-login-form .btn.focus,
.zk-login-form .btn:active.focus,
.zk-login-form .btn:active:focus,
.zk-login-form .btn:focus {
	outline: 0;
}

.zk-btn:hover {
	background: linear-gradient(to top, #010101 0%, #487E7E 100%);
	color: #FFF;
}

.intelligent-time-logo {
	width: 300px;
}

.about-company {
	margin-top: 1%;
}

.about-company-box {
	-webkit-box-shadow: 0px 0px 6px 2px rgba(119, 119, 119, 0.6);
	-moz-box-shadow: 0px 0px 6px 2px rgba(119, 119, 119, 0.6);
	box-shadow: 0px 0px 6px 2px rgba(119, 119, 119, 0.6);
	border-radius: 20px !important;
	background: linear-gradient(45deg, rgba(3, 161, 212, 0.2) 0%, rgba(255, 255, 255, 0.5) 70%);
	padding-bottom: 100px;
}

.about-title {
	color: #474b4e;
	font-size: 18px;
}

.verfication-box {
	background: #5a5a5a;
	border-radius: 0 50px 0 50px;
	padding: 20px 50px;
}
.verfication-box .text-success {
    color: #7ac143 !important;
}

input,
input::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	font-size: 16px;
	color: #495057;
}

input::-moz-placeholder {
	/* Firefox 19+ */
	font-size: 16px;
	color: #495057;
}

input:-ms-input-placeholder {
	/* IE 10+ */
	font-size: 16px;
	color: #495057;
}

input:-moz-placeholder {
	/* Firefox 18- */
	font-size: 16px;
	color: #495057;
}


/* Footer Social Icons */

.footer-title {
	display: inline-block;
	margin-top: 15px;
}

.align-items-stretch {
	display: flex;
	align-items: stretch;
}

.social-footer {
	position: fixed;
	bottom: 0;
	right: 10%;
}

.social-btn-circle {
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	padding: 0;
	border-radius: 50%;
	background: #fff;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.45);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.45);
	box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.45);
}

.social-btn-circle:hover {
	background: #EFEFEF;
	-webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.45);
	-moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.45);
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.45);
}

.social-btn-circle img {
	padding: 9px !important;
}

.social-btn-sm {
	width: 35px;
	height: 35px;
	line-height: 35px;
	font-size: 0.9rem;
}

.social-btn-lg {
	width: 55px;
	height: 55px;
	line-height: 55px;
	font-size: 1.1rem;
}


/* social media css end */

.blue-btn {
	background: linear-gradient(to bottom, #00A1D4 0%, #19506d 100%);
	text-transform: uppercase;
	border-radius: 20px;
	letter-spacing: 1px;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.75);
	height: 40px;
	line-height: 30px;
}

.blue-btn:hover {
	background: linear-gradient(to top, #00A1D4 0%, #19506d 100%);
}

.verfication-successful {
	padding: 20px;
	margin-bottom: 40px;
	border: 2px solid #EFEFEF;
}

.mb-m20 {
	margin-bottom: -20px;
}

.mt-m20 {
	margin-top: -20px;
}

.mt-m10 {
	margin-top: -10px;
}

.text-underline {
	text-decoration: underline;
}

.text-warning {
	color: #f2622f !important;
}

.icon-right {
	position: relative !important;
	right: 0px !important;
}

.icon-right-btn,
.icon-right-btn:hover,
.icon-right-btn:active,
.icon-right-btn:focus {
	border-radius: 0 20px 20px 0 !important;
	border: 0;
	padding: 0 10px 0 8px !important;
	-webkit-box-shadow: 4px 1px 5px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 4px 1px 5px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 4px 1px 5px 0px rgba(0, 0, 0, 0.5);
}

.zk-pwd {
	color: #969696;
	opacity: 0.8;
}

.info {
	color: #969696 !important;
	opacity: 0.9;
}

.show-error-icon {
	position: absolute;
	top: 50%;
	right: 60px;
	color: red;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.show-info {
	position: absolute;
	top: 50%;
	right: 25px;
	color: #969696 !important;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}


/* //end */

.statistics-legend {
	position: absolute;
	top: 20px;
}

.statistics-legend ul li {
	font-size: 14px;
}


/* Department Statistics - Progres Bar */

.progress {
	width: 120px;
	height: 120px;
	background: none;
	position: relative;
}

.progress::after {
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 6px solid rgba(255, 255, 255, 0.9);
	position: absolute;
	top: 0;
	left: 0;
}

.progress>span {
	width: 50%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	z-index: 1;
}

.progress .progress-left {
	left: 0;
	border-top-left-radius: 50px;
}

.progress .progress-bar {
	width: 100%;
	height: 100%;
	background: none;
	border-width: 6px;
	border-style: solid;
	position: absolute;
	top: 0;
}

.progress .progress-left .progress-bar {
	left: 100%;
	border-top-right-radius: 80px;
	border-bottom-right-radius: 80px;
	border-left: 0;
	-webkit-transform-origin: center left;
	transform-origin: center left;
}

.progress .progress-right {
	right: 0;
}

.progress .progress-right .progress-bar {
	left: -100%;
	border-top-left-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right: 0;
	-webkit-transform-origin: center right;
	transform-origin: center right;
}

.progress .progress-value {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

.circular-progress-bar {
	border-radius: 1rem;
}
.circular-progress-bar .progress {
	box-shadow: none !important;
}

.height-100 {
	height: 100% !important;
}

.pb-value {
	font-size: 2rem;
	font-weight: bold;
	color: #000;
	text-align: center;
	transition: all 0.5s;
}

.progress:hover .pb-value {
	transform: scale(1.5);
	transition: all 0.5s;
	text-shadow: 2px 1px 5px rgba(3, 15, 51, 0.5);
}

.department-statistics .high .progress:hover .pb-value {
	color: #FF000A;
}

.department-statistics .warning .progress:hover .pb-value {
	color: #FF7308;
}

.department-statistics .normal .progress:hover .pb-value {
	color: #38ED1C;
}

.department-statistics .no-mask .progress:hover .pb-value {
	color: #EFFF00;
}

i.high {
	color: #FF000A;
}

i.warning {
	color: #FF7308;
}

i.normal {
	color: #38ED1C;
}

i.no-mask {
	color: #EFFF00;
}

.dept-stats-title {
	text-align: center;
	text-decoration: underline;
	margin-bottom: 10px;
	margin-top: 20px;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 600;
	white-space: nowrap;
}

.department-statistics .high .dept-stats-title {
	color: #FF000A;
}

.department-statistics .high .progress::after {
	border: 6px solid rgba(255, 0, 10, 0.3);
}

.department-statistics .high .progress-bar {
	border-color: rgba(255, 0, 10, 1);
}

.department-statistics .warning .dept-stats-title {
	color: #FF7308;
}

.department-statistics .warning .progress::after {
	border: 6px solid rgba(255, 115, 8, 0.3);
}

.department-statistics .warning .progress-bar {
	border-color: rgba(255, 115, 8, 1);
}

.department-statistics .normal .dept-stats-title {
	color: #38ED1C;
}

.department-statistics .normal .progress::after {
	border: 6px solid rgba(56, 237, 28, 0.3);
}

.department-statistics .normal .progress-bar {
	border-color: rgba(56, 237, 28, 1);
}

.department-statistics .no-mask .dept-stats-title {
	color: #EFFF00;
}

.department-statistics .no-mask .progress::after {
	border: 6px solid rgba(239, 255, 0, 0.3);
}

.department-statistics .no-mask .progress-bar {
	border-color: rgba(239, 255, 0, 1);
}

.search-area {
	border-top: 2px solid transparent;
}

.search-area>.row {
	width: 100%;
}

.filter-form {
	display: none;
	margin-top: 6px;
}

.btn-viewmore {
	width: 100%;
	border-radius: 50px;
	background: rgba(0, 0, 0, 0.6);
	text-transform: uppercase;
	color: #FFF;
	text-shadow: 0px 3px 6px #000;
	height: 50px;
	border: 1px solid rgba(204, 204, 204, 0.7);
}

.btn-viewmore:hover {
	background: rgba(0, 0, 0, 0.8);
	color: #FFF;
	border: 1px solid rgba(204, 204, 204, 0.9);
}

.zk-select {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: white;
	background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
	background-repeat: no-repeat;
	background-position-x: 100%;
	background-position-y: 5px;
	border-radius: 30px;
	margin-right: 1.5rem;
	padding-right: 2rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057 !important;
	border: 1px solid #ced4da;
}

.zk-btn-go {
	background: #7BC244;
	text-transform: uppercase;
	min-width: 60px;
	border: 0px;
	border-radius: 10px;
	box-shadow: 1px 2px 4px rgba(54, 42, 42, 0.5);
}


/* Pandemic Real Time Data */

.pandemic-realtime-data {
	padding-top: 10px;
}

.zk-tbl tr.normal-bg {
	background-image: -webkit-linear-gradient(to bottom, #376E37 10%, #229D22 90%) !important;
	background-image: linear-gradient(to bottom, #376E37 10%, #229D22 90%) !important;
	margin-bottom: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.zk-tbl tr.high-bg {
	background-image: -webkit-linear-gradient(to bottom, #BA0000 10%, #FF4343 90%) !important;
	background-image: linear-gradient(to bottom, #BA0000 10%, #FF4343 90%) !important;
	margin-bottom: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.zk-tbl tr.warning-bg {
	background-image: -webkit-linear-gradient(to bottom, #FF7308 10%, #C7A75C 90%) !important;
	background-image: linear-gradient(to bottom, #FF7308 10%, #C7A75C 90%) !important;
	margin-bottom: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.zk-tbl tr.normal-bg .seperator-right {
	border-right: 1px ridge #376E37 !important;
}

.zk-tbl tr.normal-bg .seperator-left {
	border-left: 1px ridge #376E37 !important;
}

.zk-tbl tr.high-bg .seperator-right {
	border-right: 1px ridge #BA0000 !important;
}

.zk-tbl tr.high-bg .seperator-left {
	border-left: 1px ridge #BA0000 !important;
}

.zk-tbl tr.warning-bg .seperator-right {
	border-right: 1px ridge #FF7308 !important;
}

.zk-tbl tr.warning-bg .seperator-left {
	border-left: 1px ridge #FF7308 !important;
}

.pandemic-realtime-data .scroll-area-md {
	height: 275px !important;
}
.easy-pandemic-dashboard .pandemic-realtime-data .scroll-area-md {
	height:280px !important;
}

.pandemic-realtime-data {
	min-height: 315px !important;
}

.zk-pandemic-dashboard .btn.active.focus,
.zk-pandemic-dashboard .btn.active:focus,
.zk-pandemic-dashboard .btn.focus,
.zk-pandemic-dashboard .btn:active.focus,
.zk-pandemic-dashboard .btn:active:focus,
.zk-pandemic-dashboard .btn:focus {
	outline: 0;
}

.easy-pandemic-dashboard .btn.active.focus,
.easy-pandemic-dashboard .btn.active:focus,
.easy-pandemic-dashboard .btn.focus,
.easy-pandemic-dashboard .btn:active.focus,
.easy-pandemic-dashboard .btn:active:focus,
.easy-pandemic-dashboard .btn:focus {
	outline: 0;
}


/*.pandemic-overall-statistics .card-footer {
	border-top: 1px solid;
}*/

.pandemic-overall-statistics .emp-circle {
	width: 110px;
	height: 110px;
	/*border: 1px solid #000; */
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.7);
}

.pandemic-overall-statistics .bg-img-icon-1 {
	background: #FF000A;
	border-radius: 50%;
	width: 40px;
	height: 40px;
}

.pandemic-overall-statistics .bg-img-icon-2 {
	background: #FF7308;
	border-radius: 50%;
	width: 40px;
	height: 40px;
}

.pandemic-overall-statistics .bg-img-icon-3 {
	background: #38ED1C;
	border-radius: 50%;
	width: 40px;
	height: 40px;
}

.pandemic-overall-statistics .bg-img-icon-4 {
	background: #EFFF00;
	border-radius: 50%;
	width: 40px;
	height: 40px;
}

.pandemic-overall-statistics .badge {
	background: rgba(0, 0, 0, 0.7);
}

.search-area-date {
	border-top: 2px solid transparent;
}

.search-area-date input[type="date"] {
	border-radius: 20px;
}

.search-area-date .row {
	width: 100%;
}

.search-area-date .filter-date {
	display: none;
}

.zk-btn-go {
	background: #7BC244;
	text-transform: uppercase;
	min-width: 30px;
	min-height: 30px;
	border: 0px;
	border-radius: 10px;
	box-shadow: 1px 2px 4px rgba(54, 42, 42, 0.5);
}

.btn-viewmore1 {
	min-width: 175px;
	border-radius: 50px;
	background: rgba(0, 0, 0, 0.6);
	text-transform: uppercase;
	color: #FFFFFF;
	text-shadow: 0px 3px 6px #000;
	height: 50px;
	border: 1px solid rgba(204, 204, 204, 0.7);
}

.btn-viewmore1:hover {
	background: rgba(0, 0, 0, 0.8);
	color: #FFFFFF;
	border: 1px solid rgba(204, 204, 204, 0.9);
}


/* Easy Time Pro - Pandemic Dashboard */

.easy-card-bg {
	background: #FFFFFF;
	border-radius: 30px;
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	border: 1px solid rgba(0, 0, 0, 0.5);
	padding: 15px 5px;
}

.easy-card-bg .expand-icon {
	width: 21px;
	height: 21px;
	position: absolute;
	right: 15px;
	top: 18px;
	filter: invert(100%);
}

.easy-card-bg.text-dark .card-header {
	background: transparent !important;
	color: rgba(0, 0, 0, 1);
	border-radius: 30px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom: 0;
}

.easy-card-bg.text-dark .card-footer {
	background: transparent !important;
	color: rgba(0, 0, 0, 1);
	border-radius: 30px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.pandemic-overall-statistics ul li>span.badge {
	float: none;
}


@media (max-width:768px) {
	.logo-box {
		background: rgba(255, 255, 255, 0.7);
		padding: 0px 5px;
		border-radius: 20px;
		margin: 20px;
	}
	.pandemic-overall-statistics .section-2 {
		margin-top: 2em !important;
		margin-bottom: 2em !important;
	}
	.pandemic-overall-statistics .total-emp {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
	.btn-viewmore1 {

		width:100% !important;
	}


}

@media (max-width:480px) {
	.social-footer {
		position: absolute;
		bottom: 0;
		left: 25%;
	}
	.about-company {
		margin-bottom: 10%;
	}
	.about-company-box {
		min-height: 50px !important;
		padding-bottom: 20%;
	}
	.zk-login-card {
		border-top-left-radius: 45px;
		border-top-right-radius: 45px;
	}
	.verfication-box {
		background: #5a5a5a;
		border-radius: 0 50px 0 50px;
		padding: 20px;
	}
	.zk-login-form {
		padding: 10px 12px;
	}
	.zk-login-form .form-control {
		font-size: 12px !important;
		padding: .5rem 5px !important;
	}
	.zk-login-form .form-check-label {
		font-size: 12px;
	}
	.zk-login-form .form-check-input {
		width: 12px;
		height: 12px;
	}
	.input-group>.input-group-prepend>.input-group-text {
		padding: .5rem 5px;
		font-size: 12px;
	}
	.input-group .icon-right .icon-right-btn {
		padding: .5rem 8px;
		font-size: 12px;
	}
	input,
	input::-webkit-input-placeholder {
		/* Chrome/Opera/Safari */
		font-size: 12px !important;
		color: #495057;
	}
	input::-moz-placeholder {
		/* Firefox 19+ */
		font-size: 12px !important;
		color: #495057;
	}
	input:-ms-input-placeholder {
		/* IE 10+ */
		font-size: 12px !important;
		color: #495057;
	}
	input:-moz-placeholder {
		/* Firefox 18- */
		font-size: 12px !important;
		color: #495057;
	}
	.show-error-icon {
		right: 5px !important;
		font-size: 12px;
	}
	.show-info {
		right: -11px !important;
		font-size: 12px;
	}
	.btn-viewmore1 {
		width: 100%;
	}
	.filter-date .form-inline {
		display: block;
	}
	.pandemic-overall-statistics .section-1 ul {
		margin-right: 0 !important;
	}
	.pandemic-overall-statistics .section-2 {
		margin-top: 4em;
	}
	.realtime-data .scroll-area-sm {
		height: 180px !important;
	}
	.zk-pandemic-dashboard .scroll-area-md {
		height: 250px;
	}
	.realtime-data .zk-tbl .checkin-out [class*="col-xs"],
	.pandemic-realtime-data .zk-tbl .pandemic-temp [class*="col-xs"]
	 {
		padding-left: 0;
		padding-right: 0;
	}
	.zk-tbl .camera-img {
		width: 30px;
		height: 30px;
		margin-left: 5px;
	}
	.leadership-db .zk-tbl .location-txt {
		min-width: 155px;
	}
	.leadership-db .zk-tbl .dept-title {
		min-width: 125px;
	}
	.leadership-db .zk-tbl .phn-title {
		min-width: 115px;
	}
	.search-area,
	.search-area-date {
		margin-left: 25px;
	}
	.search-txt-date {
		text-align: center;
		display: block;
    }
	.zk-btn-go {
		display: block;
		width: 100%
	}
	.search-txt {
		text-align: center;
		display: block;
		margin-bottom: -20px !important;
	}
    .zk-ta-dashboard .device-location-status .card-header {
		text-align: left !important;
	}
	.zk-ta-dashboard .total-device p {
		text-align: center !important;
	}
}

@media (min-width:768px) {
	.zk-login-form .input-group {
		padding-left: 3rem;
		padding-right: 3rem;
	}
	.verfication-box {
		margin-left: 3rem;
		margin-right: 3rem;
	}
	.zk-pandemic-dashboard .scroll-area-md,
	.easy-pandemic-dashboard .scroll-area-md {
		height: 305px;
		overflow-x: hidden;
	}
	.department-statistics {
		min-height: 260px;
	}
}

@media (min-width:1200px) {
	.zk-login-card {
		margin-left: 100px !important;
	}

}

@media (min-width:992px) and (max-width:1200px) {
	.zk-tbl tr td {
		padding-left: 1px !important;
		padding-right: 1px !important;
	}
	.pandemic-overall-statistics .total-emp {
		margin-right: 1em !important;
	}
	.btn-viewmore1 {
		width: 100% !important;
	}
}

@media (min-width:992px) {
	.zk-login-col {
		padding-right: 0;
		padding-left: 10px;
	}
	.zk-login-row {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.about-company-box {
		width: 90%;
		margin-left: 4%;
		min-height: 270px !important;
	}
}

@media (min-width:992px) and (max-width:1280px) {
	.zk-ta-dashboard .device-location-status .card-header {
		text-align: left !important;
	}
	.zk-ta-dashboard .total-device p {
		text-align: center !important;
	}
}
@media (max-width:1299px) {
.zk-tbl tr td {
    font-size: 11px;

}
.zk-tbl .title {
    font-size: 12px;

}
.zk-tbl .location-txt, .zk-tbl .device-txt {
    font-size: 11px;

}
.first-container {
	margin-left:15px !important;
	margin-right:15px !important;
}
.zk-pandemic-dashboard .first-container {
	margin-left:15px !important;
	margin-right:15px !important;
}
.zk-ta-dashboard .total-device>div {
	right:-7px;
}
}

@media (min-width:1400px) {
    .zk-ta-dashboard .device-status {
		min-height: 275px !important;
	}
	.zk-login-card {
		min-height: 400px;
	}
	.zk-login-form .input-group {
		padding-left: 5rem !important;
		padding-right: 5rem !important;
	}
	.zk-login-container {
		overflow: hidden;
	}
	.about-company-box {
		width: 80% !important;
		margin-left: 10% !important;
		min-height: 270px !important;
	}
}
@media (min-width:1330px) and (max-width:1599px) {
	/*.overall-statistics {
		min-height:350px;
	}
	.overall-statistics .circle {
		margin-left:20px;
		margin-right:20px;
		margin-bottom:30px;
		margin-top:10px;
		width: 115px;
		height: 115px;
	}
	.overall-statistics .circle span {
		width:95px !important;
		height:95px !important;
		line-height: 80px !important;
		font-size: 11px !important;
	}
	.overall-statistics .circle strong {
		width:95px !important;
		height:95px !important;
		line-height:95px !important;
		left: 10px !important;
		top: 25px !important;
		font-size: 16px !important;
	}*/
	.overall-statistics {
		min-height:350px;
	}
	.overall-statistics .circle {
		margin-left:20px;
		margin-right:20px;
		margin-bottom:30px;
		margin-top:10px;
		width: 115px;
		height: 115px;
	}
	.overall-statistics .circle span {
		width:95px !important;
		height:95px !important;
		line-height:14px !important;
		font-size: 10.8px !important;
		padding-top: 25px;
	}
	.overall-statistics .circle strong {
		width:95px !important;
		height:95px !important;
		line-height:95px !important;
		left: 10px !important;
		top: 25px !important;
		font-size: 14px !important;
	}
}
@media (min-width:1600px) {
	/*.overall-statistics .circle {
		margin-left: 30px;
		margin-right: 30px;
		margin-bottom:27px;
		width: 130px;
		height: 130px;
	}
	.overall-statistics .circle span {
		width: 110px !important;
		height: 110px !important;
		line-height: 95px !important;
		font-size: 12px !important;
	}
	.overall-statistics .circle strong {
		width: 110px !important;
		height: 110px !important;
		line-height: 110px !important;
		left: 10px !important;
		top: 25px !important;
		font-size: 18px !important;
	}*/
	.overall-statistics .circle {
		margin-left: 30px;
		margin-right: 30px;
		margin-bottom:27px;
		width: 130px;
		height: 130px;
	}
	.overall-statistics .circle span {
		width: 110px !important;
		height: 110px !important;
		line-height:14px !important;
		font-size:12px !important;
		padding-top: 30px;
	}
	.overall-statistics .circle strong {
		width: 110px !important;
		height: 110px !important;
		line-height: 110px !important;
		left: 10px !important;
		top: 25px !important;
		font-size: 16px !important;
	}
}

@media (min-width:320px) and  (max-width:480px) {
	.zk-ta-dashboard .realtime-data .zk-tbl .emp-name {
		width:110px;
	}
	.zk-ta-dashboard .realtime-data .zk-tbl .location-txt,
	.zk-ta-dashboard .realtime-data .zk-tbl .device-txt,
	.zk-ta-dashboard .realtime-data .zk-tbl .-txt {
		width:200px;
	}
	.zk-ta-dashboard .realtime-data .zk-tbl .title,
	.zk-ta-dashboard .realtime-data .zk-tbl .time {
		width:100px;
	}
	.zk-ta-dashboard .realtime-data .zk-tbl .checkin-out {
		width:100px;
	}
	/* .zk-ta-dashboard .realtime-data .zk-tbl .checkin-out .title {
		width:auto !important;
	} */
	.zk-ta-dashboard .realtime-data .zk-tbl .camera-img {
		margin-left:10px;
	}
	.zk-ta-dashboard .birthday-card  .zk-tbl .emp-name {
		width:90px;
	}
	.zk-ta-dashboard .events  .zk-tbl td {
		padding-left: 0px;
		padding-right:0px;
	}
	.zk-ta-dashboard .events  .zk-tbl .organiser {
		width:150px;
	}
	.zk-ta-dashboard .events .zk-tbl .day-month {
       width:120px;
	}
	.zk-ta-dashboard .events .event-name,
	.zk-ta-dashboard .events .event-time {
		padding-left:5px;
		width:150px;
	}
	.zk-ta-dashboard .events .event-day-month {
		font-size:15px;
		padding-left: 0px;
		padding-right:0px;
	}
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .emp-name,
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .emp-name
	{
		width:100px;
	}
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .location-txt,
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .device-txt,
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .-txt,
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .location-txt,
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .device-txt,
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .-txt {
		width:184px;
	}
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .pandemic-temp,
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .pandemic-temp{
		width:255px;
	}
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .camera-img,
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .camera-img
    {
	margin-left:2px;

	}
	.first-container {
		margin-left:5px !important;
		margin-right:5px !important;
	}
}

@media (min-width:481px) and  (max-width:767px) {
	.zk-ta-dashboard .realtime-data .zk-tbl .emp-name {
		width:110px;
	}
	.zk-ta-dashboard .realtime-data .zk-tbl .location-txt,
	.zk-ta-dashboard .realtime-data .zk-tbl .device-txt,
	.zk-ta-dashboard .realtime-data .zk-tbl .-txt {
		width:230px;
	}
	.zk-ta-dashboard .realtime-data .zk-tbl .title,
	.zk-ta-dashboard .realtime-data .zk-tbl .time {
		width:100px;
	}
	.zk-ta-dashboard .realtime-data .zk-tbl .checkin-out {
		width:100px;
	}
	/* .zk-ta-dashboard .realtime-data .zk-tbl .checkin-out .title {
		width:auto !important;
	} */
	.zk-ta-dashboard .realtime-data .zk-tbl .camera-img {
		margin-left:10px;
	}
	.zk-ta-dashboard .birthday-card  .zk-tbl .emp-name {
		width:150px;
	}
	.zk-ta-dashboard .events  .zk-tbl td {
		padding-left: 0px;
		padding-right:0px;
	}
	.zk-ta-dashboard .events  .zk-tbl .organiser {
		width:150px;
	}
	.zk-ta-dashboard .events .zk-tbl .day-month {
       width:100px;
	}
	.zk-ta-dashboard .events .event-name,
	.zk-ta-dashboard .events .event-time {
		padding-left:5px;
		width:150px;
	}
	.zk-ta-dashboard .events .event-day-month {
		font-size:15px;
		padding-left: 0px;
		padding-right:0px;
	}
	.zk-ta-dashboard .realtime-data .zk-tbl .checkin-out [class*="col-md"] {
		padding-left: 0;
		padding-right: 0;

	}
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .emp-name,
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .emp-name
	{
		width:120px;
	}
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .location-txt,
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .device-txt,
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .-txt,
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .location-txt,
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .device-txt,
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .-txt {
		width:184px;
	}
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .pandemic-temp,
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .pandemic-temp{
		width:255px;

	}
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .camera-img,
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .camera-img
    {
	margin-left:2px;

	}
	.first-container {
		margin-left:5px !important;
		margin-right:5px !important;
	}
}
@media (min-width:768px) and  (max-width:991px) {
	.zk-ta-dashboard .realtime-data .zk-tbl .emp-name {
		width:110px;
	}
	.zk-ta-dashboard .realtime-data .zk-tbl .location-txt,
	.zk-ta-dashboard .realtime-data .zk-tbl .device-txt,
	.zk-ta-dashboard .realtime-data .zk-tbl .-txt {
		width:210px;
	}
	.zk-ta-dashboard .realtime-data .zk-tbl .title,
	.zk-ta-dashboard .realtime-data .zk-tbl .time {
		width:100px;
	}
	.zk-ta-dashboard .realtime-data .zk-tbl .checkin-out {
		width:100px;
	}
	/* .zk-ta-dashboard .realtime-data .zk-tbl .checkin-out .title {
		width:auto !important;
	} */
	.zk-ta-dashboard .realtime-data .zk-tbl .camera-img {
		margin-left:10px;
	}
	.zk-ta-dashboard .realtime-data .zk-tbl .checkin-out [class*="col-md"] {
		padding-left: 0;
		padding-right: 0;

	}
	.zk-ta-dashboard .birthday-card  .zk-tbl .emp-name {
		width:250px;
	}
	.zk-ta-dashboard .events  .zk-tbl td {
		padding-left: 0px;
		padding-right:0px;
	}
	.zk-ta-dashboard .events  .zk-tbl .organiser {
		width:250px;
	}
	.zk-ta-dashboard .events .zk-tbl .day-month {
       width:120px;
	}
	.zk-ta-dashboard .events .event-name,
	.zk-ta-dashboard .events .event-time {
		padding-left:25px;

	}
	.zk-ta-dashboard .events .event-day-month {
		font-size:16px;
		padding-left: 0px;
		padding-right:0px;
	}
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .emp-name,
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .emp-name
	{
		width:110px;
	}
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .location-txt,
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .device-txt,
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .-txt,
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .location-txt,
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .device-txt,
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .-txt {
		width:184px;
	}
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .pandemic-temp,
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .pandemic-temp{
		width:255px;

	}
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .camera-img,
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .camera-img
    {
	margin-left:5px;

	}

}
@media (min-width:992px) and  (max-width:1199px) {
	.zk-ta-dashboard .realtime-data .zk-tbl .emp-name {
		width:100px;
	}
	.zk-ta-dashboard .realtime-data .zk-tbl .location-txt,
	.zk-ta-dashboard .realtime-data .zk-tbl .device-txt,
	.zk-ta-dashboard .realtime-data .zk-tbl .-txt {
		width:200px;
	}
	.zk-ta-dashboard .realtime-data .zk-tbl .title,
	.zk-ta-dashboard .realtime-data .zk-tbl .time {
		width:100px;
	}
	.zk-ta-dashboard .realtime-data .zk-tbl .checkin-out {
		width:100px;
	}
	/* .zk-ta-dashboard .realtime-data .zk-tbl .checkin-out .title {
		width:auto !important;
	} */
	.zk-ta-dashboard .realtime-data .zk-tbl .camera-img {
		margin-left:5px;
	}
	.zk-ta-dashboard .birthday-card  .zk-tbl .emp-name {
		width:90px;
	}
	.zk-ta-dashboard .events  .zk-tbl td {
		padding-left: 0px;
		padding-right:0px;
	}
	.zk-ta-dashboard .events  .zk-tbl .organiser {
		width:140px;
	}
	.zk-ta-dashboard .events .zk-tbl .day-month {
       width:100px;
	}
	.zk-ta-dashboard .events .event-name,
	.zk-ta-dashboard .events .event-time {
		padding-left:5px;
		width:150px;
	}
	.zk-ta-dashboard .events .event-day-month {
		font-size:15px;
		padding-left: 0px;
		padding-right:0px;
	}
	.zk-ta-dashboard .birthday-card  .zk-tbl .dept,
	.zk-ta-dashboard .birthday-card  .zk-tbl .dept-name {
		padding-left:5px;
	}
	.zk-ta-dashboard .realtime-data .zk-tbl .checkin-out [class*="col-md"] {
		padding-left: 0;
		padding-right: 0;

	}
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .emp-name,
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .emp-name
	{
		width:200px;
	}
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .location-txt,
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .device-txt,
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .-txt,
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .location-txt,
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .device-txt,
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .-txt {
		width:300px;
	}
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .pandemic-temp,
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .pandemic-temp{
		width:285px;
		padding-left:5px;
		padding-right:5px;
	}
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .camera-img,
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .camera-img
    {
	margin-left:20px;

	}



}
@media (min-width:1200px) and  (max-width:1299px) {
	.zk-ta-dashboard .realtime-data .zk-tbl .emp-name {
		width:140px;
	}
	.zk-ta-dashboard .realtime-data .zk-tbl .location-txt,
	.zk-ta-dashboard .realtime-data .zk-tbl .device-txt,
	.zk-ta-dashboard .realtime-data .zk-tbl .-txt {
		width:240px;
	}
	.zk-ta-dashboard .realtime-data .zk-tbl .title,
	.zk-ta-dashboard .realtime-data .zk-tbl .time {
		width:110px;
	}
	.zk-ta-dashboard .realtime-data .zk-tbl .checkin-out {
		width:110px;
	}
	/* .zk-ta-dashboard .realtime-data .zk-tbl .checkin-out .title {
		width:auto !important;
	} */
	.zk-ta-dashboard .realtime-data .zk-tbl .camera-img {
		margin-left:15px;
	}
	.zk-ta-dashboard .realtime-data .zk-tbl .checkin-out [class*="col-md"] {
		padding-left: 0;
		padding-right: 0;

	}
	.zk-ta-dashboard .birthday-card  .zk-tbl .emp-name {
		width:120px;
	}
	.zk-ta-dashboard .birthday-card  .zk-tbl .dept,
	.zk-ta-dashboard .birthday-card  .zk-tbl .dept-name {
		padding-left: 10px;
	}
	.zk-ta-dashboard .events  .zk-tbl td {
		padding-left: 0px;
		padding-right:0px;
	}
	.zk-ta-dashboard .events  .zk-tbl .organiser {
		width:140px;
	}
	.zk-ta-dashboard .events .zk-tbl .day-month {
       width:60px;
	}
	.zk-ta-dashboard .events .event-name,
	.zk-ta-dashboard .events .event-time {
		padding-left:5px;
	}
	.zk-ta-dashboard .events .event-day-month {
		font-size: 15px;
		padding-left: 0px;
		padding-right:0px;
	}
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .emp-name,
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .emp-name
	{
		width:90px;
	}
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .location-txt,
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .device-txt,
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .-txt {
		width:110px;
	}
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .location-txt,
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .device-txt,
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .-txt {
		width:140px;
	}
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .pandemic-temp,
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .pandemic-temp{
		width:245px;
	}
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .camera-img
    {
	margin-left:1px;

	}
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .camera-img
    {
		margin-left:1px;

	}
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .pandemic-temp [class*="col-md"],
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .pandemic-temp [class*="col-md"]
	{
	   padding-left: 0;
	   padding-right: 0;
   }
}

@media (min-width:1300px) and  (max-width:1399px) {
	.zk-tbl .title {
		font-size: 13px;
	}
	.zk-ta-dashboard .realtime-data .zk-tbl .emp-name {
		width:140px;
	}
	.zk-ta-dashboard .realtime-data .zk-tbl .location-txt,
	.zk-ta-dashboard .realtime-data .zk-tbl .device-txt,
	.zk-ta-dashboard .realtime-data .zk-tbl .-txt {
		width:220px;
	}
	.zk-ta-dashboard .realtime-data .zk-tbl .title,
	.zk-ta-dashboard .realtime-data .zk-tbl .time {
		width:115px;

	}
	.zk-ta-dashboard .realtime-data .zk-tbl .checkin-out {
		width:115px;
	}

	.zk-ta-dashboard .realtime-data .zk-tbl .camera-img {
		margin-left:28px;
	}
	.zk-ta-dashboard .realtime-data .zk-tbl .checkin-out [class*="col-md"] {
		padding-left: 0;
		padding-right: 0;

	}
	.zk-ta-dashboard .birthday-card  .zk-tbl .emp-name {
		width:130px;
	}
	.zk-ta-dashboard .events  .zk-tbl td {
		padding-left: 0px;
		padding-right:0px;
	}
	.zk-ta-dashboard .events  .zk-tbl .organiser {
		width:150px;
	}
	.zk-ta-dashboard .events .zk-tbl .day-month {
       width:60px;
	}
	.zk-ta-dashboard .events .event-name,
	.zk-ta-dashboard .events .event-time {
		padding-left:5px;
	}
	.zk-ta-dashboard .events .event-day-month {
		font-size: 15px;
		padding-left: 0px;
		padding-right:0px;
	}
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .emp-name,
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .emp-name
	{
		width:95px;
	}
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .location-txt,
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .device-txt,
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .-txt{
		width:108px;
	}
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .location-txt,
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .device-txt,
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .-txt {
		width:135px !important;
	}
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .pandemic-temp {
		width:240px;
	}
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .pandemic-temp {
		width:210px;
		padding-right:10px;
	}
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .camera-img {
		margin-left:1px;
	}
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .camera-img {
		margin-left:3px;
	}
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .pandemic-temp [class*="col-md"],
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .pandemic-temp [class*="col-md"] {
	   padding-left: 0;
	   padding-right: 0;
   	}
   .first-container {
	margin-left: 50px !important;
	margin-right:50px !important;
}
.easy-pandemic-dashboard .first-container {
	margin-left: 50px !important;
	margin-right:50px !important;
}
.zk-ta-dashboard .total-device>div {
	right:-5px;
}

}
@media (min-width:1400px) and  (max-width:1799px) {
	.zk-ta-dashboard .realtime-data .zk-tbl .emp-name {
		width:120px;
	}
	.zk-ta-dashboard .realtime-data .zk-tbl .location-txt,
	.zk-ta-dashboard .realtime-data .zk-tbl .device-txt,
	.zk-ta-dashboard .realtime-data .zk-tbl .-txt {
		width:260px;
	}
	.zk-ta-dashboard .realtime-data .zk-tbl .title,
	.zk-ta-dashboard .realtime-data .zk-tbl .time {
		width:120px;
	}
	.zk-ta-dashboard .realtime-data .zk-tbl .checkin-out {
		width:120px;
	}
	/* .zk-ta-dashboard .realtime-data .zk-tbl .checkin-out .title {
		width:auto !important;
	} */
	.zk-ta-dashboard .realtime-data .zk-tbl .camera-img {
		margin-left:24px;
	}
	.zk-ta-dashboard .realtime-data .zk-tbl .checkin-out [class*="col-md"] {
		padding-left: 0;
		padding-right: 0;

	}
	.zk-ta-dashboard .birthday-card  .zk-tbl .emp-name {
		width:135px;
	}
	.zk-ta-dashboard .events  .zk-tbl td {
		padding-left: 0px;
		padding-right:0px;
	}
	.zk-ta-dashboard .events  .zk-tbl .organiser {
		width:158px;
	}
	.zk-ta-dashboard .events .zk-tbl .day-month {
       width:60px;
	}
	.zk-ta-dashboard .events .event-name,
	.zk-ta-dashboard .events .event-time {
		padding-left:10px;
	}
	.zk-ta-dashboard .events .event-day-month {
		font-size: 15px;
		padding-left: 0px;
		padding-right:0px;
	}

	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .emp-name,
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .emp-name
	{
		width:90px;
	}
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .location-txt,
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .device-txt,
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .-txt {
		width:120px;
	}
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .location-txt,
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .device-txt,
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .-txt {
		width:120px;
	}
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .pandemic-temp,
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .pandemic-temp{
		width:245px;
	}
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .camera-img
    {
	margin-left: 1px;
	}
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .camera-img
    {
		margin-left:4px;
	}
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .pandemic-temp [class*="col-md"],
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .pandemic-temp [class*="col-md"]
	{
	   padding-left: 0;
	   padding-right: 0;
   }
   .first-container {
	margin-left: 50px !important;
	margin-right:50px !important;
}
 .easy-pandemic-dashboard .first-container {
	margin-right:100px;
    margin-left:100px;
}
.zk-ta-dashboard .total-device>div {
	right:-5px;
}


}
@media (min-width:1800px) {
	.zk-ta-dashboard .realtime-data .zk-tbl .emp-name {
		width:180px;
	}
	.zk-ta-dashboard .realtime-data .zk-tbl .location-txt,
	.zk-ta-dashboard .realtime-data .zk-tbl .device-txt,
	.zk-ta-dashboard .realtime-data .zk-tbl .-txt {
		width:300px;
	}

	.zk-ta-dashboard .realtime-data .zk-tbl .title,
	.zk-ta-dashboard .realtime-data .zk-tbl .time {
		width:150px;
	}
	.zk-ta-dashboard .realtime-data .zk-tbl .checkin-out {
		width:180px;
	}
	/* .zk-ta-dashboard .realtime-data .zk-tbl .checkin-out .title {
		width:auto !important;
	} */
	.zk-ta-dashboard .realtime-data .zk-tbl .camera-img {
		margin-left:50px;
	}
	.zk-ta-dashboard .birthday-card  .zk-tbl .emp-name {
		width:190px;
	}
	.zk-ta-dashboard .events  .zk-tbl .organiser {
		width:190px;
	}
	.zk-ta-dashboard .events .zk-tbl .day-month {
       width:80px;
	}
	.zk-ta-dashboard .events .event-name,
	.zk-ta-dashboard .events .event-time {
		padding-left:20px;
	}
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .emp-name,
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .emp-name
	{
		width:130px;
	}
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .location-txt,
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .device-txt,
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .-txt{
		width:220px;
	}
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .location-txt,
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .device-txt,
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .-txt{
		width:200px;
	}
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .pandemic-temp,
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .pandemic-temp{
		width:260px;
	}
	.zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .camera-img
    {
		margin-left:16px;
	}
	.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .camera-img
    {
		margin-left:10px;
	}
	.progress {
		width: 150px;
		height: 150px;
	}

}
@media (min-width:1900px) {
        .zk-ta-dashboard .realtime-data .zk-tbl .emp-name {
                width:220px;
        }
        .zk-ta-dashboard .realtime-data .zk-tbl .location-txt,
        .zk-ta-dashboard .realtime-data .zk-tbl .device-txt,
        .zk-ta-dashboard .realtime-data .zk-tbl .-txt{
                width:300px;
        }

        .zk-ta-dashboard .realtime-data .zk-tbl .title,
        .zk-ta-dashboard .realtime-data .zk-tbl .time {
                width:160px;
        }
        .zk-ta-dashboard .realtime-data .zk-tbl .checkin-out {
                width:190px;
        }
        /* .zk-ta-dashboard .realtime-data .zk-tbl .checkin-out .title {
                width:auto !important;

        } */
        .zk-ta-dashboard .realtime-data .zk-tbl .camera-img {
                margin-left:55px;

        }
        .zk-ta-dashboard .birthday-card  .zk-tbl .emp-name {
                width:210px;
        }
        .zk-ta-dashboard .events  .zk-tbl .organiser {
                width:210px;
        }
        .zk-ta-dashboard .events .zk-tbl .day-month {
       width:100px;
        }
        .zk-ta-dashboard .events .event-name,
        .zk-ta-dashboard .events .event-time {
                padding-left: 25px;
        }
        .zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .emp-name,
        .easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .emp-name
        {
                width:140px;
        }
        .zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .location-txt,
        .zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .device-txt,
        .zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .-txt
        {
                width:230px;
        }
		.easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .location-txt,
        .easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .device-txt,
        .easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .-txt
        {
                width:220px;
        }
        .zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .pandemic-temp,
        .easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .pandemic-temp{
                width:280px;
        }
        .zk-pandemic-dashboard .pandemic-realtime-data .zk-tbl .camera-img {
                margin-left:24px;

        }
        .easy-pandemic-dashboard .pandemic-realtime-data .zk-tbl .camera-img {
			margin-left:15px;
		}
}
@media screen and (max-width:767px) {
	.table-responsive>.zk-tbl>tbody>tr>td {
		white-space: normal;
	}
}
@media (min-width:992px) and  (max-width:1072px) {
	.zk-ta-dashboard .device-status {
		min-height:505px;
	}
	.zk-ta-dashboard .device-status #ta_device_location {
		min-height:505px;

	}
}

/* Switch For TA & Pandemic */
.onoffswitch {
        position: relative;
        width: 150px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        float:right;
        margin-right: 10px;
        margin-bottom: 10px;
}

.onoffswitch-checkbox {
        position: absolute;
        opacity: 0;
        pointer-events: none;
}

.onoffswitch-label {
        display: block;
        overflow: hidden;
        cursor: pointer;
        border: 2px solid #F0F0F0;
        border-radius: 20px;
}

.onoffswitch-inner {
        display: block;
        width: 200%;
        margin-left: -100%;
        transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before,
.onoffswitch-inner:after {
        display: block;
        float: left;
        width: 50%;
        height: 30px;
        padding: 0;
        line-height: 30px;
        font-size: 15px;
        color: white;
        font-family: Trebuchet, Arial, sans-serif;
        font-weight: bold;
        box-sizing: border-box;
}

.onoffswitch-inner:before {
        content: "Attendance";
        padding-left: 12px;
        background-color: #7AC143;
        color: #FFFFFF;
}

.onoffswitch-inner:after {
        content: "Pandemic";
        padding-right: 12px;
        background-color: #7AC143;
        color: #FFFFFF;
        text-align: right;
}

.onoffswitch-switch {
        display: block;
        width: 18px;
        height:18px;
        margin: 6px;
        background: #000000;
        position: absolute;
        top:2px;
        bottom: 0;
        right: 116px;
        border: 2px solid #F0F0F0;
        border-radius: 20px;
        transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
        margin-left: 0;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
        right: 0px;
}
/* Switch TA Pandemic End */

.zk-ta-dashboard .birthday-card {
	min-height: 267px;
}
.easy-pandemic-dashboard .first-container {
	margin-right:100px;
    margin-left:100px;
}
.first-container {
	margin-right: 70px;
    margin-left: 70px;
}

/* For doughnut half chart(Tooltip flickering effect)*/
svg > g > g:last-child { pointer-events: none }

/*Login Page Error Message*/
.my-center-modal .modal-dialog{
	margin-top: 0;
	margin-bottom: 0;
	height: 100vh;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	box-shadow: none !important;
}
.my-center-modal.fade .modal-dialog {
	-webkit-transform: translate(0, -100%);
	transform: translate(0, -100%);
}
.my-center-modal.in .modal-dialog
{
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.my-center-modal .modal-header{
	padding: 1px;
	color: #FFFFFF;
}
.my-center-modal .modal-header .modal-title {
	padding: 15px;
	float: left;
	font-size: 16px;
	text-transform: uppercase;
}
.my-center-modal .close  {
	padding: 15px;
	color: #FFFFFF;
}
.login-error-modal .modal-header {
	background:#d9534f;
}
.subs-exp-field {
	color: red;
	font-weight: bold;
	font-size: 15px;
}