/*// we can't use var(--table-breakpoint) in media queries, but we can use scss variables*/
/*// make sure --table-breakpoint is defined in css before this file is included (eg: see vin-custom-table.css)*/


/* ------------------------------------------------------------ *\
	Select
\* ------------------------------------------------------------ */
.select select::-ms-expand {
    display: none;
}

/* ------------------------------------------------------------ *\
	Tabs alt
\* ------------------------------------------------------------ */
.tabs-alt {
    position: relative;
}
.tabs-alt .tabs__inner {
    max-width: 38.1rem;
    border-bottom: 0.1rem solid #D2D5D7;
}


.tabs-alt {
    min-height: 20rem;
    max-height: 60rem;
    overflow-y: scroll;
    overflow-x: hidden;
}
@media (min-width: 1024px) {
}
.tabs-alt .tabs__tbl {
    min-height: 20rem;
    max-height: 60rem;
    width: 100%;
    display: table;
    border-collapse: collapse;
    border-spacing: 0;
    border-right: 0.1rem solid #D2D5D7;
}
.tabs-alt .tabs__tbl-head {
    /*display: table-header-group;*/
    line-height: 1.532;
}
.tabs-alt .tabs__tbl-row {
    display: flex;
    -webkit-transition: background 0.4s, color 0.4s;
    transition: background 0.4s, color 0.4s;
}
.tabs-alt .tabs__tbl-row-spacer {
    display: table-row;
    height: 0.8rem;
}
.tabs-alt .tabs__tbl-row-spacer-last {
    display: table-row;
    height: 1.9rem;
}
.tabs-alt .tabs__tbl-row.is-current-tab .tabs__tbl-cell{
    color: #fff;
    background: #006FB9;
}
.tabs-alt .tabs__tbl-row .tabs__tbl-cell a {
    font-weight: 600;
}
@media (hover: hover) and (pointer: fine) {
    .tabs-alt .tabs__tbl-cell a:hover {
        text-decoration: underline;
    }
}
.tabs-alt .tabs__tbl-row.is-current-tab .tabs__tbl-cell a {
    color: #fff;
}
.tabs-alt .tabs__tbl-row.is-current-tab .tabs__tbl-cell a svg {
    color: #fff;
    -webkit-transform: rotate(180deg) translateY(50%);
    -ms-transform: rotate(180deg) translateY(50%);
    transform: rotate(180deg) translateY(50%);
}
.tabs-alt .tabs__tbl-head-cell {
    align-content: center;
    display: table-cell;
    padding: 1rem;
    vertical-align: middle;
    height: 5.3rem;
}
.tabs-alt .tabs__tbl-head-cell:first-child {
    /*padding-left: 1.8rem;*/
    flex: 0 0 31%;
    width: 35.7%;
    align-content: center;
}
.tabs-alt .tabs__tbl-head-cell strong {
    font-weight: 600;
}
.tabs-alt .tabs__tbl-cell {
    display: table-cell;
    padding: 0.5rem 1rem;
    vertical-align: middle;
    flex: 1 1;
    min-height: 4.8rem;
}
@media (min-width: 1024px) {
    .tabs-alt .tabs__tbl-cell {
        padding-top: .9rem;
    }
}
.tabs-alt .tabs__tbl-cell:first-child {
    overflow-x: hidden;
    text-overflow: ellipsis;
    width: 35.7%;
    flex: 0 0 31%;
    text-wrap: nowrap;
}
.tabs-alt .tabs__tbl-cell a {
    text-decoration: none;
    display: inline-block;
    position: relative;
    font-size: 1.8rem;
    color: #006FB9;
}
.tabs-alt .tabs__tbl-cell a:after {
    content: "";
    position: absolute;
    top: 0;
    left: -0.5rem;
    right: -0.5rem;
    bottom: 0;
    border: 0.2rem solid currentColor;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.4s, visibility 0.4s;
    transition: opacity 0.4s, visibility 0.4s;
}
.tabs-alt .tabs__tbl-cell a:focus-visible:after {
    opacity: 1;
    visibility: visible;
}
.tabs-alt .tabs__tbl-cell a svg {
    display: none;
    color: #727577;
}
.tabs-alt .tabs__wrapper {
    position: absolute;
    left: 38.1rem;
    right: 0;
    top: 0;
    bottom: 0;
    border-bottom: 0.1rem solid #D2D5D7;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
}
.tabs-alt .tabs__tbl-row.is-current-tab .tabs__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.tabs-alt .tab__table:not(.tab__table--sticky) {
    overflow: auto;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
}
.tabs-alt .tab__table--sticky {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
}
.tabs-alt .tab__table--sticky:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -0.2rem;
    right: 0;
    border-bottom: 0.1rem solid #D2D5D7;
}
.tabs-alt .tab__table--sticky thead th {
    text-transform: capitalize;
    padding: 0.5rem 1rem 0.5rem 0;
    height: 5.4rem;
    text-align: left;
    font-weight: 600;
}
.tabs-alt #tab-safest thead th {
    text-transform: none;
}

