html .header {

	background: url("../../assets/images/Group10.jpg");

	background-size: 1550px 350px;

	background-size: cover;
	position: sticky;
	top: 0px;
	z-index: 1;

}

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

.debt h1 {
	color: #FFC107;
	margin-bottom: 28px;
	margin-left: 68px;
	margin-top: 40px;

}

.debt_details h5 {
	margin-left: 68px;
	margin-bottom: 39px;
}

.space.display {
	margin-bottom: 40px;
	/* Adjust the value to set the desired space */
}

.table_border .table {

	border: 0px;

	background: rgb(255, 193, 7, .1);

	border-bottom: 1px solid #ffc107;


} 

.table_border td {

	border-right: 1px solid #ffc107;
	text-align: center;


}



.table_border th {

	border-right: 1px solid #ffc107;
	text-align: center;

}



.table_border.td-1 {

	border-right: 0px;

}

.table_border tr:nth-child(even) {

	background-color: #fff;

}

.table_border th {
	font-size: max(var(--readable-text-min, 0px), 15px);
	font-weight: 500;
}

.loader-container {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 9999;
}




.ajax_raTransp {
	background: #ffffff59;
	height: 100%;
	opacity: 1;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1089;
}

.ajax_raDiv {
	width: 80px;
	height: 80px;
	-webkit-animation: spin 1.6s infinite linear;
	-o-animation: spin 1.6s infinite linear;
	animation:spin 1.6s linear infinite;
	display: block;
	margin: 0 auto;
	left: 50%;
	position: fixed;
	top: 40%;
	z-index: 1090;
	margin-left: -40px;
}




.space-lr {
	justify-content: space-between;
	font-size: max(var(--readable-text-min, 0px), 13px);
}

/* Yard Inventory css */
.cancel_yard {


	color: black;


	font-size: 20px !important;
	width: 160px;
	margin-left: 10px;
	margin-right: 0px;
	border-radius: 25px !important;
	border:1px Solid  #FFC107 !important;

}

.cancel_yard:hover {
	background-color: lightgray;
	color: black;

}

.save_yard {
	border: none;
	color: black;
	background-color: #FFC107 !important;

	font-size: 20px !important;
	width: 160px;
	margin-left: 10px;
	margin-right: 0px;
	border-radius: 25px !important;
}

.save_yard:hover {
	background-color: rgb(255, 224, 132);
	color: white;
}


