:root, [data-theme=light] {
    --kt-primary: #0A84FF;
    --kt-secondary: #E4E6EF;
    --kt-success: #34C85A;
    --kt-info: #7239ea;
    --kt-warning: #FFD953;
    --kt-danger: #FC3B30;
    --kt-dark: #181C32;
    --kt-primary-active: #1365b7;
    --kt-secondary-active: #c8cad3;
    --kt-light-active: #eff2f5;
    --kt-success-active: #279644;
    --kt-info-active: #5427b1;
    --kt-warning-active: #e9bd23;
    --kt-danger-active: #c41c12;
    --kt-dark-active: #131628;
    --kt-text-danger: #FC3B30;
    --kt-input-disabled-color: #020304;
    --kt-input-disabled-bg: #f5f5f5;
    --kt-form-select-disabled-color: #020304;
    --kt-form-select-disabled-bg: #f5f5f5;
}

html {
    font-size: 14px;
    position: relative;
    min-height: 100%;
}

body, html {
    font-family: AllianceNo2,Helvetica,sans-serif;
    position: relative;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

#kt_app_root {
    position: relative;
}
.navbar-brand img {
    height: 40px;
}

[data-kt-app-layout="dark-sidebar"] .app-sidebar {
    background-color: #162529;
}

.app-title {
    color: #D1D1D6;
}

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

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

.form .brand {
    text-align: center;
    margin-bottom: 30px;
}

.form .brand-logo img {
    max-height: 50px;
    max-width: 100%;
}

.table {
    width: 100%;
}

.table td:first-child, 
.table th:first-child, 
.table tr:first-child {
    padding-left: 0.75rem;
}

.table td:last-child,
.table th:last-child,
.table tr:last-child {
    padding-right: 0.75rem;
}

table.dataTable thead th, 
table.dataTable thead td {
    font-weight: bold;
    border-bottom: 1px solid #dfdede;
}

table.dataTable td, 
table.dataTable th {
    vertical-align: middle;
}

html[data-theme=light] {
    --kt-form-check-input-border: 1px solid #94969F;
    --kt-form-check-input-focus-border: 1px solid #84868F;
}

.tempus-dominus-widget .date-container-days div:not(.no-highlight), .tempus-dominus-widget .date-container-decades div:not(.no-highlight), .tempus-dominus-widget .date-container-months div:not(.no-highlight), .tempus-dominus-widget .date-container-years div:not(.no-highlight), .tempus-dominus-widget .time-container-clock div:not(.no-highlight), .tempus-dominus-widget .time-container-hour div:not(.no-highlight), .tempus-dominus-widget .time-container-minute div:not(.no-highlight), .tempus-dominus-widget .time-container-second div:not(.no-highlight) {
    max-height: 32px;
}

/*Parsley*/
.parsley-errors-list {
    color: #ff0000;
}

.sub-navbar {
    transition: none;
    display: flex;
    align-items: stretch;
    background-color: var(--kt-app-header-base-bg-color);
    box-shadow: var(--kt-app-header-base-box-shadow);
    border-bottom: var(--kt-app-header-base-border-bottom);
}

    .sub-navbar span.select2-selection, .sub-navbar input {
        background-color: #f5f8fa;
        border-color: #f5f8fa;
    }

.vehicle-status, .vehicle-location, .vehicle-in-stock, .vehicle-dms {
    width: 220px;
}

.vehicle-search {
    width: 300px;
}
.bg-lightblue {
    background: #E8F3FF;
}

.carousel-prev-btn, .carousel-next-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: #0A84FF
}

.table-view .table
{
    background: black;
    color: white;
    margin-top: 0 !important;
    border-top-left-radius: var(--bs-card-border-radius);
    border-top-right-radius: var(--bs-card-border-radius);
}

.table-view .table tbody {
    background: white;
    color: black;
}

.table-view table.dataTable th:first-child,
.table-view table.dataTable td:first-child {
    padding-left: 2rem;
}

table.dataTable {
    border-style: solid;
    border-width: 1px 0;
}

table.dataTable tr {
    border-color: #EDEDED;
    border-style: solid;
}

.input-search {
    position: relative;
    display: inline-block;
}

.input-search input {
    padding-right: 30px; /* Adjust this value to leave enough space for the icon */
}

.input-search i {
    position: absolute;
    top: 50%;
    right: 10px; /* Adjust this value to position the icon properly */
    transform: translateY(-50%);
}


.map-view {
    width: 100%;
    height: 100%;
}

.app-sidebar .app-sidebar-menu {
    background: white;
}

.app-header div.menu-item a.menu-link:hover,
.app-header div.menu-item a.menu-link:hover i,
.app-sidebar .app-sidebar-menu a.menu-content:hover,
.app-sidebar .app-sidebar-menu a.menu-content:hover i{
    color: var(--kt-text-primary) !important
}

.app-sidebar .app-sidebar-menu a.menu-content:hover {
    background-color: var(--kt-primary-light) !important
}

.table-common tbody tr {
    border-bottom: 1px solid #EEE;
}

.table-common thead tr {
    background: #EEE;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.table-common thead tr th:first-child{
    border-top-left-radius: 5px;
}

.table-common thead tr th:last-child{
    border-top-right-radius: 5px;
}

.alert ul {
    margin-bottom: 0px;
}

.row-link:hover {
    background-color: rgb(80, 89, 128, 0.07);
}

input[readonly],
input[readonly]:focus
{
    background-color: #EEE;
}

.div-detail>label {
    color: #999;
}

.div-detail>div {
    font-weight: bold;
}

.damages-action {
    white-space: nowrap;
}

.width-a4 {
    min-width: 210mm;
    max-width: 210mm;
}

.height-a4 {
    min-height: 297mm;
    max-height: 297mm;
}

.mfp-bg, .mfp-wrap {
    z-index: 10001 !important;
}

.swal2-container .swal2-html-container {
    max-height: unset !important;
}