* {
	/*transition: all .5s ease-in;*/
}

/* width */
::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

/* Track */
::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px grey;
	border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #bdbdbd;
	border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #5c9dff;
}

body {
	background: #f0f2f5;
}

.btn-xs {
	padding: .13rem .4rem;
	font-size: 12px;
}

.btn-small-font {
	padding: 0.1rem 0.1rem;
	font-size: 7.9px;
	font-weight: 700;
}

.invisibleButton {
	border: none;
	padding: 0px;
	margin: 0px;
}

.edit-image {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	object-fit: cover;
}

.edit-profile i {
	font-size: 15px;
	color: white;
}

.edit-profile {
	position: absolute;
	bottom: 8%;
	left: 24%;
	/* background-color: #0e44aa; */
	width: 35px;
	height: 35px;
	border-radius: 50% !important;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 1px 10px 5px rgb(0 0 0 / 15%);
}

.text-right {
	text-align: right !important;
}

.fa-rectangle-xmark {
	/* background-color: red; */
	color: red;
}

.justify-content-spacebw {
	justify-content: space-between;
}

.table>tbody>tr:nth-of-type(odd) {
	background: #EEF0F4;
	--bs-table-accent-bg: none !important;
}

table.dataTable.table-striped>tbody>tr.odd>* {
	box-shadow: none;
}

.btn-ktp,
.nav-pills .nav-link.active {
	color: #fff;
	background: #b3001b !important;
	-webkit-box-shadow: rgb(0 0 0 / 0.08) 0px 4px 12px;
	box-shadow: rgb(0 0 0 / 0.08) 0px 4px 12px;
}

.btn-ktp.active,
.btn.btn-ktp.active:focus,
.btn.btn-ktp.focus,
.btn.btn-ktp:active,
.btn.btn-ktp:active:focus,
.btn.btn-ktp:focus,
.btn.btn-ktp:hover {
	background: #dd1f26 !important;
	-webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2), 0 4px 20px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2), 0 4px 20px 0 rgba(0, 0, 0, .1);
}

.btn {
	-webkit-box-shadow: rgb(0 0 0 / 0.08) 0px 4px 12px;
	box-shadow: rgb(0 0 0 / 0.08) 0px 4px 12px;
}

.btn.active,
.btn.active:focus,
.btn.focus,
.btn:active,
.btn:active:focus,
.btn:focus,
.btn:hover {
	-webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2), 0 4px 20px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2), 0 4px 20px 0 rgba(0, 0, 0, .1);
}

