a {
    color: var(--core-2-hex);
}
body {
    font-weight: normal;
    color: var(--core-1-hex);
    line-height: 1.5;
}
.grecaptcha-badge{
    display: none!important;
}
@media (min-width: 992px) {
	#main-wrapper[data-layout='horizontal'] .left-sidebar{
		position: relative!important;
	}
}
ul.ui-menu li.ui-menu-item.ui-state-active{
    background: #1967d2;
    color: #fff;
}
ul.ui-autocomplete li.ui-menu-item:hover > div,
ul.ui-autocomplete li.ui-menu-item:focus > div,
ul.ui-autocomplete li.ui-menu-item:active > div{
    color: #fff;
    background: #1967d2;
}
h2.transactions-status{
    font-size: 22px;
}
.custom-tab-section .nav-tabs{
    align-items: center;
}
.custom-tab-section .nav-tabs span>span.badge.badge-pill.badge-primary{
    background: #67499f;
}
.counter_badge_table{
    /*position: absolute;
    left: 205px;
    top: 14px;
    z-index: 1;*/
}
.counter_badge_table .badge .fa.fa-info{
    background: #fff;
    color: #000;
    font-size: 8px;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}
.counter_badge_table span>span.badge.badge-pill.badge-primary{
    background: #67499f;
    vertical-align: middle;
    font-weight: 400;
    position: relative;
    top: -1px;
}
.vclose{
    position: absolute;
    top: 10px;
    right: 10px;
    height: 20px;
    background: #3f3f57;
    width: 20px;
    text-align: center;
    font-weight: 700;
    line-height: 20px;
    border-radius: 50%;
    font-size: 11px;
    color: #fff;
}
.upload-list{
	display: flex;
	grid-gap: 20px;
	padding: 0px;
	flex-wrap: wrap;
}
.upload-images-box.vehicle-img {
    width: calc(25% - 20px);
    padding: 0px;
    min-height: 160px;
    overflow: hidden;
    position: relative;
    border: 1px solid #DDD;
	cursor: move;
}
.upload-images-box.vehicle-img img{
    position: absolute;
    left: 50%;
    width: auto;
    height: 100%;
    object-fit: cover;
    padding: 0px;
    margin: 0 auto;
    transform: translate(-50%, 0%);
}
.jexcel{
    width: 100%!important;
}
.jexcel .dflex{
    justify-content: space-between;
    white-space: normal;
}
.jexcel > tbody > tr > td,
.jexcel > thead > tr > td{
	padding: 4px 10px!important;
}
table .label{
    border-radius: 5px;
}
table a.label:hover{
	color: #fff;
}
.btn{
	border-radius: 5px;
}
.card-header .btn {
    border-radius: 5px;
}
.search-input .autocom-box{
  padding: 0;
  opacity: 0;
  pointer-events: none;
  max-height: 280px;
  overflow-y: auto;
}
.fa-360-degrees:before {
    content: "\e2dc";
}
.wizard-content .wizard>.actions>ul>li>a{
	border-radius: 30px!important;
}
.reports-table-section.payment-tracker-table table tr td {
    border-left: none;
    border-right: none;
    line-height: 1.3;
    word-break: break-word;
}

.ui-autocomplete{
    max-width: 665px;
    background: #fff;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 27%);
	max-height: 450px;
	overflow: auto;
	z-index: 99;
}
li.ui-menu-item{
	padding: 3px 0px;
	cursor: pointer;
}
#main-wrapper[data-layout='horizontal'].header-sticky .left-sidebar{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #ffffff;
    animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    box-shadow: 0px 16px 32px 0px rgb(0 0 0 / 9%);
    z-index: 91;
}
.left-sidebar .logo{
	display: none;
}
#main-wrapper[data-layout='horizontal'].header-sticky .left-sidebar .logo {
    display: block;
}
a {
    color: var(--bs-purple);
}
.header-sticky .logo img {
    width: 96px;
    height: auto;
    padding: 5px 0px;
}
.logo img.logo-scroll{
	display: none;
}
.header-sticky .logo img.logo-scroll{
	display: block;
}
.header-sticky .logo img.logo-main{
	display: none;
}
.search-box .search-input .button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 3px;
    line-height: 0.5;
    width: 35px;
    height: 35px;
    background: #67499f;
    color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.search-box .search-input .button:hover{
    background: #fcbd2e;
    color: #000;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 7px;
}
.search-box .search-input .button:hover i.ti-search{
    color: #000;
}
.search-box .search-input .button i.ti-search{
    font-size: 18px;
    color: #fff;
    position: relative;
    left: 1px;
    top: -1px;
}
#main-wrapper[data-layout='horizontal'].header-sticky .topbar{
	display: none;
}
.header-sticky .logo {
    background: #fff;
}
.logo {
    top: 0px;
    left: 20px;
}
.tp-header__search-2 input {
    height: 44px;
    line-height: 44px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    background-color: var(--tp-grey-5);
}
.tp-header__search form input {
    height: 40px;
    line-height: 1;
    border: 0;
    background-color: #fff;
    padding-left: 20px;
    padding-right: 40px;
    border-radius: 30px;
}
main.settings .container{
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
}
main.settings .section_wrapper{
    border-radius: 10px;
    background: #fff;
    padding: 25px 25px 25px 25px;
    border: 1px solid #ececec;
    overflow: hidden;
}
main.settings .form-check .form-check-input{
    margin-left: 0;
}
main.settings .form-check .radio-info{
    padding-left: 35px;
}
main.settings .form-check label{
    color: #000;
    font-size: 14px;
    margin-bottom: 0;
}
.mt-32{
    margin-top: 32px;
}

/*------------*/

