body {
    color: black;
}

.text-default {
    color: #00a8a9 !important;
}

.list-group-flush .list-group-item:first-child {
    border-top: 0;
}

.list-group-flush .list-group-item:last-child {
    border-bottom: 0;
}

.header-content {
    position:relative;
}

    .header-content:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .3);
    }

#header_mclass {
    position: relative;
    overflow: hidden;
    height: 8em;
}

    #header_mclass > img {
        width: 100%;
        position: absolute;
        top: -3em;
        left: 0;
        right: 0;
        bottom: -3em;
        margin: auto;
    }

    #header_mclass .imageheadertitle {
        position: absolute;
        top: -3em;
        bottom: -3em;
        font-size: 6em;
        line-height: 1em;
        color: #fff;
        margin: auto;
        height: 1em;
        text-align: center;
        width: 100%;
    }

.mktable {
    width: 100%;
    margin-bottom: 10px;
}

.submktable {
    width: 100%;
}

.mktable .submktable td:first-child {
    border-left: 15px solid;
    border-bottom: 0px solid;
}

.mktable th {
        color: #249d99;
        font-size: 25px;
        border-bottom: 1px solid black;
        border-top: 1px solid black;
        border-right: 1px solid black;
    }

.mktable td {
    padding: 5px;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
}

.mktable td:first-child {
    padding: 5px;
    border-left: 1px solid black;
    
}

.mktable > thead > tr > th span {
    padding: 10px;
    font-size: 25px;
}

.char-heading {
    border-left: 10px solid #00a8a9;
    padding-left: 15px;
    border-bottom: 1px solid #00a8a9;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom: 30px;
    position: relative;
}

    .char-heading > span:not(.heading_price) {
        font-size: 2rem;
    }

    h3.char-heading {
        border-left: 6px solid #00a8a9;
        padding-left: 10px;
    }

.char-subheading {
    padding-bottom: 5px;
    padding-top: 5px;
    font-size: 18px;
    border-bottom: 1px solid #00a8a9;
    margin-bottom: 15px;
    font-weight: 700;
    text-transform: uppercase;
}

.char_text {
    padding-left: 5px;
    margin-bottom: 2px;
}

.card .card-body .card-heading {

}

.card .card-body .card-heading .card-heading-title h2 {
    font-weight: 300;
    font-size: 2.1rem;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
    display: inline-block;
}

    .card .card-body .card-heading .card-heading-subtitle {
        border-top: 1px solid #00a8a9;
        border-right: 4px solid #00a8a9;
        margin-left: .25rem;
    }

        .card .card-body .card-heading .card-heading-subtitle h3 {
            font-weight: 300;
            font-size: 0.7rem;
            margin: 0.3em 0.5em 0.2em;
        }

            .card .card-body .card-heading .card-heading-subtitle h3 > strong {
                font-size: 1.1rem;
            }

        .card .card-body .card-heading .card-heading-subtitle .mclass-subtitle {
            line-height: 1.3;
            font-size: 1.3rem;
            font-weight: 300;
        }

            .card .card-body .card-heading .card-heading-subtitle .mclass-subtitle sup {
                font-size: 9px;
                top: -.25em;
            }

.price_heading {
    font-size: 22px;
    border-bottom: 1px solid #00a8a9;
    text-align: left;
    margin-top: 15px;
    font-weight: 300;
    color: grey;
    text-transform: uppercase;
}
    .price_heading > .price-heading-value {
        color: black;
        font-size: 32px;
		white-space: nowrap;
    }

		@media (max-width: 992px) {
            .price_heading > .price-heading-value > strong {
                font-size: 40px;
            }
        }

.price_preheading {
    text-transform: uppercase;
}

#price_disclaimers {
    font-size: 11px;
    line-height: 16px;
    padding-bottom: 10px;
}

sup {
    font-size: 14px;
    vertical-align: super;
}

.annotation-footer {
    font-size: 10px;
    margin: 0px;
    font-weight: 300;
    text-align: right;
}

.primary-heading {
    font-size: 25px;
    font-weight: 700;
    color: #00a8a9 !important;
    margin-bottom: 2rem;
    margin-top: 3rem;
    text-transform: uppercase;
}

.secondary-heading {
    font-size: 20px;
    font-weight: 700;
    color: #444343;
    overflow: hidden;
    padding-bottom: .3rem;
    margin-bottom: .7rem;
    margin-top: 2rem;
    text-transform: uppercase;
}

.third-heading {
    font-size: 18px;
    font-weight: 500;
    color: #444343;
    padding-bottom: .3rem;
    margin-bottom: .7rem;
    margin-top: .7rem;
    text-transform: uppercase;
}

