/*
 * nextdaycorporate.css
 *
 * Programmed by Paul Denham
 *
 * Created : 17/06/2020
 * Updated : 30/10/2020
 */

@import url(https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
@import url(//fonts.googleapis.com/css?family=Raleway:400,900,800,700,600,500,300,200,100);

.details {margin: 5px;}

@media only screen and (max-width: 480px) { /* screens smaller than 480px wide */
    .ismobile       {display: table-row;}
    .nomobile       {display: none;}
    .headernomobile {display: none;}
    .headermobile   {display: block;}
    .details        {width  : 98%;}
    .payment        {float  : none;}
    .model_list     {width  : 300px;}
}

@media only screen and (min-width: 480px) and (max-width: 994px) { /* screens larger than 480px wide but smaller then 994px */
    .ismobile       {display: none;}
    .nomobile       {display: block;}
    .headernomobile {display: block;}
    .headermobile   {display: none;}
    .details        {width  : 47%;}
    .payment        {float  : right;}
}

@media only screen and (min-width: 994px) { /* screens larger than 994px wide */
    .ismobile       {display: none;}
    .nomobile       {display: block;}
    .headernomobile {display: block;}
    .headermobile   {display: none;}
    .details        {width  : 30%;}
    .payment        {float  : right;}
}

@media (max-width: 767px) {
    #login-form label, .form label {
        width: 99%;
    }
    #login-form label + label, .form label + label {
        margin-left: 0px;
    }
}

@media only screen and (max-width: 768px) {
    .modal-dialog {
        position:     relative;
        width:        auto;
        margin-left:  10px;
        margin-right: 10px;
    }
}

.form_field_text {
    width: 90%;
    margin: 2px 2px;
}

.form_field_select {
    width: 20%;
    margin-left: 2px;
    height: 28px;
}

.div_error_message {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    border: 1px dotted #FF0000;
    margin: 10px;
    padding: 5px;
    display: none;
    background-color: #FFC7C7;
}

.accountFormTextField {
    width: 98% !important;
}

.accountheader {
    padding-top:    5px;
    padding-bottom: 5px;
}

.accountmanager {
    color:           #222533;
    text-decoration: none;
}

.accountmanager:hover {
    color:           #21c2f8;
    text-decoration: underline;
}

.accountmanagerdetails {
    cursor: pointer;
}

.accountmanageremail {
    color: #222533;
    text-decoration: none;
}

.accountmanageremail:hover {
    color:           #21c2f8;
    text-decoration: underline;
}

.addressBookAddRow {
    border-top: 3px solid #ffffff;
}

.addressBookHeaders {
    text-align: left;
}

.addressBookLegend {
    text-align: center;
}

.addressBookNav {
    border-top:    2px solid #c0c0c0;
    border-bottom: 2px solid #c0c0c0;
}

.addressBookRow {
    border-top:    3px solid #ffffff;
    border-bottom: 1px solid #c0c0c0;
}

.addressBookText {
    width: 100%;
}

.basket a:hover:before {
    color: #52d121;
}

.basket-address-text-field {
    height:        25px;
    margin-top:    1px;
    margin-bottom: 1px;
}

.basket-choose-from-address-book {
    height: 25px;
}

.basketcontainer {
    float: right;
    width: 220px;
}

.bs1 {
    display: inline-block;
}

.bs2 {
    display: inline-block;
}

.bs3 {
    position: relative;
    top:      2px;
}

.basket-find-postcode-button {
    position:    relative;
    height:      25px;
    line-height: 6px;
    top:         2px;
}

.basketItems {
    width: 100px;
}

.basket-notes {
    width:  98%;
    height: 200px;
}

.basket-postcode-text-field {
    height:        25px;
    margin-top:    1px;
    margin-bottom: 1px;
    width:         37%;
}

.basket-product-row {
    border-top: 2px solid #c0c0c0;
}

.basket-required-documents {
    border-top: 5px solid #c0c0c0;
}

.basket-required-documents-spacer {
    height: 7px;
}

.basketTotal {
    width: 100px;
}

.basket-total-border-top {
    border-top: 1px solid #c0c0c0;
}

.basket-totals-top-row {
    border-top: 5px solid #c0c0c0;
}

.btn {
    padding: 10px 15px !important;
     cursor: pointer;
}

.btn-checkout {
    position:    relative;
    height:      46px;
    line-height: 12px;
    top:         -11px;
}

.btn-delete {
    height:      30px;
    line-height: 12px;
}

.btn-half-height {
    height:           30px;
    line-height:      12px;
    background-color: #21c2f8;
    border-color:     #21c2f8;
    white-space:      nowrap;
    color:            #ffffff;
}