.w-33{
    width: 33.33%;
}
#main-wrapper .inventory-page-wrapper.page-wrapper{
    max-width: 100%!important;
    margin-left: 15px!important;
    margin-right: 15px!important;
}
.footer__bottom{
    padding:
}
.summary-table-section{
    background-color: #eaedf2;
    position: sticky;
    bottom: 0;
    left: 15px;
    width: 100%;
    z-index: 9;
    transition: all 0.5s;
}
body .c-both{
    clear: both;
}
.summary-table-section table.summary-table{
    border-top: 1px solid #DDD;
    padding: 0;
}
.summary-table-section .bottom-tab-btn{
    padding: 5px;
    display: inline-block;
    float: left;
    position: relative;
    left: 10px;
    top: 5px;
}
.summary-table-section .bottom-tab-btn:focus,
.summary-table-section .bottom-tab-btn:hover{
    color: #67499f;
}
.summary-table-section nav {
    display: inline-block;
    float: right;
    position: absolute;
    top: 0;
    right: 0;
}
.summary-table-section .summary-table-title{
    display: inline-block;
}
.summary-table-section nav .nav-tabs{
    border: none;
    padding: 0 15px;
}
.summary-table-section nav .nav-tabs .nav-link{
    color: #67499f;
    font-weight: 500;
    font-size: 14px;
    border-radius: 0;
    border: none;
    padding: 4px 15px 2px;
    z-index: 99;
}
.summary-table-section h5{
    margin: 8px 0 0;
    padding-left: 30px;
    color: #67499f;
    text-transform: capitalize;
    font-size: 15px;
    display: inline-block;
    float: left;
}
.summary-table-section tr td{
    background-color: #FFF;
}
footer{
    clear: both;
}
.summary-table-section .tiles-main-div {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 25px;
    padding: 5px 15px;
}
.summary-table-section .tiles-main-div .card{
    border-radius: 0;
    margin-bottom: 0px;
    box-shadow: -2px -2px 8px rgba(0,0,0,0.1);
    border-bottom: 3px solid #8a73b5;
}
.dropdown-item.active, .dropdown-item:active{
    background-color: #523c82;
}
.dropdown-item.setting i.ti-settings{
    top:1px;
}
.summary-table-section .tiles-main-div .card .card-title{
    width: 100%;
    padding-left: 0;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 14px;
    font-weight: 600;
}
.summary-table-section .tiles-main-div .card .card-body{
    text-align: center;
    padding: 12px 20px;
}
.summary-table-section .tiles-main-div .card .card-body .col{
    width: 48%;
    display: inline-block;
}
.summary-table-section .tiles-main-div .card .card-body span b{
    display: block;
}
.summary-table-section .summary-table tr:last-child{
    border-bottom: none;
}
.modal-open .inventory-page-wrapper .modal{
    background-color: rgba(0,0,0,0.7);
}
.modal.inner-popup.show{
    background-color: rgba(0,0,0,0.7);
}
.add-address-field.field-box textarea.form-control{
    height: 100%!important;
}
.filter-section button, .modal-header .btn-group button.btn,
.wizard-content .wizard>.actions>ul>li>a,
.sort-dp .form-select{
	border-radius: 30px!important;
	color: #FFF;
	font-size: 14px;
	padding: 6px 18px;
	border: 1px solid #1a1a36;
	background-color: #1a1a36;
	line-height: normal;
	height: auto;
	width: auto;
	outline: none!important;
	text-align: center;
    
}
.sort-dp .form-select{
    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='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
.sort-dp .form-select{
	padding: 8px 18px;
	text-align: left;
    padding-right: 25px;
    background-position: right 7px center;
}
div.dataTables_wrapper div.dataTables_filter{
    z-index: 9;
    position: relative;
}
.custom_dataTables_filter .dataTables_filter{
    padding-right: 15px;
}
.custom_dataTables_filter .dataTables_length{
    padding-left: 15px;
}
.custom_dataTables_filter div.dataTables_filter label,
.custom_dataTables_filter .dataTables_length label{
    margin-bottom: 2px;
}
.page-wrapper > .container-fluid{
    padding-top: 0px;
}

table.dataTable .badge.btn, table.dataTable a.btn  {
    transition: 0.4s;
    border: none;
    padding: 3px 8px;
    line-height: normal;
    cursor: pointer!important;
    border-radius: 30px;
}
table.dataTable .badge.btn:hover{
    color: #FFF;
}
table.dataTable .badge-danger.btn:hover{
    background-color: #ef6e6ea1;
}
table.dataTable .badge-success.btn:hover{
    background-color: #22c6ab9c;
}
.modal button.btn{
    transition: 0.4s;
    border: none;
    padding: 7px 25px;
    text-transform: inherit;
    background-color: #1a1a36;
    border-radius: 20px;
    font-weight: 500;
}
.modal button.btn.btn-danger{
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
}
.modal button.btn.btn-danger:hover{
    color: #fff;
    background-color: #bb2d3b !important;
    border-color: #bb2d3b !important;
}
.modal button.btn:hover{
    background-color: #fcbd2e;
    color: #1a1a36;
}
.modal button.btn:focus{
    background-color: #1a1a36;
    color: #FFF;
}
.filter-section button:hover,
.modal-header .btn-group button.btn:hover,
.filter-section button:hover,
.modal-header .btn-group button.btn:hover,
.filter-section button:focus,
.modal-header .btn-group button.btn:focus{
	color: #1a1a36;
	background: #fcbd2e;
	border-color: #fcbd2e;
	outline: none;
	box-shadow: none;
}
.filter-section .filter-ronded-icon .btn,
.filter-section .filter-ronded-icon .sortByDescAsc{
	height: 35px;
	width: 36px;
	text-align: center;
	padding: 0px;
	border-radius: 50%!important;
	display: flex;
	align-items: center;
	justify-content: center;
}
ul.clearfilter li.clearall span{
    color: #FFF;
    vertical-align: middle;
    line-height: normal;
}
.topbar .top-navbar{
    align-items: center;
}
.filter-section .field-box label{
    margin-bottom: 2px;
	font-size: 12px;
}
.filter-section .field-box{
    padding-right: 6px;
}
.mw-140{
    max-width: 160px;
}
.mw-130{
    max-width: 120px;
}
.m-140{
    min-width: 160px;
}
.filter-section .field-box select.form-select{
    font-size: 13px;
    font-weight: 400;
    background-position: right 4px center;
    padding-right: 20px;
    background-size: 16px 10px;

}
.filter-section .field-box select.form-select{
		width: 135px;
}
.sort-dp input.sorting-input{
    height: 40px!important;
}
.sort-dp ul.dropdown-menu{
    padding-top: 0;
    padding-bottom: 0;
}
.sort-dp ul.dropdown-menu li{
    padding: 0;
}
.custom_btn a.btn {
    background-color: #1a1a36;
    border-radius: 4px;
    color: #FFF;
    margin: 0px 1px;
}
.custom_btn a.btn:hover{
    background-color: #fcbd2e;
    color: #212529;
}
.custom_btn a.suspend_btn{
    min-width: 106px;
}
.custom_btn a.btn-warning{
    color: #212529!important;
    background-color: #ffc107!important;
    border-color: #ffc107!important;
}
.custom_btn a.btn-warning:hover{
    color: #212529!important;
    background-color: #e0a800!important;
    border-color: #d39e00!important;
}
.custom_btn a.btn-secondary{
    color: #fff!important;
    background-color: #545b62!important;
    border-color: #545b62!important;
}
.custom_btn a.btn-secondary:hover{
    color: #fff!important;
    background-color: #6c757d!important;
    border-color: #6c757d!important;
}
.sort-dp ul.dropdown-menu li:hover{
    background-color: #67499f
}
.sort-dp ul.dropdown-menu li:hover a{
    color: #FFF;
}
.sort-dp ul.dropdown-menu li a{
    color: #000;
    padding: 5px 10px;
    display: block;
}
section.data-table-section{
    padding: 5px 0 0;
    box-shadow: 0px 0px 4px 3px #8f8d8d2e;
    background-color: #FFF;
}
section.data-table-section .table-responsive::-webkit-scrollbar{
    height: 10px;
    cursor: pointer;
}
section.data-table-section .table-responsive::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.4);
    border-radius: 2px;
    cursor: pointer;
}
section.data-table-section .table-responsive::-webkit-scrollbar-thumb {
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.1);
    background-color: #D0D0D0;
    cursor: pointer;
}
section table.datagrid-table{
    background-color: #FFF;
    width: 100%;
    max-width: none;
}
table tr.table-header-row th:first-child{
    border-left: none;
}
table tr.table-header-row{
    border-bottom: 1.5px solid #67499f;
}
table tr.table-header-row th{
	padding: 5px 14px 3px 14px;
	font-weight: 700;
	vertical-align: middle;
	border-left: 1px solid #DDD;
	min-width: 170px;
}
.w-60{
    width: 60%!impotant;
}
.d-flex-wrap{
    display: flex!important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    line-height: normal;
}
.d-grid-40{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px 40px;
    align-items: flex-start;
}
.inventory-page-wrapper .add-vehicle-tab-section .tab-content{
    min-height: 200px;
}
.purchase-info-section.active{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px 40px;
}
/*
.tab-content .vehicle-photo-content-div.tab-pane{
    min-height: 280px;
}*/
.table thead th{
	padding-top: 10px;
	padding-bottom: 10px;
}
.add-vehicle-tab-section .tab-content .add-photo,
.edit-vehicle-tab-section .tab-content .add-photo{
    appearance: none;
    -webkit-appearance: none;
    text-indent: -999px;
    border: none;
    background-color: transparent;
    background-image: url(../../static/assets/images/file-upload.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    cursor: pointer;
    position: relative;
}
.edit-vehicle-tab-section .tab-content .add-file{
    appearance: none;
    -webkit-appearance: none;
    text-indent: -999px;
    border: none;
    background-color: transparent;
    background-image: url(../../static/assets/images/file-upload.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background-position: bottom;
    position: relative;
}
.dropdown-menu-right a.log-out i.fa-power-off:before{
	content: " ";
}
.dropdown-menu-right a.log-out i.fa-power-off{
	background-image: url(../../static/assets/images/logout-icon.svg);
	width: 14px;
	height: 14px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	position: relative;
    top: 3px;
}
.field-box label{
    display: block;
    margin-bottom: 2px;
}
.field-box input.date{
    border: 1px solid #dadada;
    height: 36px!important;
    border-radius: 5px;
    font-size: 14px;
    padding: 6px 10px;
}
.purchase-info-section .field-box
.vehicle-photo-content-div label{
    cursor: pointer;
    margin-left: 10px;
    vertical-align: middle;
}
.input-field.vehicle-searh-box.field-box input{
    max-width: max-content;
    min-width: 170px;
}
.vehicle-photo-content-div label{

}
.d-flex-wrap-start{
    display: flex!important;
    flex-wrap: wrap;
    justify-content: space-between;
}
.rightside-bar .additional-options-section{
    padding-left: 1rem;
    padding-right: 1rem;
}
table .table-data-content tr td{
    padding: 15px 10px 7px;
    vertical-align: top;
    line-height: 1.5em;
    min-width: 180px;
    justify-content: space-between;
}
table .table-data-content .bootstrap-datetimepicker-widget .timepicker-picker tr td,
table .table-data-content .bootstrap-datetimepicker-widget .timepicker-minutes tr td,
table .table-data-content .bootstrap-datetimepicker-widget .timepicker-hours tr td{
    min-width: auto;
    padding: 0;
    vertical-align: middle;
}
.bootstrap-datetimepicker-widget .timepicker-picker tr td button.btn.btn-primary {
    margin-top: 5px;
    margin-bottom: 5px;
}
.bootstrap-datetimepicker-widget .timepicker-picker tr td .btn{
    padding: 0;
}
.bootstrap-datetimepicker-widget .fa.fa-calendar:before{
    font-weight: normal;
}
.bootstrap-datetimepicker-widget .fa.fa-clock-o:before {
    content: "\f017";
    font-family: 'FontAwesome';
    font-weight: normal;
}
.summary-table-section tr td, .summary-table-section tr th{
    padding: 5px 15px 5px;
    vertical-align: top;
    line-height: 1.5em;
    width: 22%;
    font-size: 14px;
    min-width: 200px;
}
.top-add-new-btn{
	position: absolute;
	right: 0px;
	top: 10px;
}
.pb-8{
	padding-bottom: 8px;
}
table .table-data-content tr{
    border-bottom: 1px solid #DDD;
}
table .table-data-content tr:last-child{
    border-bottom: none;
}
.summary-table-section td.summary-f-cell {
    background-color: var(--core-2-hex);
    vertical-align: middle;
    color: #FFF;
    width: calc(100% - 200px);
}
.summary-table-section .summary-table tr{
    border-bottom: 1px solid #DDD;
}
.table-data-content td .vehicle-img img,
table tr td .vehicle-img img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
	border-radius: 0px;
	object-fit: cover;
}
.table-data-content td .detail-info label, .table-data-content td div label{
    margin-bottom: 0;
    margin-right: 4px;
    font-weight: 400;
    font-size: 12px;
	line-height: normal;
}
.table-data-content tr td > div.col-lg-3{
    min-width: 300px;
}
.table-data-content td .detail-info{
    width: 50%;
    padding-right: 10px;
    display: inline;
}
.br-bottom{
    border-bottom: 1px solid #67499f;
}
.detail-options h5{
    font-weight: 500;
    margin-bottom: 3px;
}
.rightside-bar .additional-options-section a{
    font-weight: 600;
}
.rightside-bar .additional-options-section a:hover{
    text-decoration: underline;
    color: #67499f;
}
.rightside-bar .additional-options-section > .field-boxes{
    max-width: 430px;
}
.field-boxes .form-check-label{
    font-size: 14px;
    line-height: 1.8em;
    vertical-align: middle;
}
.tab-content .field-box input.form-control,
.field-box select.form-select,
.purchase-info-section .field-box input.form-control,
.filter-section .field-box input.form-control{
    height: 36px!important;
    color: #32325d;
}
.page-wrapper .custom-btn:focus{
    box-shadow: none;
}
.filter-section .field-box input.form-control{
    padding: 10px 4px 10px 8px;
}
.filter-section .field-box input::placeholder,
.filter-section .field-box input::-webkit-placeholder{
    font-size: 13px;
}
.field-box textarea.form-control{
    height: 60px!important;
    min-height: 100%!important;
}
.field-boxes [type=checkbox].form-check-input{
    position: relative;
    width: 23px;
    height: 22px;
    border: 2px solid #856db2;
    border-radius: 3px;
}
.field-boxes [type=checkbox].form-check-input:checked::before{
    top: 8px;
    left: 4px;
    width: 2px;
    height: 6px;
    content: "";
    position: absolute;
    transform: rotate(-43deg);
    background-color: #67499f;
}
.inner-popup.modal .modal-content{
    height: auto!important;
    position: relative!important;
    overflow: auto!important;
}
.additional-info-popup.inner-popup.modal .modal-content{
    overflow: visible!important;
}
.inner-popup.bingsearch.modal .modal-content{
	height: inherit!important;
    position: relative!important;
    overflow: unset!important;
}

.vehicle-popup .inner-popup.modal .modal-header{
    position: relative;
    padding: 1rem;
}
.inner-popup.modal .modal-body .field-box input.form-control{
    height: 36px!important;
}
.inner-popup.modal .modal-body .field-box label,
.inner-popup.modal .modal-body .field-box input.form-control{
    width: 100%;
    margin-bottom: 8px;
	box-sizing: border-box!important;
}
.additional-options-section button.custom-option-btn{
    background: transparent!important;
    width: 100%!important;
    text-align: left;
    color: #67499f;
    font-weight: 600;
    padding-left: 0;
    padding-right: 0;
}
.vehicle-popup span.edit-title img{
    width: 15px;
    margin-left: 8px;
    top: -2px;
    position: relative;
}
.additional-options-section button.custom-option-btn:focus{
    box-shadow: none;
}
#datatable-auctions_wrapper .pagination{
    display: none;
}
.filter-box-section .date-picker .input-daterange .form-control{
    min-width: 160px;
    height: 36px!important;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.filter-box-section .date-picker .input-daterange .input-group-text {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.filter-box-section .date-picker .input-daterange.input-group{
    flex-wrap: nowrap;
}
.data-table-section tr td .detail-info-col span{
    padding-left: 0;
}
.wholesale-deals-table table tr.total-cal-row td .detail-info-col h6{
    width: 100%;
}
.wholesale-deals-table table tr td .detail-info-col{
    min-width: 230px;
}
button.vehicle-btn{
    background-color: #000;
    border-radius: 25px;
    color: #FFF;
    padding: 6px 20px;
}
.wholesale-deals-table table tr.total-cal-row td .detail-info-col div.mb-2{
    min-height: 45px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.wholesale-deals-table table tr td div.bt-1{
    border-top: 1px dashed #000;
}
.wholesale-deals-table table tr td div.bt-1 h6{
    padding-top: 10px;
}
.reports-table-section table tr.table-header-row th:first-child{
    border-left: 1px solid #DDD;
}
.reports-table-section.profitability-table tr td:first-child, .reports-table-section.profitability-table tr th:first-child{
    min-width: 30px;
    padding: 0;
    text-align: center;
}
.reports-table-section.profitability-table tr td:nth-child(3),
.reports-table-section.profitability-table tr td:nth-child(4){
    min-width: 110px;
}
.reports-table-section table tr:first-child td .days_status_text {
    padding-top: 10px;
}
.inventory-page-wrapper .reports-table-section table thead{
    position: sticky;
    top: 0;
    background: #efefef;
    z-index: 99;
}
.reports-table-section::-webkit-scrollbar{
    width: 10px;
}
.reports-table-section::-webkit-scrollbar-track{
    box-shadow: 0px 0px 6px red;
}
.reports-table-section::-webkit-scrollbar-thumb{
    background-color: #000;
}
.reports-table-section.profitability-table table thead tr th{
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	text-align: center;
	padding: 13px 8px;
	vertical-align: middle;
}
.reports-table-section.profitability-table table tr td{
    border-left: none;
    border-right: none;
   /* min-width: 200px*/
}
.profitability-table tbody tr td a.btn.activefield{
    transform: rotate(90deg);
}
.profitability-table tr td a.btn:focus{
    opacity: 1;
    color: #000;
}
.reports-table-section.profitability-table table tr.detail-row{
    border-top: 2px dashed rgb(0 0 0 / 22%);
}
.reports-table-section.profitability-table table tr.detail-row td{
    padding: 5px 10px;
    vertical-align: top;
}
.reports-table-section.profitability-table table tr.detail-row td .title h6{
    margin: 10px 0;
}
.reports-table-section.profitability-table table tr.detail-row td .vehicle-title h6 a{
    font-size: 12px;
    text-transform: uppercase;
}
.reports-table-section.profitability-table table tr.detail-row td:nth-child(2){
    min-width: 260px;
}
.reports-table-section.profitability-table table tr.detail-row td span{
    font-size: 12px;
}
.reports-table-section.profitability-table table tr.detail-row td h6,
.reports-table-section.profitability-table table tr.detail-row label{
    margin-bottom: 0;
    line-height: normal;
}
.profitability-table .vehicle-info .vehicle-img img{
    width: 62px;
    height: auto;
    object-fit: cover;
    border-radius: 5px;
}
.reports-table-section table tr td{
    padding: 7px 5px 3px;
    border-left: 1px solid #DDD;
    line-height: 1.4;
}
.reports-table-section table tr th{
	padding: 9px 5px 7px;
}
.reports-table-section table tr th:first-child,
.reports-table-section table tr td:first-child{
    padding-left: 10px;
}
.reports-table-section.profitability-table table tr td{
    padding: 10px 10px 8px;
}
.card-body label{
	margin: 0px;
}
.reports-table-section table tr td a{
    font-size: 12px;
    text-transform: capitalize;
}
.reports-table-section table tr td span.peparwork-completed{
    font-size: 12px;
}
.reports-table-section table .reports-datatable tr td a:hover{
    text-decoration: underline;
}
.reports-table-section table tfoot {
    border-top: 1px solid #DDD;
}
.reports-table-section table tfoot tr td{
    border-left: none;
    border-right: none;
}
.reports-table-section table tfoot {
    position: sticky;
    position: -webkit-sticky;
    border-top: 1px solid #DDD;
}
.reports-table-section {
	position: relative;
	width:100%;
	z-index: 1;
	margin: auto;
	overflow: visible;
	overflow: auto;

}
.reports-table-section table tfoot tr td{
    position: sticky;
    position: -webkit-sticky;
    bottom: 0;
    background-color: #EEEEEE;
    z-index: 9;
    font-weight: 600;
}
.reports-table-section table tfoot {
  inset-block-end: 0; /* "bottom" */
}
.reports-table-section table tbody tr.title-row td{
    font-weight: 600;
}
.reports-table-section table{
    margin-bottom: 0;
}
.sale-totals-table tr.title-row i.fa{
    cursor: pointer;
}
.reports-table-section .sale-totals-table thead th{
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 999;
}
.reports-table-section .sale-totals-table thead tr{
    box-shadow: -1px -2px 0px 4px #67499f;
}
.reports-table-section .title-status-table tr td, .reports-table-section .title-status-table tr th{
    min-width: 140px;
}
.reports-table-section .title-status-table tr td:nth-child(3){
    min-width: 350px;
}
.reports-table-section .title-status-table tr td:last-child{
    min-width: 200px;
}
.reports-table-section .sale-totals-table .footer-row{
    position: sticky;
    bottom: 0;
}
.sale-totals-table tbody.footer-row tr{
    background-color: #efefef;
}
.data-table-section .table-data-content.reports-datatable tr td label{
    font-weight: 600;
}
.data-table-section .table-data-content.reports-datatable{
    min-height: 100vh;
    overflow-y: scroll;
}
table .table-data-content.reports-datatable tr td.amount-div div{
    min-height: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.wholesale-deals-table .table-data-content.reports-datatable tr.total-cal-row td.amount-div div{
    min-height: 27px;
    align-items: flex-end;
}
.data-table-section .table-data-content.reports-datatable td div span{
    font-size: 13px;
}
#datatable-auctions_wrapper tbody tr td span{
    font-size: 12px;
    display: block;
}
#datatable-auctions_wrapper tbody tr td span br{
	display: none;
}
#datatable-auctions_wrapper tbody tr td span label{
    padding-right: 5px;
}
#main-wrapper .sidebar-nav #sidebarnav .sidebar-item .sidebar-link:hover{
    color: #483675;
}
#main-wrapper[data-layout='horizontal'] .sidebar-nav #sidebarnav > .sidebar-item:last-child > .first-level{
    right: 0px;
    left: auto;
}
nav.sidebar-nav ul li.sidebar-item ul li a{
    padding-left: 20px!important;
    padding-right: 20px!important;
}
.vehicle-detail-info label.sold-status-label{
    /*visibility: hidden;*/
}
.vehicle-detail-info #sold-status{
    width: auto;
    margin-left: auto;
    margin-right: 0;
}
.additional-options-section a.addnew_report:hover{
    background-color: #000;
    text-decoration: none;
    color: #FFF;
}
.additional-options-section a.addnew_report {
    display: inline-block;
    font-size: 12px;
    color: #FFF;
    background-color: #6f42c1;
    padding: 6px 15px;
    border-radius: 20px;
    font-weight: 500;
}
.vehicle-popup .edit-vehicle-info .vehicle-img img{
    object-fit: contain;
    object-position: center;
    width: 100%;
    height: 100%;
}
.vehicle-popup .edit-vehicle-info select.form-select,
.vehicle-popup .edit-vehicle-info input.form-control{
    width: 100%;
    height: 36px!important;
    margin-left: 15px;
}
select.form-select.dropdown-green{
    background-color: #22c6ab40!important;
    border-color: #22c6ab!important;
}
select.form-select.dropdown-red{
    background-color: #ef6e6e40!important;
    border-color: #ef6e6e!important;
}
select.form-select.dropdown-blue{
    background-color: #c2e0fd !important;
    border-color: #87a8c7 !important;
}
.vehicle-popup .edit-vehicle-info textarea.form-control{
    width: 100%;
    margin-left: 15px;
}
.vehicle-popup .edit-vehicle-info .single-field label{
	margin-right: 13px;
	position: relative;
	min-width: auto;
	margin-bottom: 4px;
}
.vehicle-popup .edit-vehicle-info .single-field label.sold-status-label{
	/* min-width: 120px; */
    min-width: 140px;
    line-height: 1;
}
.uplaodfile-box .upload-btn-wrapper{
	height: 68px;
	width: 68px;
	line-height: 70px;
	cursor: pointer;
	margin-right: 10px;
	z-index: 9;
}
.uplaodfile-box .upload-images-box,
.notes-detail-info .upload-images-box{
	width: 68px;
	height: 65px;
	min-height: 65px;
	margin-left: 0px;
	cursor: pointer;
}
.vehicle-popup .edit-vehicle-info .single-field label::after{
    content: ":";
    position: absolute;
    right: -8px;
    top: -3px;
    font-size: 16px;
    color: #000;
    font-weight: 600;
}
.vehicle-popup .edit-vehicle-info .single-field.removecoloninlotmsg label::after {
    display: none;
}
.additional-options-section button.custom-option-btn:hover{
    text-decoration: underline;
}
.field-boxes [type=checkbox].form-check-input:checked::after{
    top: 2px;
    left: 11px;
    width: 2px;
    height: 14px;
    content: "";
    position: absolute;
    background-color: #67499f;
    transform: rotate(45deg);
}
.table-data-content td .detail-info:last-child{
    padding-right: 0;
}
.table-data-content td div span{
    font-size: 11.5px;
    padding-left: 3px;
    word-break: break-word;
}
.vehicle-info{
	display: flex;
}
.vehicle-info .vehicle-img{
    margin-right: 6px;
    display: inline-block;
    vertical-align: top;
}
.vehicle-info .vehicle-img:empty {
    display: none;
}
.general-info-content-div .form-check label.form-check-label{
	font-size: 14px;
    top: 2px;
    position: relative;
}
.magic-checkbox {
  position: absolute;
  display: none;
}
.magic-checkbox + label {
	position: relative;
	display: block;
	padding-left: 32px;
	margin-top: 2px;
	cursor: pointer;
	vertical-align: middle;
	min-height: 12px;
}
.magic-checkbox + label:hover:before {
    animation-duration: 0.4s;
    animation-fill-mode: both;
    animation-name: hover-color;
    border: 1px solid #1a1a36;
}
.magic-checkbox + label:before {
    position: absolute;
    top: -2px;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: '';
    border: 1px solid #c0c0c0;
    border-radius: 0px;
}
.magic-checkbox + label:after {
    position: absolute;
    display: none;
    content: '';
}
.magic-checkbox:checked + label:before {
  animation-name: none;
}
.magic-checkbox:checked + label:after {
  display: block;
}
.magic-checkbox + label:after {
	top: 1px;
	left: 7px;
	box-sizing: border-box;
	width: 6px;
	height: 10px;
	transform: rotate(45deg);
	border-width: 2px;
	border-style: solid;
	border-color: #fff;
	border-top: 0;
	border-left: 0;
}
.magic-checkbox:checked + label:before {
	border: #1a1a36;
    background: #1a1a36;
}
.magic-checkbox:checked[disabled] + label:before {
  border: #c9e2f9;
  background: #c9e2f9;
}


