@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/montserrat-v14-latin-500.eot"); /* IE9 Compat Modes */
    src: local("Montserrat Medium"), local("Montserrat-Medium"),
        url("../fonts/montserrat-v14-latin-500.eot?#iefix")
            format("embedded-opentype"),
        /* IE6-IE8 */ url("../fonts/montserrat-v14-latin-500.woff2")
            format("woff2"),
        /* Super Modern Browsers */
            url("../fonts/montserrat-v14-latin-500.woff") format("woff"),
        /* Modern Browsers */ url("../fonts/montserrat-v14-latin-500.ttf")
            format("truetype"),
        /* Safari, Android, iOS */
            url("../fonts/montserrat-v14-latin-500.svg#Montserrat")
            format("svg"); /* Legacy iOS */
}
/* montserrat-700 - latin */
@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/montserrat-v14-latin-700.eot"); /* IE9 Compat Modes */
    src: local("Montserrat Bold"), local("Montserrat-Bold"),
        url("../fonts/montserrat-v14-latin-700.eot?#iefix")
            format("embedded-opentype"),
        /* IE6-IE8 */ url("../fonts/montserrat-v14-latin-700.woff2")
            format("woff2"),
        /* Super Modern Browsers */
            url("../fonts/montserrat-v14-latin-700.woff") format("woff"),
        /* Modern Browsers */ url("../fonts/montserrat-v14-latin-700.ttf")
            format("truetype"),
        /* Safari, Android, iOS */
            url("../fonts/montserrat-v14-latin-700.svg#Montserrat")
            format("svg"); /* Legacy iOS */
}
body {
    font-family: "Montserrat";
    font-weight: 500;
}

.splash{
	position: absolute;
    width: 100%;
    background: #212121;
    height: 100%;
    z-index: 1000;
    left: 0;
    top: 0;

}
.spl-cntnt{
	text-align:center;
}
.spl-hdng{
	color: #FFF;
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 700;
	margin-top: 65px;
	position:relative;
}
.spl-hdng::after{
	position:absolute;
	content:'';
	width:200px;
	height:1px;
	background:#3e3e3e;
	left:50%;
	margin-left:-100px;
	bottom:-10px;
}
.spl-footer {
    position: fixed;
    bottom: 10px;
	left:0;
    color: #4c4c4c;
    width: 100%;
    text-align: center;
    font-size: 12px;
}

.login-bg{
	background:url('../images/login-right-bg.png') right center no-repeat;
	background-size: contain;
}
.login-logo{

}

.login-form-main{
	margin-top:50px;
}
.login-form-main h2{
	text-transform:uppercase;
	font-weight:700;
	font-size:28px;
}
.login-form-main p{
	font-size:14px;
}
.login-form-h2{
	text-transform:uppercase;
	font-weight:700;
	font-size:28px;
}
.log-p-line{
	position:relative;
	width:200px;
	height:1px;
	background:#262022;
	display:block;
}
.log-p-line::after{
	position:absolute;
	content:'';
	width:80px;
	height:3px;
	background:#95aa12;
	left:50%;
	margin-left:-40px;
	top:-1px;
}
.login-form{
	margin-top:30px;
	max-width:80%;
}
.log-lbl{
	font-size:14px;
}
.login-input {
    width: 100%;
    background-color: #F3F8FF;
    padding: 8px 18px;
    margin-bottom: 20px;
    border: 1px solid #d6d6d6;
	font-size:14px;
}
.login-input:focus {
	outline:none;
}
.login-btn i{
	margin-right:7px;
}
.login-btn {
    background: #95aa12;
    padding: 7px 17px;
    color: #FFF;
    border-radius: 7px;
	margin-top:10px;
	display:inline-block;
	border:none;
}
.login-btn:hover{
	color:#FFF;
	text-decoration: none;
}
.login-btn:focus{
	outline:none;
}
.login-btn-cncl{
    background: #e0c41b;
    color: #000;
}
.login-btn-cncl:hover{
    color: #000;
}
.frgt-pswd {
    float: right;
    font-size: 14px;
    color: #000;
    margin-top: 20px;
	text-decoration:underline;
}
.frgt-pswd:hover{
    color: #000;
}
.log-cmpny-adrs{
    font-size: 19px;
    font-weight: 700;
	text-align:right;
	position: relative;
    z-index: 2;
}
.log-rgt-txt{
    transform: rotate(-90deg);
    color: #e7e7e7;
    font-size: 78px;
    font-weight: 700;
    position: absolute;
    width: 100%;
    height: 100%;
    top: -26px;
    left: -40px;
    z-index: 1;
}
.log-rgt-img{
	position:relative;
	z-index:2;
	text-align:center;
	margin-top:50px;
}
.log-cmpny-adrs-mob{
	display:none;
	font-size:15px;
	font-weight:700;
	margin-top:10px;
}
@media(max-width:1199px){
	.log-rgt-txt{
		font-size: 80px;
		left: -25px;
	}
}
@media(max-width:991px){
	.log-rgt-txt{
	    font-size: 70px;
		left: -15px;
		top: 12px;
	}
}
@media(max-width:767px){
	.log-rgt-mob{
	    display:none;
	}
	.login-form{
		max-width:100%;
	}
	.log-cmpny-adrs-mob{
		display:block;
	}
	.login-form-main {
		margin-top: 30px;
	}
}
.cust-bg{
	background:#EDF2F8
}
.content-area {
	padding-top:30px;
	padding-bottom:30px;
}
.container-custom {
    width: 92%;
    margin-left: auto;
    margin-right: auto;
}
.dshbrd-box{
	height: 100%;
	border-radius: 9px;
	padding:20px;
}
.b1{
	background:#95AA12;
}
.b2{
	background:#BDD529;
}
.b3{
	background:#e0c525;
}
.b4{
	background:#F1DC5D;
}
.db-icon{
	width: 61px;
    height: 59px;
    border-radius: 9px;
    padding: 10px;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}
.db-i1{
	background: #6B7C05;
}
.db-i2{
	background: #98AA29;
}
.db-i3{
	background: #C2AE33;
}
.db-box-lnk1{
	font-size:12px;
	color:#5B6904;
}
.db-box-lnk1:hover{
	color:#5B6904;
	text-decoration:none;
}
.db-box-lnk1 i{
	font-size:26px;
	color:#5B6904;
	font-weight:700;
}
.db-box-rgt{
    width: 100%;
    padding-left: 10px;
}
.db-box-rgt h2{
	text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    color: #5B6904;
	margin-bottom: 0;
}
.db-count{
	color:#FFF;
	font-size:40px;
	font-weight:700;
}
@media(max-width:1100px){
	.db-box-rgt h2{
		font-size: 10px;
	}
}
.db-tables{
	padding-top:20px;
}
.db-tble-box{
	background: #FFFFFF;
	box-shadow: 0px 0px 5px #0000001C;
	border-radius: 6px;
	padding:20px;
	height:100%;
}
.table-hdng {
	padding-bottom:10px;
}
.table-hdng h2{
	font-size:14px;
	font-weight:700;
}
.cmn-btn{
	color: #FFF;
    padding: 9px 10px;
    background: #95A912;
    border-radius: 4px;
    border: none;
    text-transform: uppercase;
    font-size: 11px;
}
.cmn-btn:hover{
	color:#FFF;
	text-decoration:none;
}
.cmn-btn:focus{
	outline:none;
}
.cust-tbl{
	border:1px solid #d5d5d5;
}
.cust-tbl thead th {
    vertical-align: bottom;
    border-bottom: none;
    background: #d5d5d5;
    font-size: 12px;
}
.cust-tbl tr td {
    font-size: 12px;
}
.cust-tbl tr th, .cust-tbl tr td{
	padding: 10px;
    vertical-align: middle;
}

.cust-tbl1{
	border:1px solid #d5d5d5;
}
.cust-tbl1 thead th {
    vertical-align: bottom;
    border-bottom: none;
    background: #d5d5d5;
    font-size: 12px;
}
.cust-tbl1 tr td {
    font-size: 12px;
	border-left:1px solid #d5d5d5;
}
.cust-tbl1 tr td:first-child {
	border-left:none;
}

.cust-tbl1 tr th{
    padding: 8px 10px;
}

.cust-tbl1 tr td{
    padding: 7px 10px;
}

.cust-tbl1 tr th, .cust-tbl1 tr td{
    vertical-align: middle;
}


.logo{
	padding-top:9px;
	padding-bottom:10px;
}
.logo-txt{
	color:#000;
	font-size:13px;
	padding-left:20px;
	display: inline-block;
	vertical-align: middle;
}
.logo-img{
	position:relative;
	display: inline-block;
    vertical-align: middle;
}
.logo-img::after{
    position: absolute;
    content: '';
    width: 1px;
    height: 35px;
    background: #afafaf;
    right: -13px;
    top: 5px;
}



.usr-profile{
	position:relative;
}
.hdr-select {
    font-size: 10px;
    padding: 6px;
    border-radius: 4px;
    border-color: #95aa12;
    margin-right: 10px;
}
.alrt {
    position: relative;
    font-size: 23px;
    margin-top: 6px;
	cursor:pointer;
    margin-right: 16px;
}
.alrt-cnt{
	position: absolute;
    left: 11px;
    font-size: 10px;
    background: #95aa12;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    color: #FFF;
    text-align: center;
    padding-top: 3px;
    top: -2px;
    font-weight: 700;
}
.prof-pic {
    width: 38px;
    height: 38px;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
}
.usr-name{
	font-size:13px;
	display:block;
}
.usr-posi{
	font-size:11px;
	color:#7E7E7E;
	display:block;
}
.lgt-btn:focus{
	outline:none;
	box-shadow:none!important;
}
.log-out-mnu{
    box-shadow: 0px 0px 5px #0000001C;
    max-width: 169px;
	border:0;
	padding:0;
	top: 7px!important;
    left: -62px!important;
}