/* Loader Animation */
.loader {
	border: 4px solid #f3f3f3;
	/* Light grey */
	border-top: 4px solid #3498db;
	/* Blue */
	border-radius: 50%;
	width: 50px;
	height: 50px;
	animation: spin 2s linear infinite;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -25px;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.action_button {
	text-align: center;
	width: 150px;
}

.nav-item .nav-link {
	color: black;

	font-family:system-ui;
	font-weight: 600;
	
}

.logo {
    padding: 10px;


}

.nav-link .icons {
	font-weight: 600;
}

.logo h1 {

	font-family:system-ui;
	font-weight: 600;
	font-size: 22px;
	margin-top: 16px;
	padding: 6px;
}

.icons {

	color: #070808;

}
.navbar-list{
	margin: auto;
    display: flex;
    justify-content: center;
}
.mobi-btn{
	display: none;
}

.navbar-nav .nav-item:hover i {

	color: white;

}

.navbar-nav .nav-item:hover a {

	color: white;

}
.navbar-nav .nav-item.logou-t:hover a{
	color: red;
}
.navbar-nav .nav-item.logou-t:hover i{
	color: red;
}

.nav-icon {

	
}

.navbar-brand {

	display: flex;

}

.part-1 .blocks {

	margin-right: calc(var(--bs-gutter-x) * 0);

	margin-left: calc(var(--bs-gutter-x) * 0);

}

.part-1 .row>* {

	padding-right: calc(var(--bs-gutter-x) * 0);

	padding-left: calc(var(--bs-gutter-x) * 0);

}

.part-1 {

	background-color: #EAE0C8;
	border-radius: 30px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.handshake {

	padding-block-start: 39px;
	max-width: 100%;
	margin-left: 20px;
}

.box {

	background-color: black;

	border-radius: 30px;

	height: 450px;

	width: auto;

	justify-content: space-between;

}

.box h1 {

	color: #FFC107;

	margin-inline-start: 28px;

	padding-block-start: 158px;

	font-family:system-ui;

	font-weight: 600;

}

.box p {

	color: white;

	margin-inline-start: 28px;

	font-size: 22px;

	font-family:system-ui;

	font-weight: 400;

}

.box .p1 {

	color: white;

	margin-inline-start: 28px;

	margin-block-start: -18px;

	font-size: 22px;

	font-family:system-ui;

	font-weight: 400;

}

.border {

	width: 50px;

	height: 430px;

	background-color: white;

	border-radius: 50px;

	margin-right: 10px;

	margin-top: 10px;

}

.part-2 {

	background: rgba(234, 224, 200, .3);

	margin-top: 40px;

}

.part-2_1 {

	    background: url(../../assets/images/background-1.png);
    margin-bottom: 30px;
    box-shadow: 0px 0px 12px -2px #00000025;
    border-radius: 10px;
	margin-bottom: 30px;
}


.text h1 {

	color: #FFC107;

	font-family:system-ui;

	font-weight: 600;

}

p {

	font-family:system-ui;

	font-weight: 600;

}

.text .p2 {

	margin-top: -10px;

	font-family:system-ui;

	font-weight: 600;

}

.navbar-brand .img-fluid {

	height: 62px !important;
	width: auto;
}
.navbar-brand span{

	margin:auto;
	    font-weight: 700;
    font-size: 25px;

}
.navbar-nav{
	column-gap:20px;
}

.tables td {

	padding: 15px;

}

.table_data {

	padding: 15px !important;

}

.part2-img {

	padding-block-start: 57px;

	max-width: inherit;

}

.part-3 h1 {

	color: #FFC107;

	line-height: 90px;

	font-family:system-ui;

	font-weight: 600;

}


.main-table .table {

	border: 0px;

	background: rgb(255, 193, 7, .1);

	border-bottom: 1px solid #ffc107;

}



.main-table td {

	border: 1px solid #ffc107;
	/*neww css */
	text-align: center;
	vertical-align: middle;
}



.main-table th {

	border: 1px solid #ffc107;

}



.main-table .td-1 {


}

.padding-h {
	padding: 6px;
}

.heading-row {
	text-align: center;

	font-size: 17px;

	font-weight: 800;

	background-color: rgba(255, 193, 7, 1.3);

}



.main-table tr:nth-child(even) {

	background-color: #fff;

}



.text .btn {

	background: #dc3545;

	font-family:system-ui;

	font-weight: 600;
	color: white;

}



.nav-link .icons {

	padding-inline-end: 10px;

}



.skip {

	text-align: justify;

	text-align-last: right;

}



.btn {

	border: none;

	text-decoration: none;
}

.responsive_table {
	padding: 14px 5px 9px 15px;
}

.btn_con {
	padding-right: 0px !important;
	height: 40px;
}

.footer_data {
	color: black;
	padding: 10px 0;
	text-align: center;
	background-color: #F5F5F5;

}

.badge {
}

.myprofile {
	color: #FFC107;
	line-height: 90px;
	font-family:system-ui;
	font-weight: 600;
}

hr {
	margin-bottom: 0px !important;
}

.div_space {
	margin-top: 100px !important;
}

h5 {

}

.legend {
	position: relative;
	bottom: 11px;
	width: 40%;
	background-color: #F5F5F5;
	border-radius: 25px;
}

.pagination li a {
	color: black !important;
	float: right;
	border: none;
	height: 45px;
	text-decoration: none;
	font-size: max(var(--readable-text-min, 0px), 15px);
	padding: 9px 19px;


}

.pagination li a.active {
	background-color: #FFCA2C;
    padding: 7px 12px;
    border: none;
    border-radius: 50px !important;
    height: fit-content;
    margin: auto;
}

.pagination li a:hover {
	background-color: #FFCA2C;
    padding: 7px 12px;
    border: none;
    border-radius: 50px !important;
    height: fit-content;
    margin: auto;
	/* Styles for the hovered page link */
}

.pagination li a:focus {
	background-color: #FFCA2C;
    padding: 7px 12px;
    border: none;
    border-radius: 50px !important;
    height: fit-content;
    margin: auto;
	/* Styles for the focused page link */
}

.nav-text {
	text-decoration: none;
	color: black;
}

.active {
	color: white;
}


a.sort-by {
	color: black;
	text-decoration: none;
}

th a i {
	margin-left: 5px;
	color: black;
}

.view_button {
	width: 103px !important;
	height: 28px !important;
	padding: inherit !important;
}

.search_row {
	float: right;
	margin-right: 0px !important;
	position: relative;

}



.search_row input[type="text"] {
	padding-right: 20px;
	/* Add space for the cross button */
}
.search-input{
	position: relative;
}
.clear-search {
	position: absolute;
	top: 14%;
	left:41%;

	cursor: pointer;
	transform: translateY(-1px);
}
.clear-search-debt {
	left:90%;
	
}
.clear-search-support {
	left:65%;
	
}

.button_search {
	padding-left: 0px !important;
}

.scroll-bar {
	overflow: auto;
	margin-bottom: 23px;
}

.clear-search-invoice {
	position: absolute;
	top: 14%;
	left:65%;
	cursor: pointer;
	transform: translateY(-1px);
}

/* lien details added css */

.text-buttons-part {
	padding: 32px 0px 17px 0px;
}

.text-1 h1 {
	font-family:system-ui;
	font-weight: 600;
	font-size: 33px;

}

.buttons-column {
	text-align: end;
}

.text-8 {
	padding: 5px 0px 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.text-9 {
	padding: 5px 0px 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.text-7 .btn-down {
	width: 32%;
	padding: 10px 50px;
	background-color: #FFC107;
	border-radius: 50px;
	color: black;
}

.text-8 .btn-down {
	width: 32%;
	padding: 10px 50px;
	background-color: #FFC107;
	border-radius: 50px;
	color: black;
}

.button-part .btn-down {
	width: 94%;
	padding: 11px 26px;
	background-color: #FFC107;
	border-radius: 7px;
	color: black;
	font-size: max(var(--readable-text-min, 0px), 13px);
	border: none;
}

.text-9 .btn-down {
	width: 32%;
	padding: 10px 50px;
	background-color: #FFC107;
	border-radius: 50px;
	color: black;
}

.document p {
	margin: 10px 0px 0px 0px;
	font-weight: 500;
	font-size: 17px;
}

.table .download {
	color: black;
	border: 0px;
}

.table .download:hover {
	color: black;
}

.table .btn.download:active {
	color: black;
}

.main-table th {
	font-size: max(var(--readable-text-min, 0px), 15px);
	font-weight: 500;
}

.work-control {
	background: url(../../assets/images/background-1.png);
	padding: 20px;
	box-shadow: 0px 0px 12px -2px #00000025;
	border-radius: 10px;
	background-size: contain;
}

.work-control p {
	margin-bottom: 0px;
	font-size: max(var(--readable-text-min, 0px), 15px);
}

.button-part .btn-down1 {
	width: 100%;
	padding: 10px 25px;
	background-color: #FFC107;
	border-radius: 50px;
	color: black;
	max-width: 380px;
}

.btn-down1 {
	margin-top: 10px;
}

.cart_fifth-row-1 {
	border-bottom: 1px solid #FFC107;
	padding-block-end: 12px;
}

.detail-1 {
	margin: 0px;
	font-family:system-ui;
	font-weight: 600;
}

.cart_radio-btns-1 {
	border: 1px solid black;
	display: flex;
	justify-content: end;
	border-radius: 6px;
}

.cart_sixth-row-1 {
	padding-block-end: 15px;
}

.cart_radio-btns-2 {
	padding: 3px 15px;
	border: 1px solid black;
	border-radius: 6px;
}

.row-2 {
	padding: 0px 0px 0px;
}

.text-1 .btn-down {
	padding: 10px 50px;
	background-color: #FFC107;
	border-radius: 50px;
	color: black;
}

.text-3 .btn-down {
	padding: 10px 50px;
	background-color: #FFC107;
	border-radius: 50px;
	color: black;
	width: 32%;
}

.form-head h1 {
	font-family:system-ui;
	font-weight: 600;
	font-size: 27px;
}

.btns {
	display: block;
}


.formm {
	border: 2px solid #FFC107;
	position: relative;
	margin-block-start: 5px;
	border-radius: 13px;
	margin-bottom: 50px;

}

.form-head {
	position: absolute;
	top: -20px;
	background-color: white;
	padding-left: 8px;

	padding-right: 10px;
}

.forms {
	padding: 35px 25px;
}

.f-l {
	margin-bottom: 0.5rem;
	font-size: 18px;
	font-weight: 600;
	font-family:system-ui;
}

.first-row {
	margin: 29px 0px;
}

.second-row {
	margin: 29px 0px;
	flex-wrap: wrap;
	border-bottom: 1px solid black;
	padding-block-end: 60px;
}

.third-row {
	margin: 29px 0px;
	padding-block-start: 20px;
}

.radio-1 {
	margin-right: 30px;
	margin-left: 7px;
	padding-right: 15px;
}

.radio-2 {
	margin-left: 7px;
}

.forms .form-control {
	border: 1px solid black;
}

.forth-row {
	margin: 29px 0px;
	border-bottom: 1px solid black;
	padding-block-end: 60px;
}

.fifth-row {
	margin: 29px 0px;
	border-bottom: 1px solid black;
	padding-block-end: 60px;
	padding-block-start: 25px;
}

.sixth-row {
	padding-block-start: 25px;
	margin: 29px 0px;
	border-bottom: 1px solid black;
	padding-block-end: 60px;
}

.seventh-row {
	padding-block-start: 25px;
	margin: 29px 0px;
}

.radio-btns {
	padding: 5px 15px;
	border: 1px solid black;
	display: flex;
	justify-content: end;
	border-radius: 10px;
	background-color: #e9ecef;
}

.radio-btns-1 {
	padding: 5px 0px 5px 15px;
	border: 1px solid black;
	display: flex;
	border-radius: 10px;
	background-color: #e9ecef;
}


.form-check-label {
	font-size: max(var(--readable-text-min, 0px), 15px);
	font-weight: 600;
	font-family:system-ui;
}

/* lien details css end */

/* invoice details css */

.text-11 h1 {
	font-size: 33px;
}

.content-1 {
	padding: 50px 10px 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.row-2 {
	padding: 0px 0px 0px;
}

.btns .btn {
	max-width: 453px;
	border-radius: 7px;
}

.hed .btn-2 {
	border: none;
	padding: 5px 25px;
	background-color: #d9d912;
	border-radius: 50px;
}

.hed h1 {
	font-size: 27px;
	color: black;
}

.part-4 {
	margin-top: 60px;
}

.invoice.part-4 {
	margin-top: 30px;
}

.hed {
	padding: 0px 0px 10px;
	display: flex;
	justify-content: space-between;
}

.part-main {
	margin-bottom: 50px !important;
}

.part-main .bill {

	padding: 10px 35px !important;

	padding-right: calc(var(--bs-gutter-x) * 0);
	padding-left: calc(var(--bs-gutter-x) * 0);
}

.part-main .bill-2 {

	padding: 10px 35px !important;

	padding-right: calc(var(--bs-gutter-x) * 0);
	padding-left: calc(var(--bs-gutter-x) * 0);
}

.bill-head h1 {
	font-size: 18px !important;
	text-align: center !important;
	padding: 10px 5px !important;
	background-color: #ede6e6 !important;
	margin: 15px 0px !important;
}

.text-row-1 {
	display: flex !important;
	justify-content: space-between !important;
}

.text-row-1 h1 {
	font-size: 18px;
	font-weight: 600 !important;
}

.total {
	border-bottom: 1px solid black !important;
	border-top: 1px solid black !important;
	margin: 10px 0px !important;
	padding-top: 10px !important;
}

.btns .btn2 {
	padding: 10px 89px !important;
}

.bill-2 {
	margin-top: 20px !important;
}

.bills .bill {
	background: url('../../assets/images/pngegg.png') !important;
	background-size: 424px 455px !important;
	background-repeat: no-repeat !important;
	box-shadow: 0px 0px 12px -2px #00000025;
    border-radius: 10px;
}

.bills .bill-2 {
	background: url('../../assets/images/pngegg.png') !important;
	background-size: 424px 142px !important;
	background-repeat: no-repeat !important;
	box-shadow: 0px 0px 12px -2px #00000025;
    border-radius: 10px;
}


td a {
	text-decoration: none;
}

.price_type {
	margin-top: 13px;
}

/* invoice details css end */

/* generate report */
.part-7 h1 {
	color: #FFC107;
	line-height: 90px;
	font-family:system-ui;
	font-weight: 600;
}

.upr_container {
	background-color: #ffc10770;
	font-size: max(var(--readable-text-min, 0px), 13px);
	padding-top: 13px;
	height: 45px
}

.upr_container_2 {
	background-color: #ffc10770;
	font-size: max(var(--readable-text-min, 0px), 13px);
	padding-top: 13px;
	height: 45px
}

.upr_container p {
	font-family:system-ui;
	font-weight: 600;
}

.upr_container_2 p {
	font-family:system-ui;
	font-weight: 600;
}

.lwr_container {
	background-color: #F5F5F5;
	padding:15px;
}

.lwr_container_2 {
	background-color: #F5F5F5;
	padding:15px;
}

.remove-bg[data-exclude-bg]{
	background:none !important;
}


/* 03-04-24 */

.custom_input_row {
    background-color: white;
    padding: 22px 0;
    border-radius: 40px;
    box-shadow: 1px 1px 12px 1px rgba(0, 0, 0, .25);
}

.custom_container_input{
	position:relative;
	bottom:81px;
}

.custom_container_input_2{
	position:relative;
    width: 100%;
    bottom: 79px;
}

.image-container {
	position: relative;

}

.full-screen-image {
	display: block;
	width: 100%;
	height: 41px;
	margin-top: 20px;
}

.small-screen-image {
	display: none;
}

.goback_button {
	border: 1px solid #FFC107 !important;
	color: black;
	background-color: #EEEEEE !important;
	float: right;
	font-size: 20px !important;
	width: 200px;
	text-decoration: none;
	border-radius: 7px !important;
}

.generate_button {
	border: none;
	color: black;
	background-color: #FFC107 !important;
	float: right;
	font-size: 20px !important;
	width: 200px;
	margin-left: 10px;
	margin-right: 0px;
	border-radius:7px !important;
}

.goback_button:hover {
	background-color: rgb(118, 117, 47);
	color: black;
}

.generate_button:hover {
	background-color: #ffca2c !important;
}
.button-container {
	text-align: right;
}

.button-container button {
	margin-left: 10px;
}
.p_generate {
	padding-left: 5px;
	padding-top: 20px;
}

/* end */
/* qr code */
#scanner-container {
	position: relative;
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
}

#scanner-video {
	width: 100%;
}

.scanner-overlay {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 70%;
	height: 30%;
	border: 2px solid #fff;
	border-radius: 8px;
	pointer-events: none;
}

/* order a new lien start */

.formm-head h3 {
	font-size: 19px;
	font-family:system-ui;
	font-weight: 600;
}

.text-lien-2 {
	margin-top: 11px;
	margin-left: 41px;
}

.text-lien-1 {
	display: flex;
	align-items: center;
}

.text-lien-3 {
	margin-top: 11px;
	margin-left: 41px;
}

.order_img {
	margin-right: 10px;
}

.formm-container {
	border: 2px solid #FFC107;
	position: relative;
	margin-block-start: 50px;
	margin-bottom: 50px;
}

.formm-head {
	position: absolute;
	top: -15px;
	margin-left: 20px;
	background-color: white;
	padding-left: 10px;
	padding-right: 9px;
}

.form_ {
	padding: 35px 25px;
}

.f-l {
	margin-bottom: 0.5rem;
	font-size: 18px;
	font-weight: 600;
	font-family:system-ui;
}

.first-row-lien {
	margin: 29px 0px;
}

.form_ .form-control {
	border: 1px solid black;
	background-color: rgba(255, 250, 231);
}

.submit_vin {
	width: 370px;
	border-radius: 20px;
}

.text-lien-1 h1 {
	font-family:system-ui;
	font-weight: 600;
	font-size: 30px;
}

/* order a new lien end */

/* order new lien form details */
.text-11 h1 {
	font-family:system-ui;
	font-weight: 600;
	font-size: 33px;
	margin-left: 24px;

}

.text-11 {
	padding: 50px 0px 0px;
	display: flex;

}

.text-22 {
	margin-left: 51px;

}

.row-2 {
	padding: 0px 0px 0px;
}

.cart_row .btn1 {
	width: 100%;
	border-radius: 7px !important;
	padding: 10px 77px;
	color: white;
	border: 0px;
	font-size: 18px;
}

.cart_row .btn2 {
	width: 100%;
	border-radius: 50px;
	padding: 10px 77px;
	color: white;
	border: 0px;
	font-size: 18px;
}

.cart_form-head h1 {
	font-family:system-ui;
	font-weight: 600;
	font-size: 21px;
	padding: 0px 8px 0px 8px;

}

.btns {
	display: block;
}


.cart_form {
	border: 2px solid #FFC107;
	position: relative;
	margin-block-start: 50px;
	margin-bottom: 50px;
}
.cart_col_2{
	margin: auto;
}
.cart_form-head {
	position: absolute;
	top: -16px;
	background-color: white;
}

.cart_forms {
	padding: 35px 13px;
}

.cart_form-label {
	margin-bottom: 0.5rem;
	font-size: max(var(--readable-text-min, 0px), 12px);
	font-weight: 600;
	font-family:system-ui;
}

.cart_forms .tops {
	margin: 35px 0px;
}

.cart_forms .tops1 {
	margin: 35px 0px;
}

.cart_second-row {
	border-bottom: 1px solid black;
	padding-block-end: 25px;
}

.cart_third-row {
}

.cart_radio-1 {
	margin-right: 30px;
	padding-right: 15px;
}

.cart_forms .form-control {
	border: 1px solid black;
	/* #FFE69C */
	opacity: 1;
	font-size: max(var(--readable-text-min, 0px), 14px);
}

.cart_forms .input_bg_colour {
	background-color: var(--bs-secondary-bg)
}

.work-control {
	background: url('../../assets/images/background-1.png');
	padding: 20px;
	box-shadow: 0px 0px 12px -2px #00000025;
	border-radius: 10px;
	background-size: contain;
	font-size: 16px;
}

.work-control p {
	margin-bottom: 0px;
	font-size: max(var(--readable-text-min, 0px), 15px);
}

.cart_forth-row {
	border-bottom: 1.5px solid black;
	padding-block-end: 25px;
}

.cart_fifth-row {
	border-bottom: 1px solid #FFC107;
	padding-block-end: 9px;
}

.cart_sixth-row {
	padding-block-end: 9px;
}

.cart_radio-btns {
	padding: 5px 15px;
	border: 1px solid black;
	display: flex;
	justify-content: end;
	border-radius: 6px;
}

.cart_radio-btns-1 {
	padding: 5px 15px;
	border: 1px solid black;
	display: flex;
	border-radius: 6px;
}

.input-group-append .clr {
	background-color: #FFD352;
	border: 1px solid black;
	border-radius: 0px 5px 5px 0px;
	padding: 10px;
}


.cart_form-check-label {
	font-family:system-ui;
	/*css for neww */
	font-size: max(var(--readable-text-min, 0px), 15px);
    font-weight: 600;
}

.digit {
	/*neww css */
	    background: #fabb00;
    color: black;
	padding: 6px 4px;
	border-radius: 0px 5px 5px 0px;
	width: 31%;
	text-align: center;
	border: 1px solid black;
	position: absolute;
	right: 0;
	font-size: max(var(--readable-text-min, 0px), 14px);
}

.vin {
	display: flex;
	position: relative;
}

.line {
	display: flex;
}

.space {
	margin: 0px 10px;
	font-size: 16px;
}

.space p {
	font-weight: 600 !important;
}

.cal {
	display: flex;
	position: absolute;
	right: 0px;
}

.copy {
	background-color: #F1EFE9;

}

.spac {
	border-bottom: 1.5px solid #FFC107;
	padding-block-end: 20px;
}

.right {
	margin: 50px 0px 0px 0px;
	width: 100%;
	text-align: center;
	padding: 10px;
	font-weight: 700;
}

.disabled_field:disabled {
	background-color: #d2d4d6 !important;
}

/* order new lien form details end */
/*cart1_1  start */
/* cart1_1 end  */

.view_more_button {
	float: right;
}

/* model of police-agency */
.modal-div {
	height: 45px;
	background-color: #f7d980;
	border: #070808 solid 1px;
	padding-top: 6px;
}

.search_container {
	position: relative;
}

.clear-search-modal {
	position: absolute;
	top: 2%;
	right: 164px;
	cursor: pointer;
	transform: translateY(59px);
}


/* model end */
.cart_class {
	width: 161px;
	color: white;
	font-weight: 600;
	height: 26px;
	padding-top: 1px;
	margin-top: 4px;
	margin-bottom: 2px;
}

.cart_class2 {
	max-width: 161px;
	color: white;
	font-weight: 600;
	font-family:system-ui;
	white-space: nowrap;
}

.cart_shopping {
	margin-top: 6px;
	font-size: 28px;
}
.cart_roww{
	    display: flex;
}
.cart_class:hover {
	color: white;
}

.cart-icon {
	position: relative;
	display: flex;
	max-width: 50px;
}




.notify {
	position: absolute;
	right: 25%;
	background-color: #FF6364;
	color: white;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	text-align: center;
	font-size: max(var(--readable-text-min, 0px), 12px);
}

.text_cart_client {
	padding: 28px;
	color: #1b2f50;
	font-family:system-ui;
	font-weight: 400;
}

.text_cart_client p {
	font-weight: 600;
	font-family:system-ui;
	font-size: 17px;

}

#pagination a,
#pagination span {
	display: inline-block;
	padding: 5px 10px;
	text-decoration: none;
	color: #000;
	border: 1px solid #ffc107;
	border-radius: 3px;
}

#pagination a.active,
#pagination span.active {
	font-weight: bold;
	color: black;
	border: 1px solid #ffc107;
	background-color: #ffe79a;
	box-shadow: none;
}

#pagination span.dots {
	padding: 2px 8px;
	text-align: center;
}