.vehicle-info .vehicle-title{
    display: inline-block;
    vertical-align: top;
	    width: calc(100% - 65px);
}
.table-data-content td .vehicle-info h5{
    line-height: 0.8em;
    margin-bottom: 2px;
}
.table-data-content td .vehicle-info h5 a{
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
    line-height: normal;
    text-transform: uppercase;
}
.table tbody.border-none:not(:first-child) {
    border-top: 1px solid currentColor;
}
.tooltip-icon a.btn{
    padding: 1px 3px;
    position: relative;
}
.tooltip-icon a.btn i{
    position: relative;
}
/*.tooltip-icon a.btn i::after{
    content: "";
    position: absolute;
    top: -3px;
    left: 6px;
    width: 1px;
    height: 20px;
    transform: rotate(45deg);
    background: red;
}
.tooltip-icon a.btn i.no_vin::after {
    top: -2px;
    height: 25px;
    transform: rotate(53deg);
    left: 10px;
}*/
.tooltip-icon a.btn[data-tooltip]{
    position: relative;
    display: inline-block;
}
.tooltip-icon [data-tooltip]:before, .tooltip-icon [data-tooltip]:after {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 5px);
	z-index: 1000;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	opacity: 0;
	transition: opacity .15s ease .25s;
}
.tooltip-icon [data-tooltip]:focus{
    box-shadow: none;
}
.tooltip-icon [data-tooltip]::before {
    content: attr(data-tooltip);
    background: #fff;
    color: #000;
    padding: 3px 12px;
    white-space: nowrap;
    top: 100%;
    border-radius: 3px;
    box-shadow: 0 5px 18px -1px rgba(0, 0, 0, 0.50);
}
.tooltip-icon [data-tooltip]:after {
    content: '';
    background: transparent;
    border: 8px solid transparent;
    border-bottom-color: #fff;
    top: auto;
    bottom: 0px;
}


.vehicle-popup .modal-dialog-scrollable .tooltip-icon [data-tooltip]::before{
	bottom: 0px;
	padding: 4px 12px;
}
.vehicle-popup .modal-dialog-scrollable .tooltip-icon [data-tooltip]:before,
.vehicle-popup .modal-dialog-scrollable .tooltip-icon [data-tooltip]:after{
	/*transform: translate(-50%, 35px);*/
    transform: translate(-50%, 30px);
    height: 25px;
    top: 0px;
}
.vehicle-popup .modal-dialog-scrollable .tooltip-icon [data-tooltip]:after{
	top: -22px;
}
.vehicle-popup .modal-dialog-scrollable  .tooltip-icon [data-tooltip]:after{
	border-bottom-color: #fff;
	border-top-color: transparent;
}

