@charset "utf-8";
/* CSS Document */

/***************************************************************/
/* STANDARD FORM */
/***************************************************************/

.form_standard {
    width:100%;
    padding:0 0 25px;
    color:#444;
    box-sizing:border-box;
}

.form_standard form {
    width:100%;
}


/***************************************************************/
/* FIELDSET */
/***************************************************************/

.form_standard fieldset {
    width:100%;
    margin:0 !important;
    padding:28px !important;
    background:#f6f4ef;
    border:1px solid #e6e1d8 !important;
    border-radius:8px;
    box-sizing:border-box;
}

.form_standard fieldset fieldset {
    margin:0 !important;
    padding:0 !important;
    background:transparent;
    border:0 !important;
}


/***************************************************************/
/* FIELD GROUPS */
/***************************************************************/

.form_standard .mb-3,
.form_standard .form-group {
    width:100%;
    margin:0 0 10px;
    position:relative;
    box-sizing:border-box;
}

.form_standard .mb-3:last-child,
.form_standard .form-group:last-child {
    margin-bottom:0;
}


/***************************************************************/
/* LABELS */
/***************************************************************/

.form_standard .form-label,
.form_standard .control-label {
    display:inline-block;
    margin:0 0 4px;
    padding:0;
    color:#131729;
    font-family:inherit;
    font-size:.82em;
    font-weight:700;
    line-height:1.2;
}


/***************************************************************/
/* REQUIRED */
/***************************************************************/

.form_standard .text-muted {
    display:inline-block;
    margin-left:4px;
    color:#b48b50 !important;
    font-size:0;
    font-weight:700;
    vertical-align:top;
    line-height: normal;
}

.form_standard .text-muted::before {
    content:"*";
    font-size:14px;
}


/***************************************************************/
/* INPUTS / TEXTAREA / SELECT */
/***************************************************************/

.form_standard .form-control,
.form_standard .form-select {
    width:100%;
    min-width:0;
    min-height:40px;
    margin:0;
    padding:10px 14px;

    background-color:#fff;
    color:#3f4248;

    border:1px solid #d5d5d5;
    border-radius:5px;

    font-family:inherit;
    font-size:.95em;
    line-height:1.2;

    outline:none;
    box-sizing:border-box;

    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        background .2s ease;
}


/* Hover */

.form_standard .form-control:hover,
.form_standard .form-select:hover {
    border-color:#b48b50;
}


/* Focus */

.form_standard .form-control:focus,
.form_standard .form-select:focus {
    background-color:#fff;
    border-color:#596e96;
    box-shadow:0 0 0 3px rgba(89,110,150,.12);
    outline:none;
}


/* Textarea */

.form_standard textarea.form-control {
    min-height:130px;
    resize:vertical;
}


/* Dropdown */

.form_standard .form-select {
    cursor:pointer;
}


/* Placeholder */

.form_standard .form-control::placeholder {
    color:#999;
    opacity:1;
}


/***************************************************************/
/* CHECKBOXES / RADIO */
/***************************************************************/

.form_standard .form-check {
    width:auto;
    display:block;
    margin:6px 0;
}

.form_standard .form-check-input {
    margin-right:6px;
}

.form_standard .form-check-label {
    color:#555;
    font-size:.9em;
}


/***************************************************************/
/* CAPTCHA */
/***************************************************************/

.form_standard .captcha {
    margin:20px 0;
}

.form_standard .captcha .form-label,
.form_standard .captcha .control-label {
    display:block;
    margin:0 0 8px;
}

.form_standard .form-control#ccm-captcha-code {
    max-width:240px;
    background:#fff;
}


/***************************************************************/
/* SUBMIT */
/***************************************************************/

.form_standard .form-actions {
    margin:22px 0 0;
    text-align:left;
}

.form_standard .form-actions button {
    min-width:150px;
    min-height:46px;
    margin:0;
    padding:10px 24px;

    background:#131729;
    color:#fff;

    border:1px solid #131729;
    border-radius:5px;

    font-family:inherit;
    font-size:.85em;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.02em;

    cursor:pointer;

    transition:
        background .2s ease,
        border-color .2s ease;
}

.form_standard .form-actions button:hover {
    background:#b48b50;
    border-color:#b48b50;
}

.darkcolorbg .form-actions button {
    background-color: #fff !important; 
    color:#011a2b !important;
}

.darkcolorbg .form-actions button:hover {
    background:#b48b50 !important;
    border-color:#b48b50 !important;
}


/***************************************************************/
/* SUCCESS / ERROR */
/***************************************************************/

.form_standard .alert {
    margin:0 0 20px;
    padding:16px 18px;
    border-radius:5px;
    font-size:.9em;
    line-height:1.5;
}

.form_standard .alert-success {
    background:#f2f6f2;
    color:#31513a;
    border:1px solid #cdddcf;
}

.form_standard .alert-danger {
    background:#fbf2f2;
    color:#782e2e;
    border:1px solid #e7cccc;
}


/***************************************************************/
/* RESPONSIVE */
/***************************************************************/

@media screen and (max-width:600px) {

    .form_standard fieldset {
        padding:20px !important;
    }

    .form_standard .form-control,
    .form_standard textarea.form-control {
        width:100%;
        min-width:0;
    }

    .form_standard .form-actions button {
        width:100%;
    }
}