.log-out-mnu a {
    font-size: 12px;
    padding: 10px 15px;
    display: block;
    color: #000;
    border-bottom: 1px solid #CCC;
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.log-out-mnu a:hover{
	text-decoration:none;
	color:#000;
	background:#f3f3f3;
}
.log-out-mnu a:last-child{
	border-bottom:2px solid #95A912;
}
.log-out:focus{
	outline:none;
}
.footer {
    background: #3A3A3A;
    font-size: 12px;
    color: #6E6E6E;
    padding: 12px;

}
.header-main {
	position:relative;
}
.hdr-menu{
	background:#3A3A3A;
	position: relative;
	z-index: 2;
}
.cust-nav{
	background:#3A3A3A!important;
	padding:0;
}
.cust-nav .nav-link {
    color: #FFF!important;
    font-size: 13px;
	transition:.5s;
	padding: 14px 30px!important;
}

.cust-nav .nav-link:hover{
	background:#C8D866;
	color:#000!important;
}
.cust-nav .nav-link.active {
    background:#C8D866;
	color:#000!important;
}

.drp-cust{
	padding:0;
    margin-top: 0;
}
.drp-cust a{
	padding: 10px 20px;
    font-size: 13px;
	border-bottom:1px solid #CCC
}
.drp-cust a:last-child{
	border-bottom:2px solid #95A912;
}
.drp-cust .dropdown-item:hover, .drp-cust .dropdown-item:focus{
	background-color: #eaeaea;
	color:#000;
}
.srch-btn-cust{
	border:0;
	color:#F1DC5D;
	margin-right:10px;
}
.srch-btn-cust:hover{
	background:none;
	color:#F1DC5D!important;
}
.srch-btn-cust:focus{
	background:none!important;
	border:none!important;
	color:#F1DC5D!important;
	outline:none!important;
	box-shadow:none!important;
}
.srch-cust{
	background: #6b6969;
    padding-top: 5px;
    padding-bottom: 5px;
	position:absolute;
	left: 0;
	bottom: 0;
	width:100%;
	z-index: 1;
	transition: bottom 0.3s;
}
.srch-cust.active {
	bottom: -43px;
}
.srch-inpt-cust-main{
	max-width:600px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}
.cst-btn-srch {
    position: absolute;
    top: 1px;
    right: 1px;
    padding: 2px 8px;
    border: 0;
    background: #FFF;
    line-height: 27px;
    border-left: 1px solid #CCC;
}
.srch-inpt-cust{
	margin-left:auto;
	border:none;
	font-size:13px;
	padding-right: 40px;
}
.srch-inpt-cust:focus, .cst-btn-srch:focus {
	outline:none!important;
	box-shadow:none!important;
}
.save-btn-cust {
    background-color: #95aa12;
    border: 1px solid #95aa12;
}
.save-btn-cust:hover {
    background-color: #95aa12!important;
    box-shadow:none!important;
	border: 1px solid #95aa12!important;
}
.save-btn-cust:focus {
    background-color: #95aa12!important;
    box-shadow:none!important;
	border: 1px solid #95aa12!important;
}
.cncl-btn, .rst-btn{
	background:#6c6e71;
}
.srch-same-line{
	padding-top:36px;
}
.tble-ttle {
    border-bottom: 1px solid #f3f3f3;
    margin-bottom: 17px;
}
.edit-btn, .dlte-btn, .view-btn{
	color: #FFF;
	font-size: 17px;
    padding: 0px 4px;
    margin-top: 1px;
    margin-bottom: 1px;
}
.edit-btn:hover, .dlte-btn:hover, .view-btn:hover{
	color:#FFF;
}
.edit-btn:focus, .dlte-btn:focus, .view-btn:focus{
	color:#FFF!important;
	outline:none;
	box-shadow:none!important;
}
.pgntn-cust {
    float: right;
}
.page-item .page-link {
    color: #111;
	font-size:12px;
}
.page-item .page-link:focus{
    box-shadow:none!important;
	z-index: 0;
}
.page-item.active .page-link {
    background-color: #3f4d67;
    border-color: #3f4d67;
}
.show-entrs, .show-entries{
	font-size:12px;
}
.form-label{
	font-size:12px;
}
.save-cncl-main{
    border-top: 1px solid #f3f3f3;
    padding-top: 20px;
    text-align: center;
    margin-top: 22px;
}
.ad-btn{
	float:right;
}
.selct-cust{
	font-size: 13px;
    min-height: 38px;
}
.mul-sel {
	height: 38px;
	max-height: 38px;
	font-size: 13px;
}
.mul-sel .ms-choice{
	border:none;
}
.mul-sel .ms-drop ul {
    padding: 7px 6px;
}
.mul-sel .ms-choice:focus{
	outline:none;
}
.mul-sel .ms-drop{
	left:0!important;
}
.mul-sel .ms-choice > span{
	top:5px;
	padding-left: 15px;
}
.mul-sel .ms-choice > span.placeholder{
	color: #716d6d;
}
.btn-danger {
    background-color: #f14827;
    border-color: #f14827;
}
.btn-warning {
    background-color: #f6b63a;
    border-color: #f6b63a;
}
.btn-warning:hover, .btn-warning:focus {
    background-color: #f6b63a!important;
    border-color: #f6b63a!important;
}

.stus{
    color: #FFF;
    display: inline-block;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 10px;
	min-width:120px;
	text-align: center;
}
.stus.apr{
    background: #97cb5f;
}
.stus.rej{
    background: #f14827;
}
.stus.pnd{
    background: #f1ad2b;
}
.stus.pur{
    background: #669ed0;
}
.stus.new-req{
    /* GJ New Style - 28-01-22 */
    color: rgb(0, 0, 0);
    background: #22d3eb;
}
.stus.apprv{
    /* color: rgb(0, 0, 0); */
    background: #228B22;
}
.stus.issue{
    color: rgb(0, 0, 0);
    background: #f3f70f;
}
.stus.distr{
    background: #0f60f7;
}
.stus.receiv{
    background: #d4949afd;
}
.stus.new-ord{
    background: #C8A2C8;
}
.stus.verify{
    background: #228B22;
}

.actn{
	margin-right:2px;
    padding: 3px 6px;
}
.actn:focus{
	box-shadow:none;
}
.actn.apr{
	background: #97cb5f;
}
.actn.rej{
    background: #f14827;
}
.actn.pnd{
    background: #f1ad2b;
}
.mdl-cmt-box{
	border-bottom:1px solid #ececec;
}
.mdl-p {
    font-size: 12px;
    line-height: 23px;
    padding-bottom: 8px;
    margin-bottom: 0;
}
.mdl-cmt-box:last-child{
	border-bottom:none;
}
.madl-bdy-hd{
	font-size: 11px;
    font-weight: 700;
	margin-top:10px;
}
.madl-bdy-hd1{
    color: #49bf5d;
}
.madl-bdy-hd2{
    color: #f39f57
}
.mdl-cmnt-bdy{
	padding-top:0;
	max-height:300px;
	overflow-y:scroll;
}
.atd{
	min-width:96px;
}
.qr-code{
	width:30px;
}
.radio-label{
	font-size:12px;
	margin-right:10px;
}
.mdl-bdy-hdng{
	font-size:13px;
}
.mdl-lbl{
	font-size:13px;
}
.tble-ttle .cmn-btn{
	padding: 6px 7px;
}
.form-control:focus{
	border-color:#95A912;
	box-shadow:none!important;
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgb(255, 255, 255)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-toggler{
	padding: 8px 0;
	margin-left: -3px;
}
.navbar-toggler:focus {
	outline: none;
}
.srch-btn-mob{
	display:none;
}
.alrt-drpdwn{
	min-width:220px;
	min-height:250px;
	background:#FFF;
	border:1px solid #CCC;
	top:12px!important;
	padding:0;
}
.notif-li{
	margin:0;
	padding:0;
}
.notif-li li{
	list-style:none;
	display:block;
}
.notif-li li h2{
	font-size:14px;
	padding: 11px 15px;
	border-bottom:1px solid #CCC;
    margin-bottom: 0;
}
.notif-li li a {
    border-bottom: 1px solid #CCC;
    padding: 11px 15px;
    display: block;
    font-size: 11px;
    color: #464646;
}
.notif-li li:last-child{
    border-bottom: 2px solid #95A912;
}
.notif-li li a:hover{
	text-decoration:none;
	background:#f3f3f3;
}
.noti-bl-icon{
	float:right;
	color:#95A912;
	font-size:20px;
}



.notif-li2{

}
.notif-li2 img{
	width:45px;
	margin-right:10px;
}
.notif-li2 h3{
	font-size:12px;
	margin-bottom:0;
	flex:1;
}
.notif-li2 p{
	font-size:11px;
	margin-bottom:0;
	margin-top:10px;
}
.ftr-cntct{
	color:#95A912;
}


@media(min-width:1024px) and (max-width:1198px){
	.cust-nav .nav-link {
		padding: 14px 17px!important;
	}
}
@media(min-width:991px) and (max-width:1023px){
	.cust-nav .nav-link {
		padding: 14px 15px!important;
	}
}
@media(max-width:991px){
	.cust-nav .nav-link {
		padding: 14px 0px!important;
	}
	.srch-btn-desc{
		display:none;
	}
	.srch-btn-mob{
		display:block;
	}
	.cust-nav .nav-link:hover, .cust-nav .nav-link:focus{
		background:none;
		color:#FFF!important;
	}
	.srch-cust {
		padding-top: 10px;
	}
	.srch-cust.active {
		top:0px;
		bottom:0;
	}
}
.dp-img{
	max-width:28px;
}
.frm-file {
    padding: 6px;
    font-size: 12px;
    height: 38px;
}
.tble-ttle .fltr-btn{
    padding: 6px 12px;
    background: #6e6e6f;
}
.tble-ttle .upld-btn{
	 background:#929496;
	 padding: 6px 12px;
}
.btn-secondary:focus{
	box-shadow:none!important;
}
.modal-title{
	font-size: 14px;
    font-weight: 700;
}
.aprv-btn{
	background:#97cb5f;
	border-color:#97cb5f;
}
.aprv-btn:focus, .aprv-btn:hover{
	background:#97cb5f!important;
	border-color:#97cb5f!important;
}
.rej-btn{
	background:#FF4A4A;
	border-color:#FF4A4A;
}
.rej-btn:focus, .rej-btn:hover{
	background:#FF4A4A!important;
	border-color:#FF4A4A!important;
}
.cmt-btn{
	background:#f1ad2b;
	border-color:#f1ad2b;
}
.cmt-btn:focus, .cmt-btn:hover{
	background:#f1ad2b!important;
	border-color:#f1ad2b!important;
}
.drp-icon{
	font-size:14px;
}
.drp-main:hover .drp-cust{
        display: block;
}
.cmt-alrt{
	position:relative;
}
.cmt-alrt-ico{
	position:absolute;
	width:10px;
	height:10px;
	background:#3f4d67;
	border-radius:50%;
    top: -3px;
    right: -4px;
}
.pur-sts{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: block;
    text-align: center;
}
.pur-sts.y{
	border: 1px solid #95a912;
	color: #95a912;
}
.pur-sts.n{
    border: 1px solid #ff4a4a;
    color: #ff4a4a;
}
/*-----------V2------*/
.bootstrap-datetimepicker-widget.dropdown-menu, .form-control{
font-size:12px;
}
.highcharts-figure, .highcharts-data-table table {
    min-width: 320px;
    max-width: 400px;
    margin: 1em auto;
}

.highcharts-data-table table {
	font-family: Verdana, sans-serif;
	border-collapse: collapse;
	border: 5px solid #EBEBEB;
	margin: 10px auto;
	text-align: center;
	width: 100%;
	max-width: 300px;
}
.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}
.highcharts-data-table th {
	font-weight: 600;
    padding: 0.5em;
}
.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
    padding: 0.5em;
}
.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}
.highcharts-data-table tr:hover {
    background: #f1f7ff;
}
.cust-dbrd-chrt svg{
	height:180px;
}
.cust-dbrd-chrt #container {
	height:180px!important;
}
.lgnd{
	font-size:12px;
	margin-right:10px;
	display:inline-block;
}
.lgnd-box{
	width:30px;
	height:10px;
	margin-right:5px;
	display:inline-block;
}
.wrkng{
	background:red;
}
.non-wrkng{
	background:green;
}
.dispo{
	background:blue;
}
/* crm-admin */
.cust-inpt{
	padding: 18px 11px;
}
.btn-primary1{
	background:#676d79;
}
.doc1{
	background:#97cb5f;
}
.doc2{
	background:#676d79;
}
.btn-note{
	background:#274379;
	position:relative;
}
.btn-note-noti{
	background:red;
	position:absolute;
	width:10px;
	height:10px;
	border-radius:50%;
	top:-6px;
	right:-2px;
}

.itm-rq-sts {
    min-width: 87px!important;
}
.btn-sv-snd {
    background: #717f11;
    border-color: #717f11;
}
.btn-mv-pm {
    background: #565656;
    border-color: #565656;
}
.btn-dwnd-pp {
    background: #17a2b8;
}
.btn-push {
    background: #95a912;
    border-color: #95a912;
}
.rqst-sts {
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: 4px;
}
.rqst-sts-pnd {
    background: #ffc107;
}
.rqst-sts-apr {
    background: #28a745;
}
.rqst-sts-po {
    background: #91d449;
}
.rqst-sts-rjct {
    background: red;
}
.sts-txt {
    font-size: 10px;
}
.btn-rqst-rjct {
    background: #dc3545;
    color: #FFF;
}
.btn-rqst-prt {
    background: #bed23d;
    color: #FFF;
}
.btn-rqst-rjct:hover,
.btn-rqst-prt:hover {
    color: #FFF;
    box-shadow: none!important;
}
.btn-rqst-rjct:focus,
.btn-rqst-prt:focus {
    box-shadow: none!important;
}

