.scfForm {
    max-width: 920px;
    margin: 30px auto;
    background-color: #d2d3d3;
    padding: 30px;
    font-family: "ff-din-web",sans-serif;
    font-size: 14px;
    line-height: 20px;
}


.scfTitleBorder {
    color: #000000;
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 700;
    text-align: left;
    font-size: 18px;
    margin: 0 0 10px 0;
    letter-spacing: 1px;
    line-height: 1.5;
}

.scfIntroBorder {
    margin: 22px 0 18px 0;
    font-size: 14px;
    line-height: 22px;
    font-family: Georgia,serif;
    color: #1b1b1b;
}

.scfSectionBorderAsFieldSet {
    border: none!important;
}

.scfDropListLabel, .scfEmailLabel, .scfMultipleLineTextLabel, .scfSingleLineTextLabel, .scfPasswordLabel, .scfNumberLabel, .scfDatePickerLabel, .scfDateLabel, .scfRadioButtonListLabel, .scfCheckBoxListLabel, .scfListBoxLabel, .scfFileUploadLabel, .scfDateSelectorLabel, .scfCreditCardLabel, .scfConfirmPasswordLabel, .scfCaptchaLabel, .scfTelephoneLabel, .scfSmsTelephoneLabel {
    padding: 0 10px 12px 0!important;
    width: 20%!important;
    display: block;
    float: left;
    clear: both;
    display: block;
    font-family: "ff-din-web",sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.scfDropListBorder, .scfEmailBorder, .scfMultipleLineTextBorder, .scfSingleLineTextBorder, .scfPasswordBorder, .scfNumberBorder, .scfDatePickerBorder, .scfDateBorder, .scfRadioButtonListBorder, .scfListBoxBorder, .scfCheckBoxListBorder, .scfFileUploadBorder, .scfDateSelectorBorder, .scfCreditCardBorder, .scfConfirmPasswordBorder, .scfCaptchaBorder, .scfTelephoneBorder, .scfSmsTelephoneBorder {
    overflow: hidden;
    margin: 5px 0 15px!important;
}

.scfEmailGeneralPanel, .scfMultipleLineGeneralPanel, .scfSingleLineGeneralPanel, .scfPasswordGeneralPanel, .scfNumberGeneralPanel, .scfDatePickerGeneralPanel, .scfDateGeneralPanel, .scfRadioButtonListGeneralPanel, .scfCheckBoxListGeneralPanel, .scfFileUploadGeneralPanel, .scfDateSelectorGeneralPanel, .scfCreditCardGeneralPanel, .scfConfirmPasswordGeneralPanel, .scfCaptchaGeneralPanel, .scfTelephoneGeneralPanel, .scfSmsTelephoneGeneralPanel, .scfListBoxGeneralPanel, .scfDropListGeneralPanel {
    width: 75%!important;
}


.scfForm input, .scfForm select, .scfForm textarea {
    color: #303131;
    background-color: #fff;
    border: 1px solid #d2d3d3;
    display: inline-block;
    font-family: Arial,sans-serif;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: .5px;
    padding: 6px 35px 6px 10px;
    vertical-align: middle;
}

.scfRequired {
    color: #9b242d!important;
}

label {
    color: #000;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
    font-family: "ff-din-web",sans-serif;
}

.scfDropListUsefulInfo, .scfEmailUsefulInfo, .scfMultipleLineTextUsefulInfo, .scfSingleLineTextUsefulInfo, .scfPasswordUsefulInfo, .scfNumberUsefulInfo, .scfDatePickerUsefulInfo, .scfDateUsefulInfo, .scfRadioButtonListUsefulInfo, .scfListBoxUsefulInfo, .scfCheckBoxListUsefulInfo, .scfFileUploadUsefulInfo, .scfDateSelectorUsefulInfo, .scfCreditCardTextUsefulInfo, .scfConfirmPasswordUsefulInfo, .scfCaptchaUsefulInfo, .scfTelephoneUsefulInfo, .scfSmsTelephoneUsefulInfo {
    color: #808282!important;
    font-size: 12px;
    line-height: 14px;
    font-family: Georgia,serif;
    font-style: italic;
    margin: 8px 0 5px;
}

.scfSectionBorder {
    overflow: hidden;
}

.scfFooterBorder {
    margin: 22px 0 18px 0;
    font-size: 14px;
    line-height: 22px;
    font-family: Georgia,serif;
    color: #1b1b1b;
}


.scfForm .scfSubmitButtonBorder input {
    display: inline-block;
    background: #3086ab;
    color: #fdfdfd;
    padding: 14px 20px;
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: none;
    font-family: "ff-din-web",sans-serif;
    font-size: 14px;
    border: none;
}


.scfError, .scfValidationSummary, .scfValidatorRequired, .scfValidator {
    color: #9b242d!important;
    font-family: "ff-din-web",sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
}

.scfValidationSummary {
    margin-left: 0;
    padding-left: 20px;
    border-left: 5px solid #9b242d;
    margin-bottom: 20px;
}

.scfValidator {
    margin: 3px 0 10px;
}

.scfCheckBoxListGeneralPanel .scfCheckBoxList tr {
    margin-left: 17px;
    display: block;
}

.scfCheckBoxListGeneralPanel .scfCheckBoxList tr input[type="checkbox"] {
    margin-top: -1px;
    margin-left: -17px;    
}

.scfForm .scfDropListGeneralPanel {
    background-color: #FFF;
}

.scfForm select {
    /* make arrow and background */
    background:
        linear-gradient(45deg, transparent 4px, black 4px),
        linear-gradient(135deg, black 3px, transparent 3px),
        linear-gradient(to right, white, white);

        /*
            linear-gradient(45deg, transparent 50%, black 50%),
            linear-gradient(135deg, black 50%, transparent 49%),
            linear-gradient(to right, white, white);                
        */


    background-position:
        calc(100% - 21px) calc(1em + 2px),
        calc(100% - 16px) calc(1em + 2px),
        100% 0;

        /*  calc(100% - 21px) calc(1em + 2px),
            calc(100% - 16px) calc(1em + 2px),
            100% 0;
        */
    background-size:
        5px 5px,
        5px 5px,
        2.5em 2.5em;
    background-repeat: no-repeat;

    /* reset */

    line-height: 1.2em;
    border-radius: 0;
    margin: 0;      
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance:none;
    -moz-appearance:none;
}

/* remove select arrow on IE 11/Edge */
.scfForm select::-ms-expand {
    display: none;
}

/*------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width : 768px) and (max-width : 1024px) {
    .scfForm {
        max-width: 92%;
    }
}

/*------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width : 583px)and (max-width : 708px) {
    .scfForm {
        max-width: 89%;
    }
}

/*------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width : 480px)and (max-width : 583px) {
    .scfForm {
        max-width: 87%;
    }
}

/*------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 375px) and (max-width: 667px) { 
    .scfForm {
        max-width: 85%;
        width: 85%;
    }

    .scfDropListLabel, .scfEmailLabel, .scfMultipleLineTextLabel, .scfSingleLineTextLabel, .scfPasswordLabel, .scfNumberLabel, .scfDatePickerLabel, .scfDateLabel, .scfRadioButtonListLabel, .scfCheckBoxListLabel, .scfListBoxLabel, .scfFileUploadLabel, .scfDateSelectorLabel, .scfCreditCardLabel, .scfConfirmPasswordLabel, .scfCaptchaLabel, .scfTelephoneLabel, .scfSmsTelephoneLabel {
        width: 95%!important;
    }

    .scfEmailGeneralPanel, .scfMultipleLineGeneralPanel, .scfSingleLineGeneralPanel, .scfPasswordGeneralPanel, .scfNumberGeneralPanel, .scfDatePickerGeneralPanel, .scfDateGeneralPanel, .scfRadioButtonListGeneralPanel, .scfCheckBoxListGeneralPanel, .scfFileUploadGeneralPanel, .scfDateSelectorGeneralPanel, .scfCreditCardGeneralPanel, .scfConfirmPasswordGeneralPanel, .scfCaptchaGeneralPanel, .scfTelephoneGeneralPanel, .scfSmsTelephoneGeneralPanel,
        .scfListBoxGeneralPanel, .scfDropListGeneralPanel {
        width: 95%!important;
        margin-bottom: 0;
        padding-bottom: 0!important;
    }

    .scfCheckBoxListGeneralPanel .scfCheckBoxList tr {
        margin-left: 33px;
        display: block;
    }

    .scfCheckBoxListGeneralPanel .scfCheckBoxList tr input[type="checkbox"] {
        margin-top: 1px;
        margin-bottom: 5px;
        margin-left: -33px;
        padding-right: 17px;
        width: 20px;
        height: 20px;
    }

    .scfCheckBoxListGeneralPanel .scfCheckBoxList tr  label {
        font-size: 14px;
    }

    .scfForm .scfDropListGeneralPanel {
        background-color: #FFF;
    }

    .scfForm input, .scfForm select, .scfForm textarea {
        border-radius: 0;
        border-style: none;
    }

    .scfForm input[type="checkbox"] {
        border-radius: 4px;
    }
}