html, body {font-family: "Roboto", sans-serif;
}

/* @media (min-width: 992px) {.container-fluid {max-width: 1410px;}
} */

/* calculated as screen height(100vh) - footer height(283px) - navbar height(49px) */

main {min-height: calc(100vh - 135px) !important;min-height: 100vh;
}

.btn-theme {background-color: var(--primary-color);border-color: var(--primary-color);}


.text-shadow {text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
}

.navbar-toggler:focus {outline: none;box-shadow: none;
}

.link-unstyled, .link-unstyled:hover {text-decoration: none;
}

.btn-span, .btn-span:hover {pointer-events: none;
}

label.invalid-input {color: #dc3545; font-size: 13px; margin-bottom: 0; }

/* navbar ===================================================================================================== */

.twt-navbar.twt-navbar-common {background: #444;transition: 0.5s all;min-height: 60px;position: fixed;top: 0;left: 0;right: 0;z-index: 1022}

.twt-navbar.twt-navbar-common.fixed {box-shadow: 0 1px 15px rgba(30, 30, 30, 0.3);/* position: -webkit-sticky; *//* position: sticky; */background: #444;padding: 0 !important;}

.twt-navbar.twt-navbar-common .navbar-brand span {color: #eee;font-weight: 900;}

.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link {transition: 0.25s all;border-radius: 0px;/* border-bottom: 1px solid transparent; */}

.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link, .twt-navbar.twt-navbar-common.fixed .navbar-nav .nav-item .nav-link {color: #eee;padding: 0.75rem 1.5rem;border-bottom: 0;}

.twt-navbar.twt-navbar-common .navbar-nav .nav-item:hover .nav-link {color: #fff;background-color: rgba(0, 0, 0, 0.25);}

.twt-navbar.twt-navbar-common .navbar-nav .nav-item.active>.nav-link, .twt-navbar.twt-navbar-common .navbar-nav .nav-item.active:hover>.nav-link {color: #000;}
.twt-navbar.twt-navbar-common button.navbar-toggler .navbar-dash {display: block;height: 3px;width: 30px;background: #fff;margin: 6px;pointer-events: none;}

/* .twt-navbar.twt-navbar-common button.navbar-toggler .navbar-dash:nth-child(2){margin-left:10px} */

.twt-navbar.twt-navbar-common .dropdown-menu {top: 69px;border: 0;border-radius: 2px;background: none;padding: 0;background: #fff;box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);margin-top: 0px !important;}

.twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item {transition: 0.5s all;color: #6c757d !important;padding: 6px 15px;;
}

.twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item:hover {background: rgba(0, 0, 0, 0.15);color: #000;
}

.twt-navbar.twt-navbar-common .brand-logo-img {height: 75px;
}
/* @media (max-width: 1550px){
	.col-xl-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}
}
@media (max-width: 1550px){
	.col-xl-1 {
		-ms-flex: 0 0 8.333333%;
    flex: 0 0 10.333333%;
    max-width: 10.333333%;
	}
} */
@media (max-width: 1199px) {.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link, .twt-navbar.twt-navbar-common.fixed .navbar-nav .nav-item .nav-link {padding: 0.75rem 1.25rem;}
}

@media (max-width: 1199px) {.twt-navbar.twt-navbar-common{box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 25%);}.twt-navbar.twt-navbar-common .dropdown-menu.login-dropdown .dropdown-item{color: #6c757d !important;}.nav-slide-open .twt-navbar.twt-navbar-common button.navbar-toggler .navbar-dash:nth-child(1) {transform: rotate(45deg) translate(5px,8px);}.nav-slide-open .twt-navbar.twt-navbar-common button.navbar-toggler .navbar-dash:nth-child(2) {opacity: 0;}.nav-slide-open .twt-navbar.twt-navbar-common button.navbar-toggler .navbar-dash:nth-child(3) {transform: rotate(-45deg) translate(5px,-8px);}/* .twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item{color: #fff !important;} */.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link, .twt-navbar.twt-navbar-common.fixed .navbar-nav .nav-item .nav-link{padding: 15px 15px;}.nav-bottom .navbar-slide .nav-item {border-bottom: 1px solid #ddd;width: 100%;}.nav-item.my-account.login-admin-icon {position: absolute;right: 50px;}.navbar-main {background: #444;}.twt-navbar.twt-navbar-common .navbar-brand span {color: #fff;}.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link {color: #efefef;}.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link:hover, .twt-navbar.twt-navbar-common .navbar-nav .nav-item.active>.nav-link, .twt-navbar.twt-navbar-common .navbar-nav .nav-item.active>.nav-link:hover {color: #fff;}.twt-navbar.twt-navbar-common .slide {position: fixed;z-index: 999;top: 0;bottom: 0;left: 0;min-width: 250px;width: 300px;max-width: 90%;background-color: var(--primary-color);transform: translate3d(-100%, 0, 0);transition: 0.5s all cubic-bezier(0.165, 0.84, 0.44, 1);border-right: 1px solid transparent;overflow-y: auto;}.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link, .twt-navbar.twt-navbar-common.fixed .navbar-nav .nav-item .nav-link {padding: 0.75rem 1rem;}.twt-navbar.twt-navbar-common .navbar-slide .dropdown-menu {/* background: none; */box-shadow: none;}.twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item {color: #fff;padding-left: 1.75rem;}.nav-slide-open .twt-navbar.twt-navbar-common .slide {transform: translate3d(0, 0, 0);box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5);}
}

@media (max-width: 575px) {
	.twt-navbar.twt-navbar-common .brand-logo-img {height: 60px;
	}
	.twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item {white-space: nowrap;
	}
}

@media (min-width: 992px) {
	.twt-navbar.twt-navbar-common .dropdown-menu.w-200px {min-width: 200px;
	}
	.twt-navbar.twt-navbar-common .dropdown-left .dropdown-menu {left: auto;right: 0;
	}
}

/* for lighter navbars add 'nav-light' class */

.twt-navbar.twt-navbar-common.nav-light .navbar-brand span {
	color: #333;
}

.twt-navbar.twt-navbar-common.nav-light button.navbar-toggler .navbar-dash {
	background: #333;
}

@media (min-width: 992px) {
	.twt-navbar.twt-navbar-common.nav-light .navbar-nav .nav-item .nav-link {color: #333;
	}
	.twt-navbar.twt-navbar-common .navbar-nav .nav-item:hover .nav-link {background-color: rgba(0, 0, 0, 0.3);
	}
}

.twt-navbar.twt-navbar-common .navbar-nav .nav-item.active>.nav-link{background-color: rgba(0, 0, 0, 0.3);}


/* css */
:root{--primary-color:#005597;}
.text-theme{color: var(--primary-color) !important;}
.bg-theme{background-color: var(--primary-color);}
.btn:not(.btn-link):hover {box-shadow: none;}
.twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item{border-bottom: 1px solid #ddd;font-size: 16px;}
.user-header-icon {height: 50px;background: var(--primary-color);width: 50px;margin-right: 15px;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.twt-navbar .user-icon-header {font-size: 25px;color: #fff;}
.twt-navbar.twt-navbar-common.nav-light .navbar-nav .nav-item .nav-link {font-size: 16px;color: #fff;padding: 15px 20px !important;position: relative;transition: all 0.4s ease-in-out;}
.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link, .twt-navbar.twt-navbar-common.fixed .navbar-nav .nav-item .nav-link{padding: 18px 15px;}
.login-admin-icon .nav-link.logout-btn {color: var(--primary-color);font-size: 17px;font-weight: 500;}
.login-admin-icon .nav-link.logout-btn .logout-icon {padding-right: 10px;font-size: 19px;color: var(--primary-color);}
.twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item:hover {background: var(--primary-color) !important;color: #fff !important;}
.twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item:hover .icon-dropdown{color: #fff !important;}
.twt-navbar.twt-navbar-common .navbar-slide .dropdown-menu{top: 54px;}
.body-form-info .form-label{display: block;font-size: 15px;}
.body-form-info .form-control:focus{border-color: #000;box-shadow: none;}
.form-control {font-size: 14px;}
.body-form-info button:focus{outline: none;}
.header-title {font-size: 22px;font-weight: 600;text-transform: capitalize;}
.login-btn .dropdown-toggle::after{display: none;}
.login-btn .custom-dropdown-toggle:hover {color: var(--primary-color);text-decoration: none;}
.twt-navbar.twt-navbar-common .nav-bottom .nav-item:hover a.nav-link, .twt-navbar.twt-navbar-common .navbar-nav .nav-item.active .nav-link {background-color: #fff;color: var(--primary-color) !important;}
.twt-navbar-common .slide .nav-item.active {background: #fff;}
.chnage-password .body-form-info .form-group {margin-top: 0px;margin-bottom: 25px;}
.bg-light-color {background: #f5f5f5;}
.breadcrumb-wrapper {background: #fff;}
.chnage-password .form-control {font-size: 15px;}
.navbar-slide .dropdown .dropdown-toggle::after {content: "\f107";font-family: 'Font Awesome 5 Free';font-weight: 900;vertical-align: bottom;border-top: 0;border-right: 0;border-bottom: 0;border-left: 0;}
.breadcrumb-wrapper .btn-light {padding: 6px 10px;font-size: 13px;line-height: 1.5;border-radius: 0;background: var(--primary-color);color: #fff !important;}
a.text-dark:focus, a.text-dark:hover {color: #ffffff!important;}
.table thead th{vertical-align: middle;white-space: nowrap;}
.control-label {font-weight: 600;font-size: 90%;margin-bottom: 0.25rem;}
.control-label{font-size: 14px;}
.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show>.btn-info.dropdown-toggle:focus {box-shadow: none;}
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle {color: #fff;background-color: var(--primary-color);border-color: var(--primary-color);}
.btn-info.focus, .btn-info:focus {box-shadow: none;}
.breadcrumb-wrapper .category-add-link {color: #333;font-size: 14px;}
.breadcrumb-wrapper .breadcrumb-item{font-size: 14px;}
.breadcrumb-item.active {color: var(--primary-color);}
.form-control:focus{box-shadow: none;border-color: var(--primary-color);}
.page-item:last-child .page-link {border-top-right-radius: 0;border-bottom-right-radius: 0;}
.page-item:first-child .page-link {margin-left: 0;border-top-left-radius: 0;border-bottom-left-radius: 0;}

.star {color: red;font-size: 18px;line-height: 1;}
.update-section .body-form-info .form-group {margin-top: 0;margin-bottom: 33px;}
.update-section .motadata-ftu-link {width: 100%;margin: 0 15px;}
.add-user-section .btn.action-btn.btn-info {background: var(--primary-color);border-color: var(--primary-color);}
.page-item.active .page-link {z-index: 1;color: #fff;background-color: var(--primary-color);border-color: var(--primary-color);}
#user-table_paginate {margin-top: 15px;}
table#user-table{width: 100% !important;}
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle{background-color: var(--primary-color);}
.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show>.btn-light.dropdown-toggle:focus{box-shadow: none;}
#user-table_wrapper table.dataTable{border-collapse: collapse !important;}
.button-actions-top-bar{padding: 5px 10px;border-radius: 5px;}
.table-responsive table thead th{background-color: var(--primary-color);color: #fff;}

.modal-text .modal-header .close {padding: 0;margin: 0;background: #fff;opacity: 1;width: 35px;height: 35px;border-radius: 50px;font-size: 27px;font-weight: 400;position: absolute;right: -10px;top: -15px;color: var(--primary-color);}
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover{opacity: 1;}
.modal-text .modal-header .close .close-icon{font-size: 17px;line-height: 30px;}
.modal-heading{border-top-left-radius: 0;border-top-right-radius: 0;}
.modal-text button:focus{outline: none;}
.type-btn{display: block;padding-top: 5px;}
.type {width: 30%;padding: 10px 0;border-radius: 0;padding: 5px 0;border-color: var(--primary-color);color: var(--primary-color);margin-right: 7px;cursor: pointer;}
.radio-btn-weight .type{margin: 0 7px;} 
.gross-weight{width: 100%;padding: 3px 10px;cursor: pointer;}
.type:hover{background-color: transparent;border-color: var(--primary-color);color: var(--primary-color);}
.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle {color: #fff;background-color: var(--primary-color);border-color: var(--primary-color);}
.btn-outline-secondary.focus, .btn-outline-secondary:focus{box-shadow: none;}
.submit-form {position: sticky;left: 0;right: 0;bottom: 0;z-index: 9;text-align: center;padding: 15px;background: #fff;border-top: 1px solid #ddd;display: block;}
.assign-class {font-size: 16px;}
.inward-entry-table {background: #fff;}
.inward-entry-table .inward-tilte{font-size: 18px;font-weight: 600;color: var(--primary-color);}
.cust-control {display: inline-block;width:auto;;margin-right: 8px;}
.cust-control.cust-fild {max-width: 100px;}
.row-goods-input tr{border-bottom: 1px solid #ddd;}
.row-goods-input tr:last-child{border-bottom: none;}
.row-goods-input th, .row-goods-input th{padding: 5px 0.3rem;vertical-align: middle;white-space: nowrap;}
.row-goods-input tr:first-child th, .row-goods-input tr:first-child td{border-top:0}
.table-responsive .table td{word-break: break-word;}
.final-goods-table{width: 45%;}
.expense-img { max-width: 25px;
    filter: invert(18%) sepia(89%) saturate(2283%) hue-rotate(
189deg) brightness(99%) contrast(102%);}

.net-weight-box {
    margin-bottom: 0;
}
.total-bags {
    color: #cf3934;
}
.oil-inward-entry .table{
	width: 48%;
	}
@media (max-width: 1550px) {
	.final-goods-table {
		width: 65%;
	}
	.twt-navbar.twt-navbar-common.nav-light .navbar-nav .nav-item .nav-link{
		padding: 15px 12px !important;
    font-size: 14px;
	}
}
@media (min-width: 1550px) and (max-width: 1750px) {
	.inner-wrapper-common-sections .col-xl-1 {
		-ms-flex: 11%;
		flex: 11%;
		max-width: 11%;
	}
}
@media (min-width: 1200px) and (max-width: 1549px) {
	.col-xl-1 {
		-ms-flex: 11%;
		flex: 11%;
		max-width: 11%;
	}
	.inner-wrapper-common-sections .col-xl-1{
		-ms-flex: 12%;
		flex: 12%;
		max-width: 12%;
	}
	.oil-inward-entry .table {
		width: 60%;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.col-xl-1 {
		-ms-flex: 13%;
    flex: 13%;
    max-width: 13%;
	}
	.inner-wrapper-common-sections .col-xl-1{
		-ms-flex: 15%;
    flex: 15%;
    max-width: 15%;
	}
	.oil-inward-entry .table {
		width: 80%;
	}
}
@media (min-width: 768px) and (max-width: 992px) {
	.col-md-2 {
		-ms-flex: 17%;
    flex: 17%;
    max-width: 17%;
	}
}
@media (min-width: 576px) and (max-width: 768px) {
	.col-md-2 {
		-ms-flex: 24%;
    flex: 24%;
    max-width: 24%;
	}
}
/* .table-responsive .table .customer-address-text{
    white-space: nowrap;
    word-break: break-word;
}
.table-responsive .table .customer-address-text.cust-add {
    white-space: inherit;
} */
@media (max-width: 1199px) {
	/* .table-responsive .table .customer-address-text.cust-add {
		white-space: nowrap;;
	} */
	.final-goods-table {
		width: 77%;
	}
	.twt-navbar.twt-navbar-common.nav-light .navbar-nav .nav-item .nav-link{padding: 15px 11px !important;font-size: 14px;}
	/* .type{width: 30%;} */
}
@media (max-width: 991px) {
	.oil-inward-entry .table {
		width: 100%;
	}
	.final-goods-table {
		width: 100%;
	}
	.product-type .prod-type{width: 31% !important;}
	.twt-navbar.twt-navbar-common.nav-light .navbar-nav .nav-item .nav-link{font-size: 16px;}
	.product-type .type {
		width: 40%;
	}
}

@media (max-width: 767px) {
	.row-goods-input th, .row-goods-input td{padding: 7px 0.3rem;}
	.row-goods-input .table td, .row-goods-input .table th{border-top: none;}
	.row-total-gross .mytable {overflow: initial}
	.row-total-gross .mytable .table,
	.row-total-gross .mytable .table tbody,
	.row-total-gross .mytable .table tr,
	.row-total-gross .mytable .table tr th,
	.row-total-gross .mytable .table tr td {display:block; width: 100%}
	.row-total-gross .mytable .table tr th:nth-child(2) {display: none}
		.card-login{width: 100%;}
		.output-data-bin-row label{
			display: block;
			padding-top: 10px;
		}
		.output-data-bin-row input:checked + label:after{
			top: 13px !important;
		}
}
.type.oil-radio{
	width: 45%;
}

@media (max-width: 575px) {
	.modal-text .modal-header .close{
		right: -4px;
    	top: -5px;
	}
	.product-type .prod-type{width: 100% !important;}
	.product-type .type {
		width: 100%;
	}
	.type-btn .type.oil-radio{width: 100% !important;}
	.btn-wide {
		width: auto;
	}
	.row-group-total  .mytable {overflow: initial}
	.row-group-total  .mytable .table,
	.row-group-total  .mytable .table tbody,
	.row-group-total  .mytable .table tr,
	.row-group-total  .mytable .table tr th,
	.row-group-total  .mytable .table tr td {display:block; width: 100%}
	.row-group-total  .mytable .table tr th:nth-child(2) {display: none}
		.card-login{width: 100%;}
	
	.twt-navbar.twt-navbar-common .brand-logo-img{height: 45px;}
	.type {
		width: 100%;
	}
	.user-header-icon{display: none;}.twt-navbar.twt-navbar-common .dropdown-menu{top: 55px;}.login-page:before{display: none;}.login-title{padding: 15px 20px 0px 0px;}
}


.row-goods-input-class {
	border: 1px solid #ddd;
    padding: 20px 20px 0px 20px;
    margin-bottom: 18px;
    background: #f9f9f9;
    margin-top: 5px;
}

.row-goods-input-class .quantity-title {
    width: 95px;
}
.user-items div.dataTables_wrapper div.dataTables_filter input{
	width: 80%;
    /* margin-right: 20px; */
}

.oil-inward-entry .oil-packing-type {
    width: 195px;
}
.oil-inward-entry .oil-types {
    width: 300px;
}
.customer-oil-stock-report-table .btn-outline{box-shadow: none;}

.radio-boxes .radio-box { position: relative;}
.radio-boxes .radio-box input[type="radio"], .radio-boxes .radio-box input[type="checkbox"] { opacity: 0; position: absolute; top: 0; left: 0; }
.radio-boxes .radio-box .form-check { padding-left: 0; }
/* .radio-boxes .radio-box .form-check-label { display: block; background: #fff; padding: 8px 12px; cursor: pointer; border: 1px solid #ddd; text-align: center; font-weight: bold; transition: 0.25s all; } */

.radio-boxes .radio-box input[type="radio"]:focus ~ .form-check-label,
.radio-boxes .radio-box .form-check-label:hover, .radio-boxes .radio-box input[type="checkbox"]:focus ~ .form-check-label, .radio-boxes .radio-box .form-check-label:hover{ border-color: var(--primary-color); color: var(--primary-color); }
.radio-boxes .radio-box input[type="radio"]:checked ~ .form-check-label, .radio-boxes .radio-box input[type="checkbox"]:checked ~ .form-check-label {border-color: var(--primary-color);background-color: var(--primary-color);color: #fff !important;}
.stock-btn {
    width: 100%;
    border: 1px solid var(--primary-color);
    border-radius: 0;
	color: var(--primary-color);
}


.radio-boxes {
    display: flex;
}
.weight-type-btn {
    margin: auto;
    display: table;
}

.modal-overflow{overflow:auto;}


/* 
.inner-wrapper-common-sections .select2-container--default .select2-selection, .select2-container--default.select2-container--focus .select2-selection{height: 34px;}
.inner-wrapper-common-sections .select2-container--default .select2-selection .select2-selection__rendered {line-height: 18px;}
.inner-wrapper-common-sections .select2-container--default .select2-selection .select2-selection__arrow {height: 35px;top: -1px;} */

.modal.modal-text.show{
	padding-right: 0 !important;
}
.modal .modal-content .input-group{
	flex-wrap: inherit;
}
.modal .modal-content {
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 35%);
}

.table .customer-address-text, .table .cust-add-text{
	white-space: inherit !important;
    word-break: break-word;
}
.modal.modal-text {
    padding-right: 0 !important;
}

.page-not-found {
    margin: auto;
    display: table;
}
.access-denied-image {
    max-width: 900px;
}
.access-denied-title {
    font-size: 55px;
    margin: auto;
	padding-top: 20px;
}
.access-denied-discription {
    font-size: 18px;
    text-align: center;
    padding: 20px 0 15px 0;
    font-weight: 500;
}

.select2-container--default .select2-selection--single {
    height: auto;
}
.filter-result-wrapper .table thead th{
	white-space: inherit;
}


.output-data-bin-row input[type=checkbox] {
	padding: 0;
	height: initial;
	width: initial;
	margin-bottom: 0;
	display: none;
	cursor: pointer;
  }
  
  .output-data-bin-row label {
	position: relative;
	cursor: pointer;
	font-size: 15px;
    color: #005597;
  }
  
  .output-data-bin-row label:before {
	content: "";
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #005597;
    box-shadow: 0 1px 2px rgb(0 0 0 / 5%), inset 0px -15px 10px -12px rgb(0 0 0 / 5%);
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
  }
  
  .output-data-bin-row input:checked + label:after {
	content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 7px;
    width: 6px;
    height: 13px;
    border: solid #005597;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }

  .outward-list .table-responsive .table td{
	white-space: normal;
  }

  /* .print-button-div .btn-excel {
	position: fixed;
    bottom: 40%;
    right: -48px;
    transform: rotate(90deg);
} */
.form-control:disabled, .form-control[readonly]{
	border: 0;
}
.twt-text-input-uppercase{
	text-transform:uppercase;
}

.print-button-div {
    position: sticky;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    text-align: center;
    padding: 15px;
    background: #fff;
    border-top: 1px solid #ddd;
    display: block;
}
.mark-as-paid-class {
    display: flex;
    gap: 7px;
    align-items: center;
	justify-content: center;
}
.qauntity-items {
	display: flex;
    border: 1px solid #005597;
    color: #005597;
    border-radius: 4px;
}

#final-product-inventort-table, #raw-product-inventort-table{
    width: 100% !important;
}


.product-counter .card {
    border-right: 1px solid #ddd !important;
    border: 0;
    text-align: center;
    border-radius: 0px 0px 5px 5px;
}
.product-counter {
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);
    border-radius: 5px;
}
.card-links-tilte {
    background: #005597;
    color: #fff;
    padding: 10px 18px;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
    border-radius: 5px 5px 0px 0px;
}
.product-counter .card-title {
    font-size: 17px;
    /* padding: 10px 0; */
    margin-bottom: 0;
    color: #005597;
}
.expence-report {
    color: #fff;
    font-size: 15px;
    margin-bottom: 0;
    /* padding: 0 10px; */
}
.expence-count {
    color: #fff;
    font-size: 14px;
}
.card-list {
    padding: 5px 0;
    display: block;
    
}
.card-list.no-click{
	cursor: default;
}
.total-pending {
    font-size: 17px;
    color: #fff;
	margin-bottom: 0;
}
.counter {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
}
.check-square {
    font-size: 35px;
    color: #fff;
}
.card-box {
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);
    border: none;
    padding: 10px 0;
    height: 100%;
}
.card-list:hover{
	color: #fff;
    text-decoration: none;
}
.inward-icon {
    font-size: 33px;
    color: #005597;
    font-weight: 800;
}
.product-counter .card .card-footer {
    background-color: rgb(72 72 72 / 3%);
}
.view-link {
    color: #005597;
}
.quick-link-class:nth-child(3) .card {
    border-right: 0 !important;
}
/* char */
.production-class {
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);
    border-radius: 5px;
}
.production-title {
    background: #005597;
    color: #fff;
    padding: 13px 18px;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
    border-radius: 5px 5px 0px 0px;
}
.fixed-height-chart {
    padding: 20px 35px;
	width: 700px;
	height: 370px;
	margin: auto;
}
.production-link:hover{
	color: #005597;
    text-decoration: none;
}
@media (max-width:1450px){
	.fixed-height-chart{
		width: 580px;
    height: 340px;
	}
}
@media (max-width:991px){
	.fixed-height-chart {
		width: 100%;
		height: 100%;
	}
}
@media (max-width:576px){
	.fixed-height-chart {
		padding: 20px 10px;
	}
}
.bg-theme-color{
	background-color: #266799;
}
@media (max-width:768px) {
	.billing-report-btns{justify-content: center !important;align-items: center;gap: 7px 5px;}
}
@media (max-width:576px) {
	.billing-report-btns{flex-wrap: wrap;justify-content: center !important;align-items: center;gap: 7px 5px;}	
	.billing-report-btns .billing-report-btn{width: fit-content;}
}
@media (max-width:513px) {
	.billing-report-btns{justify-content: center !important;gap: 7px 4px;}
	.billing-report-btns .billing-report-btn{width: 150px;height: 55px;}
}
@media (max-width:400px) {
	.billing-report-btns{justify-content: center;}
	.billing-report-btns .billing-report-btn:nth-child(3), .billing-report-btns .billing-report-btn:nth-child(4){width: fit-content;padding: 5px 7px}
	.billing-report-btns .billing-report-btn{width: 48%;margin: auto;height: auto;}
	
}