.sidebar{position:-webkit-sticky;position:sticky;top:0;left:0;width:20%;height:100vh;padding:1rem 1rem 1.25rem;box-sizing:border-box;border-right:1px solid rgba(0,0,0,.062745098);overflow:hidden}.sidebar .logo{width:106px;height:37px;text-align:center}.sidebar .menu-content-wrapper .administration h5{font-size:.875rem;color:rgba(0,0,0,.4);padding-left:.5rem;font-weight:300;margin-bottom:1rem}.sidebar .menu-content-wrapper .administration .menu-item{cursor:pointer;margin-bottom:.2rem}.sidebar .menu-content-wrapper .administration .menu-item:last-child{margin-bottom:0}.sidebar .menu-content-wrapper .administration .menu-item a,.sidebar .menu-content-wrapper .administration .menu-item span{color:#000;font-size:.75rem;text-decoration:none}.sidebar .menu-content-wrapper .administration .menu-item .menu-item-header{padding:.75rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.sidebar .menu-content-wrapper .administration .menu-item .menu-item-header.active{background-color:rgba(0,0,0,.04);padding:.75rem;border-radius:.75rem}.sidebar .menu-content-wrapper .administration .menu-item .menu-item-header .arrow-opened{transform:rotate(90deg)}.sidebar .menu-content-wrapper .administration .children{margin:.65rem 0 0 2.2rem}.sidebar .menu-content-wrapper .administration .children.dropdown-child{height:200px;overflow:scroll}.sidebar .menu-content-wrapper .administration .children a,.sidebar .menu-content-wrapper .administration .children span{color:#000;font-size:.75rem;text-decoration:none}.sidebar-mobile{display:flex;align-items:center;justify-content:space-between;width:100%;border-bottom:1px solid rgba(0,0,0,.062745098);padding:1rem;box-sizing:border-box;position:relative;background-color:#fff;z-index:999;position:-webkit-sticky;position:sticky;top:0}.sidebar-mobile .logo-mobile{width:100px;height:auto}.sidebar-mobile .mobile-menu-icon{display:flex;align-items:center;justify-content:center}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.14);padding-top:68px;z-index:998}.mobile-menu-overlay .mobile-menu-content{width:100%;background-color:#fff;padding:1rem;box-sizing:border-box}.mobile-menu-overlay .mobile-menu-content .menu-item{cursor:pointer;margin-bottom:.2rem}.mobile-menu-overlay .mobile-menu-content .menu-item:last-child{margin-bottom:0}.mobile-menu-overlay .mobile-menu-content .menu-item a,.mobile-menu-overlay .mobile-menu-content .menu-item span{color:#000;font-size:.75rem;text-decoration:none}.mobile-menu-overlay .mobile-menu-content .menu-item .menu-item-header{padding:.75rem;display:flex;flex-direction:row;align-items:center;gap:12px}.mobile-menu-overlay .mobile-menu-content .menu-item .menu-item-header.active{background-color:rgba(0,0,0,.04);padding:.75rem;border-radius:.75rem}.mobile-menu-overlay .mobile-menu-content .menu-item .menu-item-header .arrow-opened{transform:rotate(90deg)}.mobile-menu-overlay .mobile-menu-content .children{margin:.5rem 0 0 2.5rem}.mobile-menu-overlay .mobile-menu-content .children a,.mobile-menu-overlay .mobile-menu-content .children span{color:#000;font-size:.75rem;text-decoration:none}.avatar-name .avatar-icon{width:24px;height:24px;border-radius:50%}.avatar-name h5{font-size:.875rem}.log-out .log-out-icon{cursor:pointer}:root{--title-color:#000000;--text-color:#000000;--border-color:#4b5363;--small-text-color:#030229;--focus-input:#000000;--button-color:#000000;--button-hover-color:#212529;--button-opacity:#74737367;--second-button-color:#f50206;--white-color:#ffffff;--color-error:#f50206;--active-link:#662d91;--active-link-hover:#7d37b3;--gray-color:#ababab;--select-color:#eff3f9;--color-success:#28a745;--color-warning:#ffc107;--color-info:#17a2b8}.top-bar{height:60px;padding:1.125rem 1.875rem 1.125rem 0;box-sizing:border-box;border-bottom:1px solid rgba(0,0,0,.062745098);display:flex;align-items:center;justify-content:flex-end;position:-webkit-sticky;position:sticky;top:0;z-index:999;background-color:#fff}.top-bar button{border:none;background:rgba(0,0,0,0);position:relative}.top-bar button,.top-bar button .notification-count{display:flex;align-items:center;justify-content:center}.top-bar button .notification-count{position:absolute;top:-.5rem;right:-.5rem;background:var(--color-error);border-radius:50%;width:14px;height:14px;color:#fff;font-size:.6rem}.top-bar .notifications-wrapper{height:calc(100vh - 250px);overflow:auto}.top-bar .notifications-wrapper .notification{width:100%;border-radius:.5rem;padding:.5rem .75rem;box-sizing:border-box;border:1px solid var(--active-link);background-color:rgba(121,53,172,.2078431373)}.top-bar .notifications-wrapper .notification:nth-child(odd){border:1px solid var(--select-color);background-color:rgba(239,243,249,.4117647059)}.top-bar .notifications-wrapper .notification .notification-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.top-bar .notifications-wrapper .notification .notification-header .switch{position:relative;display:inline-block;width:45px;height:20px}.top-bar .notifications-wrapper .notification .notification-header .switch input{opacity:0;width:0;height:0}.top-bar .notifications-wrapper .notification .notification-header .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s}.top-bar .notifications-wrapper .notification .notification-header .slider:before{position:absolute;content:"";height:14px;width:14px;left:2px;bottom:3px;background-color:#fff;transition:.4s}.top-bar .notifications-wrapper .notification .notification-header input:checked+.slider{background-color:var(--color-success)}.top-bar .notifications-wrapper .notification .notification-header input:focus+.slider{box-shadow:0 0 1px var(--color-success)}.top-bar .notifications-wrapper .notification .notification-header input:checked+.slider:before{transform:translateX(26px)}.top-bar .notifications-wrapper .notification .notification-header .slider.round{border-radius:34px}.top-bar .notifications-wrapper .notification .notification-header .slider.round:before{border-radius:50%}.top-bar .notifications-wrapper .notification .notification-body{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.top-bar .notifications-wrapper .notification .notification-body p{font-weight:400}.top-bar .notifications-wrapper .notification .notification-body .notification-date{display:flex;flex-direction:row;align-items:center;font-size:.75rem}@media only screen and (max-width:1200px){.top-bar{display:none!important}}