@import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Poppins:wght@400;500;600;700&display=swap);@import url(https://unpkg.com/boxicons@2.0.9/css/boxicons.min.css);*{box-sizing:border-box;margin:0;padding:0}p,td,th{font-size:14px}a{text-decoration:none}li{list-style:none}.logo{margin-top:1em;width:6em}.logo-left{min-width:60px}ol,ul{padding-left:0}:root{--poppins:"Poppins",sans-serif;--lato:"Lato",sans-serif;--jacaranda-green:#3e8a65;--light:#f9f9f9;--purple:#866acd;--light-blue:#cfe8ff;--grey:#eee;--dark-grey:#aaa;--dark:#342e37;--red:#db504a;--yellow:#ffce26;--light-yellow:#fff2c6;--orange:#fd7238;--light-orange:#ffe0d3;--green:#0fbe40;--white:#fff}html{overflow-x:hidden}body.dark{--light:#151536;--grey:#060714;--dark:#fbfbfb}body{background:#eee;background:var(--grey);overflow-x:hidden}label{color:#342e37;color:var(--dark)}#loader{bottom:0;display:block;height:2em;left:0;margin:auto;overflow:show;position:fixed;right:0;top:0;width:2em;z-index:9999}#ct-container{z-index:10000!important}#loader:before{background:radial-gradient(hsla(0,0%,8%,.8),rgba(0,0,0,.8));background:-webkit-radial-gradient(hsla(0,0%,8%,.8),rgba(0,0,0,.8));content:"";display:block;height:100%;left:0;position:fixed;top:0;width:100%}#loader:not(:required){background-color:initial;border:0;color:transparent;font:0/0 a;text-shadow:none}#loader:not(:required):after{-webkit-animation:spinner .15s linear infinite;animation:spinner .15s linear infinite;border-radius:.5em;box-shadow:1.5em 0 0 0 hsla(0,0%,100%,.75),1.1em 1.1em 0 0 hsla(0,0%,100%,.75),0 1.5em 0 0 hsla(0,0%,100%,.75),-1.1em 1.1em 0 0 hsla(0,0%,100%,.75),-1.5em 0 0 0 hsla(0,0%,100%,.75),-1.1em -1.1em 0 0 hsla(0,0%,100%,.75),0 -1.5em 0 0 hsla(0,0%,100%,.75),1.1em -1.1em 0 0 hsla(0,0%,100%,.75);content:"";display:block;font-size:10px;height:1em;margin-top:-.5em;width:1em}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.login-body{min-height:100vh;width:100vw}.bg-purple{background-color:#866acd}.login-widget{height:auto;width:30vw}.login-widget label{color:#fff;display:inline-block;font-weight:700;margin:.5em 1em}.login-logo{width:100%}.logo-container{background:#fff;padding:3em}input[type=date],input[type=email],input[type=file],input[type=password],input[type=text],textarea{border:1px solid #b4b4b4;border-radius:1em;font-size:1em;margin-bottom:1em;max-width:100%;min-height:3em;padding:1em;width:100%}input[type=submit]{width:auto}input[type=search]{border:1px solid #b4b4b4;border-radius:5px;font-size:14px;margin-bottom:2em;margin-left:1em;padding:.5em}.paginate_button{background:#3e8a65;color:#fff;transition:all .5s!important}.paginate_button,.paginate_button.current{border:2px solid #3e8a65;border-radius:5px;font-size:14px;font-weight:600;margin:1em 5px;padding:.5em 1em}.paginate_button.current,.paginate_button:hover{background:#fff;color:#3e8a65}.dataTables_paginate{margin:2em 0}.login-btn{background:#3e8a65;border:2px solid #3e8a65;border-radius:3em;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:4em;letter-spacing:1px;margin-bottom:1em;margin-left:auto;margin-right:auto;padding:1em 2em;width:100%}.login-btn:hover{background:#fff;border:2px solid #3e8a65;color:#3e8a65}.btn-submit{grid-gap:10px;align-items:center;background:#3e8a65;background:var(--jacaranda-green);border:2px solid #3e8a65;border:2px solid var(--jacaranda-green);border-radius:5px;color:#fff;color:var(--white);display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;padding:.5em 1em;transition:all .5s!important}.btn-submit:hover{background:#fff;background:var(--white);color:#3e8a65;color:var(--jacaranda-green)}#sidebar{background:#f9f9f9;background:var(--light);font-family:Lato,sans-serif;font-family:var(--lato);height:100%;left:0;overflow-x:hidden;position:fixed;scrollbar-width:none;top:0;transition:.3s ease;width:280px;z-index:2000}#sidebar::--webkit-scrollbar{display:none}#sidebar.hide{width:60px}#sidebar .brand{align-items:center;background:#f9f9f9;background:var(--light);box-sizing:initial;color:#866acd;color:var(--purple);display:flex;font-size:24px;font-weight:700;height:56px;left:0;padding-bottom:20px;position:-webkit-sticky;position:sticky;top:0;z-index:500}#sidebar .brand .bx{display:flex;justify-content:center;min-width:60px}#sidebar .side-menu{margin-top:48px;width:100%}#sidebar .side-menu li{background:transparent;border-radius:48px 0 0 48px;height:48px;margin-left:6px;padding:4px}#sidebar .side-menu li.active{background:#eee;background:var(--grey);position:relative}#sidebar .side-menu li.active:before{box-shadow:20px 20px 0 #eee;box-shadow:20px 20px 0 var(--grey);top:-40px}#sidebar .side-menu li.active:after,#sidebar .side-menu li.active:before{border-radius:50%;content:"";height:40px;position:absolute;right:0;width:40px;z-index:-1}#sidebar .side-menu li.active:after{bottom:-40px;box-shadow:20px -20px 0 #eee;box-shadow:20px -20px 0 var(--grey)}#sidebar .side-menu li a{align-items:center;background:#f9f9f9;background:var(--light);border-radius:48px;color:#342e37;color:var(--dark);display:flex;font-size:16px;height:100%;overflow-x:hidden;white-space:nowrap;width:100%}#sidebar .side-menu.top li.active a{color:#866acd;color:var(--purple)}#sidebar.hide .side-menu li a{transition:width .3s ease;width:40px}#sidebar .side-menu li a.logout{color:#db504a;color:var(--red)}#sidebar .side-menu.top li a:hover{color:#866acd;color:var(--purple)}#sidebar .side-menu li a .bx{display:flex;justify-content:center;min-width:40px}#content{left:280px;position:relative;transition:.3s ease;width:calc(100% - 280px)}#sidebar.hide~#content{left:60px;width:calc(100% - 60px)}#content nav{grid-gap:24px;align-items:center;background:#f9f9f9;background:var(--light);display:flex;font-family:Lato,sans-serif;font-family:var(--lato);height:56px;left:0;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}#content nav:before{border-radius:50%;bottom:-40px;box-shadow:-20px -20px 0 #f9f9f9;box-shadow:-20px -20px 0 var(--light);content:"";height:40px;left:0;position:absolute;width:40px}#content nav .bx,#content nav a{color:#342e37;color:var(--dark)}#content nav .bx{cursor:pointer}#content nav .nav-link{font-size:16px;transition:.3s ease}#content nav .nav-link:hover{color:#866acd;color:var(--purple)}#content nav form{margin-right:auto;max-width:400px;width:100%}#content nav form .form-input{align-items:center;display:flex;height:36px}#content nav form .form-input input{background:#eee;background:var(--grey);border:none;border-radius:36px 0 0 36px;color:#342e37;color:var(--dark);flex-grow:1;height:100%;outline:none;padding:0 16px;width:100%}#content nav form .form-input button{align-items:center;background:#866acd;background:var(--purple);border:none;border-radius:0 36px 36px 0;color:#f9f9f9;color:var(--light);cursor:pointer;display:flex;font-size:18px;height:100%;justify-content:center;outline:none;width:36px}#content nav .notification{font-size:20px;position:relative}#content nav .notification .num{align-items:center;background:#db504a;background:var(--red);border:2px solid #f9f9f9;border:2px solid var(--light);border-radius:50%;color:#f9f9f9;color:var(--light);display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;position:absolute;right:-6px;top:-6px;width:20px}#content nav .profile img{border-radius:50%;height:36px;object-fit:cover;width:36px}#content nav .switch-mode{background:#eee;background:var(--grey);border-radius:25px;cursor:pointer;display:block;height:25px;min-width:50px;position:relative}#content nav .switch-mode:before{background:#866acd;background:var(--purple);border-radius:50%;bottom:2px;content:"";left:2px;position:absolute;top:2px;transition:all .3s ease;width:21px}#content nav #switch-mode:checked+.switch-mode:before{left:calc(100% - 23px)}#content main{font-family:Poppins,sans-serif;font-family:var(--poppins);max-height:calc(100vh - 56px);overflow-y:auto;padding:36px 24px;width:100%}#content main .head-title{grid-gap:16px;align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}#content main .head-title .left h1{color:#342e37;color:var(--dark);font-size:36px;font-weight:600;margin-bottom:10px}#content main .head-title .left .breadcrumb{grid-gap:16px;align-items:center;display:flex}#content main .head-title .left .breadcrumb li{color:#342e37;color:var(--dark)}#content main .head-title .left .breadcrumb li a{color:#aaa;color:var(--dark-grey);pointer-events:none}#content main .head-title .left .breadcrumb li a.active{color:#866acd;color:var(--purple);pointer-events:inherit}#content main .head-title .btn-download{grid-gap:10px;align-items:center;background:#3e8a65;background:var(--jacaranda-green);border:2px solid #3e8a65;border:2px solid var(--jacaranda-green);border-radius:5px;color:#fff;color:var(--white);display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;padding:.5em 1em;transition:all .5s!important}#content main .head-title .btn-download:hover{background:#fff;background:var(--white);color:#3e8a65;color:var(--jacaranda-green)}#content main .box-info{grid-gap:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:36px}#content main .box-info li{grid-gap:24px;align-items:center;background:#f9f9f9;background:var(--light);border-radius:20px;display:flex;padding:24px}#content main .box-info li .bx{align-items:center;border-radius:10px;display:flex;font-size:36px;height:80px;justify-content:center;width:80px}#content main .box-info li:first-child .bx{background:#cfe8ff;background:var(--light-blue);color:#866acd;color:var(--purple)}#content main .box-info li:nth-child(2) .bx{background:#fff2c6;background:var(--light-yellow);color:#ffce26;color:var(--yellow)}#content main .box-info li:nth-child(3) .bx{background:#ffe0d3;background:var(--light-orange);color:#fd7238;color:var(--orange)}#content main .box-info li .text h3{color:#342e37;color:var(--dark);font-size:24px;font-weight:600}#content main .box-info li .text p,#content main .table-data{color:#342e37;color:var(--dark)}#content main .table-data{grid-gap:24px;display:flex;flex-direction:column;flex-wrap:wrap;margin-top:24px;width:100%}#content main .table-data>div{background:#f9f9f9;background:var(--light);border-radius:20px;overflow-x:auto;padding:24px}#content main .table-data .head{grid-gap:16px;align-items:center;display:flex;margin-bottom:24px}#content main .table-data .head h3{font-size:24px;font-weight:600;margin-right:auto}#content main .table-data .head .bx{cursor:pointer}#content main .table-data .order{flex-basis:auto;flex-grow:1}#content main .table-data .order table{border-collapse:collapse;width:100%}#content main .table-data .order table th{border-bottom:1px solid #eee;border-bottom:1px solid var(--grey);font-size:13px;padding-bottom:12px;text-align:left}#content main .table-data .order table td,#content main .table-data .order table th{padding:1em}#content main .table-data .order table tr td:first-child,#content main .table-data .order table tr td:last-child{padding-left:6px}#content main .table-data .order table td img{border-radius:.5em;height:auto;object-fit:cover;width:10em}#content main .table-data .order table tbody tr:hover{background:#eee;background:var(--grey)}#content main .table-data .order table tr td .status{border-radius:5px;font-size:14px;font-weight:600;padding:6px 16px;white-space:nowrap}#content main .table-data .order table tr td .status.completed{background:#0fbe40;background:var(--green);border:2px solid #0fbe40;border:2px solid var(--green);color:#fff;color:var(--white);transition:all .5s!important}#content main .table-data .order table tr td .status.completed:hover{background:#fff;background:var(--white);color:#0fbe40;color:var(--green)}#content main .table-data .order table tr td .status.process{background:#ffce26;background:var(--yellow);border:2px solid #ffce26;border:2px solid var(--yellow);color:#fff;color:var(--white);transition:all .5s!important}#content main .table-data .order table tr td .status.process:hover{background:#fff;background:var(--white);color:#ffce26;color:var(--yellow)}#content main .table-data .order table tr td .status.pending{background:#fd7238;background:var(--orange);border:2px solid #fd7238;border:2px solid var(--orange);color:#fff;color:var(--white);transition:all .5s!important}#content main .table-data .order table tr td .status.pending:hover{background:#fff;background:var(--white);color:#fd7238;color:var(--orange)}#content main .table-data .order table tr td .status.view{background:#866acd;border:2px solid #866acd;color:#fff;color:var(--white);transition:all .5s!important}#content main .table-data .order table tr td .status.view:hover{background:#fff;background:var(--white);color:#866acd}#content main .table-data .order table tr td .status.delete{background:#ff6161;border:2px solid #ff6161;color:#fff;color:var(--white);transition:all .5s!important}#content main .table-data .order table tr td .status.delete:hover{background:#fff;background:var(--white);color:#ff6161}#content main .table-data .todo{flex-basis:300px;flex-grow:1}#content main .table-data .todo .todo-list{width:100%}#content main .table-data .todo .todo-list li{align-items:center;background:#eee;background:var(--grey);border-radius:10px;display:flex;justify-content:space-between;margin-bottom:16px;padding:14px 20px;width:100%}#content main .table-data .todo .todo-list li .bx{cursor:pointer}#content main .table-data .todo .todo-list li.completed{border-left:10px solid #0fbe40;border-left:10px solid var(--green)}#content main .table-data .todo .todo-list li.not-completed{border-left:10px solid #fd7238;border-left:10px solid var(--orange)}#content main .table-data .todo .todo-list li:last-child{margin-bottom:0}.copyright{align-items:center;background:#f9f9f9;background:var(--light);border-radius:20px;display:flex;justify-content:center;overflow-x:hidden;padding:24px;white-space:normal}.copyright p{color:#342e37;color:var(--dark);margin:0}.dataTables_filter{float:right;margin-top:-3em}@media screen and (max-width:768px){#sidebar{width:200px}#content{left:200px;width:calc(100% - 60px)}#content nav .nav-link{display:none}}@media screen and (max-width:576px){.logo{margin-top:1em;width:4em}.login-widget{height:auto;width:90vw}.no-mobile{display:none}.dataTables_filter{float:left;margin-top:2em}#content nav form .form-input input{display:none}#content nav form .form-input button{background:transparent;border-radius:none;color:#342e37;color:var(--dark);height:auto;width:auto}#content nav form.show .form-input input{display:block;width:100%}#content nav form.show .form-input button{background:#db504a;background:var(--red);border-radius:0 36px 36px 0;color:#f9f9f9;color:var(--light);height:100%;width:36px}#content main .table-data{grid-gap:24px;color:#342e37;color:var(--dark);display:flex;flex-direction:row;flex-wrap:wrap;margin-top:24px;width:100%}#content nav form.show~.notification,#content nav form.show~.profile{display:none}#content main .box-info{grid-template-columns:1fr}#content main .table-data .head,#content main .table-data .order table,#content main .table-data .todo .todo-list{min-width:420px}}