/**
 * Forms Component - DirectaLog
 * Formulários e inputs
 * Extraído de: style.css (várias seções)
 */

/* ========== FORM CONTROL BASE ========== */
.form-control {
    height: 50px;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

select#Habilitacao.form-control,
select#Cargo.form-control,
select#type.form-control,
select#terms.form-control {
    height: 50px;
    border-radius: 0 !important;
    -webkit-appearance: none;
}

.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* ========== CONTACT FORM ========== */
.s_comment_area .s_comment_inner .contact_us_form .form-group input {
    background: var(--color-text-white);
    border-color: #eeeeee;
    font-size: var(--font-size-sm);
    color: #c4c4c4;
    font-family: var(--font-primary);
    letter-spacing: .42px;
}

.s_comment_area .s_comment_inner .contact_us_form .form-group input.placeholder {
    font-size: var(--font-size-sm);
    color: #c4c4c4;
    font-family: var(--font-primary);
    letter-spacing: .42px;
}

.s_comment_area .s_comment_inner .contact_us_form .form-group input:-moz-placeholder {
    font-size: var(--font-size-sm);
    color: #c4c4c4;
    font-family: var(--font-primary);
    letter-spacing: .42px;
}

.s_comment_area .s_comment_inner .contact_us_form .form-group input::-moz-placeholder {
    font-size: var(--font-size-sm);
    color: #c4c4c4;
    font-family: var(--font-primary);
    letter-spacing: .42px;
}

.s_comment_area .s_comment_inner .contact_us_form .form-group input:-ms-input-placeholder {
    font-size: var(--font-size-sm);
    color: #c4c4c4;
    font-family: var(--font-primary);
    letter-spacing: .42px;
}

.s_comment_area .s_comment_inner .contact_us_form .form-group input::-webkit-input-placeholder {
    font-size: var(--font-size-sm);
    color: #c4c4c4;
    font-family: var(--font-primary);
    letter-spacing: .42px;
}

/* ========== REQUEST QUOTE FORM ========== */
.request_quote_form .form-group input {
    height: 40px;
}

/* ========== FORM GROUP ========== */
.form-group {
    margin-bottom: 1rem;
}

/* ========== FORM LABEL ========== */
.form-label {
    margin-bottom: 0.5rem;
    font-weight: var(--font-weight-medium);
}

/* ========== INPUT GROUP (Header) ========== */
.btns-topo .input-group > .custom-select:not(:last-child),
.btns-topo .input-group > .form-control:not(:last-child) {
    border-top-right-radius: 100px !important;
    border-bottom-right-radius: 100px !important;
}