.auth-main .auth-wrapper.v1 .auth-form {
    background-image: url(../../images/loginback.png);
}

.noteParagraph {
    font-size: 11px;
}

.redText {
    color: red;
}

.accordion__body--text {
    padding: 1.875rem 1.25rem !important;
}

.studentInfoTable {
    margin-top: 8%;
}

    .studentInfoTable thead th {
        font-size: 11px;
    }

.form-group {
    margin-bottom: 1.3rem;
}

table.dataTable thead th {
    font-size: 14px;
}

.nav-header .logo-abbr {
    max-width: 100% !important;
    width: 100% !important;
}

.login {
    height: 100vh !important;
}

.remember-check-label {
    padding-top: 3px;
}

.paginate_button i {
    color: white !important;
}

.dt-container > div {
    align-items: center;
}

.btn {
    border-radius: 10px;
}

.multiselect-custom {
    display: flex;
    flex-direction: column;
}

    .multiselect-custom .btn-group > button {
        border: 1px solid #bec8d0;
        padding: .8rem .75rem;
        font-size: .875rem;
        line-height: 1.5;
        color: #131920;
        border-radius: 8px !important;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        width: 100%;
        display: block;
        text-align: start;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='currentColor' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") right .75rem center/18px 25px no-repeat #fff;
        font-weight: 400;
    }

        .multiselect-custom .btn-group > button > span {
            width: 96%;
            display: inline-block;
        }

.multiselect-container {
    width: 100%;
    max-height: 250px;
    overflow: hidden;
    overflow-y: scroll;
}

    .multiselect-container > li > a > label {
        padding: 3px 20px 3px 10px;
    }

.input-group > .form-control {
    border-radius: 8px !important;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: .7rem .75rem;
}

.dt-type-numeric.text-left {
    text-align: left !important;
}

.password-with-button {
    border-radius: 10px 0px 0px 10px !important
}

.form-check-input {
    /*margin-top: -4px !important;*/
}

#toast-container > div:hover {
    box-shadow: none !important;
}

div.dt-length {
    display: none;
}

div.dt-search label {
    display: none;
}

.table-fixed {
    table-layout: fixed;
    width: 100%;
}
.w-30 {
    width: 30%;
}
.w-7 {
    width: 7%;
}