.student-dashboard .card {
    border-radius: 10px;
}
.student-dashboard .bg-dark.card {
    background-color: var(--bg-color) !important;
}
.student-dashboard .profile-footer a{
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
}
.student-dashboard .profile-footer a:hover {
    background-color: transparent;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
}
.student-dashboard .schedule-panel .link-primary, .student-dashboard .fees-reminder .link-primary {
    color: var(--bg-color) !important;
}
.student-dashboard .schedule-panel .link-primary:hover, .student-dashboard .fees-reminder .link-primary:hover {
    color: var(--hover-color) !important;
}
.student-dashboard .schedule-panel .bootstrap-datetimepicker-widget td.active{
    background-color: var(--primary-color);
}
.student-dashboard .student-action > div:nth-of-type(1n) a {
   background-image: linear-gradient(to right, #f99754 , #fbc59e);
   box-shadow: 0px 10px 20px #ffe3cd;
   border: 0px !important;
}
.student-dashboard .student-action > div:nth-of-type(1n) a span {
    background-color: var(--primary-color) !important;
    border: 0px !important;
}
.student-dashboard .student-action > div:nth-of-type(2n) a {
   background-image: linear-gradient(to right, #7d76dc , #9597e8);
   box-shadow: 0px 10px 20px #c3c4ff;
   border: 0px !important;
}
.student-dashboard .student-action > div:nth-of-type(2n) a span{
    background-color: var(--success-color) !important;
    border: 0px !important;
}
.student-dashboard .student-action > div:nth-of-type(3n) a {
   background-image: linear-gradient(to right, #01afd6 , #5ae1f8);
   box-shadow: 0px 10px 20px #b3f4ff;
   border: 0px !important;
}
.student-dashboard .student-action > div:nth-of-type(4n) a {
   background-image: linear-gradient(to right, #b20ec5 , #dc73e8);
   box-shadow: 0px 10px 20px #f7b5ff;
   border: 0px !important;
}
.student-dashboard .student-action a h6 {
    color: #ffffff;
}
.student-dashboard .home-work .text-info {
    color: var(--bg-color) !important;
}
.student-dashboard .home-work a:hover {
    color: var(--primary-color);
}

.student-dashboard .leave-status .badge.bg-success {
    background-color: var(--success-color) !important;
}
.student-dashboard .leave-status .badge.bg-success {
    background-color: var(--success-color) !important;
}
.student-dashboard .leave-status .badge.bg-danger {
    background-color: var(--warning-color) !important;
}
.student-dashboard .leave-status .badge.bg-skyblue {
    background-color: var(--info-color) !important;
}
.student-dashboard .student-lesson a {
    font-size: 12px;
}
.student-dashboard a:hover {
    color: var(--primary-color);
}
.student-dashboard .class-faculties .teachers-profile-slider .btn:hover {
    color: var(--primary-color) !important;
}
.student-dashboard .today-class .card-body {
    overflow-y: scroll;
    height: 100%;
    max-height: 424px;
}
.student-dashboard .routine table {
    border: 1px solid #c1c1c1;
}
.student-dashboard .routine table thead th {
    background-color: var(--bg-color);
    color: #ffffff;
    font-size: 14px;
}
.student-dashboard .routine table tbody tr td > div {
    display: flex;
    flex-wrap: wrap;
}
.student-dashboard .routine table tbody tr td > div span {
    background-color: var(--info-color);
    border-radius: 5px;
    color: #ffffff;
    font-size: 12px;
    padding: 5px;
    display: inline-block;
    margin-top: 5px;
    font-weight: normal;
}
.student-dashboard .routine table tbody tr td {
    border-right: 1px solid #c1c1c1;
    font-weight: 600;
}
.student-dashboard .routine table tbody tr td:last-child {
    border-right: 0px;
}
.student-dashboard .syllabus .card-body {
    max-height: 380px;
    overflow-y: auto;
}
.student-dashboard .syllabus a {
    color: var(--success-color);
}
.student-dashboard .syllabus a:hover {
    background-color: transparent;
    color: var(---color);
}
.student-dashboard .syllabus .list-group-item {
    padding: 15px 10px;
}
.student-dashboard .notice-board .card-body {
    max-height: 340px; /* or any height you want */
    overflow-y: auto;
}
.student-dashboard .fees-reminder .card-body{
    max-height: 380px;
    overflow-y: auto;
}
.student-dashboard .fees-reminder .bg-info-transparent {
    color: var(--info-color) !important;
}
.student-dashboard .fees-reminder .bg-success-transparent {
    color: var(--success-color) !important;
}
.student-dashboard .fees-reminder .bg-skyblue-transparent {
    color: var(--bg-color) !important;
}
.student-dashboard .fees-reminder .bg-danger-transparent {
    color: var(--warning-color) !important;
}

.student-dashboard .notice-board .card-header a {
    color: var(--bg-color);
}
.student-dashboard .notice-board .card-header a:hover {
    color: var(--hover-color);
}
.student-dashboard .notice-board .bg-primary-transparent {
    color: var(--bg-color) !important;
}
.student-dashboard .notice-board .bg-success-transparent {
    color: var(--success-color) !important;
}
.student-dashboard .notice-board .bg-danger-transparent {
    color: var(--warning-color) !important;
}
.student-dashboard .notice-board .bg-skyblue-transparent {
     color: var(--secondary-color) !important;
     background-color: #b125c22b !important
}
.student-dashboard .notice-board .bg-warning-transparent {
    color: var(--info-color) !important
}
.student-dashboard .student-lesson .card-body{
    max-height: 380px; /* or any height you want */
    overflow-y: auto;
}
.student-dashboard .schedule-panel .text-primary {
    color: var(--primary-color) !important;
}
.student-dashboard .attendance-chart .bg-success {
    background-color: var(--success-color) !important;
}
.student-dashboard .attendance-chart .bg-denger {
    background-color: var(--warning-color) !important;
}
.student-dashboard .student-attendance .attendance-chart i {
    color: var(--bg-color) !important;
}