#pagination a:hover {
	/* Styles for the hovered page link */
	background-color: rgb(255, 249, 230);
	border: 1px solid #ffc107;
	color: black;
}

.police_pagination a,
.police_pagination span {
	display: inline-block;
	padding: 5px 10px;
	text-decoration: none;
	color: #000;
	border: 1px solid #ffc107;
	border-radius: 3px;
}

.police_pagination a.active,
.police_pagination span.active {
	font-weight: bold !important;
	color: black !important;
	border: 1px solid #ffc107 !important;
	background-color: #ffe79a !important;
	box-shadow: none !important;
}

.police_pagination span.dots {
	padding: 2px 8px;
	text-align: center;
}

.alert_a a:hover {
	/* Styles for the hovered page link */
	background-color: rgb(255, 249, 230);
	border: 1px solid #ffc107;
	color: black;
}
/* new work */
.trailer_1 {
	padding-block-start: 10px;
}

.trailer_2 {
	padding-block-start: 10px;
	padding-block-end:13px;
}

.trailer_p {
	margin-top: 28px;
	font-size: 24px;
	font-weight: 600;
}

.body_type {
	font-size: max(var(--readable-text-min, 0px), 12px);
}

.owned_vessel {
	font-size: max(var(--readable-text-min, 0px), 11px);
}

.owned_vessel_col {
	padding-left: 1px;
	padding-right: 1px;
}

.vessel_year {
	font-size: max(var(--readable-text-min, 0px), 11px);
}

.text-22 h3 {
	font-family:system-ui;
	font-weight: 600;
	font-size: 33px;
	margin-left: 24px;

}

.text-22 {
	padding: 50px 0px 0px;
	display: flex;

}

.buttonIn {
	position: relative;
	border: 1px solid black;
}

.coupon_apply {
	margin: 0px;
	width: 100%;
	outline: none;
	height: 30px;
}

.apply {
	position: absolute;
	top: 1;
	right: 0px;
	border: none;
	height: 29px;
	cursor: pointer;
	color: black;
	background-color: #E9E7DA;
	width: 103px;
	text-decoration: none;
	padding-left: 30px;

}

.bills .bill_cart {
	background: url('../../assets/images/pngegg.png') !important;
	background-size: 438px 367px !important;
	background-repeat: no-repeat !important;
}

.bills .bill_carts {
	background: url('../../assets/images/pngegg.png') !important;
	background-size: 424px 449px !important;
	background-repeat: no-repeat !important;
}

.checkout {
	width: 100%;
	margin-top: 12px;
	color: white;
	font-weight: 700;
}

.checkout:hover {
	color: white;
}

.add_cart {
	margin-right: 69px;
	width: 306px;
	font-size: 19px;
	font-weight: 500;
}

.display_content {
	text-align: center;
}

#page_links a {
	color: black;
	float: right;
	border: none;
	height: 45px;
	text-decoration: none;
	font-size: max(var(--readable-text-min, 0px), 15px);
	padding: 11px 12px;

}
#page_links.another_css_class a {
	color: black;
	float: right;
	border: none;
	text-decoration: none;
	font-size: max(var(--readable-text-min, 0px), 15px);
	padding: 7px 12px;
	height: fit-content;
	margin: auto;
}

#page_links span {
	color: black;
	float: right;
	border: none;
	height: 45px;
	text-decoration: none;
	font-size: max(var(--readable-text-min, 0px), 15px);
	padding: 9px 19px;
}

#page_links a:active {

	background-color: #ffe79a;
	color: black;
	border: 1px solid #ffc107;
	box-shadow: none;
}

#page_links span.active {

	background-color: #FFCA2C;
    padding: 7px 12px;
    border: none;
    border-radius: 50px;
    height: fit-content;
    margin: auto;
}

#page_links a:hover {
	/* Styles for the hovered page link */
	
	
	 background-color: #FFCA2C;
    padding: 7px 12px;
    border: none;
    border-radius: 50px;
    height: fit-content;
    margin: auto;
}

#page_links span:hover {
	/* Styles for the hovered page link */
	color: black;
}
#page_links.another_css_class .round{
  
	background-color: lightgray;
    border-radius: 30px;
    padding: 0px 9px;
    height: fit-content;
	margin: auto;
}
#page_links .round{
  
	background-color: lightgray;
    border-radius: 30px;
    padding: 0px 9px;
    height: fit-content;
	margin: auto;
}
#page_links.another_css_class a.round:hover {
    background-color: rgb(255, 249, 230);
    background-color: #FFCA2C;
    padding: 0px 9px;
    border: none;
    border-radius: 50px;
    height: fit-content;
    margin: auto;
}
#page_links a:focus {
	/* Styles for the focused page link */
	box-shadow: none;
	color: black;
}


#page_links span:focus {
	/* Styles for the focused page link */
	box-shadow: none;
	color: black;
}

/* Media query Css*/
.add_another {
	border-radius: 20px;
}

.formError {
	z-index: 0 !important;
}

.card_details_col {
	margin-top: 53px;
}

/* payment */

.buttonDiscount {
	position: relative;
	margin-top: 20px;
	margin-bottom: 10px;
	border: 1px solid black;
}

.coupon_apply {
	margin: 0px;
	padding: 0px;
	width: 100%;
	outline: none;
	height: 30px;
}

.apply_discount {
	position: absolute;
	top: 1;
	right: 0px;
	z-index: 2;
	border: none;
	height: 28px;
	cursor: pointer;
	color: black;
	background-color: #E9E7DA;

	width: 103px;
}

.certify_row {
	display: flex;

}
#payment_form1{
	 margin: auto;
    width: min-content;
}

.certify_row h6 {
	margin-top: 10px;
	font-size: max(var(--readable-text-min, 0px), 13px);
}

.certify_row input {
	margin-top: 20px;
}


.card_row {
	border: 1px solid #8d943a;
	border-radius: 6px;
	    background-color: #F4F4F4;
    display: flex;
    padding: 10px;
}

.card_row p {
	margin-top: 10px;
	color: #81754D;
}

.card_row input {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
	color: white;
	font-weight: 600;


}

.card_row input:hover {
	color: white;
	font-weight: 600px;


}

.newCard_row {
	border: 1px solid #8d943a;
	border-radius: 6px;
	padding:10px;
	background-color: #F4F4F4;
	display: flex;
}

.newCard_row p {
	margin-top: 10px;
	color: #81754D;
}

.total_col {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

.form_row .card_row {
	margin-right: 10px;
}

.form_row .newCard_row {
	margin-right: 10px;
}

.bill-receipt {
	padding: 10px 10px 0px 20px;
}

.sub_total {
	padding: 10px 29px !important;
	background-color: #F4F4F4;
	background: url(../../assets/images/pngegg.png);
	background-size: cover;
	background-repeat: no-repeat;
	box-shadow: 0px 0px 12px -2px #00000025;
    border-radius: 10px;
}

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

.total_value {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

.input-icons i {
	position: absolute;
}

.input-icons {
	margin-bottom: 10px;
}

.input-field {
	width: 100%;
	padding: 5px;
	padding-left: 60px;
}

.icon {
	padding: 10px;
	color: #89795F;
	background-color: #DCD8CF;
	min-width: 50px;
	text-align: center;
	border: 1px solid black;
}

.card_form {
	margin-top: 70px;
}

.check_button {
	position: relative;
}

.check_out {
	position: absolute;
}

.iconss {
	margin-left: 5px;
	color: white;
}

.monthly_billing {
	margin-top: 10px;
	margin-bottom: 10px;
	color: white !important;
	float: right;
}

.check_out_2 {
	float: right;
	margin-bottom: 10px;
}

.sub_total p {
	margin-top: 0px;
}

#payment-success.modal.show {
	background: rgb(0 0 0 / 70%);
}

#payment-success.modal.show .modal-dialog,
#payment-success.modal.fade .modal-dialog {
	max-width: 43%;
}

#payment-success .modal-body {
	padding : 30px 2px;
	text-align: center;
}

#payment-success .modal-body img {
	max-width: 100%;
}

#payment-success .modal-body h3 {
	margin-top: 20px;
	font-size: 22px;
	font-weight: 700;
}

#payment-success .modal-body p {
	margin: 0px;
	color: #979797;
	font-size: max(var(--readable-text-min, 0px), 14px);
}

/* payment end */
/* suport details  start*/
.contact_class {
	font-weight: 600;
}

.supp_row1 h6 {
	text-align: center;
	margin-top: 16px;
	;
}

.supp_row2 {
	margin-right: 12px;
	border: 2px solid #DBD8D3;
	height: 550px;
	overflow-y: scroll;
}

.red-row {
	color: red;
	font-weight: 700;
}

.open_button {
	background-color: #F4F4F4;
	padding: 10px;
}
.open_button_2 {
	padding: 10px;
	justify-content: center;
}

.custom_open_button{
	width: 51%;
    text-align: center;
}

.list_details p {
	margin-top: 0px;
	font-weight: 600;
}

.status_col {
	font-weight: 600;
}

.lower_container {
	background-color: #F5F5F5;
	height: 272px;
}

.part-3 h4 {
	color: #FFC107;
	font-size: 30px;
	font-family:system-ui;
	font-weight: 600;
}

.open_ticket_button {
	float: right;
	font-size: max(var(--readable-text-min, 0px), 14px);
    font-weight: 600;
    color: white;
}

.new_ticket {
	margin-top: 10px;
	margin-bottom: 20px;
}

.upper_container {
	background-color: rgb(230, 230, 230);
	margin-top: 25px;
	padding-top: 14px;
	height: 45px
}

.upper_container p {
	font-family:system-ui;
	margin-left: 10px;
	font-weight: 600;
}

.text-11 h4 {
	color: #FFC107;
	font-size: 30px;
	font-family:system-ui;
	font-weight: 600;
}

.radio-inline {
	margin-left: 13px;
}

.goback_button:focus {
	background-color: rgb(118, 117, 47);
	color: white;
}

.list_details {
	background: url(../../assets/images/pngegg.png) !important;
	background-size: 427px 260px !important;
	background-repeat: no-repeat !important;
	padding: 11px;
	box-shadow: 0px 0px 12px -2px #00000025;
    border-radius: 10px;
}

.reply_row {
	background-color: #F4F4F4;
	padding: 17px;
}

.reply_text {
	height: 60px;
    max-height: 60px;
	padding: 17px 6px 0 15px;

}

.reply_text::placeholder{
	vertical-align: middle;
}


.plane {
    height: 54px;
    border: none;
	margin-left: -10px;
    margin-top: 1px;
    background-color: transparent;
    color: transparent;
}

#sendButton{
	background-color:transparent;
}

.msnormal {
	background-color: #F4F4F4;
	border: 2px solid #DBD8D3;
	padding: 5px;
	font-size: max(var(--readable-text-min, 0px), 13px);
	border-radius: 12px;
}

.message {
	margin-top: 15px;

}

.message a {
	text-decoration: none;
}

.mstime {
	margin-left: 70px;
	color: #A18080;
}

.arxuser {
	font-weight: 600;
	color: black;
}

.msalert {
	text-align: center;
	color: #A18080;
}

.supp_row1 {
	margin-bottom: 10px;
}

.from-team {
	background-color: #ffc10730;
}

#search_lien:hover{
	color:white;
}

/* custom bagde colors */

.badge.pending {
	background-color: #1FBCCE;
}

.badge.oos {
	background-color: #F3EB03;
}

.badge.waiting_for_dmv {
	background-color: #F74E4A;
}

.badge.ready {
	background-color: #66B132;
}

.badge.paused {
	background-color: #B2B160;
}

.badge.completed {
	background-color: #198754;
}

.badge.refunded {
	background-color: #6D767E;
}

.badge.canceled {
	background-color: #732BF5;
}

.badge.ro_activeduty
{
	background-color: #b19c68;
}