.tooltip-icon [data-tooltip]:hover::before,
.tooltip-icon [data-tooltip]:hover::after,
.tooltip-icon [data-tooltip]:active:before,
.tooltip-icon [data-tooltip]:active:after {
  opacity: 1;
}
.tooltip-icon [data-tooltip]::before {
  width: 100vw;
  max-width: max-content;
  white-space: normal;
}
.tooltip-icon a.btn:first-child{
    margin-left: -4px;
}
.tooltip-icon a.btn.active::after{
    content: none;
}
.modal-body h5.vehicle-title{
	padding-left: 0px;
	margin: 0px;
}
.tooltip-icon a.btn i{
    color: red;
}
.single-detail .tooltip-icon{
    margin-left: 15px;
    align-items: flex-start;
}
.vehicle-popup .modal-dialog.modal-xl,
.additional-info-popup .modal-dialog.modal-xl,
.auction-modal-popup .modal-xl,
.modal-xl{
    max-width: 1200px;
}
.top70 .vendor-field-box i.fa-search,
.top70 .buyer-field-box i.fa-search,
.top70 .vendor-field-box i.fa-plus,
.top70 .dropdown-field-box i.fa-plus,
.top70 .input-field.additional-cost-div i.fa-ellipsis-h{
	top: 50%;
	transform: translateY(-50%);
}
.vehicle-popup .modal-dialog .modal-header .close:focus,
.additional-info-popup .modal-dialog .modal-header .close:focus{
    outline: none;
    border: none;
}
.modal.vehicle-popup > .modal-dialog .modal-content,
.additional-info-popup .modal-dialog .modal.vehicle-popup > .modal-dialog .modal-content,
{
    height: 90vh;
    position: relative;
    overflow-y: scroll;
}
.vehicle-popup .modal-dialog .modal-content::-webkit-scrollbar,
.data-table-section .modal-body .leftside-bar::-webkit-scrollbar{
    width: 10px;
    cursor: pointer;
}
.vehicle-popup .modal-dialog .modal-content::-webkit-scrollbar-track,
.data-table-section .modal-body .leftside-bar::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.4);
    border-radius: 2px;
}
.vehicle-popup .modal-dialog .modal-content::-webkit-scrollbar-thumb,
.data-table-section .modal-body .leftside-bar::-webkit-scrollbar-thumb{
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    background-color: #D0D0D0;
}
.inventory-page-wrapper table thead tr th{
	background-color: #efefef;
	font-weight: 600;
	color: #67499f;
	text-transform: uppercase;
	text-align: center;
	font-size: 11px!important;
}
.card{
	margin-bottom: 25px;
}
.card-header{
	padding: 0.5rem 1.5rem;
}
.xdsoft_datetimepicker{
	z-index: 999999!important;
}
.text-danger:empty{
	margin: 0px;
}
.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover{
	background-image: linear-gradient(to bottom,#67499f,#2c254f)!important;
}
.inventory-page-wrapper.transactions-page table thead tr th{
	text-align: left;
}

.inventory-page-wrapper.transactions-page .datepicker table thead tr th{
	background: #fff;
	text-align: center;
}
.inventory-page-wrapper.transactions-page .datepicker table thead tr th:hove{
	background: #e9ecef;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background: #e9ecef;
}
.inventory-page-wrapper table thead{
    box-shadow: 1px 0px 4px rgba(0,0,0,0.2);
}
.inventory-page-wrapper .add-vehicle-popup.modal{
    overflow-y: hidden;
    background-color: rgba(0,0,0,0.7);
}
.vehicle-popup .modal-header .close{
    font-size: 2rem;
    padding: 10px 15px;
    color: #856db2;
    opacity: 1;
}
.vehicle-popup .modal-header{
    /*position: fixed;*/
    top: 0;
    left: 0px;
    width: 100%;
    background-color: #FFF;
    z-index: 9;
    padding: 0.5rem 1.5rem;
}
.vehicle-popup.modal #add-audio-video-popup .modal-body{
    padding-top: 0!important;
    height: auto;
}
.vehicle-popup.modal .modal-body{
	position: relative;
	flex: 1 1 auto;
	padding: 1rem;
	overflow-y: auto;
}
body.additional-popup-open #main-wrapper .vendor-list-popup.show{
    z-index: 9999;
}
.modal-footer{
	padding: 5px 10px;
}
.modal-header{
	    padding: 10px 1rem;
}
.modal-header .close span{
	top: 3px;
    position: relative;
}
.modal-backdrop.fade.show.modal-stack{
	display: block!important;
}
.inventory-page-wrapper .modal h4{
    color: #856db2;
}
.inventory-page-wrapper .modal.inner-popup .modal-body{
    padding-top: 20px!important;
    height: auto;
}
.inventory-page-wrapper table tr td a:hover, .inventory-page-wrapper table tr th a:hover{
    color: var(--core-2-hex);
}
#privacyConditionsPopup.modal .modal-body h3, #termsConditionsPopup.modal .modal-body h3{
    background: transparent;
    color: #0a1b5f;
    font-size: 24px;
    border: none;
    padding-left: 15px;
}
.modal .modal-body h3{
	margin: -1rem -1rem 0 -1rem;
	padding: 10px 25px 10px;
	border-bottom: 1px solid #DDD;
	vertical-align: middle;
	line-height: normal;
	background-color: #67499fcc;
	color: #FFF;
	font-weight: 400;
	letter-spacing: 0.4px;
	font-size: 16px;
}
.custom-tab-section .tab-content section.data-table-section{
    padding-bottom: 0;
}
.modal .vehicle-detail-info .field-box{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 3px 0;
}
.modal .vehicle-detail-info .field-box label{
    width: 35%;
    padding-right: 10px;
}
.modal .vehicle-detail-info .field-box label img{
    width: 14px;
    margin-left: 6px;
    object-fit: cover;
    height: auto;
    filter: invert(35%) sepia(12%) saturate(2923%) hue-rotate(219deg) brightness(90%) contrast(90%);
}
.modal .vehicle-detail-info .field-box select,
.modal .vehicle-detail-info .field-box input.form-control{
    width: 65%;
    min-height: 36px;
    font-size: 13px;
    height: 36px!important;
}
.modal .vehicle-detail-info .addinventorydisable .field-box select,
.modal .edit_vehicleinfocall .field-box select{
	background-position: right 1.5rem center;
}
.modal#edit-vehicle-popup #editInventoryFormgeneral-infotab .edit_vehicleinfocall .field-box select{
    background-position: right 0.75rem center;
}
.modal#edit-vehicle-popup .dropdown-field-box i.fa-plus{
    right: 35px;
}
.modal .vehicle-detail-info .addinventorydisable .field-box select{
	background-position: right .75rem center;
}
.modal .vehicle-detail-info .addinventorydisable .field-box select{
	background-position: right .75rem center;
}

.modal .vehicle-detail-info .field-box select[disabled]{
    background-color: #f1f1f1!important;
    color: #000;
    cursor: not-allowed;
}
.tp-header__search-2 form input {
	width: 665px;
}
.tp-header__search-2 form input:hover{
    box-shadow: rgba(0, 0, 0, 0.85) 0px 5px 29px;
}

@media only screen and (min-width:1400px){
    .search-box .search-input .button i.ti-search{
        position: relative;
        left: 0px;
        top: 0px;
    }
}




@media only screen and (max-width: 1300px) {
	.tp-header__search-2 form input {
		width: 450px;
	}
}
.tp-header__search-2 form {
    padding-top: 13px;
    padding-bottom: 13px;
    position: relative;
}
.signup__area{
    min-height: 100vh;
    display: flex;
    align-items: center;
}
.data-table-section .modal-body .leftside-bar{
    position: sticky;
    top: 80px;
    left: 20px;
    max-width: 33.33333%;
    overflow-y: scroll;
    height: calc(90vh - 165px);
}
.data-table-section .modal-body .rightside-bar {
    max-width: calc(100% - 33.3333%);
    margin-left: auto;
    padding-left: 30px;
    height: calc(90vh - 150px);
    overflow-y: scroll;
}
.data-table-section .modal-body .rightside-bar::-webkit-scrollbar,
.data-table-section .modal-body .leftside-bar::-webkit-scrollbar{
    display: none;
}
.add-vehicle-tab-section nav .nav-tabs,
.edit-vehicle-tab-section nav .nav-tabs{
    border-bottom: 1px solid #856db2;
}
.add-vehicle-tab-section nav .nav-tabs button:focus,
.edit-vehicle-tab-section nav .nav-tabs button:focus{
    outline: none;
}
.mt-5{
    margin-top: 3.5rem!important;
}
.vendor-field-box, .buyer-field-box, .dropdown-field-box{
    position: relative;
}
.ui-autocomplete{
    z-index: 9999999!important;
    overflow: hidden!important;
}
.vendor-field-box i.fa-search, .buyer-field-box i.fa-search{
    position: absolute;
    top: 65%;
    right: 26px;
    transform: translateY(-50%);
    color: #856db2;
}
.single-field-location a i.fa-search,
.dropdown-field-box i.fa-search{
    position: absolute;
    top: 63%;
    right: 25px;
    transform: translateY(-50%);
    color: #856db2;
}
.single-field-location .input-box a i.fa-search,
.single-field-location .input-box a i.fa-plus{
    top: 50%;
}
li.ui-menu-item:hover > div{
    color: #67499f;
}
.vendor-general-info, .vendor-contact-info{
    flex-wrap: wrap;
	align-items: flex-start;
}
body.modal-open .vehicle-popup .ui-autocomplete{
     z-index: 9999999;
     overflow: hidden;
}
body.modal-open .dropdown-field-box .ui-autocomplete {
    left: 0 !important;
    top: 36px !important;
    width: 100% !important;
}
.vendor-field-box i.fa-plus, .dropdown-field-box i.fa-plus{
    position: absolute;
    top: 63%;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    color: #856db2;
}
.youtube-video-thumb-icon{
    max-width: 475px;
    position: relative;
}
.youtube-video-thumb-icon{

}
.youtube-video-thumb-icon a:before{
    content: "\f167";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 60px;
    color: #fff;
    font-family: 'Font Awesome 5 Brands';
    width: 100%;
    height: 100%;
    background: #0000007a;
    text-align: center;
    line-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
div.pp_pic_holder{
    z-index: 9999999;
    /*max-height: 100vh;
    overflow: auto;*/
}
div.pp_overlay{
	    z-index: 999999;
}
.pb-0{
	padding-bottom: 0px!important;
}
.additional-info-popup .vendor-field-box i.fa-plus,
.additional-info-popup .vendor-field-box i.fa-search,
.dropdown-field-box i.fa-search, .dropdown-field-box i.fa-plus{
    top: 50%;
}
.single-field-location a i.fa-plus,
.buyer-field-box i.fa-plus{
    position: absolute;
    top: 63%;
    right: 6px;
    transform: translateY(-50%);
    color: #856db2;
}
.magic-checkbox {
  position: absolute;
  display: none;
}
.magic-checkbox + label {
	position: relative;
	display: block;
	padding-left: 32px;
	margin-top: 2px;
	cursor: pointer;
	vertical-align: middle;
	min-height: 12px;
	font-size: 13px;
}
.magic-checkbox + label:hover:before {
    animation-duration: 0.4s;
    animation-fill-mode: both;
    animation-name: hover-color;
    border: 1px solid #1a1a36;
}
.magic-checkbox + label:before {
    position: absolute;
    top: -2px;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: '';
    border: 1px solid #c0c0c0;
    border-radius: 0px;
}
#createregistrationForm_4 .magic-checkbox + label:before{
	top: 0px;
}
#createregistrationForm_4 .magic-checkbox + label:before{
	width: 16px;
	height: 16px;
	border: 1px solid #1d1c3b;
}
.magic-checkbox + label:after {
    position: absolute;
    display: none;
    content: '';
}
.magic-checkbox:checked + label:before {
  animation-name: none;
}
.magic-checkbox:checked + label:after {
  display: block;
}
.magic-checkbox + label:after {
	top: 1px;
	left: 7px;
	box-sizing: border-box;
	width: 6px;
	height: 10px;
	transform: rotate(45deg);
	border-width: 2px;
	border-style: solid;
	border-color: #fff;
	border-top: 0;
	border-left: 0;
}
.magic-checkbox:checked + label:before {
	border: #1a1a36;
    background: #1a1a36;
}
#createregistrationForm_4 .magic-checkbox:checked + label:before {
	border: 1px solid #1d1c3b;
	background: none;
	position: absolute;
    top: 0px;
    left: 0;
    display: inline-block;
    width: 16px;
    height: 16px;
    content: '';
	border-radius: 0px;
}
#createregistrationForm_4 .magic-checkbox + label:after {
	border-color: #67499f;
	top: 2px;
    left: 5px;
    box-sizing: border-box;
    width: 6px;
    height: 9px;
    transform: rotate(45deg);
    border-width: 2px;
    border-style: solid;
	border-top: 0;
    border-left: 0;
}
#createregistrationForm_4 .magic-checkbox + label{
	padding-left: 25px;
}
.magic-checkbox:checked[disabled] + label:before {
  border: #c9e2f9;
  background: #c9e2f9;
}

