:root {
	/* Define colors for each Unit */
	--unit-i-color: #e74c3c; /* Red */
	--unit-ii-color: #3498db; /* Blue */
	--unit-iii-color: #2ecc71; /* Green */
	--unit-iv-color: #f39c12; /* Orange */
	/* Define background colors for selection/hover */
	--selected-bg-color: #ecf0f1; /* Light Gray */

	--unit-i-rgb: 231, 76, 60; /* Just the RGB values */
	--unit-ii-rgb: 52, 152, 219; /* Just the RGB values */
	--unit-iii-rgb: 46, 204, 113; /* Just the RGB values */
	--unit-iv-rgb: 243, 156, 18; /* Just the RGB values */
}


.error-404 h1 {
	font: size 80px !important;
}

.btn-full-width {
	width: 300px;
}

.carousel-inner {
	width: 100%;
	max-height: 500px !important;
}

.float-right {
	float: right;
}

#upload-image-dropzone {
	width: 100%;
	border: 1px dotted #222222;
	border-radius: 3px;
	cursor: pointer;
	text-align: center;
	color: #808080;
	margin-left: 10px;
}

	#upload-image-dropzone i {
		font-size: 60px;
	}

#image-preview-container {
	position: relative;
	width: 100%;
	max-width: 350px;
}

	#image-preview-container #preview-image {
		width: 320px;
		opacity: 1;
		display: block;
		height: auto;
		transition: .5s ease;
		backface-visibility: hidden;
	}

	#image-preview-container .btn-close-img {
		position: absolute;
		top: 21%;
		left: 79%;
		background-color: #ff0000;
		color: white;
		font-size: 16px;
		padding: 12px 24px;
		border: none;
		cursor: pointer;
		border-radius: 5px;
		text-align: center;
	}

.middle {
	transition: .5s ease;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
}

#image-preview-containerr:hover #preview-image {
	opacity: 0.3;
}

#image-preview-container:hover .middle {
	opacity: 1;
}

.text {
	background-color: #04AA6D;
	color: white;
	font-size: 16px;
	padding: 16px 32px;
}

.dz-success-mark {
	display: none;
}

.dz-error-mark {
	display: none;
}

.dropzone-previews {
	display: none;
}

.title-description {
	font-weight: bold;
}

.vehicle-card .card-title {
	font-weight: 800;
	font-size: 24px;
}


.vehicle-alert table {
	width: 100%;
}

	.vehicle-alert table tr {
		text-align: center;
	}

		.vehicle-alert table tr th {
			font-size: 22px;
			font-weight: 600;
		}

			.vehicle-alert table tr th i {
				font-size: 46px;
				font-weight: bold;
			}

			.vehicle-alert table tr th span {
				color: #012970;
			}

		.vehicle-alert table tr td {
			font-size: 22px;
			font-weight: 900;
		}

.invoice-lst {
	margin-bottom: 15px;
}

	.invoice-lst .col-sm-3 {
		padding: 0px;
	}

.sr-no {
	padding-right: 4px;
	font-weight: bold;
	text-align: center;
}

.invoice-lst .vehicle-no {
	padding-left: 16px;
}

.invoice-lst .txt-val {
	font-weight: bold;
}

.invoice-lst .badge {
	margin-bottom: 8px;
}

.invoice-lst .badge,
.invoice-lst .btn {
	min-width: 100px;
}

.message-item {
	min-width: 200px;
}



.invoice-info li {
	list-style: none;
	float: left;
}

.invoice-lst table {
	background-color: #fff;
}

.card-top-right-btn {
	position: absolute;
	right: 58px;
	top: 15px;
}

.inquiry-view-status {
	padding: 20px 0 15px 0;
	font-size: 16px;
	font-weight: 500;
	color: #012970;
	font-family: "Poppins", sans-serif;
}

	.inquiry-view-status label {
		margin-right: 5px;
	}

	.inquiry-view-status span {
		letter-spacing: 1px;
		font-size: 16px;
	}

.attachment-lst {
}

	.attachment-lst li {
		list-style: none;
		float: left;
		margin-right: 5px;
		padding: 5px;
	}

		.attachment-lst li a img {
			height: 200px;
		}

