.nav-content .nav-caption{color:#808191;margin-bottom:15px;padding-left:35px;text-transform:uppercase;transition:padding .25s;white-space:nowrap}.nav-content ul{border-bottom:1px solid #dee2e6;display:flex;flex-direction:column;margin:0;padding:0}.nav-content ul li{list-style-image:none;list-style-type:none;margin:1px 15px}.nav-content ul li a.active{background:linear-gradient(135deg,var(--theme-color),var(--theme-color-shade));border-radius:5px;color:#fff}.school-sidebar{background-color:#f1f1f1;bottom:0;display:flex;flex-direction:column;margin:0 0 0 -1rem;overflow:auto;overflow-x:hidden;overflow-y:hidden;padding:0;position:fixed;top:3.6rem;width:5rem}.school-sidebar.open{overflow-x:auto;width:16.8rem}.school-sidebar.open .nav-content ul li{margin-left:15px}.school-sidebar.open .nav-content ul li a i{margin-right:1rem}.school-sidebar.open .nav-content .nav-header-full{display:flex}.school-sidebar.open .nav-content .nav-header-compact{display:none}.school-sidebar.open .nav-caption,.school-sidebar.open p{display:block}.school-sidebar .nav-content ul li{margin-left:9px}.school-sidebar .nav-content ul li a i{margin-right:3rem}.school-sidebar .nav-content .nav-header-full{display:none}.school-sidebar .nav-content .nav-header-compact{display:block}.school-sidebar .nav-caption,.school-sidebar p{display:none}.school-content{padding:0 0 0 8em;width:100%}.school-content.open{margin-left:18rem;padding:0;width:calc(100% - 18rem)}.dashboard a,.nav-content a{align-items:center;color:#495057;display:flex;font-size:15px;font-weight:500;height:36px;line-height:28px;overflow:hidden;padding:5px 15px 5px 18px;position:relative;transition:all .2s ease;white-space:nowrap}

@keyframes rainbow {0%{color:red;}17%{color:orange;}33%{color:yellow;}50%{color:green;}66%{color:blue;}83%{color:violet;}100%{color:red;}}