.gramos-index .container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.gramos-index a,.gramos-index a:hover{text-decoration:none;outline:none}.gramos-index nav.navbar{background:#8360c3;background:linear-gradient(90deg,#2ebf91,#8360c3);position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:.5rem 1rem}.gramos-index nav.navbar .header-logo{width:auto}.gramos-index nav.navbar .header-logo a{text-decoration:none!important;color:#000;outline:none;display:flex;align-items:center}.gramos-index nav.navbar .header-logo a img{width:35px;margin-right:15px}.gramos-index nav.navbar .header-logo a .logo-text{color:hsla(0,0%,100%,.8);font-size:20px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.gramos-index nav.navbar .header-body{flex-grow:1;display:flex;align-items:center;justify-content:space-between}.gramos-index nav.navbar .header-body .search{flex-grow:1;margin-right:30px}.gramos-index nav.navbar .header-body .search input{border:none;background-color:hsla(0,0%,100%,.2);transition:background-color .2s;width:100%;padding:10px 0}.gramos-index nav.navbar .header-body .navbar-nav{display:flex;align-items:center;justify-content:space-between}.gramos-index nav.navbar .header-body .navbar-nav .nav-item{margin-left:4px;list-style-type:none}.gramos-index nav.navbar .header-body .navbar-nav .nav-item a.nav-link{line-height:100%;padding:8px 12px;border-radius:5px;color:#fff;font-size:18px;text-decoration:none;position:relative}.gramos-index nav.navbar .header-body .navbar-nav .nav-item a.nav-link.nav-link-notify:before{content:"";position:absolute;width:6px;height:6px;left:50%;margin-left:-2px;border-radius:50%;top:-2px}.gramos-index nav.navbar .header-body .navbar-nav .nav-item a.nav-link.active,.gramos-index nav.navbar .header-body .navbar-nav .nav-item a.nav-link:hover{outline:none;background-color:hsla(0,0%,100%,.2)}.gramos-index h1,.gramos-index h2,.gramos-index h3,.gramos-index h4,.gramos-index h5,.gramos-index h6{margin-top:0;margin-bottom:.5rem}.gramos-index .dropdown{position:relative}.gramos-index .dropdown .dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;margin-top:20px;float:none;width:300px;border-radius:7px;border:none;font-size:14px;box-shadow:0 2px 15px 0 rgba(69,65,78,.18);overflow:hidden}.gramos-index .dropdown .dropdown-menu .dropdown-menu-title{background-color:#5891aa;padding:10px 20px;margin-top:-.5rem;color:#fff}.gramos-index .dropdown-menu-right{right:0!important;left:auto!important}.gramos-index .dropdown-menu .dropdown-menu-body{max-height:400px;overflow:hidden;outline:none}.gramos-index .m-b-0,.gramos-index .m-t-0{margin-bottom:0!important}.gramos-index .font-size-12{font-size:12px!important}.gramos-index .dropdown-menu .dropdown-menu-footer{padding:10px 20px}.gramos-index .text-right{text-align:right!important}.gramos-index .list-inline{padding-left:0;list-style:none}.gramos-index .list-inline-item{display:inline-block}.gramos-index .list-group{display:flex;flex-direction:column;padding-left:0;margin-bottom:0}.gramos-index .list-group-item{position:relative;display:block;padding:.75rem 1.25rem;margin-bottom:-1px;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.gramos-index .list-group-flush .list-group-item{border-right:0;border-left:0;border-radius:0;text-decoration:none!important;color:#000;outline:none}.gramos-index .justify-content-between{justify-content:space-between!important}.gramos-index .d-flex{display:flex!important}.gramos-index figure.avatar .avatar-title{background:#d7d7d7;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-transform:uppercase;font-size:14px}.gramos-index .flex-grow-1{flex-grow:1!important}.gramos-index h6{font-size:14px}.gramos-index .text-muted{color:#a7abc3!important}.gramos-index .m-r-10{margin-right:10px!important}.gramos-index .m-r-15{margin-right:15px!important}.gramos-index figure{margin:0 0 1rem}.gramos-index figure.avatar{display:inline-block;margin-bottom:0;height:36px;width:36px;border-radius:50%}.gramos-index figure.avatar.avatar-sm{height:2.3rem;width:2.3rem}.gramos-index figure.avatar>a>img,.gramos-index figure.avatar>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.gramos-index .rounded-circle{border-radius:50%!important}.gramos-index .navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.gramos-index .navbar-brand:focus,.gramos-index .navbar-brand:hover{text-decoration:none}.gramos-index nav.navbar{height:70px;justify-content:inherit;position:fixed;top:0;right:0;left:0;z-index:999;box-shadow:0 5px 5px -3px rgba(0,0,0,.15);padding:0 18px}.gramos-index nav.navbar .header-logo{min-width:250px}.gramos-index .side-menu{position:fixed;left:0;height:calc(100% - 70px);top:70px;width:250px;background:#fff;box-shadow:0 3px 15px rgba(0,0,0,.05)}.gramos-index .side-menu>.container-fluid{padding:0}.gramos-index .side-menu>.side-menu-body{height:calc(100vh - 70px);padding:10px 0;display:flex;flex-direction:column}.gramos-index .side-menu>.container-fluid.side-menu>.side-menu-body>ul>li.open>a,.gramos-index .side-menu>.container-fluid>.side-menu-body>ul>li.open>a,.gramos-index .side-menu>.container-fluid>.side-menu-body>ul>li>a.active,.gramos-index .side-menu>.container.side-menu>.side-menu-body>ul>li.open>a,.gramos-index .side-menu>.container>.side-menu-body>ul>li.open>a,.gramos-index .side-menu>.container>.side-menu-body>ul>li>a.active,.gramos-index .side-menu>.side-menu-body>ul>li.open>a,.gramos-index .side-menu>.side-menu-body>ul>li>a.active{background:#f5f5f5}.gramos-index .side-menu>.container-fluid>.side-menu-body>ul,.gramos-index .side-menu>.container>.side-menu-body>ul,.gramos-index .side-menu>.side-menu-body>ul{padding-bottom:30px;flex:1;overflow:auto}.gramos-index .side-menu>.container-fluid>.side-menu-body>ul li.side-menu-divider,.gramos-index .side-menu>.container>.side-menu-body>ul li.side-menu-divider,.gramos-index .side-menu>.side-menu-body>ul li.side-menu-divider{padding:8px 30px;text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:1px;color:#c8c8c8}.gramos-index .side-menu>.container-fluid>.side-menu-body>ul li a,.gramos-index .side-menu>.container>.side-menu-body>ul li a,.gramos-index .side-menu>.side-menu-body>ul li a{border-bottom:1px solid #f0f0f0;display:flex;align-items:center;padding:8px 30px;color:#323232;transition:background .3s}.gramos-index .side-menu>.container-fluid>.side-menu-body>ul li a:focus,.gramos-index .side-menu>.container-fluid>.side-menu-body>ul li a:hover,.gramos-index .side-menu>.container>.side-menu-body>ul li a:focus,.gramos-index .side-menu>.container>.side-menu-body>ul li a:hover,.gramos-index .side-menu>.side-menu-body>ul li a:focus,.gramos-index .side-menu>.side-menu-body>ul li a:hover{background:#f5f5f5}.gramos-index .side-menu>.container-fluid>.side-menu-body>ul .side-menu>.container>.side-menu-body>ul li.open>a,.gramos-index .side-menu>.container-fluid>.side-menu-body>ul .side-menu>.side-menu-body>ul li.open>a,.gramos-index .side-menu>.container-fluid>.side-menu-body>ul li.open>a,.gramos-index .side-menu>.container-fluid>.side-menu-body>ul li a.active,.gramos-index .side-menu>.container>.side-menu-body>ul .side-menu>.container-fluid>.side-menu-body>ul li.open>a,.gramos-index .side-menu>.container>.side-menu-body>ul .side-menu>.side-menu-body>ul li.open>a,.gramos-index .side-menu>.container>.side-menu-body>ul li.open>a,.gramos-index .side-menu>.container>.side-menu-body>ul li a.active,.gramos-index .side-menu>.side-menu-body>ul .side-menu>.container-fluid>.side-menu-body>ul li.open>a,.gramos-index .side-menu>.side-menu-body>ul .side-menu>.container>.side-menu-body>ul li.open>a,.gramos-index .side-menu>.side-menu-body>ul li.open>a,.gramos-index .side-menu>.side-menu-body>ul li a.active{color:#5891aa;font-weight:600}.gramos-index .side-menu>.container-fluid>.side-menu-body>ul .side-menu>.container>.side-menu-body>ul li.open>a .icon,.gramos-index .side-menu>.container-fluid>.side-menu-body>ul .side-menu>.side-menu-body>ul li.open>a .icon,.gramos-index .side-menu>.container-fluid>.side-menu-body>ul li.open>a .icon,.gramos-index .side-menu>.container-fluid>.side-menu-body>ul li a.active .icon,.gramos-index .side-menu>.container>.side-menu-body>ul .side-menu>.container-fluid>.side-menu-body>ul li.open>a .icon,.gramos-index .side-menu>.container>.side-menu-body>ul .side-menu>.side-menu-body>ul li.open>a .icon,.gramos-index .side-menu>.container>.side-menu-body>ul li.open>a .icon,.gramos-index .side-menu>.container>.side-menu-body>ul li a.active .icon,.gramos-index .side-menu>.side-menu-body>ul .side-menu>.container-fluid>.side-menu-body>ul li.open>a .icon,.gramos-index .side-menu>.side-menu-body>ul .side-menu>.container>.side-menu-body>ul li.open>a .icon,.gramos-index .side-menu>.side-menu-body>ul li.open>a .icon,.gramos-index .side-menu>.side-menu-body>ul li a.active .icon{color:#5891aa}.gramos-index .side-menu>.container-fluid>.side-menu-body>ul li a .icon,.gramos-index .side-menu>.container>.side-menu-body>ul li a .icon,.gramos-index .side-menu>.side-menu-body>ul li a .icon{color:#969696;font-size:19px;margin-right:20px}.gramos-index .side-menu>.container-fluid>.side-menu-body>ul li a .sub-menu-arrow,.gramos-index .side-menu>.container>.side-menu-body>ul li a .sub-menu-arrow,.gramos-index .side-menu>.side-menu-body>ul li a .sub-menu-arrow{margin-left:auto;font-size:9px;transition:transform .5s}.gramos-index .side-menu>.container-fluid>.side-menu-body>ul li a .sub-menu-arrow.rotate-in,.gramos-index .side-menu>.container>.side-menu-body>ul li a .sub-menu-arrow.rotate-in,.gramos-index .side-menu>.side-menu-body>ul li a .sub-menu-arrow.rotate-in{transform:rotate(450deg)}.gramos-index .side-menu>.container-fluid>.side-menu-body>ul li a .badge,.gramos-index .side-menu>.container>.side-menu-body>ul li a .badge,.gramos-index .side-menu>.side-menu-body>ul li a .badge{margin-left:auto;text-indent:-9999px;width:8px;height:8px;border-radius:50%;padding:0}.gramos-index .side-menu>.container-fluid>.side-menu-body>ul li a+ul li a,.gramos-index .side-menu>.container>.side-menu-body>ul li a+ul li a,.gramos-index .side-menu>.side-menu-body>ul li a+ul li a{padding:8px 30px 8px 70px}.gramos-index .side-menu>.container-fluid>.side-menu-body>ul li a+ul ul,.gramos-index .side-menu>.container>.side-menu-body>ul li a+ul ul,.gramos-index .side-menu>.side-menu-body>ul li a+ul ul{border-left:none}.gramos-index .side-menu>.container-fluid>.side-menu-body>ul li a+ul ul li a,.gramos-index .side-menu>.container>.side-menu-body>ul li a+ul ul li a,.gramos-index .side-menu>.side-menu-body>ul li a+ul ul li a{padding:8px 30px 8px 80px}.gramos-index .side-menu>.container-fluid>.side-menu-body>ul li.open>a .sub-menu-arrow,.gramos-index .side-menu>.container>.side-menu-body>ul li.open>a .sub-menu-arrow,.gramos-index .side-menu>.side-menu-body>ul li.open>a .sub-menu-arrow{transform:rotate(450deg)}.gramos-index .side-menu>.container-fluid>.side-menu-body>ul li.open>ul,.gramos-index .side-menu>.container>.side-menu-body>ul li.open>ul,.gramos-index .side-menu>.side-menu-body>ul li.open>ul{display:block}.gramos-index .sidebar{padding:20px;position:fixed;right:-400px;opacity:0;top:70px;bottom:0;width:270px;background:#fff;z-index:999;transition:all .2s;box-shadow:8px 0 10px 3px rgba(0,0,0,.5)}.gramos-index .sidebar.show{right:0;opacity:1}.gramos-index .sidebar .tab-content{height:calc(100% - 50px)}.gramos-index .side-menu>.container-fluid>.side-menu-body>ul .sidebar .tab-content li.open>a.tab-pane,.gramos-index .side-menu>.container>.side-menu-body>ul .sidebar .tab-content li.open>a.tab-pane,.gramos-index .side-menu>.side-menu-body>ul .sidebar .tab-content li.open>a.tab-pane,.gramos-index .sidebar .tab-content .side-menu>.container-fluid>.side-menu-body>ul li.open>a.tab-pane,.gramos-index .sidebar .tab-content .side-menu>.container>.side-menu-body>ul li.open>a.tab-pane,.gramos-index .sidebar .tab-content .side-menu>.side-menu-body>ul li.open>a.tab-pane,.gramos-index .sidebar .tab-content .tab-pane.active{height:100%;display:flex;flex-direction:column}.gramos-index .side-menu>.container-fluid>.side-menu-body>ul .sidebar .tab-content li.open>a.tab-pane .tab-pane-body,.gramos-index .side-menu>.container>.side-menu-body>ul .sidebar .tab-content li.open>a.tab-pane .tab-pane-body,.gramos-index .side-menu>.side-menu-body>ul .sidebar .tab-content li.open>a.tab-pane .tab-pane-body,.gramos-index .sidebar .tab-content .side-menu>.container-fluid>.side-menu-body>ul li.open>a.tab-pane .tab-pane-body,.gramos-index .sidebar .tab-content .side-menu>.container>.side-menu-body>ul li.open>a.tab-pane .tab-pane-body,.gramos-index .sidebar .tab-content .side-menu>.side-menu-body>ul li.open>a.tab-pane .tab-pane-body,.gramos-index .sidebar .tab-content .tab-pane.active .tab-pane-body{flex:1;overflow:auto}.gramos-index .side-menu>.container-fluid>.side-menu-body>ul .sidebar .tab-content li.open>a.tab-pane .tab-pane-footer,.gramos-index .side-menu>.container>.side-menu-body>ul .sidebar .tab-content li.open>a.tab-pane .tab-pane-footer,.gramos-index .side-menu>.side-menu-body>ul .sidebar .tab-content li.open>a.tab-pane .tab-pane-footer,.gramos-index .sidebar .tab-content .side-menu>.container-fluid>.side-menu-body>ul li.open>a.tab-pane .tab-pane-footer,.gramos-index .sidebar .tab-content .side-menu>.container>.side-menu-body>ul li.open>a.tab-pane .tab-pane-footer,.gramos-index .sidebar .tab-content .side-menu>.side-menu-body>ul li.open>a.tab-pane .tab-pane-footer,.gramos-index .sidebar .tab-content .tab-pane.active .tab-pane-footer{padding:20px 0}.gramos-index .side-menu .side-menu-body a .icon{background:-webkit-linear-gradient(#2ebf91,#8360c3);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gramos-index .sub-menu-arrow{margin-left:auto;font-size:18px!important;transition:transform .5s}.gramos-index main.main-content{position:fixed;left:270px;bottom:20px;top:90px;right:10px;transition:margin-left .2s}.gramos-index main.main-content .main-content-iframe{width:100%;height:100%;overflow:hidden;overflow-y:auto}.gramos-index main.main-content .main-content-iframe .v-list{height:100%}.gramos-index main.main-content .main-content-iframe .el-card{box-shadow:0 0 10px 0 rgba(0,0,0,.5)}.gramos-index main.main-content .main-content-iframe .el-card .el-card__header{background:linear-gradient(90deg,#2ebf91,#8360c3);color:#fff;padding:15px 15px}.gramos-index main.main-content .main-content-iframe .el-card .el-card__header>div.clearfix{font-size:16px}.gramos-index main.main-content .main-content-iframe .el-card .el-card__header>div.clearfix.updt{width:100%}.gramos-index main.main-content .main-content-iframe .el-card .el-card__body .form-search{background:#f2f2f2;padding:8px 10px 0}.gramos-index main.main-content .main-content-iframe .el-card .el-card__body .el-pagination{background:#f2f2f2;padding:8px 20px;text-align:right}.gramos-index .scroll-scrollbar-style{overflow-x:hidden;overflow-y:scroll!important}.gramos-index .scroll-scrollbar-style::-webkit-scrollbar{width:2px;height:2px}.gramos-index .scroll-scrollbar-style::-webkit-scrollbar-track{background:rgba(53,56,64,.63);border-radius:2px}.gramos-index .scroll-scrollbar-style::-webkit-scrollbar-thumb{cursor:pointer;background:rgba(53,56,64,.63);border-radius:1px}.gramos-index .scroll-scrollbar-style:hover::-webkit-scrollbar-thumb{background:#38b597;border-radius:1px}.gramos-index .scroll-scrollbar-style::-webkit-scrollbar-thumb:hover{background:#999}.gramos-index .scroll-scrollbar-style::-webkit-scrollbar-corner{background:rgba(53,56,64,.63)}