.btn-danger,
.swal-button--Cancel {
	color: #fff;
	background: linear-gradient(270deg, #f00c00, #af1f16);
	border: none;
}

.swal-button--Cancel {
	color: #fff !important
}

.btn-danger.focus,
.btn-danger:focus,
.btn-danger:hover {
	color: #fff;
	background-color: linear-gradient(270deg, #f00c00, #af1f16);
}

.btn-success {
	color: #fff;
	background: linear-gradient(270deg, #00b74a, #0a7c39);
	border: none;
}

.btn-success.focus,
.btn-success:focus,
.btn-success:hover {
	color: #fff;
	background: linear-gradient(270deg, #00b74a, #0a7c39);
}

.btn-dark {
	color: #fff;
	background: linear-gradient(140deg, #000000, #494949);
	border: none;
}

.btn-dark.focus,
.btn-dark:focus,
.btn-dark:hover {
	color: #fff;
	background: linear-gradient(140deg, #000000, #494949);
}

.btn-primary,
body .datepicker table tr td.today,
.buttons-colvisRestore {
	color: #fff;
	background: linear-gradient(140deg, #002f87, #316cdb);
	border: none;
}

.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover {
	color: #fff;
	background: linear-gradient(140deg, #002f87, #316cdb);
}

/*.btn-warning {
    color: #fff;
    background-color: #ffa900;
}
.btn-warning.focus, .btn-warning:focus, .btn-warning:hover {
    color: #fff;
    background-color: #d99000;
    }*/
.btn-rounded {
	border-radius: 10rem;
	padding: 3px 15px;
}

.nav-item .nav-link {
	color: #fff;
	font-size: 15px;
}

.second-strip a:hover {
	text-decoration: none;
	font-weight: 500;
}

a {
	text-decoration: none;
}

.second-strip a i {
	background: #fff;
}

.second-strip a:hover i {
	background: #b3001b;
	color: #fff;
}

.navbar-expand-xl .navbar-nav .nav-link {
	padding: 0.5rem 1.3rem;
	color: #0d0d0d;
	font-weight: 500;
	border: 1px solid transparent;
}

.navbar {
	box-shadow: rgb(0 0 0 / 0.08) 0px 4px 12px;
	font-weight: 300;
	padding-top: 5px;
	padding-bottom: 5px;
}

.display-data {
	background: #dee2e6;
	margin-top: -0px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.box-shadow {
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .05);
}

.reqmodalnavs {
	margin-bottom: 17px;
}

.reqmodalnavs .nav-tabs .nav-link {
	margin-bottom: -1px;
	border: 1px solid transparent;
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
	box-shadow: 0px -1px 15px 0px #9c9c9c;
	background: #fff;
}

.reqmodalnavs .nav-tabs .nav-link:focus {
	outline: none;
}

button.bootbox-close-button.close {
	background: #000;
	border: none;
	font-size: 31px;
	padding: 0px 6px 6px 6px;
	line-height: 24px;
	box-shadow: none;
	border-radius: 5px;
	color: #fff;
}

button.bootbox-close-button.close:focus {
	outline: unset;
}

.reqmodalnavs .nav-tabs .nav-item.show .nav-link,
.reqmodalnavs .nav-tabs .nav-link.active {
	color: #ffffff;
	background-color: #b92038;
	border-color: #b92038 #b92038 #fff;
	margin-bottom: -2px;
}

.tab-content>.active {
	border: 1px solid #b3001b;
	margin-top: -17px;
	padding: 10px 10px;
	overflow-y: auto;
	overflow-x: hidden;
	height: 80vh;
}

/* ul.nav-pills li a{
    	padding: 0 1.5em 0 0.3em;
    	color: #0d9564;
    	-webkit-transition: color 0.2s;
    	transition: color 0.2s;
    	position: relative;
    	display: block;
    	overflow: hidden;
    	text-overflow: ellipsis;
    	white-space: nowrap;
    	line-height: 2.5;
    	z-index: 1;
    }*/
/*ul.nav-pills li a::after{
    	position: absolute;
    	top: 0;
    	right: 0;
    	bottom: 0;
    	left: 0;
    	z-index: -1;
    	outline: 1px solid transparent;
    	border-radius: 10px 10px 0 0;
    	color: #fff;
    	background: #afafaf;
    	box-shadow: inset -3px -1px 20px 0px rgb(78 68 68 / 51%), 10px 10px 17px 0px rgb(78 68 68 / 51%);
    	content: '';
    	-webkit-transform: perspective(3px) rotateX(1.3deg) translateZ(-.9px);
    	transform: perspective(3px) rotateX(1.3deg) translateZ(-.9px);
    	transform-origin: 0 0;
    	-webkit-backface-visibility: hidden;
    	backface-visibility: hidden;
    }*/
.nav-pills .nav-link.active::after {
	background: #b3001b;
}

.nav-pills .nav-link.active {
	background: unset !important;
	box-shadow: unset;
}

.invoice-sec .table th,
.invoice-sec .table td {
	min-width: 65px;
	text-align: center;
}

.invoice-sec .table th[title="tax indication"] {
	min-width: 120px;
}

.invoice-sec .table td a:first-child {
	/*color: #232323;*/
	font-size: 13px;
	margin-right: 10px;
}

.invoice-sec .table td a:last-child {
	/*color: #DC3545;*/
	font-size: 15px;
}

.invoice-sec .table-responsive {
	height: 280px;
	overflow-y: auto;
}

.custom-control-label::before {
	width: 1.2rem;
	height: 1.2rem;
}

.custom-control-label::after {
	width: 1.2rem;
	height: 1.2rem;
}

.custom-control-label::before {
	color: #fff;
	background-color: #b3d7ff;
	border: 1px solid #1266f1;
}

.po-items-sec .table-responsive {
	height: 280px;
	overflow-y: auto;
}

.po-items-sec .table th,
.po-items-sec .table td,
.matched-invoice-sec .table th,
.matched-invoice-sec .table td {
	min-width: 90px;
	text-align: center;
}

.matched-invoice-sec .table td {
	min-width: 65px;
	text-align: center;
}

.po-items-sec .table th[title="Tax Amount"],
.matched-invoice-sec .table th[title="tax indication"] {
	min-width: 120px;
}

.po-items-sec .table th[title="Description"],
.matched-invoice-sec .table th[name="description"] {
	min-width: 160px;
}

table {
	font-size: 13px;
	position: relative;
}

.po-items-sec table thead th,
.matched-invoice-sec table thead th,
.invoice-sec table thead th {
	position: sticky;
	top: 0;
	background: #616161;
	color: #fff;
	z-index: 1;
}

.invoice-search table thead th {
	background: #616161;
	color: #fff;
	min-width: 65px;
}

.display-data table thead th {
	background: unset;
	color: unset;
}

.matched-invoice-sec table td[name="buttons"] a#bElim {
	display: none !important;
}

.form-inline {
	display: flex;
	align-items: center;
}

.field-icon {
	float: right;
	margin-left: 0;
	margin-right: 15px;
	margin-top: -37px;
	position: relative;
	z-index: 2;
	color: #222;
	text-decoration: none;
}

.height-100 {
	height: 100%;
}

.login-page .card {
	border: none;
	/*box-shadow: 0 10px 20px 0 rgba(0,0,0,.05)!important;*/
	/*-webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.05)!important;*/
	border-radius: 10px;
	/*background-image: url(../images/people-using-search.jpg);*/
	position: relative;
}

.login-page .card:after,
.login-page .card:before {
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 15px;
	left: 10px;
	width: 50%;
	top: 80%;
	max-width: 50%;
	background: #777;
	-webkit-box-shadow: 0 24px 22px rgb(114 114 114 / 55%);
	-moz-box-shadow: 0 30px 22px rgb(114 114 114 / 55%);
	box-shadow: 0 24px 22px rgb(114 114 114 / 55%);
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}

.login-page .card:after {
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	right: 10px;
	left: auto;
}


.login-page .username-block:before {
	content: "\f007";
	font-family: "Font Awesome 5 Pro";
	display: inline-block;
	position: absolute;
	top: 15px;
	left: 14px;
	font-size: 20px;
	color: #909090;
	font-weight: bold;
}

.login-page .password-block:before {
	content: "\f30d";
	font-family: "Font Awesome 5 Pro";
	display: inline-block;
	position: absolute;
	top: 15px;
	left: 14px;
	font-size: 20px;
	color: #909090;
	font-weight: bold;
}

.login-page .form-floating>input {
	padding-left: 2.8rem;
}

.login-page .form-floating>label {
	padding-left: 3rem;
}

.form-select,
.form-control.hasDatepicker {
	border: 1px solid #c9c9c9;
	border-radius: 4px;
	padding: 0.3rem 1.75rem 0.3rem 0.5rem;
	background-color: #fff;
	height: 30px;
	font-size: 0.8rem;
}

.password-block .form-control {
	padding: 0.3rem 1.75rem 0.3rem 0.5rem;
}

.form-control {
	border: 1px solid #c9c9c9;
	border-radius: 4px;
	padding: 0.3rem;
	background-color: #fff;
	height: 30px;
	font-size: 0.8rem;
}

.form-select {
	background-position: right 0.25rem center;
}

.select2-container--default .select2-selection--multiple {
	border: 1px solid #c9c9c9 !important;
	border-radius: 4px !important;
	/* padding: 0.2rem !important; */
	background-color: #fff !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
	display: none;
}

.form-control:focus,
.form-select:focus {
	outline: none;
	box-shadow: unset;
	border-width: 1px;
	border-color: #376cd1 !important;
}

.select2-selection--single:focus {
	border: 1px solid #376cd1 !important;
}

.card {
	box-shadow: rgb(0 0 0 / 0.08) 0px 4px 12px;
	border: none;
}

::placeholder {
	color: black;
	opacity: 0.5;
	font-size: 0.8rem;
}

.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
	opacity: 1;
	transform: scale(.85) translateY(-.5rem) translateX(.15rem);
	color: var(--bs-blue);
}

body {
	min-height: 100vh;
	height: 100%;
	position: relative;
}

footer {
	position: sticky;
	top: 100%;
	bottom: 0;
}

.form-error-contact,
.error {
	color: red;
	font-size: 11px;
}

.error .select2-selection {
	border-color: red !important;
}

.newheader {
	float: right;
}

.bg_shadow {
	background-color: #434857 !important;
	color: white;
}

.star {
	color: red;
}

.filter_block {
	background-color: #fff;
	margin: 15px 0;
	padding: 10px 20px;
	/* border: 1px solid #ccc; */
	border-radius: 10px;
	box-shadow: 0px 6px 21px -15px #000;
}

.anafilter_block {
	background-color: #fff;
	margin: 0px 0 5px 0px;
	padding: 10px 20px;
	border-radius: 5px;
	box-shadow: rgb(0 0 0 / 0.08) 0px 4px 12px;
}

.filter_block h3,
.card-title,
.anafilter_block h3 {
	font-size: 20px;
}

.filtersection {
	transition: 1s display ease;
}

#filtersection .col-lg-2.align-self-end .btn {
	padding: 0.3rem 0.3rem !important;
}

#filtersection .col-lg-2.align-self-end {
	text-align: center;
}

.scroltable-nav {
	background-size: 81% !important;
	z-index: 1;
}

/*[aria-label^="Business Unit"]{
min-width: 100px;
}*/
[aria-label^="Last Updated by"],
[aria-label^="Business Unit"] {
	min-width: 85px;
}

[aria-label^="Invoice Received Date"],
[aria-label^="PO To Invoice Aging"],
[aria-label^="Invoice Match Status"],
[aria-label^="Invoice Match Status"],
[aria-label^="Invoice Approv"],
[aria-label^="Last Updated Date"],
[aria-label^="Vendor Name:"],
[aria-label^="Bill To Address:"],
[aria-label^="Ship To Address:"] {
	min-width: 130px;
}

.splitter {
	/*flex: 0 0 auto;*/
	width: 18px;
	background: #535353;
	min-height: 200px;
	cursor: col-resize;
}

.automation_log th {
	min-width: 100px;
	line-height: 17px;
	vertical-align: middle;
	font-size: 14px;
	font-weight: 500;
	padding: 5px 5px;
}

/* .automation_log thead tr th:nth-child(17),
.automation_log tbody tr td:nth-child(17) {
	min-width: 125px;
} */

.automation_log th[aria-label ^="Dept ID"],
.automation_log th[aria-label ^="PO Date"],
.automation_log th[aria-label ^="PO Status"],
.automation_log th[aria-label ^="PO Price"],
.automation_log th[aria-label ^="Vendor ID"],
.automation_log th[aria-label ^="Bill To ID"],
.automation_log th[aria-label ^="Invoice "],
.automation_log th[aria-label ^="Approved? "] {
	min-width: 80px;
	max-width: 90px;
}

.automation_log th[aria-label ^="PO ID"] {
	min-width: 110px;
}

.automation_log th[aria-label ^="Vendor Name"] {
	min-width: 120px;
	max-width: 150px;
}

.automation_log th[aria-label ^="Invoice #"] {
	max-width: 180px;
	min-width: 150px;
}

.automation_log td:last-child,
.dashboard_table td:last-child[aria-label ^="Details"],
.dashboard_table th:last-child,
.automation_log th:last-child {
	max-width: 50px;
	min-width: 50px;
}

.auto_invoice_link {
	min-width: 100px;
	display: inline-block;
}

.auto_req_link {
	min-width: 80px;
	display: inline-block;
}

.auto_po_link {
	min-width: 80px;
	display: inline-block;
}

.automation_log {
	vertical-align: middle;
	margin-top: 10px;
}

.automation_log td {
	line-height: 15px;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	padding: 5px 5px;
}

.page-link {
	margin: 5px 5px 0 5px;
	border-radius: 3px;
	padding: 5px 13px;
	box-shadow: rgb(0 0 0 / 0.08) 0px 4px 12px;
}

.page-item.disabled .page-link {
	background-color: #e9e9e9;
	cursor: not-allowed;
}

.scroltable-nav {
	opacity: 0.7;
	transition: .6s opacity ease;
}

.scroltable-nav:hover {
	opacity: 1;
	transition: .6s opacity ease;
}

/*.link_active, .nav-link.active span:not(.link_active){
	display: none;
}*/
.active .link_active {
	display: inline-block;
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link:hover {
	color: #002F87;
	transition: .6s all ease;
	border-bottom: 2px solid #002F87;
}

.navbar-light .navbar-nav .nav-link.d-flex.justify-content-end.active,
.navbar-light .navbar-nav .nav-link.d-flex.justify-content-end:hover {
	border-bottom: 0px !important;
	transition: none;
}

.navbar-light .navbar-nav .dropdown:hover .nav-link {
	border: 1px solid #002f87;
	/*z-index: 5;*/
	background: #002f87;
	border-bottom: 0;
	/* transition-delay: .5s; */
	color: #fff;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px
}

.navbar-light .navbar-nav .dropdown:hover .nav-link img {
	filter: invert(1);
	/* transition: .5s all; */
}

.navbar-light .navbar-nav .nav-link:hover span svg {
	fill: #002F87;
}

.topheadercard {
	border: 0px solid transparent;
	padding: 2px;
	box-shadow: 0 8px 15px -3px rgb(0 0 0 / 38%), 0 25px 20px -2px rgb(0 0 0 / 15%);

}

.recconcilation_page {
	background: url(../images/bg_tech.svg);
}

.topheadercard:hover {
	border: 0px solid #002f87;

}

.topheadercard table,
.topheadercard table.table>:not(caption)>*>*,
.topheadercard table.table>tbody>tr:nth-of-type(odd) {
	background: #fff;
	margin-bottom: 0;
}

.topheadercard table.table-bordered>:not(caption)>* {
	border-width: 0px 0;
}

.status_header {
	position: relative;
}

.status_header:after {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 20px;
	height: 20px;
	display: inline-block;
	background: #00B74A;
	border-radius: 50%;
	z-index: 1;
	content: "";
}

.top_table {
	vertical-align: middle;
	width: 100%;
	overflow: auto;
}

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

.top_table th:nth-child(1) {
	min-width: 80px;
	max-width: 80px;
}

.top_table th:nth-child(2) {
	min-width: 120px;
	max-width: 120px;
}

.top_table th:nth-child(3) {
	min-width: 150px;
	max-width: 150px;
}

.LineMatchertable .po_items th:nth-child(6),
.LineMatchertable .invoice_items th:nth-child(6) {
	min-width: 77px;
	max-width: 77px;
}

.LineMatchertable .po_items th:nth-child(7),
.LineMatchertable .invoice_items th:nth-child(7),
.LineMatchertable .Receipt_Details th:nth-child(6) {
	min-width: 65px;
	max-width: 77px;
}

.LineMatchertable .invoice_items th:nth-child(8) {
	min-width: 77px;
}

.Receipt_Details svg,
.match_iocn svg {
	width: 20px;
	height: 20px;
}

/*-------pacmancss--------*/
.progress {
	width: 150px;
	height: 150px;
	line-height: 150px;
	background: none;
	margin: 0 auto;
	box-shadow: none;
	position: relative;
}

.progress:after {
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 7px solid #eee;
	position: absolute;
	top: 0;
	left: 0;
}

.progress>span {
	width: 50%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	z-index: 1;
}

.progress .progress-left {
	left: 1px;
}

.progress .progress-bar {
	width: 100%;
	height: 100%;
	/*background: none;*/
	/* background: #ffb43e; */
	border-width: 7px;
	border-style: solid;
	position: absolute;
	top: 0;
	/* border-color: #ffb43e; */
}

.progress .progress-left .progress-bar {
	left: 100%;
	border-top-right-radius: 75px;
	border-bottom-right-radius: 75px;
	border-left: 0;
	-webkit-transform-origin: center left;
	transform-origin: center left;
}

.progress .progress-right {
	right: 0;
}

.progress .progress-right .progress-bar {
	left: -100%;
	border-top-left-radius: 75px;
	border-bottom-left-radius: 75px;
	border-right: 0;
	-webkit-transform-origin: center right;
	transform-origin: center right;
}

.progress .progress-value {
	display: flex;
	border-radius: 50%;
	font-size: 36px;
	text-align: center;
	line-height: 20px;
	align-items: center;
	justify-content: center;
	height: 100%;
	font-weight: 300;
}

/*-------pacmancss--------*/
.container .box .chart {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 40px;
	line-height: 160px;
	height: 160px;
	color: #fff;
}

.container .box canvas {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	width: 100%;
}

.badge.bg-success {
	background: #C4FFDC !important;
	color: #12BD57;
	font-weight: 500;
	font-size: 15px;
}

section.LineMatcher_sec.m-3 .card.topheadercard {
	box-shadow: rgb(0 0 0 / 0.08) 0px 4px 12px;
	border: 1px solid rgb(231 239 255);
	background: #ffffff;
	z-index: 1;
	padding: 5px 0;
}

.card.bottomitemscard {
	margin-top: -63px;
	z-index: 0;
	padding-top: 62px;
	box-shadow: rgb(0 0 0 / 0.08) 0px 4px 12px;
}

.LineMatchertable.d-flex {
	display: flex !important;
	align-items: baseline;
	width: 100%;
	justify-content: center;
}

.LineMatchertable table,
.LineMatchertable table.table>:not(caption)>*>*,
.LineMatchertable table.table>tbody>tr:nth-of-type(odd) {
	background: #fff;
	margin-bottom: 0;
}

.LineMatchertable table.connecttable,
.LineMatchertable table.connecttable.table>:not(caption)>*>* {
	background: #EFFFF6;
}

.LineMatchertable table th {
	font-size: 13px;
	font-weight: 500;
	min-width: 50px;
	max-height: 50px;
	min-height: 50px;
	text-align: center;
	background: #434857 !important;
	color: #fff !important;
	padding: 1px;
	vertical-align: middle;
}

td.qty_recived input {
	min-width: 50px;
	max-width: 50px;
	border: 1px solid #ccc;
	text-align: center;
	margin: auto;
	border-radius: 5px;
	padding: 2px 5px;
	/* background: #eaeaea; */
}

.LineMatchertable table.connecttable th,
.LineMatchertable table .connectcolm,
.connectcolm {
	background: #EFFFF6 !important;
	max-height: 40px;
	padding: 2px 3px;
}

.LineMatchertable table.connecttable td {
	line-height: 40px;
}

.LineMatchertable table td {
	font-size: 13px;
	text-align: center;
	vertical-align: middle;
	padding: 2px 3px;
	height: 44px;
}

.LineMatchertable h5 {
	text-align: center;
	padding-top: 10px;
	font-weight: 700;
	background: -webkit-linear-gradient(93deg, #dd1f26 33%, #2196f3 120%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: linear-gradient(93deg, #dd1f26 33%, #2196f3 120%);
}

.LineMatchertable .tablethree h5 {
	background: -webkit-linear-gradient(93deg, #002f87 19%, #00b74a 69%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: linear-gradient(93deg, #002f87 19%, #00b74a 69%);
}

.LineMatchertable .tablefive h5 {
	background: -webkit-linear-gradient(93deg, #00b74a 19%, #005d25 97%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: linear-gradient(93deg, #00b74a 19%, #005d25 97%);
}

.table>tbody>tr.selected:nth-of-type(odd),
.table>tbody>tr.selected:nth-of-type(even) {
	/*background-color: #ffe1e2;*/
	background: rgb(255 225 226 / 51%);
}

table.dataTable.table-hover>tbody>tr.selected:hover>*,
table.dataTable>tbody>tr.selected>* {
	box-shadow: unset !important;
	color: #434343 !important;
}

/* input[type="checkbox"], button#invoice_approve {
		opacity: 0;
		margin-right: -19px;
	} */
/* button#invoice_approve {
		display: none;
	} */
.text-view p {
	display: flex;
	text-align: left;
	margin-bottom: 7px;
}

.text-view p strong {
	width: 185px;
	min-width: 185px;
}

input[type="text"]#daterange {
	background-image: url("../images/calendar.svg");
	background-size: 1.6em 1.6em;
	background-position: 99% 35%;
	background-repeat: no-repeat
}

.fade .modal-content {
	transform: scale(0);
	opacity: 0;
	-webkit-transition: all .25s linear;
	-o-transition: all .25s linear;
	transition: all .25s linear;
}

.match {
	height: 29px;
	font-weight: 500;
	font-size: 15px;
	text-align: center;
}

.fade.show .modal-content {
	opacity: 1;
	transform: scale(1);
}

.poidlink span,
.invoiceidlink span {
	margin-left: 6px;
}

.table-bordered>:not(caption)>*>* {
	border-width: 0 0.5px;
	border-color: #ebebeb;
}

/*@media (min-width: 992px){
		.modal-lg, .modal-xl {
			max-width: 904px;
		}}*/
.tab-content .card-header h5 {
	margin-bottom: 0;
}

.fa-window-alt:after {
	content: "\f08e";
}

.invoicedetails {
	min-height: 12vh;
	border: 1px solid #b31f24;
	border-radius: 5px;
}

h5.fs-5 {
	font-size: 20px;
	padding: 5px 0;
	/* margin-top: 5px; */
}

.invoicedetailsmain a[target=_blank] {
	display: block;
	text-align: left;
	color: #b31f24;
}

.invoicedetailsmain table {
	text-align: center;
}


.navbar-nav .dropdown-item:hover svg,
.navbar-nav .dropdown-item:hover {
	fill: #002f87;
	color: #002f87;
}

.navbar-nav .dropdown-item:hover svg * {
	outline: #002f87;
}

.navbar-nav .dropdown-item:focus {
	color: #fff;
	background-color: #002f87;
}

.navbar-nav .dropdown-item:focus svg {
	fill: #fff;
	outline: #fff;

}

.dashboard_page .card {
	margin-bottom: 15px;
	box-shadow: rgb(0 0 0 / 0.08) 0px 4px 12px;
}

.dashboard_page .card:hover {
	box-shadow: 0 2px 15px -3px rgb(0 0 0 / 7%), 0 30px 25px -2px rgb(0 0 0 / 4%);
	transition: border .5s ease;
}

.dashboard_page .card h3 {
	font-size: 1.15rem;
}

.f-modal-close {
	position: absolute;
	right: 10px;
	top: 10px;
}

.dashboardfilter-date input {
	background: transparent;
}

.dashboardfilter-date {
	position: relative;
}

.dashboardfilter-date span {
	position: absolute;
	right: 10px;
	bottom: 10px;
	pointer-events: none;

}

/*----------------------------------------------------*/
.navbar-light .navbar-nav li.nav-item.dropdown {
	/*z-index: 0;*/
}

li.nav-item.dropdown:hover .dropdown-toggle::after {
	transform: rotate(180deg);
	/* transition-delay: 0.3s; */
}

.dropdown-menu li a {
	font-size: 15px;
	color: #002f87;
}

li.nav-item.dropdown.has-megamenu:hover .dropdown-menu {
	display: flex;
	border: none;
	;
	border-width: 1px;
	/*border-top: 0px solid transparent;*/
	border-radius: 0;
	border-top-width: 1px;
	top: 38px;
	/*z-index: -1;*/
	border-radius: 10px;
	border-top-left-radius: 0px;
	box-shadow: 0 5px 6px rgb(26 41 60 / 20%);
}

.has-megamenu .dropdown-menu {
	/*min-width: 37em;*/
	top: 50px;
}

.navbar-n .has-megamenu .dropdown-menu.show {
	border: none;
	;
	border-width: 2px;
}

.has-megamenu .dropdown-menu:before {
	/*content: "";*/
	/* background: red; */
	left: 8%;
	top: -11px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #002f87;
	position: absolute;
}

.has-megamenu .dropdown-menu li {
	display: inline-block;
	width: auto;
	height: 100%;
	vertical-align: top;
	/*min-width: calc(80% / 2);*/
}

.has-megamenu .dropdown-menu li:second-child {
	border-left: 1px solid #ccc;
}

.has-megamenu .dropdown-menu.show {
	border: none;
	;
	border-width: 1px;
	border-top: 2px solid transparent;
	border-radius: 0;
	border-top-width: 0px;
	top: 48px;
}

.has-megamenu .dropdown-menu:before {
	/*content: "";*/
	/* background: red; */
	left: -1px;
	top: -55px;
	/* border-left: 10px solid transparent; */
	/* border-right: 10px solid transparent; */
	border: 1px solid #002f87;
	position: absolute;
	width: 273px;
	height: 55px;
	border-bottom: white;
}

.has-megamenu .dropdown-menu:after {
	/*content: "";*/
	background: #002f87;
	height: 1px;
	width: calc(100% - 270px);
	position: absolute;
	right: -1px;
	top: -1px;
}

/*------------------------------------------------*/
.has-minimenu .dropdown-menu {
	min-width: unset;
	top: 50px;
	width: 100%;

}

.has-minimenu:hover .dropdown-menu {
	display: block;
	border: none;
	border-width: 1px;
	/*border-top: 2px solid transparent;*/
	border-radius: 0px 0px 10px 10px;
	border-top-width: 0px;
	top: 38px;
	box-shadow: 0 5px 6px rgb(26 41 60 / 20%);
}

.has-minimenu .dropdown-menu.show {
	border: none;
	;
	border-width: 2px;
}

.has-minimenu .dropdown-menu li {
	display: inline-block;
	width: 100%;
	height: 100%;
	vertical-align: top;
	/*min-width: calc(80% / 2);*/
}

.has-minimenu .dropdown-menu.show {
	border: none;
	;
	border-width: 1px;
	border-top: 2px solid transparent;
	border-radius: 0px 0px 10px 10px;
	border-top-width: 0px;
	top: 48px;
}

.has-minimenu .dropdown-menu:before {
	/*content: "";*/
	left: -1px;
	top: -55px;
	border: 1px solid #002f87;
	position: absolute;
	width: 101.5%;
	height: 55px;
	border-bottom: white;
}

.has-minimenu .dropdown-menu:after {
	/*content: "";*/
	background: #002f87;
	height: 1px;
	width: calc(100% - 134px);
	position: absolute;
	right: -1px;
	top: -1px;
}

.has-minimenu .dropdown-menu li .dropdown-item:active img,
.has-minimenu .dropdown-menu li .dropdown-item:focus img {
	filter: invert(1);
}

/*-------------------------------------------*/
/* .po_verfication_table {
	min-width: 100%;
} */

.wrapper-scroll {
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	overflow: auto;
}


.swal-button--catch,
.swal-button--catch:not([disabled]):hover {
	color: #fff;
	background-color: #00913b;
}

.swal-button--reject,
.swal-button--confirm,
.swal-button--confirm:not([disabled]):hover,
.swal-button--roll,
.swal-button--reject:not([disabled]):hover,
.swal-button--reject:not([disabled]):hover {

	background-color: #b2150c;

}

.swal-button--sendback,
.swal-button--sendback:hover {
	background: linear-gradient(45deg, #c48326, #eca034);
	color: #fff;
}

.swal-button.swal-button--sendback:hover {
	background-color: #eea236;
}

.VENDOR_NAME,
.APPROVED_BY,
.PAYMENT_TERM,
.COMMENTS,
.WAITING_ON,
.INVOICE_COMMENTS,
.APPROVED_BY,
.BUSINESS_UNIT,
.GL_ACCOUNT,
.CLASSIFICATION,
.SUBSIDIARY,
.DEPT,
.LINE_DESCRIPTION,
.BUSINESS_UNIT_NAME,
.ACCOUNT_NAME,
.CREATED_USER,
.LOCATION,
.CREATED_BY,
.APPROVAL_TYPE,
.APPROVER,
.COMMENT,
.USER,
.USER_ID,
.FIRST_NAME,
.LAST_NAME,
.TYPE,
.INVOICE_ID,
.VOUCHER_ID,
.PYMNT_ID,
.PYMNT_ID_REF,
.LASTUPD_USER {
	text-align: left !important;
}
.VENDOR_ID{
	text-align: right;
}
.swal-icon--warning {
	border: color #b2150c !important;
}

.swal-footer {
	text-align: center !important;
}

.invisibleButton,
button.invisibleButton:focus {
	background: transparent;
	outline: none !important;
}

.check_approve~button:before {
	content: "";
	background: url(../images/empty-check.svg);
	background-size: 90%;
	width: 20px;
	height: 20px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 100%;
}

.check_blocked~button:before {
	content: "";
	background: url(../images/empty-check.svg);
	background-size: 90%;
	width: 20px;
	height: 20px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 100%;
}

.check_approved~button:before {
	content: "";
	/* background: url(../images/check-approve.svg); */
	background: unset;
	background-size: 90%;
	/* width: 20px; */
	/* height: 20px; */
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 100%;
	content: "\f058";
	/*cursor: not-allowed;*/
	font-family: "Font Awesome 6 Pro";
	color: #00cc53;
	font-size: 17px;
	line-height: 20px;
}

.check_approve.disabled~button:before {
	content: "";
	/* background: url(../images/inprogress.svg); */
	background: unset;
	background-size: 90%;
	/* width: 20px; */
	/* height: 20px; */
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 100%;
	/* cursor: no-drop; */
	content: "\e10a";
	font-family: "Font Awesome 6 Pro";
	color: orange;
	font-size: 17px;
	line-height: 20px;
}

.check_withdrawn~button:before {
	content: "";
	/* background: url(../images/check-reject.svg); */
	background: unset;
	background-size: 90%;
	/* width: 20px; */
	/* height: 20px; */
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 100%;
	content: "\e313";
	font-family: "Font Awesome 6 Pro";
	font-size: 17px;
	line-height: 20px;
	color: #1e3050;
}

.check_vendor_created~button:before {
	content: "";
	/* background: url(../images/check-reject.svg); */
	background: unset;
	background-size: 90%;
	/* width: 20px; */
	/* height: 20px; */
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 100%;
	content: "\f316";
	font-family: "Font Awesome 6 Pro";
	font-size: 17px;
	line-height: 20px;
	color: #000000;
}

.check_rejected~button:before {
	content: "";
	/* background: url(../images/check-reject.svg); */
	background: unset;
	background-size: 90%;
	/* width: 20px; */
	/* height: 20px; */
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 100%;
	content: "\f057";
	font-family: "Font Awesome 6 Pro";
	font-size: 17px;
	line-height: 20px;
	color: #e10a0a;
}

.check_ktech~button:before {
	content: "";
	/* background: url(../images/check-reject.svg); */
	background: unset;
	background-size: 90%;
	/* width: 20px; */
	/* height: 20px; */
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 100%;
	content: "\f4fe";
	font-family: "Font Awesome 6 Pro";
	font-size: 17px;
	line-height: 20px;
	color: #000000;
}

.check_ready~button:before {
	content: "";
	/* background: url(../images/ready.svg); */
	background: unset;
	background-size: 90%;
	/* width: 20px; */
	/* height: 20px; */
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 100%;
	content: "\e4b2";
	font-family: "Font Awesome 6 Pro";
	font-size: 17px;
	line-height: 20px;
	color: #1e68ab;
}

.check_review~button:before {
	content: "";
	/* background: url(../images/ready.svg); */
	background: unset;
	background-size: 90%;
	/* width: 20px; */
	/* height: 20px; */
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 100%;
	content: "\f4fc";
	font-family: "Font Awesome 6 Pro";
	font-size: 17px;
	line-height: 20px;
	color: #ab1e69;
}

.alert-dashboard {
	display: flex;
	justify-content: center;
}

.dashboard-alert {
	z-index: 99;
	width: auto;
	align-items: center;
}

.LineMatchertable.summary_page .tabletwo {
	width: auto;
}

.LineMatchertable.summary_page .tableone,
.LineMatchertable.summary_page .tablethree {
	width: 50%;
}

.tableone th:nth-child(3) {
	min-width: 125px;
}

.tableone td:nth-child(3) {
	font-size: 12px;
}

.table a span.fas.fa-file-pdf {
	color: #e5252a;
	font-size: 16px;
}

.table a span.fas.fa-file-upload {
	color: #00a141;
	font-size: 16px;
}

.fas.fa-file-pdf {
	color: #e5252a;
	padding-left: 5px;
}

.table a#invoiceNum span.fas.fa-pencil {
	color: #00a141;
	font-size: 90%;
}

.table.automation_log td span.text-center.text-danger {
	color: #E10A0A !important;
	padding: 1px 4px;
	border-radius: 4px;
	text-shadow: 0 1px 2px rgb(80 80 80 / 32%);
	font-weight: 400;
}

.table.automation_log td span.text-center.text-success {
	color: #00B74A !important;
	padding: 1px 2px;
	border-radius: 3px;
	text-shadow: 0 1px 2px rgb(80 80 80 / 32%);
	font-weight: 400;
}

.ms-options-wrap>.ms-options {
	height: 40vh;
}

.ms-options-wrap>.ms-options ul {
	list-style: none;
	padding-left: 0px;
}

.ms-options-wrap>.ms-options ul li {
	padding-left: 10px;
}

.ms-options-wrap>.ms-options>ul input[type="checkbox"] {
	margin-right: 5px;
	position: absolute;
	left: -4px;
	top: 10px;
	height: 20px;
	width: 15px;
}

table.dataTable thead>tr>th.sorting:before,
table.dataTable thead>tr>th.sorting:after,
table.dataTable thead>tr>th.sorting_asc:before,
table.dataTable thead>tr>th.sorting_asc:after,
table.dataTable thead>tr>th.sorting_desc:before,
table.dataTable thead>tr>th.sorting_desc:after,
table.dataTable thead>tr>th.sorting_asc_disabled:before,
table.dataTable thead>tr>th.sorting_asc_disabled:after,
table.dataTable thead>tr>th.sorting_desc_disabled:before,
table.dataTable thead>tr>th.sorting_desc_disabled:after,
table.dataTable thead>tr>td.sorting:before,
table.dataTable thead>tr>td.sorting:after,
table.dataTable thead>tr>td.sorting_asc:before,
table.dataTable thead>tr>td.sorting_asc:after,
table.dataTable thead>tr>td.sorting_desc:before,
table.dataTable thead>tr>td.sorting_desc:after,
table.dataTable thead>tr>td.sorting_asc_disabled:before,
table.dataTable thead>tr>td.sorting_asc_disabled:after,
table.dataTable thead>tr>td.sorting_desc_disabled:before,
table.dataTable thead>tr>td.sorting_desc_disabled:after {
	right: 5px;
}

table.dataTable thead>tr>th.sorting.text-center {
	padding-right: 15px;
}

table .table-light {
	color: #222;
}

.accordion-button:not(.collapsed),
.pod_modal_acc .accordion-button {
	color: #222;
	background-color: unset;
	border: none;
	margin-right: 0 !important;
	width: 100%;
	padding: 1px 0;
	max-width: 30px;
	height: 100%;
	margin-left: auto;
}

.pod_modal_acc .accordion-button h5 a {
	font-size: 18px;
}

.pod_modal_acc .accordion-button h5 {
	font-size: 18px;
}

.invoicedetails_table .accordion-button::after {
	display: inline-block;
	position: absolute;
	left: -19px;
	top: -1px;
}

.accordion-button::after {
	background-image: url('data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTI4IDEyOCIgaGVpZ2h0PSI1MTIiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB3aWR0aD0iNTEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGlkPSJEb3duX0Fycm93XzlfIiBkPSJtNjQgMTA0Yy0xLjAyMyAwLTIuMDQ3LS4zOTEtMi44MjgtMS4xNzJsLTQwLTQwYy0xLjU2My0xLjU2My0xLjU2My00LjA5NCAwLTUuNjU2czQuMDk0LTEuNTYzIDUuNjU2IDBsMzcuMTcyIDM3LjE3MiAzNy4xNzItMzcuMTcyYzEuNTYzLTEuNTYzIDQuMDk0LTEuNTYzIDUuNjU2IDBzMS41NjMgNC4wOTQgMCA1LjY1NmwtNDAgNDBjLS43ODEuNzgxLTEuODA1IDEuMTcyLTIuODI4IDEuMTcyem0yLjgyOC0zMy4xNzIgNDAtNDBjMS41NjMtMS41NjMgMS41NjMtNC4wOTQgMC01LjY1NnMtNC4wOTQtMS41NjMtNS42NTYgMGwtMzcuMTcyIDM3LjE3Mi0zNy4xNzItMzcuMTcyYy0xLjU2My0xLjU2My00LjA5NC0xLjU2My01LjY1NiAwcy0xLjU2MyA0LjA5NCAwIDUuNjU2bDQwIDQwYy43ODEuNzgxIDEuODA1IDEuMTcyIDIuODI4IDEuMTcyczIuMDQ3LS4zOTEgMi44MjgtMS4xNzJ6Ii8+PC9zdmc+');
}

.accordion-button:not(.collapsed)::after {
	background-image: url('data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTI4IDEyOCIgaGVpZ2h0PSI1MTIiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB3aWR0aD0iNTEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGlkPSJEb3duX0Fycm93XzlfIiBkPSJtNjQgMTA0Yy0xLjAyMyAwLTIuMDQ3LS4zOTEtMi44MjgtMS4xNzJsLTQwLTQwYy0xLjU2My0xLjU2My0xLjU2My00LjA5NCAwLTUuNjU2czQuMDk0LTEuNTYzIDUuNjU2IDBsMzcuMTcyIDM3LjE3MiAzNy4xNzItMzcuMTcyYzEuNTYzLTEuNTYzIDQuMDk0LTEuNTYzIDUuNjU2IDBzMS41NjMgNC4wOTQgMCA1LjY1NmwtNDAgNDBjLS43ODEuNzgxLTEuODA1IDEuMTcyLTIuODI4IDEuMTcyem0yLjgyOC0zMy4xNzIgNDAtNDBjMS41NjMtMS41NjMgMS41NjMtNC4wOTQgMC01LjY1NnMtNC4wOTQtMS41NjMtNS42NTYgMGwtMzcuMTcyIDM3LjE3Mi0zNy4xNzItMzcuMTcyYy0xLjU2My0xLjU2My00LjA5NC0xLjU2My01LjY1NiAwcy0xLjU2MyA0LjA5NCAwIDUuNjU2bDQwIDQwYy43ODEuNzgxIDEuODA1IDEuMTcyIDIuODI4IDEuMTcyczIuMDQ3LS4zOTEgMi44MjgtMS4xNzJ6Ii8+PC9zdmc+');
	transform: rotate(180deg);
}

.pullDown {
	animation-name: pullDown;
	-webkit-animation-name: pullDown;
	animation-duration: 1.1s;
	-webkit-animation-duration: 1.1s;
	animation-timing-function: ease-out;
	-webkit-animation-timing-function: ease-out;
	transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	-webkit-transform-origin: 50% 0%;
}

.lin_grad_card:before {
	/*content: "";
	position: absolute;
	right: -5px;
	top: 0;
	width: 50%;
	height: 100%;
	background:url('../images/card_img.svg') no-repeat right center ;
	z-index: -1;*/
	content: "";
	position: absolute;
	right: -5px;
	bottom: 0px;
	width: 70%;
	height: 100%;
	background: url(../images/card_img.svg) no-repeat right center;
	z-index: -1;
	background-size: cover;
}

.lin_grad_card {
	background-image: linear-gradient(90deg, #FFBF96, #f57a00);
	min-width: 100px;
	padding: 10px 10px;
	margin: 15px 0px 20px;
	border-radius: 10px;
	box-shadow: rgb(0 0 0 / 0.08) 0px 4px 12px;
	position: relative;
	font-family: inherit;
	z-index: 1;
	min-height: 125px;
}

.lin_grad_card.lg_purple {
	background-image: linear-gradient(90deg, #a794ff, #6149cd);
}

.lin_grad_card.lg_blue {
	background-image: linear-gradient(90deg, #7DB3FF, #002F87);
}

.lin_grad_card.lg_green {
	background-image: linear-gradient(90deg, #73E09F, #00963C);
}

.lin_grad_card.lg_red {
	background-image: linear-gradient(90deg, #FB9EA2, #DD1F26);
}

.lin_grad_card.lg_marron {
	background-image: linear-gradient(90deg, #f3689c, #930a3d);
}

.lin_grad_card.lg_skyblue {
	background-image: linear-gradient(90deg, #b6d400, #6eaf0b);
}

.lin_grad_card.lg_yellow {
	/* background-image: linear-gradient(90deg, #ffd561, #ffbb01); */
	background-image: linear-gradient(90deg, #ebd502, #e7af0c);
}

.lgcard_title {
	font-size: 21px;
	font-weight: 500;
	color: #fff;
	text-shadow: 0px 3px 5px rgb(0, 0, 0, 0.16);
}

.lgcard_icon svg {
	width: 50px;
	height: 58px;
}

.lgmonth_block svg {
	width: 17px;
	height: 17px;
	margin-right: 0px;
	vertical-align: bottom;
}

.lgmonth_block {
	font-size: 17px;
	font-weight: 500;
	color: #fff;
	text-shadow: 0px 3px 5px rgb(0, 0, 0, 0.16);
}

span.lgmonth_text {
	white-space: nowrap;
	vertical-align: text-bottom;
	font-size: calc(0.2em + 0.7vw);
}

.lg_card_count {
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	text-shadow: 0px 3px 5px rgb(0 0 0 / 16%);
	padding: 10px 0 0px;
	display: block;
	margin-bottom: 0;
	line-height: normal;
}

.chart_main_block {
	border-radius: 10px;
	/* border: 1px solid #ccc; */
	box-shadow: rgb(0 0 0 / 0.08) 0px 4px 12px;
	padding: 15px;
	position: relative;
	background: #fff;
}

.vendortablemodal_main_block {
	border-radius: 10px;
	/* border: 1px solid #ccc; */
	box-shadow: rgb(0 0 0 / 0.1) 0px 0px 6px;
	padding: 15px;
	position: relative;
	background: #fff;
}

a.btn.float-end.chart-toggle {
	margin-top: -5px;
	position: absolute;
	top: 4px;
	right: 0px;
	padding: 0px 4px;
	border: 2px solid #222;
	border-top-right-radius: 10px;
}

a.btn.float-end.chart-toggle svg {
	width: 15px;
	height: 15px;
}

a.btn.chart-toggle svg * {
	stroke: #fff;
}

a.btn.btn-dark.float-end.collapsed.chart-toggle svg line#Line_14 {
	display: block;
}

a.btn.btn-dark.float-end.chart-toggle svg line#Line_14 {
	display: none;
}

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

/*.select2-container{
	max-width: 100%;
}*/
.form-group select~.select2-container.select2-container--default {
	max-width: 100%;
	width: 100% !important;
}

.select2-width-edit {
	width: 90%;
	font-size: 0.8rem;
}

.select2-width-edit .select2.select2-container.select2-container--default.select2-container--disabled {
	width: 100% !important;
}

.form-control:disabled,
.form-control[readonly] {
	background-color: #e9ecef !important;
	opacity: 1;
}

.form-group .select2-container--default .select2-selection--single,
.form-select {
	border: 1px solid #c9c9c9;
	border-radius: 4px;
	background-color: #fff;
	display: block;
	width: 100%;
	padding: 0.2rem 1rem 0.2rem 0.3rem;
	/*padding: 0.375rem 1.75rem 0.375rem 0.75rem;*/
	font-size: 0.8rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	vertical-align: middle;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: 30px;
}

.form-group .select2-container--default .select2-selection--multiple {
	min-height: 30px;
	height: 100%;
}

.form-group .select2-container--default .select2-selection--multiple .select2-selection__choice,
.form-group .select2-container .select2-search--inline .select2-search__field {
	/* margin-top: 0; */
	font-size: 12px;
	min-width: auto !important;
}

.form-select.form-select-sm,
.table .form-select.autotcsi {
	padding: 0.2rem 1.3rem 0.2rem 0.3rem;
}

.form-group .select2-container--default .select2-selection--single .select2-selection__arrow b {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-size: 17px 12px;
	border: none;
	width: 29px;
	height: 22%;
	background-position: center;

}

.form-group .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
	transform: rotate(180deg);
}

.form-group .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 29px;
	position: absolute;
	top: 0px;
	right: 10px;
	width: 20px;
}

.form-group .select2-container .select2-selection--single .select2-selection__rendered {
	display: block;
	padding-left: 0px;
	padding-right: 0px;
}

.chart_main_block h4 {
	font-size: 18px;
	margin-bottom: 0;
}

.acc_mid_values span {
	min-width: 1px;
	display: inline-block;
	text-align: right;
	margin-right: 15px;
}

.acc_mid_values span:last-child {
	text-align: left;
}


.mrp-container {
	margin-top: 10px;
}

.mrp-icon {
	border: solid 1px #ddd;
	border-radius: 5px 0px 0px 5px;
	color: #40667A;
	background: #eee;
	padding: 7px;
	margin-right: 0px;
}

.mrp-monthdisplay {
	display: inline-block !important;
	border: solid 1px #ddd;
	padding: 5px 12px 5px 8px;
	border-radius: 0px 5px 5px 0px;
	background-color: #fff;
	cursor: pointer;
	margin-left: -5px;
}

.mrp-lowerMonth,
.mrp-upperMonth {
	color: #40667A;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
}

.mrp-to {
	color: #aaa;
	margin-right: 0px;
	margin-left: 0px;
	font-size: 11px;
	text-transform: uppercase;
	/* background-color: #eee; */
	padding: 5px 3px 5px 3px;
}

.mpr-calendar {
	display: inline-block;
	padding: 3px 5px;
	border-right: solid #999 1px;
}

.mpr-calendar::last-child {
	border-right: none;
}

.mpr-month {
	padding: 20px;
	text-transform: uppercase;
	font-size: 12px;
}

.mpr-calendar h5 {
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 18px
}

.mpr-selected {
	background: rgba(64, 102, 122, 0.75);
	;
	color: #fff;
}

.mpr-month:hover {
	border-radius: 5px;
	box-shadow: 0 0 0 1px #ddd inset;
	cursor: pointer;
}

.mpr-selected.mpr-month:hover {
	border-radius: 0px;
	box-shadow: none;
}

.mpr-calendarholder .col-xs-6 {
	max-width: 250px;
	min-width: 250px;
}

.mpr-calendarholder .col-xs-1 {
	max-width: 150px;
	min-width: 150px;
}

.mpr-calendarholder .btn-info {
	background-color: #40667A;
	border-color: #406670;
	width: 100%;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-size: 10px;
	padding: 10px 0px;
}

.mpr-quickset {
	color: #666;
	text-transform: uppercase;
	text-align: center;
}

.mpr-yeardown,
.mpr-yearup {
	margin-left: 5px;
	cursor: pointer;
	color: #666;
}

.mpr-yeardown {
	float: left;
}

.mpr-yearup {
	float: right;
}

.mpr-yeardown:hover,
.mpr-yearup:hover {
	color: #40667A;
}

.mpr-calendar:first .mpr-selected:first {
	background-color: #40667A;
}

.mpr-calendar:last .mpr-selected:last {
	background-color: #40667A;
}

.popover {
	max-width: 1920px !important;
}

input.form-control.autotcsi,
select.form-select.autotcsi {
	line-height: normal;
	border-radius: 4px;
	border: none;
	font-size: 12px;
	padding: 5px;
	box-shadow: 0px 1px 17px -18px #000;
	height: 25px;
}

input.form-control.autotcsi.hasDatepicker {
	padding: 5px 25px 5px 5px;
}

input.form-control.autotcsi::placeholder,
select.form-select.autotcsi::placeholder,
th select.form-select::placeholder,
th input.form-control::placeholder {
	font-size: 0.8rem;
}

.preview {
	min-width: 100px;
	border-radius: 4px;
	border: 3px double #c0c0c0;
	box-shadow: 0px 8px 12px -8px #000;
	max-height: 120px;
	overflow-y: auto;
	min-height: 100px;
}

.logo-upload {
	/*width:350px;
	padding:20px;
	background:#fff;
	box-shadow: -3px -3px 7px rgba(94, 104, 121, 0.377),
	3px 3px 7px rgba(94, 104, 121, 0.377);*/
}

.logo-upload img {
	width: 100%;
	/*display:none;*/
	margin-bottom: 20px;
}

.logo-upload input {
	display: none;
}

.fordatarange {
	position: relative;
}

.fordatarange span {
	position: absolute;
	right: 14px;
	bottom: 8px;
	font-size: 13px;
	color: #737373;
	cursor: pointer;
}

.bootbox.modal.fade.batchmodal.show {
	padding-top: 10vh;
	overflow: hidden;
}

.bootbox.modal.fade.batchmodal.show {
	padding-top: 10vh;
	overflow: hidden;
}

.dashboardfilter-date .form-control[readonly] {
	background-color: #fff;
}

.analytics_icon {
	vertical-align: text-bottom;
}

.truncate {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding-right: 10px;
}

.truncate.truncated {
	white-space: initial;
}

.truncate.truncated .showtext,
.showless {
	display: none;
}

.showtext,
.showless.active {
	display: block;
	font-size: 12px;
}

.scroltable-nav {
	display: none;
	position: absolute;
	width: 60px;
	height: 10vh;
	cursor: pointer;
	top: 50%;
}

.animate__delay-02s {
	animation-delay: 0.2s;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

button.btn.btn-primary.expandAll {
	position: absolute;
	right: 18px;
	top: 16px;
}

#clear_button {
	color: #fff;
}

span.automation_vendorname {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

span.automation_vendorname span,
span.text_ellips {
	display: -webkit-box;
	min-width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	transition: all 1s ease-in-out;
}

span.automation_vendorname span:hover,
span.text_ellips:hover {
	transition: all 1s ease-in-out;
	-webkit-line-clamp: unset;
}

span.automation_vendorname a {
	display: inline-block;
	min-width: 30px;
}

.table-responsive table {
	max-width: 100% !important;
}

.Monthly_pos_table td {
	min-width: 100px;
}

.Monthly_Requisition_table td:nth-child(5),
.Monthly_Requisition_table th:nth-child(5),
.Monthly_Invoices_table td:nth-child(1),
.Monthly_Invoices_table th:nth-child(1),
.Monthly_Invoices_table td:nth-child(3),
.Monthly_Invoices_table th:nth-child(3),
.Monthly_Invoices_table td:nth-child(4),
.Monthly_Invoices_table th:nth-child(4),
.Monthly_Invoices_table td:nth-child(2),
.Monthly_Invoices_table th:nth-child(2) {
	min-width: 72px;
	max-width: 120px;
}

.Monthly_Requisition_table td:nth-child(7),
.Monthly_Requisition_table td:nth-child(8),
.Monthly_Unfilled_Req_table td:nth-child(7),
.Monthly_Unfilled_Req_table td:nth-child(8),
.Monthly_Receipts_table td:nth-child(1),
.Monthly_pos_table td:nth-child(1),
.Monthly_Receipts_table td:nth-child(2),
.Monthly_pos_table td:nth-child(2) {
	min-width: 120px;
	max-width: 150px;
}

.Monthly_pos_table td:nth-child(1),
.Monthly_pos_table td:nth-child(2),
.Monthly_pos_table td:nth-child(10),
.Monthly_pos_table td:nth-child(11) {
	min-width: 130px;
	max-width: 150px;
}

.podetailsline_table th:nth-child(1),
.podetailsline_table td:nth-child(1),
.podetailsline_table th:nth-child(5),
.podetailsline_table td:nth-child(5) {
	min-width: 60px;
	max-width: 100px;
}

.podetailsline_table th:nth-child(2),
.podetailsline_table td:nth-child(2) {
	min-width: 90px;
	max-width: 100px;
}

.invoicedetails_table th:nth-child(1),
.invoicedetails_table td:nth-child(1) {
	min-width: 50px;
	max-width: 50px;
}

.podetailsline_table th:nth-child(4),
.podetailsline_table td:nth-child(4) {
	min-width: 70px;
	max-width: 100px;
}

.podetailsline_table th:nth-child(3),
.podetailsline_table td:nth-child(3),
.Monthly_Receipts_table th:nth-child(8),
.Monthly_Receipts_table td:nth-child(8) {
	min-width: 150px;
	max-width: 160px;
}


.invoicedetails_table th:nth-child(2),
.invoicedetails_table td:nth-child(2) {
	min-width: 135px;
	max-width: 40px;
}

.podetailsline_table th:nth-child(6),
.podetailsline_table td:nth-child(6),
.podetailsline_table th:nth-child(7),
.podetailsline_table td:nth-child(7),
.invoicedetails_table th:nth-child(5),
.invoicedetails_table td:nth-child(5),
.invoicedetails_table th:nth-child(6),
.invoicedetails_table td:nth-child(6) {
	min-width: 90px;
	max-width: 100px;
}

#tblWithNoAjax_wrapper .scroltable-nav {
	background-size: 64% !important;
}

.Monthly_Receipts_table td:nth-child(1) a,
.Monthly_Receipts_table td:nth-child(2) a {
	display: inline-block;
}

.user_table .action {
	min-width: 100px;
}

span.dualpdflinks {
	display: flex;
	align-items: center;
	justify-content: right;
}

.automation_log td a[title="Reconcile"] img {
	width: 20px;
}

.dashboard_link span {
	min-width: 120px;
}

.dashboard_link {
	display: flex;
	align-items: center;
}

.select2-container--default .select2-selection--multiple li:hover .select2-selection__choice__remove {
	opacity: 1;
	transform: translateX(0px);
	color: red;
}

.select2-container--default .select2-selection--multiple li .select2-selection__choice__remove {
	opacity: 0;
	transform: translateX(22px);
	transition: 0.5s ease-out all;
}

.create_workflow_fields .form-group {
	margin-bottom: 15px;
}

.dataTables_wrapper .dt-buttons,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
	display: inline-block;
}

.dt-buttons {
	margin-left: 9em;
	position: absolute;
}

div.dataTables_filter {
	text-align: right;
	position: absolute;
	right: 20px;
}

div.dataTables_wrapper div.dataTables_info,
div.dataTables_wrapper div.dataTables_paginate {
	display: inline-block;
}

div.dataTables_wrapper div.dataTables_paginate {
	float: right;
}

.dt-buttons button {
	font-weight: 400;
}

.dt-buttons button span {
	padding-left: 4px;
	font-family: var(--bs-font-sans-serif) !important;
	font-size: 14px;
}

/*.dt-buttons button span {
	padding-left: 0;
	opacity: 0;
	transition: 0.3s ease-in all;
	transform: translateX(-103px);
	font-size: 0;
}
.dt-buttons button:hover span {
	opacity: 1;
	transform: translateX(0);
	transition: 0.3s ease-in-out all;
	padding-left: 7px;
	font-size: inherit;
	margin-left: 0;
}*/
div.dataTables_wrapper div.dataTables_processing {
	background: #ffe1e2;
	z-index: 99999;
	border: unset;
	box-shadow: unset;
	width: 80px;
	margin: 0 auto;
	border-radius: 50%;
	padding: 0;
}

div.dataTables_wrapper div.dataTables_processing img {
	width: 100%;
}

/* table td.text-end {
	padding-right: 25px !important;
} */

table.polinetablemodal td.text-end {
	padding-right: 8px !important;
}

.header_block .card-title {
	display: inline-block;
}

td.toggle-names {
	padding-left: 2.5em;
}

td.procurement-toggle~td div {
	padding-left: 3.7em;
}

.userPermissionstable th,
.userPermissionstable td {
	min-width: 100px;
}

.userPermissionstable th:nth-child(1),
.userPermissionstable td:nth-child(1) {
	min-width: 300px;
}

.parent_tgle[aria-expanded="false"]:before {
	content: "\f322";
	transition: transform .5s ease-in-out;
	margin-right: 10px;
	font-family: "Font Awesome 5 Pro";
	margin-top: 1px;
	display: inline-block;
	transform-origin: top center;
	-webkit-transform-origin: top center;
	-webkit-transform: scale(1, 1);
	-khtml-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transition: transform 0.25s cubic-bezier(.37, .31, .2, .85);
	-khtml-transition: transform 0.25s cubic-bezier(.37, .31, .2, .85);
	-moz-transition: transform 0.25s cubic-bezier(.37, .31, .2, .85);
	-ms-transition: transform 0.25s cubic-bezier(.37, .31, .2, .85);
	-o-transition: transform 0.25s cubic-bezier(.37, .31, .2, .85);
	transition: transform 0.25s cubic-bezier(.37, .31, .2, .85);
}

.parent_tgle[aria-expanded="true"]:before {
	content: "\f325";
	transition: transform .5s ease-in-out;
	margin-right: 10px;
	font-family: "Font Awesome 5 Pro";
	margin-top: 1px;
	display: inline-block;
	transform-origin: bottom center;
	-webkit-transform-origin: bottom center;
	-webkit-transform: scale(1, 1);
	-khtml-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}

.parent_tgle[aria-expanded="false"]:hover:before {
	-o-animation: toBottomFromTop 0.5s forwards;
	-ms-animation: toBottomFromTop 0.5s forwards;
	-webkit-animation: toBottomFromTop 0.5s forwards;
	animation: toBottomFromTop 0.5s forwards;
}

.parent_tgle[aria-expanded="true"]:hover:before {
	-o-animation: toTopFromBottom 0.5s forwards;
	-ms-animation: toTopFromBottom 0.5s forwards;
	-webkit-animation: toTopFromBottom 0.5s forwards;
	animation: toTopFromBottom 0.5s forwards;
}

@-webkit-keyframes toTopFromBottom {
	49% {
		-webkit-transform: translateY(-100%)
	}

	50% {
		opacity: 0;
		-webkit-transform: translateY(100%)
	}

	51% {
		opacity: 1
	}
}

@-moz-keyframes toTopFromBottom {
	49% {
		-moz-transform: translateY(-100%)
	}

	50% {
		opacity: 0;
		-moz-transform: translateY(100%)
	}

	51% {
		opacity: 1
	}
}

@keyframes toTopFromBottom {
	49% {
		transform: translateY(-100%)
	}

	50% {
		opacity: 0;
		transform: translateY(100%)
	}

	51% {
		opacity: 1
	}
}

@-webkit-keyframes toBottomFromTop {
	49% {
		-webkit-transform: translateY(100%)
	}

	50% {
		opacity: 0;
		-webkit-transform: translateY(-100%)
	}

	51% {
		opacity: 1
	}
}

@-moz-keyframes toBottomFromTop {
	49% {
		-moz-transform: translateY(100%)
	}

	50% {
		opacity: 0;
		-moz-transform: translateY(-100%)
	}

	51% {
		opacity: 1
	}
}

@keyframes toBottomFromTop {
	49% {
		transform: translateY(100%)
	}

	50% {
		opacity: 0;
		transform: translateY(-100%)
	}

	51% {
		opacity: 1
	}
}

.toggle-class,
.toggle-child {
	height: 20px;
	width: 39px !important;
}

.form-check-input:focus {
	border-color: none;
	box-shadow: none;
}

#form-switch3 {
	padding-left: 3.7em !important;
}

span.aulg_vendorname {
	width: 75px;
	display: inline-block;
	text-align: left;
}

/* th.aulg_vendoename {
	min-width: 280px;
	max-width: 280px;
} */

.error-message {
	position: absolute;
	color: red;
	font-size: 11px;
	font-weight: 500;
}

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

.alert .close {
	border: none;
	background: none;
	font-size: 30px;
	margin: -12px;
}

.po_table table thead tr th:nth-child(5) {
	min-width: 86px;
}

.open_po_table table thead tr th:nth-child(5) {
	min-width: 86px;
}

/* .automation_log thead tr th:nth-child(15) {
	min-width: 130px;
} */
.table-width-120 {
	min-width: 120px;
}

.Monthly_Requisition_table thead th:nth-child(3),
.Monthly_Requisition_table thead th:nth-child(6),
.Monthly_Receipts_table thead th:nth-child(4),
.Monthly_Receipts_table thead th:nth-child(5) {
	min-width: 100px;
}

.Monthly_Requisition_table thead th:nth-child(4),
.Monthly_Requisition_table thead th:nth-child(5) {
	min-width: 130px;
}

.Monthly_Receipts_table thead th:nth-child(3),
.Monthly_Receipts_table thead th:nth-child(6) {
	min-width: 110px;
}

.Monthly_Receipts_table thead th:nth-child(7) {
	min-width: 140px;
}

.Monthly_Unfilled_Req_table thead th:nth-child(3),
.Monthly_Unfilled_Req_table thead th:nth-child(4),
.Monthly_Unfilled_Req_table thead th:nth-child(5),
.Monthly_Unfilled_Req_table thead th:nth-child(6) {
	min-width: 120px;
}

.staff-table table thead th {
	min-width: 90px;
}

.staff-table table thead th:nth-child(3),
.staff-table table thead th:nth-child(4) {
	min-width: 130px;
}

.invoice-main {
	color: rgba(0, 0, 0, .65);
	font-weight: 400;
	padding: 13px 16px;
	font-size: 25px;
	text-align: center;
}

.invoice-sub {
	font-size: 15px;
	text-align: center;
	color: rgba(0, 0, 0, .64);
}

.auto_reject .select2-container {
	z-index: 10050 !important;
}

.auto_reject .select2-container .select2-selection--single {
	height: 40px;
}

.auto_reject .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 38px;
}

.auto_reject .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 38px;
}

.sidebar li .submenu {
	list-style: none;
	padding: 0rem;
	background: rgb(0 47 135 / 39%);
	border-radius: 15px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0;
	padding-top: 2px;
}

.fa.fa-eye {
	color: #2c3338;
}

.label.label-info {
	background: #fff;
	border: 1px solid #d5d5d5;
	padding: 1px 4px;
	border-radius: 4px;
	color: #434343;
	font-size: 12px;
	margin: 3px 3px;
	display: inline-block;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #2c2c2c !important;
	color: white !important;
}

.percentage-icon span {
	position: absolute;
	top: 60%;
	left: 15%;
}

.dollar-icon span {
	position: absolute;
	top: 60%;
	left: 59%;
}

.navbar-brand img {
	width: 32px !important;
}

.logo_block img {
	width: 140px !important;
}

/* .upload-drop-file{
	text-align: center;
    border: 1px dashed;
    padding: 6rem 4rem;
    background: #f6fbff;
    border-radius: 8px;
} */
.drag_form__container {
	position: relative;
	padding: 1.5rem 1rem 1rem 1rem;
	border: 1px dashed #0047cd;
	border-radius: 5px;
	display: grid;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	color: #363636;
	margin: 0.1rem;
}

.drag_form__container.active {
	background-color: #e6f1ff;
	border: 1px dashed #156ff9;
}

.drag_form__file {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	cursor: pointer;
	opacity: 0;
}

.drag_form__files-container,
.drag_form__files-container2,
.drag_form__files-container3 {
	display: flex;
	width: 100%;
	padding: 5px 0;
	justify-content: space-between;
	align-items: center;
}

.drag_form__text {
	font-size: 13px;
	color: #333;
	max-width: max-content;
	whitespace: no-wrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.drag_form__icon {
	font-size: 14px;
	color: #1871b5;
	text-decoration: none;
	margin-right: 5px;
}

.drag_form__container .fa-file-arrow-up {
	/* position: absolute;
	top: 28%; */
	font-size: 40px;
}

.alert.alert-position {
	position: fixed;
	left: 47%;
	top: 427px;
}

.table>:not(caption)>*>* {
	border-bottom-width: 0px;
	padding: 0.2rem 1rem !important;
	font-size: 0.8rem;
	/* font-weight: 600; */
}

.btn.btn-danger.btn-xs.mt-1.remove-split-row {
	margin-top: 0rem !important;
}

table thead tr th {
	font-weight: 600;
}

.invoicedetails_table .btn-outline-secondary.btn-sm.collapsenew {
	font-size: 11px;
	padding: 2px 5px;
}

.invoicedetails_table tbody tr td .collapse .card table {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.invoicedetails_table .accordion-button:focus {
	box-shadow: none;
}

.invoicedetails_table .accordion-collapse {
	border: none;
}

/* .invoicedetails_table .accordion-button::after {
	right: 0;
	top: 0px;
} */

.invoice-align {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}

.invoice-align .swal-button[disabled] {
	opacity: .5;
	cursor: no-drop;
}

.invoice-align .far span {
	font-family: open sans;
	font-weight: 600;
	margin-left: 4px;
}

.invoice-align .far.btn-sm {
	line-height: 1.5;
}

.table-scroll {
	overflow-x: auto;
}

.invoice-align .wait-text span {
	font-size: 12px;
	margin-right: 2px;
}

.text-box textarea.form-control {
	height: 30px !important;
	min-height: 30px;
	overflow: auto;
}

.form-check-input {
	cursor: pointer;
}

.form-check-box .form-check-input:checked {
	background-color: #1eb500 !important;
	border-color: #1eb500 !important;
}

.form-check-box .form-check-input {
	background-color: #dc3545 !important;
	border: 1px solid #dc3545 !important;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.navbar-nav li:hover>ul.dropdown-menu,
.navbar-nav li>ul.dropdown-menu {
	display: unset !important;
}

.navbar-nav li>ul.dropdown-menu {
	opacity: 0;
	transition: all 0.3s ease;
	visibility: hidden;
	transform: translateY(8px);
}

.navbar-nav li:hover>ul.dropdown-menu {
	opacity: 1;
	transform: scale(1);
	visibility: visible;
}

.dropdown-item:focus,
.dropdown-item:hover {
	background-color: #2962ce1f;
}

.dropdown-submenu {
	position: relative;
}

.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
}

.profile-name {
	list-style: none;
	padding-left: 0px;
}

.profile-name li strong {
	width: 120px;
	display: inline-block;
}

.edit-profile img {
	width: 20px;
}

.profile-name li {
	font-size: 15px;
	margin-bottom: 10px;
}

.skiptranslate iframe {
	display: none;
}

body {
	top: 0px !important;
}

.goog-logo-link {
	display: none !important;
}

.goog-te-gadget {
	color: transparent !important;
}

.goog-te-gadget img,
.goog-te-gadget span {
	display: none !important;
}

#lang_menu {
	padding: 5px 5px;
}

.lang-es.lang-select img {
	width: 15px;
}

.lang-es.lang-select span {
	font-size: 12px;
	font-weight: 500;
}

.main-menu-db {
	border: none;
	border-width: 1px;
	border-radius: 0 0 10px 10px;
	border-top-width: 0px;
	box-shadow: 0 5px 6px rgb(26 41 60 / 20%);
	width: 100%;
}

.main-menu-sub {
	border: none;
	border-width: 1px;
	border-radius: 10px;
	box-shadow: 0 5px 6px rgb(26 41 60 / 20%);
}

.Profile_img_block {
	position: relative;
	width: 150px;
	height: 150px;
}

.edit-profile.btn {
	background-color: #fffefe;
	border: 1px solid white;
	position: absolute;
	left: 115px;
	right: 62px;
	box-shadow: 0px 0px 0px 2px #1f1f1f;
	padding: 1px 7px 1px 9px;
}

.edit-profile.btn i {
	color: #212529;
	font-size: 16px;
}

table thead tr {
	vertical-align: middle;
}

/* .{
	padding: 1rem 0rem;
} */
.translated-ltr body,
.translated-ltr body .nav-item .nav-link {
	font-size: 86% !important;
}

.translated-ltr body .lgcard_title,
.translated-ltr body .lgmonth_block {
	font-size: 16px !important;
}

.translated-ltr body .dt-buttons {
	margin-left: 14em;
}

.tostermessage ul li {
	list-style: none;
}

.tostermessage ul {
	margin-bottom: 0rem;
	padding-left: 0rem;
}

[id *="alert-light"] {
	visibility: hidden;
	min-width: 250px;
	margin-left: -125px;
	text-align: center;
	border-radius: 4px;
	padding: 16px;
	position: fixed;
	right: 1%;
	top: 12%;
	font-size: 16px;
	box-shadow: 0px 2px 5px 0px #adadad;
	z-index: 9999;
	background-color: white !important;
}

#alert-light-success {
	border-left: 6px solid #00913b !important;
	color: #00913b !important;
}

#alert-light-danger {
	border-left: 6px solid #DC3545 !important;
	color: #DC3545 !important;
}

#alert-light-warning {
	border-left: 6px solid #ebb000 !important;
	color: #ebb000 !important;
}

/* #alert-light-success i,
#alert-light-danger i,
#alert-light-warning i {
	position: absolute;
	left: -43px;
	color: #fff;
	font-size: 1.8rem;
} */

#alert-light-success.showsuccess,
#alert-light-danger.showdanger,
#alert-light-warning.showwarning {
	visibility: visible;
	-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
	animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
	from {
		right: 0;
		opacity: 0;
	}

	to {
		right: 10px;
		opacity: 1;
	}
}

@keyframes fadein {
	from {
		right: 0;
		opacity: 0;
	}

	to {
		right: 10px;
		opacity: 1;
	}
}

@-webkit-keyframes fadeout {
	from {
		right: 10px;
		opacity: 1;
	}

	to {
		right: 0;
		opacity: 0;
	}
}

@keyframes fadeout {
	from {
		right: 10px;
		opacity: 1;
	}

	to {
		right: 0;
		opacity: 0;
	}
}

.pdf-modal-open {
	position: absolute;
	left: 34%;
	top: 1%;
}

.btn:hover {
	transform: scale(1.05);
	transition: 0.5s;
}

.btn {
	transition: 0.5s;
}

.invoice-ico i {
	font-size: 20px;
}

.invoice-ico .fa-file-invoice-dollar {
	color: #009ce9;
}

.invoice-ico .fa-file-contract {
	color: #68b863;
}

.invoice-ico .fa-memo-circle-info {
	color: #f73f3f;
}

.button--loading::after {
	content: "";
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	margin-left: 4px;
	border: 4px solid transparent;
	border-top-color: #ffffff;
	border-radius: 50%;
	animation: button-loading-spinner 1s ease infinite;
}

@keyframes button-loading-spinner {
	from {
		transform: rotate(0turn);
	}

	to {
		transform: rotate(1turn);
	}
}

.analytics_page {
	background-color: #f0f2f6;
}

.text_menu_dashboard {
	font-size: 14px;
	line-height: 20px;
}

footer.bg-dark.text-light {
	margin-top: 15px;
}

.form-inovice-check {
	display: flex;
}

.form-inovice-check .form-check {
	margin-left: 0.5rem;
}

.form-btm .form-group {
	margin-bottom: 20px;
}

/* .form-btm label {
	color: gray !important;
} */

.form-check-input:checked {
	background-color: #245cc4;
	border: 1px solid #245cc4 !important;
}

.form-group.select2-dropdown-invoice .select2-container--default .select2-selection--single {
	border: 1px solid #dfeaff !important;
	border-radius: 5px;
	background-color: white;
	padding: 0.375rem 1.75rem 0.375rem 0.3rem;
}

.form-group.select2-dropdown-invoice .select2-container--default .select2-selection--single .select2-selection__arrow b {
	background-size: 17px 10px !important;
}

.select2-dropdown {
	border: 1px solid #dadada !important;
}

.remove-bg-table {
	background-color: transparent !important;
	border-top: 1px solid #e5e5e5;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	color: #ffffff;
	background-color: #002f87;
	border-color: #002f87 #002f87 #fff;
	margin-bottom: -2px;
}

button:focus {
	outline: none !important;
}

.datepicker td,
.datepicker th {
	width: 30px !important;
	height: 30px !important;
}

/* .date-picker-align span {
	float: right;
	margin-right: 9px;
	margin-top: -27px;
	position: relative;
	z-index: 9;
	pointer-events: unset;
	cursor: pointer !important;
	color: #737373;
} */

.datepicker {
	padding: 6px !important;
	border-radius: 4px !important;
}

.form-slect2-width-align {
	width: 11%;
	text-align: start;
}

.p-strong-color div strong {
	color: #000000;
	/* font-size: 15px; */
	font-weight: 500;
}

.p-strong-color div span {
	font-weight: 600;
	/* color: #e38300; */
}

.btn-outline-primary {
	color: #002f87;
	border: 1px solid #002f87 !important;
}

.btn-outline-primary.focus,
.btn-outline-primary:focus,
.btn-outline-primary:hover {
	color: #fff;
	background: #002f87;
	border: 1px solid #002f87 !important;
}

.border-line {
	border-bottom: 1px solid #e3e3e3;
}

label {
	color: #212529;
	font-size: .8rem;
	font-weight: 500;
}

.page-item.active .page-link {
	background-color: #002f87;
	border: 1px solid #002f87 !important;
}

.page-link {
	color: #002f87;
}

/* .form-group {
	padding: 0px 9px 0px 9px;
} */

.status-Color {
	color: red;
}

.document-status-notsubmitted {
	color: red !important;
}

.document-status-submitted {
	color: green !important;
}

.datepicker-switch {
	text-align: center;
}

.table-condensed {
	width: 100%;
}

.card-body-double {
	box-shadow: rgb(0 0 0 / 20%) 0px 4px 12px;
	border: 1px solid #e7e7e7;
	padding: 0px 10px;
	margin: 0px 0px 5px 0px;
	border-radius: 0.25rem;
	/* border-top: 3px solid #002f87; */
	background-color: white;
}

@media (min-width: 768px) {
	.form-btm .col-md-3 {
		width: 17.8%;
		padding-right: 0.2rem;
		padding-left: 0.2rem;
	}

	.form-btm .col-md-3.min-width-select {
		width: 21.6%;
	}

	.form-btm .col-md-4 {
		width: 34.4%;
		padding-right: 0.2rem;
		padding-left: 0.2rem;
	}

	.form-btm .col-md-2 {
		width: 12.2%;
	}

	.text-view.invoice-line-header .col-lg-2 {
		width: 12.5%;
		padding-right: 0.2rem;
		padding-left: 0.2rem;
	}

	.text-view.invoice-line-header .col-lg-2 .form-group {
		padding: 0px 5px 0px 5px;
	}
}

i.fa-duotone {
	font-size: 13px;
}

/* .new-align-btn {
	position: absolute;
	top: -30px;
	right: -14px;
	z-index: 99;
} */

.new-align-btn .fa-square-plus {
	font-size: 12px;
}

.new-align-btn .btn.btn-primary,
.btn.btn-dark.upload-btn-doc {
	padding: .1rem .4rem !important;
}

.splitTable tbody tr td .form-group {
	min-width: 220px;
}

.expenseSplitTableByDefault tbody tr td:nth-child(6) {
	text-align: right;
}

.border-line .p-strong-color h4 {
	color: #002f87;
	font-size: 20px;
	margin-bottom: 2px !important;
}

.ace-color {
	color: #002f87;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 22px !important;
}

.fa-solid.fa-dollar-sign {
	font-size: 12px;
}

.invoice-close-icon {
	position: absolute;
	right: 2px;
	top: -2px;
}

.invoice-close-icon-script {
	position: absolute;
	right: 2px;
	top: -2px;
}

.split-fields,
.expense-fields {
	position: relative;
}

.fa-memo-circle-info,
.fa-circle-bookmark {
	font-size: 14px;
}

.fa-regular {
	cursor: pointer;
	font-size: 13px;
}


.ace-color.invoice-line-tag,
.ace-color.expense-line-tag {
	font-size: 13px;
}

.nav.nav-tabs .nav-link {
	padding: .2rem 0.5rem;
	font-size: 13px;
}

.nav-link .fa-regular,
.nav-item ul li a .fa-regular {
	font-size: 16px;
}

.upload_document_table thead tr th,
.upload_document_table tbody tr td {
	text-align: center;
}

.upload_document_table .BUSINESS_UNIT {
	min-width: 280px;
}

.upload_document_table .VENDOR_ID {
	min-width: 380px;
}

.upload_document_table .EXPEDITED {
	min-width: 70px;
}

.upload_document_table .LASTUPD_USER,
.upload_document_table .INV_EXP {
	min-width: 110px;
}

.upload_document_table .STATUS,
.upload_document_table .LASTUPD_DTTM {
	min-width: 120px;
}

.upload_document_table .AMOUNT {
	text-align: right;
}

.autolog_table .OPERATIONAL_AGING,
.upload_document_table .OPERATIONAL_AGING {
	min-width: 110px;
}

table tr td {
	vertical-align: middle !important;
}

.detail-document-upload table tbody tr th,
.detail-document-upload table tbody tr td {
	min-width: 200px !important;
	max-width: 200px !important;
}

.page-link:focus {
	box-shadow: none !important;
	background-color: #002f87;
	border: 1px solid #002f87 !important;
	color: white;
}

.bu_id {
	min-width: 40px;
	display: inline-block;
	text-align: left;
}

/* .splitTable tbody tr td .form-group select~.select2-container.select2-container--default{
	width: 40% !important;
}
.splitTable tbody tr td .form-control, .splitTableBySpeedKey tbody tr td .form-control, .expenseSplitTableBySpeedKey tbody tr td .form-control{
	width: 30% !important;
} */
.table-responsive {
	overflow-x: clip;
}

@media (min-width: 992px) {
	.dashboard-cards .col-lg-2-5 {
		flex: 0 0 auto;
		width: 19.966667%;
	}

	.expense-line-header .col-lg-2 {
		width: 12.5%;
		padding-right: 0px;
		padding-left: 0px;
	}

	.expense-line-header .form-group {
		padding: 0px 3px 0px 3px;
	}
}

@media (min-width:1024px) {
	.lgcard_title {
		font-size: 14px;
		letter-spacing: 0.3px;
		font-weight: 600;
		color: #fff;
		text-shadow: 0px 3px 5px rgb(0, 0, 0, 0.16);
	}

	.lin_grad_card .col-sm-3.text-end {
		padding-left: 0;
		text-align: left;
	}

	.lgcard_icon svg {
		width: 35px;
		min-height: 42px;
		height: auto;
	}

	.dashboard-cards .col-lg-2-5,
	.main_dashboard_block .col-lg-2-5 {
		flex: 0 0 auto;
		width: 19.966667%;
	}

	.dashboard-cards .col-lg-1-8 {
		flex: 0 0 auto;
		/* width: 13.966667%; */
		width: calc(100% / 7);
		min-width: 10%;
	}

	.dashboard-cards .col-lg-1-8:not(:first-child) {
		padding-left: 0;
	}

	.expense-line-header .col-lg-2 {
		width: 16.6%;
		padding-right: 0px;
		padding-left: 0px;
	}

	.expense-line-header .form-group {
		padding: 0px 3px 0px 3px;
	}
}

@media (min-width:1024px) and (max-width:1120px) {
	.dashboard-cards .col-lg-1-8 {
		flex: 0 0 auto;
		/* width: 13.966667%; */
		width: 17.966667%;
		/* width: calc(100% / 7); */
		min-width: 10%;
	}

	.lgcard_icon svg {
		width: 29px;
		min-height: 42px;
		height: auto;
	}

	.dashboard-cards>.row {
		overflow-x: auto;
		flex-wrap: nowrap;
	}
}

@media (min-width:1385px) {
	.dashboard-cards .col-lg-1-8 {
		flex: 0 0 auto;
		/* width: 13.966667%; */
		width: calc(100% / 7);
		min-width: 10%;
	}

	.lgcard_icon svg {
		width: 35px;
		min-height: 42px;
		height: auto;
	}
}



.error_message {
	color: red;
	font-size: 11px;
	font-weight: 500 !important;
}

.alertdeletepop .modal-dialog .modal-content .modal-body {
	display: flex;
	align-items: center;
	position: relative;
}

.alertdeletepop .modal-dialog .modal-content .modal-body .bootbox-close-button.close {
	position: absolute;
	right: 2%;
	font-size: 25px;
	color: #000 !important;
	background: none !important;
}

.detail-action-icon img {
	width: 16px;
}

.fa-solid.fa-pen-to-square {
	color: #002f87;
	font-size: 14px;
}

.fa-solid.fa-trash-can {
	color: #ea0008;
}

.wsnwrap {
	white-space: nowrap;
}

.sidebar-nav .nav-link span:nth-child(3) {
	margin-left: auto;
}

.eye-icon .fa-eye {
	color: #2167ff;
}

.alertdeletepop .modal-dialog {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 90vh;
}

.table-hover>tbody>tr:hover {
	background: #f1f6ff;
}



.flteyeicon {
	float: right;
	margin-left: 20px;
	cursor: pointer;
}

.custom-file-upload {
	/* border: 1px solid #ccc; */
	/* display: inline-block; */
	/* padding: 6px 12px; */
	/* cursor: pointer; */
	position: relative;
	border-radius: 5px;
}

/* .custom-file-upload:before {
	content: "\f0ee";
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
} */
.auto_bu_id {
	min-width: 80px;
	display: inline-block;
}

.department {
	min-width: 70px;
	display: inline-block;
}

.upload-doc-dark {
	position: absolute;
	top: -31px;
	left: -14px;
}

/* 
.add-tooltip-custom .add-tooltip-cust {
	visibility: hidden;
	width: max-content;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    z-index: 1;
    bottom: 104%;
    position: absolute;
    left: 50%;
    margin-left: -71px;
    font-size: 10px;
  }

  .add-tooltip-custom .add-tooltip-upload-cust{
	visibility: hidden;
	width: max-content;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    z-index: 1;
    bottom: 104%;
    position: absolute;
    left: 0%;
    margin-left: 0px;
    font-size: 10px;
  }
.add-tooltip-custom:hover .add-tooltip-cust,.add-tooltip-custom:hover .add-tooltip-upload-cust {
	visibility: visible;
  } */
.card-body.inoice-card {
	border: 1px solid #d6d6d6;
	box-shadow: rgb(0 0 0 / 26%) 0px 2px 6px;
	overflow-y: auto;
	border-radius: 4PX;
	padding: 3px;
	margin: 0px 0px 8px 0px;
}

.form-margin-btm .form-group {
	margin-bottom: 0px !important;
	position: relative;
}

/* .form-margin-btm .form-group label.error {
	position: absolute;
	width: max-content;
	left: 9px;
	bottom: -18px;
} */

#from_date-error,
#to_date-error {
	display: table-column;
	position: absolute;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
	background-image: none;
}

.form-margin-btm .col-md-3 {
	margin-bottom: 0px !important;
}

.invoice-lines .card-body-double {
	position: relative;
}

.invoice-lines .accordion-body,
.clone-expense .accordion-body {
	padding: 5px 0.2rem 0px;
}

/* .invoice-lines .accordion-item:last-of-type .accordion-collapse {
    border-bottom-width: 0px;
    border-bottom-right-radius: 0rem;
    border-bottom-left-radius: 0rem;
}
.invoice-lines .accordion-collapse {
    border: none;
    border-width: 0;
} */
.invoice-lines .accordion-button:not(.collapsed),
.invoice-lines .pod_modal_acc .accordion-button,
.clone-expense .accordion-button:not(.collapsed),
.clone-expense .pod_modal_acc .accordion-button {
	max-width: none !important;
	/* border-bottom: 3px solid #002f87 !important; */
}

.invoice-lines .accordion-button,
.clone-expense .accordion-button {
	padding: 0.5rem 0.25rem;
	border: 1px solid rgba(0, 0, 0, .125) !important;
}

.invoice-lines .accordion-button::after,
.clone-expense .accordion-button::after {
	top: 6px !important;
}

.invoice-lines .accordion-button:focus,
.clone-expense .accordion-button:focus {
	box-shadow: none;
}

.invoice-lines .border-bottom:last-child {
	border: none !important;
}

.tabing .tab-content>.active {
	border: none;
	box-shadow: none;
	margin-bottom: 5px;
	padding: 0px;
}

.drag_form__container .upload-text {
	font-size: 14px;
	margin-top: 20px;
}

.drag_form__container .upload-text .color-up {
	color: #156ff9;
	text-decoration: underline;
}

.tabing .nav-tabs {
	border-bottom: none !important;
}

.tabing .drag_form__container {
	border-radius: 0px 5px 5px 5px !important;
}

.fa-light.fa-cloud-arrow-up:before {
	background-image: linear-gradient(45deg, #002f87, #316cdb);
	padding: 10px 8px;
	border-radius: 25px;
	color: white;
}

.fa-regular.fa-eye.btn.btn-success {
	padding: 6px 5px;
	border-radius: 20px;
}

.fa-solid.fa-trash-can.btn.btn-danger {
	padding: 6px 7px;
	border-radius: 20px;
	color: white;
	font-size: 13px;
}

.fa-regular.fa-download.btn.btn-dark {
	padding: 6px;
	border-radius: 20px;
}

.inoice-card .accordion,
.clone-expense .accordion {
	margin-bottom: 3px !important;
}

.line-text {
	margin-bottom: 0px;
	font-size: 13px;
	margin-left: 7px;
	margin-right: 7px;
}

.mb-0.ace-color.invoice-line-tag strong,
.mb-0.ace-color.expense-line-tag strong {
	margin-right: 7px;
}

.expense-fields {
	position: relative;
}

.expense-close-icon-script,
.expense-close-icon {
	position: relative;
}

.remove-expense-cloned-row {
	position: absolute;
	right: -9px;
	top: 1px;
	z-index: 3;
}

div#loader-K {
	background: #ffe1e2;
	z-index: 99999;
	border: unset;
	box-shadow: unset;
	width: 80px;
	margin: 0 auto;
	border-radius: 50%;
	padding: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	padding: 2px;
}

div#loader-K img {
	width: 100%;
}

.bu_id_aut {
	min-width: 180px;
	display: inline-block;
	text-align: left;
}

.aulg_vendorname_aut {
	min-width: 250px;
	display: inline-block;
	text-align: left;
}

.automation_log.autolog_table .BUSINESS_UNIT {
	min-width: 280px;
}

.automation_log.autolog_table .aulg_vendoename.VENDOR_NAME,
.automation_log.autolog_table .VENDOR_NAME {
	min-width: 380px;
}

.automation_log.autolog_table thead th:first-child,
.automation_log.autolog_table tbody td:first-child,
.automation_log.autolog_table .action {
	width: 68px;
	min-width: 68px;
	max-width: 68px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	white-space: nowrap;
}

.automation_log.autolog_table .INVOICE_TOTAL {
	text-align: right;
}

.automation_log.autolog_table .WAITING_ON,
.automation_log.autolog_table .APPROVED_BY {
	min-width: 160px;
	text-align: center;
}

.automation_log.autolog_table .VOUCHER_ID {
	text-align: center;
}

.automation_log.autolog_table .INVOICE_COMMENTS {
	min-width: 200px;
}

.automation_log.autolog_table .INVOICE_STATUS {
	min-width: 115px;
}

.upload_document_table .COMMENTS {
	min-width: 130px;
}

.automation_log.autolog_table .action img,
.auto_po_link img {
	width: 18px;
}


.speedkey_table .CREATED_USER {
	min-width: 130px;
	text-align: center;
}

.speedkey_table .LOT {
	min-width: 200px;
	text-align: left !important;
}

.speedkey_table tbody tr td {
	min-width: 70px;
}

.speedkey_table .ACCOUNT {
	min-width: 220px;
	text-align: left;
}

.speedkey_table .USER_ID {
	min-width: 110px;
}

.speedkey_table .SPLIT_TYPE {
	text-align: center;
}

.speedkey_table .SPLIT_AMOUNT {
	min-width: 90px;
	text-align: right;
}

.speedkey_table .CREATED_DTTM {
	min-width: 140px;
}

.speedkey_table .Action {
	text-align: center;
}

.speedkey_table .SPLIT_DESCRIPTION {
	min-width: 135px;
	text-align: left;
}

.pdf-block-btn {
	position: relative;
}

/* .pdf-block-btn #prevButton{
	position: absolute;
    right: 30px;
	top: -27px;
}
.pdf-block-btn #nextButton{
	position: absolute;
    right: 0px;
	top: -27px;
} */
.clone-invoice.invoice-lines .card.card-body {
	padding-left: 9px;
	padding-right: 9px;
}

.clone-invoice.invoice-lines .card.card-body table tbody tr td .form-group {
	padding: 0px !important;
}

.clone-invoice.invoice-lines .card.card-body table tbody tr td {
	padding: 4px 8px;
}

th#splitTable_action {
	text-align: right;
}

.splitTable tbody tr td:nth-child(5) {
	text-align: right;
}

.splitTable tbody tr td:nth-child(5) button {
	margin-top: 0 !important;
}

.invoice-grand-total strong {
	padding-left: 2px;
}

.remove-bg-table td {
	padding-left: 8px !important;
}

.invoice-line-header .form-group {
	padding: 0px 9px 0px 4px;
}

.clone-invoice.invoice-lines .accordion .card.card-body .col-md-12 {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.invoice-line-header .form-group.text-box {
	padding: 0px 0px 0px 4px;
}

.line-collapsed-data {
	display: flex;
	align-items: center;
	font-size: 13px;
}

.card-body-double {
	position: relative;
}

.clone-expense.card-body.inoice-card .accordion-item .card-body-double .card.card-body {
	padding-left: 0;
	padding-right: 0;
}

.invoicedetailsmain .card .text-view p {
	font-size: 13px !important;
	word-break: break-word;
}

.invoicedetailsmain .card .text-view p strong {
	font-weight: 600 !important;
}

.inoice-card .accordion:hover {
	background: #e8f0ff;
}

/* --stepper css---- */
.vsinsta h5 {
	font-size: 17px;
	margin-top: 10px;
	border-top: 1px solid #e2e2e2;
	padding-top: 10px;
}

.invprogressouter {
	text-align: left;
	min-height: 21px;
	height: 25vh;
	min-width: 20vw;
	border: 1px solid #e1e1e1;
	border-radius: 15px;
	box-shadow: rgb(0 0 0 / 0.08) 0px 4px 12px;
	overflow: auto;
	background: white;
}

.invprogress {
	display: inline-flex;
	height: 100%;
	padding: 1vh 5%;
}

.invprogress>div {
	display: flex;
	flex-direction: column;
	color: #333;
	text-align: left;
}

.invprogress>div.left {
	padding-right: 20px;
	text-align: right;
}

.invprogress>div.left div:last-of-type:after {
	display: none;
}

.invprogress>div.left div:after {
	content: "";
	background: rgba(51, 51, 51, 0.1);
	border-radius: 2px;
	position: absolute;
	right: -20px;
	top: 10px;
	height: 101%;
	width: 1px;
	transform: translateX(50%);
}

.invprogress>div.right {
	padding-left: 20px;
}

.invprogress>div.right div.prev:after {
	transition: none;
}

.invprogress>div.right div.current {
	color: #333;
	font-weight: bold;
}

.invprogress>div.right div.current:before {
	background: #727272;
	padding: 7px;
	transition: all 0.2s 0.15s cubic-bezier(0.175, 0.885, 0.32, 2);
	border: 3px solid #525252;
}

.invprogress>div.right div.current:after {
	height: 0%;
	transition: height 0.2s ease-out;
}

.invprogress>div.right div.current~div {
	color: #666;
}

.invprogress>div.right div.current~div:before {
	background: #666;
	padding: 2.5px;
}

.invprogress>div.right div.current~div:after {
	height: 0%;
	transition: none;
}

.invprogress>div.right div:before {
	content: "";
	background: #8f8f8f;
	padding: 5px;
	border-radius: 50%;
	position: absolute;
	left: -20px;
	top: 10px;
	transform: translateX(-50%) translateY(-50%);
	transition: padding 0.2s ease;
	z-index: 1;
}

.invprogress>div.right-withdrawn div:before {
	content: "\f064";
	background: #d5e3ff;
	padding: 5px;
	border-radius: 32%;
	position: absolute;
	left: -14px;
	top: 13px;
	transform: translateX(-50%) translateY(-50%);
	transition: padding 0.2s ease;
	z-index: 1;
	font-family: "Font Awesome 6 Pro";
	color: #002f87;
}

.invprogress>div.right div:after {
	content: "";
	background: #d3d3d3;
	border-radius: 2px;
	position: absolute;
	left: -20px;
	top: 10px;
	height: 101%;
	width: 2px;
	transform: translateX(-50%);
	transition: height 0.2s ease;
}

.invprogress>div div {
	/* flex: 1; */
	position: relative;
	line-height: normal;
	cursor: default;
	/* min-height: 22px; */
	padding: 5px 0;
	font-size: 11px;
}

.invprogress>div div:last-of-type {
	flex: 0;
}

.invprogress>div div:last-of-type:after {
	height: 0;
}

.invprogress.dark {
	background: #333;
	display: inline-flex;
	height: 100%;
	width: 100%;
	padding: 5vh 10%;
}

.invprogress.dark>div {
	display: flex;
	flex-direction: column;
	color: #ccc;
}

.invprogress.dark>div.left {
	padding-right: 20px;
	text-align: right;
}

.invprogress.dark>div.left div:last-of-type:after {
	display: none;
}

.invprogress.dark>div.left div:after {
	content: "";
	background: rgba(211, 211, 211, 0.05);
	border-radius: 2px;
	position: absolute;
	right: -20px;
	top: 10px;
	height: 101%;
	width: 1px;
	transform: translateX(50%);
}

.invprogress.dark>div.right {
	padding-left: 20px;
}

.invprogress.dark>div.right div.prev:after {
	transition: none;
}

.invprogress.dark>div.right div.current {
	color: white;
	font-weight: bold;
}

.invprogress.dark>div.right div.current:before {
	background: white;
	padding: 10px;
	transition: all 0.2s 0.15s cubic-bezier(0.175, 0.885, 0.32, 2);
}

.invprogress.dark>div.right div.current:after {
	height: 0%;
	transition: height 0.2s ease-out;
}

.invprogress.dark>div.right div.current~div {
	color: #666;
}

.invprogress.dark>div.right div.current~div:before {
	background: #666;
	padding: 2.5px;
}

.invprogress.dark>div.right div.current~div:after {
	height: 0%;
	transition: none;
}

.invprogress.dark>div.right div:before {
	content: "";
	background: lightgray;
	padding: 5px;
	border-radius: 50%;
	position: absolute;
	left: -20px;
	top: 10px;
	transform: translateX(-50%) translateY(-50%);
	transition: padding 0.2s ease;
}

.invprogress.dark>div.right div:after {
	content: "";
	background: lightgray;
	border-radius: 2px;
	position: absolute;
	left: -20px;
	top: 10px;
	height: 101%;
	width: 2px;
	transform: translateX(-50%);
	transition: height 0.2s ease;
}

.invprogress.dark>div div {
	flex: 1;
	position: relative;
	line-height: 20px;
	cursor: default;
	min-height: 30px;
}

.invprogress.dark>div div:last-of-type {
	flex: 0;
}

.done.current {
	color: #62af0b !important;
}

.done.current:before {
	background: #62af0b !important;
}

.dark .done.current {
	color: lightgreen !important;
}

.dark .done.current:before {
	background: lightgreen !important;
}

.reject.current,
.rejected {
	color: #e91a1a !important;
}

.reject.current:before {
	background: #e91a1a !important;
}


.invprogress>div.right div.current.reject:before {
	border: 3px solid #b41212;
}

.invprogress>div.right div.rejected:before {
	border: 0px solid #b41212;
	background: #e91a1a !important;
}

.invprogress>div.right div.current.done:before {
	border: 3px solid #478500;
}

.invprogress>div.right div.processed:before {
	border: 0px solid #478500;
	background-color: #478500;
}

.invprogress>div.right div.processed {
	color: #478500;
}

.invprogress>div.right div.awaiting {
	color: #e7af0c;
}

.invprogress>div.right div.awaiting:before {
	border: 0px solid #e7af0c;
	background-color: #e7af0c;
}


.invprogress>div.right div.skipapproval {
	color: #617e7e;
}

.invprogress>div.right div.skipapproval:before {
	border: 0px solid #617e7e;
	background-color: #617e7e;
}


.invprogress>div.right div.submitted {
	color: #0047cd;
}

.invprogress>div.right div.submitted:before {
	border: 0px solid #0047cd;
	background-color: #0047cd;
}

/* --stepper css---- */
/* file upload css */
.file-name {
	margin-top: 0px;
	font-size: 12px;
	color: #333;
	width: 94%;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: normal;
	text-align: left;
}

input[type="file"].expense_line_receipt {
	width: 85px;
	overflow: hidden;
	font-size: 12px;
	border: none;
	margin: auto;
}

input[type="file"].expense_line_receipt::file-selector-button {
	padding: 5px 10px 5px;
	border-radius: 3px;
	color: #fff;
	background: linear-gradient(140deg, #002f87, #316cdb);
	border: 0px solid #000;
}

input[type="file"].expense_line_receipt.is-invalid::file-selector-button {
	padding: 5px 10px 5px;
	border-radius: 3px;
	color: #fff;
	background: linear-gradient(140deg, #ee1717, hsl(0, 98%, 23%));
	border: 0px solid #000;
}

@media (max-width:992px) {

	input[type="file"].expense_line_receipt,
	input[type="file"].expense_line_receipt::file-selector-button {
		width: 100%;
	}
}

.Vendor_form .VENDOR_NAME {
	min-width: 180px;
	text-align: center;
}

.Vendor_form .REMIT_ADDRESS {
	min-width: 280px;
	text-align: left !important;
}

.Vendor_form .W9_ADDRESS {
	min-width: 120px;
}

.Vendor_form tbody tr td {
	min-width: 80px !important;
}

.Vendor_form .CONTACT_NAME {
	min-width: 130px;
}

.Vendor_form .CREATED_DTTM {
	min-width: 140px;
}

.horizental_tabs_profile .nav-pills .nav-link {
	color: #000;
	background: #fff;
	border: none;
	margin-right: 15px;
}

.horizental_tabs_profile .nav-pills .nav-link:not(.active):hover {
	background-color: #f5f5f5;
}


.horizental_tabs_profile .nav-pills .nav-link.active {
	color: #fff;
	background: linear-gradient(140deg, #002f87, #316cdb) !important;
	border: none;
	border-radius: 10px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.horizental_tabs_profile .tab-content>.active {
	height: unset;
	min-height: 30vh;
	border: none;
	padding: 0;
	margin-top: 0;

}

.horizental_tabs_profile .tab-content {
	height: unset;
	min-height: 30vh;
	box-shadow: 0px 0px 6px -2px #a6a6a6;
	border: none;
	border-radius: 15px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	margin-bottom: 15px;
	padding: 15px 10px;
	border-top: 1px solid #002f87;
}

a#updateProfileBtn[disabled],
a#updatePasswordBtn[disabled] {
	opacity: 0.7;
	user-select: none;
	pointer-events: none;
}

.list-style-none {
	list-style: none;
}

.OutofOffice li,
.profile-password li {
	margin-bottom: 15px;
}

.OutofOffice textarea {
	height: unset;
}

a.btn-icon.documentuploadicon0btn {
	font-size: 20px;
	color: #2f6ad8;
}

a.btn-icon.documentuploadicon0btn i.fa-light {
	font-weight: 500;
}

.navbar-nav li:hover>ul.dropdown-menu,
.navbar-nav li>ul.dropdown-menu {
	display: unset !important;
}

.navbar-nav li>ul.dropdown-menu {
	opacity: 0;
	transition: all 0.3s ease;
	visibility: hidden;
	transform: translateY(8px);
}

.navbar-nav li:hover>ul.dropdown-menu {
	/* .navbar-nav>.nav-item.dropdown:hover>.dropdown-menu */
	opacity: 1;
	transform: scale(1);
	visibility: visible;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
	background-color: #083995;
	border-color: transparent;
	color: #fff;
	background-image: linear-gradient(140deg, #002f87, #316cdb);
}

.uploadprogress.progress {
	width: 80%;
	height: 13px;
	background: #e1ecff;
}

.uploadprogress.progress .progress-bar {
	width: 100%;
	height: 100%;
	border: 0;
}

.uploadprogress.progress:after {
	content: unset;
}

.uploadprogress.progress .progress-bar-animated {
	animation: 1s linear infinite progress-bar-stripes;
}

.bootbox.modal.fade.batchmodal.show.addspeedkeymodal {
	padding-top: unset;
}

.addspeedkeymodal .modal-dialog.modal-xl {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	max-height: 80vh;
	height: inherit;
	transform: translate(0, -50px);
}

.addspeedkeymodal.batchmodal.show .modal-dialog.modal-xl {
	transform: none;
}

.addspeedkeymodal .modal-dialog.modal-xl {
	height: calc(100% - 3.5rem);
	display: flex;
	align-items: center;
	min-height: calc(100% - 3.5rem);
}

.addspeedkeymodal .modal-dialog.modal-xl .modal-body .card-body {
	overflow-y: auto;
}

.addspeedkeymodal .modal-dialog.modal-xl .modal-content {
	max-height: 100%;
	overflow: hidden;
	height: unset;
	padding-right: 0px;
}

.splitTableBySpeedKeyparent {
	max-height: 60vh;
	overflow: auto;
}

.splitTableBySpeedKeyparent .splitTableBySpeedKey thead {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 9;
}

table.dataTable thead th,
table.dataTable thead td,
table.dataTable tfoot th,
table.dataTable tfoot td,
table.dataTable tbody td {
	text-align: left !important;
}

.Monthly_Invoices_table .INVOICE_TOTAL {
	text-align: right;
}

.dashboard_table .INVOICE_TOTAL {
	text-align: right;
}

.dashboard_table .BUSINESS_UNIT {
	min-width: 300px;
}

.dashboard_table .VENDOR_NAME {
	min-width: 400px;
}

.dashboard_table .APPROVED_DATE,
.dashboard_table .APPROVED_BY,
.dashboard_table .INVOICE_DATE,
.dashboard_table .VOUCHER_CREATED_DT,
.dashboard_table .CHECK_DATE {
	min-width: 140px;
}

.po_verfication_table .INVOICE_TOTAL {
	text-align: right;
}

.po_verfication_table .NOTIFICATION_COMMENTS {
	min-width: 200px;
}

.po_verfication_table .LAST_UPDATED_BY {
	min-width: 80px;
}

.splitTableBySpeedKey td .form-group {
	padding-left: 0;
}

.daterangepicker td.in-range {
	background-color: #afcbff !important;
}

#invoiceForm input[readonly] {
	user-select: none;
	pointer-events: none;
}

.splitTableBySpeedKey td:not(:last-child) {
	min-width: 200px;
	max-width: 200px;
}

.splitTableBySpeedKeytd td:last-child {
	width: 50px;
}

.upload_document_table .ROW_ACTION {
	text-align: left;
	min-width: 120px !important;
	max-width: 140px !important;
	white-space: nowrap;
	overflow: visible;
}

.bu_dashboard .INVOICE_TOTAL {
	text-align: right;
}

.bu_dashboard .APPROVED_BY {
	min-width: 140px;
}

.bu_dashboard .Action,
.bu_dashboard .Action .auto_po_link {
	min-width: 50px;
	text-align: center;
}

.bu_dashboard .BUSINESS_UNIT {
	min-width: 280px;
}

.bu_dashboard .VENDOR_NAME {
	min-width: 380px;
}

/* table.dataTable thead>tr>th.sorting:before {
	content: "\f161";
	display: none;
	font-family: "Font Awesome 6 Pro";
}

table.dataTable thead>tr>th.sorting_asc:before {
	content: "\f161";
}

table.dataTable thead>tr>th.sorting:after {
	content: "\f160";
	display: none;
	font-family: "Font Awesome 6 Pro";
}
table.dataTable thead>tr>th.sorting_desc:after{
	content: "\f160";
} */
.nav-item.dropdown .dropdown-menu li a i {
	width: 14%;
}

.dropdown-submenu.nav-rotate ul li a i {
	width: 9% !important;
}

/* {
	opacity: 0;
    transition: all 0.3s ease;
    visibility: hidden;
    transform: translateY(8px);
} */
.dt-button-collection {
	margin-top: 0px !important;
	z-index: 999;
	position: relative;
	min-width: 155px;
	opacity: 1;
	transform: translateY(8px), scale(1);
	visibility: visible;
}

.dt-button-collection div[role="menu"] {
	display: flex;
	flex-direction: column;
	background: #fff;
	padding: 3px 3px;
	box-shadow: 0px 4px 12px -7px #000;
	border-radius: 11px;
	overflow: auto;
	max-height: 420px;
}

button.dt-button.buttons-columnVisibility:not(.active) {
	background: #fff;
	border: none;
	border-bottom: 1px solid #ccc;
	color: #6d6d6d;
	font-size: 13px;
	line-height: 22px;
	position: relative;
	display: inline-block;
	text-align: left;
}

.dt-button-collection div[role="menu"] .buttons-columnVisibility.active {
	background: #FFF;
	border: none;
	border-bottom: 1px solid #ccc;
	color: #0e51d0;
	font-size: 13px;
	line-height: 22px;
	position: relative;
	display: inline-block;
	text-align: left;
}

.dt-button-collection div[role="menu"] .buttons-columnVisibility:hover {
	background: #eef0f4;
}


button.dt-button.buttons-columnVisibility:not(.active):before {
	content: "\f070";
	font-family: "Font Awesome 6 Pro";
	font-size: 14px;
	margin-right: 5px;
}

button.dt-button.buttons-columnVisibility.active:before {
	content: "\f06e";
	font-family: "Font Awesome 6 Pro";
	font-size: 14px;
	margin-right: 5px;
}

.buttons-colvis .dt-down-arrow {
	font-size: 0;
	position: relative;
	display: inline-block;
}

.buttons-colvis[aria-expanded="false"] .dt-down-arrow:before {
	content: "\f078";
	font-family: "Font Awesome 6 Pro";
	font-size: 14px;
}

.buttons-colvis[aria-expanded="true"] .dt-down-arrow:before {
	content: "\f077";
	font-family: "Font Awesome 6 Pro";
	font-size: 14px;
}

.date-picker-align .form-control.date-picker {
	padding: 0.2rem 0.2rem 0.2rem 0.3rem;
}

.date-picker-align {
	position: relative;
}

.date-picker-align span.fa-calendar-range,
.date-picker-align span .fa-calendar-range {
	position: absolute;
	bottom: 5px;
	right: 5px;
	width: 15px;
	height: 15px;
	pointer-events: none;
	color: #737373;
}

.ui-datepicker .ui-widget-header .ui-icon {
	background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
	background-size: 15px;

}

.ui-widget-header .ui-datepicker-next .ui-icon {
	transform: rotate(-90deg);
}

.ui-widget-header .ui-datepicker-prev .ui-icon {
	transform: rotate(90deg);
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: unset;
	border: none;
	background: none;
	margin-right: 22px;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: unset !important;
	border: none !important;
	background: none !important;
	margin-right: 22px;
	font-size: 14px;
}

.ui-datepicker select.ui-datepicker-month:focus,
.ui-datepicker select.ui-datepicker-year:focus {
	color: #4083ff !important;

}

.ui-datepicker select.ui-datepicker-month:focus option,
.ui-datepicker select.ui-datepicker-year:focus option {
	color: #353535 !important;

}

.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
	background: unset !important;
	border: none !important;
	border-bottom: 1px solid #ccc !important;
	border-radius: 0 !important;
}

.ui-state-default,
.ui-widget-content .ui-datepicker-calendar .ui-state-default {
	background: unset;
	border: none !important;
	padding: 5px 0px;
	width: 34px;
	height: 32px;
	border-radius: 25px;
	text-align: center !important;
	color: #363636;
}

.ui-widget-content .ui-state-default:not(.ui-state-highlight):hover {
	background: #dedede !important;
}

.ui-state-highlight,
.ui-widget-content .ui-datepicker-calendar .ui-state-highlight {
	color: #417ef4;
	border-radius: 25px;
	width: 100%;
	height: 32px;
	padding: 5px 0px;
	text-align: center !important;
	border: none !important;
}

.ui-widget-content .ui-datepicker-calendar .ui-datepicker-week-end a.ui-state-default {
	color: #bfbfbf !important;
}

.ui-state-active,
.ui-widget-content .ui-datepicker-calendar .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	background: #417ef4;
	border-radius: 25px;
	width: 100%;
	height: 32px;
	color: #fff;
	padding: 5px 0px;
	text-align: center !important;
	border: none !important;
}

body .ui-widget.ui-widget-content {
	border: 0px solid #c5c5c5;
	box-shadow: rgb(0 0 0 / 0.08) 0px 4px 12px, rgb(0 0 0 / 0.08) 0px -4px 12px;
	border-radius: 10px;
}

.accordion-body table thead tr th {
	text-align: center;
}

.po_verfication_table .SENT,
.po_verfication_table .NAME {
	min-width: 140px;
}

.custom-select2-dropdown-width {
	width: 350px !important;
}

@media (min-width: 992px) {
	.respo-width .col-lg-2 {
		flex: 0 0 auto;
		width: 14.2%;
	}

	.respo-width .col-lg-2 .btn {
		padding: 4.4px !important;
	}
}

.invoicedetails_table tbody tr td .accordion-flush .accordion-item .accordion-button {
	float: left;
}

.invoicedetails_table .px--0 {
	padding: 0px !important;
}

/* .invoicedetails_table .pl-2 {
	padding-left: 30px !important;
} */

.badge-danger {
	background-color: rgba(234, 84, 85, 0.12);
	color: #ea5455 !important;
}

.badge-success {
	background-color: rgba(40, 199, 111, 0.12);
	color: #28c76f !important;
}

.badge-secondary {
	background-color: rgba(130, 134, 139, 0.12);
	color: #82868b !important;
}

.badge-info {
	background-color: rgb(236 253 255);
	color: #00a3b7 !important;
}

.badge-warning {
	background-color: rgba(255, 159, 67, 0.12);
	color: #ff9f43 !important;
}

.automation_log.autolog_table .SPECIAL_INSTRUCTIONS_CATEGORY,
.automation_log.autolog_table .SPECIAL_INSTRUCTIONS_DESCRIPTION {
	min-width: 178px;
}

.Monthly_Invoices_table .action {
	min-width: 50px;
}

/* #preloader {
	height: 50px;
	width: 50px;
	background: url( '../img/kloader.gif' );
	background-repeat: no-repeat;
	background-position: center center;
	position: fixed !important;
	background-size: 100%;
	left: 50% !important;
    top: 50% !important;
}

#loader {
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: center center;
	position: fixed !important;
	opacity: 0.6;
	filter: alpha(opacity = 60);
	width: 100% !important;
	height: 100% !important;
} */

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 9999;
	display: none;
}

#loader {
	height: 80px;
	width: 80px;
	background: url('../images/k-loader.gif');
	background-repeat: no-repeat;
	background-position: center center;
	position: fixed !important;
	background-size: 100%;
	left: 50% !important;
	top: 50% !important;
}

.remove-icon-accor {
	position: relative;
}

.remove-icon-accor .remove-invoice-line-row {
	position: absolute;
	right: 9px;
}

/* .navbar-brand>img:first-child{
	position: absolute;
    top: -14px;
    left: 0;
    width: 50px !important;
} */
.navbar-brand>img:nth-child(1) {
	/* margin-left: 50px !important; */
	padding: 0px !important;
	width: 50px !important;
}

.navbar-brand {
	padding: 0;
	min-width: 250px;
	background: #256fac;
	display: inline-block;
	margin: -5px 0;
	min-height: 60px;
	padding-top: 5px;
	text-align: center;
	position: relative;
	overflow: hidden;
}

a.navbar-brand:before {
	content: "";
	background: #5bc9e1;
	width: 60px;
	height: 60px;
	display: inline-block;
	top: 0;
	left: -41px;
	position: absolute;
	border-radius: 5px;
	transform: rotate(45deg);
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2);
}