.tabs-alt .tab__table--sticky thead th:first-child {
    padding-left: 8%;
    width: 62.7%;
}
.tabs-alt .tab__table tbody {
    counter-reset: tab-row-number;
}
.tabs-alt .tab__table tbody tr {
    counter-increment: tab-row-number;
}
.tabs-alt .tab__table tbody tr:nth-child(odd) {
    background: #F8FAFB;
}
.tabs-alt .tab__table-row-highlighted {
    font-size: 2rem;
    font-weight: 600;
    height: 7.3rem;
}
.tabs-alt .tab__table tbody td {
    padding-bottom: 0.1rem;
    padding: 0.5rem 1rem 0.5rem 0.6rem;
    height: 4.28rem;
}
.tabs-alt .tab__table tbody td:first-child {
    padding-left: 8%;
    width: 62.7%;
}
.tabs-alt .tab__table tbody td:first-child:before {
    content: counter(tab-row-number) ".";
    margin-right: 0.5rem;
    display: inline-block;
    min-width: 2.7rem;
}
/* ------------------------------------------------------------ *\
	Tabs
\* ------------------------------------------------------------ */
.tabs .tabs__head:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background: -webkit-gradient(linear, right top, left top, from(#FFF), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0) 100%);
    display: none;
    width: 4.1rem;
    height: 100%;
}
.tabs__body {
    border-top: 0.1rem solid #D2D5D7;
}
.tabs .nav-bodytype-tabs {
    border-top: 0.1rem solid #D2D5D7;
    font-size: 1.6rem;
    line-height: 1.5;
    padding-left: 1.5rem;
}
.tabs .nav-bodytype-tabs ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.tabs .nav-bodytype-tabs li {
    margin-right: 5.05rem;
}
.tabs .nav-bodytype-tabs li:last-child {
    margin-right: 0;
}
.tabs .nav-bodytype-tabs li.is-current-tab a:before {
    opacity: 1;
    visibility: visible;
}
.tabs .nav-bodytype-tabs a {
    text-decoration: none;
    display: inline-block;
    padding: 1.2rem 0;
    position: relative;
}
.tabs .nav-bodytype-tabs a:before {
    content: "";
    position: absolute;
    bottom: -0.1rem;
    left: 0;
    right: 0;
    background: #DD390C;
    height: 0.3rem;
    opacity: 0;
    visibility: hidden;
}
.tabs .nav-bodytype-tabs a:after {
    content: "";
    position: absolute;
    top: 0;
    left: -0.5rem;
    right: -0.5rem;
    bottom: 0;
    border: 0.2rem solid currentColor;
    opacity: 0;
    visibility: hidden;
    /*-webkit-transition: opacity 0.4s, visibility 0.4s;*/
    /*transition: opacity 0.4s, visibility 0.4s;*/
}
.tabs .nav-bodytype-tabs a:focus-visible:after {
    opacity: 1;
    visibility: visible;
}
.tabs .tab {
    display: none;
}
.tabs .tab.is-current-tab {
    display: block;
}

.nhtsa_header {
    border-bottom: 0.1rem solid #D2D5D7;
    /* Same padding and height as .tabs-alt .tabs__tbl-head-cell */
    padding: 1.3rem 0 1.7rem 3rem;
    height: 5.4rem;
}
.nhtsa_body {
    margin: 3rem;
    @media (max-width: 1023px) {
        margin: 0 1.2rem 1.2rem;
    }
}
.nhtsa_body_cell + .nhtsa_body_cell{
    margin-top: .7rem;
}
.nhtsa_body_cell {
    border-radius: .8rem;
    background: #F8FAFB;
    @media (max-width: 1023px) {
        padding: .5rem 1.6rem;
    }
}
.complaint-info-flex {
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    @media (max-width: 1023px) {
        flex-wrap: wrap;
        column-gap: .2rem;
    }
}
.tabs-alt .tabs__tbl-head .tabs__tbl-row {
    border-bottom: 0.1rem solid #D2D5D7;
}
.tabs-alt .tabs__tbl-body {

    .tabs-alt .tabs__tbl-body {
        display: block;
    }

    .tabs-alt .tabs__tbl-body .tabs__tbl-row {
        border-bottom: 0.1rem solid #D2D5D7;
    }

    .tabs-alt .tabs__tbl-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .tabs-alt .tabs__tbl-row-spacer {
        display: none;
    }

    .tabs-alt .tabs__tbl-row-spacer-last {
        display: none;
    }

    .tabs-alt .tabs__tbl {
        display: block;
        min-height: auto;
        border-right: 0;
        font-size: 1.4rem;
        line-height: 1.36;
    }

    .tabs-alt .tabs__inner {
        max-width: 30rem;
    }

    .tabs-alt .tabs__inner {
        max-width: 100%;
    }
}

.load_list_trigger:focus,
.load_list_trigger:hover {
    text-decoration: none;
}

/*.tabs__tbl-row.is-current-tab .load_list_trigger,*/
.tabs-alt .tabs__tbl-row .load_list_trigger:hover,
.tabs-alt .tabs__tbl-row.is-current-tab .load_list_trigger,
.tabs-alt .tabs__tbl-row.is-current-tab .load_list_trigger .semibold,
.tabs-alt .tabs__tbl-row.is-current-tab .tabs__tbl-cell,
.tabs-alt .tabs__tbl-row.is-current-tab .tabs__tbl-cell.semibold {
    font-weight: bold;
    color: #fff;
    background: #006FB9;
}