.btn-ship{
	background:#3a3a3a;
}
.btn-dhl{
	background:#8c600c;
}
.tble-ttle .add-edit {
    padding: 6px 12px;
    background: #6e6e6f;
}
.v-lbl{
	font-weight:700;
}
.v-fld{
	display:block;
	font-size:12px;
}
.view-dtls-ttl{
	border-bottom: 1px solid #CCC;
    margin-bottom: 20px;
    display: block;
}
.cust-srt-tbl .search input{
	padding:19px 6px!important;
}
.cust-srt-tbl .fixed-table-container .table thead th .both {
    background-image: url(../images/sort_both.png)!important;
}
.cust-srt-tbl .fixed-table-container .table thead th .asc {
    background-image: url("../images/sort_asc.png")!important;
}
.cust-srt-tbl .fixed-table-container .table thead th .desc {
    background-image: url("../images/sort_desc.png")!important;
}
.table-pagination-cont {
    display: flex;
    justify-content: flex-end;
}
.table-page-info {
    font-size: 12px;
}
.permissions-item h2{
	font-size:16px;
}
.header-row {
    background: #e6e6e6!important;
    border-bottom: 2px solid #d2d4d6;
}
.form-group input[type=text] {
     min-height: 37px;
}
.dwnd-btn{
	background:#17a2b8;
	padding:5px!important;
}
.th-clr0{
	background:#92a02d!important;
}
.th-clr1{
	background:#cdda75!important;
}
.th-clr2{
	background:#fbc525!important;
}

/*----- 21-Oct -------*/

.sel-style .ms-choice > span {
    top: 5px;
}
.sel-style{
	height:37px!important;
}
.cust-sel-new{
	height:37px!important;
	padding-left: 3px;
}
.filt-bt{
    padding: 7px 10px;
}
.doc {
    background: #97cb5f;
}
.btn-note {
    background: #274379;
    position: relative;
}
.v-fld-ttl{
	font-size:13px;
}
.view-dtls-main{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #CCC;
}
.ordr-sub-hd{
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 20px;
}
.prds-dtl1{
	margin-bottom:20px;
	border-bottom:1px solid #CCC;
}
.v-bttns {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
	margin-bottom:30px
}
.v-btn{
	border: none;
    border-radius: 3px;
    float: left;
    font-size: 13px;
    color: #FFF;
    padding: 7px;
    margin: 2px;
}
.v-btn:hover{
    color: #FFF;
	text-decoration:none;
}
.v-btn1{
	background:#676d79;
}
.v-btn2{
	background:#274379;
}
.v-btn3{
	background:#f6b63a;
}

.ordr-lnk{
	color:#000;
	text-decoration:underline;
}
.ordr-lnk:hover{
	color:#000;
}
.ordr-sup{
	color:red;
}
.cust-tbl-tr{
	background:#ebf9dd;
}
.cust-select{
	padding:0 10px;
	min-height: 38px;
}


.cust-tab-content {
    border: 1px solid #dee2e6;
    padding: 20px;
    border-top: none;
}
.prd-tab .nav-tabs .nav-link{
	color:#000;
	font-size:13px;
	background:#e1e6bf;
	border-color: #e9ecef #FFF #dee2e6;
}

.prd-tab .nav-tabs .nav-link.active, .prd-tab .nav-tabs .nav-item.show .nav-link{
	color: #ffffff;
    background-color: #96a91c;
    border-color: #dee2e6 #dee2e6 #fff;
    font-size: 13px;
}

.prd-tab .nav-tabs .nav-link:hover, .prd-tab .nav-tabs .nav-link:focus {
    border-color: #e9ecef #FFF #dee2e6;
}
.fle-size{
	font-size:11px;
}
.btn-veri{
	background: #b6ce19;
}
.btn-snd-psd{
	background: #6f7d0b;
}
.cust-min{
	min-width:88px;
}
.db-graph{
	text-align:center;
}
.db-table-hdng{
    padding-bottom: 10px;
    border-bottom: 1px solid #f2f2f2;
}
.db-table-hdng h2 {
    font-size: 14px;
    font-weight: 700;
}
.ordr-perd-sel{
	margin-top: 27px;
	float:right;
	width:40%;
}


.ordr-perd {
    background: #FFF;
    border-radius: 6px;
    padding: 13px 25px 31px;
    margin-bottom: 22px;
    box-shadow: 0px 0px 5px #0000001C;
}
.ord-sel-icon{
	float:left;
}
.ord-sel-drop{
	float:left;
	width: 90%;
}

.ord-sel-icon i {
    font-size: 45px;
    margin-top: -1px;
}
.cust-ordr-perd-sel{
	float:right;
	width:60%;
	padding-right:20px;
}
.snd-mail-btn{
	background:#ffc107;
}
.dwnd-btn{
	background:#17a2b8;
}



.highcharts-figure, .highcharts-data-table table {
  min-width: 310px;
  max-width: 460px;
  margin: 1em auto;

}

.highcharts-data-table table {
  font-family: Verdana, sans-serif;
  border-collapse: collapse;
  border: 1px solid #EBEBEB;
  margin: 10px auto;
  text-align: center;
  width: 100%;

}
.highcharts-data-table caption {
  padding: 1em 0;
  font-size: 1.2em;
  color: #555;
}
.highcharts-data-table th {
	font-weight: 600;
  padding: 0.5em;
}
.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
  padding: 0.5em;
}
.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
  background: #f8f8f8;
}
.highcharts-data-table tr:hover {
  background: #f1f7ff;
}

.db-graph .highcharts-figure, .highcharts-data-table table{
	max-height:340px;
}
.db-graph .highcharts-root{
	max-height:360px;
}


.ad-mt-btn{
	display:inline-block;
	margin-top: 31px;
}


.ord-dtl-hd{
	background:#e1e6bf;
	padding: 11px;
    margin-bottom: 20px;
}
.ord-id-lft, .ord-dt-rgt{
	font-size:13px;
}
.ord-id-lft span, .ord-dt-rgt span{
	font-weight:700;
}
.ord-id-lft{
	float:left;
}
.ord-dt-rgt{
	float:right;
}
.mnd-fld{
	color:red;
}
.brd-btm{
	border-bottom:1px solid #f3f3f3;
	margin-bottom:20px;
	padding-bottom:20px;
}



.db-box-icn{
    font-size: 25px;
    color: #FFF;
}
.mdl-bdy-cnt-hdng{
	background:#e1e6bf;
	padding: 11px;
}
.mdl-hd12{
	font-size:12px;
	font-weight:700;
	text-transform:uppercase;
}
.mdl-hd12 span{
	font-weight:300;
	text-transform: initial;
}
.pprclp {
    color: #000;
    font-size: 22px;
    margin-right: 9px;
}
.mdl-lnk {
    color: #000;
    font-size: 12px;
    margin-bottom: 15px;
    display: inline-block;
}
.mdl-lnk:hover{
	color:#000;
	text-decoration:none;
}
.cust-mdl-bdy{
	max-height: 400px;
    overflow-y: scroll;
}
.mdl-tbl-cnt tr th, .mdl-tbl-cnt tr td{
	vertical-align:top;
	font-size:12px;
	padding:5px 0;
}
.mdl-tbl-cnt tr td{
	padding:5px;
}
.nt-row{
	border-bottom: 1px solid #e8e7e7;
	padding-top:12px;
}
.nt-row:first-child{
	padding-top:0px;
}
.nt-row:last-child{
	border-bottom: none;
}
.nt-row h2{
    font-size: 12px;
    font-weight: 700;
    color: #0dad46;
}
.nt-row:nth-child(even) h2 {
    color: #ff6e07;
}

.nt-row p{
    font-size: 12px;
    color: #000;
	white-space: pre-line;
}
/* -----Print --------*/

.btn-dlt{
	background-color: #f14827;
    border-color: #f14827;
}
.btn-nts{
	background-color: #274379;
    border-color: #274379;
}
.btn-spm{
	background-color: #FFF;
    border-color: red;
	border:1px solid red;
	color:#000;
}
.btn-spm:hover{
	color:#000;
}
.vw-nts-hdng {
    font-size: 14px;
    font-weight: 700;
    margin-top: 14px;
    border-bottom: 1px solid #edf2f8;
    padding-bottom: 13px;
	margin-bottom:20px;
}
.btn-spm span{
	background: red;
    padding: 7px;
    margin-right: -7px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    color: #FFF;
	margin-left: 4px;
}
.enq-spam{
    color: red;
    font-size: 9px;
    margin-left: 10px;
	position:relative;
	cursor:pointer;
}
.enq-spam i{
	font-size:17px;
}
.enq-spam-txt{
    margin-top: -8px;
    position: absolute;
    margin-left: -4px;
}
.enq-mdl-bdy{
	overflow:hidden;
}
/*---- SH ----- */

.bln-qnty{
	color:red!important;
}
.ord-pp-hd{
    font-size: 13px;
    color: #95a912;
}
.vw-ord-tbl tr th, .vw-ord-tbl tr td{
	font-size:10px!important;
}
.pp-rd-btn{
	margin-top:10px!important;
}
.grn-pro{
    color: #13ce18;
    text-transform: uppercase;
    font-size: 9px;
    font-weight: 700;
    display: block;
}

.stng-ico {
    color: #95aa12;
	cursor:pointer;
	margin-left: 2px;
}
.ordr-tble-tr-bld{
	font-weight:700!important;
}
.ordr-pp-tbl tr td{
	font-size: 11px!important;
	padding: 6px 8px!important;
}
.nme-tbl-ordr{
    display: block;
    /* float: right; */
    font-size: 10px;
	font-weight:100!important;
    margin-top: 3px;
    margin-bottom: -7px;
}
.fltr-main{
	display:none;
}
.doc {
    background: #97cb5f;
}
.cust-sel-new {
    height: 37px!important;
    padding-left: 3px;
}
.btn-dwnd-pp {
    background: #17a2b8;
}
.btn-usr{
	background: #9ca7bd;
}
.fld-hnt{
    font-size: 9.5px;
}
.blns-bgs{
	display:inline-block;
}
.blns-shp{
    margin-left: 7px;
    font-size: 14px;
    color: #f1ad2b;
}

.tbl-2{
    margin-left: auto!important;
    max-width: 99%!important;
    margin-right: auto!important;
    margin-top: 5px!important;
    margin-bottom: 5px!important;
}
.tbl-2 thead tr th{
	background: #848b98!important;
    color: #FFF!important;
}
.tbl-2 tbody tr{
	background: #f5f5f5!important
}
.tbl-1-r1{

}
.tbl-2-td{
   padding:0!important;
}
.tbl-brd-0{
	border:none!important;
}
.sv-cntr, .prd-dtl{
	display:none;
}
.prd-dtl{
	margin-top:18px;
}
.tbl-clps-btn{
	background:#19d0d0!important;
}
.srh-inpt-fltr {
    position: relative!important;
    height: 30px!important;
	margin-bottom:10px;
	margin-top:10px;

}
.btn-srh-fltr {
    position: absolute;
    top: 10px;
    right: 16px;
    padding: 5px 8px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.btn-cert{
	background:#ff4646!important;
}

.btn-cergrp{
    background: #1eb6e6;
}

.pp-tbl-cntnr tr td{
    padding: 6px 10px!important;
    font-size: 10px!important;
}
.mdl-cmnt-bdy33{
	padding-top:0;
	max-height:360px;
	overflow-y:scroll;
}
.bln-qty{
	margin-top: -35px;
	margin-left: -5px;
}
.bln-qty input{
	background:#f8ffcc!important;
	cursor:not-allowed!important;
}
.nt-btn-add{
	margin-top:70px!important;
}


.b5{
	border: 1px solid #c3c3c3;
	background:#FFF;
}
.b5 .db-count {
    color: #5B6904;
}
.db-i5{
	 background: #98aa29;
}

label.error{
	display: none;
	margin-left: 10px;
}
.error_show{
	color: red;
	margin-left: 10px;
}

input.invalid, textarea.invalid{
	border: 2px solid red;
}

input.valid, textarea.valid{
	border: 2px solid green;
}
.valid{
	border: 2px solid green;
}
.invalid{
	border: 2px solid red;
}

#line-accord .line-acc-box.open [data-content]{
      overflow: visible !important;
}


