:root{--body-bg: #f9f9f9;--primary-color: #246d6a;--primary-alt-light: #659794;--secondary-color: #6d788d;--error-color: #ff4d49;--gray-primary: #4c4e64;--white: #fff;--text-gray-disabled: rgba(76, 78, 100, .38);--text-gray-secondary: rgba(76, 78, 100, .68);--border-gray: rgba(76, 78, 100, .22);--divider-gray: rgba(76, 78, 100, .12);--overlay-gray: rgba(76, 78, 100, .5);--primary-outlined-hover-bg: rgba(36, 109, 106, .05);--primary-outlined-resting-bg: rgba(36, 109, 106, .5);--primary-custom-bg: linear-gradient(0deg, rgba(255, 255, 255, .88), rgba(255, 255, 255, .88)), #216360;--primary-custom-bg-2: linear-gradient(0deg, rgba(255, 255, 255, .96), rgba(255, 255, 255, .96)), #216360;--secondary-custom-bg: linear-gradient(0deg, rgba(255, 255, 255, .88), rgba(255, 255, 255, .88)), #6d788d;--success-custom-bg: linear-gradient(0deg, rgba(255, 255, 255, .88), rgba(255, 255, 255, .88)), #72e128;--error-custom-bg: linear-gradient(0deg, rgba(255, 255, 255, .88), rgba(255, 255, 255, .88)), #ff4d49;--warning-custom-bg: linear-gradient(0deg, rgba(255, 255, 255, .88), rgba(255, 255, 255, .88)), #fdb528;--info-custom-bg: linear-gradient(0deg, rgba(255, 255, 255, .88), rgba(255, 255, 255, .88)), #26c6f9;--success-alt-dark: #64c623;--info-alt-dark: #21aedb;--warning-alt-dark: #df9f23;--error-alt-dark: #e04440}.top-nav{position:fixed;top:0;left:260px;width:calc(100% - 260px);padding:11.5px 24px;background-color:#fff;z-index:1030;box-shadow:none;height:auto}.top-nav i.material-icons{height:auto;line-height:1}.top-nav .user-acc-dropdown{display:flex;align-items:center;justify-content:center;border:1px solid rgba(76,78,100,.12);padding:10px 12px;border-radius:4px;color:#4c4e64;font-size:16px;font-weight:400}.top-nav .user-acc-dropdown .person-icon{color:#6d788d}.top-nav .user-acc-dropdown .arrow-down{font-size:18px;color:#4c4e64}.top-nav #notification-dropdown1{max-height:528px;width:360px;padding:0;border-radius:8px;overflow:hidden}.top-nav #notification-dropdown1 .flex i{display:flex;justify-content:center;align-items:center}.top-nav #notification-dropdown1>li{padding:24px;cursor:initial}.top-nav #notification-dropdown1>li:hover{background-color:unset}.top-nav #notification-dropdown1>li:first-child{border-bottom:1px solid rgba(76,78,100,.12)}.top-nav #notification-dropdown1 #notification-container{max-height:400px;overflow-y:auto}.top-nav #notification-dropdown1 #notification-container>li{padding:18px 24px}.top-nav #notification-dropdown1 #notification-container>li:hover{background-color:#246d6a0d}.top-nav #notification-dropdown1 #notification-container>li:not(:first-child){border-top:1px solid rgba(76,78,100,.12)}.top-nav #notification-dropdown1 #notification-container>li>a{padding:0;color:#246d6a}.top-nav #notification-dropdown1 #notification-container::-webkit-scrollbar{width:12px;height:12px}.top-nav #notification-dropdown1 #notification-container::-webkit-scrollbar-track{background:#fff}.top-nav #notification-dropdown1 #notification-container::-webkit-scrollbar-thumb{border-radius:5px;background:#4c4e64ad}.top-nav .select-schedule{position:relative;right:20px}#notification-dropdown .MuiMenu-paper.MuiPaper-rounded{border-radius:8px}#notification-dropdown .MuiMenu-list{max-width:360.5px;padding-block:0}#notification-dropdown .header{border-bottom:1px solid rgba(76,78,100,.22)}#notification-dropdown .content{max-height:472px;overflow-y:auto;padding-block:0}#notification-dropdown .content::-webkit-scrollbar{width:10px;height:10px}#notification-dropdown .content::-webkit-scrollbar-track{background:#fff}#notification-dropdown .content::-webkit-scrollbar-thumb{border-radius:5px;background:#4c4e64ad}#notification-dropdown .notification-item{flex-wrap:wrap;padding-block:18px;padding-left:28px}#notification-dropdown .notification-item:hover{background-color:#246d6a0d}#notification-dropdown .notification-item:not(:last-child){border-bottom:1px solid rgba(76,78,100,.22)}#notification-dropdown .notification-item.unread-notification{background-color:#246d6a0d}#user-account-dropdown .MuiMenu-paper.MuiPaper-rounded{border-radius:8px}@media only screen and (width <= 575px){.top-nav{padding:12px 16px}}@media only screen and (width <= 899px){.main-content{top:98px}}