/**********************************************************
 * ROOT - START
 *********************************************************/
 *, ::after, ::before {
    box-sizing: border-box;
}

:root {
    --bs-primary: #3767ea;
    --bs-primary-rgb: 55, 103, 234;
    --bs-secondary: #F27705;
    --bs-secondary-rgb: 242, 119, 5;
    --bs-body-color: #161616;
    --bs-body-bg: #fff;
    --bs-border-width: 1px;
    --bs-border-color: #dee2e6;
    --bs-border-radius: 0.475rem;
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
/**********************************************************
 * ROOT - END
 *********************************************************/
/**********************************************************
 * APPEARANCE - START
 *********************************************************/
 .d-none {
    display: none;
}
/**********************************************************
 * APPEARANCE - END
 *********************************************************/
/**********************************************************
 * MARGINS - START
 *********************************************************/
.mb-3 {
    margin-bottom: 1.5rem;
}
/**********************************************************
 * MARGINS - END
 *********************************************************/
/**********************************************************
 * FORM - START
 *********************************************************/
.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form-select {
    word-wrap: normal;
    --bs-form-select-bg-img: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e);
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form-select option {
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

.form-text {
    padding: 0.5rem;
    font-size: 0.9rem;
}
/**********************************************************
 * FORM - END
 *********************************************************/