.qr-codepic{
    width: 22px;
    margin:0 auto;
    display: block;
}


.avatar-upload {
    position: relative;
    max-width: 210px;
    margin: 50px auto;
  }
  .avatar-upload .avatar-edit {
    position: relative;
  }
  .avatar-upload .avatar-edit input {
    display: none;
  }
  .avatar-upload .avatar-edit input + label {
    display: inline-block;
    width: 100%;
    height: 34px;
    line-height: 30px;
    text-align: center;
    margin:20px 0 0;
    border-radius:5px;
    background: #FFFFFF;
    border: 1px solid transparent;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    font-size: 14px;
    transition: all 0.2s ease-in-out;
    background: #95a912;
    color: #fff;
  }
  /* .avatar-upload .avatar-edit input + label:hover {
    background: #f1f1f1;
    border-color: #d6d6d6;
  } */

  .avatar-upload .avatar-preview {
    width: 200px;
    height: 200px;
    position: relative;
    border-radius: 100%;
    border: 6px solid #F8F8F8;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
  }
  .avatar-upload .avatar-preview > div {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

.qr-box{
    margin: 0;
}
.qr-box img{
    width: 160px;
    margin: 90px auto 20px;
    display: block;
}
.qr-box h5{
    text-align: center;
    margin: 20px 0;
    font-weight: 700;
    font-size: 14px;
}
.sub-heads{
    display: block;
    font-weight: 700;
    font-size: 13px;
    padding: 0 0 8px;
    border-bottom: 1px solid #d0cfcf;
    margin-bottom: 15px;
}
.insp-title{
    font-size: 14px;
    font-weight: 700;
    color: #77870c;
    border-bottom: 3px solid #95a912;
    padding: 10px 0;
}
.insp-tbl th{
    background-color: #2f6e6d !important;
    color: #fff;
}
.insp-tbl tbody tr:nth-child(even){
    background-color:#f4f4f6;
}
.insp-tbl td{
    border:0px solid #000;
}
.tbl-heading{
    font-weight: 700;
}
.sub-texts td:first-child{
    padding-left: 50px;
}
 .cust-tbl tr td {
    padding: 5px 10px !important;
    vertical-align: middle;
}

#add-inspModal .modal-dialog {
    max-width: 80%;
    margin: 1.75rem auto;
}
#add-inspModal .modal-header .close{
    position: absolute;
    right: 10px;
}
.btn-cntr{
    margin-top: 30px;
}

#t1 {
    float:left;
    }
    #t2
    {
    float:right;
    }

#edit-inspModal .modal-dialog {
    max-width: 80%;
    margin: 1.75rem auto;
}
#edit-inspModal .modal-header .close{
    position: absolute;
    right: 10px;
}

.btn-invoice{
	background-color: #0991fc;
    border-color: #0991fc;
}
.btn-docdate{
	background-color: #f2a569;
    border-color: #f2a569;
}
.cmn-btn{
	color: #FFF;
    padding: 9px 10px;
    background: #95A912;
    border-radius: 4px;
    border: none;
    text-transform: uppercase;
    font-size: 12px;
    /* GJ New Style - 25-01-22 */
    line-height: 15px;
}

.cmn-btn:hover{
	color:#FFF;
	text-decoration:none;
}
.cmn-btn:focus{
	outline:none;
}
.tble-ttle .cmn-btn{
	padding: 6px 7px;
}

.tble-ttle .fltr-btn{
    padding: 6px 12px;
    background: #6e6e6f;
}
.tble-ttle .upld-btn{
	 background:#929496;
	 padding: 6px 12px;
}
.tble-ttle {
    border-bottom: 1px solid #f3f3f3;
    margin-bottom: 17px;
}

.db-table-hdng{
    padding-bottom: 10px;
    border-bottom: 1px solid #f2f2f2;
}

/* new styles */

.tbl-clps-btn2 {
    background: #95A912!important;
}


.cust-tblNew {
    margin: 12px 0;
    border: 0px solid #d5d5d5;
}
.cust-tblNew thead th {
    vertical-align: bottom;
    border-bottom: none;
    background: #d5d5d5;
    font-size: 12px;
}
.cust-tblNew tr td {
    font-size: 12px;
    vertical-align: text-top;
}
.cust-tblNew tr th,
.cust-tblNew tr td {
    padding:6px 10px;
    border-top: 0 solid #dee2e6;
}
.txt-label{
    font-size: 13px;
    font-weight: 700;
    color: #000;
}
.text-values{
    font-size: 13px;
    font-weight: 300;
}
.time-values{
    background-color: #5B5656;
    color: #fff;
    padding: 8px 20px;
    width: 100px;
    display: inline-block;
}
.price-values{
    color:#95AA12;
    padding: 2px 20px;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
}
.btn-set{
    background-color: #009aff;
    border-color: #009aff;
}
.check-div{
	margin: -10px auto 0;
	text-align: center;
}
.tbl-prdct th{
	border: 1px solid #c7c7c7;
}
.btn-invoice{
	background-color: #0991fc;
    border-color: #0991fc;
}
.btn-docdate{
	background-color: #f2a569;
    border-color: #f2a569;
}


.tbl-expense{
    margin-left: 0px;
    font-size: 13px;
    border: 1px solid #ebebeb;
    border-radius: 12px;
}
.tbl-expense table{
    border: 0px solid #d5d5d5;
}
.tbl-expense thead th {
    background: #ebebeb;
    border: 0px solid #d5d5d5;
}
.tbl-expense td{
    border: 0px solid #d5d5d5;
}
.tbl-expense thead th:first-child{
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    padding-left: 30px;
}
.tbl-expense thead th:last-child{
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    padding-right: 30px;
}
.tbl-expense tbody td:first-child{
    padding-left: 30px;
}
.tbl-expense tbody td:last-child{
    padding-right: 30px;
}
.no-bdrbtm{
    border-bottom: 0px solid #000;
}

.sts-invo{
	min-width:70px!important;
}
.stus.cncld{
    background: #f14827;
}
.crt-act-logo{
    transform: rotate(310deg);
}
.crt-act-hd {
    padding: 7px 34px 7px 16px;
    border-bottom: 1px solid #CCC;
}
textarea.form-control {
    min-height: 120px;
}
.prefer-bx .custom-control-label{
	font-size: 12px;
}
.prefer-bx .form-label {
    font-size: 12px;
}
.prefer-bx .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color:#95A912;
}
.prefer-bx .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #95A912;
    background-color: #95A912;
}
.subtags{
	font-size: 10px;
	margin: 5px 0;
}
.pin-docs {
    display: block;
    font-size: 13px;
    color: #807e7e;
}
.pin-docs i {
    font-size: 20px;
}
.odr-txt{
	font-size: 14px;
	white-space: nowrap;
}
.comp-code{
	display: block;
    border: 2px solid #ccc;
    width: 120px;
    height: 25px;
    float: left;
    line-height: 12px;
    margin-left: 20px;
    border-radius: 4px;
    padding: 5px 8px;
    font-size: 13px;
    text-align: center;
}
.custom-checkbox{
	line-height: 25px;
}

.tp-srch{
	position:relative;
}
.tp-srch input{
	min-height: 28px!important;
}
.tp-srch-icon{
	position: absolute;
    background: #fff;
    top: 1px;
    right: 1px;
    padding: 3px 5px;
    border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
    border-left: 1px solid #CCC;
    cursor: pointer;
}
.btn-add-cf {
    padding: 5px 10px!important;
}

.btn-primary, .btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #95a912;
    border-color: #95a912;
}
.btn-warning, .btn-warning.disabled, .btn-warning:disabled {
    color: #fff;
    background-color: #f6b63a;
    border-color: #f6b63a;
}
.edit-btn, .dlte-btn, .view-btn, .action-btn {
    color: #fff;
    font-size: 17px;
    padding: 0px 4px;
    margin-top: 1px;
    margin-bottom: 1px;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #859711;
    border-color: #778610;
    box-shadow: none;
}
.table-page-info {
    font-size: 12px;
}
.table-pagination-cont {
    display: flex;
    justify-content: flex-end;
}
.page-item.active .page-link {
    z-index: 1;
}
.page-item.active .page-link {
    background-color: #95a912;
    border-color: #95a912;
}
.plus-btn{
	height: 34px;
}

#add-egreement-Modal .modal-dialog {
    max-width: 80%;
    margin: 1.75rem auto;
}
#add-egreement-Modal .modal-body{
    padding:15px 20px;
}

#edit-egreement-Modal .modal-dialog {
    max-width: 80%;
    margin: 1.75rem auto;
}
#edit-egreement-Modal .modal-body{
    padding:15px 20px;
}

.bookbtn{
    color: #fff;
    font-size: 12px !important;
    border-radius: 3px;
    white-space: nowrap;
    padding: 3px 8px;
    border: 0;
    background: transparent;
    font-weight: 300;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}
.btn-fl-bk{
    background-color: #8f00ff !important;
    cursor: inherit !important;

}
.btn-pl-bk{
    background-color: #00ee32 !important;
    cursor: inherit !important;


}
.btn-cl-bk{
    background-color: #fb3030 !important;
    cursor: inherit !important;

}
.btn-ot-bk{
    background-color: #3657fc !important;
    cursor: inherit !important;


}
.btn-ct-bk{
    background-color: #26e1ff !important;
    color: #fff;


    cursor: inherit !important;

}

.btn-oh-bk{
    background-color: #f8ff26 !important;
    color: #000 !important;
    cursor: inherit !important;

}

.btn-inv-bk{
    background-color: #ffb81e !important;
    color:#000;


    cursor: inherit !important;

}
.fc-daygrid-event{
    cursor: pointer;
}

@media (min-width: 576px){
    #newBooking .modal-dialog {
        max-width: 70%;
        margin: 7rem auto;
    }
    #tripInfo .modal-dialog {
        max-width: 520px;
        margin: 7rem auto;
    }
    #tripDocs .modal-dialog {
        max-width: 70%;
        margin: 3rem auto;
    }
    #tripNotes .modal-dialog {
        max-width: 500px;
        margin: 3rem auto;
    }
    #allocateVehicle .modal-dialog {
        max-width: 70%;
        margin: 3rem auto;
    }
    #allocateTrip .modal-dialog {
        max-width: 70%;
        margin: 3rem auto;
    }
    #confirmBooking .modal-dialog {
        margin: 10rem auto;
    }
}


