//
//  Common
//  _____________________________________________

& when (@media-common = true) {
    .osc-index-index {
        // text
        .sercurity-box input.input-text,
        .gift-messages-form input.input-text,
        .shipping-region-input,
        .billing-region-input,
        #onestepcheckout-login-popup input.input-text,
        .onestepcheckout-discount .discount-form input.input-text,
        #shipping input.input-text,
        #billing-new-address-form input.input-text,
        .virtualCheckout .email-field input.input-text,
        .payment-method form.form .control input {
            .lib-font-size(14);
            border: 1px solid darken(#dbdfe1, 5%);
            border-radius: 1px;
            color: @djo-gray;
            font-weight: 400;
            height: 38px !important;
            padding: 5px 9px;
        }
        .input-text {
            font-family: @font-family__base;
        }

        // selects
        #shipping select,
        #shipping-address-select,
        #billing-address-select,
        #billing-new-address-form select,
        .payment-method form.form select {
            border: 1px solid darken(#dbdfe1, 5%);
            border-radius: 1px;
            color: @djo-gray;
            padding-left: 9px;
        }
        select {
            font-family: @font-family__base;
        }

        // labels
        label {
            font-family: @font-family__base;
            &.label {
                .lib-font-size(15);
                color: @djo-gray;
            }
        }
        .sercurity-box .input-box label,
        .gift-messages-form .input-box label,
        #onestepcheckout-login-popup label,
        .onestepcheckout-survey label,
        .onestepcheckout-discount .discount-form label,
        #shipping label,
        #billing-new-address-form label,
        .field legend.label,
        .virtualCheckout .email-field label,
        .onestepcheckout-giftmessage .control label {
            color: @djo-gray-light;
            padding-left: 9px !important;
            .required-symbol {
                font-style: normal;
            }
        }

        // label after the input has been focused on
        #shipping .email-has-data ~ label,
        .sercurity-box .input-box input:focus ~ label,
        .sercurity-box input.input-text:valid ~ label,
        .gift-messages-form .input-box input:focus ~ label,
        .gift-messages-form input.input-text:valid ~ label,
        #onestepcheckout-login-popup input:focus ~ label,
        #onestepcheckout-login-popup input.input-text:valid ~ label,
        .onestepcheckout-discount .discount-form input:focus ~ label,
        .onestepcheckout-discount .discount-form input.input-text:valid ~ label,
        #shipping input:focus ~ label,
        #shipping input.input-text:valid ~ label,
        #billing-new-address-form input.input-text:valid ~ label,
        #shipping input:disabled ~ label,
        #shipping select:valid ~ label,
        #billing-new-address-form input:valid ~ label,
        #billing-new-address-form input:focus ~ label,
        #billing-new-address-form select:valid ~ label,
        .field legend.label,
        .virtualCheckout .email-field input:valid ~ label,
        .virtualCheckout .email-field input:focus ~ label,
        .onestepcheckout-giftmessage .control input:focus ~ label,
        .onestepcheckout-giftmessage .control textarea:focus ~ label {
            color: @djo-gray-light;
            padding-left: 0 !important;
            top: -16px;
        }
    }
}