.btn-half-height:hover {
    height:           30px;
    line-height:      12px;
    background-color: #ffffff;
    border-color:     #21c2f8;
    white-space:      nowrap;
    color:            #21c2f8;
}

.btn-leasing {
    margin-right: 20px !important;
}

* + .btn-wr {
    margin-top:  30px;
    margin-left: 5px;
}

.btn-login {
    height: 46px;
}

.btn-place-order {
    position:    relative;
    height:      46px;
    line-height: 12px;
    float:       right;
    left:        -10px;
}

.button a {
    background-color: #52d121;
    color: #ffffff;
    margin-top: 30px;
    margin-left: 5px;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    line-height: 1.73333333;
    padding: 5px 15px;
    border: solid 1px #52d121;
    cursor: pointer;
}


.button a:hover {
    background-color: transparent;
    color: #52d121;
    margin-top: 30px;
    margin-left: 5px;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    line-height: 1.73333333;
    padding: 5px 15px;
    border: solid 1px #52d121;
    cursor: pointer;
}

.button-disabled a {
    background-color: #C3C3C3;
    color: #ffffff;
    margin-top: 30px;
    margin-left: 5px;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    line-height: 1.73333333;
    padding: 5px 15px;
    border: solid 1px #C3C3C3;
    cursor: default;
}

button.close {
    padding:            0;
    cursor:             pointer;
    background:         transparent;
    border:             0;
    -webkit-appearance: none;
}

.click-to-expand {
    position:  relative;
    font-size: 12px;
    top:       -7px;
}

.close {
    float:       right;
    font-size:   21px;
    font-weight: bold;
    line-height: 1;
    color:       #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity:     0.2;
    filter:      alpha(opacity=20);
}

.close:hover, .close:focus {
    color:           #000000;
    text-decoration: none;
    cursor:          pointer;
    opacity:         0.5;
    filter:          alpha(opacity=50);
}

.editAccountTableRow {
    border-top: 2px solid #ffffff;
}

.editAccountTextField {
    width:  95%;
    height: 30px;
}

.editAccountTextFieldSmall {
    width:  30%;
    height: 30px;
}

.editAccountTextFieldMedium {
    width:  50%;
    height: 30px;
}

#fdealership {
    height: 30px;
}

.h2, h2 {
    font-size: 32px !important;
    line-height: 1.11 !important;
    letter-spacing: -1px !important;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {  
    opacity: 1;
}

.leasingheader {
    color: #ffffff;
}

#login-form, .form {
    position:   relative;
    margin-top: 17px;
}

#login-form .btn-wr, .form .btn-wr {
    text-align: left;
}

#login-form .empty-message, #login-form .error-message, .form .empty-message, .form .error-message {
    -moz-transition:    0.3s ease-in height;
    -webkit-transition: 0.3s ease-in height;
    -o-transition:      0.3s ease-in height;
    transition:         0.3s ease-in height;
    position:           absolute;
    right:              3px;
    top:                2px;
    color:              red;
    height:             0;
    overflow:           hidden;
    font-size:          11px;
    z-index:            99;
}

#login-form fieldset, .form fieldset {
    border: none;
}

#login-form input[type='password'], .form input[type='password'] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
    font:               400 15px 'Raleway', sans-serif;
    line-height:        24px;
    padding:            10px 15px !important;
    color:              #222533;
    padding-left:       30px;
    background-color:   #ffffff;
    border:             1px solid #cdcdcd;
    width:              100%;
    border-radius:      0;
    outline:            none;
    -webkit-appearance: none;
    margin:             0;
}

#login-form input[type='text'], .form input[type='text'] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
    font:               400 15px 'Raleway', sans-serif;
    line-height:        24px;
    padding:            10px 15px !important;
    color:              #222533;
    padding-left:       30px;
    background-color:   #ffffff;
    border:             1px solid #cdcdcd;
    width:              100%;
    border-radius:      0;
    outline:            none;
    -webkit-appearance: none;
    margin:             0;
}

#login-form .invalid .error-message, #login-form .empty .empty-message, .form .invalid .error-message, .form .empty .empty-message {
    height:      14px;
    line-height: 14px;
}

#login-form label, .form label {
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
    position:           relative;
    width:              32.3%;
}

#login-form label + label, .form label + label {
    margin-left: 0.7%;
}

#login-form label.message, .form label.message {
    display:   block;
    max-width: 100%;
    width:     99%;
    margin:    5px 0 0 0;
}