.comment-title {
	margin-left: 32px;
}

.comment-lst {
}

	.comment-lst li {
		list-style-type: none;
	}

	.comment-lst .comment-item {
	}

		.comment-lst .comment-item h4 {
			font-size: 16px;
			font-weight: 600;
			margin-bottom: 5px;
			color: #444444;
		}

		.comment-lst .comment-item p {
			font-size: 14px;
			margin-bottom: 3px;
			color: #919191;
		}

.form-check-input {
	font-size: 26px;
	margin-left: 0px !important;
}

.form-check-label {
	padding: 8px;
	font-weight: 600;
}

.save-config-btn {
	margin-left: 24px;
}

.account-item {
	padding: 6px 10px;
	transition: 0.3s;
	min-width: 200px;
}

	.account-item a {
		display: flex;
	}

	.account-item img {
		margin: 0 20px 0 10px;
		max-height: 40px;
	}

	.account-item h4 {
		font-size: 16px;
		font-weight: 600;
		margin-bottom: 5px;
		color: #444444;
	}

	.account-item p {
		font-size: 13px;
		margin-bottom: 3px;
		color: #919191;
	}

.header-balance {
	/* background-color: #ffff;*/
	padding: 10px;
	margin-bottom: 0px;
	border-radius: 6px;
}

	.header-balance .label {
		color: #012970;
	}

	.header-balance .amount {
		font-weight: bolder;
	}

.nav-pills .nav-link {
	border-radius: 0px;
	border: 1px solid #808080;
}

.switch-account-lable {
	text-align: center;
	/* font-weight: 800; */
	/* letter-spacing: 3px; */
}

	.switch-account-lable a span {
		font-weight: 800;
		letter-spacing: 3px;
		padding-left: 30px;
	}

ul#tab-btns li {
	list-style: none;
	float: left;
	background-color: #fff;
}

	ul#tab-btns li a.active {
		background-color: #0d6efd;
		color: #fff;
	}

	ul#tab-btns li a {
		border: 1px solid #808080;
		font-size: 22px;
		font-weight: 800;
		padding: 10px;
		background-color: #fff;
	}

.invoice-card {
}

	.invoice-card .sr-no {
		float: left;
		border: 2px solid #808080;
		border-radius: 10px;
		font-weight: bold;
		font-size: 16px;
		padding: 5px;
		width: 42px;
		margin: 12px 6px 0px 0px;
	}


	.invoice-card .badge {
		position: absolute;
		left: 0px;
		top: 14px;
		border-radius: 0px 6px 6px 0px;
	}

	.invoice-card .media-body .card-title {
		padding-top: 3px;
		padding-left: 3px;
		font-weight: bold;
	}



	.invoice-card .media-body .card-sub-title {
	}

	.invoice-card ul.items-lst {
		padding-left: 2px;
		width: 200px;
		float: left;
		margin-right: 10px;
		margin-top: 12px;
	}

	.invoice-card .items-lst li {
		list-style: none;
		margin-bottom: 6px;
	}

		.invoice-card .items-lst li .label {
			float: left;
			min-width: 110px;
			color: #899bbd;
		}

		.invoice-card .items-lst li span {
			font-weight: 800;
		}

	.invoice-card button {
		margin-top: 10px;
	}

	.invoice-card .footer h1 {
		float: right;
	}

	.invoice-card .footer .total {
		float: left;
		padding: 3px;
		color: #899bbd;
		/* position: absolute; */
		/* right: 26px; */
		/* top: 140px; */
		font-weight: 600;
		letter-spacing: 1px;
		font-size: 12px;
	}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 320px) {
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

	.invoice-preview .logo-wrapper .invoice-logo {
		width: 200px;
	}

	ms-auto {
		padding-left: 0px;
	}

	.invoice-lst .vehicle-no {
		padding-left: 0px;
	}

	.invoice-lst .allign-attr {
		padding-left: 14px;
	}

	.invoice-lst .btn-badge {
		font-size: 16px;
		font-weight: 600;
		padding-bottom: 9px;
	}

	.vehicle-alert table tr th i {
		display: none;
	}

	.vehicle-card .alert {
		padding: 4px;
	}

	.vehicle-alert .btn {
		font-size: 10px;
		padding: 2px;
	}

	.vehicle-alert table tr th {
		font-size: 12px;
	}

	.vehicle-alert table tr td {
		font-size: 14px;
	}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 700px) and (max-width: 800px) {
	.invoice-lst .vehicle-no {
		padding-left: 0px;
	}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.invoice-card .badge {
		font-size: 16px;
	}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
}




