.group-hs,
.section-hs,
.hide {
    display: none;
}

.w-full {
    width: 100% !important;
}

span.presences {
    color: #1bc5bd !important;
}

span.absences {
    color: #f64e60 !important;
}

.btn.btn-success {
    color: #ffffff;
    background-color: #1bc5bd;
    border-color: #1bc5bd;
}

.attendance .form-check .form-check-input {
    background-color: #f64e60;
}

.form-check.form-check-success .form-check-input:checked {
    background-color: #1bc5bd !important;
}

.studentship {
    position: relative;
    width: 180px;
}

.studentship p {
    padding-top: 45px;
    position: absolute;
    text-align: center;
    width: 100%;
}

/* For radio button */
.form-check label {
    z-index: 9;
    cursor: pointer;
    min-width: max-content;
}

/* end radio button */

.fee-table .fa-check {
    color: lightseagreen;
    font-size: 18px;
    display: none;
    transition: all 0.2s;
}

/* start student search warning msg */
input[data-student="search"] + p.text-danger {
    margin: 2px;
    font-size: 15px;
    box-shadow: 0 0 3px;
    border-radius: 3px;
    padding: 2px;
    display: none;
}

/* end */

.btn.btn-success:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-success:not(:disabled):not(.disabled).active,
.show > .btn.btn-success.dropdown-toggle,
.show .btn.btn-success.btn-dropdown {
    color: #ffffff !important;
    background-color: #0bb7af !important;
    border-color: #0bb7af !important;
}

.btn.btn-outline-success {
    color: #0bb7af !important;
}

.btn.btn-success:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-success:focus:not(.btn-text),
.btn-outline-success:hover,
.btn.btn-success.focus:not(.btn-text) {
    color: #ffffff !important;
    background-color: #0bb7af !important;
    border-color: #0bb7af !important;
}

/* for fee details page */
i.details {
    cursor: pointer;
    font-size: 18px;
    transition: all 0.3s;
    padding: 3px 12px !important;
}

i.details:hover {
    color: #0bb7af;
}

i.download {
    cursor: pointer;
    transition: all 0.3s;
}

i.download:hover {
    color: #004fb6;
}

#detailsModal h4#total {
    text-align: center;
    padding-right: 20%;
}

.fs-18 {
    font-size: 18px !important;
}

/* for attendance record */
.attendance-record td {
    padding: 2px !important;
}

.attendance-record i.fa-check-circle {
    color: #0bb7af;
    cursor: pointer;
}

.attendance-record i.fa-circle {
    color: #f64e60 !important;
    background: #f64e60;
    border-radius: 50%;
    cursor: pointer;
}

.attendance-record i.fas.fa-ban {
    color: #cf00008f !important;
}

.alert ul {
    list-style: none;
}

i.danger {
    font-size: 40px !important;
    color: #f1416c !important;
}

.text-success {
    color: #1bc5bd !important;
}

/* for sms manage */
.shadow-sm {
    min-width: 250px;
}

.fs-16 {
    font-size: 15px !important;
    font-weight: bold;
}

.sms-write {
    position: relative !important;
    text-align: center !important;
}

.sms-write .label {
    display: none;
    position: absolute !important;
    width: max-content !important;
    color: white !important;
    right: 9px !important;
    top: -25px !important;
    padding: 3px 12px;
    border-radius: 3px;
}

.sms-write .label-success {
    background: #1bc5bd !important;
}

.sms-write .label-danger {
    background: #f64e60 !important;
}

#sms_count {
    position: absolute;
    right: 8px;
}

/* for sms manage */

/* validation error */
.validation-error .error-alert {
    color: #ff0000 !important;
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}

.form-check:not(.form-switch) .form-check-input[type="checkbox"] {
    background-size: 85% 69%;
}

span.switch-button[data-switch-ai] {
    cursor: pointer;
}

.container-xxl {
    max-width: 1500px;
}

span.svg-icon.svg-icon-2 img,
.menu-icon .svg-icon.svg-icon-2 img {
    width: 100%;
    max-width: 25px;
}

.form-solid {
    background-color: #f5f8fa;
    border-color: #f5f8fa;
    color: #5e6278;
    transition:
        color 0.2s ease,
        background-color 0.2s ease;
}