a.navbar-brand:after {
	content: "";
	background: #5bc9e1;
	width: 60px;
	height: 60px;
	display: inline-block;
	top: 0;
	right: -40px;
	position: absolute;
	border-radius: 5px;
	transform: rotate(45deg);
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .2);
}

.main-content {
	margin-top: 70px !important;
}

.ocr-text-view p {
	font-size: 13px;
	align-items: center;
}

.ocr-text-view.text-view p strong {
	min-width: 115px;
	width: 115px;
	font-weight: 600;
}

#assignedBatches td a {
	width: 100%;
	display: block;
}

.lh-normal {
	line-height: normal !important;
}

.sp_open svg {
	width: 25px;
	fill: #3f3f3f;
}

.select-reaonly {
	pointer-events: none !important;
}

.select-reaonly .select2-selection--single {
	background-color: #e6e6e6 !important;
}

.time-date-doc {
	font-size: 10px;
}

.upload_document_table .CREATED_DTTM {
	min-width: 116px;
}

.phone-reimbursment .EMPLOYEE_NAME {
	min-width: 140px;
	text-align: left;
}
.phone-reimbursment .VENDOR_ID{
	min-width: 90px;
	text-align: right;
}
.phone-reimbursment .POSITION {
	min-width: 170px;
	text-align: left;
}

