.logo img {
    max-height: 45px;
    margin-right: 0px;
}

.school-logo {
    width: 97px;
    display: block;
    margin: auto;
}

.error-message {
    width: 100%;
    margin-top: 0.25rem;
    font-size: .875em;
    color: var(--bs-form-invalid-color);
}

.teacher {
    max-height: 400px;
    overflow-y: auto;
    margin-bottom: 10px;
}

.class {
    max-height: 400px;
    overflow-y: auto;
    margin-bottom: 10px;
}

/* Large size */
.form-switch .form-check-input {
    width: 3.5rem;
    height: 2.0rem;
}

/* Muted background color when off */
.form-switch .form-check-input:disabled {
    background-color: #e9ecef;
    /* Muted background color */
}

.title-text {
    font-size: 18px;
    font-weight: 500;
    color: #012970;
    font-family: "Poppins", sans-serif;
}

.datatable-top,
.datatable-bottom {
    padding: 0px 0px 10px 0px;
}

.upload-photo-placeholder {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.upload-photo-placeholder i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    z-index: 1;
}

.upload-photo-placeholder img {
    width: 150px;
    height: 150px;
    display: block;
}

#main>section>div>div>div>div>div.card-title.d-flex.justify-content-between>div>button {
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm);
}

#main>section>div>div>div>div>div.card-title.d-flex.justify-content-between>div>a {
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm);
}

table.datatable-table>tbody>tr>td>div.btn-group>button {
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm);
}

table.datatable-table>tbody>tr>td>div.btn-group>a {
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm);
}

.datatable-custom {
    width: 100% !important;
    padding-bottom: 10px;
}

.container {
    display: flex;
    flex-direction: column;
    /* Stack the child elements vertically */
}

/* Define styles for the child elements */
.alert-info {
    order: 2;
    /* Display after .pagetitle */
}

.pagetitle {
    order: 1;
    /* Display before .alert-error */
}

.nav-profile img.rounded-circle {
    width: 40px;
    /* Adjust as needed */
    height: 40px;
    /* Adjust as needed */
    object-fit: cover;
    /* Ensures the image fills the specified dimensions */
    border-radius: 50%;
    /* Makes the image circular */
}

.profile-card img.rounded-circle {
    width: 120px;
    /* Adjust as needed */
    height: 120px;
    /* Adjust as needed */
    object-fit: cover;
    /* Ensures the image fills the specified dimensions */
    border-radius: 50%;
    /* Makes the image circular */
}

.select2 {
    width: 100% !important;
}

.modal-open .select2-dropdown {
    z-index: 10060;
}

.modal-open .select2-close-mask {
    z-index: 10055;
}