

/* ### CUSTOM BUTTONS ### */
.btn-group-xs>.btn, .btn-xs {--bs-btn-padding-y: 0.2rem;--bs-btn-padding-x: 0.40rem;--bs-btn-font-size: 0.75rem;--bs-btn-border-radius: var(--bs-border-radius-sm);}
.btn-group-xxs>.btn, .btn-xxs {font-size: 0.75em;padding: 0.2rem 0.3rem 0.05rem 0.3rem;text-transform: uppercase;--bs-btn-border-radius: var(--bs-border-radius-sm);}

/* ### BACKGROUNDS AND BORDERS ### */
.bg-green-oasis {background-color: #2e7c89;}
.bg-disabled {background-color: rgba(255, 120, 120, 0.35);}
.bg-login {background-image: url('../img/bg-swiming-acam.jpg');}
.bd-start {border-left: 5px solid;}

/* ### CUSTOM ELEMENTS ### */
.square {display: inline-block;width: var(--bs-body-font-size);height: var(--bs-body-font-size);border-radius: var(--bs-border-radius-sm);}
.cr-h-pointer:hover {cursor: pointer;}
.clickable {cursor: pointer;}

/* ### FORM CUSTOM ### */
.form-control:focus {box-shadow: none;outline: none;border-color: #ced4da;background-color: var(--bs-tertiary-bg);}
.form-label {margin-left: 0.2rem;margin-bottom: 0.1rem;}
.fix-label {margin-top: 1.5em;}
.fix-label-field {margin-top: 2.35em;}
fieldset {margin: 0;}
fieldset.fieldset-custom {padding: 0 1rem 0 1rem;}
fieldset.fieldset-custom legend {padding: 0;margin: -0.8rem 0 0 0;font-size: 1em;font-weight: 400;}
fieldset.fieldset-custom legend span {background-color: var(--bs-card-bg);padding: 0 0.2rem;}

/* ### STUDENT DETAILS ### */
.student-details-header {display: flex;}
.student-details-header .student-img img {width: 6rem;}
.student-details-header .student-img span {display: flex;justify-content: center;align-items: center;position: absolute;bottom: 0;right: 0;padding: 0.2rem;width: 2rem;aspect-ratio: 1/1;background-color: var(--bs-body-bg);border-radius: 50%;box-shadow: var(--bs-box-shadow-sm);}
.student-details-nav a {text-decoration: none;text-transform: uppercase;font-size: 0.85em;font-weight: 500;color: var(--bs-heading-color);}
.student-details-nav a:hover {color: var(--bs-emphasis-color);font-weight: 600;}
.student-details-nav a.active {color: var(--bs-primary);font-weight: 600;}

/* ### ACCORDION ### */
.accordion-button:not(.collapsed) {color: var(--bs-accordion-color); background-color: var(--bs-accordion-bg); box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);}
/*.accordion-body {background-color: #f8f9fa;color: #495057;}*/