.badge.vlt_stop
{
	background-color: #FEBB64;
}
/* support details end */
#support_body{
	text-align: center;
}
.button-container {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.dup_container1 {
	background-color: #ffc10770 !important;
	padding-top: 0px;
}
.dup_container2 {
	background-color: #F5F5F5;
}

.dup_container2 h5 {
	margin-top: 0px;

}
/* new work */
.dup_container3 {
	padding: 10px 30px;
}

.reason_text {
	width: 100%;
	margin-top: 11px;
	padding: 7px 27px;
}

.btn-down {
	margin-top: 10px;
}

.cart_form-top {
	position: absolute;
	top: -16px;
	background-color: white;
	right: 20px;
	padding: 0px 12px;
}

.cart_form-top h1 {
	font-family:system-ui;
	font-weight: 600;
	font-size: 22px;
}

.doc_container {
	background-color: #e9ecef;
	height: auto;
	font-size: max(var(--readable-text-min, 0px), 15px);
	padding: 14px;
	font-weight: 600;
}

/* monthly billing success page start*/
.dup_container1 {
	background-color: rgb(230, 230, 230);
}

.dup_container1 p {
	padding: 11px 19px;
	margin-bottom: 0px;
}

.dup_container2 {
	background-color: #F5F5F5;
}

.dup_container2 h5 {
	margin-top: 0px;

}


.reason_text {
	width: 100%;
	margin-top: 11px;
}

.center-text {
	text-align: center;
	padding-top: 20px;
	font-size: 16px;
}

.dup_container2 h4 {
	color: #548E28;
	margin-bottom: 25px;
	margin-top: 16px;

}

.last-row {
	margin-left: 130px;
	font-size: 16px;
}

.buttons {
	margin-top: 10px;
	padding-bottom: 10px;
	font-size: max(var(--readable-text-min, 0px), 10px);
}

.button-text button {
	padding: 9px;
}

.button-text a {
	padding: 9px;
	text-decoration: none;
	color: black;
	font-weight: 400;
}

.go_back_button {
	border: none;
	color: black;
	background-color: rgb(178, 177, 97);
	float: right;
	text-decoration: none;

}

.go_back_button:hover {
	background-color: rgb(118, 117, 47);
	color: black;
}

.billing_success {
	border-radius: 21px;
}

/*   monthly billing success page end*/
/* login start */
.clr {
	border: none;
	width: 100%;
	padding: 6px 10px;
}

.col_back_ground {
	background-color: #FFF2D2;
	padding: 24px 30px !important;
	height: 422px;
}

.pass_field {
	margin-top: 15px;
	margin-bottom: 10px;
	font-weight: 700;
	font-size: max(var(--readable-text-min, 0px), 14px);
}

.new_to_lien {
	line-height: 40px;
}

.user_name {
	margin: 12px 0px 10px 0px;
	font-weight: 700;
	font-size: max(var(--readable-text-min, 0px), 14px);
}

.clr:focus {
	outline: none;
}

.forgot_login {
	font-weight: 600;
	text-decoration: none;
	color: black;
}

form .login {
	margin-top: 16px;
	display: flex;
	justify-content: flex-end;
}

.login .forgot_login {
	text-align: right;
}

.signup_button {
	width: 100%;
	margin-top: 13px;
	border-radius: 23px !important;
	font-weight: 700 !important;


}

.header_login {
	background: url('../../assets/images/login_header.jpg');
	background-size: cover;
	border-bottom: 2px solid #FEC107;
}

.start_row {
	margin-top: 23px !important;
	box-shadow: 1px 3px 16px 2px rgba(0, 0, 0, .25);
}

.new_to_lien {
	text-decoration: none;
	color: black;
	font-weight: 600;
}

.signup_to_lien {
	text-decoration: none;
	color: #5184C0 !important;
	background-color: white !important;
	font-weight: 600 !important;
	float: right;
	border-radius: 35px !important;
	width: 100%;
}

.new_signup_row {
	margin-top: 26px !important;
}

.nav_bar {
	height: 83px;
}

.login_heading {
	font-weight: 700;
}

.footer_div {
	text-align: left;
	display: flex;
	align-items: center;
	padding: 10px;
	background: url('../../assets/images/login_header.jpg');
	background-size: cover;
	margin-top: 34px !important;
	font-size: max(var(--readable-text-min, 0px), 13px);
	box-shadow: 1px 1px 12px 1px rgba(0, 0, 0, .25);
}

.footer_div h5 {
	font-weight: 700;
	margin-bottom: 20px;
}

.image_col {
	padding: 0 !important;
}

.sizer {
	margin-bottom: 0px;
	font-weight: 500;
}

.help_div {
	text-align: center;
	font-size: 16px;
	padding: 8px;
}

.help_div h5 {
	font-size: max(var(--readable-text-min, 0px), 13px);
}

.images {
	padding-top: 4px;
}

.lien {
	display: flex;
	margin: 0px 12px;
}

/* login end */
/* client monthly update start*/
.monthly_conatiner {
	font-size: max(var(--readable-text-min, 0px), 15px);
	background-color: #F5F5F5;
	padding: 20px;
}

.address_row {
	padding-top: 10px;
}

/* client monthly update end */
/* new user register start */
.term_condition_row {
	background-color: #F5F5F5;
	font-size: 17px;
	padding: 15px;
}

.lien_type_row {
	background-color: #FFF3CD;
	font-size: 17px;
	padding: 35px;
}

.center_image {
	text-align: center;
}

.row_border {
	border: 2px solid #FFC107;
	background: white;
}

.types_padding {
	padding-left: 34px !important;
	padding-right: 34px !important;
}

.center_text {}

.selected {
	background-color: #3383D1;
	color: white;
}

.selected p {
	color: white;
}

.option {
	cursor: pointer;
	display: flex;
	margin-bottom: 25px;
}

.text-container {
	margin-left: 20px;
	/* Adjust as needed */
}

.font_class {
	font-size: 17px;
	padding: 50px 26px 52px 26px !important;
}

.font_class22 {
	font-size: 17px;
	padding: 25px 26px 52px 26px !important;
}

.font_class p {
	font-weight: 600;
}

.detail_prev {
	float: right;
	margin-top: 15px;
	font-size: 20px !important;
	width: 200px;
	margin-left: 10px;
	margin-right: 0px;
	border: none;
	color: white !important;
	border-radius: 7px !important;
	background: #0C3A80 !important;
}


.detail_prev:hover {
	background-color: #1d4a4b;
	color: white;
}



.complete_button {
	float: right;
	margin-top: 15px;
	font-size: 20px !important;
	width: 200px;
	margin-left: 10px;
	margin-right: 0px;
	border: none;
	color: black;
	border-radius: 7px !important;
	background: #FFC107 !important;
}
.complete_button_2 {
	float: right;
	margin-top: 15px;
	width: 200px;
	margin-left: 10px;
	margin-right: 0px;
	border-radius: 7px !important;
}
.complete_button:hover{
	background-color: #ffca2c !important;
}

.confirm_login {
	text-align: center;
	padding: 12px;
	font-size: 18px;
}


.change_margin_bottom{
	margin-bottom:-107px;
}


.new_ticket_margin{
	margin-bottom:50px;
}


/* new user register end */
@media screen and (max-width:769px) {
	.icon-box{
		display:none;
	}
	.p_generate{
		font-size:max(var(--readable-text-min, 0px), 12px);
	}
	.report_container{
		font-size:max(var(--readable-text-min, 0px), 12px);
	}

	.select_file{
		margin-top:12px
	}

	.new_ticket_margin{
		margin-bottom:20px;
	}

}

@media screen and (max-width:769px) {

	.img {

		margin-bottom: 40px;

	}

	.text {

		padding: 26px;

	}

	.part2-img {

		padding-block-start: 6px;

		padding-block-end: 26px;

	}

	.list_details {
		background: url(../../assets/images/pngegg.png) !important;
		background-size: 733px 291px !important;
		background-repeat: no-repeat !important;
		padding: 16px;
	}



	.navbar-collapse .navbar-nav {

		text-align: left !important;

		margin-left: 48px;

	}

	.logo {

		border-right: none;

	}


	.submit_vin {
		width: 100%;
		margin-top: 20px;
	}

	.view_more_button {
		float: left;
	}

	.lwr_container {
		background-color: #F5F5F5;
		height: 287px;
	}

	

	

	.f-l {

		margin-top: 10px;
	}

	.cart_forms .tops {
		margin: 14px 0px;
	}

	.cart_forms .tops1 {
		margin: 14px 0px;
	}

	/* modal */
	.clear-search-modal {
		position: absolute;
		top: 1%;
		right: 237px;
		cursor: pointer;

		transform: translateY(69px);
	}

	/* modal end */

	.cart_class {
		font-size: max(var(--readable-text-min, 0px), 13px);
	}

	.cart_col_1 {

		padding-left: 14px;
	}

	.cart_class {
		width: 153px;
	}

	.bills .bill_cart {
		background: url(../../assets/images/pngegg.png) !important;
		background-size: 420px 321px !important;
		background-repeat: no-repeat !important;
	}

	

	.card_row {
	}

	.newCard_row {
	}

	.card_form {
		margin-top: 2px;
	}


	.text-11 h4 {
		font-size: 19px;
	}

	.contact_class {
		font-size: max(var(--readable-text-min, 0px), 13px);
	}

	.monthly_conatiner {
		font-size: max(var(--readable-text-min, 0px), 11px);

	}

	#with_without_col .button-part .btn-down {
		padding: 8px 11px !important;
	}


}

.text {
	margin-bottom: 30px;
	padding: 28px;
	color: #1b2f50;
	font-family:system-ui;
	font-weight: 400;
}

.setting {
	font-size: 38px;
	color: #1b2f50;
	margin-right: 15px;
}

.text-2 {
	text-align: justify;
	text-align-last: right;
	justify-content: end;
}

.text-2 h4,
p {
	color: #1b2f50;
	font-family:system-ui;
	font-weight: 400;
}

.text-main {
	padding-bottom: 150px;
	padding-top: 50px;
}

.form {
	margin-top: 35px;
	background-color: #F5F5F5;
}

.form-2 {
	margin-top: 35px;
	background-color: #F5F5F5;
	border: 1px solid rgba(0, 0, 0, 0.25);

}

.form-label {
	font-family:system-ui;
	font-weight: 600;
	color: grey;
}

#view_more_btn {
	float: right;
}

.alert_row {
	border: 3px solid #ED363D;
	padding: 6px;
	text-align: center;
	color: #ED363D;
}

.alert_a {
	color: #ED363D;
}



/* lien detail */
.enable_debt_collect .form-check {

	padding-left: 0px !important;
}

.enable_debt_collect .form-check-input {
	margin-left: 16px !important;
	float: none;
	border: 1px black solid;
}

/* lien deatil end */
@media screen and (max-width:575px) {
	.custom_margin_right{
		margin-right:15px;
	}
	
	
}

.new_button_res{
	min-width: 199px;
    white-space: nowrap;
}

.res_margin_new_ticket{
	margin-left:-11px;	
}




@media screen and (max-width:425px) {
	.new_padding_margin{
		margin: 1px 5px 7px !important;
	}

	.custom_padding_upload{
		padding:0;
	}
	.custom_res_debt{
		display: flex;
		flex-direction:column;
	}
}

@media screen and (max-width:486px) {
	
}

@media screen and (max-width:442px) {
	.responsive_width{
		min-width: 0 !important;
	}

	.custom_btns_rw_gap{
		justify-content: center;
	}
}


@media screen and (max-width:460px) {

	.logo h1 {
		display: none;

	}

	.form{
		padding: 5px !important;
	}
	.profile-form label{
		font-size:max(var(--readable-text-min, 0px), 14px);
		max-width: 94%;
        vertical-align: text-top;
	}
	.profile-form .radio-inline {
		margin-left: 0px;
	}
	.logo {

		float: left;

	}

	.navbar-brand {

		margin-left: 10px;

	}



	.handshake {
		margin-left: 0px;
	}



	.part-1 {

		margin-left: 2px;

		margin-right: 2px;

	}



	.box {

		margin-left: 2px;

		margin-right: 2px;

		height: 320px;

	}

	.border {

		height: 300px;

	}



	.box h1 {

		padding-block-start: 78px;

	}

	.box p {
		width: 80%;

		font-size: 18px;

	}

	.box .p1 {
		width: 80%;

		font-size: 18px;

	}

	.navbar-collapse .navbar-nav {

		text-align: left !important;

		margin-left: 14px;


	}

	.legend {
		position: relative;
		bottom: 11px;
		width: 90%;
		min-height: 48px;
		background-color: #F5F5F5;
		border-radius: 25px;
	}

	.legend_head{
		min-height: 0;
	}

	.footer_data {
		color: black;
		padding: 10px 0;
		text-align: center;
		background-color: #F5F5F5;
		font-size: max(var(--readable-text-min, 0px), 1px);
	}

	/* invoice detail */
	.btns .btn {
		max-width: 248px;
		padding: 10px 0px;
	}

	.text-1 .btn-down {
		padding: 10px 20px;
		font-size: max(var(--readable-text-min, 0px), 9px);
	}

	.text-3 .btn-down {
		padding: 10px 35px;
		font-size: max(var(--readable-text-min, 0px), 9px);
	}

	.text-7 .btn-down {
		padding: 10px 20px;
	}

	.text-8 .btn-down {
		padding: 10px 35px;
		font-size: max(var(--readable-text-min, 0px), 9px);
	}

	.text-9 .btn-down {
		padding: 10px 35px;
		font-size: max(var(--readable-text-min, 0px), 9px);
	}

	.form-head h1 {
		font-size: max(var(--readable-text-min, 0px), 13px);
	}

	.text-1 h1 {
		font-size: 20px;
	}


	/* generate report */
	.lwr_container {
		height: 300px;
	}

	.upr_container {
		height: 70px;
	}

	

	.give_margin_top {
		margin-top: 92px;
	}

	.full-screen-image {
		display: none;
	}

	.small-screen-image {
		display: block;
		width: 100%;
		height: auto;
		margin-left: 156px !important;
		margin-top: 15px;
	}

	.image_container {
		margin-left: 191px;
		margin-top: 20px;
	}

	/* generate report end */
	.pagination li a {
		height: 38px;
		padding: 6px 10px !important;
	}

	.form-head {
		position: absolute;
		top: -9px;
		padding-left: 8px;
		background-color: white;
		padding-right: 10px;
	}

	.forms {
		padding: 8px 7px;
	}

	.heading-row {
		font-size: max(var(--readable-text-min, 0px), 15px);
	}

	.text-lien-3 h5 {
		font-size: max(var(--readable-text-min, 0px), 13px);
	}

	.text-lien-2 h5 {
		font-size: max(var(--readable-text-min, 0px), 15px);
	}

	/* order a new lien form details */
	.spact {
		margin-bottom: 20px;
	}

	.cart_forms .tops1 {
		margin: 12px 0px 16px 0px;
	}

	.digit {
		width: 42%;
		padding: 7px 2px;
	}

	.logo h1 {
		display: none;
	}

	.logo {
		float: left;
	}

	.navbar-brand {
		margin-left: 10px;
	}

	.handshake {
		margin-left: 0px;
	}

	.part-1 {
		margin-left: 2px;
		margin-right: 2px;
	}

	.box {
		margin-left: 2px;
		margin-right: 2px;
		height: 320px;
	}

	.border {
		height: 300px;
	}

	.box h1 {
		padding-block-start: 78px;
	}

	.box p {
		width: 80%;
		font-size: 18px;
	}

	.box .p1 {
		width: 80%;
		font-size: 18px;
	}

	.navbar-collapse .navbar-nav {
		text-align: left;
		margin-left: 14px;
	}

	.cart_forms .tops {
		margin: 11px 0px;
	}

	.paginationn li a {
		height: 34px;
		padding: 6px 6px !important;
		font-size: max(var(--readable-text-min, 0px), 13px);
	}

	.color_col {
		margin-top: 0px;
	}

	/* order a new lien form details end */

}