.phone-reimbursment .AMOUNT,.phone-reimbursment .ACCOUNT {
	text-align: right;
	min-width: 70px;
}

.phone-reimbursment .action {
	min-width: 60px;
}

.phone-reimbursment .CREATED_USER,
.phone-reimbursment .CREATED_DTTM {
	min-width: 140px;
}

.payment_table .SCHEDULED_PAY_DT,
.voucher_table .VOUCHER_CREATED_DTTM {
	min-width: 140px !important;
}

.voucher_table .INVOICE_DT,
.voucher_table .ACCOUNTING_DT,
.voucher_table .DUE_DT,
.voucher_table .ENTERED_DTTM,
.voucher_table .LAST_UPDATE_DTTM {
	min-width: 120px;
}

.voucher_table .INVOICE_ID {
	min-width: 155px;
}

.Vendor_form .VENDOR_TYPE {
	min-width: 100px;
}

.Vendor_form .VENDOR_FORM_ID,
.Vendor_form .APPROVED_BY {
	min-width: 130px;
}

.Vendor_form .WAITING_ON {
	min-width: 160px;
}

th:has(> input.form-control),
th:has(> select.form-select),
th:has(> .date-picker-align > input.form-control) {
	padding: 0.2rem !important;
}

.Monthly_Invoices_table .APPROVAL_TYPE,
.Monthly_Invoices_table .APPROVER {
	min-width: 130px !important;
}