#tripInfo .modal-header,
#tripDocs .modal-header,
#tripNotes .modal-header,
#unAllocateVehcles .modal-header,
#allocateVehicle .modal-header ,
#allocateTrip .modal-header ,
#allocateTrip2 .modal-header ,
#allocateVehicle2 .modal-header,
#allocatepickupdriver .modal-header,
#allocatedeliverydriver .modal-header,
#allocateVehicle .modal-header,
#saveTrip .modal-header,
#saveTripwithoutvehicle .modal-header,
#cancelNotes .modal-header,
#addLocation .modal-header,
#onholdNotes .modal-header,
#starttrip .modal-header,
#resumetrip .modal-header,
#approveovertime .modal-header,
#saveTripConfirm .modal-header{
    background-color: #fff ;
    position: relative;
    color: #000;
}
.custom-popups .modal-header{
    background-color: #fff ;
    position: relative;
    color: #000;
}
#confirmBooking .modal-header{
    background-color: #96d341;
    color: #fff;
    position: relative;
}
#tripInfo .modal-header .close,
#confirmBooking .modal-header .close,
#tripDocs .modal-header .close,
#tripNotes .modal-header .close,
#unAllocateVehcles .modal-header .close,
#allocateVehicle .modal-header .close,
#allocateTrip .modal-header .close,
#allocateTrip2 .modal-header .close,
#allocateVehicle2 .modal-header .close,
#allocatepickupdriver .modal-header .close,
#allocatedeliverydriver .modal-header .close,
#saveTrip .modal-header .close,
#saveTripwithoutvehicle .modal-header .close,
#cancelNotes .modal-header .close,
#addLocation .modal-header .close,
#addnewLocation .modal-header .close,
#onholdNotes .modal-header .close,
#starttrip .modal-header .close,
#resumnetrip .modal-header .close,
#saveTripConfirm .modal-header .close
  {
    position: absolute;
    right: 10px;
    top: 16px;
}
.custom-popups .modal-header .close{
    position: absolute;
    right: 10px;
    top: 5px;
}

.custom-file{
    font-size: 13px;
}
.custom-file-label, .custom-file-input {
    height: 38px;
}
.custom-file-label::after{
    height: 37px;
}
.lbl-tags{
    margin: 4px 0 0;
    font-size: 10px;
}

.notes-infoTbl{
    background: #e1e6bf !important;
}

.notes-infoTbl{
    background-color: #deffd3;
    border-radius: 6px;
    border:0px solid;
}
.notes-infoTbl td{
    font-size: 12px;
    border:0px solid;
    padding: 6px 12px;
}

.btn-center {

    margin: 30px 0 0;
    text-align: left;

}
.btn-center2 {
    margin: 26px 0 0;
    text-align: left;
}

.search-bx1{
    position: absolute;
    right: 80px;
    width: 200px;
    top: -3px;
}

.search-bx2{
    position: absolute;
    right:170px;
    width: 200px;
    top: -3px;
}

.btn-allocate{
    background-color: #ff711f;
}

.undermain-status {
    background-color: #f14827;
    border-color: #f14827;
    color: #fff;
    font-size: 12px;
    padding: 2px 8px;
    margin-top: 1px;
    margin-bottom: 1px;
}

.inactive-status {
    background: #cefc9d;
    color: #b39c9c;
    font-size: 12px;
    padding: 2px 8px;
    margin-top: 1px;
    margin-bottom: 1px;
}

.retired-status {
    background-color: #40caff;
    border-color: #40caff;
    color: #fff;
    font-size: 12px;
    padding: 2px 8px;
    margin-top: 1px;
    margin-bottom: 1px;
}

.line-acc-head {
    padding: 12px 10px !important;
    background-color: #e7f596;
    border: 1px solid #cddc77;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
}

.progress-circle {
    position: absolute;
    right: 8px;
    top: 4px;
    display: inline-block;
    margin: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #ebebeb; }

.progress-circle:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-animation: colorload 2s;
    animation: colorload 2s;
}

.progress-circle span {
    font-size: 8px;
    color: #000;
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: 24px;
    height: 24px;
    line-height: 25px;
    margin-left: -12px;
    margin-top: -12px;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    z-index: 1;
 }

.progress-circle span:after {
  content: "";
  font-weight: 600;
  color: #8b8b8b; }

  .progress-circle {
    width: 28px !important;
    height: 28px !important;
}
.progress-circle span {
    font-size: 10px !important;
    width: 26px !important;
    height: 26px !important;
    line-height: 26px !important;
    margin-left: -13px !important;
    margin-top: -13px !important;
}
.progress-circle {
    top: 6px !important;
}

.space-8 {
    padding: 32px 0 0 10px;
}

#pickup-Drivers .modal-dialog {
    max-width: 80%;
    margin: 1.75rem auto;
}

#delivery-Drivers .modal-dialog {
    max-width: 80%;
    margin: 1.75rem auto;
}

.modal-third {
    z-index: 2000 !important;
    background-color: rgb(26 27 26 / 50%) !important;
}

.ord-dtl-hd1 {
    background: #e1e6bf;
    padding: 10px;
    margin-bottom: 20px;
}
.ord-id-lft span, .ord-dt-rgt span {
    font-weight: 700;
}
.ord-id-lft, .ord-dt-rgt {
    font-size: 13px;
}

.expn-add-btn {
    padding: 7px!important;
    margin-top: 26px;
}

.fls-hnt {
    font-size: 9px;
}


.block-title{
    font-size: 16px;
    font-weight: bold;
    position: relative;
    padding-left: 30px;
    margin-left: -20px;
}
.block-title::before{
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 15px;
    height: 15px;
    background-color: #95AA12;
}

.cust-tblNew {
    margin: 12px 0;
    border: 0px solid #d5d5d5;
}
.cust-tblNew thead th {
    vertical-align: bottom;
    border-bottom: none;
    background: #d5d5d5;
    font-size: 12px;
}
.cust-tblNew tr td {
    font-size: 12px;
    vertical-align: text-top;
}
.cust-tblNew tr th,
.cust-tblNew tr td {
    padding:6px 10px;
    border-top: 0 solid #dee2e6;
}
.txt-label{
    font-size: 13px;
    font-weight: 700;
    color: #000;
}
.text-values{
    font-size: 13px;
    font-weight: 300;
}
.time-values{
    background-color: #5B5656;
    color: #fff;
    padding: 8px 20px;
    width: 100px;
    display: inline-block;
}
.price-values{
    color:#95AA12;
    padding: 2px 20px;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
}
.cust-tblNew2 {
    margin: 6px 0;
    border: 0px solid #d5d5d5;
}
.cust-tblNew2 thead th {
    vertical-align: bottom;
    border-bottom: none;
    background: #d5d5d5;
    font-size: 12px;
}
.cust-tblNew2 tr td {
    font-size: 12px;
}
.cust-tblNew2 tr th,
.cust-tblNew2 tr td {
    padding: 3px 10px;
    vertical-align: middle;
    border-top: 0 solid #dee2e6;
}
.province-titles{
    text-align: center;
    margin-top: 20px;
    background: #ffffe1;
    border: 2px solid #f2ebeb;
    border-radius: 15px;
    padding: 15px 0;
    margin: 0;
}
.province-titles .arrows{
    width: 60px;
    margin-top: 6px;
}
.province-titles h5{
    color: #95AA12;
    font-weight: bold;
    margin-bottom: 6px;
}
.province-titles p{
    font-weight: 300;
    font-size: 13px;
    color: #635b5b;
    margin: 0;
}
.drivers-titles{
    text-align: left;
    margin-top: 10px;
    padding: 0 26px;
}
.drivers-titles h5{
    color: #95AA12;
    font-weight: bold;
    font-size: 15px;
}
.drivers-titles p{
    font-weight: 300;
    font-size: 13px;
    color: #989696;
}
.liness{
    width: 100%;
    height: 1px;
    margin-top: 10px;
    background-color: #ccc;
}
.tbl-expense{
    margin-left: 14px;
    font-size: 13px;
    border: 1px solid #ebebeb;
    border-radius: 12px;
}
.tbl-expense table{
    border: 0px solid #d5d5d5;
}
.tbl-expense thead th {
    background: #ebebeb;
    border: 0px solid #d5d5d5;
}
.tbl-expense td{
    border: 0px solid #d5d5d5;
}
.tbl-expense thead th:first-child{
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    padding-left: 30px;
}
.tbl-expense thead th:last-child{
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    padding-right: 30px;
}
.tbl-expense tbody td:first-child{
    padding-left: 30px;
}
.tbl-expense tbody td:last-child{
    padding-right: 30px;
}
.no-bdrbtm{
    border-bottom: 0px solid #000;
}
.btn-samehgt{
    height: 28px;
}
.drop-box{
    background: #ffffe1;
    border: 2px solid #f2ebeb;
    border-radius: 15px;
    padding: 5px 15px;
}
.bdr-box{
    background: #fff;
    border: 2px solid #f2ebeb;
    border-radius: 15px;
    padding: 15px 0;
    margin: 0;
}
.bdr-tp{
    border-top: 1px solid #ebebeb !important;
}
.same-hgt{
    height: 36px !important;
}
.blocks2{
    border-bottom: 0px solid #000;
    padding: 0;
    margin: 0;
}

.tooltipevent {
    min-width: 340px;
    position: absolute;
    z-index:9999;
    transform: translate3d(-50%,-100%,0);
    background-color: #fff;
    border-radius:2px;
    padding: 0;
    box-shadow: 1px 1px 10px 5px rgba(175, 175, 175, 0.3);
}
.tooltipevent td{
    padding: 3px 14px;
    font-size: .72rem;
}
.tooltip-titles{
    font-size: .85rem;
    font-weight:600;
    padding:3px 8px;
    background-color: #95a912;
    color: #fff;
}
.assgn-time{
    display: block;
    margin-left: 70px;
    margin-top: 4px;
    color: red;
    font-size: 10px;
}
.new-mainrequest{
    margin-top: 20px;
    background-color: #fff;
}

.view-blocks{
    padding:20px 60px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
}

.preview-wraps{
    width: 80%;
    margin: 0 auto;
}
.line-acc-head{
    position: relative;
}

.cust-tbl2 thead th {
    vertical-align: bottom;
    border-bottom: none;
    background: #edf2f8;
    font-size: 12px;
}

.cust-tbl2 tr td {
    font-size: 12px;
}

.cust-tbl3 thead th {
    vertical-align: bottom;
    border-bottom: none;
    background: #fff;
    font-size: 12px;
}

.cust-tbl3 tr td {
    font-size: 12px;
}

.chrgs {
    font-size: 14px;
    font-weight: 700;
    border: 1px solid #e3e8ef;
    padding: 10px;
    border-left: none;
    border-right: none;
}

.dispt-dtls-main{
    background: #f7fdce;
    padding: 14px;
    border: 1px solid #e3ef95;
    border-radius: 4px;
    /* height: 500px; */
}
.dispt-dtls-main h2{
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 17px;
}

.fc .fc-button {
    font-size: 14px !important;
    line-height: 14px !important;
}
.fc .fc-toolbar-title {
    font-size: 14px !important;
    font-family: "Montserrat";
}
.fc .fc-button .fc-icon {
    font-size: 14px !important;
}
.fc .fc-button{
    padding: 0.2em 0.65em !important;
}
.fc .fc-button-primary {
    color: #fff !important;
    background-color: transparent !important;
    border-color: #615454 !important;
    border: 2px solid #615454 !important;
}
.fc-daygrid-event .fc-event-time {
    display: none !important;
}
.fc-daygrid-event{
    padding-left: 10px !important;
}
.fc-daygrid-event::before{
    content: "";
    position: absolute;
    left: 0;
    width:8px;
    height:8px;
    background-color: transparent;
    border-radius: 100%;
}
.fc-theme-standard th {
    background: #edf2f8 !important;
    font-family: "Montserrat" !important;
    font-size: 13px;
}
.fc .fc-non-business{
    background: #fff !important;
}
td.fc-day {
    font-family: "Montserrat" !important;
}
.fc .fc-daygrid-day.fc-day-today {
    background-color: rgb(98 242 17 / 15%) !important;
}
.fc .fc-daygrid-day-number {
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #12256c !important;
}
.fc .fc-daygrid-day-number {
    padding: 10px;
}
.fc-direction-ltr .fc-daygrid-event.fc-event-start, .fc-direction-rtl .fc-daygrid-event.fc-event-end {
    margin-left: 8px;
}
.fc-toolbar-chunk{
    display: flex;
}
.fc-event-img img{
    width: 78px;
}
.fc-daygrid-dot-event .fc-event-title{
    font-weight: 400 !important;
    color: #fff !important;
}
.fc-header-toolbar .fc-toolbar-chunk:first-child{
    position: absolute;
    left: 130px;
    top: 20px;
    width: 350px;
    height: 36px;
}
.fc-header-toolbar .fc-toolbar-chunk .fc-button{
    color: #000 !important;
}
.fc-header-toolbar {
    margin-bottom: 0px !important;
}