.valid.modified:not([type=checkbox]) {
	outline: 1px solid #26b050;
}

.invalid {
	outline: 1px solid red;
}

.validation-message {
	color: red;
}

#blazor-error-ui {
	background: lightyellow;
	bottom: 0;
	box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
	display: none;
	left: 0;
	padding: 0.6rem 1.25rem 0.7rem 1.25rem;
	position: fixed;
	width: 100%;
	z-index: 1000;
}

	#blazor-error-ui .dismiss {
		cursor: pointer;
		position: absolute;
		right: 0.75rem;
		top: 0.5rem;
	}

.blazor-error-boundary {
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
	padding: 1rem 1rem 1rem 3.7rem;
	color: white;
}

	.blazor-error-boundary::after {
		content: "An error has occurred."
	}


ul.urdubox {
	?list-style-type: circle;
	padding: 0px;
	margin: 0px;
}

	ul.urdubox li {
		display: block;
		text-align: left;
		padding: 0px 5px 0px 5px;
	}

		ul.urdubox li::before {
			content: '';
			background-color: black;
			width: 7px;
			border-radius: 100%;
			height: 7px;
			display: inline-block;
			position: relative;
			top: 23px;
			left: -12px;
		}

.urdutext {
	text-align: right !important;
	direction: rtl;
}



ul.invoice_listbox {
	list-style: none;
	padding: 0px;
	margin: 0px;
	padding-top: 10px;
}

	ul.invoice_listbox li {
		display: inline-block;
		width: 40%;
		padding-top: 5px;
		color: #899bbd;
	}

.invoice_textright {
	text-align: right;
	color: #000 !important;
}

.textlable_box {
	text-align: right;
}


.badge_arrival {
	background: url(../img/arrival_icon.svg) no-repeat #FFC006;
	padding-left: 40px;
	background-size: 23px;
	background-position: 10px 2px;
}

.badge_millin {
	background: url(../img/millIn_icon.svg) no-repeat #A35200;
	padding-left: 40px;
	background-size: 23px;
	background-position: 10px 2px;
}

.badge_invoiced {
	background: url("../img/invoiced_icon.svg") no-repeat #00B11B;
	padding-left: 40px;
	background-size: 23px;
	background-position: 10px 2px;
}

.badge_rejected {
	background: url("../img/rejected_icon.svg") no-repeat #DC3342;
	padding-left: 40px;
	background-size: 23px;
	background-position: 10px 2px;
}

.badge_inprogress {
	background: url("../img/inprogress_icon.svg") no-repeat #003CDE;
	padding-left: 40px;
	background-size: 23px;
	background-position: 10px 2px;
}

.badge_unloading {
	background: url("../img/unloading_icon.svg") no-repeat #C300DD;
	padding-left: 40px;
	background-size: 23px;
	background-position: 10px 2px;
}

.badge_billsubmited {
	background: url("../img/billsubmited_icon.svg") no-repeat #555555;
	padding-left: 40px;
	background-size: 23px;
	background-position: 10px 2px;
}

.badge_millout {
	background: url("../img/millout_icon.svg") no-repeat #6C7100;
	padding-left: 40px;
	background-size: 23px;
	background-position: 10px 2px;
}

.badge_sampling {
	background: url("../img/sampling_icon.svg") no-repeat #00A094;
	padding-left: 40px;
	background-size: 23px;
	background-position: 10px 2px;
}


.invoice_section {
	padding-top: 10px;
	padding-right: 100px;
}

.invoice_text1 {
	color: #899bbd;
}

.invoice_text2 {
	font-size: 26px;
	font-weight: 600;
	color: #000;
	text-align: right
}


.invoice_unit_text {
	font-size: 18px;
	font-weight: 600;
	color: #000;
	text-align: right
}


	.invoice_unit_text span {
		font-size: 14px;
	}