.add-vehicle-tab-section nav .nav-tabs button:hover,
.edit-vehicle-tab-section nav .nav-tabs button:hover,
.edit-vehicle-tab-section nav .nav-tabs button,
.add-vehicle-tab-section nav .nav-tabs button{
    border-bottom: 1px solid #67499f;
}
.add-vehicle-tab-section nav .nav-tabs button,
.edit-vehicle-tab-section nav .nav-tabs button{
    cursor: pointer;
    border: none;
    padding: 10px 36px;
    border-right: 1px solid #DDD;
    background-color: #ebebebb8;
    border-radius: 0!important;
    font-weight: 500;
    color: #67499f;
    border-bottom: 1px solid #67499f;
}
.edit-vehicle-tab-section nav .nav-tabs button .badge{
    min-width: 18px;
    vertical-align: middle;
}
.edit-vehicle-tab-section nav .nav-tabs button.active .badge.bg-primary{
    background: #fff!important;
    color: #67499f !important;
}
.edit-vehicle-tab-section .tab-pane .field-box input{
    font-size: 13px;
    padding-right: 8px;
}
.edit-vehicle-tab-section .tab-pane .field-box .vendor-field-box input{
    padding-right: 45px;
}
.tab-content .single-field-location{
    position: relative;
}
.modal-open .modal{
    background: rgba(0,0,0,0.7);
}
.edit-vehicle-tab-section .tab-pane.general-info-content-div .d-grid-40{
    grid-template-columns: 1fr 1fr;
    padding: 10px 0 0px 0;
}
.tab-pane.general-info-content-div .d-grid-40 .w-33 input{
    width: 100%;
}
.input-field.additional-cost-div{
    position: relative;
}
.input-field.additional-cost-div a i.fa-ellipsis-h{
    position: absolute;
    top: 65%;
    right: 10px;
    transform: translateY(-50%);
}
.additional-info-popup table tr td select.form-select{
	background-position: right 1.75rem center;
	padding-right: 2.75rem;
}
.table.dataTable tr td p a.btn,
.table tr td a.btn{
    padding: 7px 16px;
    font-size: 14px;
    transition: 0.4s;
    line-height: normal;
    border-radius: 30px;
}
.table.dataTable tr td p a.btn:active:focus,
.table tr td p a.btn:active:focus{
    box-shadow: none!important;
}
.general-info-content-div .cost-info-div.d-flex-wrap-start{
    align-self: flex-start;
}
.input-field span.total-value{
    font-size: 16px;
    font-weight: 600;
}
.task-notes-section .nav a.nav-link img{
    width: 30px;
    margin-right: 10px;
}
.task-notes-section .nav a.nav-link{
    font-size: 16px;
    font-weight: 500;
    color: #67499f;
    border: 1px solid #FFF;
    margin: 8px 0;
}
.add-vehicle-tab-section nav .nav-tabs button:hover,
.edit-vehicle-tab-section nav .nav-tabs button:hover{
    border-right: 1px solid #DDD;
}
.add-vehicle-tab-section nav .nav-tabs button:last-child,
.edit-vehicle-tab-section nav .nav-tabs button:last-child{
    border-right: none;
}
.task-notes-section .nav a.nav-link.active{
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 0px 6px #67499f;
    cursor: default;
}
.add-vehicle-tab-section nav .nav-tabs button.active,
.edit-vehicle-tab-section nav .nav-tabs button.active{
    background-color: #856db2;
    color: #FFF;
    box-shadow: 0px 0px 6px #FFF;
    border-bottom: 1px solid #67499f;
}
.notes-list ul.notes-list-box{
    border: 1px solid #DDD;
    padding: 10px 20px;
    border-radius: 3px;
}
.tab-content .notes-list ul.notes-list-box{
    border-top: none;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.tab-content .activity-log-list .notes-list-box{
    padding: 15px;
}
.tab-content .activity-log-list ul.notes-list-box > li {
    margin-top: 0;
    padding-bottom: 6px;
    margin-bottom: 6px;
    border-bottom: 1px solid #ddd;
}
.tab-content .activity-log-list ul.notes-list-box > li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}
.tab-content .activity-log-list ul.notes-list-box li:last-child {
    margin-bottom: 0;
}
.tab-content .activity-log-list ul.notes-list-box li .notes-content {
    margin: 0;
}
.tab-content .activity-log-list ul.notes-list-box .logs_list_ul li{
    margin: 0;
    list-style: disc;
    margin-left: 20px;
}
.notes-tab-section .custom-tab-section button.nav-link{
    border: none!important;
}
.edit-vehicle-tab-section .notes-tab-section .custom-tab-section nav .nav-tabs{
    border-bottom: 1px solid #dee2e6;
}
table.logs_list_table{
    border: 1px solid #ddd;
}
.notes-list-box li > img{
    width: 50px;
    margin-right: 24px;
}
.notes-list-box li{
    margin: 15px 0;
}
.notes-list-box li p{
    margin-bottom: 5px;
    line-height: normal;
}
ul.notes-list-box li .notes-content {
    margin-left: 10px;
    width: 100%;
}
ul.notes-list-box li .notes-content h4{
	color: #000;
	line-height: normal;
}
ul.notes-list-box li .notes-detail-info{
    position: relative;
}
ul.notes-list-box li .notes-detail-info i.fa{
    position: absolute;
    top: 50%;
    right: 0;
    color: #67499f;
}
ul.notes-list-box li .notes-detail-info blockquote{
	margin-top: 15px;
	margin-bottom: 0;
	padding: 0;
	border: none;
	font-style: italic;
	color: #818181;
	font-size: 15px;
	margin-top: 5px;
}
.edit-vehicle-tab-section .task-notes-section .tab-content .tab-pane{
    margin-left: 20px;
}
.tasks-tab-section .field-box input[type=date]{
    width: 100%;
}
.tasks-tab-section .field-box{
    width: 100%;
}
.field-box .btn{
    background-color: #67499f;
    border-radius: 4px;
    color: #FFF;
    padding: 8px 25px;
}
.field-box textarea.note-textarea{
    min-height: 140px;
    font-size: 16px;
}
.e-btn {
    display: inline-block;
    height: 50px;
    line-height: 52px;
    text-align: center;
    padding: 0 25px;
    color: #ffffff;
    background: var(--core-1-hex);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
	    border: none;
	cursor: pointer;
    font-weight: 500;
}
.e-btn:hover,
.e-btn:active,
.e-btn:focus{
	color: var(--core-1-hex);
	background: #fcbd2e;
}
.sign__shape img.man-1 {
    position: absolute;
    z-index: -1!important;
    left: 50%;
    top: 50%;
    z-index: 8;
    transform: translateX(-50%) translateY(-50%);
}