.fc-toolbar-chunk .fc-button-group .fc-next-button{
    margin-left: 145px !important;
}
.fc-toolbar-chunk .fc-button-group:first-child .fc-button{
    width: 30px;
    flex: unset;
    /* margin: 0 !important; */
}

.fc-toolbar-chunk .fc-toolbar-title{
    position: absolute;
    left: 45px;
    top: 0px;
    width: 130px;
    height: 36px;
    line-height: 30px;
    text-align: center;
    border: 2px solid #2C3E50;
    margin-left: 0 !important;
    border-radius: 0px;
}
.fc .fc-button {
    margin-left: 8px !important;
}
.fc .fc-daygrid-day-top {
    flex-direction: unset !important;
}
.today-events{
    background-color: #fff;
    font-size: 14px;
    min-height: 100vh;
}
.today-events table td{
    height: 36px;
}

.fc .fc-popover-title {
    font-size: 14px;
}
.fc .fc-daygrid-more-link {
    font-size: 13px;
}
.fc-daygrid-event-dot{
    border: 4px solid #604540  !important;
    border: calc(var(--fc-daygrid-event-dot-width,5px)/ 2) solid var(--fc-event-border-color,#604540 ) !important;
    border-radius: 4px;
    border-radius: calc(var(--fc-daygrid-event-dot-width,8px)/ 2);
}
.fc-col-header {
    text-transform: uppercase;
}
.fc-timegrid-slot-label-cushion{
    font-size: 13px;
}
.fc-theme-standard td{
    background-color: #fff;
}

.bkn-btn1{
    border: 0px solid #CCC;
    height: 36px;
    line-height: 26px;
    background: #95a912;
    color: #fff;
    padding: 6px 20px;
}
.bkn-btn1:focus{
	    box-shadow:none!important;
}
.lst-bkn-cnlnr{
	display:none;
}
.bkn-db{
	background:#FFF;
	height:100%;
	text-align:center;
	box-shadow: 0px 0px 5px #0000001c;
	padding: 15px;
	text-align:center;
}
.bkn-db h2{
    font-size: 14px;
    font-weight: 700;
    margin-top: 7px;
    margin-bottom: 4px;
}
.bkn-db p{
    font-size: 11px;
    margin-bottom: 6px;
}

.date-inp{
    display: inline-block;
    position: relative;
    /* z-index: 99; */
}
.date-inp .form-control {
    display: block;
    width: 100%;
    height: 36px;
}

.bkng-clndr-mnu{
	padding:20px;
}
.open>.bkng-clndr-mnu.dropdown-menu {
    display: block;
}
.bkng-clndr-mnu.dropdown-menu {
    top: 25px;
    padding: 3px 0;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.bkng-clndr-mnu .dropdown-menu > li > a {
    padding: 9px 12px;
    cursor: pointer;
}
.bkng-clndr-mnu .dropdown-menu>li>a {
    display: block;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
	font-size: 14px;
}

#tripInfo .modal-content{
    border:0px !important
}
#newBooking .modal-header, #tripInfo .modal-header{
    padding-left: 60px !important;
}
#newBooking .modal-header .la-calendar-week, #tripInfo .modal-header .la-car{
    position: absolute;
    left: 18px;
    font-size: 38px;
    top: 9px;
}

#tripInfo .modal-header .close,
#confirmBooking .modal-header .close,
#tripDocs .modal-header .close,
#tripNotes .modal-header .close,
#unAllocateVehcles .modal-header .close,
#allocateVehicle .modal-header .close,
#allocateVehicle2 .modal-header .close,
#allocateTrip2 .modal-header .close,
#allocatepickupdriver .modal-header .close,
#allocatedeliverydriver .modal-header .close,
#saveTrip .modal-header .close,
#saveTripwithoutvehicle .modal-header .close,
#cancelNotes .modal-header .close,
#onholdNotes .modal-header .close,
#starttrip .modal-header .close,
#resumetrip .modal-header .close,
#saveTripConfirm .modal-header .close
  {
    position: absolute;
    right: 10px;
    top: 16px;
}

.editinfo-btn{
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    right: 40px;
    top: -20px;
    border: 0;
    font-size: 24px;
    border-radius: 4px;
    background: #6ead16;
    color: #fff;
    box-shadow: 0px 2px 26px 3px #0000001f;
}

.cust-tbl6 td{
    border:0px solid #000;
    font-size: 13px;
    padding: 8px 10px;
}

.same-hgt{
    height: 36px !important;
    min-height: 68px !important;
}

.text-danger {
    color: #dc3545 !important;
    font-size: 14px;
}

.master-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.master {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.rowbox .row{
    border: 1px solid #ced4da;
    border-radius: 6px;
    padding: 6px 6px;
    margin-right: 0px;
}
.form-label{
    font-weight: 700;
}

.notealert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.page-item.active .page-link {
    z-index:1;
}

.pgntn-cust {
    float: right;
}
.page-item .page-link {
    color: #111;
    font-size: 12px;
}
.page-item .page-link:focus {
    box-shadow: none !important;
    z-index: 0;
}
.page-item.active .page-link {
    background-color: #95a912;
    border-color: #95a912;
}

/* Procurement request page tab-style */
.customtabdash{
	position: relative;
	display: flex;
}
.customtabdash .nav-item{
	-ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
}
.customtabdash .nav-link {
    background: #dfe2b9;
    font-size: 14px;
	margin-right: 2px;
}
.customtabdash .nav-link h6{
	margin: 4px 0;
	text-align: center;
}
.customtabdash .nav-link.active h6{
	color: #fff;
}
.customtabdash .nav-link.active{
	background: #929e16;
    color: #fff;
}
.customtabdash::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: -2px;
    background-color: #929e16;
}

.form-label-qs{
	font-weight: 500;
	font-size: 14px;
	margin-bottom: 15px;
	padding-left: 26px;
	position: relative;
}
.form-label-qs::before{
	content: '?';
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #edf2f8;
    left: 0;
    top: 2px;
    border-radius: 3px;
    font-weight:bold;
    text-align:center;
}
.checkTable .chr-container{
	margin-bottom: 0;
}
.checkTable tbody tr{
    border-bottom: 1px solid #e5e5e5;
}
.checkTable tbody tr:last-child{
	border-bottom: 0px solid #e5e5e5;
}
.checkTable tbody td{
	padding:5px 8px;
}
.uploadBtn{
	font-size: 14px;
}

.customnav li.nav-item.active .dropdown-item {
	background-color: #fff;
	color: #000;
}
.customnav li.nav-item.active .dropdown-item.active{
	background-color: #c8d866;
	color: #fff;
}
.drp-cust .dropdown-item.active{
    background-color: #c8d866;
	color: #fff;
}
.prd-tpe {
    color: #f50808;
    font-size: 9px;
    display: block;
    text-align: right;
}
.txt-bld{
	font-weight:700!important;
}
.cust-tbl-brnh1 tr th{
	padding: 9px 7px!important;
}
.cust-tbl-brnh1 tr td {
    padding: 8px 7px!important;
}