.invoice_text2 span {
	font-size: 14px;
}

.invoice_rejected {
	font-size: 32px;
	font-weight: 600;
	color: #DC3342;
	text-align: right
}

.invoice_unit_rejected {
	font-size: 22px;
	font-weight: 600;
	color: #DC3342;
	text-align: right
}


	.invoice_unit_rejected span {
		font-size: 14px;
	}

.invoice_rejected span {
	font-size: 14px;
	color: #000;
}

.invoice_textheader {
	text-align: right;
	font-size: 14px;
	color: #000;
	font-weight: 600;
}

	.invoice_textheader span {
		color: #899bbd;
	}



.card-content {
	min-height: 240px;
}


.card-body .bg-light {
	margin-bottom: 10px;
	margin-right: 10px;
	border: solid 1px #e7e7e7;
}




.google_playbutton {
	background: url("../img/googleplay_buttonmobile.svg") no-repeat;
	width: 40px;
	height: 40px;
	margin-left: 0px;
	background-size: 100%;
	position: fixed;
	bottom: 10px;
}



.toggle-sidebar .google_playbutton {
	background: url(../../assets/img/googleplay_button.svg) no-repeat !important;
	width: 165px !important;
	display: inline-block;
	background-size: 100%;
	height: 50px !important;
	margin-left: 15px !important;
	position: fixed;
	bottom: 10px;
}

.toggle-sidebar #main, #footer {
	margin-left: 216px;
}


@media(max-width: 1340px) {
	.invoice_section {
		padding-right: 0px;
	}
}

@media(max-width: 940px) {
}




@media(max-width: 640px) {
	.invoice_section .col {
		width: 100%;
		flex: auto;
	}

	.invoice_text2 {
		text-align: left
	}

	.invoice_rejected {
		text-align: left
	}

	.invoice_unit_text {
		text-align: left;
	}


	.col_mobile {
		width: 100%;
		flex: auto;
		text-align: right;
	}
}

ul.invoice_cardlist {
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: right;
}

	ul.invoice_cardlist li {
		display: inline-block;
	}

		ul.invoice_cardlist li:last-child {
			width: 32px;
			text-align: left;
		}

.unit_per_rate {
	width: 34px !important;
}

.invoicecard_smalltext {
	color: #6c757d;
	font-size: 12px;
	font-weight: 600;
}

.rejected_text {
	color: #DC3342 !important;
}


.loadergifbox {
	background: #f6f9ff;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 99999;
	padding-top: 20%;
}

.loaderimgbox {
	background: url(../../assets/img/preloader.gif) no-repeat !important;
	width: 200px;
	height: 200px;
	background-size: 60% !important;
	margin: auto;
}


@media(max-width: 600px) {

	.unit_per_rate {
		width: 32px !important;
	}


	.invoice-card .badge {
		top: 5px;
		line-height: 20px;
	}


	.invoice_section .col {
		width: 50%;
		flex: auto;
	}

	.invoice_text2 {
		font-size: 14px;
		text-align: right
	}

	.invoice_rejected {
		font-size: 17px;
		text-align: right
	}

	.invoice_unit_text {
		font-size: 12px;
		text-align: right
	}

	.invoice_unit_rejected {
		font-size: 13px;
		text-align: right
	}

	.invoice_text2 span {
		font-size: 10px;
	}

	.invoice_rejected span {
		font-size: 10px;
	}

	.invoice_unit_rejected span {
		font-size: 10px;
	}

	.invoice_unit_text span {
		font-size: 10px;
	}

	.invoice_text1 {
		font-size: 12px;
	}

	.invoice_textheader {
		text-align: left
	}

	.col_mobile {
		text-align: left;
		margin-top: 25px;
	}

	.invoicecard_smalltext {
		font-size: 9px;
	}

	ul.invoice_cardlist li:last-child {
		width: 32px;
	}


	.toggle-sidebar #main, #footer {
		margin-left: 0px;
	}
}



.loaderimgbox2 {
	background: url("/assets/img/loader2.svg") no-repeat !important;
	width: 100px;
	height: 100px;
	background-size: 100% !important;
	margin: auto;
	margin-top: 10%;
}



