body.script-body .form-horizontal .input {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    display: inline-block;
    margin-bottom: 10px;
    font-size: 14px;
    height:40px;
    color: #555555;
    vertical-align: middle;
    width:100%;
    font-style:italic;
	
}

body.script-body .form-horizontal .error  .input, body.script-body .form-horizontal .errors  .input {
    border: 1px solid #CC3333 !important;
    color: #CC3333 !important;
    text-shadow: none;
}

#basicCVVhelp img, #amexCVVhelp img, div.popover {
    width: 100%;
}

/* error input */
.error-card-form {
    color: #ff0000 !important;
}

#expirationDateGroup.full-screen {
    width: inherit !important;
    clear: both;
    display: block;
}


@media screen and (min-width: 768px) {
    body.script-body .form-horizontal .input-sm {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 0 3px 3px 0;
    }

    #paymentMeanLabel {
        width: 100% !important;
    }

    /* form label and input take up the whole form width */
    #paymentMeanForm .form-group > label,
    #expirationDateGroup.full-screen > label
    {
        width: 27.333333% ;
        padding: 9px 0 9px 9px;
    }

    #cardNumberGroup > div,
    #cardHolderGroup > div,
    #expirationDateGroup.full-screen > div
    {
        width: 72.4% ;
    }

    #expirationDateGroup label,
    #cardSecurityCodeGroup label
    {
        border-style: solid !important;
        display:block !important;
    }

    /* ============ Split-screen ============= */
    #cardSecurityCodeGroup.split-screen  > label,
    #expirationDateGroup.split-screen  > label {
        width: 55% !important;
    }


    #expirationDateGroup.split-screen  > div {
        width: 40%;
    }

    #cardSecurityCodeGroup.split-screen  > div {
        width: 45%;
    }
}