.icon-upload {
    position: relative;
    max-width: 210px;
    margin: 50px auto;
  }
  .icon-upload .icon-edit {
    position: relative;
  }
  .icon-upload .icon-edit input {
    display: none;
  }
  .icon-upload .icon-edit input + label {
    display: inline-block;
    width: 100%;
    height: 34px;
    line-height: 30px;
    text-align: center;
    margin:20px 0 0;
    border-radius:5px;
    background: #FFFFFF;
    border: 1px solid transparent;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    font-size: 14px;
    transition: all 0.2s ease-in-out;
    background: #95a912;
    color: #fff;
  }
  .icon-upload .icon-preview {
    width: 120px;
    height: 120px;
    position: relative;
    border-radius: 100%;
    border: 6px solid #F8F8F8;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
  }
  .icon-upload .icon-preview > div {
    width: 50%;
    height: 50%;
    border-radius: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

.new-po{
    background-color: #689f9b;
    box-shadow: 0px 0px 5px #00000033;
  }
  .send-cli{
    background-color: #75b6e5;
    box-shadow: 0px 0px 5px #00000033;
  }
  .client-appr{
    background-color: #92d050;
    box-shadow: 0px 0px 5px #00000033;
  }
  .odr-crt{
    background-color: #7de2e7;
    box-shadow: 0px 0px 5px #00000033;
  }
  .odr-cmplt{
    background-color: #ffc000;
    box-shadow: 0px 0px 5px #00000033;
  }
  .sel-style .ms-choice {
    background-color: transparent !important;
    border: none !important;
  }
  .section-titles p{
      font-size: 14px;
      color: #898b8d;
  }
  .section-titles h4{
      position: relative;
  }
  .section-titles h4 span{
      display: inline-block;
      background: #fff;
      position: relative;
      z-index: 999;
      padding-right: 10px;
      font-size: 16px;
      font-weight: 700;
  }
  .section-titles h4::after{
      content: "";
      position: absolute;
      width: 100%;
      height: 1px;
      background-color: #e4e8ed;
      top: 18px;
      left: 0;
  }
  .dowload-ico2{
      margin-top: 30px;
      line-height: 36px;
      padding: 0 6px;
      font-size: 22px;
  }

  .toggleswitch {
      position: relative;
      width: 72px;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
    }

    .toggleswitch-checkbox {
      display: none;
    }

    .toggleswitch-label {
      display: block;
      overflow: hidden;
      cursor: pointer;
      border: 2px solid #95A912;
      background-color: #95A912;
      border-radius: 20px;
      margin: 0;
    }

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

    .toggleswitch-inner:before,
    .toggleswitch-inner:after {
      border-radius: 20px;
      display: block;
      float: left;
      width: 50%;
      height:24px;
      padding: 0;
      line-height: 26px;
      font-size: 14px;
      color: white;
      font-weight: bold;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border: 0px solid transparent;
      background-clip: padding-box;
    }

    .toggleswitch-inner:before {
      content: "Yes";
      padding-left: 10px;
      background-color: #95A912;
      color: #fff;
    }

    .toggleswitch-inner:after {
      content: "No";
      padding-right: 10px;
      background-color: #9a9da3;
      color: #000;
      text-align: right;
    }

    .toggleswitch-switch {
      display: block;
      width: 20px;
      height: 20px;
      margin: 0px;
      background: #ffffff;
      position: absolute;
      border-radius: 100%;
      top: 4px;
      bottom: 0;
      right: 47px;
      -moz-transition: all 0.3s ease-in 0s;
      -webkit-transition: all 0.3s ease-in 0s;
      -o-transition: all 0.3s ease-in 0s;
      transition: all 0.3s ease-in 0s;
    }

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

    .toggleswitch-checkbox:checked + .toggleswitch-label .toggleswitch-switch {
      right:5px;
    }

    .confirm-box .toggleswitch{
        float: left;
    }
    .confirm-box  p{
        font-size: 13px;
    }
    .sca-ids{
      background: #c8d37d;
      border: 1px solid #b2d5ff;
      color: #1f252c;
      font-size: 13px;
      font-weight: 700;
      border-radius: 4px;
      padding: 6px 17px;
    }
    .button-order-notes{
        padding: 0 !important;
    }
    .button-order-notes img{
        width: 28px !important;
    }

    .dropdown-item.active, .dropdown-item:active {
        color: #fff !important;
        text-decoration: none;
        background-color: #c8d866 !important
      }

      .dataTables_length {
        margin-right: 10px;
    }
    .dataTables_length label {
        margin-bottom: 0;
    }
    .dataTables_length label,
    .dataTables_filter label,
    .dataTables_info {
        font-size: 12px;
    }
    table.dataTable thead th:focus {
        outline: none;
    }
    table.dataTable thead th::before,
    table.dataTable thead th::after {
        display: none !important;
    }
    table.dataTable thead .sorting,
    table.dataTable thead .sorting_asc,

    table.dataTable thead .sorting {
        background-image: url("../images/sort_both.png");
    }
    table.dataTable thead .sorting_asc {
        background-image: url("../images/sort_asc.png");
    }

    table.dataTable.cust-tbl {
        width: 100% !important;
        border: 1px solid #d5d5d5;
    }
    table.dataTable thead th:not(:last-child) {
        border-right-color: #c5c0c0;
    }
    .inpt-icn{
        position:relative;
    }
    .pswd-icn {
        position: absolute;
        top: 7px;
        right: 93px;
        color: #CCC;
    }
    .pswd-icn1 {
        position: absolute;
        top: 9px;
        right: 10px;
        color: #CCC;
    }





	/* New Anstalin style on 10-11-2022 */

	.stord{
		background: #048d79;
	}
	.stscgen{
		background: #274379;
	}

	.stnepo{
		background: #274379;
	}
	.stca{
		background: #97cb5f;
	}

    .stca{
		background: #97cb5f;
	}

    .st-ex-ord{
        background: #566ee7;
    }

	.requesthead h4{
		position: relative;
		font-size: 15px;
    padding-bottom: 10px;
    border-bottom: 2px solid #95a912;
    margin-bottom: 10px;
}

.sourcontitbox{
	display: flex;
	justify-content: space-between;
	align-items: center !important;
}

.sourconbox {
    padding: 15px 15px 0px;
    background: #94b9ba17;
    border-radius: 3px;
    margin: 15px 0px;
}

.sourcontitbox h4 {
    font-size: 13px;
    color: navy;
}

.sourcontitbox h4 a{
	color: navy;
}

.sourcontitbox h4 a i {
    color: navy;
    font-size: 18px;
    position: relative;
    top: 3px;
    margin: 0px 3px;
}

.sourcontitbox .cmn-btn {
    float: right;
    padding: 5px 7px;
    font-size: 12px;
    text-transform: unset;
    position: relative;
    top: -5px;
    margin-left:3px;
    pointer-events: none;
}

.sourconbox table{
	background: #fff;
}

.newordbtn{
	background: #C8A2C8;
}

.combtn{
	background: #f14827;
}

.souwanbox {
    background: #ffecec;
    color: #9d9595;
}

.merreq{
	display: none;
}

.mergreq1{
	display: none;
}

.mergreq2{
	display: none;
}

.tarreq1{
	display: none;
}

.tarreq2{
	display: none;
}


.souwanbox p {
    color: #555;
    padding: 10px;
    margin: 0px;
    font-size: 13px;
}

.souwanbox p span{
	font-weight: 600;
}

.viwconreq {
    background-color: #20f40f29;
    padding: 10px 15px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: normal;
}

.viwconreq span {
    color: #3f51b5;
}

.viewentxt{
	font-size: 13px;
    margin: 0px;
    font-weight: normal;
}

.docz{
	background: #ec9903;
	color:#fff;
}

.docz i{
	color:#fff;
}

.sourconbox .cust-tbl1 thead th {
	vertical-align: bottom;
    border-bottom: none;
    background: #eef7a4;
    font-size: 10px;
    font-weight: normal;
    padding: 10px 5px;
}

.sourconbox .cust-tbl1 tr th, .sourconbox .cust-tbl1 tr td {
    padding: 10px 5px;
    vertical-align: middle;
    font-size: 11px;
    font-weight: normal;
    text-align: center;
}

:disabled.sel-style ~ .sel-style {
    background-color: #f3f3f3;
}

.cncl-btn, .rst-btn {
    background: #6c6e71;
}


.pp-confrm-icn {
    border: 1px solid #ffb16c;
    width: 50px;
    height: 50px;
    padding-top: 15px;
    border-radius: 50%;
    margin-bottom: 18px;
    color: #ff7600;
    font-size: 20px;
}

.modalcenfoot{
	text-align: center;
	justify-content: center;
}







.excentopbox {
    position: relative;
    background: #a248a6;
    padding: 12px 15px;
    border-radius: 12px;
}

.excentopbox1{
    background: #50bf94;
}

.excentopbox2{
    background: #e84f3f;
}

.excentopbox3{
    background: #1d74bd;
}

.excentopbox4{
    background: #00a39e;
}

.excentopbox5{
    background:  #d46bad;
}

.excenfirbox{
    display: flex;
    justify-content: space-between;
}

.excenfirbox h4 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    color: #fff;
    max-width: 80%;
    min-height: 75px;
    min-width: 148px;
    margin: 0px;
}

.excenfirbox a {
    color: #fff;
    font-size: 24px;
    position: relative;
    left: 5px;
    top: -7px;
}
.excenfirbox a i{
    color:#fff;
}

.excensecbox{
    display: flex;
    justify-content: space-between;
}

.excensecbox h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 24px;
    text-align: left;
    color: #fff;
    margin: 0px;
    position: relative;
    top: 5px;
}

.excensecbox img{
        position: absolute;
        right: 0px;
        bottom: 0px;
        width: 75px;
}


.ordonetab {
    margin-left: auto!important;
    max-width: 99%!important;
    margin-right: auto!important;
    margin-top: 5px!important;
    margin-bottom: 5px!important;
    border: 1px solid #05d7a0;
    position: relative;
}

.ordonetab td{
    border-left:1px solid #05d7a0!important;
    border-top:1px solid #05d7a0;
}


.ordonetabtop {
    background: #f2fcfa;
}

.ordonetabbot {
    background: #dffff9;
}

.ordonetab  .ordonehead th {
    background: #05d7a0!important;
    border-bottom: 1px solid #05d7a0;
}

.ordonetab th{
    background: #b1fbe7!important;
}



.ordonehead h4 {
    font-size: 15px;
    margin: 0px;
    color: #fff;
    text-align: center;
}



.ordtwotab {
    background: #1eb6e6;
    border: 1px solid #1eb6e6;
    margin-left: auto!important;
    max-width: 99%!important;
    margin-right: auto!important;
    margin-top: 5px!important;
    margin-bottom: 5px!important;
    position: relative;
}


.ordtwotab td{
    border-left:1px solid #1eb6e6!important;
    border-top:1px solid #1eb6e6;
}

.ordtwotab .ordtwohead th{
    background: #1eb6e6!important;
    border-bottom: 1px solid #1eb6e6;
}

.ordtwotab th{
    background: #beeefe!important;
}


.ordtwotab tbody tr:nth-of-type(odd) {
    background: #f5fdff;
}

.ordtwotab tbody tr:nth-of-type(even) {
    background: #dcf6ff;
}



.ordtwohead h4 {
    font-size: 15px;
    margin: 0px;
    color: #fff;
    text-align: center;
}


.ordthrtab {
    margin-left: auto!important;
    max-width: 99%!important;
    margin-right: auto!important;
    margin-top: 5px!important;
    margin-bottom: 5px!important;
    border: 1px solid #566ee7;
    position: relative;
}

.ordthrtab td{
    border-left:1px solid #566ee7!important;
    border-top:1px solid #566ee7;
}

.ordthrtab .ordthrhead th {
    background: #566ee7!important;
    border-bottom: 1px solid #566ee7;
}


.ordthrtab th {
    background: #c0cafb!important;
}

.ordthrtabtop{
    background: #f7f6ff;
}

.ordthrtabbot{
    background: #d6ddff8c;
}



.ordthrhead h4 {
    font-size: 15px;
    margin: 0px;
    color: #fff;
    text-align: center;
}

.modfootcen{
    justify-content: center;
}

.ordundbtn{
    background-color: #566ee7;
}

.btn-ware{
    background: #ff4646;
}

.grptr{
    background: #aabeb2;
}

.ungrptr{
    background: #d7a69e;
}

.ordarw{
    position: relative;
}

.ordarw:after {
    position: absolute;
    content: "";
    bottom: -8px;
    left: 4px;
    right: 50%;
    width: 15px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 12px solid #05d7a0;
}

.ordarw.collapsed:after{
    opacity: 0;
}

.ordarw i{
    transform: rotate(180deg);
}

.ordarw.collapsed i{
    transform: rotate(0deg);
}


.grparw i{
    transform: rotate(180deg);
}

.grparw{
    position: relative;
}

.grparw:after {
    position: absolute;
    content: "";
    bottom: -8px;
    left: 4px;
    right: 50%;
    width: 15px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 12px solid #1eb6e6;
}

.grparw.collapsed:after{
    opacity: 0;
}

.grparw.collapsed i{
    transform: rotate(0deg);
}

.ungrparw i{
    transform: rotate(180deg);
}

.ungrparw.collapsed i{
    transform: rotate(0deg);
}

.ungrparw{
    position: relative;
}

.ungrparw:after {
    position: absolute;
    content: "";
    bottom: -8px;
    left: 4px;
    right: 50%;
    width: 15px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 12px solid #566ee7;
}

.ungrparw.collapsed:after{
    opacity: 0;
}


.newexordbtn{
    background: #ff4164;
}

.btn-ex-note{
    background: #53f1f1;
}

.btn-ex-warn{
    background: #ffa451;
}

.btn-ex-dan{
    background: #ff4646;
}

.btn-ex-cal{
    background: #ae7afb;
}

.btn-ex-dang{
    background: #0b775a;
}

.btn-ex-docdate{
    background: #ae7afb;
}

.btn-ex-shiping {
    background: #17a2b8;
}

.btn-ex-invoice{
    background: #ffa451;
}

.btn-ex-doc{
    background: #566ee7;
}

.btn-ex-dhl{
    background: #ff0082;
}

.btn-ex-power{
    background: #f024ff;
}

.btn-ex-pipe{
    background: #b7712e;
}

.btn-ex-der {
    background: #05d7a0!important;
}


.martopnospace {
    margin: -16px 0px 0px;
    width: 100%;
}


.paytask {
    background: #ffecec;
    color: #9d9595;
}

.custom-alert {
    padding: 7px 12px;
    font-size: 12px;
    border-radius: 0px;
}

.paytask i {
    width: 20px;
    height: 20px;
    background: #ff942b;
    margin-right: 10px;
    line-height: 20px;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    float: left;
}

.tabletrhover tr:hover {
    background: #6ff1b685 !important;
}

.tabletrhover tr:hover td {
    font-size: 13px;
}

.ordonetabtop {
    background: #f2fcfa;
}

.ordonetabbot {
    background: #dffff9;
}

.ordthrtab tbody tr:nth-of-type(odd) {
    background: #f7f6ff;
}

.ordthrtab tbody tr:nth-of-type(even) {
    background: #d6ddff8c;
}


	/* New Anstalin style End */

/*----- 06/01/2023 -------*/
.pendtask {
    background: #ffecec !important;
    color: #000000;
    text-transform: capitalize;
  }
  .custom-alert {
    padding: 7px 12px;
    font-size: 12px;
    border-radius: 0px;
  }
  .pendtask i {
    color: #c55a11;
  }

 /*----- 03/04/2023 -------*/

