body{margin:0;font-family:sans-serif}main{height:100vh;display:grid;grid-template-areas:"aside header" "aside contenido" "aside footer";grid-template-rows:100px 1fr;grid-template-columns:auto 1fr}main>*{display:flex;align-items:self-start;justify-content:space-around}header{grid-area:header;background-color:#fff}header .page-header{width:100%;padding:10px 15px;margin:0}header .page-header.sidemenu-collapse{padding-left:40px}header .page-header .breadcrumb-text{display:flex;justify-content:space-between;align-items:flex-end;margin:0 auto}header .page-header .breadcrumb-text h5{font-size:20px}header .page-header .breadcrumb-text ul{margin-bottom:0;height:35px}header .page-header .breadcrumb-text ul li{font-size:13px}aside{grid-area:aside}article{grid-area:contenido;background-color:#fff}footer{padding-top:10px;border-top:1px solid #e0e0e0}.sidebar-content{flex-grow:1;display:flex;flex-direction:column;overflow-y:auto;transition:all .3s linear}.sidebar-content .header-menu span{font-weight:bold;font-size:14px;padding:15px 20px 5px 20px;display:inline-block;color:#fff}.sidebar-content ul{list-style-type:none;padding:0;margin:0}.sidebar-content ul a:hover i,.sidebar-content ul a:hover::before,.sidebar-content ul li.active a i{color:#38fbc7}.sidebar-content ul li a{display:flex;flex-wrap:nowrap;align-items:center;text-decoration:none;padding:8px 5px 2px 5px}.sidebar-content ul li a i{margin-right:10px;font-size:12px;width:35px;height:35px;line-height:35px;text-align:center;flex-shrink:0;background-color:#3a4d56}.sidebar-content ul li a .menu-text{flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-content ul li:not(.sidebar-dropdown)>a:after{width:22px;content:" "}.sidebar-content .sidebar-dropdown>a:after{font-family:"Material Design Icons";font-weight:900;font-size:1.3rem;content:"󰅂";font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;margin-left:2px}.sidebar-content .sidebar-dropdown .sidebar-submenu{background-color:#3a4d56;display:none}.sidebar-content .sidebar-dropdown .sidebar-submenu ul{padding:5px 0}.sidebar-content .sidebar-dropdown .sidebar-submenu li{padding-left:25px;font-size:13px}.sidebar-content .sidebar-dropdown .sidebar-submenu li a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sidebar-content .sidebar-dropdown .sidebar-submenu li a:before{font-family:"Material Design Icons";font-weight:400;font-style:normal;display:inline-block;text-align:center;text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right:10px;font-size:8px}.sidebar-content .sidebar-dropdown .sidebar-submenu li a .badge,.sidebar-content .sidebar-dropdown .sidebar-submenu li a .label{margin-left:auto}.sidebar-content .sidebar-dropdown.active .sidebar-submenu{display:block}.sidebar-content .sidebar-dropdown:not(.active) .sidebar-submenu{display:""}.sidebar-content .sidebar-dropdown.active>a:after{transform:rotate(90deg);right:8px}.sidebar-footer{padding:1rem .25rem;display:flex;border-top:1px solid #3a4d56;justify-content:space-around;align-items:center}.sidebar-footer>div{display:flex;align-items:stretch}.sidebar-footer>div>a{display:flex;align-items:center}.sidebar-footer>div>a .badge{align-self:flex-start}.sidebar-footer .dropdown-menu{max-width:500px}.sidebar-footer .messages .dropdown-item{padding:.25rem 1rem}.sidebar-footer .messages .messages-header{padding:0 1rem}.sidebar-footer .messages .message-content{display:flex}.sidebar-footer .messages .message-content .pic{width:40px;height:40px;overflow:hidden}.sidebar-footer .messages .message-content .pic img{object-fit:cover;height:100%}.sidebar-footer .messages .message-content .content{line-height:1.6;padding-left:5px;width:calc(100% - 40px)}.sidebar-footer .messages .message-content .content .message-title{font-size:13px}.sidebar-footer .messages .message-content .content .message-detail{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer .notifications .dropdown-item{padding:.25rem 1rem}.sidebar-footer .notifications .notifications-header{padding:0 1rem}.sidebar-footer .notifications .notification-content{display:flex}.sidebar-footer .notifications .notification-content .icon{width:40px;height:40px}.sidebar-footer .notifications .notification-content .icon i{width:35px;height:35px;text-align:center;font-size:22px;display:inline-block}.sidebar-footer .notifications .notification-content .content{line-height:1.6;padding-left:5px;width:calc(100% - 40px)}.sidebar-footer .notifications .notification-content .content .notification-time{font-size:.7rem;color:#828282}.sidebar-footer .notifications .notification-content .content .notification-detail{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar{font-size:13px;width:300px;height:100%;cursor:pointer;background-color:#2b3a42;color:#9eb7c3;transition:width .3s ease;display:flex;flex-direction:column}.sidebar.hidden+.btn-sidebar-show{left:0}.sidebar.hidden .sidebar-header,.sidebar.hidden .sidebar-content,.sidebar.hidden .sidebar-footer,.sidebar.hidden .sidebar .mdi{display:none}.sidebar a{text-decoration:none;transition:color .1s linear}.sidebar a:not(.dropdown-item){color:inherit}.sidebar a:not(.dropdown-item):hover{color:#fff}.sidebar .sidebar-header{padding:.25rem;display:flex;align-items:center;border-bottom:1px solid #3a4d56;transition:all .3s linear}.sidebar .sidebar-header>a{text-transform:uppercase;font-weight:bold;flex-grow:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sidebar .btn-sidebar-close{color:#9eb7c3}.sidebar .btn-sidebar-close:hover{color:#fff}.btn-sidebar-show{position:fixed;left:-40px;top:10px;border-radius:0 4px 4px 0;width:35px}@media(max-width:767.98px){.sidebar{display:none;visibility:hidden}.sidebar.clearit{display:block;visibility:visible}}