.sign__wrapper {
    padding: 30px 40px;
    padding-bottom: 45px;
    margin: 0 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 40px 80px 0px rgb(2 2 26 / 14%);
    -moz-box-shadow: 0px 40px 80px 0px rgba(2, 2, 26, 0.14);
    -ms-box-shadow: 0px 40px 80px 0px rgba(2, 2, 26, 0.14);
    -o-box-shadow: 0px 40px 80px 0px rgba(2, 2, 26, 0.14);
    box-shadow: 0px 40px 80px 0px rgb(2 2 26 / 14%);
     z-index: 99;
    background: #fff;
    position: relative;
}
.sign__header {
    padding: 0 36px;
}
.sign__header p {
    margin-bottom: 0;
    position: relative;
    padding: 0 40px;
    display: inline-block;
}
.sign__form h5 {
    font-size: 16px;
    font-weight: 500;
    color: var(--core-1-hex);
    margin-bottom: 11px;
}
.sign__input {
    position: relative;
}
.sign__input input {
    width: 100%;
    height: 60px;
    line-height: 52px;
    padding: 0 50px;
    font-size: 14px;
    border: 2px solid #ccc;
    color: var(--core-1-hex);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
}
.sign__input i {
    position: absolute;
    top: 51%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 25px;
    font-size: 14px;
	font-weight: 500;
}
.sign__input i.passwordView {
    right: 0px;
    left: auto;
    width: 50px;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.sign__agree input {
	margin: 0;
	appearance: none;
	-moz-appearance: none;
	display: block;
	width: 14px;
	height: 14px;
	background: transparent;
	border: 1px solid #ccc;
	outline: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	position: relative;
}
.sign__agree input:checked::after {
    box-sizing: border-box;
    content: "\f00c";
    position: absolute;
    font-family: var(--tp-ff-fontawesome);
    font-size: 10px;
    top: 46%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.sign__agree label {
	padding-left: 10px;
	font-size: 14px;
	line-height: normal;
	margin: 0px!important;
	font-weight: normal;
}

.tp-section__title-wrapper {
	position: relative;
}
.sign__new p {
    margin-bottom: 0;
}
.signup__area .light-logo{
	    mix-blend-mode: darken;
}
.topbar .top-navbar .navbar-nav > .nav-item > .nav-link .rounded-circle{
	height: 30px;
	width: 30px;
	overflow: hidden;
}
.topbar .top-navbar .navbar-nav > .nav-item > .nav-link .rounded-circle img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.topbar .top-navbar .navbar-nav > .nav-item > .nav-link.pro-pic{
	line-height: normal;
	display: flex;
	align-items: center;
}
.pro-pic-dropdown{
    height: 50px;
    width: 50px;
    overflow: hidden;
        border-radius: 100%;
}
.pro-pic-dropdown img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}

@media (min-width: 768px) {
	.navbar-static-top .navbar-expand-md .navbar-nav .dropdown-menu {
		position: absolute;
	}
}
@media (min-width: 992px) {
	.modal-xxl {
		max-width: 96%;
	}
}
@media (min-width: 1600px) {
	.modal-xxl {
		max-width: 1200px;
	}
    table .table-data-content tr td .d-flex-wrap{
        /*justify-content: flex-start;*/
    }
    .table-data-content td .d-flex-wrap div span{
        /*padding-left: 30px;*/
    }
}
.modal{
	padding-right: 0px!important;
}
.modal-autoheight .modal-content{
	height: calc(100vh - 60px);
}
.modal-autoheight .modal-body{
	height: 100%;
	overflow-y: auto;
}
a.label-inverse:hover{
	color: #fff;
}
.table tbody tr td p {
    margin-bottom: 0px;
	line-height: normal;
}
.modal-body .dataTables_length,
.modal-body .dataTables_info,
.modal-body .dt-buttons {
    padding-left: 0px;
}
.modal-body .dataTables_filter{
	padding-right: 0px;
}
.step-form-tab {
    margin: 0px;
    padding: 0px;
    display: flex;
    overflow: hidden;
    width: 100%;
	margin: 30px 0px!important
}
.step-form-tab li {
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
}
.step-form-tab li a {
    position: relative;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    color: #4c4c4c;
    width: 100%;
    padding: 0px 20px;
}
.step-form-tab li:first-child a {
    padding-left: 0px;
}
.step-form-tab li a span {
	display: block;
	font-size: 14px;
	color: #000;
	text-transform: uppercase;
	font-weight: 500;
	min-height: 42px;
	margin-top: 10px;
}
.step-form-tab li a label {
    position: relative;
    font-size: 18px;
    color: #000;
    background: #cccccc;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 100%;
    z-index: 5;
    font-weight: 600;
}
.step-form-tab li a:after {
    content: '';
    position: absolute;
    top: 18px;
    z-index: 2;
    width: 100%;
    height: 2px;
    background: #cdcdcd;
}
.step-form-tab li a:after {
    left: 50%;
}
.step-form-tab li.complete a:after {
    background: #000;
}
.step-form-tab li.complete a label{
	background: #000;
	color: #fff;
}
.step-form-tab li:last-child a:after {
	background: #f8f8f8;
	display: none;
}
.step-section{
	padding: 0px 20px;
	align-items: center;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

#step_1.step-form-pane .bd-example {
    border-radius: 10px;
    background: #fff;
    padding: 36px;
    border: 1px solid #ececec;
    overflow: hidden;
}
.sign__form a{
	color: var(--core-2-hex);
}
.form-select{
	display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;-moz-padding-start:calc(0.75rem - 3px);font-size:1rem;font-weight:400;line-height:1.5;color:#212529;
	background-color:#fff;
	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-position:right .75rem center;
	background-size:16px 12px;
	border:1px solid #ced4da;
	border-radius:.25rem;
	transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	font-size: 14px;
}
select.form-control{
	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-position:right .75rem center;
	background-size:16px 12px;
	border: 1px solid #dadada;
	    height: 45px !important;
	border-radius: 5px;
	outline: none!important;
	font-size: 14px;
	box-sizing: border-box!important;
	    cursor: pointer;
}
.input-group-prepend .form-control{
	/*background: none;*/
    background-color: transparent;
}

select.form-select{
	background-color:#fff;
	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-position:right .75rem center;
	background-size:16px 12px;
	border:1px solid #ced4da;
	border-radius:.25rem;
}
.form-control textarea{
	height: auto;
}
.step-form-pane{
    max-width:100%;
    margin: 0 auto;
    width: 100%;
}
.form-control:focus,
select.form-select:focus{
	border: 1px solid #dadada;
	box-shadow: none;
}
.theme-btn.lg-btn{
	padding: 12px 40px;
	font-size: 16px;
}
.autofile_form label{
	width: auto!important;
}
.theme-btn.xs-btn{
	font-size: 14px;
	padding: 6px 18px;
}
.step-form-pane h4{

    margin: 0px;
    margin-top: 10px;
    font-size: 18px;
    font-weight: 500;
}
.form-check-input[type=radio] {
    border-radius: 50%;
    height: 18px;
    width: 18px;
}
.form-check{
    padding-left: 2em;
    font-size: 16px;
    line-height: 1.8;
}
.form-check .form-check-input{
	margin-left: -2em;
}
.form-check-input:checked[type=radio] {
    background-image: url(../../static/assets/images/radio-btn.svg);
}
.form-check-input:checked {
    background-color: transparent;
    border-color: var(--core-1-hex);
}
.form-check-input:focus{
	box-shadow: none;
}
.form-check-label,
.form-check-input{
    cursor: pointer;
    font-weight: normal;
    line-height: normal;
}
.input-group-text{
	background: #fff;
    color: var(--core-1-hex);
}
.input-group-text button{
	line-height: 1;
}
.visa-card-img{
	margin-top: -7px;
	margin-left: 15px;
}
.upload-container {
    position: relative;
    border-radius: 5px;
    outline: 2px dashed #ccc;
    text-align: center;
}
.upload-container.no-border{
	outline: none;
}
.upload-container input {
	width: 0.1px;
    height: 0.1px;
	opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
input[type="date" i] {
	cursor: pointer;
}
.form-select{
	cursor: pointer;
}
.upload-container label{
    color: #1f1d3c;
    font-weight: 500;
    font-size: 20px;
    text-align: center;
    z-index: 5;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    padding: 50px 100px 50px 100px;
    cursor: pointer;
}
.jexcel > tbody > tr > td:first-child{
	text-align: left!important;
}
.upload-btn {
	margin-left: 300px;
	padding: 7px 20px;
}
.include-bg {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.theme-btn {
    background: var(--core-1-hex);
    padding: 9px 25px;
    color: #fff;
    border-radius: 30px;
    font-weight: 500;
    line-height: normal;
    outline: none!important;
    border: 2px solid var(--core-1-hex);
}
.theme-btn:hover {
    color: var(--core-1-hex);
    background: #fcbd2e;
	border: 2px solid #fcbd2e;
}
.theme-btn.lg-btn {
    padding: 12px 40px;
    font-size: 16px;
	border: none;
}
.h100 {
    height: 100%;
}
.custom-control-label::before {
    position: absolute;
    top: 0.25rem;
    top: 0;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px;
}
.custom-control-label::after {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 50%/50% 50%;
}
.custom-control-label::before, .custom-file-label, .custom-select {
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.custom-switch .custom-control-label::before {
    left: -2.25rem;
    left: 0;
    width: 1.75rem;
    pointer-events: all;
    border-radius: 0.5rem;
}
.custom-switch .custom-control-label::before {
    width: 2.75rem;
    border-radius: 1rem;
    height: 1.2rem;
    background-color: #ced4da;
    border: #ced4da solid 1px;
}
.custom-control-input:checked ~ .custom-control-label:before {
    border-color: var(--core-2-hex);
    background-color: var(--core-2-hex);
}
.custom-switch .custom-control-label::after {
    top: calc(0.25rem + 2px);
    top: calc(0.2rem + 1px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: 0.5rem;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;
    transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;
}
.custom-switch .custom-control-label::after {
    top: calc(0.3rem + 2px);
    top: calc(0.2rem + 1px);
    left: calc(-2rem + 2px);
    background-color: #fff;
    left: calc(-2rem + 2px);
    left: calc(0px + 5px);
}
.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff;
    -webkit-transform: translateX(0.75rem);
    transform: translateX(0.75rem);

    -webkit-transform: translateX(1.55rem);
    transform: translateX(1.55rem);
}
.custom-switch .custom-control-input:checked~.custom-control-label::after {
    left: calc(-1.5rem + 2px);
    left: calc(0px + 2px);
}
.custom-switch {
    padding-left: 2.25rem;
    padding-left:0;
}
.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
    cursor: pointer;
    width: 2.75rem;
    height: 1.2rem;
}
.btn-submit {
    font-size: 14px!important;
    padding: 8px 36px;
    font-weight: 500;
    text-transform: uppercase;
	font-weight: normal;
}
.dflex{
	display: flex;
	align-items: center;
}
#datatable-customers_wrapper .custom_btn.dflex{
	grid-gap: 2px;
}
.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    height: 95px;
    width: 100px;
    border: 1px solid #ccc;
    border-radius: 5px;
    line-height: 100px;
    text-align: center;
    color: #000;
    font-size: 18px;
    cursor: pointer!important;
    z-index: 99999999;
}
.upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
}
.text-underline, .text-underline:hover {
    text-decoration: underline;
}
.input-group-prepend .form-control{
	border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.jexcel>thead>tr>td {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    background-color: #f3f3f3;
    padding: 2px;
    cursor: pointer;
    box-sizing: border-box;
    overflow: hidden;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
}
.jexcel {
    border-collapse: separate;
    table-layout: fixed;
    white-space: nowrap;
    empty-cells: show;
    border: 0;
    background-color: #fff;
    width: 0;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.jexcel, .jexcel td, .jexcel_corner {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
}

.jexcel>tbody>tr>td {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    padding: 4px;
    white-space: nowrap;
    box-sizing: border-box;
    line-height: 1em;
}
table[Attributes Style] {
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
}
.jexcel_overflow>tbody>tr>td {
    overflow: hidden;
}
.jexcel > tbody > tr > td:first-child{
	background: #fff!important;
}
.jexcel > tbody > tr > td  select,
.jexcel > tbody > tr > td  input,
.jexcel > tbody > tr > td  textarea {
    border: 0px;
    border-radius: 0px;
    outline: 0px;
    width: 100%;
    margin: 0px;
    padding: 0px;
    padding-right: 2px;
    background-color: transparent;
    box-sizing: border-box;
}
.inventory-step-table .upload-container{
	position: relative;
    border-radius: 0px;
    outline: none;
    text-align: center;
}
.inventory-step-table .upload-container label{
	padding: 0px;
	border: none;
	font-size: 14px;
	opacity: 1;
	font-weight: normal;
	margin: 0px!important;
}
.jexcel > tbody > tr > td select {
    -webkit-appearance: none;
    -moz-appearance: none;	
    appearance: none;
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 40%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSdibGFjaycgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0JyB3aWR0aD0nMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTcgMTBsNSA1IDUtNXonLz48cGF0aCBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJy8+PC9zdmc+);
	background-size: 18px;
}

.jexcel > tbody > tr.bggray td{
	background-color: #f3f3f3!important;
}
table tr td label.custom-control-label{

}
table.jexcel tr td .custom-control{
	display: flex;
	align-items: center;
}
textarea.form-control{
	height: auto!important;
}
.vfinder .nav-pills .nav-link {
	margin: 0px 25px 0px 0px;
	color: var(--core-1-hex);
	position: relative;
	/* padding: 10px 20px; */
}
.vfinder ul.nav a.nav-link.active{
    color: #fff;
    z-index: 1;
    position: relative;
    background-color: #9a71e1;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.auction-modal-popup .input-field .form-control{
    height: 40px!important;
}
.vfinder ul.nav a.nav-link{
    border: none;
    /* padding: 12px 25px; */
    color: #1a1a36;
    border: 1px solid #d8d8d8;
    border-bottom: none;
}
.vfinder ul.nav-tabs .nav-item{
    background-color: transparent;
}
.vfinder .nav-pills .nav-link.active {
    background: none;
    color: var(--core-1-hex);
}
.vfinder .nav-pills .nav-link.active:after {
    /* content: ""; */
    height: 2px;
    width: 100%;
    background: var(--core-1-hex);
    position: absolute;
    bottom: -1px;
    left: 0px;
}
.vfinder .nav-pills .nav-item {
    text-align: center;
    position: relative;
}
.vfinder .nav-pills{
	border-bottom: 1px solid #d8d8d8;
	padding: 0px 0px!important;
}
.custom-label {
    position: relative;
    margin-bottom: -66px;
    margin-right: 190px;
    text-align: right;
    width: auto;
    z-index: 9;
    display: inline-block;
    float: right;
    bottom: 0px;
}
.custom-label.leftside {
    margin-left: 0px;
    text-align: left;
    display: inline-block;
    width: 100%;
    padding-left: 20px;
    float: left;
    padding-top: 14px;
}
.custom-label.rightside {

}
table.mt-0{
	margin-top: 0px!important
}
.mt-44px{
	margin-top: -44px;
}
.radio-inline, .checkbox-inline {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
    padding-right: 20px;
}
.custom-label.mlot .radio-inline .form-control {
	min-width: 165px!important;
	min-width: auto;
	height: 37px!important;
}
.table td, .table th,
.card .table td, .card .table th{
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 10px;
    padding-right: 10px;
}
.table td .simple-btn a {
	text-decoration: none;
	color: #212529;
}
.img-rounded{
	margin-right: 6px;
	display: inline-block;
	vertical-align: top;
	max-width: 40px;
}
.img-rounded img {
    width: 62px;
    height: auto;
    object-fit: cover;
    object-position: top;
    border-radius: 3px;
}
.nav-tabs a,
.nav-tabs .nav-link.active{
	    color: var(--core-1-hex);
}
.tDnD_whileDrag{
	background: #f2f2f2!important;
}
.cd-bg{
	background: #ffd966!important;
}
.on-cc-bg{
	background: #e69138!important;
}
.ck-bg{
	background: #e06666!important;
}
.ns-bg{
	background: #ff0000!important;
}
.cash-bg{
	background: #6aa84f!important;
}

.green-bg{
	background: #6aa84f!important;
}
.light-green-bg{
	background: #93c47d!important;
}
.light-gray-bg{
	background: #d9d9d9!important;
}
.red-bg{
	background: #e06666!important;
}
.light-red-bg{
	background: #ea9999!important;
}
.dark-red-bg{
	background: #ff0000!important;
}
.blue-bg{
	background: #3d85c6!important;
}
.light-blue-bg{
	background: #c9daf8!important;
}
.yellow-bg{
	background: #ffff00!important;
}
.light-yellow-bg{
	background: #fff2cc!important;
}
.lt-orange-bg{
	background: #fce5cd!important;
}
.medium-yellow-bg{
	background: #ffd966!important;
}
.purple_bg{
	background: #c27ba0!important;
}
.dark-purple-bg{
	background: #9900ff!important;
}

.dotted-icon{
	position: relative;
}
.create-transactions .dotted-icon .fa-ellipsis-v{
    width: 20px;
    right: 5px;
}
.dotted-icon .fa-ellipsis-v{
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translate(0%, -50%);
    width: 10px;
    text-align: center;
}
.vehicle-popup span.edit-title img {
    width: 15px;
    margin-left: 8px;
    top: -2px;
    position: relative;
}
table.Dealsummarytable{
	width: 100%;
}
table.Dealsummarytable thead{

}
.border-bottom-tr{
	border-bottom: 1px solid #DDD;
}
table.Dealsummarytable tr td,
table.Dealsummarytable tr th{
	padding:  7px 0px;
}
table.Dealsummarytable tr td:last-child,
table.Dealsummarytable tr th:last-child{
	text-align: right;
}
table.Dealsummarytable tr th{
}
/*
.dropdown.dropdown-field-box{
    display: flex;
    align-items: flex-end;
    gap: 6px;
}*/
.disable-input{
	cursor: no-drop;
}
.disable-input label{
	width: 100%;
	z-index: 9;
}
.disable-input .form-control,
.disable-input .form-select,
.disable-input .form-check-input{
	pointer-events: none;
	background: #e9ecef;
}
.disable-select .form-select {
    pointer-events: none;
    background: #e9ecef;
}
.vehicle-popup .edit-vehicle-info .vehicle-detail-info .disable-input .form-select{
    width: 222px!important;
    padding-right: 10px;
}
 .form-check.disable-input .form-check-label{
	pointer-events: none;
    width: auto;
}

table.Dealsummarytable h5{
	margin: 0px;
}
.input-group-prepend select.form-control, .input-group-prepend select.form-control-lg:not([size]):not([multiple]){
 height: 46px;
}
table.Dealsummarytable .dotted-icon .fa-ellipsis-v{
	    right: -10px;
}
table.Dealsummarytable .dotted-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
table.Dealsummarytable hr:not([size]) {
    height: 0px;
    margin: 5px 0px;
}
.additional-info-popup#dealsummary_commissions table tr td select.form-select {
   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");
}
.vehicle-img{
	height: 50px;
	width: 60px;
	overflow: hidden;
	border: 1px solid #ccc;
	border-radius: 5px;
    background: #f5f5f5;
}
.vehicle-img img.lazyload {
	opacity: 0;
}
.vehicle-img img.lazyloaded{
    opacity: 1;
}
.table td.vehicle_img_td {
    padding: 3px 5px;
}
.vehicle_img_td .vehicle-img{
    height: 65px;
    width: 70px;
}
.edit-vehicle-info .vehicle-img{
	height: 95px;
	width: auto;
    
    width: 142px;
    flex: 0 0 142px;
    max-width: 142px;
    padding: 0;
}
div.popup_vehicle_header_info{
    max-width: calc(100% - 142px);
    flex: 0 0 calc(100% - 142px);
    padding-right: 0;
}
div.popup_vehicle_header_info .badge{
    font-size: 14px;
    font-weight: normal;
    margin-left: 15px;
}
div.popup_vehicle_header_info .lable_input{
    margin-left: 15px;
}
.MicrosoftMap .as_container_search .asOuterContainer {
    border-color: #dadada!important;
    margin-top: 0px;
    border-top: 1px solid #dadada!important;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    margin-top: -1px;
}
.form-group{
	position: relative;
}
.MicrosoftMap .as_container_search{
	width: 100%!important;
}
.MicrosoftMap{
	width: 100%!important;
	left: 0px;
}