@media screen and (max-width: 364px) {
	 
}

/* invoice detail */
@media screen and (max-width: 425px) {
	

	/* modal */

	/* modal end */

	.cart_col_1 {
		padding-left: 14px;
	}

	.cart_class {
		width: 171px;
	}

	.bills .bill_cart {
		background: url(../../assets/images/pngegg.png) !important;
		background-size: 423px 322px !important;
		background-repeat: no-repeat !important;
	}

	.part-4 {
		margin-top: 2px;
	}

	/* payment */
	.certify_row {
		margin-right: -12px;
	}

	.card_row {
		margin-right: -12px;
	}

	.newCard_row {
		margin-right: -12px;
	}


	/* payment end */
	.term_condition_row {
		font-size: max(var(--readable-text-min, 0px), 13px);
	}

	.col_back_ground {
		padding: 20px 15px !important;
	}

	.user_name {
		font-size: max(var(--readable-text-min, 0px), 12px);
	}
}

@media screen and (max-width:1026px) {
	.text-row-1 h1 {
		font-size: max(var(--readable-text-min, 0px), 12px);
		font-weight: 600;
	}

	.submit_vin {

		margin-top: 20px;
	}

	.logo h1 {

		font-size: max(var(--readable-text-min, 0px), 14px);
		margin-top: 29px;
		padding: 0px;

	}

}

@media screen and (max-width: 325px) {
	.small-screen-image {
		display: block;
		width: 100%;
		height: auto;
		margin-left: 130px !important; ;
		margin-top: 15px;
	}

	.clear-search-invoice {
		position: absolute;
		top: 14%;
		right: 96px !important;
		cursor: pointer;
		transform: translateY(-1px);
	}

	.heading-row {
		font-size: max(var(--readable-text-min, 0px), 13px);
		font-weight: 800;
		background-color: rgba(255, 193, 7, .2);
	}

	.table_data {
		padding: 10px !important;
	}

	.tbody_class {
		font-size: max(var(--readable-text-min, 0px), 13px);
	}

	.badge {
	}



	/* modal */

	/* model end */
	.cart_class {
		font-size: max(var(--readable-text-min, 0px), 12px);
		padding-top: 3px;
	}

	.cart_class2 {
		font-size: max(var(--readable-text-min, 0px), 12px);
		padding-top: 3px;
	}


}

@media screen and (max-width:1420px) {
	.cart_class2{
		padding: 6px 10px;
	font-size: max(var(--readable-text-min, 0px), 15px);
	}
}
	
@media screen and (max-width:1280px) {
	.digit {
		width: 31%;

	}
	.notify{
		right: 5%;
	}
	.cart_class2{
		font-size: max(var(--readable-text-min, 0px), 13px);
    padding: 7px 13px;
	}

	.bills .bill_cart {
		background: url(../../assets/images/pngegg.png) !important;
		background-size: 386px 367px !important;
		background-repeat: no-repeat !important;
	}
}

@media screen and (max-width:1200px) {

	.navbar-nav {
    column-gap: 4px;
	}
	.cart_class2 {
    font-size: max(var(--readable-text-min, 0px), 12px);
    padding: 7px 9px;
	}
}

@media screen and (max-width:1060px) {

	.cart_class2 {
	    font-size: max(var(--readable-text-min, 0px), 10px);
	    padding: 7px 6px;
	}
}
@media screen and (max-width:1024px) {

	.cart_class2 {
	    font-size: max(var(--readable-text-min, 0px), 12px);
	    padding: 7px 5px;
	}
}


@media screen and (max-width:990px) {

	#payment-success.modal.show .modal-dialog,
	#payment-success.modal.fade .modal-dialog {
		max-width: 80%;
	}

	.p_cart {
		margin-top: 11px;
	}
	.text-lien-2 h5{
		font-size: max(var(--readable-text-min, 0px), 11px) !important;
	}
	.text-lien-3 h5{
		font-size: max(var(--readable-text-min, 0px), 11px) !important;
	}
	.text-lien-1 h1{
		font-size: 20px !important;
	}
	.advanced_price_heading{
		font-size: max(var(--readable-text-min, 0px), 11px) !important;
	}
}

@media screen and (max-width:778px) {
}

@media screen and (max-width:536px) {
}

@media screen and (max-width:576px) {
	.font_class .sub p{
	font-size: max(var(--readable-text-min, 0px), 14px);
	}
	.lwr_container.font_class p{
		font-size: 16px;
	}
	.lwr_container.font_class{
		padding: 15px !important;
	}
	.cart-btns{
		margin-left: auto;
	}
	.generate_back_button .custom_padding {
		padding: 4px 25px !important;
	}
	.add-tble-profile{
		float:none !important;
	}
	.lst-rw-inp{
		margin-bottom: 20px;
	}
	#addnew-tbl{
		padding: 0px;
	}

	.responsive_cart_forms{
		margin-top:20px;
	}
	.custom_margin_0{
		margin:0;
		font-size: max(var(--readable-text-min, 0px), 14px);
	}
	.cont_margin_import{
		margin-top:0px !important;
	}
}

.another_css_head{
	background:none;
}

.legend_head{
	background:none;
	width:100%;
}

.cont_margin_import{
	margin-top:40px;
}

@media screen and (max-width:1024px) {
	.digit {
		width: 30%;
		font-size: max(var(--readable-text-min, 0px), 12px);
	}

	.cart_class {
		font-size: max(var(--readable-text-min, 0px), 14px);
	}





	.nav-item .nav-link {

		margin-right: 0px;
		font-size: max(var(--readable-text-min, 0px), 12px);
	}

	.cart_form-label {
		margin-bottom: 0.5rem;
		font-size: max(var(--readable-text-min, 0px), 11px);
		font-weight: 600;
		font-family:system-ui;
	}

	.cart_form-check-label {
		font-size: max(var(--readable-text-min, 0px), 13px);
		font-weight: 600;
		font-family:system-ui;
	}

	.cart_radio-1 {
		margin-right: 19px;
		padding-right: 3px;
	}

	.lower_container {
		background-color: #F5F5F5;
		height: 297px;
	}

	.cart_forms .form-control {

		font-size: max(var(--readable-text-min, 0px), 12px);
	}

	.body_type {
		font-size: max(var(--readable-text-min, 0px), 9px);
	}

	.list_details {
		font-size: max(var(--readable-text-min, 0px), 13px);
		background-size: 311px 265px !important;
	}

	.message {
		font-size: max(var(--readable-text-min, 0px), 13px);
	}

	form .login {
		justify-content: center;
	}

	.login .forgot_login {
		text-align: center;
	}

	.signup_button {
		margin-top: 20px;
	}

	.new_signup_row {
		margin-top: 20px !important;
		text-align: center;
	}

	.footer_div {
		font-size: max(var(--readable-text-min, 0px), 9px);
	}

}

@media screen and (max-width:991px) {
	.form-head {
		top: -9px;
	}
	.mobi-btn{
		display: block;
	}
	.navbar-list{
		justify-content: end;
	}
	.form-head h1 {
		font-size: max(var(--readable-text-min, 0px), 15px);
	}

	.cart_form-top {
		top: -9px;
	}
	.cart-btns{
		display: none;
	}

	.cart_form-top h1 {
		font-size: max(var(--readable-text-min, 0px), 14px);
	}
	.space-lr{
	    position: absolute;
    background: white;
    top: 45px;
    width: 130px;
    right: 12px;
    z-index: 10;
	}
	.space-lr .navbar-nav{
    margin: 0px !important;
	}
	.navbar-nav .nav-item:hover{
		background: #ffd147;
	}
	.navbar-nav .nav-item{
		color: black;
		padding: 0px 10px;
	}
	.hide_buttons{
		display:"none";
	}
	.navbar-nav .nav-link.active, .navbar-nav .nav-link.show.active {
    color:black;
	}
}

@media screen and (max-width:992px) {
	.media_sub_total
	{
		margin-top:12px;
	}
	.profile-form{
		padding: 20px 0px !important;
	} 
	.buttons-row-sec{
		justify-content: start !important;
	}
}

@media screen and (max-width:996px) {
	.logo h1 {
		font-size: max(var(--readable-text-min, 0px), 14px) !important;
	}
}

@media screen and (max-width:871px) {
	
}

@media screen and (max-width:465px) {
	.check_mail_css {
		color: #A8A8A8;
		font-size: max(var(--readable-text-min, 0px), 15px) !important;
	}
	.mail_check {
		font-size: 34px !important;
	}
}

@media screen and (max-width:914px) {
	.right {
		font-size: max(var(--readable-text-min, 0px), 14px);
	}

	.cart_radio-btns {
	}

	.cart_radio-btns-1 {
	}

	.space {
		font-size: max(var(--readable-text-min, 0px), 14px);
	}

	.cart_row .btn {
		font-size: max(var(--readable-text-min, 0px), 14px);
	}

	.cart_row .btn2 {
		font-size: max(var(--readable-text-min, 0px), 14px);
	}

	.cart_row .btn1 {
		font-size: max(var(--readable-text-min, 0px), 14px);
	}

	.cart_form-check-label {
		font-size: max(var(--readable-text-min, 0px), 12px);
	}

	.cart_form-head h1 {
		font-size: 19px;
	}

	.text-11 h1 {
		font-size: 23px;
	}

	.text-22 p {
		font-size: max(var(--readable-text-min, 0px), 15px);
	}

	.cart_form-label {
		font-size: max(var(--readable-text-min, 0px), 14px);
	}

	.digit {
		width: 28%;
		font-size: max(var(--readable-text-min, 0px), 11px);
		padding: 7px 4px;
	}

	.img {
		margin-bottom: 40px;
	}

	.text {
		padding: 26px;
	}

	.part2-img {
		padding-block-start: 6px;
		padding-block-end: 26px;
	}

}

@media screen and (max-width:576px) {
	.cart_form-top {
		top: 20px;
		left: 10px;
	}
.upload-text-head{
		margin-top:10px !important;
	}
	.license_col {
		padding-top: 20px;
	}

}

@media screen and (max-width:518px) {

	
}



@media screen and (max-width:495px) {
}

@media screen and (max-width:460px) {
	.media_text_{
		font-size: 23px;
	}
	
}
@media screen and (max-width:563px) {
	.confirm_box{
		padding: 39px !important;
	}
}

@media screen and (max-width:316px) {
}