/* .cust-tbl1 tr td:last-child {
    border-right: 1px solid #d5d5d5;
    clear:both;
    display:block;
  }
 */
  .exrepdata {
    display: flex;
    justify-content: flex-end;
  }

  .exrepdata .form-control.datetimepicker-input {
    min-height: 37px;
  }

  .exgenbtn{
    position: relative;
    background: #95aa12;
    padding: 5px 13px;
    color: #fff;
    border: 0px;
    box-shadow: none;
    border-radius: 3px;
  }
  .last-activity-box{
    position: relative;
}
.last-activity-box-span{
    position: absolute;
    right: 0;
    font-size: 16px;
    font-weight: 600;
}
.last-activity-box-span span{
    font-size: 15px;
    font-weight: 300;
}

.dropdown:hover>.dropdown-menu {
    display: block;
  }
.info-bell::after{
display: none;
}

.info-bell-drop{
    right:0px;
    padding:0px;
    left:auto;
    max-height: 400px;
    overflow:hidden;
    overflow-y:auto;
    min-width:20rem;
}

.dropinfotable th{
    min-width:100px;
}

.dropinfotable{
    margin:0px;
}

.infobelltights{
    background:#37adb9ad;
}
.infobellstats{
    background:#4df342ad;
}

.infobellstatspend{
    background:#ff6d5f;
}
.activity-date{
    display: block;
    float: right;
    color: red;
}
.activity-box-head{
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 700;
}
.mdtry-fld
{
    color: red;
}

/* New Style Anstalin start on 05-06-2023 */

.table-hdng-bna {
    overflow: hidden;
}

.table-hdng-bna h2 {
    font-size: 12px;
    font-weight: 700;
    position: relative;
    background: #fff;
    padding-right: 15px;
}

.table-hdng-bna h2::after {
    position: absolute;
    width: 100%;
    height: 1px;
    background: #CCC;
    content: '';
    top: 8px;
    margin-left: 12px;
}

.table-hdng-bna p {
    font-size: 12px;
    color: #aaa;
}

:disabled.sel-style ~ .sel-style {
   background-color: #f3f3f3;
}

.ms-parent.mul-sel.sel-style {
    height: auto;
    max-height: 37px;
    font-size: 12px;
}


.taxlist{position:relative;}

.taxlist h5 {
    text-align: right;
    justify-content: start;
    font-size: 13px;
    line-height: 30px;
}

.taxlist h5 input{margin:0px 0px 0px 10px;}

.taxlist h5 span{min-width:120px;float:right}

.taxlist h4 {
    text-align: right;
    justify-content: start;
    font-size: 16px;
    line-height: 30px;
}
.taxlist h4 span{min-width:120px;float:right}

.maxwid60{width:60px;}

.tax-value{padding:0px;margin:0;}

.tax-value li{list-style-type:none;}

.add-ser {
    margin-top: 31px;
}
 
.btn-st { 
    text-transform: uppercase;
}

.rmrk {
    font-size: 11px;
}
select.form-control{
    min-height:37px;
}

.martop30{
    margin-top:30px;
}

.view-pg-cntnt {
    border: 1px solid #e8e7e7 !important;
    margin-bottom: 10px !important;
}

.ld-rows {
    padding: 8px 15px 0px;
    border-top: 1px solid rgb(221, 221, 221);
}

.ld-rows:nth-child(even) {
    background-color: #f9f9f9;
}

.f-lbl, .f-lbl-val {
    font-size: 12px;
    margin-bottom: 8px;
}

.btn-select {
    color: #fff;
    background-color: #778610;
    border-color: #778610;
}

.compsheet{background: #1eb6e6;}

.fillnamez {
    font-size: 13px;
    text-align: right;
    margin-top: 24px;
}

.suppbtn {
    border: 0px;
    background: #95a912;
    color: #fff;
    margin-top: 16px; 
    position: relative;
}

.suppbtn:hover { 
    background: #95a912;
    color: #fff; 
}

.comth{
    background:#b3a4d9!important;
}

.comth1{
    background:#f4b183!important;
}

.comth2{
    background:#ffd966!important;
}

.comth3{
    background:#9dc3e6!important;
}

.comth11{
    background:#f8cbad!important;
}

.comth12{
    background:#ffe699!important;
}

.comth13{
    background:#bdd7ee!important;
}

.comth111{
    background:#fbe5d6;
}

.comth121{
    background:#fff2cc;
}

.comth131{
    background:#deebf7;
}

.comlasttr{
    background:#c7c9c9;
}

.comlasttr td{
    font-weight:600;
    font-size:14px!important;
}

.view-pg-nobor-cntnt{
    border:0px!important;
}

.view-pg-nobor-cntnt .ld-rows:last-child{
    background:transparent;
} 

.view-pg-nobor-cntnt .ld-rows { 
    border-top: 0px solid rgb(221, 221, 221);
}

.confirm-box {
    text-align: center;
}

.confirm-box .onoffswitch {
    position: relative;
    width: 64px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    display: inline-grid;
    text-align: left;
    top: 9px;
    right: 5px;
}

.confirm-box .pendtask {
    background: transparent !important;
    color: #000000;
    padding: 7px 0px;
    font-size: 13px;
    border-radius: 0px;
}

/* New Style Anstalin on 06-06-2023 */





/*---- New Style Breenu 05-06-2023 -----*/
.prnt-adrs-frm{
    border-right: 1px solid #e5e5e5;
    padding: 10px;
	height: 100%;
}
.prnt-adrs-dtl{
    border-left: 1px solid #e5e5e5;
    padding: 10px 10px 0 30px;
	height: 100%;
}
.prnt-adrs-to{
    padding: 10px 0;
	height: 100%;
}
.prnt-adrs-frm h2, .prnt-adrs-to h2, .prnt-adrs-dtl h2{
	font-size: 13px;
    font-weight: 700;
}
.prnt-adrs-frm h3, .prnt-adrs-to h3, .prnt-adrs-dtl h3{
	font-size: 13px;
    font-weight: 700;
	color:#b6d303;
}
.prnt-adrs-frm span, .prnt-adrs-to span, .prnt-adrs-dtl span{
	color:#000;
	font-weight:700;
}
.prnt-adrs-frm p, .prnt-adrs-to p, .prnt-adrs-dtl p{
    font-size: 12px;
    margin-bottom: 0;
    line-height: 21px;
}
.prnt-ttl-mn h2{
    font-size: 15px;
    text-align: center;
    background: #f3f7d4;
    font-weight: 700;
    padding: 9px;
	margin-bottom: 18px;
}
.dtl-spn{
	
	padding-right:5px;
	
}
.ttl-p{
	font-size: 13px;
    margin-bottom: 0;
    line-height: 21px;
}
.ttl-p label{
	font-weight:700;
}
.prnt-dc-mn{
	margin-top: 25px;
    margin-bottom: 32px;
}
.prnt-dc-p{
    margin-bottom: 0;
    line-height: 22px;
    font-size: 12px;
}
.f-lbl-val-n{
	padding-left:10px;
	font-size:12px;
}
.f-lbl-n{
	font-weight:700;
	font-size:12px;
}
.trms-con p{
	font-size:11px;
	line-height:21px;
	margin-bottom:0;
}
.trms-con-sgn p{
	font-size: 12px;
    line-height: 21px;
    margin-bottom: 0;
    font-weight: 700;
    text-align: right;
    padding-right: 9px;
    padding-top: 21px;
}
.tbl-ttl{
    text-align: right;
    font-weight: 700;
}
.tbl-clr tr:last-child{
	background:#fbf5bd;
}
.rnd-ttl{
	font-weight: 700;
}
.table-hdng-bna h2{
    font-size: 11px;
	font-weight:700;
	position:relative;
	text-transform:uppercase;
}
.table-hdng-bna h2::after{
    position: absolute;
    width: 52%;
    height: 1px;
    background: #CCC;
    content: '';
    top: 8px;
    margin-left: 10px;
	right:0;
}
.table-hdng-bna p{
    font-size: 12px;
    color: #CCC;
}
.f-lbl {
    font-weight: 700;
}
.f-lbl, .f-lbl-val {
    font-size: 12px;
    margin-bottom: 8px;
}
.req-inpt-btns{
	margin-bottom: 8px;
	display: flex;
}
.req-srch-btn{
    border: 1px solid #95aa12;
    color: #FFF;
	margin-left:5px;
	width:35px;
	background:#95aa12;
	border-radius:3px;
}
.up-arw{
    background: #6c6e71;
	border:1px solid #6c6e71;
    color: #FFF;
    text-align: center;
    padding-top: 4px;
}
.up-arw:hover{
    color: #FFF;
}
.up-arw i{
	rotate: 48deg;
}
.pp-confrm-icn {
    border: 1px solid #ffb16c;
    width: 50px;
    height: 50px;
    padding-top: 15px;
    border-radius: 50%;
    margin-top: -33px;
    margin-bottom: 18px;
    color: #ff7600;
    font-size: 20px;
}
.pp-inpt-pin{
	max-width:360px;
	margin-left:auto;
	margin-right:auto;
	/* text-align:center; */
}
.cst-mdlhdr {
    border-bottom: none;
}
.pp-tble-actn tr td{
	padding:5px;
}
.cls-ftr-btn{
	justify-content:center;
}
.hdng-rght{
    font-size: 13px;
    font-weight: 700;
}
.asgn-btn{
	background: #9f2323;
}
.chr-container {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  margin-right: 12px;
  cursor: pointer;
  font-size: 12px;
  min-height: 22px;
  line-height: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.chr-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.chr-container input[type="checkbox"] {
  height: 0;
  width: 0;
}
.chr-container .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: #FFF;
  border: 2px solid #c7c6c6;
  transition: background-color 0.15s ease-in-out;
}
.chr-container input[type="radio"] + .checkmark {
  border-radius: 50%;
}
.chr-container:hover input ~ .checkmark {
  background-color: #FFF;
}
.chr-container input:checked ~ .checkmark {
  background-color: #95a912;
  border-color: #95a912;
}
.chr-container .checkmark::after {
  content: "";
  position: absolute;
  display: none;
}
.chr-container input:checked ~ .checkmark:after {
  display: block;
}
.chr-container .checkmark::after {
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.chr-container input[type="radio"] + .checkmark::after {
  top: 5px;
  left: 5px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}
.chck-lbl{
    margin-left: 27px;
    font-size: 13px;
    margin-top: -27px;
    display: block;
}


/*---- New Style Breenu 06-06-2023 -----*/
li.nav-item.active, .cust-nav a.dropdown-item.active {
    background-color: #95a912;
}
/*----loader start---*/
.lds-css {
  /* display: none; */
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index:99999;
}
@keyframes lds-eclipse {
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
  }
  50% {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
  }
  100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
  }
}
@-webkit-keyframes lds-eclipse {
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
  }
  50% {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
  }
  100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
  }
}
.lds-css p {
  font-size: 48px;
  color: #FFF;
  text-align: center;
}
.lds-eclipse {
  position: relative;
}
.lds-eclipse div {
  position: absolute;
  -webkit-animation: lds-eclipse 1s linear infinite;
  animation: lds-eclipse 1s linear infinite;
  width: 184px !important;
  height: 184px !important;
  top: 50%;
  left: 50%;
  margin: -92px 0 0 -92px;
  border-radius: 50%;
  box-shadow: 0 8px 0 0 #95A912;
  -webkit-transform-origin: 92px 96px;
  transform-origin: 92px 96px;
}
.lds-eclipse {
  -webkit-transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px);
  transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px);
}
/*-----Loader End-----*/