/* Include global style changes*/
@import "../dandk/DandKGlobal.css";

body.login .page .page-inner .login-logo {
    background: url('images/login_logo.png') center center no-repeat;
    height: 320px;
}

body.login .login-region {
    width: 750px;
}

body.login .login-area .login-username-area, .login-area .login-password-area, .login-area .login-submit-area {
    padding: 10px 0 10px 205px;
}

body.login .login-area .login-submit-area {
    padding-left: 348px;
}

body.login .login-contact-details {
    width: 730px;
}

table.dataTable tr .qty-avail-cell {
    background-color: #142138;
    color: white;
}

table.dataTable tr .qty2-avail-cell {
    background-color: #D1D3D4;
}

.page .page-inner #special_header_wrap {
    display: block;
}

    .page .page-inner #special_header_wrap #special_header_inner {
        height: 106px;
        background: url('images/special_header.png') 101px bottom no-repeat;
    }

body.resp-size-640-or-less .page .page-inner #mobile_header_wrap #mobile_header_title {
    background: url('images/mobile_header_logo.png') 20px center no-repeat;
}

body.login.resp-size-640-or-less .page .page-inner .login-logo {
    background: url('images/login_logo_sml.png') center center no-repeat;
    height: 180px;
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
    body.resp-size-640-or-less .page .page-inner #mobile_header_wrap #mobile_header_title {
        background-image: url('images/mobile_header_logo_2x.png?100');
        background-size: 22px 22px;
    }

    .page .page-inner #special_header_wrap #special_header_inner {
        background-image: url('images/special_header.png');
        background-size: 189px 90px;
    }
}

/* Specials */
.tires table tr.is-special td {
    color: #00AA00;
}

li#menu_button_wrap_support {
    display: none;
}

.logo::after {
    content: url('images/special_header.png');
    max-height: 110px;
    max-width: 500px;
}

#miscproducts_connections_radio {
    display: none;
}

#miscproducts_inner {
    margin-top: 10px;
}

/* Cut off time */
.cutoff-message {
    font-size: 15px;
}

.cutoff-message-wrapper {
    width: 300px;
    color: grey;
}

.order-cutoff-counter-wrap {
    display: inline-block;
}

.cutoff-time-content {
    text-align: center;
}
.cutoff-current {
    color: black;
}

/* Connection tab style changes*/
.page .connections-area-inner .ui-button {
    border: 2px solid black;
    color: black;
    font-weight: bold;
}