/*
    Default styles and definitions for Advantage FormBuilder
    February, 10, 2022
    IMPORTANT: Customizations will be lost on upgrade.  Please do not make changes to this file, copy into your project and change the pointer from the 
    admin configurations.
*/
/* main form */
.fb-form {
}

    /*** BASE STYLES ***/
    /*control group*/
    .fb-form .form-group {
        margin-bottom: 20px;
        padding: 0 15px !important;
        clear: unset;
    }
        /*control Label*/
        .fb-form .form-group .fb-label {
            width: 100%;
        }
        /*control datacontrol*/
        .fb-form .form-group .fb-control {
            width: 100%;
            float: left;
        }

        .fb-form .form-group .fb-label, .fb-form .validation {
            margin-bottom: 5px;
            padding-left: 6px;
            display: block;
        }

    .fb-form .validation {
        padding-top: 5px;
    }

    .fb-form .form-group.fb-isRequiredHint .fb-label:after {
        content: '*';
        color: red;
        margin-left: 5px;
    }

    .fb-form input[type=text], .fb-form input[type=password], .fb-form select, .fb-form textarea {
        border: 1px solid #999999;
        border-radius: 3px;
        box-shadow: inset 0 0 5px #DDDDDD; /*Inner Shadow*/
        color: #444444;
        line-height: 40px;
        padding: 0 6px;
    }

    .fb-form input[type=text], .fb-form input[type=password], .fb-form select {
        line-height: 40px;
        padding: 0 6px;
    }


    .fb-form input[type=button] {
    }

    /*** SUBMIT BUTTON ***/
    /*BUTTON*/
    .fb-form .form-group .fb-control.fb-button {
        min-height: 40px;
        padding: 0 10px;
        float: none;
        float: left;
        margin-left: 0;
        background-color: transparent;
        border: 1px solid;
        border-radius: 8px;
        cursor: pointer;
        font-size: 16px;
        font-weight: normal;
        margin-top: 30px;
        width: auto;
        min-width: 100px;
        text-align: center;
    }


    /* Success/Failure messages*/
    .fb-form .fb-message {
        width: 100%;
        margin: 0 0 20px 0;
        padding: 0 15px !important;
    }
    /*control validation*/
    .fb-form .form-group .validation {
    }


    /*** CHECKBOX LIST ***/
    /*control Label*/
    .fb-form .form-group .fb-label.fb-checkListLabel {
    }
    /* Control*/
    .fb-form .form-group .fb-control.fb-checkList {
    }

        /* Item*/
        .fb-form .form-group .fb-control.fb-checkList .fb-checkBoxItem {
        }

            .fb-form .form-group .fb-control.fb-checkList .fb-checkBoxItem label {
                margin-right: 25px;
                margin-left: 10px;
            }
    /*** RADIOBUTTON LIST ***/
    /*control Label*/
    .fb-form .form-group .fb-label.fb-radioLabel {
    }
    /* Control*/
    .fb-form .form-group .fb-control.fb-radio {
    }

        .fb-form .form-group .fb-control.fb-radio .fb-radioButtonItem label {
            margin-right: 25px;
            margin-left: 10px;
        }
        /* Item*/
        .fb-form .form-group .fb-control.fb-radio .fb-radioButtonItem {
        }

    /*** LISTBOX ***/
    /*control Label*/
    .fb-form .form-group .fb-label.fb-listboxLabel {
    }
    /* Control*/
    .fb-form .form-group .fb-control.fb-listbox {
        width: auto;
        min-width: 200px;
    }
    /* Item*/
    .fb-form .form-group .fb-control.fb-radio .fb-listboxItem {
    }


    /*** LABEL CONTROL ***/
    /*control Label*/
    .fb-form .form-group .fb-label.fb-labelControl {
    }

    /*ContentBox Control*/
    .fb-form .form-group .fb-control.fb-contentBox {
    }

    /*** CONTENT BOX ***/
    /*control Label*/
    .fb-form .form-group .fb-label.fb-contentBoxLabel {
    }
    /*ContentBox Control*/
    .fb-form .form-group .fb-control.fb-contentBox {
    }

    /*** DATE ***/
    /*control Label*/
    .fb-form .form-group .fb-label.fb-dateLabel {
    }
    /*Date Control*/
    .fb-form .form-group .fb-control.fb-date {
        max-width: 200px;
    }

    /*** TIME ***/
    /*control Label*/
    .fb-form .form-group .fb-label.fb-timeLabel {
    }
    /*Time Control*/
    .fb-form .form-group .fb-control.fb-time {
        max-width: 200px;
    }

.ui-timepicker-standard a {
    text-align: left;
}

/*** TEXTBOX, EMAIL,PHONE ***/
/*control Label*/
.fb-form .form-group .fb-label.fb-textBoxLabel {
}
/*TextBox Control*/
.fb-form .form-group .fb-control.fb-textBox {
}


/*captcha container*/
.fb-form .form-group .fb-captchaContainer {
    margin-top: 30px;
    margin-bottom: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
    border: 1px solid;
    padding: 30px;
    clear: both;
}
    /*RadCaptha ( if used)*/
    .fb-form .form-group .fb-captchaContainer .fb-radCaptcha {
    }

    /*GoogleCaptha ( if used)*/
    .fb-form .form-group .fb-captchaContainer .fb-googleCaptcha {
    }
/*Captcha Instructions ( if used)*/
.fb-form .form-group .fb-captchaInstructions {
}
/* On Submit style change */
.fb-form .form-group .advantageFormSubmitExecute {
    background-color: black;
    opacity: 0.3;
    z-index: 500;
}

/* can't add the validation class to telerik captcha, so target'*/
.fb-form .validation,
.fb-form .form-group .fb-captchaContainer .fb-radCaptcha span:first-of-type {
    color: red;
    font-weight: bold;
    clear: both;
}

.fb-form .validation {
    float: left;
}