#login-form .login-form-loader, .form .login-form-loader {
    position:            absolute;
    top:                 0;
    left:                0;
    right:               0;
    bottom:              0;
    opacity:             0;
    filter:              alpha(opacity=0);
    z-index:             -1;
    overflow:            hidden;
    background:          rgba(247, 247, 247, 0.48) url(data:image/gif;base64,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);
    background-repeat:   no-repeat;
    background-position: 50% 50%;
}

.lt-ie9 #login-form .login-form-loader, .lt-ie9 .form .login-form-loader {
    filter: alpha(opacity=0);
}

#login-form .modal, .form .modal {
    top:                        0;
    left:                       0;
    right:                      0;
    bottom:                     0;
    letter-spacing:             normal;
    display:                    none;
    overflow:                   auto;
    overflow-y:                 scroll;
    position:                   fixed;
    z-index:                    1050;
    -webkit-overflow-scrolling: touch;
    outline:                    0;
    font-family:                'Raleway', sans-serif;
    font-size:                  13px;
    color:                      #222;
}

#login-form .modal h4, .form .modal h4 {
    font-weight: bold;
    color:       #000;
    padding:     0;
    margin:      0;
}

#login-form ._placeholder, .form ._placeholder {
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
    font:               400 15px 'Raleway', sans-serif;
    line-height:        24px;
    padding:            28.5px 18px 28.5px;
    color:              #222533;
    padding-left:       30px;
    width:              100% !important;
    position:           absolute;
    left:               0;
    top:                0;
    display:            block;
    border-radius:      0;
    cursor:             text;
}

#login-form ._placeholder.focused, .form ._placeholder.focused {
    opacity: 0.4;
    filter:  alpha(opacity=40);
}

#login-form ._placeholder.hidden, #login-form .file ._placeholder, .form ._placeholder.hidden, .form .file ._placeholder {
    display: none;
}

.lt-ie9 #login-form ._placeholder.focused, .lt-ie9 .form ._placeholder.focused {
    filter: alpha(opacity=40);
}

#login-form.processing .login-form-loader, .form.processing .login-form-loader {
    -moz-transition:    all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition:      all 0.3s ease-in;
    transition:         all 0.3s ease-in;
    opacity:            0.7;
    filter:             alpha(opacity=70);
    z-index:            99;
}

.lt-ie9 #login-form.processing .login-form-loader, .lt-1e9 .form.processing {
    filter: alpha(opacity=70);
}

#login-form textarea, .form textarea {
    display:            block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
    font:               400 15px 'Raleway', sans-serif;
    line-height:        24px;
    padding:            28.5px 18px 28.5px;
    color:              #222533;
    padding-left:       30px;
    background-color:   #ffffff;
    border:             1px solid #cdcdcd;
    width:              100%;
    border-radius:      0;
    outline:            none;
    -webkit-appearance: none;
    resize:             none;
    height:             148px;
    overflow:           auto;
}

.login-text {
    height: 46px;
}

.maincontent {
    border-top: 1px solid #e0e0e0;
}

.maintableheader {
    background: #c0c0c0;
    cursor:     pointer;
    max-height: 30px;
}

.maintableheader a:before {
    position:           relative;
    content:            "\f0dc";
    font-family:        'FontAwesome';
    font-weight:        400;
    font-size:          36px;
    color:              #ffffff;
    top:                0px;
    left:               0px;
    -moz-transition:    0.3s;
    -webkit-transition: 0.3s;
    -o-transition:      0.3s;
    transition:         0.3s;
}

.maintableheader a:hover:before {
    color: #000000;
}

.maintablelogo {
    margin:     2px 10px 2px 10px;
    text-align: center;
    max-height: 60px;
}

.menu-item {
    white-space: nowrap;
}

.meter{
    top: -1px;
}

.modal-backdrop {
    top:              0;
    left:             0;
    right:            0;
    bottom:           0;
    position:         fixed;
    z-index:          1040;
    background-color: #000000;
}

.modal-backdrop.fade {
    opacity: 0;
    filter:  alpha(opacity=0);
}

.lt-ie9 .modal-backdrop.fade {
    filter: alpha(opacity=0);
}

.modal-backdrop.in {
    opacity: 0.5;
    filter:  alpha(opacity=50);
}

.lt-ie9 .modal-backdrop.in {
    filter: alpha(opacity=50);
}

.modal-body {
    position: relative;
    padding:  20px;
}

.modal-content {
    position:           relative;
    background-color:   #ffffff;
    border:             1px solid #999999;
    border:             1px solid rgba(0, 0, 0, 0.2);
    border-radius:      6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow:         0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip:    padding-box;
    outline:            none;
}

.modal-dialog {
    width:  600px;
    margin: 66px auto 10px;
}