.badge {
	font-size: .8em;
	font-weight: 600;
}

#pass-vieww {
	position: absolute;
	top: 20%;
	right: 5%;
	cursor: pointer;
}

#pass-view {
	position: absolute;
	top: 45%;
	right: 5%;
	cursor: pointer;
}

.User_Workflow_Setup thead tr th,
.User_Workflow_Setup tbody tr td {
	min-width: 80px;
}

.User_Workflow_Setup .THRESHOLD {
	text-align: right;
	min-width: 60px;
	max-width: 60px;
}

.User_Workflow_Setup .SKIP_APPROVAL,
.User_Workflow_Setup .APPROVAL_LEVEL {
	min-width: 50px;
	max-width: 50px;
}

.User_Workflow_Setup .CREATED_USER {
	min-width: 90px !important;
	max-width: 90px !important;
}

.dropdown-menu.main-menu-sub.top-submenu {
	left: auto;
	margin-top: 40px;
}

.dropdown-submenu.nav-rotate.bottom-align a::after {
	transform: rotate(0deg) !important;
}

.dropdown-submenu.nav-rotate.bottom-align:hover a::after {
	transform: rotate(180deg) !important;
}

.splitTableBySpeedKey tbody tr td:nth-child(5) {
	text-align: right;
}

.whitespace-nowrap {
	white-space: nowrap;
}