@media screen and (max-width:394px) {
	.right {
		font-size: max(var(--readable-text-min, 0px), 12px);
	}

	.space {
		font-size: max(var(--readable-text-min, 0px), 11px);
	}

	.cart_row .btn {
		font-size: max(var(--readable-text-min, 0px), 12px);
	}

	.cart_row .btn2 {
		font-size: max(var(--readable-text-min, 0px), 12px);
	}

	.cart_row .btn1 {
		font-size: max(var(--readable-text-min, 0px), 12px);
	}

	.cart_radio-1 {
		margin-right: 15px;

	}

	.cart_form-check-label {
		font-size: max(var(--readable-text-min, 0px), 12px);
	}

	.cart_form-head h1 {
		font-size: 16px;
	}

	.cart_form-label {
		font-size: max(var(--readable-text-min, 0px), 11px);
	}

	.digit {
		font-size: max(var(--readable-text-min, 0px), 12px);
		width: 28%;
		padding: 6px 2px;
	}

	.form-head h1 {
		font-size: max(var(--readable-text-min, 0px), 13px);
	}

	.cart_form-check-label {
		font-size: max(var(--readable-text-min, 0px), 11px);
	}

	.cart_radio-btns-1 {
		padding: 7px;
	}

	.cart_forms .tops {
		margin: 0px 0px;
	}

	.cart_forms {
		padding: 33px 8px;
	}

	.cart_second-row {
		border-bottom: 1px solid #FFC107;
		padding-block-end: 5px;
	}

	.cart_fifth-row {
		border-bottom: 1px solid #FFC107;
		padding-block-end: 7px;
		padding-block-start: 16px;
	}
}

@media screen and (max-width:375px) {

	.clear-search-modal {
		right: 127px;
	}
	.cart_col_1 {
		padding-left: 7px;
	}

	.cart_class {
		width: 152px;
	}
	.bills .bill_cart {
		background: url(../../assets/images/pngegg.png);
		background-size: 372px 317px !important;
		background-repeat: no-repeat;
	}


}

@media screen and (max-width: 321px) {
	.clear-search-modal {
		right: 145px !important;
	}

	.cart_class {
		width: 126px !important;
	}

	.cart_class2 {
		width: 126px !important;
	}

	.list_details {
		background-size: 319px 291px;

	}

	.upload_state_docs .new_class{
		font-size : max(var(--readable-text-min, 0px), 13px);
	}


}

@media screen and (max-width: 320px) {

	.bills .bill_cart {
		background: url(../../assets/images/pngegg.png);
		background-size: 319px 367px;
		background-repeat: no-repeat;
	}


	.notify {
		position: absolute;
		top: 0;
		right: 25%;
		background-color: #FF6364;
		color: white;
		width: 17px;
		height: 18px;
		border-radius: 50%;
		text-align: center;
		font-size: max(var(--readable-text-min, 0px), 12px);
	}

}

@media screen and (max-width: 376px) {
	.clear-search-modal {
		position: absolute;
		top: 14%;
		right: 172px;
		cursor: pointer;
		transform: translateY(65px);
	}

	.cart_class {
		font-size: max(var(--readable-text-min, 0px), 12px);
		padding-top: 3px;
		width: 152px;
	}

	.cart_class2 {
		font-size: max(var(--readable-text-min, 0px), 12px);
		padding: 7px 3px;
	}

	.bills .bill_cart {
		background: url(../../assets/images/pngegg.png);
		background-size: 372px 317px;
		background-repeat: no-repeat;
	}

	.list_details {
		background-size: 376px 226px !important;
	}


}

@media screen and (max-width: 426px) {
	.clear-search-modal {
		position: absolute;
		top: 1%;
		right: 194px;
		cursor: pointer;
		transform: translateY(70px);
	}

	.type_td{
		min-width: 250px;
		font-size: max(var(--readable-text-min, 0px), 13px);
	}


	.cart_class {
		width: 171px;
	}

	.cart_class2 {
    font-size: max(var(--readable-text-min, 0px), 11px);
    padding: 7px 4px;
	}

	#pagination a,
	#pagination span {

		padding: 4px 6px;
		font-size: max(var(--readable-text-min, 0px), 14px);
	}

	.text-lien-1 h1 {
		font-size: 22px;
	}

	.p_cart {
		margin-top: 12px;
		font-size: max(var(--readable-text-min, 0px), 13px);
	}

	.include h1 {
		font-size: 19px;
		color: #d9d912;
	}

	.cart_data {
		font-size: max(var(--readable-text-min, 0px), 13px);
	}


	.lower_container {
		background-color: #F5F5F5;
		height: 322px;
	}

	.list_details {
		font-size: max(var(--readable-text-min, 0px), 10px);
		background-size: 427px 225px !important;
	}

	.button-part .btn-down {
		font-size: max(var(--readable-text-min, 0px), 14px);
	}
	.cart_form-head_state h1 {
		padding: 0px 0px 0px 0px;
	}
	.state_row h5{
		font-size: 16px;
	}
	.space {
		font-size: max(var(--readable-text-min, 0px), 10px);
	}
	.question_mark_class {
		font-size: max(var(--readable-text-min, 0px), 15px) !important;
	}
}

@media screen and (max-width:1200px) {
	.image_col {
		display: none;
	}

	.start_row {
		box-shadow: none;
	}
	
	.col_back_ground {
		box-shadow: 1px 1px 12px 1px rgba(0, 0, 0, .25);
	}

}

/* } */
@media screen and (max-width:796px) {

	.help_div h5 {
		font-size: max(var(--readable-text-min, 0px), 9px);
	}

	.col_back_ground {
		height: 452px;
	}
}

@media screen and (max-width:992px) {
	.col_back_ground {
		height: 456px;
	}
}

.option .icon-box {
	background: #00509D;
	border-collapse: collapse;
}

.icon-box img {
	margin: 7px 30px;
}

.main-card {
	margin: auto 25px;
}

.types_padding .card-3 {
	margin-bottom: 0px;
}



@media screen and (max-width:768px) {
	.text-column {
	}

	#browseButton {
    font-size: 18px;
    padding: 5px 8px;
    border-radius: 7px;
	}
	.input-btn-r{
		flex-wrap: wrap;
	}
	.buttons-column {
		text-align: center;
	}
	.debit__collect{
		margin-top: -20px;
	}
	.button_search {
		padding-left: 0px !important;
		display:flex;
		justify-content: center;
	}


	.cart_col_1 {
		padding-left: 22px;
	}
	.upr_container{
		font-size: max(var(--readable-text-min, 0px), 13px);
		height: 60px;
	}

	.upr_container_2{
		font-size: max(var(--readable-text-min, 0px), 13px);
		height: 50px;
	}
	.advanced_price_heading{
		text-align-last: left !important;
		font-size: max(var(--readable-text-min, 0px), 10px) !important;
	}
	#upload_tow_tag_or_invoice{
		font-size: 17px;
	}

}
@media screen and (max-width: 426px) {
	.new_class{
		font-size: max(var(--readable-text-min, 0px), 13px)!important;
	}
}
@media screen and (max-width:768px) {
	.search_row_col{
		margin-top:50px;
	}
	
	.search_row{
		justify-content: space-between;
		float:inherit;
	}
	.search_row_col .debit__collect{
		float: inherit;
	}
}

@media screen and (max-width:767px) {
	.secure_row .certify_row {
		margin-right: 0px;
	}
	.lien-sale{
		width:100px;
	}
	.save_debt_data_button{
		margin-bottom: 10px;
	}
	.btns .select{
		font-size:max(var(--readable-text-min, 0px), 14px) !important;
	}
	
	.btns .complete{
		font-size: max(var(--readable-text-min, 0px), 14px) !important;
	}

	.form_row .card_row {
		margin-right: 0px;
	}

	.form_row .newCard_row {
		margin-right: 0px;
	}

	.secuirity .input_apply {
		width: 100%;
	}

	.form_row {
		margin-left: 8px;
	}

	#payment-success.modal.show .modal-dialog,
	#payment-success.modal.fade .modal-dialog {
		max-width: 100%;
		align-items: baseline;
		margin-top: 80px;
	}

	#payment-success .modal-body img {
		max-width: 160px;
	}

	#payment-success .modal-body h3 {
		margin-top: 10px;
		font-size: 18px;
	}

	#payment-success .modal-body p {
		font-size: max(var(--readable-text-min, 0px), 14px);
	}

	#payment-success.modal.show {
		padding: 0px;
	}

	.collections {
		margin: 30px 0px;
	}


	.cart_col_1 {
		padding-left: 12px;
	}

}

@media screen and (max-width:990px) {
	.secuirity .input_apply {
		width: 99%;
	}
}

@media screen and (max-width:635px) {
	

	.cart_col_1 {
		padding-left: 0px;
	}
}

@media screen and (max-width:1400px) and (min-width:1024px){
	.button-part .custom_padding_details {
    padding: 7px 18px !important;
	}
	.button-part .btn-down {
		padding:7px 18px !important;
	}
}

@media screen and (max-width:1024px) {

	.secuirity .secure_row {
		padding-right: 0px;
	}
	.custom_padding_details {
    padding: 7px 18px !important;
	}
}

@media screen and (max-width:1036px) {
	.logo h1 {
		font-family:system-ui;
		font-weight: 600;
		font-size: 19px;
		margin-top: 20px;
		padding: 6px;
	}

	.logo {
	}
	.navbar-brand span {
    	font-size: 20px;
	}
	.navbar-brand .img-fluid {
    	height: 51px !important;
    	width: auto;
	}

	.space-lr {
		justify-content: space-between;
		font-size: max(var(--readable-text-min, 0px), 12px);
	}

	

	.nav-item .nav-link {
	}
}

/* NEW*/


  
/* End  */

@media screen and (max-width:521px) {
	#page_links a {
		color: black;
		float: right;
		border: none;
		height: 28px;
		text-decoration: none;
		font-size: max(var(--readable-text-min, 0px), 15px);
		padding: 3px 7px;
	}

	#page_links span {
		color: black;
		float: right;
		border: none;
		height: 28px;
		text-decoration: none;
		font-size: max(var(--readable-text-min, 0px), 15px);
		padding: 4px 6px;
	}
	#page_links span.active{
		 padding: 4px 10px;
		 border-radius: 9px;
	}
	#page_links .round {
		background-color: lightgray;
		border-radius: 15px;
	}
}

.eye_button_style{
color:#024CA4;font-size:18px;
}
.remove_button_style{
    color: #dc3545;
}
.nav-item .nav-lin:active{
	color:white;
}
.button_style_change{
	border: none;
    background: none;
    font-size: 18px;
}
.alert-message .alert{
	background-color: #F8D7DA;
	color:#67151C;
	border-color:#F8D7DA;	
}
.lienbuttons{
	height:50px;
}
.coupon_row_style{
	background: #F4F4F4;
	padding:10px;
}
.investigations{
	 background: url(../../assets/images/background-1.png);
    margin-bottom: 30px;
    box-shadow: 0px 0px 12px -2px #00000025;
    border-radius: 10px;
    font-size: max(var(--readable-text-min, 0px), 14px);
    padding:10px;
}
.debit__collect{
	float: right; 
	 margin-top: -33px
}
.select_lien{
}
.btns-rw{
	display: flex;
	flex-wrap: wrap;
	row-gap: 10px;
}
.hide_buttons{
	display:none;
}

.common_width{
	width: 96%;
	font-size: max(var(--readable-text-min, 0px), 11px) !important;
}
/* delete account css */


#updateProfileForm .notification_settings_table .formError{
	position: static !important;
}




@media screen and (max-width:512px) {

	.upr_container_2 p{
		font-size:max(var(--readable-text-min, 0px), 14px);
	}

	.img_head{
		font-size:max(var(--readable-text-min, 0px), 14px);
	}

	.font_14{
		font-size:max(var(--readable-text-min, 0px), 14px);
	}



	
}

@media screen and (max-width:460px) {

	.upr_container_2 {
        height: 70px;
	}
}


.notification_settings_table tr {
    border-bottom: 10px solid transparent;
}

.delete_check{
	font-size:max(var(--readable-text-min, 0px), 15px);
}

 .delete_account_box{
	background-color: #FFF2D2;
	box-shadow: 1px 1px 12px 1px #E2E2E2;
 } 
 .delete_account_btn{
	width:100%;
 }
 .confirm_box{
	text-align: center;
	padding: 10px;
	padding:100px ;
	margin-top: 34px !important;
	font-size: max(var(--readable-text-min, 0px), 13px);
	box-shadow: 1px 1px 12px 1px rgba(0, 0, 0, .25);
 }

 .text-gray{
	color:gray;
 }
 .reset_div{
text-align: center;
padding: 10px;
background-size: cover;
margin-top: 34px !important;

box-shadow: 1px 1px 12px 1px rgba(0, 0, 0, .25);
	}
.check_mail_css{
color: #A8A8A8;
font-size: 23px;}
.reset_continue_button {
	margin-top: 15px;
	font-size: 20px !important;
	width: 200px;
	margin-left: 10px;
	margin-right: 0px;
	border: none;
	color: black;
	border-radius: 7px !important;
	background: #FFC107 !important;
}