.form-solid:focus {
    background-color: #f5f8fa;
    border-color: #f5f8fa;
    color: #5e6278;
}

/* for font */
/* https://preview.keenthemes.com/metronic/demo1/features/icons/fontawesome5.html */
.start-week {
    cursor: pointer;
}

/* for select file */
.file-select label {
    cursor: pointer;
    min-width: 100px;
    max-width: 250px;
    position: relative;
}

.file-select label span {
    padding: 3px 15px;
    border: 1px solid grey;
    background: white;
    color: black;
    border-radius: 1.5rem;
}

.file-select label img {
    height: 100%;
    width: 100%;
    border: 0px;
    max-height: 200px;
    box-shadow: 0 0 3px #80808052;
    border-radius: 0.5rem;
    overflow: hidden;
    display: none;
}

.file-select label input[type="file"] {
    top: 0;
    left: 15px;
    outline: 0;
    width: 5px;
    height: 5px;
    z-index: -1;
    overflow: hidden;
    position: absolute;
}

/* Routine Style */
.routine .action .fas {
    cursor: pointer;
    padding: 6px 8px;
    border-radius: 5px;
}

.routine .action .fas:hover {
    background: white;
}

.routine .action .fa-eye:hover {
    color: #00da1d;
}

.routine .action .fa-edit:hover {
    color: rgb(255, 170, 32);
}

.routine .action .fa-trash:hover {
    color: rgb(255 84 19);
}

.routine .action {
    opacity: 0;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    padding-top: 40px;
    position: absolute;
    background: rgba(0, 0, 0, 0.25);
    transition: all 0.2s ease-in-out;
}

.routine #tableBody tr td:hover > .action {
    opacity: 1;
    z-index: 99;
}

.routine #tableBody td ul li {
    line-height: 1;
    margin-bottom: 3px;
    margin-right: 3px;
}

.routine #tableBody td ul li span.start {
    margin-right: 8px;
}

.routine #tableBody td {
    height: 100px;
    position: relative;
    color: #fefcfc;
    text-align: center;
    background-color: #01708b;
    /*google calendar background color: #004561 */
    border-right: 1px solid #f9f9f9;
    border-bottom: 1px solid #f9f9f9;
}

.tiffin_headline {
    font-family: serif;
    font-size: 22px;
    background: #8d8c8d !important;
}

.routine #tableBody td ul {
    width: 100%;
    border-top: 0;
    height: 60px;
    margin: 0;
    list-style: none;
    text-align: center;
    position: relative;
    padding: 5px 0 2px 0;
}

.routine td.period {
    padding-top: 30px !important;
    font-family: fantasy;
}

td.tiffin_headline {
    font-size: 25px;
    font-weight: bolder;
}

.routine tr th {
    /* color: #181C32; */
    text-align: center;
}

/* End routine */

/* attendance record */
.attendance-record tr td {
    position: relative;
    height: 50px !important;
}

.in-out {
    position: absolute;
    display: none;
    top: -45px;
    left: -30px;
    width: max-content;
    background: white;
    z-index: 9;
    box-shadow: 0 0.1rem 1rem 0.25rem rgb(0 0 0 / 5%) !important;
    padding: 8px 12px;
}

.attendance-record .in-out::after {
    content: "";
    background: white;
    bottom: -4px;
    left: 35px;
    z-index: 1;
    width: 10px;
    height: 10px;
    position: absolute;
    transform: rotate(45deg);
}

.attendance-record .fa-check-circle:hover + div.in-out {
    display: block;
}

#subject_c {
    position: relative;
    width: max-content;
    margin-left: auto;
    margin-right: 40%;
}

#subject_c #subjectName {
    top: 0;
    font-size: 14px;
    color: #00adff;
    width: max-content;
    position: absolute;
    font-weight: bolder;
    margin-top: -10px;
    margin-left: -15px;
}

.badge-light-dark-danger {
    color: #ff0000;
    font-weight: bolder;
    background-color: #ffd0de;
}

img.language-flag-icon {
    width: 25px;
    height: 15px;
    margin-right: 15px;
}

.seat-plan-container img.student-photo {
    top: 73px;
    padding: 0;
    right: 48px;
    width: 46px;
    height: 48px;
    position: absolute;
}