.input-group .MicrosoftMap{
	top: 100%;
}

/* ==============----------- Dropzone file upload css --------==========*/
body .dropzone{
    position: relative;
    border-radius: 5px;
    text-align: center;
    border: 2px dashed #ccc;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    min-height: auto;
    padding: 20px 5px;
}

body .dropzone .dz-message{
    display: flex;
    align-content: center;
    height: auto;
    margin: 1em 5px;
    color: #1f1d3c;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    opacity: 0.5;
    display: inline-block;
    width: 100%;
}
body .dropzone .dz-preview{
    margin: 5px 7px;
    position: relative;
}
body .dropzone .dz-preview .dz-image{
    border-radius: 10px;
    width: 100px;
    height: 100px;
    border: 1px solid #ccc;
}
body .dropzone .dz-preview .dz-remove{
    position: absolute;
    right: -5px;
    top: -5px;
    z-index: 99;
    background: #000;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 10px;
    text-decoration: none!important;
    cursor: pointer;
  /*position: absolute;
  right: 0;
  top: 0;*/
}
body .dropzone .dz-preview .dz-remove *{
    cursor: pointer;
}
body .dropzone .dz-preview .dz-progress .dz-upload{
    background: #1a1a36;
    background: linear-gradient(to bottom,#65657d,#1a1a36);
}
body .dropzone .dz-preview.dz-image-preview{
    background: none;
}
body .dropzone .dz-preview .dz-details .dz-filename{
    display: none;
}
body .dropzone .dz-preview .dz-error-mark, body .dropzone .dz-preview .dz-success-mark{
    margin-left: -16px;
    margin-top: -16px;
}
body .dropzone .dz-preview .dz-error-mark svg, body .dropzone .dz-preview .dz-success-mark svg {
    width: 36px;
    height: 36px;
}
body .dropzone .dz-preview .dz-error-mark svg path{
        fill: red;
}
body .dropzone .dz-preview .dz-success-mark svg path{
    fill:green;
}
/* ==============----------- End Dropzone file upload css --------==========*/
div.search-box-div{
	position: relative;
}
.input-field ul.dropdownbox {
    position: absolute;
    max-height: 300px;
    background: #fff;
    width: auto;
    box-shadow: 2px 7px 10px rgb(136 152 170 / 25%);
    z-index: 99;
    margin-top: 0px;
    overflow: auto;
    min-width: 100%;
    border: 1px solid #dadada;
    border-top: 0px;
    border-radius: 5px;
    display: block;
}
.field-box ul.dropdownbox{
    max-height: 250px;
}
.tp-header__search  .field-box ul.dropdownbox{
	max-height: calc(100vh - 40px);
}
.input-field ul.dropdownbox li {
    padding: 10px;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;
}
.filter-section .input-field ul.dropdownbox{
    min-width: 300px;
    box-shadow: 2px 7px 10px rgb(136 152 170 / 50%);
}
.filter-section .input-field ul.dropdownbox li{
    padding: 5px 10px;
}
.vendor-field-box .form-control {
    padding-right: 50px;
}
.inner-popup.modal .modal-body .field-box {
    position: relative;
}
.inner-popup.modal .modal-body .field-box input.form-control ~ .MicrosoftMap {
    top: calc(100% - 16px);
}

/* ==============----------- start fees dropdown css --------==========*/
.scrolldropdown .dropdown-menu{
    padding: 15px;
    min-width: 300px;
    overflow: auto;
   /* max-height: 300px;*/
    box-shadow: 0px 0px 1rem 0 rgb(136 152 170 / 50%);
    border: 1px solid #dadada;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	margin-top: -20px;
}
.scrolldropdown.dropend .dropdown-toggle::after{
	display: none;
}
.scrolldropdown{
	position: absolute;
    right: 0px;
    top: 50%;
}
.fees-module .scrolldropdown.fees-popup{
    position: unset;
}
.scrolldropdown.fees-popup .dropdown-menu{
    margin-top: 0px;
}
.scrolldropdown .form-control{
	height: 33px;
}
/* ==============----------- End fees dropdown css --------==========*/

.box-shadow-none{
	box-shadow: none;
	height: 100%;
}
.CustomerDetail b{
	font-weight: 500;
}
.document-img-box .upload-images-box.vehicle-img{
	width: 170px;
	padding: 0px;
	min-height: 100px;
	overflow: hidden;
	position: relative;
	border: 1px solid #DDD;
	cursor: move;
}
.document-img-box .upload-images-box.vehicle-img img{
	object-fit: contain;
}
.trimcolor{
	color: var(--core-1-hex);
}
.leftrightautos .MicrosoftMap .as_container_search{
	width: calc(100% - 20px)!important;
	padding: 0px;
	margin: 0 auto;
	left: 10px;
	max-height: 200px;
	overflow: auto;
	position: absolute;
}
.field-box.leftrightautos .MicrosoftMap .as_container_search{
	width:100%!important;
	left: 0px;
}
.MicrosoftMap .as_container .bingLogoLight {
    position: relative!important;
    right: 10px;
    bottom: 6px;
    display: block;
    width: 35px;
    height: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: auto;
}

.transactions-table tr th,
.transactions-table tr td{
	line-height: normal;
}
.vehicle-popup .transactions-table tr th,
.vehicle-popup .transactions-table tr td{
    padding: 6px;
}
.table-label-mobile-show{
	display: none;
}
.badge{
	padding: 0.15em 0.4em;
}
.badge.btn:hover {
    color: #fff;
}
.table{
	--bs-table-striped-bg: #f8f9fa;
}
.table tbody tr td p br{
	display: none;
}
table.winicon tr td:first-child{
	position: relative;
	padding-left: 30px;
}
.winicon tr td span{
    position: absolute;
    left: 10px;
    top: 8px;
}
.inventory-page-wrapper{
	min-height: 500px;
}

.btn.btn-small{
    padding: 4px 10px 3px;
    font-size: 12px;

}
.DriverLicense{
	height: 90px;
    width: 140px;
    border-radius: 5px;
    border: 1px solid #ccc;
    overflow: hidden;
}
.badge.badge-warning.btn:hover{
	color: #212529;
}
/*
.vehicle-info .magic-checkbox + label{
	padding-left: 20px;
}*/
.table>:not(:first-child) {
    border-top: 0px solid #dee2e6;
}
.autofile_form .d-flex p{
	margin: 0px;
}
.form-control, select.form-select{
	height: 45px;
}
a.auction-d-title{
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	line-height: normal;
}
body .form-check-input:checked[type=checkbox]{
	background-color: #32325d;
}
.form-check label{
	cursor: pointer;
}
.tooltip-large.tooltip-icon [data-tooltip]::before {
    width: 300px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: capitalize;
    text-align: left;
}
.tooltip-large.tooltip-icon a.btn i {
    color: #67499f;
}
.tooltip-large.tooltip-icon a.btn i::after {
    display: none;
}
.modal .vehicle-detail-info .addinventorydisable{
    position: relative;
}
.modal .vehicle-detail-info .addinventorydisable .add_vehicle_details {
    position: absolute;
    right: 26px;
}
table .vehicle-info .d-flex.tooltip-icon{
    align-items: center;
}
.table-data-content td div .currentliveauction {
    font-weight: 600;
    color: #3dc153;
    margin: 0;
    vertical-align: middle;
}
.table-data-content td div .currentliveauction:before {
    content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    background: #3dc153;
    margin-right: 5px;
    border-radius: 20px;
}
.mobile_table{
    display: none;
}
.show_on_ipad{
    display: none;
}
.csvimportpopup .modal-header .close{
    opacity: 1;
    color: #000;
}
.csvimportpopup .upload-container label{
    font-size: 17px;
    padding: 20px 30px;
}
.csvimportpopup .upload-container{
    margin-bottom: 10px;
}
.csvimportpopup .table td .col-lg-12{
    padding: 0
}
.csvimportpopup .modal-body label {
    margin-bottom: 2px;
}
.datetimepicker_right .bootstrap-datetimepicker-widget.dropdown-menu{
    right: 0px!important;
    left:auto!important;
}
.datetimepicker_right .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before{
    right: 7px;
    left:auto;
}
.datetimepicker_right .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after{
    right:8px;
    left:auto;
}
@media only screen and (max-width: 992px){
    .hide_on_ipad{
        display: none;
    }
    .show_on_ipad{
        display: block;
    }
    .page-breadcrumb{
        display: none;
    }
    .page-wrapper > .container-fluid{
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
    }
    .user_body .page-wrapper > .container-fluid{
        padding-bottom: 15px;
    }
    .profile-page-section .profile-inner-section, .profile-page-section .user-settings-section{
        margin-top: 15px;
    }
    .custom-table-responsive.table-responsive .table td{
        padding-left: 10px;
        padding-right: 0px;
    }
    .custom-table-responsive.table-responsive .table td:last-child{
        padding-right: 10px;
    }
}
@media only screen and (min-width: 767px){
    .w-sm-auto{
        width: auto!important;
    }
}

@media only screen and (max-width:1024px){
    .tp-header__search-2 form input{
        width: 300px;
    }
}
@media only screen and (max-width: 767px){
	.table-striped>tbody>tr:nth-of-type(even)>*{
		--bs-table-accent-bg:transparent!important;
	}
	.table-striped>tbody>tr:nth-of-type(odd)>* {
		--bs-table-accent-bg:transparent!important;
		color: var(--bs-table-striped-color);
	}
	.table-striped tbody tr:nth-of-type(odd) {
		background-color: #f8f9fa;
	}
    .custom-table-responsive .table>thead{
		display: none;
	}
	.custom-table-responsive tr{
		display: flex;
		flex-wrap: wrap;
		border-bottom: 1px solid #dee2e6;
		padding: 8px 12px;
	}
	.custom-table-responsive tr td{
		padding: 0!important;
		border: none;
		width: 100%;
		padding-bottom: 3px!important;
	}
	.custom-table-responsive .table tr td .vehicle-img{
	    height: 80px;
        width: 100px;
	}
	.custom-table-responsive .table tr td:first-child{
		width: 110px;
        margin-bottom: 8px;
	}
	.custom-table-responsive .table tr td:nth-child(2){
		width: calc(100% - 110px);
		margin-left: auto;
	}
	.custom-table-responsive .table tbody tr td p br{
		display: none;
	}
	.custom-table-responsive .table tbody tr td p{
		line-height: normal;
		line-height: 1.2;
        font-size: 14px;
	}
	.table-label-mobile-show{
		display: block;
	}
	.custom-table-responsive .table tbody tr td span{
		margin-right: 5px;
	}
    .mobile_table{
        display: block;
    }
    .mobile_table_row{
        flex-direction: row;
        margin-bottom: 10px;
    }
    .mobile_table_col{
        padding: 10px;
        cursor: pointer;
    }
    .mobile_table_col_button{
        width: 100%;
        padding: 10px;
        padding-top: 0px;
    }
    .mobile_table_col .mobile_table_col_img {
        height: 90px;
        width: 100px;
        overflow: hidden;
        border: 1px solid #ccc;
        border-radius: 5px;
    }
    .mobile_table_col .mobile_table_col_img img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .mobile_table_col_text{
        position: relative;
        padding-left: 0px;
        padding-right: 40px;
        width: calc(100% - 125px);
    }
    .mobile_table_col_text h5{
        padding: 0;
        margin: 0;
        margin-bottom: 6px;
        line-height: 1;
    }
    .mobile_table_col_text p{
        padding: 0;
        margin: 0;
        margin-bottom: 5px;
        line-height: 1.1;
    }
    .mobile_table_col_text:before{
        content: "\f107";
        font-family: "FontAwesome";
        font-weight: 400;
        font-size: 18px;
        color: #4f4f4f;
        position: absolute;
        right: 13px;
        top: 50%;
        transform: translateY(-50%);
    }
    .mobile_table_row.active .mobile_table_col_text:before {
            content: "\f106";
    }
    .mobile_table_col_button .btn {
        width: 100%;
    }
    .mobile_table_header h3{
        margin-top: 10px;
        margin-bottom: 5px;
    }
    .mobile_table_col_content{
        width: 100%;
    }
    .mobile_table_col_content table{
        margin-bottom: 10px;
    }
    .no_table_button .mobile_table_col_content table{
        margin-bottom: 0px;
    }
    .no_table_button .mobile_table_col_content table td, .no_table_button .mobile_table_col_content table th{
        border-bottom: none;
    }
    .mobile_table_col_content .table tr th, .mobile_table_col_content .table tr td {
        padding: 5px 10px;
        line-height: 1.1;
        font-size: 14px;
    }
    .mobile_modal_popup .modal-header, .mobile_modal_popup .modal-body{
        padding: 10px 15px;
    }
    .mobile_modal_popup .payment_list .col-lg-4 {
        margin-bottom: 4px;
    }
    .mobile_modal_popup .payment_list .d-flex.w-100 b {
        min-width: 125px;
    }
    .body-overlay {
        background-color: var(--core-1-hex);
        height: 100%;
        width: 100%;
        position: fixed;
        top: 0;
        z-index: 9999;
        right: 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
        display: none;
    }
    .body-overlay.opened{
        opacity: 0.7;
        visibility: visible;
        display: block;
    }
    
    .hide_on_mobile{
        display: none;
    }
    
    .profile-page-section .document-img-box .upload-images-box.vehicle-img{
        width: 130px;
    }
    .page-wrapper > .container-fluid{
        padding-top: 0px;
    }
    .edit-profile-page .vfinder .nav-pills .nav-item,
	.account-password-page .vfinder .nav-pills .nav-item,
	.authorize-page .vfinder .nav-pills .nav-item{
		width: 100%;
	}
	.edit-profile-page .vfinder .nav-pills .nav-item a,
	.account-password-page .vfinder .nav-pills .nav-item a,
	.authorize-page .vfinder .nav-pills .nav-item a{
		margin-right: 0px;
		text-align: center;
		border: none;
	}
}

.password_input {
    position: relative;
}
.password_input i.fal {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.bootstrap-datetimepicker-widget .datepicker-months table td,
.bootstrap-datetimepicker-widget .datepicker-years table td,
.bootstrap-datetimepicker-widget .datepicker-decades table td{
    height: auto;
    padding: 0;
}
.bootstrap-datetimepicker-widget .datepicker-months table td span,
.bootstrap-datetimepicker-widget .datepicker-years table td span,
.bootstrap-datetimepicker-widget .datepicker-decades table td span{
    height: auto;
    line-height: normal;
    width: 50px;
    padding: 10px 8px;
}
.bootstrap-datetimepicker-widget .datepicker-months table td span.active,
.bootstrap-datetimepicker-widget .datepicker-years table td span.active,
.bootstrap-datetimepicker-widget .datepicker-decades table td span.active{
    background-color: #2c254f;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-image: linear-gradient(to bottom, #67499f, #2c254f) !important;
}
body div.pp_default .pp_expand{
    display: none!important;
}
.access-details-popup ul{
    margin-bottom: 15px;
    margin-left: 25px;
}
.access-details-popup ul li{
    list-style: disc;
}
.access-details-popup ul:last-child{
    margin-bottom: 0;
}
.multiselect_outer .btn-group{
    width: 100%;
    display: block;
    position: relative;
}
.multiselect_outer .btn-group .btn{
    position: relative;
    width: 100%;
    display: block;
    background: #fff !important;
    border: 1px solid #ced4da !important;
    border-radius: .25rem !important;
    text-align: left !important;
    padding: .375rem 2.25rem .375rem .75rem !important;
    height: 36px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #212529 !important;
}
.multiselect_outer .btn-group .btn::after{
    content: "";
    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-size: 16px 12px;
    border: none;
    margin: 0;
    width: 16px;
    height: 12px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.multiselect_outer .dropdown-menu{
    max-height: 200px;
    overflow: auto;
    width: 100%;
    padding: 5px 14px;
    padding-top: 8px;
    margin: 0;
    box-shadow: 0px 2px 6px #0000005e;
}
.multiselect_outer .dropdown-menu.show{
    display: flex;
    flex-wrap: wrap;
    column-gap: 14px;
}
.multiselect_outer .dropdown-menu li{
    width: calc(50% - 7px);
}
.multiselect_outer .dropdown-menu li:not(:last-child) {
    margin-bottom: 6px;
}
.multiselect_outer .dropdown-menu li label {
    margin: 0;
    font-weight: 400;
    vertical-align: middle;
    line-height: 1.2;
    position: relative;
    padding-left: 20px;
    cursor: pointer;
}
.multiselect_outer .dropdown-menu li input {
    margin-right: 5px;
    position: absolute;
    left: 0;
    top: 0px;
}
.transactions_notes .card-title{
    margin: 0;
    font-weight: 600;
    padding: 10px 20px;
    line-height: 1;
}
.transactions_notes .card-title:not(.collapsed) {
    border-bottom: 1px solid rgba(0, 0, 0, .05);
}
.transactions_notes .card-title:not(.collapsed) .fa-plus::before{
    content: "\f068";
}
body .transactions_notes .dropzone{
    padding: 10px 5px;
}
body .transactions_notes .dropzone.dz-started .dz-default.dz-message {
    margin-top: 0;
    margin-bottom: 5px;
}
.modal .select2-container .select2-selection--single{
    height: 36px;
}
.modal .select2-container--default .select2-selection--single{
    border: 1px solid #ced4da;
}
.modal .select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 35px;
}
.modal .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 36px;
    padding: 0 2.25rem 0 .75rem;
    padding-right: 46px;
    color: #32325d;
    font-weight: 400;
    font-size: 13px;
}
.modal .select2-container--default .select2-selection--single .select2-selection__arrow {
    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-position: center;
    background-size:16px 12px;
    right: 10px;
}
.modal .select2-container--default .select2-selection--single .select2-selection__arrow b{
    display: none;
}
.modal .select2-results__option {
    padding: 6px 6px 3px 5px;
    font-size: 13px;
    line-height: 1.2;
}
.modal .select2-container--default .select2-results__option[aria-selected=true] {
    /*background-color: #f0f0f0;*/
}
.modal .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #1967d2;
}
.autosuggestInput{
    position: relative;
}
.autosuggestInput .ui-autocomplete {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    width: 100% !important;
    max-height: 250px;
    overflow-y: auto !important;
}
.autosuggestInput ul.ui-autocomplete li.ui-menu-item {
    padding: 0;
    border-bottom: 1px solid #f5f5f5;
    list-style: none;
}
.autosuggestInput ul.ui-autocomplete li.ui-menu-item > div {
    padding: 4px 10px;
}
.autosuggestInput ul.ui-autocomplete li.ui-menu-item:hover > div, 
.autosuggestInput ul.ui-autocomplete li.ui-menu-item:focus > div, 
.autosuggestInput ul.ui-autocomplete li.ui-menu-item:active > div,
.autosuggestInput ul.ui-autocomplete .ui-state-active,
.autosuggestInput ul.ui-autocomplete .ui-widget-content .ui-state-active,
.autosuggestInput ul.ui-autocomplete .ui-widget-header .ui-state-active,
.autosuggestInput ul.ui-autocomplete a.ui-button:active,.ui-button:active,
.autosuggestInput ul.ui-autocomplete .ui-button.ui-state-active:hover {
    color: #333;
    background: #f5f5f5;
    border-color: #ddd;
}
.vehicle-popup .modal-body h5.vehicle-title a {
    color: rgb(50, 50, 93);
}
.vehicle-popup .modal-body h5.vehicle-title a:hover {
    text-decoration: underline;
    color: var(--bs-purple);
}

