.stage-subsite {
    height: 40.3vw
}

@media (min-width: 960px) {
    .stage-subsite {
        height: 150px
    }
}

.stage-subsite.jobs {
    background-image: url("++resource++poi.plonetheme.hdlint/bg_picture_jobs_bp_320.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
    .stage-subsite.jobs {
        background-image: url("++resource++poi.plonetheme.hdlint/bg_picture_jobs_bp_320@2x.jpg")
    }
}

@media (min-width: 600px) {
    .stage-subsite.jobs {
        background-image: url("++resource++poi.plonetheme.hdlint/bg_picture_jobs_bp_600.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center
    }
}

@media only screen and (min-width: 600px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 600px) and (min-device-pixel-ratio: 2) {
    .stage-subsite.jobs {
        background-image: url("++resource++poi.plonetheme.hdlint/bg_picture_jobs_bp_600@2x.jpg")
    }
}

@media (min-width: 960px) {
    .stage-subsite.jobs {
        background-image: url("++resource++poi.plonetheme.hdlint/bg_picture_jobs_bp_960_1280.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center
    }
}

@media only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 960px) and (min-device-pixel-ratio: 2) {
    .stage-subsite.jobs {
        background-image: url("++resource++poi.plonetheme.hdlint/bg_picture_jobs_bp_960_1280@2x.jpg")
    }
}

#hi-stage h1:not(.dealer-search-heading) {
    font-size: 24px;
    line-height: 30px;
    font-weight: lighter;
    margin-bottom: 0;
    color: #fff;
    padding-top: 12px;
    text-transform: uppercase;
    height: 50px;
    margin-top: -50px;
    margin-left: 6.25vw;
    font-family: "Hdlint-Roboto", Arial, Helvetica, sans-serif !important
}

@media (min-width: 600px) {
    #hi-stage h1:not(.dealer-search-heading) {
        margin-left: 5vw
    }
}

@media (min-width: 960px) {
    #hi-stage h1:not(.dealer-search-heading) {
        margin-left: 6.25vw;
        font-size: 30px;
        padding-top: 15px;
        height: 60px;
        margin-top: -60px
    }
}

@media (min-width: 1280px) {
    #hi-stage h1:not(.dealer-search-heading) {
        margin-left: auto;
        margin-right: auto;
        width: 1120px
    }
}

/* Content Container */

#main-container {
    width: auto !important;
    max-width: 1400px;
}

#main-container .country-maintainance {
    margin-left: 20px;
}

.container {
    width: 100% !important;
}


.plone-nav li a {
    color: white !important;
}

.country-maintainance table#dealers_ {
    margin-top: 12px;
    width: 100%;
    border: 1px solid #3a424e;
    border-collapse: collapse;
    font-family: Arial;
    font-size: 14px
}

.country-maintainance .cntrylist tr:last-child td {
    height: 26px;
    background: #3a424e !important;
    color: #fff
}

.country-maintainance .private {
    background-color: red
}

article.country-maintainance {
    margin-top: 30px
}

.country-maintainance tr.head {
    height: 26px;
    background: #3a424e;
    color: #fff;
}

#dealers tr th {
    color: white;
}

.main-container [type=checkbox],
[type=radio] {
    display: none;
}

.plone-modal-wrapper .plone-modal-content {
    padding-left: 20px !important;
    padding-right: 40px !important;
}

/* New Country Specific CSS for helper views*/
.mdw-country-special {
    #main-container {
        max-width: 100%;
    }

    .mdw-extraview {
        width: 100%;
        max-width: var(--content-max-width-inc-margin);
        min-width: var(--content-min-width-inc-margin) !important;
        padding-left: 3.625rem;
        padding-right: 1.625rem;
        padding-top: 5.625rem;
        display: flex;
        flex-direction: column;
    }

    .mdw-extraview .mdw-country-container {
        width: 100%;
        /*padding-left: 3.625rem !important;
    padding-right: 0 !important;*/
    }

    td.mdw-country-edit-btns-item a i {
        border: 1px solid var(--base-color);
        border-radius: 4px;
        background: var(--clg-white);
        margin: 0;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mdw-single-helper-page {
        padding-top: 2rem;
    }
    .mdw-center-input {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .modal-label {
        padding-bottom: 20px;
    }
    .modal-container {
        display: none;
    }
    .mdw-simple-overlay {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 400px;
        height: 250px;
        background-color: rgb(109, 4, 4);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        z-index: 10000;
        filter: none !important;
    }
    
    .mdw-simple-close-button {
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 20px;
        color: white;
        background-color: transparent;
        border: none;
        cursor: pointer;
    }
    
    .mdw-simple-content {
        color: white;
        font-size: 18px;
        padding: 20px;
    }
}