span.select2-container.select2-container--default.select2-container--open,
.select2-results__option {
	font-size: 0.8rem;
}

@media (min-width: 768px) {
	.line_ocr_data .col-md-2 {
		width: 20%;
	}
}

#pdfModal {
	max-height: 100vh;
	padding-top: 28px;
	padding-right: 0;
}

.analytics_page .modal-dialog.modal-custom {
	max-width: 84%;
	margin-right: 0;
	height: 90%;
}

.analytics_page.toggled .modal-dialog.modal-custom {
	max-width: 97%;
}

.analytics_page .modal-dialog.modal-custom iframe {
	height: 90vh;
}

button.pdfModalClose {
	position: absolute;
	right: 8px;
	top: -24px;
	background-color: #fff;
	color: #e2e2e2 !important;
	opacity: 1;
	z-index: 2;
}

.text-primary {
	color: #1245a6 !important;
}

.upload_document_table .CREATED_DTTM,
.upload_document_table .SUBMITTED_DTTM {
	min-width: 140px;
}

.W9-file {
	position: relative;
}

.file-view-eye {
	position: absolute;
	right: 6px;
	top: 25px;
}

.Vendor_form .W9_FILE_PATH {
	min-width: 250px !important;
	text-align: left !important;
}

.bg_shadow_footer {
	background-color: #83899b !important;
	color: white;
}

