@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');
@supports (-moz-appearance:none) {
	/* special attributes for mozilla only */
}
/*::-webkit-scrollbar{width:10px !important;}
::-webkit-scrollbar-thumb{background:#053909 !important;}
::-webkit-scrollbar-track {background: #8a958b;}
::-webkit-scrollbar-button {
    background: #053909;
    width: 10px;
    border-radius: 100%;
}*/
body {padding: 0; margin: 0;}
@media (min-width:992px){
	.overflow-hidden-desk{overflow: hidden;}
	.height-100-vh-desk{height: 100vh;}
}
.list-height {
    height: 50vh;
}
@media (max-width:990px) {
	
}
/* .wrapper-body {border-radius: 10px; overflow: hidden; height: 94.3vh;} */
body,div,ul,li,a,p,b,strong,h1,h2,h3,h4,h5,h6{font-family: 'Poppins', sans-serif;}
body,p,ul,li,div{font-size: 14px;}
ul li {list-style:none;}
a{text-decoration:none;color:inherit;}
a:hover{text-decoration:none;color:inherit;}
.list-initial li {list-style: initial;}
.bg-none{background:none !important;}
.bg-alt{background:#053909 !important;}
.text-alt{color:#053909 !important;}
.bg-main {background: #109618 !important;}
.text-main {color: #109618 !important;}
.bg-black{background: #0c0c0c !important;}
.text-black {color: #000 !important;}
.bg-yellow{background:#ffe37d !important;}
.text-yellow{color:#fdc800 !important;}
.bg-white{background:#fff !important;}
.text-white {color: #fff !important;}
.bg-red{background:#ff707d !important;}
.text-red{color:#e63344 !important;}
.bg-gray{background:#f5f5f5 !important;}
.bg-other {background: #e0dfdf !important;}
.text-other {color: #e0dfdf !important;}
.text-gray{color:#5f5f5f !important;}
.letter-spacing-2{letter-spacing: 6px;}
.clear-both {clear: both !important;}
.object-cover{width: 100%; object-fit: cover; display: table}
.font-700{font-weight:700 !important;}
.font-600{font-weight:600 !important;}
.font-500{font-weight:500 !important;}
.font-400{font-weight:400 !important;}
.font-300{font-weight:300 !important;}
.outline-none, .outline-none:hover{outline: none !important; box-shadow: none !important;}
.border-t-light {border-top:1px solid rgba(0, 0, 0, 0.1) !important;}
.border-r-light {border-right:1px solid rgba(0, 0, 0, 0.1) !important;}
.border-b-light {border-bottom:1px solid rgba(0, 0, 0, 0.1) !important;}
.border-b-dark { border-bottom: 2px solid rgb(190, 190, 190) !important;}
.border-b-dark:hover, .border-b-dark:focus, .border-b-dark:active, .border-b-dark:visited { border-bottom: 2px solid #86e786 !important;}
.border-l-light {border-left:1px solid rgba(0, 0, 0, 0.1) !important;}
.border-light {border:1px solid rgba(0, 0, 0, 0.1) !important;}
.min-h-100{min-height: 100px !important;}
.min-h-150{min-height: 150px !important;}
.min-h-200{min-height: 200px !important;}
.min-h-204{min-height: 204px !important;}
.min-h-250{min-height: 250px !important;}
.min-h-300{min-height: 300px !important;}
.min-h-350{min-height: 350px !important;}
.min-h-400{min-height: 400px !important;}
.min-h-450{min-height: 450px !important;}
.min-h-500{min-height: 500px !important;}
.min-h-550{min-height: 550px !important;}
.max-h-600{max-height: 600px !important;}
.max-h-150{max-height: 150px !important;}
.max-h-200{max-height: 200px !important;}
.max-h-250{max-height: 250px !important;}
.max-h-300{max-height: 300px !important;}
.max-h-350{max-height: 350px;}
.max-h-400{max-height: 400px;}
.max-h-450{max-height: 450px;}
.max-h-500{max-height: 500px;}
.max-h-550{max-height: 550px;}
.max-h-600{max-height: 600px;}
.height-100-vh {height: 100vh;}
.w-900px {min-width: 900px !important; width: 900px !important; max-width: 900px !important;}
.w-650px {min-width: 650px !important; width: 650px !important; max-width: 650px !important;}
.w-450px {min-width: 450px !important; width: 450px !important; max-width: 450px !important;}
.w-350px {min-width: 350px !important; width: 350px !important; max-width: 350px !important;}
.w-300px {min-width: 300px !important; width: 300px !important; max-width: 300px !important;}
.w-250px {min-width: 250px !important; width: 250px !important; max-width: 250px !important;}
.w-200px {min-width: 200px !important; max-width: 200px !important; width: 200px !important;}
.w-150px {min-width: 150px !important; max-width: 150px !important;  width: 150px !important;}
.w-100px {min-width: 100px !important;  width: 100px !important; max-width: 100px !important;}
.w-50px {min-width: 50px !important; width: 50px !important; max-width: 50px !important;}
.w-30px {min-width: 30px !important; width: 30px !important; max-width: 30px !important;}
.overflow-auto{ overflow: auto !important;}
.rounded-btn{border-radius:40px;}
.top{top: 0;}.bottom{bottom: 0;}.right{right: 0;}.left{left: 0;}
.font-xs{font-size:12px !important;}.font-sm{font-size:14px !important;}.font-md{font-size:16px !important;}.font-lg{font-size:18px !important;}.font-xl{font-size:25px !important;}
.box-shadow{-webkit-box-shadow: 10px 10px 24px -16px rgba(0,0,0,0.75);-moz-box-shadow: 10px 10px 24px -16px rgba(0,0,0,0.75);box-shadow: 10px 10px 24px -16px rgba(0,0,0,0.75);}
.align-center{align-items:center !important;}
.pointer{cursor:pointer;}

/* login page */
.login-body {
	background: url(../../images/login-bg.jpg) no-repeat;
	background-size: cover;
	height: 100vh;
	font-size: 14px;
}
.logo-login {font-weight: bold; text-transform: uppercase; font-size: 24px;}
.right-login{padding: 20px; height: 100vh;background: rgba(255, 255, 255, 0.98);display: none;min-height: 100%; position: absolute;right: 0;top: 0;bottom: 0;z-index: 999; box-shadow: 1px 5px 28px -3px rgba(0, 0, 0, 0.19);}
#closeLoginIco { position: absolute;right: 20px;top: 20px;color: #000080;font-size: 18px;}

.LoginBtn { float: right;padding: 10px 20px;color: #fff;background: #ff5959;border-radius: 4px;box-shadow: 5px 5px 18px -4px rgba(0, 0, 0, 0.5686274509803921);border: 0;margin-top: 15px;width: auto;}
.left-login {height: 100vh; display: flex; align-items: center;}
.logo-here{color: #fff; font-weight: bold; text-transform: uppercase; margin: 0 auto; display: table;}
.left-login p {color: #fff; text-align: center;}
.input-login {width: 100%;border: 0; padding: 10px;outline: none; margin-bottom: 20px;  border-bottom: 2px solid #053909;
	background: none; padding-right: 50px; font-size: 14px;}
.flex-wrap{flex-wrap: wrap; display: flex;}
.login-buton-pos{background: #053909;border: 0;padding: 11px;width: 100%;color: #fff; outline: none; font-size: 14px;}
.icon-input{    position: absolute;right: 12px;top: 36px;font-size: 25px !important; color: #053909;}
.middle-border-login hr {height: 100%; width: 3px; background: #053909;}
.rounded-middle {color: #053909;background: #fff; padding: 8px 10px; border-radius: 100%; height: 40px; width: 40px; text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
@media (max-width:991px){
	.rounded-middle {position: relative;}
}
.display-center{display: flex; align-items: center;}
.login-heading {color: #053909;}
.login-row label {color: #053909;}
.font-sign-light {font-weight: 300; color: #053909;}
/* login page end*/


/* global code */
.leftPanel {width: 300px; overflow: auto; height: 100vh;float: left; padding: 20px; display: none;}
.defaultHide{display: none;}
@media (max-width: 991px){
	.leftPanel{position: fixed; z-index: 99999; height: 100vh; top:0; left: 0;}
	.signOutMobile{position: absolute;top: 10px;right: 0px;z-index: 9999;width: auto;}
}
.leftPanel table {width: 100%;}
.displayGrid {display: -webkit-grid;}
.input-icon{position: absolute;right: 5px;top: 0;height: 100%;padding: 4px 10px;}
@media (min-width: 992px){
	.border-left-desk{background: url(../images/border-v.png) no-repeat; background-size: 2px 100%; background-position: left;}
	.position-inherit{position: inherit !important; margin-left: 15px;transform:rotate(180deg) !important; -webkit-transform:rotate(180deg) !important;}
}

/* data table */
.clickButton{position: absolute;left: 0;top: 50%;transform: translate(0,-50%);z-index: 999; height: 40px;background: #ff707d !important;color: #fff !important;}
.clickButton:hover { cursor: pointer;}
/* data table end */
.autoArrangeUl {max-height: 250px; overflow: auto;}
.autoArrangeUl li {width: 100%; padding: 5px 10px; border-bottom: 1px solid #ddd; display: flex; align-items: center;}
.autoArrangeUl li label{width: 100%; margin: 0;}
.autoArrangeUl li span {margin-left: 10px;}
@media (min-width:992px){
	.filterDrop {top: 10px; z-index: 99;right: 300px; }
	.filterDrop > button {position: absolute; right: 10px; background: #fff !important; color: #000 !important; padding: 3px 5px;}
	.refreshIcon{position: absolute;color: #109618;z-index: 99;left: 50%;margin: 17px 0;}
}
@media (max-width:991px){
	.refreshIcon {position: absolute;z-index: 99;color: #109618;top: 4px;left: 126px;}
	.filterDrop { text-align: right;}
	.dropiconNone .dropdown-menu { position: inherit !important;width: 100% !important;  max-height: 250px !important;
	overflow: auto !important;border: 0 !important;padding: 0 !important;top: -30px !important;}
	.dropiconNone .dropdown-menu .dropdown-item { color: #fff !important;}
}

.dropboxStyle .dropdown-menu.show {font-size: 14px; background: whitesmoke;}
.dropboxStyle .dropdown-item:hover {background: #fff;}
/* global code end*/

/* footer */
	.contentDivHeight{min-height: 89.5vh;}
/* footer end */

.height-40 {height: 40px;}

.stickyHeader {position: fixed; top: 0; width: 100%; background:#f5f5f5; z-index: 999;}
.form-height{min-height: 69vh;}
.form-height-New{ max-height: 200px;}
.dropiconNone .dropdown-toggle::after { display: none;}
.hoverNone:before { background: none !important;}
.dropdown-item { padding-left: 1rem;}
.text-dark-gray{ color: #6e6e6e !important;}

@media (min-width: 576px) {
	.modalFullWidth { min-width: 1024px;}
}
.z-index-alert{ z-index: 999;}
.iconSelect {
		position: absolute;
	top: 9px;
	right: 3px;
	font-size: 20px;
	z-index: 999;
}




/*other css*/
.countHead {
	box-shadow: 0px 6px 19px -8px rgba(0, 0, 0, 0.13);
	border-radius: 4px;
	padding: 20px;
	color: #fff;
	margin-bottom: 15px;
}
.icon-countHead { font-size: 40px !important; opacity: 0.5 !important;}
.countHead1 { background: #8eb7ff;}
.countHead2 { background: #ff9379;}
.countHead3 { background:#ffcb7d;}
.countHead4 { background:#bdf3bd;}
.countHead5 { background:#e8e183;}
.countHead6 { background: #57b5ea;}
.countHead7 { background: #c2a3ff;}
.countHead8 { background: #ff8c8c;}
.bg-transparent-black { background: rgba(0, 0, 0, 0.13);}
.d-grid{ display: -webkit-grid;}



 .gridPie{
		background: #fff;
	border-radius: 7px;
	border: 1px solid #109618;
	overflow: hidden;
	 box-shadow: 0px 6px 19px -8px rgba(0, 0, 0, 0.13);
	 /*min-height: 300px;*/
}
 .gridPieHead{
	border-bottom: 1px solid rgba(221, 221, 221, 0.52) !important;
	text-align: left;
	 font-weight: 500;
	 background: #109618;
	color: #fff;
}

 .gridPieHead h6 {
	 padding: 8px !important;
 }
 .gridPieHead svg {
	 float: left;
	 margin-right: 10px;
	 width: 43px !important;
	height: 35px !important;
	padding: 8px;
	border-right: 1px solid rgba(221, 221, 221, 0.52);
 }

 .d-flex-wrap {
	 display: flex;
	 flex-wrap: wrap;
 }

.loader-img{
	 position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
z-index: 999999999;
 }

.list-checkbox {
	padding: 0;
}

.list-checkbox li label {
	margin: 0;
}
 .list-checkbox li {
	display: inline-block;
	margin-right: 29px;
	padding: 10px;
	border: 1px solid #ddd;
	margin-bottom: 20px;
}
 .list-checkbox li label input { position: relative;top: 3px;}
 .list-checkbox li label span { margin-right: 10px;}

/*other css*/
.listHeaderUl li {
		display: inline-block;
	margin-right: 15px;
}
form{ width: 100%;}
.datepicker-container{ z-index: 999999 !important;}
.modalScroll { max-height: 529px;overflow: auto;}
@media (min-width: 992px) {
 .comingSoonPage{ width: 400px;}   
}
.comingSoonPage{ position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);} 
@media (min-width: 992px) {
	.row.mx-0.my-3{ padding-left:20px;}
}
.tabelLoad {display: none;}
.loaderDive {
		background: rgba(0, 0, 0, 0.81);
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 99999;
}
.loaderDive img { width: 50px;}

@media (min-width:992px) {
	.positionRecord {
		position: absolute;
		top: 9px;
		left: 0;
		z-index: 999;
		left: 200px;
		color: #109618;
		background: #fff !important;
		font-size: 13px;
		font-weight: 400 !important;
		border-radius: 0 !important;
	}
}

#FormDashboard { display: contents;}
#dropZonemy{ border: 1px solid #ddd !important;border-radius: 4px !important;}
.print-btn { margin-top: -7px;}
.graphScroll{min-height: 297px;max-height: 297px;overflow: auto;}
.employeeUl li { display: inline-block;padding: 10px 15px;text-align: center;}
.employeeUl li strong { font-size: 12px;color: #109618;}
.employeeUl li p { margin: 0;color: #de2233;font-weight: bold;}
.employeeUl { margin: 0;padding: 0;margin-top: 15px !important; background: #dedede;border-radius: 4px;text-align: center;}

.print-table { font-size: 12px;}

.pdf-icon{
    width: 20px;
    height: 20px;
    z-index: 9999999;
    background: red;
}

.hideMe { display: none;}
#hideMe { display: none;}



.box-col > div {border: 1px solid rgba(34, 53, 106, 0.34); background:#fbfbfb !important; border-radius:4px; padding:15px; position:relative; overflow:hidden;}
.box-col > div h2 { margin:0;color: #109618;}
.box-col > div h4 { color: #9d9d9d; margin:0; margin-bottom: 5px;font-size: 16px;}
.coin-icon {position: absolute;bottom: -27px;right: -22px;background:#109618;width: 100px;height: 50px;transform: rotate(-32deg);}
.coin-icon svg {position: absolute; left: 57px;color: #fff;top: 8px}


.ui-timepicker-wrapper {
	overflow-y: auto;
	max-height: 150px;
	width: 6.5em;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	box-shadow:0 5px 10px rgba(0,0,0,0.2);
	outline: none;
	z-index: 10052;
	margin: 0;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
	width: 13em;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
	width: 11em;
}

.ui-timepicker-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ui-timepicker-duration {
	margin-left: 5px; color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
	color: #888;
}

.ui-timepicker-list li {
	padding: 3px 0 3px 5px;
	cursor: pointer;
	white-space: nowrap;
	color: #000;
	list-style: none;
	margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
	background: #fff; color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
	background: #1980EC; color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
	color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	color: #888;
	cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	background: #f2f2f2;
}.ui-timepicker-wrapper {
	overflow-y: auto;
	max-height: 150px;
	width: 6.5em;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	box-shadow:0 5px 10px rgba(0,0,0,0.2);
	outline: none;
	z-index: 10052;
	margin: 0;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
	width: 13em;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
	width: 11em;
}

.ui-timepicker-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ui-timepicker-duration {
	margin-left: 5px; color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
	color: #888;
}

.ui-timepicker-list li {
	padding: 3px 0 3px 5px;
	cursor: pointer;
	white-space: nowrap;
	color: #000;
	list-style: none;
	margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
	background: #fff; color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
	background: #1980EC; color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
	color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	color: #888;
	cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	background: #f2f2f2;
}.ui-timepicker-wrapper {
	overflow-y: auto;
	max-height: 150px;
	width: 6.5em;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	box-shadow:0 5px 10px rgba(0,0,0,0.2);
	outline: none;
	z-index: 10052;
	margin: 0;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
	width: 13em;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
	width: 11em;
}

.ui-timepicker-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ui-timepicker-duration {
	margin-left: 5px; color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
	color: #888;
}

.ui-timepicker-list li {
	padding: 3px 0 3px 5px;
	cursor: pointer;
	white-space: nowrap;
	color: #000;
	list-style: none;
	margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
	background: #fff; color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
	background: #1980EC; color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
	color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	color: #888;
	cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	background: #f2f2f2;
}

/* time picker*/
.ui-timepicker-wrapper {
	overflow-y: auto;
	max-height: 150px;
	width: 6.5em;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	box-shadow:0 5px 10px rgba(0,0,0,0.2);
	outline: none;
	z-index: 10052;
	margin: 0;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
	width: 13em;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
	width: 11em;
}

.ui-timepicker-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ui-timepicker-duration {
	margin-left: 5px; color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
	color: #888;
}

.ui-timepicker-list li {
	padding: 3px 0 3px 5px;
	cursor: pointer;
	white-space: nowrap;
	color: #000;
	list-style: none;
	margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
	background: #fff; color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
	background: #1980EC; color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
	color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	color: #888;
	cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	background: #f2f2f2;
}
.display { width: 100%;min-width: 100%;max-width: 100%;}
.dataTables_scrollHeadInner { width: 100% !important;}
table td {word-break: break-all;}
.employeeUl li { display: inline-block;}

.tableModal .modal-body { max-height: 400px;overflow: auto;}
.tableModal .modal-body .table-responsive { max-height: 200px;overflow: auto;}
.tableModal .modal-body .table-responsive table thead tr th { color: #fff;}
.tableModalfull .modal-body { max-height: 500px;overflow: auto;}
.list-height {
    height: 300px;
}

.searchbar .dataTables_filter {
    display: none !important;
}
.tableExpanse {
    width: 100%;
    height: 400px;
    overflow: auto;
}