.card_loaderoverlay {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: #ffffff9e;
}


.urdubox {
	font-family: 'Montserrat', sans-serif;
	font-family: 'Noto Nastaliq Urdu', serif;
	font-size: 20px;
	line-height: 40px;
}


.cardsearch_box {
	padding: 15px;
	padding-top: 5px;
	margin-top: 15px;
}

.cardsearch_box {
	padding: 15px;
	padding-top: 5px;
	margin-top: 15px;
}

.cardsearch_input {
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0.25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	margin-right: 15px;
}

.cardsearch_selectbox {
	margin-top: 20px;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0.25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	margin-right: 15px;
}

ul.aboutus_listbox {
}

	ul.aboutus_listbox li {
		margin-bottom: 15px;
	}

.urdu_accordionbtn {
	display: block !important;
	text-align: right;
}

	.urdu_accordionbtn::after {
		position: absolute;
		left: 0px;
		top: 30px;
	}

.datatable .badge {
	width: 100%;
	line-height: 20px !important;
}

.unitname_text {
	font-weight: 700;
	font-size: 18px;
}

.Unit-I {
	background: #16C96A;
	margin-top: 10px;
	border: 0px;
	color: #fff;
}

.Unit-II {
	background: #7362F4;
	margin-top: 10px;
	border: 0px;
	color: #fff;
}

.Unit-IV {
	background: #EC5351;
	margin-top: 10px;
	border: 0px;
	color: #fff;
}

.Unit-III {
	background: #FFA037;
	margin-top: 10px;
	border: 0px;
	color: #fff;
}


.unit-i-badge {
	background-color: #afefcd;
	color: #000;
}



.unit-i-badge-active {
	background-color: #16C96A;
	color: #fff;
}



.unit-ii-badge {
	background-color: #f2f0ff;
	color: #000 !important;
}


.unit-ii-badge-active {
	background-color: #7362F4;
	color: #fff !important;
}


.unit-iii-badge {
	background-color: #f9dfc3;
	color: #000;
}


.unit-iii-badge-active {
	background-color: #FFA037;
	color: #fff;
}

.unit-iv-badge {
	background-color: #e7c3c2;
	color: #fff;
}


.unit-iv-badge-active {
	background-color: #EC5351;
	color: #fff;
}

.invoice_cardheader {
	text-align: center;
	position: relative;
	padding: 10px;
}


.invoice_cardbadge {
	position: absolute;
	left: 0px;
	top: 14px;
	border-radius: 0px 6px 6px 0px;
	font-weight: 700;
	text-align: center;
	color: #fff;
	padding: 10px;
	font-size: 16px;
}

.invoice_unittext {
	font-size: 12px;
	font-weight: 700;
	color: #EC5351;
}

.invoice_arrivaltext {
	font-size: 18px;
	font-weight: 700;
	color: #000;
}

.invoice_arrivaldate {
	font-size: 14px;
	color: #748EB6;
}

.invoice_trucktext {
	font-size: 12px;
	color: #000;
	text-align: right;
	font-weight: 700;
}

.invoice_biltytext {
	font-size: 14px;
	color: #748EB6;
	text-align: right;
}

.invoice_cardrigthbox {
	padding: 10px;
}

.invoice_carditem {
	border-top: solid 1px #EAEEF5;
	font-weight: 700;
	padding: 7px 15px;
	color: #000;
}

.invoice_cardbodybox {
	padding-left: 15px;
	padding-right: 15px;
	font-size: 14px;
	color: #748EB6;
	line-height: 30px;
}

.cardbody_text2 {
	font-weight: 700;
	font-size: 22px;
	text-align: right;
}

.cardbody_unittext {
	font-size: 12px;
	font-weight: 400;
	color: #748EB6;
}

.invoice_cardfooter {
	padding: 15px;
	border-top: solid 1px #EAEEF5;
	color: #C9C9C9;
	font-size: 14px;
	margin-top: 10px;
}

.cardrate_graybox {
	display: inline-block;
	background: #F8F8F8;
	padding: 5px 10px;
	color: #000;
}

