/* PAGE */

.expire-vehicle-page{
    height:100%;
    display:flex;
    background:#f2efe9;
    overflow:hidden;
}

/* CONTENT */

.content{
    flex:1;
    display:flex;
    flex-direction:column;
    min-width:0;
}

/* TOP BAR */

.expire-header-row{
    height:56px;
    padding:0 8px 0 4px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:#f2efe9;
    border-bottom:1px solid #cfcfcf;
}

.expire-total{
    font-size:15px;
    font-weight:600;
    color:#000;
}

.expire-total strong{
    font-weight:700;
}

.expire-filters{
    display:flex;
    align-items:center;
}

.expire-check{
    display:flex;
    align-items:center;
    gap:6px;
    font-size:14px;
    color:#222;
}

.expire-check input{
    width:23px;
    height:23px;
    cursor:pointer;
}

/* ALL CHECKBOX */

input[type="checkbox"]{
    width:24px;
    height:24px;
    cursor:pointer;

    accent-color:#0d6efd; /* Blue Tick */
}

/* SELECT COLUMN CHECKBOX */

.expire-select-col input[type="checkbox"],
.expire-vehicle-table td:nth-child(11) input[type="checkbox"]{
    width:26px;
    height:26px;
    accent-color:#0d6efd;
}

/* HEADER SELECT ALL CHECKBOX */

.expire-vehicle-table th:nth-child(11) input[type="checkbox"]{
    width:20px;
    height:20px;
    margin-bottom:4px;
    accent-color:#0d6efd;
}

/* WITHOUT IMAGES CHECKBOX */

.expire-check input[type="checkbox"]{
    width:22px;
    height:22px;
    accent-color:#0d6efd;
}

/* TABLE WRAPPER */

.expire-table-wrapper{
    flex:1;
    overflow:auto;
    background:#f2efe9;
}

/* TABLE */

.expire-vehicle-table{
    width:100%;
    min-width:1270px;
    border-collapse:collapse;
    table-layout:fixed;
}

.expire-vehicle-table thead{
    position:sticky;
    top:0;
    z-index:10;
}

.expire-vehicle-table th{
    background:#ddd7d0;
    border:1px solid #bfc5ca;
    padding:4px;
    font-size:13px;
    font-weight:600;
    color:#333;
        text-align: center;
    vertical-align:middle;
}

.expire-vehicle-table th input{
    width:100%;
    height:28px;
    border:1px solid #cfd5db;
    border-radius:5px;
    background:#f8f9fb;
    padding:0 8px;
    font-size:13px;
    outline:none;
    box-sizing:border-box;
}

.expire-vehicle-table td{
    border:1px solid #c6cdd3;
    padding:5px 6px;
    font-size:13px;
    color:#000;
    background:#f7f7f7;
    line-height:1.55;
    vertical-align:middle;
}

.expire-vehicle-table tbody tr{
    height:66px;
}

.expire-vehicle-table tbody tr:nth-child(even) td{
    background:#f2f0ec;
}

/* LINKS */

.expire-vehicle-table a{
    color:#0d6efd;
    text-decoration:underline;
}

/* CHECKBOX COLUMN */

.expire-select-col,
.expire-vehicle-table td:nth-child(11){
    text-align:center;
}

.expire-select-col input,
.expire-vehicle-table td:nth-child(11) input{
    width:22px;
    height:22px;
    cursor:pointer;
}

/* ACTION COLUMN */

.expire-vehicle-table td:last-child{
    text-align:center;
    color:#f5a623;
    font-size:24px;
    font-weight:700;
    letter-spacing:2px;
    cursor:pointer;
}

/* COLUMN WIDTHS */

.expire-vehicle-table th:nth-child(1),
.expire-vehicle-table td:nth-child(1){
    width:50px;
    text-align:center;
}

.expire-vehicle-table th:nth-child(2),
.expire-vehicle-table td:nth-child(2){
    width:190px;
}

.expire-vehicle-table th:nth-child(3),
.expire-vehicle-table td:nth-child(3){
    width:110px;
}

.expire-vehicle-table th:nth-child(4),
.expire-vehicle-table td:nth-child(4){
    width:180px;
}

.expire-vehicle-table th:nth-child(5),
.expire-vehicle-table td:nth-child(5){
    width:145px;
}

.expire-vehicle-table th:nth-child(6),
.expire-vehicle-table td:nth-child(6){
    width:95px;
}

.expire-vehicle-table th:nth-child(7),
.expire-vehicle-table td:nth-child(7){
    width:140px;
}

.expire-vehicle-table th:nth-child(8),
.expire-vehicle-table td:nth-child(8){
    width:140px;
}

.expire-vehicle-table th:nth-child(9),
.expire-vehicle-table td:nth-child(9){
    width:60px;
    text-align:center;
}

.expire-vehicle-table th:nth-child(10),
.expire-vehicle-table td:nth-child(10){
    width:80px;
    text-align:center;
}

.expire-vehicle-table th:nth-child(11),
.expire-vehicle-table td:nth-child(11){
    width:58px;
    text-align:center;
}

.expire-vehicle-table th:nth-child(12),
.expire-vehicle-table td:nth-child(12){
    width:58px;
    text-align:center;
}

/* RIGHT TOOLBAR */

.expire-sidebar{
    width:58px;
    background:#f2efe9;
    border-left:1px solid #d8d8d8;
    display:flex;
    justify-content:center;
    padding-top:12px;
}

.expire-circle-btn{
    width:38px;
    height:38px;
    border:none;
    border-radius:50%;
    background:#f39b12;
    color:#fff;
    font-size:20px;
    cursor:pointer;
}

/* SCROLLBAR */

.expire-table-wrapper::-webkit-scrollbar{
    width:10px;
    height:10px;
}

.expire-table-wrapper::-webkit-scrollbar-thumb{
    background:#8b8b8b;
    border-radius:10px;
}

.expire-table-wrapper::-webkit-scrollbar-track{
    background:#ececec;
}