.serverSideTable div.dataTables_wrapper div.dataTables_processing, .table_processing {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99998;
    width: 150px;
    height: auto;
    margin: 0;
    top: 0;
    border-radius: 0px;
    padding: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #9a71e1;
    border: 1px solid #9a71e1;
    border-top: none;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    color: #222;
}
.serverSideTable .dataTables_processing .loader-icon, .table_processing .loader-icon{
    width: 55px;
    height: 20px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 10px;
    position: relative;
}
.serverSideTable .dataTables_processing .loader-icon span, .table_processing .loader-icon span{
    position: absolute;
    display: inline-block;
    background: #fff;
    width: 12px;
    height: 12px;
    border-radius: 100px;
    animation-name: loaderIcon;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}
.loader-icon span:nth-of-type(1) {
    left: 0;
}
.loader-icon span:nth-of-type(2) {
    left: 40%;
}
.loader-icon span:nth-of-type(3) {
    right: 0;
}
.loader-icon span:nth-of-type(2) {
    animation-delay: .2s;
}
.loader-icon span:nth-of-type(3) {
    animation-delay: .4s;
}
/* ==========------------- Super Dispatch Design CSS ------------============*/
.delivery_form_row{
    margin-left: -5px;
    margin-right: -5px;
    padding: 5px;
    justify-content: space-around;
}
.delivery_form_row .form-label {
    margin-bottom: .4rem;
}
.delivery_form_row > div {
    padding-right: 5px;
    padding-left: 5px;
}
.delivery_cost_row, .delivery_mile_row {
    padding: 5px;
    align-items: center;
}
.delivery_cost_row p, .delivery_mile_row p{
    font-size: 18px;
}
.multiselect_full.multiselect_outer .btn-group .btn{
    height: 45px !important;
    font-size: 14px;
    overflow: hidden;
}
.multiselect_full.multiselect_outer .dropdown-menu li{
    width: 100%;
}
.multiselect_outer .btn-group .btn::after {
    background-color: #fff;
    right: 0;
    width: 30px;
    background-repeat: no-repeat;
    height: 30px;
    background-position: center;
}
.multiselect_full.multiselect_outer .dropdown-menu li a {
    display: block;
}
.multiselect_full.multiselect_outer .dropdown-menu li a label {
    width: 100%;
}
.edit_transport_form{
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #00000091;
    display: flex;
    border: none;
    justify-content: center;
    align-items: center;
    padding: 20px;
}
.edit_transport_form td {
    border: none;
    background: #fff;
    max-width: 1200px;
    width: 100%;
    padding: 0px !important;
    position: relative;
}
.edit_transport_form form{
    padding: 15px!important;
}
.edit_transport_form .modal-header{
    display: flex!important;
}
.edit_transport_form #remove_name_delivery{
    display: none;
}
.edit_transport_form .delivery_form_row > .col-lg-3:last-child {
    max-width: 100px !important;
}
.edit_transport_form .delivery_form_row > .col-lg-3:nth-child(5) {
    max-width: none !important;
}
/* ==========------------- End Super Dispatch Design CSS ------------============*/
@keyframes loaderIcon {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
body.iti-mobile .intl-tel-input.iti-container{
	z-index: 9999999;
}
@media (min-width: 1600px) {
    .modal-xxl {
        max-width: 96%;
    }
}
@media (max-width: 1400px) {
    .inventory-page-wrapper .custom-tab-section nav button.nav-link{
        padding: 6px 15px;
    }
}
.sellerDetailInfoList .table tr th, .sellerDetailInfoList .table tr td {
    padding: 0;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 14px;
    vertical-align: top;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 1.2;
}
.input-group .input-tell-w100{
    width: 100%;
}
.hover-decoration:hover{
    text-decoration: underline!important;
}
@media (max-width: 1450px) {
    .transactions_status_row{
        display: flex;
        justify-content: space-between;
    }
    .transactions_status_row .col-4{
        width: auto;
        max-width: none;
        flex: auto;
    }
}
.addressBoxContainerFull{
    width: 100%;
}
.addressBoxContainerFull.highlightbluecolor {
    background-color: transparent !important;
}
gmp-place-autocomplete{
	border-color: #dadada !important;
    outline: 0 !important;
	border-radius: 5px !important;
    box-shadow: none !important;
    color-scheme: light only;
    height: 45px;
}
.modal gmp-place-autocomplete {
    height: 36px;
}
.vehicle_inspection_info ul{
	margin-left: 20px;
}
.vehicle_inspection_info ul li{
    list-style: disc;
    margin-bottom: 5px;
    line-height: 1.4;
}
.custom-col-lg-2{
    flex: 0 0 18.66667%;
    max-width: 18.66667%;
}
.delivery_address_warning{
    border: 1px solid #dee2e6;
    padding: 10px 15px;
    margin-bottom: 20px;
}
.delivery_address_warning ul li {
    list-style: disc;
    margin-left: 20px;
}