/* file */
.jq-toast-wrap,.jq-toast-wrap *{margin:0;padding:0}.jq-toast-wrap{display:block;position:fixed;width:250px;pointer-events:none!important;letter-spacing:normal;z-index:9000!important}.jq-toast-wrap.bottom-left{bottom:20px;left:20px}.jq-toast-wrap.bottom-right{bottom:20px;right:40px}.jq-toast-wrap.top-left{top:20px;left:20px}.jq-toast-wrap.top-right{top:20px;right:40px}.jq-toast-single{display:block;width:100%;padding:10px;margin:0 0 5px;border-radius:4px;font-size:12px;font-family:arial,sans-serif;line-height:17px;position:relative;pointer-events:all!important;background-color:#444;color:#fff}.jq-toast-single h2{font-family:arial,sans-serif;font-size:14px;margin:0 0 7px;background:0 0;color:inherit;line-height:inherit;letter-spacing:normal}.jq-toast-single a{color:#eee;text-decoration:none;font-weight:700;border-bottom:1px solid #fff;padding-bottom:3px;font-size:12px}.jq-toast-single ul{margin:0 0 0 15px;background:0 0;padding:0}.jq-toast-single ul li{list-style-type:disc!important;line-height:17px;background:0 0;margin:0;padding:0;letter-spacing:normal}.close-jq-toast-single{position:absolute;top:3px;right:7px;font-size:14px;cursor:pointer}.jq-toast-loader{display:block;position:absolute;top:-2px;height:5px;width:0;left:0;border-radius:5px;background:red}.jq-toast-loaded{width:100%}.jq-has-icon{padding:10px 10px 10px 50px;background-repeat:no-repeat;background-position:10px}.jq-icon-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=);background-color:#31708f;color:#d9edf7;border-color:#bce8f1}.jq-icon-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=);background-color:#8a6d3b;color:#fcf8e3;border-color:#faebcc}.jq-icon-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=);background-color:#a94442;color:#f2dede;border-color:#ebccd1}.jq-icon-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==);color:#dff0d8;background-color:#3c763d;border-color:#d6e9c6}

#error {
	position: fixed;
	top: 50%;
	left: 35%;
	transform: translate(-50%, -35%);
	background: #FF5252;
}
#success {
	position: fixed;
	top: 50%;
	left: 45%;
	transform: translate(-50%, -45%);
	background: #66BB6A;
	
}
#info {
	position: fixed;
	top: 50%;
	left: 55%;
	transform: translate(-50%, -55%);
	background: #29B6F6;
}
#warning {
	position: fixed;
	top: 50%;
	left: 65%;
	transform: translate(-50%, -65%);
	background: #FFAB40;
}

#error:hover {
	background: #D32F2F;
	box-shadow: 0 5px 5px rgba(0,0,0, 0.5);
}
#success:hover {
	background: #00C853;
	box-shadow: 0 5px 5px rgba(0,0,0, 0.5);
}
#info:hover {
	background:#0a9fe2;
	box-shadow: 0 5px 5px rgba(0,0,0, 0.5);
}
#warning:hover {
	background: #ff950d;
	box-shadow: 0 5px 5px rgba(0,0,0, 0.5);
}
#cp_refresh{
	font-size: 40px;
	font-family: "Lucida Console", "Courier New", monospace;
}



.sct {
	border-top: 0px !important;
	margin: 0px !important;
	padding: 0px !important;
}

.screen {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	backdrop-filter: blur(1.5px);
	z-index:99999;
}

.react-sp {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	backdrop-filter: blur(1.5px);
	z-index:99999;
}

.rdot{
	margin-left: 180px!important;
}

.loader {
	width: 100%;
	height: 15px;
	text-align: center;
}

.dot {
	position: relative;
	width: 15px;
	height: 15px;
	margin: 0 2px;
	display: inline-block;
}

.dot:first-child:before {
	animation-delay: 0ms;
}

.dot:first-child:after {
	animation-delay: 0ms;
}

.dot:last-child:before {
	animation-delay: 200ms;
}

.dot:last-child:after {
	animation-delay: 200ms;
}

.dot:before{
	content: "";
	position: absolute;
	left: 0;
	width: 15px;
	height: 15px;
	background-color: blue;
	animation-name: dotHover;
	animation-duration: 900ms;
	animation-timing-function: cubic-bezier(.82,0,.26,1);
	animation-iteration-count: infinite;
	animation-delay: 100ms;
	/* background: #02acee; */
	background: #33475b;
	border-radius: 100%;  
}