.cardrate_greenbox {
	display: inline-block;
	background: #16C96A;
	padding: 5px 10px;
	color: #fff;
}

.Unit-I_bg {
	background: #f5fffa;
}

.Unit-II_bg {
	background: #edeaff;
}

.Unit-IV_bg {
	background: #ffecec;
}

.Unit-III_bg {
	background: #fff1e2;
}

ul.header_userinfo {
	list-style: none;
	padding: 0px;
	margin: 0px;
	background: #007b2c;
}

	ul.header_userinfo li a {
		color: #00210A;
	}

		ul.header_userinfo li a:hover {
			color: #00210A;
		}

.mainsection_wrapp {
	background: #F5F5F5;
	padding-top: 20px;
	padding-bottom: 20px;
}

.pagetitle h1 {
	font-family: Mali;
	font-weight: 700;
	font-size: 18px;
}

.card {
	box-shadow: 0px 0px 10px rgba(108, 108, 108, 0.16);
	border-radius: 16px;
	background: #fff;
	margin-top: 30px;
	border: 0px;
}

.form-control1 {
	background: #fff;
	width: 100%;
	height: 52px;
	border-radius: 8px;
	border: solid 2px #007b2c;
	padding: 15px;
}

.form-control:focus {
	outline: none;
	border: solid 2px #FFD400;
	box-shadow: none;
}

.datatable {
	font-size: 12px;
	color: #00210A;
}

	.datatable tbody tr td {
		border: 0px;
	}

	.datatable thead tr {
		background: #007A2B;
	}

		.datatable thead tr th {
			color: #fff;
			padding-top: 15px;
			padding-bottom: 15px;
		}

	.datatable tbody tr:nth-child(even) {
		background-color: #FCFAEF;
		border-top: solid 1px #f2eed9;
		border-bottom: solid 1px #f2eed9;
	}

a {
	color: #00210A;
	text-decoration: none;
}

.btn-outline-primary {
	background: #FFD400;
	padding: 13px 20px;
	font-weight: 400;
	font-size: 18px;
	border-radius: 8px;
	border: 0px;
	color: #00210A;
}

	.btn-outline-primary:hover {
		background: #FFD400;
		padding: 13px 20px;
		font-weight: 400;
		font-size: 18px;
		border-radius: 8px;
		border: 0px;
		color: #00210A;
	}

.table > :not(:first-child) {
	border: 0px;
}

.badge_btn {
	background: #FCFAEF;
	display: inline-block;
	padding: 5px;
	border-radius: 8px;
	padding: 6px 15px;
	border: solid 1px #fbe988;
	color: #00210A;
	font-weight: 600;
	font-size: 12px;
	margin-right: 10px;
	line-height: 20px;
}

	.badge_btn:hover {
		background: #FFD400;
		display: inline-block;
		padding: 5px;
		border-radius: 8px;
		padding: 6px 15px;
		border: solid 1px #fbe988;
		color: #00210A;
		font-weight: 600;
		font-size: 12px;
		margin-right: 10px;
		line-height: 20px;
	}

.badge_btnactive {
	background: #007A2B;
	display: inline-block;
	padding: 5px;
	border-radius: 8px;
	padding: 6px 15px;
	border: solid 1px #007A2B;
	color: #ffff;
	font-weight: 600;
	font-size: 12px;
	margin-right: 10px;
	line-height: 20px;
}

.loadmore_btn {
	color: #ddd;
	margin: auto;
}



.badge {
	display: inline-block;
	padding: 1px 3px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 8px;
	line-height: 20px;
	margin-right: 10px;
}

.bg-light {
	background: #FCFAEF !important;
	border: solid 1px #fbe988 !important;
}

.card-title {
	margin-bottom: 10px;
	font-size: 18px;
	font-family: 'Mali';
	font-weight: 700;
}

.formtextarea {
	background: #fff;
	width: 100%;
	height: 52px;
	border-radius: 8px;
	border: solid 2px #007b2c;
	padding: 15px;
	resize: none;
	height: 100px;
}

	.formtextarea:focus {
		outline: none;
		border: solid 2px #FFD400;
		box-shadow: none;
	}

