@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Lato:wght@700&display=swap";*,body{padding:0;margin:0;box-sizing:border-box;text-decoration:none}.preload *{-webkit-transition:none!important;-moz-transition:none!important;-ms-transition:none!important;-o-transition:none!important}body{position:relative}html{font-family:Montserrat,sans-serif;color:#121113;height:100%}h1,h2,h3,h4,h5,h6{font-family:Lato,sans-serif;text-transform:uppercase}h1{font-size:1.5rem;font-size:clamp(1.5rem,1.0901639344rem + 1.3114754098vw,2rem)}h2{font-size:1.25rem;font-size:clamp(1.25rem,1.0450819672rem + .6557377049vw,1.5rem)}p{font-size:1rem;font-size:clamp(1rem,.8975409836rem + .3278688525vw,1.125rem)}section{margin-left:250px;padding:25px 50px;display:flex;flex-direction:column;position:relative;height:100%}@media screen and (max-width: 1150px){section{margin-left:85px;padding:25px}}@media screen and (max-width: 500px){section{margin-left:50px}}ul{list-style:none}.fill-height{display:flex;flex-direction:column;flex:1}.fill-height .box{flex:1}.box-container{display:flex;flex-wrap:wrap;margin-top:25px}@media screen and (max-width: 991px){.box-container{margin-top:15px}}@media screen and (max-width: 767px){.box-container{row-gap:15px}}.box-container.row{justify-content:space-between}.box-container.row .box{width:30%;min-width:250px;margin:0}.box-container.row .box.visitors{height:fit-content}.box-container.row .box.visitors .number{display:flex;justify-content:center;align-items:center;height:100%}.box-container.row .box.visitors .number p{color:#3b5998;font-weight:600;font-size:1.7rem;text-align:center}@media screen and (max-width: 991px){.box-container.row .box{min-width:150px;min-height:unset;height:fit-content}.box-container.row .box h2,.box-container.row .box p{overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;word-wrap:break-word;width:80%;font-weight:500}}@media screen and (max-width: 767px){.box-container.row .box{width:100%}}.box{background:rgba(18,17,19,.2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:10px;padding:20px;margin-top:25px}@media screen and (max-width: 991px){.box{margin-top:15px}}.box.first{margin:0;display:flex;align-items:center}@media screen and (max-width: 767px){.box.first ion-icon{width:15%}.box.first .text-box{width:85%}}@media screen and (max-width: 500px){.box.first{flex-direction:column}.box.first ion-icon{display:none}.box.first .text-box{width:100%;margin:0}}.box ion-icon{width:60px;height:60px}.box .box-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}@media screen and (max-width: 767px){.box .box-header{flex-direction:column-reverse;margin-bottom:15px}.box .box-header button{width:100%}}.box .box-header h2,.box .box-header button{margin:0!important}.box .box-header .search-input{width:350px}@media screen and (max-width: 767px){.box .box-header .search-input{width:100%;margin:15px 0!important}}.box .box-header .btn-group{display:flex;align-items:center}.box .box-header .btn-group .btn{margin-right:10px}.box .text-box{margin-left:20px}.box .text-box .title,.box h2{margin-bottom:10px}.btn-container{display:flex;justify-content:flex-end;margin-top:20px}.version{margin-top:10px;text-align:center;color:#5b595b;font-size:.9rem}.login{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background:url(/build/assets/bg-login-dash-617d87d9.jpg) center no-repeat;background-size:cover;margin:0}.login .login-card{display:flex;flex-direction:column;justify-content:center;background-color:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:50px;border-radius:20px;width:450px}.login .login-card .login-form{display:flex;flex-direction:column;padding:10px}.login .login-card .login-form .form-group{margin-bottom:20px;position:relative}.login .login-card .login-form .form-group label{font-size:16px}.login .login-card .login-form .form-group input{width:100%;padding:10px 8px;margin-top:10px}.login .login-card .login-form .form-group #togglePassword{position:absolute;right:10px;top:55%;cursor:pointer}.login .login-card .login-form .btn-submit{margin-top:10px;background-color:#fff;border:0 solid #e2e8f0;border-radius:20px;box-sizing:border-box;color:#121113;cursor:pointer;display:inline-block;font-size:18px;font-weight:600;line-height:1;padding:15px 8px;text-align:center;text-decoration:none #121113 solid;text-decoration-thickness:auto;transition:all .1s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #a6afc340;user-select:none;-webkit-user-select:none;touch-action:manipulation}.login .login-card .login-form .btn-submit:hover{background-color:#121113;color:#fff}@media (min-width: 768px){.login .login-card .login-form .btn-submit .button-81{font-size:16px}}.sidebar{margin:0;padding:0;width:100%;max-width:250px;background-color:#121113;height:100vh;overflow:hidden;position:fixed;z-index:2000}@media screen and (max-width: 1150px){.sidebar{max-width:85px;display:flex;flex-direction:column;align-items:center}}@media screen and (max-width: 500px){.sidebar{max-width:50px}}.sidebar .logo-wrapper{border-bottom:1px solid #fff;padding:16px;margin-bottom:16px;display:flex;flex-direction:column;align-items:center}.sidebar .logo-wrapper .logo{width:100%;max-width:200px}.sidebar a{width:85%;border:none;background:none;display:flex;flex-direction:row;align-items:center;column-gap:20px;color:#929292;padding:10px;font-size:16px;font-weight:500;text-decoration:none;text-transform:uppercase;text-align:center;margin:0 auto 10px;border-radius:10px;cursor:pointer;transition:.3s all ease-in-out}@media screen and (max-width: 1150px){.sidebar a{width:80%;justify-content:center}.sidebar a .text{display:none}}.sidebar a.active{background-color:#fff;color:#000;transition:.3s all ease-in-out}.sidebar a:hover:not(.active){background-color:#383838;color:#fff}.sidebar a ion-icon{width:25px;height:25px}.sidebar .tablink.logout{width:100%;margin-top:30px;display:flex;justify-content:center}@media screen and (max-width: 1150px){.sidebar .tablink.logout{margin-top:25px}}.sidebar .tablink.logout .button{width:85%;border:3px solid #FD5E53;background:none;color:#fd5e53;border-radius:10px;padding:10px 20px;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .5s ease-in-out}@media screen and (max-width: 1150px){.sidebar .tablink.logout .button{width:80%}}@media screen and (max-width: 767px){.sidebar .tablink.logout .button{border:none;background-color:#fd5e53!important;color:#fff!important;padding:10px 5px}}.sidebar .tablink.logout .button:hover{background-color:#fd5e53!important;color:#fff}.sidebar .tablink.logout .button p{font-size:15px;font-family:Montserrat,sans-serif;font-weight:500;letter-spacing:2px}@media screen and (max-width: 1150px){.sidebar .tablink.logout .button p{display:none}}.sidebar .tablink.logout .button ion-icon{margin-left:10px;width:25px;height:25px}@media screen and (max-width: 1150px){.sidebar .tablink.logout .button ion-icon{margin-left:0;width:25px;height:25px}}.alert-error{background-color:#ff6f6f41;padding:10px}.alert-error ul,.alert-error p{color:#a82323;list-style:none;font-size:12px}.main-form{display:flex;flex-direction:column}.main-form .field{display:flex;flex-direction:column;margin-bottom:15px}.main-form .field .img-upload-container{margin-top:0;display:flex;flex-direction:row;align-items:center}@media screen and (max-width: 767px){.main-form .field .img-upload-container{flex-direction:column}}@media screen and (max-width: 991px){.main-form .field .img-upload-container.banner{flex-direction:column;justify-content:flex-start;margin-top:0}.main-form .field .img-upload-container.banner .img-preview{width:100%;height:100px!important;margin-right:0;margin-bottom:15px;padding:0}}.main-form .field .img-upload-container.banner .field{margin-bottom:0}@media screen and (max-width: 767px){.main-form .field .img-upload-container.banner .fields{flex-direction:column;justify-content:flex-start;align-items:flex-start}.main-form .field .img-upload-container.banner .fields label{margin-right:0}}@media screen and (max-width: 767px){.main-form .field .img-upload-container.banner .fields .file-btn{margin:15px 0;width:100%}}.main-form .field .img-upload-container.banner .fields .sub-btn{margin-left:10px}@media screen and (max-width: 767px){.main-form .field .img-upload-container.banner .fields .sub-btn{margin:0 0 10px;width:100%}}.main-form .field .img-upload-container.multiple{display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:15px}.main-form .field .img-upload-container.multiple .image-field-box{display:flex;flex-direction:column;align-items:center}.main-form .field .img-upload-container.multiple .image-field-box .fields{margin-top:15px}.main-form .field .img-upload-container.multiple .image-field-box .img-preview{margin:0}.main-form .field .img-upload-container .img-preview{width:300px;height:300px;margin-right:20px;padding:10px;background:#fff;overflow:hidden}@media screen and (max-width: 767px){.main-form .field .img-upload-container .img-preview{width:100%;height:155px;margin-right:0;margin-bottom:20px;padding:0}}.main-form .field .img-upload-container .img-preview img{width:100%;height:100%;object-fit:cover}.main-form .field .img-upload-container .fields{width:80%;display:flex;align-items:center}@media screen and (max-width: 767px){.main-form .field .img-upload-container .fields{width:100%;justify-content:center}}@media screen and (max-width: 500px){.main-form .field .img-upload-container .fields{display:block}.main-form .field .img-upload-container .fields .file-btn{margin-top:10px;width:100%}}.main-form .field .img-upload-container .fields label{margin-bottom:0}@media screen and (max-width: 500px){.main-form .field .img-upload-container .fields label{margin-right:0}}.main-form .field .checkboxes-container{display:flex;flex-direction:column}.main-form .field .checkboxes-container .label-checkbox{display:flex;align-items:center;text-transform:none!important}.main-form .field .checkboxes-container .label-checkbox input[type=checkbox]{width:20px;height:20px;border-radius:3px;margin-right:10px}.main-form .row{display:flex;flex-direction:row;justify-content:space-between;align-items:center}label{margin-right:15px;margin-bottom:10px;font-size:1rem;font-weight:500;text-transform:uppercase}input[type=password],input[type=email],input[type=text],textarea,input[type=time]{outline:none;border:none;padding:10px 8px;border-radius:10px;transition:all .5s ease-in-out}input[type=password]:hover,input[type=password]:focus,input[type=email]:hover,input[type=email]:focus,input[type=text]:hover,input[type=text]:focus,textarea:hover,textarea:focus,input[type=time]:hover,input[type=time]:focus{-webkit-box-shadow:inset 0px 0px 10px .5px rgba(24,24,24,.6);-moz-box-shadow:inset 0px 0px 10px .5px rgba(24,24,24,.6);box-shadow:inset 0 0 10px .5px #18181899}textarea{resize:none;height:200px}.nicEdit-panel{width:100%;padding:10px 8px;border-radius:10px!important}.nicEdit-main{width:100%;padding:10px 8px;border-radius:10px;background:#fff!important}.nicEdit-main:focus{outline:none}button,input[type=button],input[type=submit],.btn{background:none;outline:none;border:3px solid #121113;border-radius:10px;padding:10px 50px;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;font-family:Montserrat,sans-serif;font-weight:500;letter-spacing:2px;transition:all .5s ease-in-out}@media screen and (max-width: 767px){button,input[type=button],input[type=submit],.btn{padding:10px 20px}}button:hover,input[type=button]:hover,input[type=submit]:hover,.btn:hover{background-color:#121113;color:#fff}button ion-icon,input[type=button] ion-icon,input[type=submit] ion-icon,.btn ion-icon{width:25px!important;height:25px!important}.file-btn{width:unset;padding:10px}.sub-btn{display:flex;align-items:center;border-color:#21bf73!important;align-self:flex-end;margin-top:15px}.sub-btn:hover{background-color:#21bf73!important;color:#fff}.edit-btn{color:#121113;border-color:#fda769!important;width:100%}.edit-btn:hover{background-color:#fda769!important;color:#fff}.delete-btn{border-color:#fd5e53!important}.delete-btn:hover{background-color:#fd5e53!important;color:#fff}.table{display:flex;flex-direction:column;position:relative}.table .row{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;padding:10px;background:rgba(255,255,255,.493);margin:0 0 5px}@media screen and (max-width: 767px){.table .row{margin:0;flex-wrap:wrap}}.table .row.headers{border-radius:10px 10px 0 0;background:#fff;font-weight:500}@media screen and (max-width: 991px){.table .row.headers{display:none}}.table .row .col-1{width:15%}@media screen and (max-width: 767px){.table .row .col-1{width:100%;margin-bottom:5px}}.table .row .col-2,.table .row .col-3{width:45%}@media screen and (max-width: 767px){.table .row .col-2,.table .row .col-3{width:100%}}.table .row .col-3.flex{display:flex;flex-direction:row;align-items:center}.table .row .col-3.flex p{margin:0 5px}.table .row .col-3.flex .label-checkbox{margin:0 0 0 20px}.table .row form{display:flex;align-items:center}@media screen and (max-width: 767px){.table .row form{margin-bottom:5px}}.table .row form input[type=text],.table .row form input[type=time]{width:60px}@media screen and (max-width: 767px){.table .row form input[type=text],.table .row form input[type=time]{width:100%}}.table .row form p{margin:0 15px}@media screen and (max-width: 991px){.table .row form p{margin:0 5px}}.table .row form input[type=submit].edit-btn{width:unset;justify-self:flex-end;padding:10px 8px;margin-left:15px}@media screen and (max-width: 991px){.table .row form input[type=submit].edit-btn{margin-left:10px;padding:8px;font-size:15px;letter-spacing:normal}}.table .row form input[type=submit].edit-btn:hover{background-color:#fda769!important;color:#fff}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.card-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;width:100%;padding-bottom:15px}.card-container.media{justify-content:start}.card-container li{margin-bottom:15px;transition:all .3s ease-in-out;width:46%}.card-container li.media{width:250px;height:250px;margin-left:15px}.card-container li .card{min-width:430px;width:100%;height:230px;display:flex;flex-direction:row;background:#fff;border-radius:10px;padding:15px}@media screen and (max-width: 767px){.card-container li .card{min-width:unset;width:100%;height:unset;flex-direction:column}}.card-container li .card:last-of-type{margin-right:0!important}.card-container li .card.img-card{min-width:250px;width:250px;height:250px;padding:0;position:relative}@media screen and (max-width: 991px){.card-container li .card.img-card{min-width:150px;width:150px;height:200px}}.card-container li .card.img-card .r{width:100%}.card-container li .card.img-card .r img{border-radius:10px}.card-container li .card.img-card .l{position:absolute;bottom:0;right:0;display:flex;background:rgba(255,255,255,.459);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:15px;margin:0;width:100%;border-radius:0 0 10px 10px}.card-container li .card.img-card .l p.img-name{overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;word-wrap:break-word;width:200px;font-weight:500;margin-bottom:15px}.card-container li .card.img-card .l .btn-container{margin-top:0;justify-content:space-between;align-items:center}.card-container li .card.img-card .l .btn-container .delete-btn{color:#fd5e53}.card-container li .card.img-card .l .btn-container .delete-btn:hover{color:#fff}.card-container li .card .r{width:40%}@media screen and (max-width: 767px){.card-container li .card .r{width:100%}}.card-container li .card .r img{width:100%;height:100%;object-fit:cover;object-position:center}.card-container li .card .l{width:60%;margin-left:15px;display:flex;flex-direction:column;justify-content:space-between}@media screen and (max-width: 767px){.card-container li .card .l{width:100%;margin-left:0}}.card-container li .card .l p{width:100%;font-weight:500;font-size:18px;margin-top:10px}.card-container li .card .l .btn-container button{padding:8px}.card-container li .card .l .btn-container .edit-btn{margin-right:10px}.card-container::-webkit-scrollbar{height:10px}.card-container::-webkit-scrollbar-track{background:#f1f1f1}.card-container::-webkit-scrollbar-thumb{background:#888}.card-container::-webkit-scrollbar-thumb:hover{background:#555}.modal{display:none;position:fixed;z-index:1;padding-top:80px;left:250px;top:0;width:calc(100% - 250px);height:100%;overflow:auto;background-color:#000;background-color:#0006}.modal .modal-content{position:relative;background-color:#fefefe;margin:auto;padding:0;width:80%;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;-webkit-animation-name:animatetop;-webkit-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s}.modal .modal-content.square{width:50%;max-width:500px}.modal .modal-content .modal-header{padding:15px;background-color:#121113;color:#fff}.modal .modal-content .modal-header .close{color:#fff;float:right;font-size:28px;font-weight:700;transition:all .3s ease-in-out}.modal .modal-content .modal-header .close:hover,.modal .modal-content .modal-header .close:focus{color:#fd5e53;transform:scale(1.5);text-decoration:none;cursor:pointer}.modal .modal-content .modal-body{padding:15px}.modal .modal-content .modal-body .box{margin:0}.modal .modal-content .modal-body .img-container{margin:15px 0;width:100%}.modal .modal-content .modal-body #image{display:block;max-width:100%}.chart-container{position:relative;height:auto;width:100%}@-webkit-keyframes animatetop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}@keyframes animatetop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}.alert{padding:5px;margin-bottom:15px;font-size:12px;font-weight:500}.alert.alert-success,.alert.alert-warning{background-color:#21bf73}.notice{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding:10px;border-radius:10px;background-color:#f1f1f1}.notice .notice-title{font-size:1rem;margin:0;display:flex;align-items:center;width:60%}.notice .notice-date{font-size:.9rem;color:#5b595b}.notice .notice-action{display:flex}.notice .notice-action .edit-btn{margin-right:10px!important}.visible-icon{width:25px;height:25px;margin-right:15px}.visible-icon ion-icon{width:100%;height:100%;object-fit:contain}.visible-icon ion-icon.red{color:#fd5e53}.visible-icon ion-icon.green{color:#21bf73}.pagination{display:flex;width:100%;justify-content:center;font-size:1.1rem}.pagination .page-item{padding:5px;font-weight:600;color:#121113}.pagination .page-item.active{color:#21bf73}.pagination .page-item .page-link:visited{color:#121113;text-decoration:none}.list-wrapper{height:120px;overflow:hidden;position:relative}.list-wrapper ol{column-count:2;padding:0 25px}.order .list-group{width:100%}.order .list-group-item{display:flex;align-items:center}.order .hide{display:none}.order .flex{display:flex;justify-content:space-between;align-items:center}.order .flex .close{font-weight:900;font-size:28px;font-weight:700;transition:all .3s ease-in-out}.order .flex .close:hover,.order .flex .close:focus{color:#fd5e53;transform:scale(1.5);text-decoration:none;cursor:pointer}.order .highlight{background:#adadad;width:40%;height:100px;margin-bottom:10px;border-radius:10px}.order .card{width:40%;height:100px;padding:10px;margin-bottom:10px;border:solid #121113 2px;border-radius:10px;display:flex;align-items:center}.order .card .r-content{height:100%}.order .card .r-content img{width:100%;height:100%;border-radius:10px;object-fit:contain}.order .card .l-content{margin-left:10px}.order .card .l-content p{font-size:16px}.order .card .l-content p .muted{font-size:14px;color:#5b595b}