.bg_shadow_footer_one {
	background-color: #a0a6b6 !important;
	color: white;
}

.box-shadow-recon {
	box-shadow: 0 10px 20px 0 rgb(0 0 0 / 10%);
}

#fromdate-error,
#todate-error {
	position: absolute;
}

.Vendor_form td.Action {
	text-align: right;
}

.invoicedetails_table tbody tr td div.accordion-collapse .card.card-body.p-1 {
	border-bottom: 2px solid #002f87;
	border-radius: 0px;
	margin-bottom: 4px;
}

.Approval-checkbox {
	display: flex;
	align-items: center;
}

.Approval-checkbox input#checkAll {
	width: 18px;
	height: 18px;
	cursor: pointer;
}

.btn-grad {
	background-image: linear-gradient(to right, #3c4b9c 0%, #1f2e82 51%, #3c4b9c 100%);
	text-align: center;
	/*text-transform: uppercase;*/
	transition: 0.5s;
	color: white;
	box-shadow: 0 0 20px #eee;
	display: flex;
	align-items: center;
}

.btn-grad:hover {
	background-position: right center;
	color: #fff;
	text-decoration: none;
}

.btn-grad span {
	background: #25ae5c;
	/* padding: 3px; */
	border-radius: 30px;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 3px 3px 3px 10px;
}

.card.p-2.mb-2 table tbody tr td.px-0 {
	padding: 0px !important;
}

.distribution-font {
	margin-bottom: 0px;
	font-weight: 500;
	text-align: center;
	font-size: 0.8rem;
}

.line-data-table th:nth-child(1),
.line-data-table td:nth-child(1) {
	min-width: 150px;
	max-width: 150px;
}

.line-data-table th:nth-child(3),
.line-data-table td:nth-child(3) {
	min-width: 100px;
	max-width: 100px;
}

.line-data-table th:nth-child(4),
.line-data-table td:nth-child(4) {
	min-width: 80px;
	max-width: 80px;
}

.view-eye-icon {
	position: absolute;
	right: 0;
	bottom: 0;
}

.invprogressouter.print {
	height: auto;
}

.multi-select-dropdown.p-relative {
	position: relative;
}

.multi-select-dropdown.p-relative .fa-chevron-down {
	position: absolute;
	right: 5px;
	bottom: 9px;
	font-size: 12px;
	pointer-events: none;
}

.invoice-approval-filter .col-lg-2 {
	padding-right: 3px;
	padding-left: 3px;
	width: 13.3%;
}

.invoice-approval-filter .col-lg-3 {
	padding-right: 3px;
	padding-left: 3px;
	width: 20%;
}

.showclvnonheader {
	display: flex;
	gap: 13px;
	margin-bottom: 0;
	flex-wrap: wrap;

}

.showclamvn {
	display: flex;
	font-size: 14px;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 15px;
	align-items: center;
}

.showclid,
.showvnid {
	display: flex;
	flex-direction: column;
	text-align: left;
	justify-content: start;
}

.showclid {
	border-right: 1px solid #0f41a0;
	padding-right: 13px;
}

.showclid span:first-child,
.showvnid span:first-child {
	font-size: 11px;
}

.splitTable thead tr th:nth-child(5),
.splitTable tbody tr td:nth-child(5) {
	min-width: 140px;
}

.multi-select-dropdown .select2-container .selection .select2-selection .select2-selection__rendered {
	display: flex;
	overflow: auto;
	cursor: pointer;
}

input[type="checkbox"],
input[type="radio"] {
	cursor: pointer;
}

.border-bottom-blackk {
	border-bottom: 3px solid #000;
}

.document_div ul {
	list-style: none;
	padding-left: 0;
}

.document_div ul li {
	border-bottom: 1px solid #ccc;
	padding: 10px 0px;
	padding-left: 25px;
	position: relative;
}

.doc_div_pdf {
	color: rgb(204, 0, 0);
}

.document_div ul li:hover,
.document_div ul li:hover a {
	background: #f5f5f5;
}

.document_div ul li:before {
	content: "";
	background: url(../img/logo-right.svg);
	background-size: 100%;
	background-repeat: no-repeat;
	width: 11px;
	height: 19px;
	display: inline;
	position: absolute;
	left: 5px;
	top: 13px;
}

.document_div ul li a {
	color: #000;
}

.inprogess_check.check_approve {
	width: 18px;
	height: 18px;
}

.automation_log.autolog_table .VOUCHER_CREATED_DT,
.automation_log.autolog_table .SUBMITTED_DTTM,
.automation_log.autolog_table .CREATED_DTTM,
.automation_log.autolog_table .APPROVED_DATE {
	min-width: 140px;
}

.automation_log.autolog_table .CREATED_USER {
	min-width: 110px;
}

.ps-read.form-control[readonly] {
	background-color: transparent !important;
}

.user_table .ROLE_NAME {
	min-width: 160px;
}

.user_table .CREATED_ON,
.user_table .UPDATED_DTTM {
	min-width: 140px;
}

.badge-environment {
	color: #ffffff;
	font-weight: 500;
	font-size: 85%;
	background: #25ae5c;
	padding: 4px 8px;
	border-radius: 4px;
	letter-spacing: .6px;
	margin-left: 4px;
}

.po_verfication_table .INV_EXP,
.po_verfication_table .INVOICE_DATE,
.po_verfication_table .DOC_ID_STATUS,
.po_verfication_table .CREATED_DTTM,
.po_verfication_table .LASTUPD_DTTM {
	min-width: 140px;
}

.po_verfication_table .VOUCHER_ID {
	min-width: 90px;
	text-align: center;
}

.po_verfication_table .PAYMENT_STATUS,
.po_verfication_table .INVOICE_TOTAL {
	min-width: 80px;
}

.po_verfication_table .FILE_NAME,
.po_verfication_table .DESCRIPTION {
	min-width: 180px;
	text-align: left;
}

span.or_text:before {
	position: absolute;
	left: -7px;
	height: 15px;
	background: #ffffff;
	color: #0e0e0e;
	white-space: nowrap;
	top: 0;
	margin: auto;
	content: "or";
	line-height: 10px;
	bottom: 0;
}

span.or_text {
	position: absolute;
	left: -1px;
	height: 70%;
	width: 1px;
	white-space: nowrap;
	top: 0px;
	margin: auto;
	background: #979797;
	color: #888888;
	bottom: 0;
}

.p-relative {
	position: relative;
}

.pdf_mianblock {
	min-height: fit-content;
}
.Vendor_Attributes .VENDOR_NAME{
	min-width: 165px;
}
.Vendor_Attributes .ACCOUNT{
	min-width: 110px;
}
.Vendor_Attributes .DRIVING_FIELD_OCR_2,.Vendor_Attributes .KEYWORD1,.Vendor_Attributes .DRIVING_FIELD_OCR_2,.Vendor_Attributes .KEYWORD2,.Vendor_Attributes .CITY,.Vendor_Attributes .STATE,.Vendor_Attributes .POSTAL{
	min-width: 80px;
}
.Vendor_Attributes .Action{
	min-width: 50px;
}
.Vendor_Attributes .DEPT_ID{
	min-width: 150px;
}
.Vendor_Attributes .ADDRESS1,.Vendor_Attributes .ADDRESS2{
	min-width: 180px;
	text-align: left;
}
.departmentTable .DEPT_NAME, .accounts_dttable .ACCOUNT_NAME{
	min-width: 180px;
	text-align: left;
}
.vendor_dttable .SYNC_DTTM{
	min-width: 140px;
}
.scope-selector{
	border: 1px solid #ccc !important;
}
.vendor_dttable .VENDOR_NAME{
	min-width: 180px;
}
.combo_dttable .ACCOUNT, .combo_dttable .DEPT_ID{
	text-align: right;
	min-width: 70px;
}
.DEPT_ID{
	text-align: right;
}
.voucher_status_table tr th, .voucher_status_table tr td{
	min-width: 80px;
}
.voucher_status_table .VOUCHER_ID,.voucher_status_table .GROSS_AMT,.voucher_status_table .VENDOR_ID,.voucher_status_table .VENDOR_LOC,.voucher_status_table .CLAIM_NO{
	text-align: right;
}
.voucher_status_table .VOUCHER_STYLE,.voucher_status_table .VENDOR_SETID{
	text-align: left !important;
}
.voucher_status_table .ACCOUNTING_DT,.voucher_status_table .DUE_DT,.voucher_status_table .ENTERED_DTTM,.voucher_status_table .LASTUPD_DTTM,.voucher_status_table .SYNC_DTTM,.voucher_status_table .INVOICE_DT{
	min-width: 140px;
}
.voucher_status_table .INVOICE_ID{
	min-width: 160px;
}
.vendor_templateTable .ADDRESS_1{
	min-width: 160px;
	text-align: left;
}
.CREATED_DTTM,.LASTUPD_DTTM{
	min-width: 140px;
}
.vendor_templateTable .action{
	min-width: 60px;
}
.vendor_templateTable .ADDRESS_SEQ_NUM{
	min-width: 110px;
}
.vendor_templateTable .VENDOR_ID{
	min-width: 85px;
}
.vendor_dttable .SCOPE {
	min-width: 80px;
}
.invoicedetails_table .coll-line-details td:nth-child(1),.invoicedetails_table .coll-line-details th:nth-child(1){
max-width: 80px;
min-width: 80px;
}

.invoicedetails_table .coll-line-details td:nth-child(2),.invoicedetails_table .coll-line-details th:nth-child(2){
max-width: 80px;
min-width: 80px;
}

.invoicedetails_table .coll-line-details td:nth-child(3),.invoicedetails_table .coll-line-details th:nth-child(3){
max-width: 150px;
min-width: 150px;
}

.form-group.combo-select-loading,
td.combo-select-loading {
	position: relative;
}
.combo-select-spinner {
	display: none;
	position: absolute;
	right: 28px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 6;
	color: #0984e3;
	pointer-events: none;
	font-size: 14px;
	line-height: 1;
}
.combo-select-loading > .combo-select-spinner {
	display: inline-block;
}
.combo-select-loading .select2-selection,
.combo-select-loading > select {
	opacity: 0.65;
}