.reset_image{
width: 100%;
height: 216px;
margin-top: 39px;
}
.mail_check
{
	font-size: 43px;
}
.give_margin_top p{
	font-size: 19px;
    font-weight: 600;
}
.question_mark_class{
	font-size:27px !important ;
	color: black;
	cursor: pointer
}
.advanced_price_heading{
	margin-top: 30px;
	text-align-last: end;
	font-weight: 600;
	font-size: max(var(--readable-text-min, 0px), 14px);
}
.advanced_price_heading.vessel_over{
	margin-top: 10px;
}
.save_debt_data_button{
	float: right;
	margin-top: 15px;
	font-size: 20px !important;
	height: 33px;
	width: 100%;
	margin-left: 10px;
	margin-right: 0px;
	border: none;
	color: black;
	border-radius: 7px !important;
}
.save_debt_data_button_2 {
    /* / float: right; / */
    margin-top: 33px;
    font-size: max(var(--readable-text-min, 0px), 14px) !important;
    /* / height: 33px; / */
    /* / width: 43%; / */
    /* / padding-top: 3px; / */
    /* / margin-left: 38px; / */
    margin-right: 0px;
    border: none;
    color: black;
    border-radius: 7px !important;
}
#lien_table{
	text-align: center;
	font-size: max(var(--readable-text-min, 0px), 14px);
}
.order_new_lien_button{
	font-weight: 600;
    color: white !important;
    font-size: max(var(--readable-text-min, 0px), 14px);
}
.index_page_button{
	font-size: max(var(--readable-text-min, 0px), 14px);
    color: white;
    font-weight: 600;
}
.index_page_button_2{
    color: white;
    font-weight: 600;
}
.index_tbody{
	font-size: max(var(--readable-text-min, 0px), 14px);
}
.searching_button{
	font-size: 16px;
    font-weight: 600;
    color: white;
}
.send-check{
	    display: flex;
    align-items: center;
    margin-top: 15px;
    font-size: 18px;
    font-weight: 600;
    color: gray;
}
.profile-end .radio-inline{
	margin-bottom: 0px;
}
.profile-end .radio-fixed{
	margin:0px;
}
@media screen and (max-width:999px) {
	.full-screen-image {
    display: none;
	}
	.small-screen-image {
		display: block;
		height: auto;
		margin-left: 271px;
		margin-top: 15px;
	}
}

.text-cntnr .report_container{
	    background-color: #ffc10770;
    padding: 12px 20px;
    margin: 0px;
}
.announcement_data{
	color: #FFC107;
	font-weight: 600 !important;
}
.announcements_p
{
	word-wrap: break-word;
}


@media screen and (min-width:1024px) {
	.col_width_change{
		width: 38% !important;
	}
	.width_change{
		margin-left: -12px !important;
	}
	.width_change_state{
		margin-left: -14px !important;
	}
}

@media screen and (min-width:992px) {

	.custom_class_lg{
		width:11%;
	}
}



.btns .select{
	background: #0C3A80 !important;
}

.input-bx{
	    position: absolute;
    z-index: 2;
    width: 81%;
    top: 32%;
}
.input-icons{
	position: relative;
}
.number-bx .input-part{
	    height: 38px;
    border: 1px solid;
    background: white;
}
.pymt-opt-rw{
	    border: 1px solid #8d943a;
    border-radius: 6px;
    padding: 10px;
    background-color: #F4F4F4;
}
.notification_settings label{
	font-size: 17px;
    margin-left: 8px;
}
.notification_settings input[type="checkbox"]{
	transform: scale(1.3);
}
/* new work */
.download_attached_doc a{
	text-decoration: none;
	color: black;
}
.download_attached_doc i{
	font-size: 25px;
}
.cart_form_state {
	border: 2px solid #FFC107;
	position: relative;
	margin-block-start: 50px;
	margin-bottom: 50px;
} 
.cart_form-head_state {
	position: absolute;
	top: -16px;
	background-color: white;
	margin-left:12px;
}
.cart_form-head_state h1 {
    font-family:system-ui;
    font-weight: 600;
    font-size: 21px;
    padding: 0px 8px 0px 8px;
}
.state_row{
	padding: 17px;
}
.doc_link{
	cursor: pointer;
}
.border_class{
border: 1px solid black !important;
}
#payment_form1 .parentFormpayment_form1 {
margin-top: -16px !important;
}
.error_message .formError{
}
.easyui-panel{

}
.easyui-panel .combo{
width: 100% !important;
}
.textbox .combo{
}
.combo input{
width: 100% !important;
}
.color_col .combo{
width: 100px !important;
}
/* 15-01-2024 */
.mark_text_center{
	text-align: center;
}
/* select location table CSS */
.main-table1 .table {

	border: 0px;

	background: rgb(255, 193, 7, .1);

	border-bottom: 1px solid #ffc107;

}
.main-table1 td {

	border-right: 1px solid #ffc107;

}
.main-table1 th {

	border-right: 1px solid #ffc107;

}
.main-table1 .td-1 {

	border-right: 0px;

}.main-table1 tr:nth-child(even) {

	background-color: #fff;

}
.change_formError .formError{
	left: auto !important;
}
.font_class1 {
	font-size: max(var(--readable-text-min, 0px), 14px);
	padding: 25px !important;
}



.font_class1 p {
	font-weight: 600 !important;
}
.new_user_form .form-label{
	font-weight: 600 !important;
}
.notification_settings label{
	font-size: 17px;
    margin-left: 8px;
}
.notification_settings input[type="checkbox"]{
	transform: scale(1.3);
}
/* // new work 09-02-2024 */
.index_bell{
	color:#ED363D;font-size:35px !important; padding: 9px; 
}


/*** css for new chnges ***/

.profile-form{
	padding:20px; 
	margin-bottom: 30px;
}
.profile-form .savechange_button{
	margin-left: auto;
}

.cler-srch .drop-clear-search{
	transform: none !important;
	top: 6px !important;
	left: 90%;
}
.cler-srch{
	position: relative;
}
.complete-btn{
	background:#fec108;
	color: black;
	font-weight:500; 
}
.complete-btn:hover{
	background:#fec108;
	color: black;
	font-weight:500; 
}
.goback-btn{
	background: none;
	text-decoration: underline;
	color: black;
	font-weight: 500 !important;
}
.btn-clos-mdl{
	background: none;
	border: 1px solid black;
	color: black;
}
.btn-clos-mdl:hover{
	background: none;
	border: 1px solid black;
}
.add-tble-profile{
	display: flex;
	justify-content: space-between;
}
.add-tble-profile button{
	background: none;
	border: none;
	color: #010194;
}

.common_class_modal{
	max-width: 150px;
    border: none;
    background-color:#ffc107;
    color: white;
    font-weight: 600;
    padding: 8px;
}
.button_rw_modal .no_button_modal{
	background: none !important;
	border:1px solid red;
	color: red;
	font-weight: 600;
}
.button_rw_modal{
display: flex;
    margin: 20px auto;
    column-gap: 30px;
    width: 100%;
    justify-content: center;
}
.cart-form-success.modal.show {
    background: rgb(0 0 0 / 80%) !important;
   }
 .success-cart{
color :#66AB5A
}
.button-div{
	    margin: auto;
    vertical-align: middle;
    display: flex;
    margin-top: 34px !important;
}
.button-div .form-type{
	    margin: 0px;
    text-align: center;
    width: 100%;
}
.button-div .form-type button{
	width: 70%;
    background: #fec108;
    color: black;
    border: none;
    padding: 5px;
}    
.btn-save-modal {
    background: none;
    color: #024CA4 !important;
    border: 1px solid #024CA4 !important;
}
.btn-save-modal-danger{
	background: none ;
	color:#dc3545 !important ;
	border: 1px solid #dc3545 !important ;

}
.btn-save-modal_2{
	background: none !important;
	color:#fec108 !important;
	border: 1px solid #fec108 !important;
	border-radius: 7px !important;

}
.btn-save-modal_success{
	background: none;
	color:#198754 ;
	border: 1px solid #198754;

}
.btn-save-modal:hover {
    background: #024CA4 !important;
    color: white !important;
    border: 1px solid #024CA4 !important;
}
.btn-save-modal-danger:hover{
	background: #dc3545 !important;
	color: white !important;
	border: 1px solid #dc3545 !important ;

}
.btn-save-modal_2:hover{
	background: #fec108 !important;
	color: white !important;
	border: 1px solid #fec108 !important;

}


.new_user_success{
 	float:right;
}

.up_doc_go_back{
	padding-top: 15px !important;
    padding-right: 24px !important;
}

.container .generate_back_button a:hover[data-exclude-hover] {
    text-decoration: none !important;
}

.btn-save-modal_2:disabled{
	color: #1f2d3d !important;
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
}

.btn-save-modal_success:hover{
	background: #198754 ;
	color: white !important;
	border: 1px solid #198754;

}
#policeModal .modal-body{
	max-height: 100vh;
}
#policeModal .table-div{
	height: fit-content;
}
#policeModal .main-table{
	    height: 100%;
    max-height: 63vh;
    margin-bottom: 20px;
}
.table-rcrd-reslt{
	text-align: right;
    font-size: max(var(--readable-text-min, 0px), 13px);
    padding: 0px 13px;
}
.recrd-table-head{
	width: 100%;
	border-collapse: collapse;
}
.recrd-table-head th{
	padding: 6px;
	border: 1px solid #ffc107;
}
.heading-row{
	font-size: 16px;
}
.heading-row .name{
	min-width: 179px;
	border: 1px solid #ffc107;
}
.heading-row .state{
	width: 62px;
	border: 1px solid #ffc107;
}
.heading-row .action{
	border: 1px solid #ffc107;
	width: 117px;
}
.main-table .tables thead{
	position: sticky;
    top: -1px;
    width: 100%;
    background-color: rgba(255, 193, 7, .8);
    table-layout: fixed;
}

.goback-btn-import{
	background: none;
	text-decoration: underline;
	color: black;
	font-weight: 500;
	float:right;
}


.generate_back_button .btn{
	width: fit-content;
}
.only_color_class{
	color:black !important;
}
.button-part .special_padding{
	padding: 7px 18px !important;
}
.notifications{
	font-weight: 600;
}
.select_lien_button{
	width: 103px !important;
	height: 28px !important;
	padding: 1px;
	text-align: center; 
}
.custom_width_class{
	max-width: 686px;
}
.option .select_box {
	background: #00509D;
	border-collapse: collapse;
}
#hit_plate_look_up{
	border-radius: 9px;
}
#agency-modal{
	margin-top:115px;
}
.add_new_agency_button button{
	background: none;
	border: none;
	color: #010194;
	float: right;
}
#delete_record_of_agency{
	background-color: #dc3545;
	color: white;
}
#look_up_or_vin .option .select_box{
	background: linear-gradient(90deg, rgba(255, 193, 7, 1) 0%, rgba(233, 178, 12, 1) 100%);
    padding: 10px;
}
#look_up_or_vin .selected {
    background-color: #ffc20614 !important;
    color: #f0b70d;
    box-shadow: 0px 0px 0px 4px #ffc20638;
    border-radius: 10px;
}
#plate_lookup_form .modal-footer {
	padding: 10px 0px 0px;
    margin-top: 0px;
    border: none;
    column-gap: 10px;
}

#plate_lookup_form .modal-footer #prevButton{
	background: none;
    border: 1px solid;
    border-radius: 9px;
    color: black;
    font-weight: 600;
    padding: 4px 14px;
}
#plate_lookup_form .modal-footer #look_up_selected{
	border-radius: 9px;
    color: white;
    font-weight: 700;

}

#addnew-tbl{
}
.agency_delete{
	border: #dc3545 1px solid;
	background-color: white;
	color: black;
}
.agency_delete:hover{
	border: #dc3545 1px solid;
	background-color: #dc3545 ;
	color: white;
}
.add-tble-profile{
	float: right;
}
.profile_checkboxes{
	transform: scale(1.3);
}
#amnestyCheckbox{
	transform: scale(1.3);
}
.state_row h5{
	margin: 0px 24px;

}
.amnesty_row{
	display: flex;
}



/* adding css  */

.text .btn:hover{
    color: #fff;
    background-color: #bb2d3b;
    border-color: #b02a37;

}

.lien_page_heading{
	display:flex;justify-content: space-between;
	}
	.lien_download{
		margin: 29px 0px;
	}


.custom_prev {
		color: black !important;
		border: 1px solid #0C3A80 !important;
		background-color: transparent !important;
}

.custom_prev:hover{
	color: white !important;
	background-color: #0C3A80 !important;
}


.liens_table_data input[type="checkbox"]{
	transform: scale(1.3);}


.custom_padding.goback_button:hover{
	background-color: #dcdcdc !important;
}

.custom_padding_right{
	padding-left:30px;
}

.question_mark_details{
	font-size:16px !important;
	padding-left:2px;
	position:relative;
	left: 14px;
    top: 7px;
}

.custom_padding_details{
	padding:11px 18px !important;
}

.custom-tooltip{
	color: white;
    background: black;
    border-radius: 10px;
    margin-top: 9px;
    opacity: 0.7;
    z-index: 9999;
    position:absolute;
    padding: 6px 8px 1px;
}

.custom-tooltip p{
	color:white;
	padding-bottom:0;
}

.button-part .lienbuttons{
	position: relative;
}
.button-part .lienbuttons .question_mark_details {
    top: 63%;
    position: absolute;
    height: 20px;
    width: 20px;
    left: 85%;
}

@media screen and (max-width: 768px){
	.buttons-row-sec{
		justify-content: start !important;
		padding: 0px;
		column-gap: 10px !important;
	}
}

/* new work 18-03-20204 */