.form-check {
    margin-bottom: 24px;
    padding-left: 0;
}

    .form-check > div.row, .form-check > label.form-check-label {
        height: 1.5625rem;
    }

.card.cardha{
    height: auto;
}

#model_title {
    font-weight: 300;
    font-size: 2.1rem;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
    display: inline-block;
    margin-top: 0;
    width: 100%;
    text-align: center;
}

@media (min-width: 992px) {
    #model_title {
        margin-top: 155px !important;
    }
}

    #model_title > span {
        font-size: 1.5rem;
    }

.resume-column .card-body {
    padding-bottom: 0;
}

.resume-column .card-img-top {
    width: 80%;
    min-width: 288px;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
    position: absolute;
    top: -115px;
    left: 0;
    right: 0;
    margin: auto;
}

#model_options .resume-column .card {
    position: sticky;
    top: -90px;
}

#model_options .resume-column ul.list-group > li.list-group-item, #propal_content .resume-column ul.list-group > li.list-group-item {
    font-size: 0.95em;
    font-family: "Roboto",sans-serif;
}

    #model_options .resume-column ul.list-group > li.list-group-item:not(#selected_wheels), #propal_content .resume-column ul.list-group > li.list-group-item:not(#selected_wheels) {
        font-weight: 300;
        font-size: 0.75em;
        padding: .25rem 1.25rem;
    }

.btn-warning.modelselection {
    background-color: #ff6600 !important;
}
    /* The sidebar menu */
    .sidenav {
    position: sticky;
    z-index: 1;
    top: 115px;
    width: 290px;
    left: 0;
    background-color: #04a8a9;
    overflow-x: hidden;
    color: white;
    padding: 0 15px;
    padding-top: 15px !important;
    transition: width 500ms, height 500ms;
    overflow: hidden;
} .sidenav.collapsed {
        width: 60px;
        height: 60px;
    } .sidenav.collapsed span {
            display: none;
            opacity: 0;
            visibility: hidden;
        } .sidenav .sidebar-button {
        width: 30px;
        height: 45px;
        cursor: pointer;
    }
    /* The navigation menu links */
    .sidenav span {
        padding: 7px 10px 7px 10px;
        text-decoration: none;
        color: white;
        display: block;
        border-bottom: 1px solid #cecece;
        cursor: pointer;
        text-transform: uppercase;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        visibility: visible;
        opacity: 1;
    } .sidenav .snhead1 {
        font-size: 15px;
        font-weight: 400;
    } .sidenav .snhead2 {
        font-size: 14px;
        margin-left: 10px;
        padding-left: 10px !important;
    } .sidenav .snhead3 {
        font-size: 12px;
        margin-left: 20px;
        padding-left: 10px !important;
    } .sidenav span:hover {
        background-color: rgba(255, 255, 255, 0.25);
    }
    /* When you mouse over the navigation links, change their color */
    .sidenav a:hover {
    color: #f1f1f1;
}
    /* Style page content */
    .main {
    margin-left: 160px; /* Same as the width of the sidebar */
    padding: 0px 10px;
}
    /* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size) */
    @media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

    .sidenav a {
        font-size: 18px;
    }
} .heading_price {
    color: black;
    float: right;
    position: absolute;
    bottom: 10px;
    right: 0;
    font-size: 25px;
} @media (max-width: 768px) {
    .heading_price {
        color: black;
        float: right;
        position: absolute;
        bottom: -35px;
        right: 0;
        font-size: 25px;
    }
} .reference_heading {
    font-size: small;
    position: absolute;
    bottom: 6px;
    left: 45px;
    color: black;
} .reference_option {
    display: block;
    font-size: x-small;
    line-height: 0.6rem;
    text-transform: uppercase;
} .option-price {
    font-weight: 300;
} .form-check-label {
    width: 100%;
} .form-check-input[type="hidden"] + label, label.btn input[type="hidden"] + label {
    position: relative;
    display: inline-block;
    height: 1.5625rem;
    padding-left: 35px;
    line-height: 1.5625rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
} .mclassselected {
    cursor:pointer;
}
    /*.continue-options {
    top: 69px;
    right: 0;
    border-left: 1px solid;
    border-bottom: 1px solid;
    padding: 5px;
    cursor: pointer;
    z-index: 1000;
    background: white;
}*/
    .navbar .navbar-nav > .nav-item > .continue-options {
    color: #ff6600;
} .navbar:not(.caret-bootstrap) .continue-options::after {
    border: none;
    width: 0px;
    height: 0px;
} .list-options-selected{
    display:none;
} #main-navbar .dropdown-menu a {
    padding: 2px 0 2px 10px;
    line-height: 22px;
}
#main-navbar .list-group .list-group-item {
    padding: 5px 0px;
    height: 40px;
    line-height: 20px;
    background-color: #f8f9fa;
    border: none;
}

    #main-navbar .list-group .list-group-item > a {
        color: rgba(0,0,0,0.65);
    }


    #main-navbar .list-group .list-group-item:hover {
        cursor: pointer;
    }
    #main-navbar .list-group .list-group-item.item-selected {
        background-color: rgba(2,168,169,0.17);
    }
        #main-navbar .list-group .list-group-item.item-selected > a {
            font-weight: bold;
            color: #00a8a9;
        }