.dot:after {
	content: "";
	position: absolute;
	z-index: -1;
	background: black;
	box-shadow: 0px 0px 1px black;
	opacity: .20;
	width: 100%;
	height: 3px;
	left: 0;
	bottom: -2px;
	border-radius: 100%;
	animation-name: dotShadow;
	animation-duration: 900ms;
	animation-timing-function: cubic-bezier(.82,0,.26,1);
	animation-iteration-count: infinite;
	animation-delay: 100ms;
}

@keyframes dotShadow {
	0% {
		transform: scaleX(1);
	}
	50% {
		opacity: 0;
		transform: scaleX(.6);
	}
	100% {
		transform: scaleX(1);
	}
}

@keyframes dotHover {
	0% {
		top: 0px;
	}
	50% {
		top: -50px;
		transform: scale(1.1);
	}
	100% {
		top: 0;
	}
}
.jq-toast-wrap{
	z-index: 999999!important;
}

.pointer{
	cursor: pointer!important;
}
.form-check-input{
	cursor: pointer!important;
}
.text-bl{
	color: #494e53!important;
}
.select2-container{
	width: 100%!important;
}

/* div.dataTables_wrapper {
	width: 800px;
	margin: 0 auto;
} */

.dataTables_wrapper{
	margin-bottom: 18px!important;
}

.fr{
	line-height: 15px!important;
	height: 30px!important;
	margin-top: 0px!important;
}
.select2-container{
	margin-top: 5px!important;
	font-size: 0.9rem!important;
	font-weight: 400!important;
}

option.red {background-color: #cc0000!important;color:white;}
option.blue {background-color: #1db2ff!important;color:white;}
option.green {background-color: #0d8855!important;color:white;}

.red {background-color: #cc0000!important;}
.blue {background-color: #1db2ff!important;}
.green {background-color: #0d8855!important;}
.select2{line-height: 18px;}

.ReactModal__Overlay--after-open{
	position: fixed!important;
	z-index: 1072!important;
}
.add{
	width: 63px;
	margin-left: -22px;
	height: 36px;
}
.ml50{
	margin-left: 180px;;
}
.mr-1{
	margin-right: 3px;
}
.offcanvas-header{
	background-color: #7c7d7e!important;
}
.rdrDateRangeWrapper{
	border: 1px solid #d2d2d2!important;
    border-radius: 5px!important;
}
.date-lable{
	background-color: grey;
	padding-left: 93px;
	padding-right: 84px;
	padding-top: 7px;
	padding-bottom: 7px;
	text-align: center;
	color: white!important;
}
.mtl-4{
	margin-top: 31px !important;
}
.t-active{
	background-color: #e0f4ec;
	border: 1px solid #5da283;
	color: #467761;
}
/* input[type="date"]::-webkit-calendar-picker-indicator {
	background: transparent;
	bottom: 0;
	color: transparent;
	cursor: pointer;
	height: auto;
	left: 0;
	position: absolute;
	right: 0;
	top: 0; 
	width: auto; 
} */
.ml-19{
	margin-left: 4px!important;
}
div.static {
	/* border: 3px solid #73AD21!important; */
	position: fixed;
	bottom: 70px;
	z-index: 99999;
	margin-left: 180px;
	background-color: white;
}
.width-910{
	width: 735px!important;
}
.h-68{
	background-color: #0070e5!important;
	color: white!important;
	border-radius: 10px!important;
	height: 68px!important;
	line-height: 69px!important;
	text-align: center!important;
	font-weight: bold!important;
	font-size: 30px!important;
}
.w-85{
	width: 85px!important;
}
.tcenter{
	text-align: center!important;
	line-height: 52px!important;
	font-weight: 900!important;
} 
.fa-2x{
	margin-top: 10px;
}
.al-center{
	text-align: center!important;
}
.mt-13{
	margin-top: 13px;
}
.rm{
	margin-top: 13px;
	border-left: 2px solid #81838d;
	height: 48px;
}
.fa-ml{
	margin-left: -15px!important;
}
/* .table-responsive {
	max-width: 1069px!important;
	overflow-x: scroll!important;
} */
.cuscontrol{
	display: block!important;
}

.fa-whatsapp:before {
	content: "\f232";
}

.bt{
	border: 1px solid #8cc893;
	padding: 3px 3px 4px 4px;
	height: 25px;
	margin-left: 10px;
	background-color: #8cc893;
	border-radius: 4px;
	color: black;
}

.ui-icon-circle-triangle-w{
	background-color: #01020ee3;
}

.ui-datepicker-prev{
	background-color: #1ab859c2;
}

.ui-datepicker-next{
	background-color: #1ab859c2;
}

.ui-icon-circle-triangle-e{
	background-color: #01020ee3;
}

.tdn{
	text-decoration: none!important;
	display:block!important;
	color: black!important;
}

.summary-btn{
	color: white!important;
    font-size: 17px!important;
    padding: 2px!important;
}