:root{--primary-color: #ff7741;--secondary-color: #000;--light-grey: #eee;--grey: #a1a1a1}a{text-decoration:none}li{list-style:none}html{overflow-x:hidden}body{background:#eee;overflow-x:hidden}#sidebar{position:fixed;top:0;left:0;width:220px;height:100%;background:#f9f9f9;z-index:1100;transition:.3s ease;overflow-x:hidden}#sidebar.hide{width:60px}#sidebar .brand{font-size:24px;font-weight:700;height:56px;display:flex;align-items:center;color:#000;position:sticky;top:0;left:0;background:#f9f9f9;z-index:500;box-sizing:content-box}#sidebar .brand .bx{min-width:60px;display:flex;justify-content:center}#content{position:relative;width:calc(100% - 220px);left:220px;transition:.3s ease}#sidebar.hide~#content{width:calc(100% - 60px);left:60px}#content .nav{height:56px;background:#f9f9f9;padding:0 24px;display:flex;align-items:center;grid-gap:24px;position:sticky;top:0;left:0;z-index:1000}.nav{display:flex;justify-content:space-between}#content .nav:before{content:"";position:absolute;width:40px;height:40px;bottom:-40px;left:0;border-radius:50%;box-shadow:-20px -20px #f9f9f9}#content .nav a{color:#000}#content .nav .bx.bx-menu{cursor:pointer;color:#000}#content .nav .nav-link{font-size:16px;transition:.3s ease}#content .nav form{max-width:400px;width:100%;margin-right:auto}#content .nav form .form-input{display:flex;align-items:center;height:36px}#content main{width:100%;padding:30px 20px;max-height:calc(100vh - 56px);overflow-y:auto}#content main .head-title{display:flex;align-items:center;justify-content:space-between;grid-gap:16px;flex-wrap:wrap}#content main .menu,#content .nav .menu{display:none;list-style-type:none;padding-left:20px;margin-top:5px;position:absolute;background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;width:200px}#content main .menu a,#content .nav .menu a{color:#fff;text-decoration:none;display:block;padding:8px 16px}#content main .menu a:hover,#content .nav .menu a:hover{background-color:#444}#content main .menu-link,#content .nav .menu-link{margin:5px;padding:10px 20px;font-size:16px;cursor:pointer;text-decoration:none;color:#007bff}#content main .menu-link:hover,#content .nav .menu-link:hover{text-decoration:underline}@media screen and (max-width:768px){#content .nav .nav-link{display:none}#content main{width:100%;padding:26px 12px}}@media screen and (max-width:576px){#content .nav .notification-menu,#content .nav .profile-menu{width:150px}#content .nav form .form-input input{display:none}#content main{width:100%;padding:15px 10px}}.side-menu.top{height:calc(100% - 56px);display:flex;flex-direction:column;justify-content:space-between;padding-bottom:0}.modal-setting{z-index:1200}.modal-setting .MuiDialogContent-root{padding:30px 20px}.page-heading-title{font-size:24px;color:var(--primary-color)}@media(max-width:1200px){.page-heading-title{font-size:22px}}@media(max-width:900px){.modal-setting .MuiPaper-root{width:100%!important;margin:6px!important;padding:0}.modal-setting .MuiDialogContent-root{padding:15px 6px}.page-heading-title{font-size:20px}}@media(max-width:600px){.page-heading-title{font-size:18px}}*{margin:0;padding:0;box-sizing:border-box}