.modal.fade .modal-dialog {
    -moz-transition:    transform 0.3s ease-out;
    -webkit-transition: transform 0.3s ease-out;
    -o-transition:      transform 0.3s ease-out;
    transition:         transform 0.3s ease-out;
    -moz-transform:     translate(0, -25%);
    -ms-transform:      translate(0, -25%);
    -o-transform:       translate(0, -25%);
    -webkit-transform:  translate(0, -25%);
    transform:          translate(0, -25%);
}

.modal.in .modal-dialog {
    -moz-transform:    translate(0, 0);
    -ms-transform:     translate(0, 0);
    -o-transform:      translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform:         translate(0, 0);
}

.modal-header {
    padding:       15px;
    border-bottom: 1px solid #e5e5e5;
    min-height:    16.42857143px;
}

.modal-header .close {
    margin-top: -2px;
}

.modal-open {
    overflow: hidden;
}

.modal-title {
    margin:      0;
    line-height: 1.42857143;
}

.newaccountheader {
    text-align: center;
    font-size:  18px;
}

.newaccountselect {
    height: 30px;
    width:  95%;
}

.newaddressrequired {
    text-align: center;
    width:      100%;
}

.orderDetailsRow {
    border-bottom: 1px solid #c0c0c0;
}

.orderformcheckbox {
    vertical-align: top;
    width:          20px;
}

.orderformcheckbox input[type='checkbox'] {
    width:  20px;
    height: 20px;
    cursor: pointer;
}

.orderformmessage {
    padding:          5px;
    background-color: #ffb973;
}

.orderformprice {
    white-space: nowrap;
}

.orderformproductdesc {
    padding-left:  10px;
    padding-right: 10px;
}

.orderformproductrow {
    border-top: 1px solid #e0e0e0;
}

.orderformproductrow .btn, .orderformproductrownodesc .btn {
    height:      30px;
    line-height: 12px;
}

.orderformproductrownodesc td {
    border-top:     1px solid #e0e0e0;
    padding-top:    7px;
    padding-bottom: 7px;
}

.orderformquantity {
    width:      50px;
    height:     30px;
    text-align: right;
}

.orderformselect {
    margin-right:  5px;
    margin-bottom: 5px;
    height:        28px;
}

.orderformtext {
    height:        28px;
    margin-right:  5px;
    margin-bottom: 5px;
}

.orderHistory_cancelled {
    background-color: #FDCECE;
}

.orderHistory_processed {
    background-color: #F2EFAA;
}

.orderHistory_shipped {
    background-color: #DCFBBF;
}

.orderHistoryIcon {
    margin-top: 5px;
}

.orderHistoryIconText {
    cursor: pointer !important;
}

.orderHistoryNav {
    border-top:  2px solid #c0c0c0;
    padding-top: 5px !important;
}

.orderHistoryRows {
    border-top: 1px solid #c0c0c0;
    cursor:     pointer !important;
}

.orderhistorytext {
    text-align: right;
}

.orderHistoryTitle {
    font-weight: bold;
    font-size:   120%
}

.orderHistoryLink {
    margin-bottom: 5px;
}

.orderListInactive {
    color: #c0c0c0;
}

.orderListActive {
    color:       #000000;
    font-weight: bold;
}

.ordertableheader {
    background: #c0c0c0;
    cursor:     pointer;
    max-height: 30px;
}

.productheader {
    font-weight: bold;
    font-size:   120%;
    white-space: nowrap;
}

.productheader .netprice {
    text-align: right;
}

.productheaderpadding {
    margin-bottom: 5px;
}

.reportscheckbox {
    width:  20px;
    height: 20px;
}

.reportsprevious {
    width:      50px;
    text-align: center;
}

.reportsselect {
    height: 30px;
    width:  100px;
}

.reportstableheader {
    background: #c0c0c0;
    max-height: 30px;
}

.reportstextfield {
    box-sizing:         border-box;
    font:               400 15px 'Raleway', sans-serif;
    line-height:        24px;
    padding:            10px 15px !important;
    color:              #222533;
    padding-left:       30px;
    background-color:   #ffffff;
    border:             1px solid #cdcdcd;
    width:              100%;
    border-radius:      0;
    outline:            none;
    -webkit-appearance: none;
}

.required_field {
    color:          #FF0000;
    font-size:      15px;
    white-space:    nowrap;
}

.rights {
    line-height: 1;
}

.single {
    border-top:    1px solid #e0e0e0;
    margin-top:    5px;
    margin-bottom: 5px;
    padding-top:   5px;
}

.stuck_container {
    height: 56px !important;
}

.trackingtableheader {
    background: #c0c0c0;
    max-height: 30px;
}