@import url(https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montez&family=Montserrat:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Bungee+Spice&display=swap);.rodal,.rodal-mask{height:100%;left:0;top:0;width:100%;z-index:100}.rodal{position:fixed}.rodal-mask{background:rgba(0,0,0,.3);position:absolute}.rodal-dialog{background:#fff;border-radius:3px;bottom:0;box-shadow:0 1px 3px rgba(0,0,0,.2);left:0;margin:auto;padding:15px;position:absolute;right:0;top:0;z-index:101}.rodal-dialog:focus{outline:none}.rodal-close{cursor:pointer;height:16px;position:absolute;right:16px;top:16px;width:16px}.rodal-close:after,.rodal-close:before{background:#999;border-radius:100%;content:"";height:2px;left:0;margin-top:-1px;position:absolute;top:50%;transition:background .2s;width:100%}.rodal-close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.rodal-close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.rodal-close:hover:after,.rodal-close:hover:before{background:#333}@-webkit-keyframes rodal-fade-enter{0%{opacity:0}}@keyframes rodal-fade-enter{0%{opacity:0}}.rodal-fade-enter{-webkit-animation:rodal-fade-enter ease-in both;animation:rodal-fade-enter ease-in both}@-webkit-keyframes rodal-fade-leave{to{opacity:0}}@keyframes rodal-fade-leave{to{opacity:0}}.rodal-fade-leave{-webkit-animation:rodal-fade-leave ease-out both;animation:rodal-fade-leave ease-out both}@-webkit-keyframes rodal-zoom-enter{0%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes rodal-zoom-enter{0%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.rodal-zoom-enter{-webkit-animation:rodal-zoom-enter cubic-bezier(.4,0,0,1.5) both;animation:rodal-zoom-enter cubic-bezier(.4,0,0,1.5) both}@-webkit-keyframes rodal-zoom-leave{to{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes rodal-zoom-leave{to{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.rodal-zoom-leave{-webkit-animation:rodal-zoom-leave both;animation:rodal-zoom-leave both}@-webkit-keyframes rodal-slideDown-enter{0%{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}}@keyframes rodal-slideDown-enter{0%{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}}.rodal-slideDown-enter{-webkit-animation:rodal-slideDown-enter cubic-bezier(.4,0,0,1.5) both;animation:rodal-slideDown-enter cubic-bezier(.4,0,0,1.5) both}@-webkit-keyframes rodal-slideDown-leave{to{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}}@keyframes rodal-slideDown-leave{to{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}}.rodal-slideDown-leave{-webkit-animation:rodal-slideDown-leave both;animation:rodal-slideDown-leave both}@-webkit-keyframes rodal-slideLeft-enter{0%{-webkit-transform:translate3d(-150px,0,0);transform:translate3d(-150px,0,0)}}@keyframes rodal-slideLeft-enter{0%{-webkit-transform:translate3d(-150px,0,0);transform:translate3d(-150px,0,0)}}.rodal-slideLeft-enter{-webkit-animation:rodal-slideLeft-enter cubic-bezier(.4,0,0,1.5) both;animation:rodal-slideLeft-enter cubic-bezier(.4,0,0,1.5) both}@-webkit-keyframes rodal-slideLeft-leave{to{-webkit-transform:translate3d(-150px,0,0);transform:translate3d(-150px,0,0)}}@keyframes rodal-slideLeft-leave{to{-webkit-transform:translate3d(-150px,0,0);transform:translate3d(-150px,0,0)}}.rodal-slideLeft-leave{-webkit-animation:rodal-slideLeft-leave both;animation:rodal-slideLeft-leave both}@-webkit-keyframes rodal-slideRight-enter{0%{-webkit-transform:translate3d(150px,0,0);transform:translate3d(150px,0,0)}}@keyframes rodal-slideRight-enter{0%{-webkit-transform:translate3d(150px,0,0);transform:translate3d(150px,0,0)}}.rodal-slideRight-enter{-webkit-animation:rodal-slideRight-enter cubic-bezier(.4,0,0,1.5) both;animation:rodal-slideRight-enter cubic-bezier(.4,0,0,1.5) both}@-webkit-keyframes rodal-slideRight-leave{to{-webkit-transform:translate3d(150px,0,0);transform:translate3d(150px,0,0)}}@keyframes rodal-slideRight-leave{to{-webkit-transform:translate3d(150px,0,0);transform:translate3d(150px,0,0)}}.rodal-slideRight-leave{-webkit-animation:rodal-slideRight-leave both;animation:rodal-slideRight-leave both}@-webkit-keyframes rodal-slideUp-enter{0%{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}}@keyframes rodal-slideUp-enter{0%{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}}.rodal-slideUp-enter{-webkit-animation:rodal-slideUp-enter cubic-bezier(.4,0,0,1.5) both;animation:rodal-slideUp-enter cubic-bezier(.4,0,0,1.5) both}@-webkit-keyframes rodal-slideUp-leave{to{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}}@keyframes rodal-slideUp-leave{to{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}}.rodal-slideUp-leave{-webkit-animation:rodal-slideUp-leave both;animation:rodal-slideUp-leave both}@-webkit-keyframes rodal-flip-enter{0%{-webkit-transform:perspective(400px) rotateX(60deg);transform:perspective(400px) rotateX(60deg)}70%{-webkit-transform:perspective(400px) rotateX(-15deg);transform:perspective(400px) rotateX(-15deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes rodal-flip-enter{0%{-webkit-transform:perspective(400px) rotateX(60deg);transform:perspective(400px) rotateX(60deg)}70%{-webkit-transform:perspective(400px) rotateX(-15deg);transform:perspective(400px) rotateX(-15deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.rodal-flip-enter{-webkit-animation:rodal-flip-enter ease-in both;animation:rodal-flip-enter ease-in both;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes rodal-flip-leave{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-15deg);transform:perspective(400px) rotateX(-15deg)}to{-webkit-transform:perspective(400px) rotateX(45deg);transform:perspective(400px) rotateX(45deg)}}@keyframes rodal-flip-leave{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-15deg);transform:perspective(400px) rotateX(-15deg)}to{-webkit-transform:perspective(400px) rotateX(45deg);transform:perspective(400px) rotateX(45deg)}}.rodal-flip-leave{-webkit-animation:rodal-flip-leave both;animation:rodal-flip-leave both;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes rodal-rotate-enter{0%{-webkit-transform:rotate(-180deg) scale3d(.3,.3,.3);transform:rotate(-180deg) scale3d(.3,.3,.3)}}@keyframes rodal-rotate-enter{0%{-webkit-transform:rotate(-180deg) scale3d(.3,.3,.3);transform:rotate(-180deg) scale3d(.3,.3,.3)}}.rodal-rotate-enter{-webkit-animation:rodal-rotate-enter both;animation:rodal-rotate-enter both;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rodal-rotate-leave{to{-webkit-transform:rotate(180deg) scale3d(.3,.3,.3);transform:rotate(180deg) scale3d(.3,.3,.3)}}@keyframes rodal-rotate-leave{to{-webkit-transform:rotate(180deg) scale3d(.3,.3,.3);transform:rotate(180deg) scale3d(.3,.3,.3)}}.rodal-rotate-leave{-webkit-animation:rodal-rotate-leave both;animation:rodal-rotate-leave both;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rodal-door-enter{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}}@keyframes rodal-door-enter{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}}.rodal-door-enter{-webkit-animation:rodal-door-enter cubic-bezier(.4,0,0,1.5) both;animation:rodal-door-enter cubic-bezier(.4,0,0,1.5) both}@-webkit-keyframes rodal-door-leave{60%{-webkit-transform:scaleX(.01);transform:scaleX(.01)}to{-webkit-transform:scale3d(0,1,.1);transform:scale3d(0,1,.1)}}@keyframes rodal-door-leave{60%{-webkit-transform:scaleX(.01);transform:scaleX(.01)}to{-webkit-transform:scale3d(0,1,.1);transform:scale3d(0,1,.1)}}.rodal-door-leave{-webkit-animation:rodal-door-leave both;animation:rodal-door-leave both}.EZDrawer .EZDrawer__checkbox{display:none}.EZDrawer .EZDrawer__checkbox:checked~.EZDrawer__overlay{display:block;opacity:1}.EZDrawer .EZDrawer__checkbox:checked~.EZDrawer__container{-webkit-transform:translateZ(0)!important;transform:translateZ(0)!important;visibility:visible}.EZDrawer .EZDrawer__overlay{display:none;height:100vh;left:0;position:fixed;top:0;width:100%}.EZDrawer .EZDrawer__container{background:#fff;box-shadow:0 0 10px 5px rgba(0,0,0,.1);position:fixed;transition:all;visibility:hidden}*{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}html{font-size:1rem}body{color:#1d1d1d;font-family:Montserra,sans-serif}ul{list-style-type:none}a{color:inherit;text-decoration:none}a:hover{color:#1d1d1d;cursor:pointer}.grid-col-0{grid-template-columns:repeat(0,1fr)}.grid-col-1{grid-template-columns:repeat(1,1fr)}.grid-col-2{grid-template-columns:repeat(2,1fr)}.grid-col-3{grid-template-columns:repeat(3,1fr)}.grid-col-4{grid-template-columns:repeat(4,1fr)}.grid-col-5{grid-template-columns:repeat(5,1fr)}.grid-col-6{grid-template-columns:repeat(6,1fr)}.grid-col-7{grid-template-columns:repeat(7,1fr)}.grid-col-8{grid-template-columns:repeat(8,1fr)}@media only screen and (max-width:1024px){.grid-col-md-0{grid-template-columns:repeat(0,1fr)}.grid-col-md-1{grid-template-columns:repeat(1,1fr)}.grid-col-md-2{grid-template-columns:repeat(2,1fr)}.grid-col-md-3{grid-template-columns:repeat(3,1fr)}.grid-col-md-4{grid-template-columns:repeat(4,1fr)}.grid-col-md-5{grid-template-columns:repeat(5,1fr)}.grid-col-md-6{grid-template-columns:repeat(6,1fr)}.grid-col-md-7{grid-template-columns:repeat(7,1fr)}.grid-col-md-8{grid-template-columns:repeat(8,1fr)}}@media only screen and (max-width:600px){.grid-col-sm-0{grid-template-columns:repeat(0,1fr)}.grid-col-sm-1{grid-template-columns:repeat(1,1fr)}.grid-col-sm-2{grid-template-columns:repeat(2,1fr)}.grid-col-sm-3{grid-template-columns:repeat(3,1fr)}.grid-col-sm-4{grid-template-columns:repeat(4,1fr)}.grid-col-sm-5{grid-template-columns:repeat(5,1fr)}.grid-col-sm-6{grid-template-columns:repeat(6,1fr)}.grid-col-sm-7{grid-template-columns:repeat(7,1fr)}.grid-col-sm-8{grid-template-columns:repeat(8,1fr)}}.container{margin:auto;max-width:1620px;padding:0;width:100%}@media only screen and (max-width:1024px){.container{padding:0 20px}}@media only screen and (max-width:600px){.container{padding:0 10px}}.layout{max-width:1920px}.main{margin-bottom:2rem;margin-top:110px;min-height:100vh}@media only screen and (max-width:1024px){.main{margin-top:90px}}@media only screen and (max-width:600px){.main{margin-top:50px}}.grid{display:grid}.rate{color:#f7b500;font-size:1.2rem;margin-right:5px;right:10px}.flash-message{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 5px 8px 3px #828282;-webkit-box-shadow:0 5px 8px 3px #828282;-moz-box-shadow:0 5px 8px 3px #828282;display:flex;justify-content:center;min-height:60px;position:absolute;right:600px;top:20px;width:300px;z-index:99}.admin{background-color:#f5f5f5;min-height:100vh}.admin,.admin__nav{align-items:flex-start;display:flex;justify-content:flex-start}.admin__nav{background-color:#fff;box-shadow:2px 2px 8px 1px #f7f7f7;-webkit-box-shadow:2px 2px 8px 1px #f7f7f7;-moz-box-shadow:2px 2px 8px 1px #f7f7f7;flex:1.1 1;flex-direction:column;height:100vh;z-index:11}.admin__nav__header{font-family:Bungee Spice;font-size:1.2rem;height:200px}.admin__nav__header,.admin__nav__subnav{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.admin__nav__subnav{margin-top:20px}.admin__nav__subnav__item{align-items:center;color:#5c6f70;display:flex;justify-content:flex-start;padding:15px 30px;width:90%}.admin__nav__subnav__item .icon{font-size:1.2rem;margin-right:10px}.admin__nav__subnav__item:hover{color:#01b6fe;cursor:pointer}.admin__nav__subnav .active{background-color:#35c5fe;border-radius:10px;box-shadow:1px 8px 10px rgba(34,144,253,.7);-webkit-box-shadow:1px 8px 10px rgba(34,144,253,.7);-moz-box-shadow:1px 8px 10px rgba(34,144,253,.7);color:#fff;margin-right:10px}.admin__nav__logout{align-items:flex-end;display:flex;height:100%;justify-content:center;margin-bottom:50px;width:100%}.admin__nav__logout .btn-logout{align-items:center;background-color:#35c5fe;border-radius:10px;color:#fff;display:flex;height:50px;justify-content:center;width:80%}.admin__nav__logout .btn-logout .icon{font-size:1.2rem;margin-right:10px}.admin__nav__logout .btn-logout:hover{background-color:#01b6fe;cursor:pointer}.admin__main{flex:5 1;height:100vh;overflow:auto}.admin__main::-webkit-scrollbar{display:none}.admin__main__header{align-items:center;background-color:#fff;box-shadow:0 2px 8px 1px #f7f7f7;-webkit-box-shadow:0 2px 8px 1px #f7f7f7;-moz-box-shadow:0 2px 8px 1px #f7f7f7;display:flex;height:70px;justify-content:flex-end;padding:0 10px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:10}.admin__main__header>*{margin:0 10px}.admin__main__header>:hover{cursor:pointer}.admin__main__header__icon{color:#35c5fe;font-size:1.4rem;position:relative}.admin__main__header__icon .number{align-items:center;background-color:#049410;border-radius:50%;color:#fff;display:flex;font-size:.7rem;height:16px;justify-content:center;left:-2px;position:absolute;top:0;width:16px}.admin__main__header__avatar{height:35px;width:35px}.admin__main__header__avatar img{border-radius:50%;height:100%;width:100%}.admin__main__body{padding:20px}.admin__main__body>*~*{padding:5px}.admin__main__body__subtitle,.admin__main__body__title{font-size:1.2rem;font-weight:600}.admin__main__body__title{margin-bottom:20px}.admin__main__body__title .space{margin:0 10px}.admin__main__body__subtitle{padding:40px 0 20px}.admin__main__body__cards{align-items:center;display:flex;justify-content:space-between}.admin__main__body__cards .card{align-items:center;border:none;border-radius:10px;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:150px;width:32%}.admin__main__body__cards .card>*{margin:2px 0}.admin__main__body__cards .card__icon{font-size:2rem}.admin__main__body__cards .card__title{font-weight:lighter}.admin__main__body__cards .card__money{font-size:1.8rem}.admin__main__body__cards .color-0694A2{background-color:#0694a2}.admin__main__body__cards .color-0646A2{background-color:#0646a2}.admin__main__body__cards .color-06A262{background-color:#06a262}.admin__main__body__subcards{align-items:center;display:flex;justify-content:space-between}.admin__main__body__subcards .subcard{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:10px;display:flex;height:80px;justify-content:flex-start;padding:10px;width:24%}.admin__main__body__subcards .subcard__icon{align-items:center;border-radius:50%;display:flex;font-size:1.4rem;height:50px;justify-content:center;margin-right:15px;width:50px}.admin__main__body__subcards .subcard .color-DED7FB{background-color:#ded7fb;color:#673ab7}.admin__main__body__subcards .subcard .color-F7E3EE{background-color:#f7e3ee;color:#f50057}.admin__main__body__subcards .subcard .color-FBF4E2{background-color:#fbf4e2;color:#f9a825}.admin__main__body__subcards .subcard .color-B9F8B9{background-color:#b9f8b9;color:#4caf50}.admin__main__body__subcards .subcard__info__title{color:#5c6f70;font-size:.9rem}.admin__main__body__subcards .subcard__info__amount{color:#5c6f70;font-size:1.5rem;font-weight:600}.admin__main__body__table .table{background-color:#fff;border:1px solid #ccc;border-collapse:collapse;border-radius:10px;font-size:.8rem;height:auto;margin:0;padding:0;width:100%}.admin__main__body__table .table__body,.admin__main__body__table .table__header{align-items:center;display:flex;justify-content:center;min-height:50px}.admin__main__body__table .table__body__item,.admin__main__body__table .table__header__item{flex:1 1;padding:0 10px}.admin__main__body__table .table__body .address,.admin__main__body__table .table__header .address{flex:2 1}.admin__main__body__table .table__body .category,.admin__main__body__table .table__header .category{align-items:flex-start;display:flex;flex:2 1;justify-content:flex-start}.admin__main__body__table .table__body .category .item-spc,.admin__main__body__table .table__header .category .item-spc{background-color:#f7f7f7;border-radius:20px;color:#5c6f70;margin-right:5px;padding:2px 8px}.admin__main__body__table .table__body .name,.admin__main__body__table .table__header .name{flex:2.5 1}.admin__main__body__table .table__body .action,.admin__main__body__table .table__header .action{flex:1.5 1}.admin__main__body__table .table__body .flex-id,.admin__main__body__table .table__header .flex-id{flex:.2 1}.admin__main__body__table .table__body .flex-action,.admin__main__body__table .table__header .flex-action{flex:.5 1}.admin__main__body__table .table__body .invoice,.admin__main__body__table .table__header .invoice{align-items:center;display:flex;flex:.5 1;justify-content:center}.admin__main__body__table .table__header{background-color:#d8f0fa;border-bottom:1px solid #ccc;border-top-left-radius:10px;border-top-right-radius:10px}.admin__main__body__table .table__header__item{color:#5c6f70;font-weight:600;text-transform:uppercase}.admin__main__body__table .table__body{border-bottom:1px solid #ccc}.admin__main__body__table .table__body__item{flex:1 1;font-size:.9rem;text-transform:capitalize}.admin__main__body__table .table__body__item .product-name{align-items:center;display:flex;justify-content:flex-start}.admin__main__body__table .table__body__item img{border-radius:50%;box-shadow:0 3px 5px -1px hsla(210,8%,62%,.7);height:40px;margin-right:10px;padding:2px;width:40px}.admin__main__body__table .table__body__item .img-recipe{border-radius:10px;height:120px;margin:10px;object-fit:fill;width:180px}.admin__main__body__table .table__body__item .img-country{box-shadow:none;width:50px}.admin__main__body__table .table__body__item .txt-bold{font-weight:600}.admin__main__body__table .table__body__item .select-process{background-color:#fff;border:1px solid #ccc;border-radius:5px;font-size:.8rem;height:30px;padding:0 10px;width:100%}.admin__main__body__table .table__body__item .select-process:focus{border:1px solid #aaa;outline:none}.admin__main__body__table .table__body__item .status{border-radius:20px;font-size:.8rem;padding:5px 10px}.admin__main__body__table .table__body__item .color-F7E3EE{background-color:#f7e3ee;color:#f50057}.admin__main__body__table .table__body__item .color-FBF4E2{background-color:#fbf4e2;color:#f9a825}.admin__main__body__table .table__body__item .color-B9F8B9{background-color:#b9f8b9;color:#4caf50}.admin__main__body__table .table__body__item .color-cancel{background-color:#f7f7f7;color:#5c6f70}.admin__main__body__table .table__body__item .flex-center{align-items:center;display:flex;justify-content:center}.admin__main__body__table .table__body__item .delete,.admin__main__body__table .table__body__item .edit,.admin__main__body__table .table__body__item .recipe,.admin__main__body__table .table__body__item .show{color:#5c6f70;font-size:1.2rem;margin-right:5px}.admin__main__body__table .table__body__item .delete:hover,.admin__main__body__table .table__body__item .edit:hover,.admin__main__body__table .table__body__item .recipe:hover,.admin__main__body__table .table__body__item .show:hover{cursor:pointer}.admin__main__body__table .table__body__item .show:hover{color:#03a9f4}.admin__main__body__table .table__body__item .edit:hover{color:#06a262}.admin__main__body__table .table__body__item .delete:hover{color:#f50057}.admin__main__body__table .table__body__item .recipe:hover{color:#f9a825}.admin__main__body__table .table__body__item .toggle-on{color:#06a262;font-size:2.5rem}.admin__main__body__table .table__body__item .toggle-on:hover{cursor:pointer}.admin__main__body__table .table__body__item .toggle-off{color:#f50057;font-size:2.5rem}.admin__main__body__table .table__body__item .toggle-off:hover{cursor:pointer}.admin__main__body__table .table__footer{align-items:center;display:flex;justify-content:space-between;min-height:50px}.admin__main__body__table .table__footer__show{color:#5c6f70;font-weight:600;padding:0 10px}.admin__main__body__table .table__footer__pagination{align-items:center;display:flex;font-size:.7rem;justify-content:center}.admin__main__body__table .table__footer__pagination .next,.admin__main__body__table .table__footer__pagination .page,.admin__main__body__table .table__footer__pagination .prev{align-items:center;border-radius:5px;display:flex;height:30px;justify-content:center;margin:0 1px;width:30px}.admin__main__body__table .table__footer__pagination .next:hover,.admin__main__body__table .table__footer__pagination .page:hover,.admin__main__body__table .table__footer__pagination .prev:hover{background-color:#f7f7f7;cursor:pointer}.admin__main__body__table .table__footer__pagination .selected{background-color:#35c5fe;color:#fff}.admin__main__body__table .table__footer__pagination .selected:hover{background-color:#35c5fe}.admin__main__body__table .table__footer__pagination .disable{color:#aaa}.admin__main__body__table .table__footer__pagination .disable:hover{background-color:#fff;cursor:not-allowed}.admin__main__body__setting{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:10px;color:#5c6f70;display:flex;flex-direction:column;font-size:.9rem;justify-content:space-between;margin-bottom:40px;min-height:100px;padding:15px;width:100%}.admin__main__body__setting>*{align-items:center;border-radius:10px;display:flex;height:50px;justify-content:flex-start;padding:0 10px}.admin__main__body__setting .search{border:1px solid #ccc;border-radius:10px;color:#5c6f70;margin-left:20px;margin-right:20px;padding:10px;width:300px}.admin__main__body__setting .search:focus{background-color:#fff;outline:none}.admin__main__body__setting .search::-webkit-input-placeholder{color:#5c6f70}.admin__main__body__setting .search::placeholder{color:#5c6f70}.admin__main__body__search{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:10px;color:#5c6f70;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:40px;min-height:100px;padding:0 15px;width:100%}.admin__main__body__search>*{align-items:center;background-color:#f7f7f7;border:1px solid #ccc;border-radius:10px;display:flex;height:50px;justify-content:flex-start;padding:0 10px}.admin__main__body__search .search{color:#5c6f70}.admin__main__body__search .search:focus{background-color:#fff;outline:none}.admin__main__body__search .search::-webkit-input-placeholder{color:#5c6f70}.admin__main__body__search .search::placeholder{color:#5c6f70}.admin__main__body__search .select{width:50px}.admin__main__body__search .select:focus{outline:none}.admin__main__body__search .button{align-items:center;background-color:#35c5fe;color:#fff;display:flex;justify-content:center}.admin__main__body__search .button .icon{font-size:1.2rem;margin-right:5px}.admin__main__body__search .button:hover{background-color:#01b6fe;cursor:pointer}.admin__main__body__search .excel{background-color:#3c3}.admin__main__body__search .excel:hover{background-color:#00b300}.admin__main__body__search .delete,.admin__main__body__search .delete:hover{background-color:red}.admin__main__body .past-entries>*,.admin__main__body .students>*{width:60%}.admin__main__body .past-entries .button,.admin__main__body .students .button{width:15%}.admin__main__body .past-entries .excel,.admin__main__body .students .excel{width:10%}.admin__main__body .classes>*{width:78%}.admin__main__body .classes .button{width:10%}.admin__main__body .setting{background-color:#fff}.admin__main__body .setting>*{width:100%}.admin__main__body .setting .button{width:25%}.admin__main__body .button-setting{align-items:center;background-color:#f5f5f5;border:none;display:flex;justify-content:flex-end}.box-shw{border-radius:10px;box-shadow:0 3px 5px -1px hsla(210,8%,62%,.7)}.card-sys{background-color:#fff;min-height:100px;padding:50px;width:100%}.card-sys__item{align-items:flex-start;display:flex;justify-content:space-between}.card-sys__item .title{flex:1 1;font-size:.9rem;margin-top:5px}.card-sys__item .content{align-items:flex-start;display:flex;flex:2 1;flex-direction:column;justify-content:center;margin:10px 0}.card-sys__item .content__container{align-items:center;border:2px dashed #ccc;border-radius:10px;display:flex;flex-direction:column;height:150px;justify-content:center;width:100%}.card-sys__item .content__container:hover{cursor:pointer}.card-sys__item .content__container *{padding:4px 0}.card-sys__item .content__container .icon-upload{color:#35c5fe;font-size:3rem}.card-sys__item .content__container .subtext{color:#5c6f70;font-size:.8rem}.card-sys__item .content__preview{border:1px solid #f7f7f7;border-radius:10px;box-shadow:0 3px 5px -1px hsla(210,8%,62%,.7);height:100px;margin-top:15px;width:80px}.card-sys__item .content__preview img{border-radius:10px;height:100%;object-fit:cover;padding:5px;width:100%}.card-sys__item .content .img-pro{height:100px;width:100px}.card-sys__item .area-container,.card-sys__item .input-container,.card-sys__item .select{min-height:50px;width:100%}.card-sys__item .area-container .list,.card-sys__item .input-container .list,.card-sys__item .select .list{border-bottom:1px solid #ccc;font-size:.8rem;min-height:30px;width:100%}.card-sys__item .area-container input,.card-sys__item .area-container select,.card-sys__item .area-container textarea,.card-sys__item .input-container input,.card-sys__item .input-container select,.card-sys__item .input-container textarea,.card-sys__item .select input,.card-sys__item .select select,.card-sys__item .select textarea{background-color:#f7f7f7;border:1px solid #ccc;border-radius:5px;font-size:.8rem;min-height:50px;padding:0 10px;width:100%}.card-sys__item .area-container input:focus,.card-sys__item .area-container select:focus,.card-sys__item .area-container textarea:focus,.card-sys__item .input-container input:focus,.card-sys__item .input-container select:focus,.card-sys__item .input-container textarea:focus,.card-sys__item .select input:focus,.card-sys__item .select select:focus,.card-sys__item .select textarea:focus{background-color:#fff;border:1px solid #aaa;outline:none}.card-sys__item .area-container{height:auto;min-height:100px}.card-sys__item .area-container textarea{height:100%;min-height:100px}.card-sys__item .area-container,.card-sys__item .input-container{align-items:center;display:flex;justify-content:center;margin-bottom:10px}.card-sys__item .area-container .minus,.card-sys__item .area-container .step,.card-sys__item .input-container .minus,.card-sys__item .input-container .step{align-items:center;border:1px solid #35c5fe;border-radius:50%;color:#35c5fe;display:flex;height:20px;justify-content:center;width:20px}.card-sys__item .area-container .minus,.card-sys__item .input-container .minus{margin-left:10px}.card-sys__item .area-container .minus:hover,.card-sys__item .input-container .minus:hover{background-color:#01b6fe;color:#fff;cursor:pointer}.card-sys__item .area-container .step,.card-sys__item .input-container .step{background-color:#35c5fe;color:#fff;font-size:.8rem;margin-right:10px}.card-sys__item .checkbox{min-height:50px;width:100%}.card-sys__item .checkbox input{min-height:20px;width:20px}.card-sys__date{align-items:center;display:flex;gap:20px;justify-content:flex-start;margin-top:50px;width:100%}.card-sys__date .title{width:10%}.card-sys__date .input{height:40px;padding:0 10px;width:40%}.card-sys__date .minus{border:1px solid #35c5fe;border-radius:50%;height:20px;width:20px}.card-sys__date .minus:hover{background-color:#01b6fe;color:#fff;cursor:pointer}.card-sys__button{align-items:center;display:flex;gap:50px;justify-content:flex-end;margin-top:30px}.card-sys__button .btn-update{align-items:center;background-color:#35c5fe;border:none;border-radius:10px;color:#fff;display:flex;font-size:.9rem;height:50px;justify-content:center;width:140px}.card-sys__button .btn-update:hover{background-color:#01b6fe;cursor:pointer}.card-sys__button .btn-delete{align-items:center;background-color:#f50057;border:none;border-radius:10px;color:#fff;display:flex;font-size:.9rem;height:50px;justify-content:center;width:140px}.card-sys__button .btn-delete:hover{background-color:#ff4d4d;cursor:pointer}.card-sys__button .button-container{align-items:center;background-color:#03a9f4;border-radius:10px;color:#fff;display:flex;height:40px;justify-content:center;width:100px}.card-sys__button .button-container:hover{background-color:#01b6fe;cursor:pointer}.button-container{align-items:center;background-color:#03a9f4;border-radius:50%;color:#fff;display:flex;height:20px;justify-content:center;width:20px}.button-container:hover{background-color:#01b6fe;cursor:pointer}.line{background-color:#ccc;height:1px;margin:30px 0;width:100%}.login{align-items:center;display:flex;height:100vh;justify-content:center}.login__card{border:1px solid #f7f7f7;border-radius:10px;box-shadow:0 8px 20px hsla(210,8%,62%,.7);flex-direction:column;min-height:300px;width:400px}.login__main__body__input{align-items:center;border-radius:5px;display:flex;flex-direction:column;height:auto;justify-content:center;margin:10px 0;width:100%}.login__main__body__input input{border:1px solid #aaa;border-radius:5px;height:40px;margin-bottom:30px;outline:none;padding:0 10px;width:80%}.login__main__body__input input::-webkit-input-placeholder{color:#aaa;text-transform:capitalize}.login__main__body__input input::placeholder{color:#aaa;text-transform:capitalize}.login__main__body__input input:focus{border:1px solid #aaa;box-shadow:0 3px 5px -1px hsla(210,8%,62%,.7);outline:1px solid #aaa}.login__header{align-items:center;display:flex;flex-direction:column;font-family:Bungee Spice;font-size:1.2rem;height:100px;justify-content:center;width:100%}.login__header .text-header{font-size:large}.login__button__login{align-items:flex-end;display:flex;height:100%;justify-content:center;margin-bottom:50px;width:100%}.login__button__login .btn-login{align-items:center;background-color:#35c5fe;border-radius:5px;color:#fff;display:flex;height:40px;justify-content:center;width:80%}.login__button__login .btn-login:hover{background-color:#01b6fe;cursor:pointer}.login__button__login .text-register{align-items:center;display:flex;font-weight:700;justify-content:center;padding:20}.login__button__login .text-register:hover{background-color:#d8d6d6;border-radius:15;padding:20}.drawer{overflow:auto}.drawer::-webkit-scrollbar{display:none}.drawer__footer,.drawer__header{align-items:center;background-color:#f7f7f7;display:flex;height:100px;justify-content:space-between;padding:0 20px;position:-webkit-sticky;position:sticky;z-index:10}.drawer__body{min-height:calc(100vh - 200px)}.drawer__header{border-bottom:1px solid #eee;top:0}.drawer__header__subtitle{color:#5c6f70;font-size:.9rem}.drawer__header__close{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 3px 5px -1px hsla(210,8%,62%,.7);display:flex;height:40px;justify-content:center;width:40px}.drawer__header__close .icon{color:#35c5fe;font-size:1.2rem}.drawer__header__close:hover{cursor:pointer}.drawer__footer{border-top:1px solid #eee;bottom:0;gap:20px}.drawer__footer .btn{align-items:center;background-color:#ddd;border:none;border-radius:20px;color:#5c6f70;display:flex;font-size:.9rem;height:50px;justify-content:center;width:50%}.drawer__footer .btn:hover{background-color:#fff;cursor:pointer}.drawer__footer .btn:active,.drawer__footer .btn:focus{border:none;outline:none}.drawer__footer .btn-update{background-color:#35c5fe;color:#fff}.drawer__footer .btn-update:hover{background-color:#01b6fe;color:#fff;cursor:pointer}.drawer__footer .btn-disabled{background-color:#ccc;color:#5c6f70}.drawer__footer .btn-disabled:hover{background-color:#ccc;cursor:not-allowed}.modal{justify-content:space-between}.modal,.modal__info{align-items:center;display:flex;flex-direction:column}.modal__info{gap:10px;justify-content:center;padding:40px 80px}.modal__info .icon{color:#f50057;font-size:2rem}.modal__info__title{font-size:1.2rem;text-align:center}.modal__info__title .color{color:#f50057;font-weight:600}.modal__info__subtitle{color:#5c6f70;font-size:.9rem;text-align:center}.modal__input{align-items:flex-start;display:flex;height:100px;justify-content:flex-start;padding:0 30px;width:100%}.modal__input .title{flex:1 1;font-size:.9rem;margin-top:5px}.modal__input .content{align-items:flex-start;flex:2 1;margin:10px 0}.modal__input .content,.modal__input .content__container{display:flex;flex-direction:column;justify-content:center}.modal__input .content__container{align-items:center;border:2px dashed #ccc;border-radius:10px;height:150px;width:100%}.modal__input .content__container:hover{cursor:pointer}.modal__input .content__container *{padding:4px 0}.modal__input .input-container{min-height:50px;width:100%}.modal__input .input-container input{background-color:#f7f7f7;border:1px solid #ccc;border-radius:5px;font-size:.8rem;min-height:50px;padding:0 10px;width:100%}.modal__input .input-container input:focus{background-color:#fff;border:1px solid #aaa;outline:none}.modal__buttons{background-color:#f7f7f7;border-bottom-left-radius:10px;border-bottom-right-radius:10px;bottom:0;gap:40px;height:90px;position:-webkit-sticky;position:fixed;width:100%;z-index:10}.modal__buttons,.modal__buttons .btn{align-items:center;display:flex;justify-content:center}.modal__buttons .btn{background-color:#ddd;border:none;border-radius:20px;color:#5c6f70;font-size:.9rem;height:50px;width:200px}.modal__buttons .btn:hover{background-color:#fff;cursor:pointer}.modal__buttons .btn:active,.modal__buttons .btn:focus{border:none;outline:none}.modal__buttons .btn-delete{background-color:#35c5fe;color:#fff}.modal__buttons .btn-delete:hover{background-color:#01b6fe;color:#fff;cursor:pointer}
/*# sourceMappingURL=main.33c3eca5.css.map*/