#main-navbar .category-subseries .list-group .list-group-item {
    border-left: 3px solid rgba(2,168,169,0.25);
}

#main-navbar .category-mclasses .list-group .list-group-item {
    border-left: 3px solid rgba(2,168,169,0.25);
}

    div#final-resume-table-overlay img {
            vertical-align: top;
            margin-top: 100px;
        } div#final-resume-table-overlay {
    z-index: 1000;
} .model-image{
    margin-top: -50px;
} @media (max-width: 768px) {
    .model-image {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
} @media (max-width: 1200px) {
        .mw-lg-100 {
            max-width: 100% !important;
        }

        .navbar.navbar-kubota .navbar-text, .navbar.navbar-kubota .navbar-brand, .navbar.navbar-kubota .nav-item > .nav-link, .navbar.navbar-kubota .dropdown-toggle {
            line-height: 73px;
            padding: 0 20px;
        }
    } .form-check-input[type="checkbox"] + label, label.btn input[type="checkbox"] + label {
        display: inline-table;
    } .toggle_collapse_options_selected {
        cursor: pointer;
    } .display-5 {
        font-size: 1.5rem;
        font-weight: 300;
    } .propal-banner {
        display: block;
    } .propal-header {
        color: #ff6600;
        text-align: center;
    } @media (max-width: 991px) {

        .propal-banner {
            display: flex;
        }

        .propal-header {
            text-align: left;
            margin-right: 1rem;
        }
    } span.snh.snhead1, span.snh.snhead2, span.snh.snhead3, span.snh.snhead4, span.snh.snhead5 {
    transform: translate3d(0, 50px, 0);
    transition: all .4s cubic-bezier(.641, 0, .382, 1) .2s;
    opacity: 0;
} span.snh.snhead1.opened, span.snh.snhead2.opened, span.snh.snhead3.opened, span.snh.snhead4.opened, span.snh.snhead5.opened {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    } .serie-title-heading {
        font-weight: 300;
        text-align: center;
        margin-bottom: 40px;
        margin-top: 40px;
        font-size: 2.5rem;
        text-transform: uppercase;
    } .principal-meta-data-list {
        list-style-type: none;
        margin: 0;
        padding: 0;
    } #search-input, #search-input-mobile {
        color: white;
    } #search-input::placeholder, #search-input-mobile::placeholder {
            color: white;
            opacity: 1; /* Firefox */
        } #search-input:-ms-input-placeholder, #search-input-mobile:-ms-input-placeholder { /* Internet Explorer 10-11 */
            color: white;
        } #search-input::-ms-input-placeholder, #search-input-mobile::-ms-input-placeholder { /* Microsoft Edge */
            color: white;
        } #search_more_results {
        margin-bottom: 2em;
    } #search_more_results a {
            margin-bottom: 2em;
        } .card-heading-title small {
        margin-left: 0.25rem;
    } .navbar-kubota-mobile .dropdown-menu {
        position: relative !important;
    } .dropdown .dropdown-menu .dropdown-item.category-subseries-mobile:hover {
        background-color: #f15f28;
    } .grid-subserie-header > h2 {
        margin-right: 1rem;
        text-align: center;
        font-weight: 300;
        font-size: 3rem;
    } @media (max-width: 768px) {
        .mclassselected {
            padding-left: 1em !important;
        }
    } @media(min-width:420px) and (max-width: 768px) {
        .mclassselected img.card-img-top {
            width: 50%;
            display: block;
            margin: auto;
        }
    } body.modal-open {
    overflow: hidden !important;
} #model_specs_modal .modal-body img.card-img-top {
    width: 250px;
    max-width: 50%;
    margin-top: -60px;
    margin-bottom: -30px;
} #model_specs_modal .modal-title {
    font-size: 2.1rem;
} strong {
    font-weight: bolder !important;
} .ui-option-name {
    white-space: nowrap;
    max-width: calc(100% - 90px);
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
} .col-5 > label > .ui-option-name {
    max-width: 100%;
} .mclass-subcontent, .mclass-price {
    font-size: 1rem;
} table.mmetap-table > tbody > tr > td:first-child {
    width: 2rem;
    height: 2rem;
} table.mmetap-table > tbody > tr > td:first-child > i.fa-check {
        margin-left: 0.25rem;
    }


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}