/* ==========================================
   MAMA TERESA SCHOOLS ERP
   Forms Styles
========================================== */

/* Form Controls */

.form-control,
.form-select {
    border-color: var(--smis-border);
    border-radius: var(--smis-radius);
    width:100%;min-width:0;max-width:100%;
}
.form-label,.form-check-label,legend{overflow-wrap:anywhere}.input-group{min-width:0;flex-wrap:wrap}.input-group>.form-control,.input-group>.form-select{min-width:10rem}.input-group>.btn{flex:0 1 auto}
@media(max-width:575.98px){.input-group>.form-control,.input-group>.form-select,.input-group>.btn{flex:1 1 100%;width:100%;border-radius:var(--smis-radius)!important}.form-select{background-position:right .65rem center;padding-right:2rem}}

.form-control:focus,
.form-select:focus {
    border-color: var(--color-secondary);
    box-shadow: 0 0 0 .2rem rgba(244, 196, 48, .22);
}

/* Input Groups */

.input-group-text {
    background: #fff;
    border-radius: 12px 0 0 12px;
}

.input-group .form-control {
    border-radius: 0 12px 12px 0 !important;
}

.input-group .btn {
    border-radius: 0 12px 12px 0;
}

/* Brand Button */

.btn-brand {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff;
    border-radius: var(--smis-radius);
    font-weight: 700;
}

.btn-brand:hover {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
    color: var(--color-primary);
}