body{font-family:'Poppins',sans-serif}html{scroll-behavior:smooth}.toast-container{position:fixed;top:20px;right:20px;z-index:9999}.toast-container .toast{min-width:300px;background-color:#f8d7da;color:#885e4f;border:1px solid #f5c6cb;box-shadow:0 4px 6px rgba(0,0,0,0.1)}.toast-container .toast-header{background-color:#f5c6cb;border-bottom:1px solid #f1b0b7}.toast-container .toast-body{color:#885e4f}.main-container #side_nav{background:#885e4f;min-width:250px;max-width:250px;transition:all 0.3s;z-index:1;height:100vh!important}.main-container .content{min-height:100vh;width:calc(100% - 250px)}.main-container .content .profile-image{height:50px;width:50PX;object-fit:fill;border-radius:100%}.main-container .content .top-bar{background-color:#885e4f!important;color:#fff!important;height:115px;top:0}.main-container .content .top-bar .open-menu{font-size:30px}.main-container .sidebar .site-logo{height:75px}.main-container .sidebar .close-menu{font-size:30px;position:absolute;right:0;top:0}.main-container .sidebar li a{color:#fff}.main-container .sidebar li.active{background:#eee;border-radius:8px}.main-container .sidebar li.active a{color:#000}.main-container .sidebar li.active a:hover{color:#000}@media (max-width:991px){.main-container #side_nav{margin-left:-250px;position:absolute!important;height:100vh;z-index:1}.main-container #side_nav.active{margin-left:0}.main-container .content{width:100%}}.login-section{margin:0;height:100vh;background-size:cover;background-position:center;position:relative}.login-section .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);z-index:1}.login-section .login-form-container{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;height:100vh}.login-section .login-form-container .title{color:#885e4f}.login-section .login-form-container .form-box{max-width:400px;width:100%;padding:2rem;background:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.2);text-align:center}.login-section .login-form-container .form-box button{background-color:#885e4f}footer{left:0;right:0;z-index:0;background-color:#885e4f;bottom:0}.form-button{background-color:#885e4f!important;color:#fff!important}.pagination-table{vertical-align:middle;text-align:center}@media (max-width:576px){.pagination-table{white-space:nowrap!important}}.pagination-table th{white-space:nowrap}.pagination-table .form-check-input{height:1.6em}.pagination-table .form-switch .form-check-input:focus{border:1px solid #3b966b;box-shadow:none}.pagination-table .form-switch .form-check-input{width:3em}.pagination-table .form-check-input:checked{background-color:#4ac38b;border-color:#3b966b}.pagination-table thead tr:first-child{background-color:#885e4f;color:#fff}.pagination-table thead tr:last-child{background-color:#b4bbc1;color:#fff;border:none}.bg-primary,.btn-primary,.primary{background-color:#885e4f!important;color:#fff!important}.btn-primary{border-color:#885e4f!important}.btn-check:focus+.btn-primary,.btn-primary:focus{box-shadow:0 0 0 0.25rem rgba(102,27,24,0.23)!important}.clock{width:70px;height:70px;border:5px solid #fff;border-radius:50%;position:relative;background:transparent;box-shadow:0 4px 8px rgba(0,0,0,0.2)}.clock .center{width:10px;height:10px;background-color:#000;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.clock .hand{width:50%;height:2px;background-color:#885e4f;position:absolute;top:50%;transform-origin:100%;transform:rotate(90deg);transition:all 0.05s cubic-bezier(0.4,2.3,0.3,1)}.clock .hour{height:4px;background-color:#fff}.clock .minute{height:3px;background-color:#fff}.clock .second{height:2px;background-color:red}.card{border:none;border-radius:10px;color:white}.bg-primary-custom{background-color:#007bff}.bg-success-custom{background-color:#28a745}.bg-danger-custom{background-color:#dc3545}.bg-warning-custom{background-color:#ffc107;color:#212529}.card-icon{font-size:50px;opacity:0.8}.scroll{height:540px;overflow:auto}.scroll .card{background-color:#f3f3f3!important}.scroll h5{background-color:#41464b;text-align:center;padding:8px 0;margin:12px 0 28px;color:#fff;position:sticky;top:0}.student-photo{height:50px;width:50PX;object-fit:fill;border-radius:100%}#loader{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.8);display:flex;align-items:center;justify-content:center;z-index:9999}.spinner{width:100px;height:100px;border:5px solid #3498db;border-top:5px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.heading{background:#41464b;padding:12px 8px;border-radius:8px;text-align:center;color:#fff}@media (max-width:1920px){h1,h2,h3,h4,h5,h6{font-size:18px!important}a,button,div,form,input,li,ol,p,select,span,table,td,textarea,th,tr,ul{font-size:14px!important}}