.buttons-row-sec{
	display:flex; 
	align-items:center; 
	column-gap: 20px;
	flex-wrap:wrap;
	padding: 0px;
	margin-bottom: 15px;
}
.buttons-row-sec .bt{
	max-width: fit-content;
}

.buttons-row-sec .bt button{
	width: max-content !important;
}
.color_class 
{
	color: black;
}
.new_class{
padding-left:26px !important;
font-size: 16px;}

.new_class_2{
	padding-left:26px !important;
	font-size: 16px;
}

.custom_padding {
    padding: 2px 40px !important;
	border: 1px solid transparent !important;
}
.custom_padding_2 {
    padding: 2px 40px !important;
}
.responsive_css{
margin-top:10px;
}
.input-btn-r{
	display: flex;
    justify-content: center;
    column-gap: 20px;
}
.input-btn-r input {
	width:100%;
}
.font_class .sub p{
	font-weight: 500;
}
.add_new_agency_button{
	margin-bottom: 20px;
}
.input-btn-r #browseButton {
}
.note-txt{
	font-size:max(var(--readable-text-min, 0px), 12px);
	padding-left: 25px; 
}


/* 29/03/24 */


.lien_page_heading_2{
	display: flex;
}

@media (max-width:469px){
	.lien_page_heading{
		display: flex;
		flex-direction:column;
	}

	.lien_page_heading .lien_download{
		margin: 0 0 20px 0;
	}
	
}

.custom_add_note{
	margin-top:-10px;
}
/* new work */
.cart_button{
	border: none;
    background: none;
}
.another_css{
	margin-top:10px !important;
}
.info_p{
	font-weight: 600;
	color: red;
	font-size: max(var(--readable-text-min, 0px), 15px);
}

#downloadSampleFile{
	font-weight: 400 !important ;
}

.img_head{
	margin-bottom:30px;
}

.custom-col-up-img{
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
	padding:11px;
	cursor: pointer;
	border: 1px solid lightgrey;
}

.add_photo{
	margin-left: 63px;
    margin-top: 32px;
}

/* 03-04-24 */

@media (max-width:992px){
	.input-btn-r{
		flex-direction: column;
	}
	.custom_input_row{
		padding:30px 20px;
	}
	#browseButton{
		margin-top:12px;
	}
	#upload_tow_tag_or_invoice{
		margin-top: 12px;
	}
}

@media (max-width : 577px){
	.custom-resposive-p{
		margin-bottom:20px;
	}
}

@media screen and (max-width:411px) {
	.custom_end{
		justify-content:end;
	}
	.custom_width_70{
		width:70%;
	}
	.custom_location{
		top:9%;
		left:59%;
	}
	.custom_width_26{
		width:26%;
	}
	.custom_download_lienList{
		margin-top:16px;
	}

	.custom_margin_top_lien{
		margin-top:20px;
	}

	.custom_margin_top_lien_div{
		margin-right:10px;
	}

}

@media (max-width : 360px){
	.custom_padding_support{
		padding-right: 16px;
	}

	.custom_padding_invoice{
		padding-right:10px;
	}
}


.notification_settings_table .table-responsive table tbody tr td .form-check input[type=checkbox]{
	border : 1px solid #9ea1a3 !important;
}






.notification_settings_table{
	overflow:auto;
	margin-top: 6px;
}
	
.email_td{
	min-width:215px;
}

.add_photo{
	font-size: 18px;
    padding: 8px 16px;
}

.delete_file{
	display:none;
}

.error_file_container{
	border: 2px solid black;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 37px;
    padding: 20px;
}
/* new work */
#upload_towbook_data p{
	font-size:max(var(--readable-text-min, 0px), 14px);
	}


/* 04-04-24 */

.border-custom{
	border: 1px solid #c20000;
    padding: 15px 26px;
    font-size: 18px;
    border-radius: 16px;
    text-align: center;
    margin: auto;

}

.border-custom p{
	margin:0;
}

.custom-notify{
	margin-bottom:25px;
}
.custom_input_row h6{
	margin:0;
}

.font_class_custom{
	font-size: 17px;
	padding: 15px 26px 33px 26px !important;

}

.custom-padding{
	padding:0;
}

.custom-padding-margin{
	padding:0;
	margin-right:-11px;
}

.margin-l{
	margin-left:35px !important;
}
.another_line_class{
	border-bottom: 1px solid #FFC107;
}

.custom-fw{
	font-weight: 600;
}


input.picker[type="date"] {
	position: relative;
}
  
input.picker[type="date"]::-webkit-calendar-picker-indicator {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	color: transparent;
	background: transparent;
}



.view_lien_details{
	position: relative;
	width: 98%;
	background-color: #FFC107;
	border-radius: 7px;
	font-size: max(var(--readable-text-min, 0px), 13px);
	font-weight: 600;
		
	}


.view_lien_details_2{
	position: relative;
	width: 98%;
	border-radius: 7px;
	font-size: max(var(--readable-text-min, 0px), 13px);
	font-weight: 600;
		
	}

.new_padding_margin{
	padding: 9px 18px !important;
	margin-top: 10px;
}

	


#picked_up_date_modal {
    margin-top: 115px;
}


.new_padding_all{
	padding:9px 18px;
}

.custom-goback-import{
	float: right;
    padding-top: 11px;
}

.custom-goback-user{
	text-align: center;
    float: right;
    padding-top: 17px !important;
	color:black !important;
	font-weight: 500 !important;
	margin-right: 35px;
}

.custom-goback-user:hover{
	text-decoration: underline !important;
}
.container .generate_back_button a:hover{
	text-decoration: underline !important;
	font-size:16px !important;
	font-weight: 500 !important;
}

.delete_button{
	font-size: 16px; 
		font-weight: 600;}
	
.delete_all{
color: #dc3545;}
.delete_all:hover{
color:#b02a37;}



.save_debt_data_button_2{
	width:100%;
}

.custom_open_ticket{
    float: right;
    margin-top: 20px;
    margin-left: 25px;
}

.custom_goback_support{
	padding-top:20px;
}


.search_row_liens{
	float: right;
	position: relative;
}
.secondary_outline{
	border: 1px solid #6c757d !important;
	color: #6c757d !important;
	font-weight: 500 !important;
}
.secondary_outline:hover{
	background-color: #6c757d;
	color: white !important;
}
.attached_doc_form{
	padding: 19px 13px;
}
.other_font{
	font-size: max(var(--readable-text-min, 0px), 14px);
}

.dup_container_custom_2{
	margin-top: 0;
    height: 165px;
}

.input-btn-r_2{
	padding: 8px 222px;
    height: 52px;
}
.custom_margin_cart{
	margin-top:84px;
}

.font_class_2 {
    font-size: 17px;
    padding: 50px 26px 0 26px !important;
}

.custom_width_cart{
	width:13%;
}
.show_reason_screen{
	margin: 40px 0px 40px 0px;
}
.show_reason_screen_2{
	margin: auto;
}
.damage_images_height{
	height: 217px !important;
	object-fit: contain;
}
.border_2 {

	height: 430px;

	background-color: white;

	border-radius: 50px;

	margin-right: 2px;

	margin-top: 10px;

}
#save_amount_and_sold_date{
	font-size: max(var(--readable-text-min, 0px), 14px);
	margin-top: 32px;
	width: 100%;

}
.custom-thead{
	background-color:whitesmoke;
}

.custom-shadow{
	box-shadow: 0px 0px 12px -2px #00000025;
}
#plate_lookup_form .formError
{
	left: auto !important;
}
#payment_form2 .input-icons .formError{
	left: auto !important;
}
.remove_border{
	border-bottom: none !important;
}
.new_position{
	position: relative;
	z-index: 1;
}


.custom_openticket_res{
	min-width: 190px;
    height: 31px;
    padding: 0 15px;
    white-space: nowrap;
    box-sizing: border-box
}


@media screen and (max-width:768px) {
	.new_class_2{
		padding-left:26px;
		font-size:max(var(--readable-text-min, 0px), 14px);
	}

	.font_class_damage{
		font-size:max(var(--readable-text-min, 0px), 14px);
	}

	.lwr_container_2{
		padding:15px !important;
	}

	.upr_container_2{	
		padding-left:15px !important ;
	}
	
}


@media screen and (max-width:487px) {
	.upr_container_2{
		height:70px;
	}
	
}

.support_ticket_radio{
	vertical-align: middle;
    transform: scale(1.1);
}

.new_user_check{
	vertical-align: middle;
    margin-left: 5px !important;
}
.style_radios{
	transform: scale(1.2);
}

.custom_tooltip_arrow{
    width: 0;
    height: 0;
    position: relative;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 14px solid black;
    position: relative;
    top: -19px;
    left: 193px;
}

.custom-tooltip-sn{
    transform: scale(0.5);
    margin-top: -11px;
}

.custom_padding_tooltip{
	padding:0 8px;
}

.custom_nowrap_button{
    min-width: 203px;
    height: 32px;
    padding: 0 15px;
    white-space: nowrap;
    box-sizing: border-box;
}

.responsive_width{
	min-width:439px;
}

@media screen and (max-width:767px){
	
	.custom_btns_rw_gap{
		gap:5px;
	}
	
}



.button-container input {
    margin-left: 10px;
}


.font_class_11{
	font-size:max(var(--readable-text-min, 0px), 11px);
}

.color_yellow{
	margin-left: 5px;
}

.custom_padding_bottom{
	padding-bottom:11px;
}
/* new changes */
.cart_forms .debt_tops{
	margin: 20px 0px;
}
.cart_forms .debt_collection_enable{
	margin-top: 30px;
}
@media screen and (max-width: 460px) {
	.cart_forms .debt_collection_enable{
		margin-top: 0px;
	}
}
/* ************* new changes of email verification */
.otp-input {
	width: 40px;
	height: 40px;
	font-size: 18px;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin: 0 5px;
	outline: none;
}
.otp-input:focus {
	border-color: #5b5fc7;
	box-shadow: 0 0 5px rgba(91, 95, 199, 0.5);
}
.lien_type_row {
	background-color: #FFF3CD;
	font-size: 17px;
	padding: 45px 35px 35px;
}
.verification .lien_type_row img{
  padding-bottom:15px;
}
.lien_type_row.verification {
    max-width: 45%;
    margin: 0px auto;
    padding: 60px 40px;
    text-align: center;
    border-radius: 6px;
	background-color: #fff3cd70 !important;
}
@media (max-width: 768px) {
    .lien_type_row.verification {
        max-width: 100% !important;
		margin: 7px;
    }
}

.verification img {
    max-width: 190px;
    width: 100%;
    height: auto;
}

.verification a.goback-btn i {
    font-size: max(var(--readable-text-min, 0px), 14px);
    padding-right: 5px;
}

.verification h3 {
    font-size: 35px;
    font-weight: 500;
    margin: 30px 0px;
}

.verification .generate_back_button.custom-padding {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin: 20px 10px;
}

.verification a.btn.goback-btn.searching_button {
    text-decoration: none;
    color: #5184C0;
    background-color: white;
    font-weight: 500;
    border-radius: 35px;
    width: 100%;
}

.verification button.complete-btn.searching_button.btn-save-modal.next-btn {
    border-color: #ffc107;
    box-shadow: none;
    border-radius: 35px;
    width: 100%;
}
#changeEmailModal .email-div {
 text-align:left;
}
.email-div span.text-danger{
 font-size: max(var(--readable-text-min, 0px), 13px);
}
.debt_setting{
	margin-bottom: .5rem;
	font-weight: 500;
	line-height: 1.2;
	font-size: 1.25rem;
}
.cart_forms .debt_collection_enable_initial{
	margin-top: 15px;
}

button#nobtn{
	color: red;
    background: white;
    border: 1.5px solid red;
    padding: 4px 10px;
}
button#nobtn:hover{
	color: white;
    background: red;
    border: 1.5px solid red;
    padding: 4px 10px;	
}
.custom_nowrap_button_support{
    min-width: 203px;
    height: 32px;
    white-space: nowrap;
    box-sizing: border-box;
}
#addressDropdown{
	min-width: 335px;
}
#addressDropdown2{
	min-width: 335px;
}
#cart_military-row .cart_form-label{
	display: inline-flex; 
	align-items: center;
}
.cart_military_row .cart_form-label{
	display: inline-flex; 
	align-items: center;
}
.show_military_desciption{
	margin-left: 5px;
}
.custom-file-upload{
	display: inline-block;
	padding: 6px 12px;
	color: #ff4d4d;
	border: 2px solid #ff4d4d;
	border-radius: 10px;
	background-color: transparent;
	cursor: pointer;
	font-size: max(var(--readable-text-min, 0px), 14px);
	font-weight: bold;
	text-align: center;
	margin-right: 30px;
}
.address_dropdown_signup{
	top: auto;
	left: auto;
}
.password-wrapper {
	position: relative;
	
}
.eye-icon {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	user-select: none;
}






.navbar .navbar-toggler .navbar-toggler-icon{
	background-image: url("../../assets/images/button.svg")

}
.navbar-list .navbar .navbar-toggler:focus-visible{
	outline: none;
	box-shadow:none;
}
@media screen and (max-width: 1424px){

	.nav-item .nav-link .icons{
		display: none;
	}
}