body{font-family:"Inter",sans-serif;color:#505050;background:#f8f9fa}*,:after,:before{box-sizing:border-box}.form-control:focus{box-shadow:none}#content-page{min-height:92vh;width:calc(100vw - 250px);overflow-y:auto;margin-left:250px;margin-top:8vh}#navbar{border-bottom:1px solid #d2dede}#wrapper.hide #sidebar.hide{width:62px}#wrapper.hide #navbar{width:calc(100vw - 62px)}#wrapper.hide #content-page{width:calc(100vw - 62px);margin-left:62px}#wrapper.mobile #sidebar.hide{width:0}#wrapper.mobile #navbar{width:100vw}#wrapper.mobile #content-page{width:100vw;margin-left:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:rgba(251,244,244,.25);border-radius:16px}::-webkit-scrollbar-thumb{background:#afafaf}a.button{display:inline-block;padding:6px 20px;margin:5px;color:#343a40;text-decoration:none;text-transform:uppercase;font-size:18px;border-radius:4px;background:#f8f9fa;box-shadow:2px 5px 10px rgba(108,117,125,.2);position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center}a.button span{position:absolute;background:hsla(0,0%,100%,.4);transform:translate(-50%,-50%);pointer-events:none;border-radius:50%;-webkit-animation:animate 1s linear infinite;animation:animate 1s linear infinite}a.button:hover{box-shadow:2px 5px 10px rgba(108,117,125,.3)}a.button.round{border-radius:36px;padding:6px 26px}a.button.primary{background:#4285f4;box-shadow:2px 5px 10px rgba(66,133,244,.2);color:#fff}a.button.primary:hover{box-shadow:0 3px 8px 0 rgba(66,133,244,.3),2px 3px 3px rgba(66,133,244,.3)}a.button.success{background:#20c997;box-shadow:2px 5px 10px rgba(32,201,151,.2);color:#fff}a.button.success:hover{box-shadow:0 3px 8px 0 rgba(32,201,151,.3),2px 3px 3px rgba(32,201,151,.3)}a.button.warning{background:#fdc53d;box-shadow:2px 5px 10px rgba(253,197,61,.2);color:#fff}a.button.warning:hover{box-shadow:0 3px 8px 0 rgba(253,197,61,.3),2px 3px 3px rgba(253,197,61,.3)}a.button.blue{background:#4b7bec;box-shadow:2px 5px 10px rgba(75,123,236,.2);color:#fff}a.button.blue:hover{box-shadow:0 3px 8px 0 rgba(75,123,236,.3),2px 3px 3px rgba(75,123,236,.3)}a.button.danger{background:#ff5a7a;box-shadow:2px 5px 10px rgba(255,90,122,.2);color:#fff}a.button.danger:hover{box-shadow:0 3px 8px 0 rgba(255,90,122,.3),2px 3px 3px rgba(255,90,122,.3)}a.button.secondary{background:#6c757d;box-shadow:2px 5px 10px rgba(108,117,125,.2);color:#fff}a.button.secondary:hover{box-shadow:0 3px 8px 0 rgba(108,117,125,.3),2px 3px 3px rgba(108,117,125,.3)}a.button.dark{background:#343a40;box-shadow:2px 5px 10px rgba(52,58,64,.2);color:#fff}a.button.dark:hover{box-shadow:0 3px 8px 0 rgba(52,58,64,.3),2px 3px 3px rgba(52,58,64,.3)}a.button.info{background:#33b5e5;box-shadow:2px 5px 10px rgba(51,181,229,.2);color:#fff}a.button.info:hover{box-shadow:0 3px 8px 0 rgba(51,181,229,.3),2px 3px 3px rgba(51,181,229,.3)}a.button.gradient{background:linear-gradient(90deg,#416dea,#55e7fc)}@-webkit-keyframes animate{0%{width:0;height:0;opacity:.5}to{width:500px;height:500px;opacity:0}}@keyframes animate{0%{width:0;height:0;opacity:.5}to{width:500px;height:500px;opacity:0}}.wrapper-content-grid{width:100%;padding-top:10px;height:calc(100vh - 110px);padding-left:10px}.grid-content{height:100%}.MuiTableCell-root.MuiTableCell-body{overflow:inherit;position:relative}.custom-ui{background:#fff;border:1px solid #d2d2d2;padding:20px}.custom-ui .options{display:flex;justify-content:center}.custom-ui .options button{margin:0 10px;flex:1 1}#sidebar{top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:250px;background:#fff;position:fixed;height:100vh;padding-top:.5rem;z-index:500;box-shadow:1px 0 4px 0 #eaeaea}#sidebar .logo{display:flex;justify-content:space-between;align-items:center;width:96%;height:1.2rem;margin:0 auto 1.5rem}#sidebar .logo img{width:100%}#sidebar .logo strong{font-size:.7em;color:#910281}#sidebar .logo span{font-size:2rem;margin-left:5px;color:#505050}#sidebar .logo a{cursor:pointer;text-decoration:none;width:20px;margin-right:5px;height:2rem;align-items:center;display:flex;position:relative}#sidebar .logo a i{width:100%;position:relative;display:block;background:#505050}#sidebar .logo a i,#sidebar .logo a i:before{content:"";height:2.4px;border-radius:2px;transition:all .2s ease-in-out}#sidebar .logo a i:before{top:-5px;visibility:visible}#sidebar .logo a i:after,#sidebar .logo a i:before{width:80%;right:0;background-color:#505050;position:absolute}#sidebar .logo a i:after{height:2.4px;border-radius:2px;content:"";transition:all .2s ease-in-out;top:5px}#sidebar ul.d-menu{width:85%;list-style:none;padding:0;margin:0 auto}#sidebar ul.d-menu li{text-align:left;line-height:2rem;cursor:pointer}#sidebar ul.d-menu li i{margin-right:.8rem}#sidebar ul.d-menu li i.right{position:absolute;right:.3rem;line-height:2rem}#sidebar ul.d-menu li ul{padding-left:.8rem;display:none}#sidebar ul.d-menu li .item{display:block;padding:.2rem 0 .2rem .5rem;color:#505050;border-radius:.24rem;margin-bottom:.1rem;position:relative}#sidebar ul.d-menu li .item:hover{color:#fff;background:#910281;color:#f8f9fe;border-radius:5px;box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);transition:all .5s ease}#sidebar ul.d-menu li:hover ul.subItem{background:#fff;box-shadow:none}#sidebar ul.d-menu li.active .item{background:#910281;color:#f8f9fe;border-radius:5px;box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);transition:all .5s ease}#sidebar ul.d-menu li.active .item:before{transition:all .5s ease;position:absolute;left:0;margin-left:-1.2rem;content:"";top:0;border-top-right-radius:.2rem;border-bottom-right-radius:.2rem;height:100%;width:.25rem;background:#910281}#sidebar ul.d-menu li.active i.right{transform:rotate(90deg)}#sidebar ul.d-menu li.active ul{display:block}#sidebar ul.d-menu li.active ul .item{background:transparent;color:#505050;border-radius:5px;box-shadow:none;transition:all .5s ease}#sidebar ul.d-menu li.active ul .item:hover{background:#910281;color:#f8f9fe;border-radius:5px;box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);transition:all .5s ease}#sidebar ul.d-menu li.active ul .item:before{display:none}ul{list-style:none}a,a:hover{text-decoration:none;cursor:pointer}ul.d-menu li{text-align:left;line-height:2rem;cursor:pointer}#sidebar.hide .logo i:after,#sidebar.hide .logo i:before{width:100%}#sidebar.hide ul.d-menu li{position:relative}#sidebar.hide ul.d-menu li .item{text-align:center;background:transparent;color:#505050;border-radius:5px;box-shadow:none;transition:all .5s ease}#sidebar.hide ul.d-menu li .item:hover i{color:#4285f4}#sidebar.hide ul.d-menu li .item span,#sidebar.hide ul.d-menu li i.right,#sidebar.hide ul.d-menu li ul{display:none}#sidebar.hide ul.d-menu li.active .item{color:#4285f4}#sidebar.hide ul.d-menu li.active .item:before{margin-left:-.3rem}#sidebar.hide ul.d-menu li.active ul li .item{color:#505050}#sidebar.hide ul.d-menu li:hover .item span{width:120px;background:#fff}#sidebar.hide ul.d-menu li:hover .item span,#sidebar.hide ul.d-menu li:hover ul{position:absolute;display:block;top:0;left:50px;border-bottom-right-radius:.43rem;border-top-right-radius:.43rem}#sidebar.hide ul.d-menu li:hover ul{width:180px;padding:.5rem}#sidebar.hide ul.d-menu li:hover ul li:hover{background:#910281;color:#f8f9fe;border-radius:5px;box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);transition:all .5s ease}#sidebar.hide ul.d-menu li:hover ul li:hover .item{color:#fff}@media (max-width:600px){#wrapper #sidebar{position:relative;height:auto;left:0;z-index:500;width:100%;background:transparent}#wrapper #sidebar .logo{width:62px;left:0;display:flex;justify-content:center;margin-bottom:0;float:left;position:fixed}#wrapper #sidebar .logo span{display:none}#wrapper #sidebar .logo a>i:after,#wrapper #sidebar .logo a>i:before{left:0}#wrapper #sidebar ul.d-menu{display:block;width:100%;margin-top:8.2vh;position:absolute;background:#fff;padding:.3rem 1rem;z-index:600}#wrapper #sidebar ul.d-menu .item:before{display:none}#wrapper #sidebar ul.d-menu li i.right{transform:rotate(0)}#wrapper #sidebar ul.d-menu li ul{display:none}#wrapper #sidebar ul.d-menu li:hover{color:#fff}#wrapper #sidebar ul.d-menu li:hover i.right{transform:rotate(90deg)}#wrapper #sidebar ul.d-menu li:hover ul{display:block}#wrapper #sidebar ul.d-menu li.active>.item{background:transparent;color:#505050;border-radius:5px;box-shadow:none;transition:all .5s ease}#wrapper #sidebar ul.d-menu li.active>.item:hover{background:#910281;color:#f8f9fe;border-radius:5px;box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);transition:all .5s ease}#wrapper #sidebar.hide ul.d-menu{display:none}}#navbar{position:fixed;top:0;right:0;height:60px;width:calc(100vw - 250px);display:flex;align-items:center;justify-content:space-between;background:#fff;z-index:100}#navbar .search{width:30vw;height:5vh;border-radius:2rem;background:hsla(0,0%,91%,.15);border:.5px solid hsla(0,0%,91%,.6);position:relative;overflow:hidden;padding:2px;margin-left:1.5rem}#navbar .search:focus{outline:none}#navbar .search input{border:none;outline:none;height:100%;background:transparent;font-size:.9rem}#navbar .search input:focus{outline:none;box-shadow:none}#navbar ul{list-style:none;display:inline-flex;margin:0;padding:0}#navbar .account .dropdown-menu{background:#fff}#navbar .account .dropdown-menu.show{border:0;padding:0;overflow:hidden;border-bottom-left-radius:.8rem;border-bottom-right-radius:.8rem;box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)}#navbar .account .dropdown-menu.show .dropdown-item{line-height:1.8rem}#navbar .account .dropdown-menu.show .dropdown-item:hover{background:#4285f4;color:#fff}#navbar .account .dropdown-menu span{display:block;width:100%;padding:.25rem 1.5rem;font-weight:400;color:#505050;border-bottom:.1px solid hsla(0,0%,96.9%,.05)}#navbar .account .dropdown-menu span:hover{background:#f8f9fe;cursor:pointer}#navbar .account .custom-drop{background:transparent;border:0;box-shadow:none}#navbar .account .custom-drop span{width:100%;padding:0;margin-left:.3rem;font-weight:400;color:#505050;border-bottom:.1px solid hsla(0,0%,96.9%,.05)}#navbar .account .user-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)}@media (max-width:992px){#navbar{justify-content:flex-end}#navbar .account span{display:none}}a.button{padding:10px 26px!important}#account{height:100vh;display:flex;justify-content:space-between;align-items:center}#account .row{height:90%;width:100%;margin:0;padding:0;background:#f8f9fe;box-shadow:-8px -8px 10px hsla(0,0%,95.3%,.52),8px 8px 10px hsla(0,0%,89.4%,.22);border-radius:8px;overflow:hidden;-webkit-appearance:none}#account .row .content-img{position:relative;padding:1rem}#account .row .content-img .title{display:block;width:90%;margin:0 auto}#account .row .content-img .title h2{letter-spacing:-1px}#account .row .content-img .title p{width:70%;margin:0 auto}#account .row .content-img img{position:absolute;bottom:.8rem;left:0;max-width:65%}#account .row .content-form{background:#fff;padding:2rem;display:flex;align-items:center;justify-content:center}#account .row .content-form .header,#account .row .content-form form{width:100%;margin:0 auto}#account .row .content-form .header label,#account .row .content-form form label{margin:0}#account .row .content-form .header input,#account .row .content-form form input{border-radius:36px}.img-vvo-logo{width:250px}.btn-otes{background:#910281!important;color:#fff!important}.loading-shading-mui{position:absolute;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.3)}.loading-icon-mui{position:absolute;font-size:20px;top:calc(45% - 10px);left:calc(50% - 10px);z-index:2000}.content-header{display:inline-flex;justify-content:space-between;width:100%;background-color:#fff;padding:10px;height:50px}.content-header .title h2{color:#505050;font-size:1.3rem}.content-card{max-width:1200px;display:grid;grid-gap:.4rem;margin:0 auto 1rem}.content-card .col{color:#505050;background:#fff;padding:1rem;border-radius:.43rem;box-shadow:0 4px 7px rgba(50,50,93,.11)}.content-card .col .body{display:flex;justify-content:space-between;margin-bottom:.8rem}.content-card .col .body .title{line-height:2rem}.content-card .col .body .title span,.content-card .col .body .title strong{display:block}.content-card .col .body .title strong{font-size:1.5rem}.content-card .col .body .icon{display:flex;align-items:center}.content-card .col .body .icon i{padding:.6rem .5rem;font-size:2rem;border-radius:.8rem}.content-card .col .body .f1{color:#4b7bec;background:rgba(75,123,236,.4)}.content-card .col .body .f2{color:#fdc53d;background:rgba(253,197,61,.4)}.content-card .col .body .f3{color:#20c997;background:rgba(32,201,151,.4)}.content-card .col .body .f4{color:#ff818d;background:rgba(255,129,141,.4)}.content-card .col .body .f5{color:#4285f4;background:rgba(66,133,244,.4)}.content-card .col .footer{display:flex;align-items:flex-end}.content-card .col .footer i{margin-right:.2rem;font-size:2rem;margin-bottom:-.1rem}.content-card .col .footer i.down{color:#ff818d;margin-bottom:-.1rem;transform:rotate(180deg)}.content-card .col .footer i,.content-card .col .footer span{color:#20c997}.content-card .col .footer span{margin-right:.6rem;font-weight:600}.content-card .col .footer span.down{color:#ff818d}.content-card .col .footer p{margin:0}@media (max-width:576px){.content-card{grid-template-columns:repeat(1,1fr)}}@media (min-width:576px) and (max-width:767.98px){.content-card{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px) and (max-width:1099.98px){.content-card{grid-template-columns:repeat(3,1fr)}}@media (min-width:1100px){.content-card{grid-template-columns:repeat(4,1fr)}}.content-chart{background:#fff;border-radius:.43rem;box-shadow:0 4px 7px rgba(50,50,93,.11);padding:1rem}.content-chart h3{font-size:1.2rem}
/*# sourceMappingURL=main.6a69cc8c.chunk.css.map */