:root{--primary-color:#7986d0;--secondary-color:#bb44b1;--passive-color:#dbe6f3;--dark-color:#111c59;--gap:30px}html,body{height:100%;margin:0;padding:0}body{background:#f1f6ff}a{outline:none;text-decoration:none}ul,ol{margin:0;padding:0;list-style:none}img{max-width:100%}.container{max-width:100%;padding:0 30px}.form-control,.form-select{padding:10px 15px}.form-control:focus,.form-select:focus{box-shadow:none;outline:none}.form-control:read-only{background:var(--passive-color)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-2 .full{grid-column:2 span}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-3 .full{grid-column:3 span}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-4 .full{grid-column:4 span}.toggleEdit{border:1px solid var(--passive-color);color:var(--primary-color);background:0 0;font-weight:600;transition:all .3s}.toggleEdit:hover{background:var(--passive-color)}.swal-modal{width:100%;max-width:400px;margin:0 auto;padding:30px}.swal-modal .swal-title{color:var(--primary-color);margin:0;padding:0;font-size:24px;font-weight:400}.swal-modal .swal-icon{margin:0 auto 30px;transform:scale(.9)}.btn{border:1px solid var(--primary-color);color:var(--primary-color);background:0 0;border-radius:10px;padding:8px 16px}.btn:hover,.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--secondary-color)}.btn-secondary{background:var(--secondary-color);color:#fff}.btn-secondary:hover{background:var(--primary-color)}#app{height:100%;display:flex}header{z-index:3;box-shadow:0 5px 25px -25px var(--dark-color);background:#fff;position:sticky;top:0}header .container{flex-wrap:wrap;justify-content:space-between;padding:10px 30px;display:flex}header .fastMenu>ul>li>span{color:var(--primary-color);border:1px solid var(--passive-color);background:0 0;border-radius:10px;padding:10px 15px;font-weight:600;line-height:1;transition:all .3s;display:block}header .fastMenu>ul>li:hover>span{background:var(--passive-color)}header .fastMenu>ul ul{box-shadow:0 5px 30px -20px var(--dark-color);z-index:1;background:#fff;border-radius:10px;grid-template-columns:repeat(2,1fr);padding:10px;display:none;position:absolute}header .fastMenu>ul ul li a{color:var(--dark-color);background:0 0;border-radius:5px;padding:10px 15px;font-size:14px;font-weight:600;line-height:1;transition:all .3s;display:block}header .fastMenu>ul li:hover ul{display:grid}header .fastMenu>ul ul li:hover a{color:var(--primary-color);background:var(--passive-color)}.content{flex:9;overflow-y:auto}.content main{width:100%;margin:30px 0}.form-group label{color:var(--primary-color);margin-bottom:5px;font-size:14px;font-weight:700}#nav .logo{width:44px;margin-bottom:30px}#nav{scrollbar-width:none;border-right:1px solid var(--passive-color);background:#fff;height:100%;padding:10px;overflow:auto}#nav::-webkit-scrollbar{display:none}#nav .menu{gap:10px;display:grid}#nav li a{width:44px;height:44px;color:var(--dark-color);border-radius:10px;justify-content:center;align-items:center;font-size:20px;transition:all .3s;display:flex}#nav li.active a{background:var(--passive-color);color:var(--primary-color)}#nav li:hover a{background:var(--passive-color)}.tooltip .tooltip-inner{background-color:var(--passive-color);color:var(--dark-color);padding:10px;font-weight:600;line-height:1}.tooltip[data-popper-placement^=right] .tooltip-arrow:before{border-right-color:var(--passive-color)}.tooltip[data-popper-placement^=left] .tooltip-arrow:before{border-left-color:var(--passive-color)}.tooltip[data-popper-placement^=bottom] .tooltip-arrow:before{border-bottom-color:var(--passive-color)}.accordion .accordion-item{border:unset;border-radius:15px}.accordion .accordion-item:not(:last-child){margin-bottom:30px}.accordion .accordion-item .accordion-button{border:unset;box-shadow:unset;background:unset;padding:20px 30px;font-size:20px;font-weight:600}.accordion .accordion-item .accordion-body{padding:15px 30px}.addSlider{background:#fff;border-radius:15px;flex-wrap:wrap;gap:50px;padding:30px;display:flex}.addSlider .left{flex:5}.addSlider .resultImage,.slider-preview{color:var(--passive-color);aspect-ratio:16/9;border:1px solid var(--passive-color);flex:4;width:100%;height:100%;font-size:24px;font-weight:lighter;position:relative}.addSlider .resultImage,.slider-preview .text{z-index:1;flex-direction:column;justify-content:center;gap:10px;padding:0 20px;display:flex;position:absolute;inset:0}.addSlider .resultImage,.slider-preview .text span{background:var(--dark-color);color:#fff;width:fit-content;display:block}.addSlider .resultImage,.slider-preview .text .title{font-size:20px;font-weight:600}.addSlider .resultImage,.slider-preview .text .title b{color:var(--secondary-color)}.addSlider .resultImage,.slider-preview .text .desc{font-size:16px}.addSlider .resultImage,.slider-preview .text button{width:fit-content;padding:5px}.addSlider .resultImage,.slider-preview .img{width:100%;height:100%}.addSlider .resultImage,.slider-preview img{object-fit:contain;width:100%;height:100%}.addSlider form{gap:15px;display:grid}.addSlider form .btn{display:block}#holder img{display:none}#imageSelect{cursor:pointer;width:100%;margin:0}#imageSelect input{cursor:pointer}.products.sliders{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.products .product{box-shadow:0 0 16px -15px var(--dark-color);background:#fff;border-radius:5px;position:relative;overflow:hidden}.products .product.parent{cursor:move}.products .product .actions{opacity:0;transform:unset;background:#111c59e6;flex-direction:column;justify-content:center;align-items:center;gap:5px;transition:all .3s ease-in-out;display:flex;position:absolute;inset:0}.products .product .actions .ac{border:unset;color:var(--dark-color);background:#fff;border-radius:5px;padding:10px;font-weight:700;line-height:1;transition:all .3s;display:block}.products .product .text{background:var(--dark-color);color:#fff;border-radius:5px;padding:5px;position:absolute;inset:auto 5px 5px}.products .product .text span{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.products .product .image{aspect-ratio:4/3;width:100%;height:100%}.products .product .image img{object-fit:cover;width:100%;height:100%}.products .product .actions .ac:hover{color:var(--secondary-color)}.products .product:hover .actions{opacity:1}.contentActions{background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:5px;margin-bottom:15px;padding:10px;display:flex}.contentActions h4{color:var(--passive-color);margin:0}.tox-statusbar__branding{display:none}.addContent{background:#fff;border-radius:15px;padding:30px}.addContent form{flex-wrap:wrap;gap:50px;display:flex}.addContent .left{flex:10;gap:15px;height:fit-content;display:grid}.addContent .resultImage{border:1px solid var(--passive-color);flex:4;width:100%;height:fit-content}.addContent .resultImage .img{width:100%;height:100%}.addContent .resultImage img{object-fit:cover;width:100%;height:100%}.lang-tab{border-bottom:1px solid var(--bs-gray-200);flex-wrap:wrap;gap:5px;margin-bottom:10px;padding-bottom:10px;display:flex}.lang-tab .btn.active{background:var(--primary-color);color:#fff}.menu-content{grid-template-columns:3fr 7fr;align-items:flex-start;gap:50px;display:grid}.menu-content .content-items{background:#fff;border-radius:10px;height:fit-content;padding:15px}.menu-content li{background:0 0;border-radius:10px;justify-content:space-between;gap:10px;height:44px;padding:10px;transition:all .3s;display:flex}.menu-content li .move{cursor:pointer}.menu-content li .move svg{color:var(--primary-color)}.menu-content li.ui-sortable-helper{transition:unset;background:var(--primary-color)!important}.menu-content li.ui-sortable-placeholder{transition:unset;background:var(--passive-color)!important}.menu-content li:hover{background:var(--bs-gray-100)}.menu-content .menu-items{background:#fff;border-radius:15px;gap:10px;height:fit-content;padding:15px}.menu-content .menu-items li{flex:1;justify-content:start;align-items:center}.menu-content .menu-items li .left{flex:1}.menu-content .menu-items li .right{z-index:1;gap:10px;margin:0 0 0 auto;display:flex}.menu-content .menu-items li .right select{border:unset;text-align:center;background-color:#f1f6ff;background-position-x:calc(100% - 10px);background-size:10px;padding:5px 25px 5px 10px}.menu-content .menu-items li .status i{cursor:pointer;justify-content:center;align-items:center;width:36px;height:36px;font-size:24px;display:flex}.menu-content .menu-items li .status i.bi-wifi{color:var(--bs-green)}.menu-content .menu-items li .status i.bi-wifi-off{color:var(--bs-gray-500)}.menu-content .menu-items li .item{flex:1;align-items:center;gap:10px;display:flex}.menu-content .menu-items li .sort-icon{cursor:move;height:auto;line-height:0}.menu-content .menu-items li .sort-icon svg{color:var(--bs-gray-500);transition:all .3s}.menu-content .menu-items li:active .sort-icon svg{color:var(--primary-color)}.menu-content .menu-items li .right .status{cursor:pointer}.menu-content .menu-items li .right .status.active svg{color:var(--bs-success)}.menu-content .menu-items li .right .status.passive svg{color:var(--bs-gray-500)}.filemanager-canvas.offcanvas{width:80%}.filemanager .breadcrumb{background:var(--bs-gray-200);border-radius:10px;margin:0;padding:10px 15px;font-size:14px}.filemanager .breadcrumb a{color:var(--primary-color);font-weight:600}.filemanager .actions{z-index:2;border-bottom:1px solid var(--bs-gray-200);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:10px;padding:10px 0;display:flex;position:sticky;top:0}.filemanager .actions .btn{align-items:center;gap:5px;padding:5px 10px;display:flex}.filemanager .actions .btn svg{object-fit:cover;width:auto;height:16px;font-size:16px}.filemanager .actions ul{flex-wrap:wrap;gap:10px;display:flex}.filemanager .actions .style{cursor:pointer;color:var(--primary-color);border:unset;opacity:.4;background:0 0;align-items:center;gap:5px;padding:0;font-size:14px;transition:all .3s;display:flex}.filemanager .actions .style svg{width:auto;height:16px}.filemanager .actions .style.active{opacity:1}.filemanager .actions form{background:var(--passive-color);width:100%;max-width:400px;box-shadow:0 0 30px -25px var(--dark-color);border-radius:10px;padding:15px;position:absolute;top:100%}.filemanager .actions form .bg-form{z-index:-1;position:fixed;inset:0}.filemanager .actions form .form-group{display:flex}.filemanager .actions form .form-group .form-control{border:unset;background:#fff;border-radius:10px 0 0 10px}.filemanager .actions form .form-group .btn{border-radius:0 10px 10px 0}.filemanager .files{grid-template-columns:repeat(7,1fr);gap:10px;margin-top:10px;transition:all .3s;display:grid}.filemanager .files .box{text-align:center;cursor:pointer;border:1px solid var(--bs-gray-200);border-radius:5px;padding:10px;transition:all .3s;position:relative}.filemanager .files .box .name{white-space:nowrap;word-break:break-all;max-width:100%;color:var(--dark-color);max-width:16ch;margin:5px 0 0;font-size:13px;overflow:hidden}.filemanager .files .box .icon{z-index:0;aspect-ratio:4/3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.filemanager .files .box .icon img{aspect-ratio:4/3;object-fit:cover;border-radius:5px;width:100%;height:100%}.filemanager .files .box .icon:before{content:"";z-index:-1;background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;inset:20px}.filemanager .files .box .icon.folder:before{background-image:url(/icons/folder.svg)}.filemanager .files .box .icon.folder-up:before{background-image:url(/icons/folder-up.svg)}.filemanager .files .box .icon.word:before{background-image:url(/icons/file-word.svg)}.filemanager .files .box .icon.excel:before{background-image:url(/icons/file-excel.svg)}.filemanager .files .box .icon.pdf:before{background-image:url(/icons/file-pdf.svg)}.filemanager .files .box .icon.other:before{background-image:url(/icons/file.svg)}.filemanager .files .box :is(.select,.selected){z-index:1;color:#fff;opacity:0;visibility:hidden;border-radius:5px;justify-content:center;align-items:center;font-weight:600;transition:all .3s;display:flex;position:absolute;inset:0}.filemanager .files .box :is(.select,.selected):before{content:"";background:var(--dark-color);opacity:.9;z-index:-1;position:absolute;inset:0}.filemanager .files .box:hover .select,.filemanager .files .box .selected{opacity:1;visibility:visible}.filemanager .files .box .showAction{z-index:1;background:var(--primary-color);opacity:0;visibility:hidden;width:30px;height:30px;transition:all .3s;position:absolute;top:0;right:0}.filemanager .files .box .showAction svg{color:#fff;width:auto;height:auto}.filemanager .files .box:hover .showAction{opacity:1;visibility:visible}.filemanager .files .box .action{z-index:2;background:var(--bs-gray-200);text-align:left;min-width:150px;box-shadow:0 0 30px -25px var(--dark-color);position:absolute;top:0;right:30px}.filemanager .files .box .action .bg-action{z-index:-1;position:fixed;inset:0}.filemanager .files .box .action li:not(:last-child){border-bottom:1px solid var(--passive-color)}.filemanager .files .box .action span{background:0 0;padding:10px 15px;transition:all .3s;display:block}.filemanager .files .box .action li:hover span{background:var(--bs-gray-300)}.filemanager .files.list{grid-template-columns:repeat(2,1fr)}.filemanager .files.list .box{flex-wrap:wrap;gap:10px;display:flex}.filemanager .files.list .box .icon{width:40px}.filemanager .files.list .box .icon:before{inset:0}.filemanager .files .box:hover,.filemanager .files .box.selected{border-color:var(--primary-color)}.settings-page{flex-wrap:wrap;gap:30px;display:flex}.settings-body{flex:1}.page-navbar{gap:5px;width:100%;max-width:250px;height:fit-content;margin:0;padding:0;list-style:none;display:grid}.page-navbar li a{color:var(--dark-color);background:0 0;border-radius:10px;gap:10px;padding:15px;font-weight:300;line-height:1;transition:all .3s;display:flex;box-shadow:0 0 15px -15px #0000}.page-navbar li a svg{color:var(--dark-color);transition:all .3s}.page-navbar li:is(:hover,.active) a{box-shadow:0 0 25px -20px var(--secondary-color);background:#fff}.page-navbar li:is(:hover,.active) a svg{color:var(--primary-color)}.table-box{background:#fff;border-radius:10px;overflow:hidden}.table-box .table{vertical-align:middle;margin:0}.table-box .table tr :is(td,th){border-color:var(--passive-color);padding:10px 15px}.table-box .table thead tr th{background:var(--passive-color);color:var(--dark-color)}.table-box .table tbody tr:last-child td{border-bottom:unset}.table-box .table .show{justify-content:space-between;align-items:center;font-weight:500;display:flex}.table-box .table .action-buttons{justify-content:flex-end;align-items:center;gap:10px;display:flex}.table-box .table .action-buttons .btn{padding:5px;line-height:1}.table-box .table .action-buttons .btn-delete{color:var(--bs-danger)}.table-box .table .action-buttons .btn-status{color:var(--bs-secondary)}#editor{margin:30px 0}#editor textarea{border:unset;width:100%;min-height:200px}.tox.tox-silver-sink.tox-tinymce-aux{z-index:9}.marca-select{width:100%;display:block}.marca-select .marca-select__value-container{padding:10px 15px}.marca-select .marca-select__input-container{margin:0;padding:0}.marca-select .marca-select__menu{z-index:3}.support-header{border-bottom:1px solid var(--bs-gray-300);justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;display:flex}.support-header .big-title{margin:0;font-size:24px}.support-header .right{text-align:right}.support-header .date{display:block}.support-body{gap:30px;display:grid}.support-body .message{border:1px dashed;border-color:var(--bs-gray-400);background:#fff;border-radius:5px;padding:15px}.support-body .message.admin{border-color:var(--bs-success);background:var(--bs-success-bg-subtle)}.support-body .message .message-header{background:var(--passive-color);border-radius:5px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px;padding:5px 10px;display:flex}.support-body .message .message-header .left{align-items:center;gap:10px;line-height:1;display:flex}.support-body .message .message-header .left .icon{width:30px;height:30px;color:var(--secondary-color);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex}.support-body .message .message-body{word-break:break-all;padding:10px}.quill{width:100%}.quill .ql-toolbar{border:1px solid var(--passive-color);background:#fff;border-radius:10px 10px 0 0}.quill .ql-container{border-radius:0 0 10px 10px;font-family:Poppins,sans-serif;font-size:15px}.quill .ql-container .ql-editor{background:#fff;min-height:100px;max-height:60vh}.ql-align-justify{text-align:justify}.ql-align-right{text-align:right}.ql-align-center{text-align:center}.order-profile{background:#fff;border-radius:10px;padding:15px}.order-profile .order-head{border-bottom:1px solid var(--bs-gray-200);justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;display:flex}.order-profile .question .item{border:1px solid var(--bs-gray-300);cursor:pointer;border-radius:10px;padding:10px}.order-profile .question .item.country{flex-wrap:wrap;align-items:center;gap:10px;display:flex;position:relative}.order-profile .question .item.country .image{text-align:center;background:var(--passive-color);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;max-height:50px;display:flex;overflow:hidden}.order-profile .question .item.country b{display:block}.order-profile .question .item.country span{color:var(--bs-gray-500);font-size:14px}.order-profile .question .item.country .icon{content:"";position:absolute;top:10px;right:10px}