.form-controldate {
	background: #fff;
	height: 52px;
	border-radius: 8px;
	border: solid 2px #007b2c;
	padding: 15px;
}

.selectbox_status {
	width: 100%;
	background: #f5f5f5;
	border: solid 2px #007b2c;
	text-indent: 5px
}

	.selectbox_status option {
		padding: 5px;
	}


.hamburger_mainbox {
	cursor: pointer;
	height: 30px;
	display: inline-block;
	float: right;
}



.dropdown-menu {
	box-shadow: 0px 0px 10px rgba(108, 108, 108, 0.16);
	border-radius: 16px;
	background: #fff;
	border: 0px;
	z-index: 99999;
}

.dropdown-item:focus, .dropdown-item:hover {
	color: #fff !important;
	background-color: #007A2B;
}

ul.header_userinfo li a {
	color: #00210A;
	font-size: 14px;
	font-weight: 600;
}

	ul.header_userinfo li a i {
		margin-right: 15px;
	}

.text-truncate {
	color: #007A2B;
	font-family: 'Mali';
	font-size: 22px;
	font-weight: 700;
}

.btn-primary {
	background: #FFD400;
	color: #00210A;
	font-weight: 600;
	border: solid 1px #FFD400;
}

	.btn-primary:hover {
		background: #FFD400;
		color: #00210A;
		font-weight: 600;
		border: solid 1px #FFD400;
	}

.dashboard .sales-card .card-icon {
	color: #4154f1;
	background: #f6f6fe;
}

.dashboard .revenue-card .card-icon {
	color: #2eca6a;
	background: #e0f8e9;
}

.dashboard .customers-card .card-icon {
	color: #ff771d;
	background: #ffecdf;
}

.dashboard .card-icon {
	font-size: 32px;
	line-height: 0;
	width: 64px;
	height: 64px;
	flex-shrink: 0;
	flex-grow: 0;
}

.dashboard .info-card h6 {
	font-size: 28px;
	color: #012970;
	font-weight: 700;
	margin: 0;
	padding: 0;
}



.table > :not(caption) > * > * {
	padding: 2px;
	color: #000;
	font-size: 11px !important;
}



table thead tr th {
	font-weight: 400 !important;
	background: #eeeeee !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
}

table tbody tr {
	border: solid 1px #eeeeee;
}

	table tbody tr td {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

table > tbody > tr:nth-of-type(even) > * {
	background: #FCFCFC;
}


.userright_checboxdactive {
	background: url(../img/userright_checboxdactive.svg) no-repeat;
	background-size: 100% !important;
	display: block;
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.userright_checboxactive {
	background: url(../img/userright_checboxactive.svg) no-repeat;
	background-size: 100% !important;
	display: block;
	width: 24px;
	height: 24px;
	cursor: pointer;
}



/* Color for Unit-I text */
.unit-i-text {
	color: var(--unit-i-color); /* A nice red */
	font-weight: bold;
	white-space: nowrap;
}

	.unit-i-text:hover {
		/* Use the RGB variable with an alpha (opacity) of 0.1 */
		background-color: rgba(var(--unit-i-rgb), 0.1);
	}

/* Color for Unit-II text */
.unit-ii-text {
	color: var(--unit-ii-color); /* A nice blue */
	font-weight: bold;
	white-space: nowrap;
}

	.unit-ii-text:hover {
		/* Use the RGB variable with an alpha (opacity) of 0.1 */
		background-color: rgba(var(--unit-ii-rgb), 0.1);
	}

/* Color for Unit-III text */
.unit-iii-text {
	color: var(--unit-iii-color); /* A nice green */
	font-weight: bold;
	white-space: nowrap;
}


	.unit-iii-text:hover {
		/* Use the RGB variable with an alpha (opacity) of 0.1 */
		background-color: rgba(var(--unit-iii-rgb), 0.1);
	}

/* Color for Unit-IV text */
.unit-iv-text {
	color: var(--unit-iv-color); /* A nice orange */
	font-weight: bold;
	white-space: nowrap;
}

.unit-iiv-text:hover {
	/* Use the RGB variable with an alpha (opacity) of 0.1 */
	background-color: rgba(var(--unit-iv-rgb), 0.1);
}