@charset "UTF-8";

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak,
.ng-hide:not(.ng-hide-animate) {
    display: none !important;
}

ng\:form {
    display: block;
}

.ng-animate-shim {
    visibility: hidden;
}

.ng-anchor {
    position: absolute;
}

input[type="text"]:read-only {
    background-color: lightgray;
}

.btn.bi-question-circle {
    --bs-btn-padding-x: 0rem;
    --bs-btn-padding-y: 0rem;
    --bs-btn-hover-bg: lightgray;
    border-radius: 50%;
}

/*Multi-select grade level css*/
.btn-light {
    --bs-btn-bg: #fff;
    --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");
    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;
}

.btn-light:hover {
    color: var(--bs-btn-color);
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-hover-border-color);
}

.btn-light:focus-visible,
.btn-light:focus,
.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active,
.bootstrap-select .dropdown-toggle:focus {
    color: var(--bs-btn-color);
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-hover-border-color);
    outline: 0px dotted #333 !important;
    box-shadow: var(--bs-btn-focus-box-shadow);
}

.form-select.is-invalid~.btn-light:focus-visible,
.form-select.is-invalid~.btn-light:focus,
.form-select.is-invalid~.btn-check:checked+.btn,
.form-select.is-invalid~.btn.active,
.form-select.is-invalid~.btn.show,
.form-select.is-invalid~.btn:first-child:active,
.form-select.is-invalid~:not(.btn-check)+.btn:active {
    box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25);
}

.form-select.is-valid~.btn-light:focus-visible,
.form-select.is-valid~.btn-light:focus,
.form-select.is-valid~.btn-check:checked+.btn,
.form-select.is-valid~.btn.active,
.form-select.is-valid~.btn.show,
.form-select.is-valid~.btn:first-child:active,
.form-select.is-valid~:not(.btn-check)+.btn:active {
    box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25);
}

.dropup .dropdown-toggle::after,
.dropdown-toggle::after {
    content: none;
}

.form-select.is-valid~.dropdown-toggle {
    border-color: var(--bs-form-valid-border-color);
    --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2318bc9c' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    padding-right: 4.125rem;
    background-position: right .75rem center, center right 2.25rem;
    background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem);
}

.form-select.is-invalid~.dropdown-toggle {
    border-color: var(--bs-form-invalid-border-color);
    --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23e74c3c'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23e74c3c' stroke='none'/%3e%3c/svg%3e");
    padding-right: 4.125rem;
    background-position: right .75rem center, center right 2.25rem;
    background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem);
}

.dropdown:has(.is-invalid)~.invalid-feedback {
    display: block;
}

.bootstrap-select,
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
    vertical-align: middle
}

.bootstrap-select.is-invalid .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle,
.has-error .bootstrap-select .dropdown-toggle,
.was-validated .bootstrap-select select:invalid+.dropdown-toggle {
    border-color: #b94a48
}

.bootstrap-select.is-valid .dropdown-toggle,
.was-validated .bootstrap-select select:valid+.dropdown-toggle {
    border-color: #28a745
}