:root{--background:#716154;--foreground:#fff9ea;--primary:#716154;--secondary:#fff9ea;--danger:#eb1c24;--warning:#ff681e;--bg:#f9fafb;--dark:#333;--text:#fff;--text-active:#13235f;--red:#24191a;--gray:#828282;--app-height:100%;--font:"Bai Jamjuree",sans-serif}body,html{font-size:14px;font-family:var(--font)}.text-muted{font-size:.8rem}.text-primary{color:var(--primary)!important}.cs-pointer{cursor:pointer}.flatpickr-input[readonly]{background:#fff}.btn:focus{box-shadow:none;outline:none}.dt-buttons.btn-group{display:none}div.dt-container div.dt-info{padding-top:0;display:flex;align-items:center}.btn-primary{background:var(--primary);color:var(--text);border:2px solid var(--primary)}.btn-primary:active,.btn-primary:focus,.btn-primary:hover{opacity:.8;background:var(--primary)!important;color:var(--text);border:2px solid var(--primary)!important}.btn-primary-dash{background:#fff;color:var(--primary);border:2px dashed var(--primary)}.fa-filter{margin-right:0}.btn-primary-dash:hover{background:var(--primary);color:var(--color);border:2px dashed #fff}.btn-secondary{background:var(--secondary);color:var(--color);border:2px solid var(--secondary)}.btn-main:hover{background:none;color:var(--main)}.btn-secondary:hover{background:none;color:var(--secondary)}.dataTables_filter,.dataTables_length{display:none}.tableFixHead thead th{position:-webkit-sticky!important;position:sticky!important;background-color:#fff;top:0;z-index:1}.dt-column-order{font-size:.7rem}a,a:hover{color:inherit;text-decoration:none}i{margin-right:7px}.form-control.danger,.form-select.danger{border-color:var(--red);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-check-input.danger{border-color:var(--red)}div.dataTables_scrollBody{background:#fff!important;border-left:0 solid #fff!important}.bootstrap-select>.dropdown-toggle{padding:.375rem .75rem;color:#212529;background-color:#fff;background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:1px solid #ced4da}.dropdown-toggle:after{margin-top:-1px;display:none}.bootstrap-select .no-results{padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x)}.btn-danger-outline{background:none;color:var(--danger);border:2px solid var(--danger)}.btn-danger-outline:active,.btn-danger-outline:focus,.btn-danger-outline:hover{background:var(--danger)!important;color:var(--text)!important}.table .btn-bar{display:flex;gap:.25rem}.table .btn-bar .btn i{margin-right:0}.ql-container.ql-snow,.ql-editor,.ql-toolbar.ql-snow{border-color:var(--bs-border-color)}.ql-container.ql-snow.is-invalid,.ql-editor.is-invalid,.ql-toolbar.ql-snow.is-invalid{border-color:var(--bs-form-invalid-border-color)}.ql-toolbar.ql-snow{border-top-left-radius:7px;border-top-right-radius:7px}.ql-container.ql-snow{border-bottom-left-radius:7px;border-bottom-right-radius:7px}.link-danger,.link-dark{text-decoration:underline;cursor:pointer}.check-form{display:flex;flex-flow:column;max-width:max-content;padding:0 1rem;margin:0 auto}.check-form .form-check{text-align:left}.check-form .form-check .form-check-label{padding:0 .5rem;border-radius:.5rem;margin:.1rem 0}.swal2-radio{display:flex;padding:0 1rem}.nav-tabs .nav-link{color:#000}.nav-tabs .nav-link.active{color:var(--primary)}.swal2-image{margin:0}.grecaptcha-badge{visibility:hidden!important}.table.dataTable th.dt-type-numeric,table.dataTable td.dt-type-date,table.dataTable td.dt-type-numeric,table.dataTable th.dt-type-date{text-align:left!important}.autoComplete_wrapper{display:block}.autoComplete_wrapper>input{width:100%;height:auto;padding:.375rem .75rem;color:var(--bs-form-text-color);border-radius:var(--bs-border-radius);border:var(--bs-border-width) solid var(--bs-border-color)}.autoComplete_wrapper>ul>li mark{color:var(--primary)}.alert{display:none;position:fixed;right:1rem;top:1rem;z-index:100}.alert.show{display:flex}.backoffice .login{height:100vh}.backoffice .login .box{width:320px;border-radius:10px}.backoffice .login .box .header{background:var(--primary);padding:1rem;text-align:center;font-size:2rem;color:var(--text)}.backoffice .login .box .form{padding:1rem;background:#fff}.backoffice .login .box .btn{background-color:var(--primary);color:var(--text)}.sidebar{justify-content:space-between;background:var(--primary);color:var(--text);height:100vh}.sidebar,.sidebar .list-box{display:flex;flex-flow:column}.sidebar .list-box .list{color:var(--text);padding:.5rem 1rem;border-top:2px solid var(--secondary);transition:.3s;text-transform:capitalize}.sidebar .list-box .list:first-child{border:none}.sidebar .list-box .list.active,.sidebar .list-box .list:hover{color:var(--primary);background:var(--text);transition:.3s}.menu-mobile{padding:0;flex-flow:column;background:var(--primary);height:auto}.menu-mobile,.menu-mobile .header{display:flex;justify-content:space-between}.menu-mobile .header{padding:.75rem 1rem;color:var(--text);align-items:center}.menu-mobile .header .fas{cursor:pointer}.menu-mobile .list-box{display:none;flex-flow:column}.menu-mobile .list-box .list{color:var(--text);padding:.5rem 1rem;border-top:2px solid var(--secondary);transition:.3s;text-transform:capitalize}.menu-mobile .list-box .list.active,.menu-mobile .list-box .list:hover{color:var(--primary);background:#fff;transition:.3s}.content{overflow:auto;padding:.75rem 1rem 1rem}.content .back{color:var(--primary)}.content .content-header{margin-bottom:1rem}.content .content-header .title{border-bottom:2px solid #ccc;line-height:2.75rem;display:flex;justify-content:space-between;text-transform:capitalize}.content .content-header .title .btn-bar{margin-bottom:.25rem}.content .content-header .tabs{font-weight:700}.content .content-header .tabs .line{margin-top:-2px;border-bottom:2px solid #ccc}.content .content-header .tabs .btn{color:#ccc;padding:.325rem 1rem;border:0;border-bottom:2px;border-radius:0;text-transform:capitalize}.content .content-header .tabs .btn.active,.content .content-header .tabs .btn:hover{color:var(--primary);border-bottom:4px solid var(--primary)}.content .content-header .form-underline{border-radius:0;border:0;border-bottom:2px solid var(--primary)}.content .content-header .form-underline:focus{box-shadow:none}.content .content-header .search{position:relative}.content .content-header .search .fa-solid{cursor:pointer;position:absolute;right:10px;top:10px}.content .content-card .card{display:flex;justify-content:center;border:none;padding:.25rem .5rem;flex-flow:row;justify-content:space-between}.content .content-filter .filter{display:flex;flex-flow:row;align-items:center}.content .content-form{padding-left:1rem;padding-right:1rem;margin:0 -1rem;height:calc(100vh - 125px);overflow:auto}.content .content-table{height:calc(100vh - 130px);overflow:auto;margin:1rem auto 0}.content .content-table svg{width:100%;height:100%}.content .content-chart{height:calc(100vh - 160px);overflow:auto;margin:.5rem auto;padding-bottom:2rem}.content .content-chart .chart-header{display:flex;justify-content:space-between}.content .content-chart .chart-header .title{font-size:1.5rem}.content .content-chart .chart-render{height:calc(100vh - 300px)}.content .content-chart .chart-render .chart{margin-bottom:1rem}.content .content-chart .title{font-weight:500;font-size:1.2rem}.content .content-chart .sub-title{font-size:.9rem}.content .card-box .description,.content .card-box .sub-title{font-size:.8rem}.content .img-thumbnail{background:#f2f2f2;max-height:60px;width:auto}.copy{position:fixed;bottom:0;width:100%;display:none}.copy .box{display:flex;justify-content:center}.copy .text{border-top-right-radius:7px;border-top-left-radius:7px;padding:.5rem 1rem;background:var(--primary);color:#000;display:block}.template{display:none}.sample-animate{width:900px;height:400px;background-size:contain;background-position:50%}.editor{height:min-content}.editor-policy{font-family:Kanit,sans-serif}.editor-policy h1,.editor-policy h2,.editor-policy h3{color:#23aa4a;line-height:1.5}.editor-policy h1{font-size:2.0625rem;font-weight:600;margin-bottom:2.25rem}.editor-policy h2{font-size:1.625rem;font-weight:600}.editor-policy h3{font-size:1.125rem;font-weight:500}.editor-policy h4{font-size:1rem;line-height:2;font-weight:500}.editor-policy h4 span{color:#23aa4a;font-size:inherit;font-weight:inherit}.editor-policy p{line-height:1.3;word-wrap:break-word}.editor-policy ol,.editor-policy p,.editor-policy ul{margin-bottom:2.25rem}.editor-policy ul{list-style:disc;list-style-position:inside;margin-left:1rem}.editor-policy li{line-height:1.3}.editor-policy strong{font-weight:500}@media(max-width:768px){.content .content-header{padding:.5rem 0}.content .content-header .search{margin-top:.5rem}.content .content-header .tabs .btn{padding:.25rem .5rem}.content .content-filter{padding-left:0;padding-right:0}.content .content-filter .filter{margin-bottom:.5rem}.content .content-form,.content .content-table{padding-left:0;padding-right:0}.card-box .description,.card-box .sub-title{font-size:.8rem}.img-thumbnail{background:#f2f2f2;max-width:300px;width:auto}}.popup{position:fixed;background:rgba(0,0,0,.8);width:100%;height:100vh;z-index:1001;display:none;justify-content:center;align-items:center}.popup .popup-box{width:90%;max-width:900px;background:#fff;max-height:90vh;padding:1rem;border-radius:.5rem;overflow:auto}.popup .btn-bar{margin-top:1rem;display:flex;justify-content:space-between}.popup .btn-close{float:right;cursor:pointer}.file-input .preview{margin-top:.25rem;display:flex}#json{font-size:.7rem}#message .card{width:320px;margin-bottom:.75rem}#message .card .btn-bar{display:flex;align-items:center;right:.5rem;position:absolute;top:.5rem}#message .card .btn-bar .btn-close,#message .card .btn-bar .btn-edit{color:var(--grey);padding:.25em;margin-left:.25rem;margin-right:0;opacity:.7;cursor:pointer}#message .card .btn-bar .btn-close:hover,#message .card .btn-bar .btn-edit:hover{opacity:1}#message .card img,#message .card video{max-width:100%}#message .card .card-title{font-size:1rem;margin-bottom:.25rem}#message .card .card-subtitle,#message .card .link{font-size:.7rem;line-height:1.2rem}#message .card .card-body{padding:.75rem}#message .card .card-text{font-size:.9rem;white-space:pre-wrap}#message .card .card-text img{object-fit:cover;max-height:120px}#message .card .carousel-list{display:flex;gap:.5rem;overflow-x:auto}#message .card .carousel-list .carousel{padding:.25rem}#carousel-list{max-height:60vh;overflow-y:scroll;overflow-x:hidden;scrollbar-width:thin}#carousel-list .box .file-input{display:flex;flex-flow:column;gap:.25rem}#carousel-list .box label{font-size:.8rem;margin-bottom:0}#carousel-list .box .text-muted{font-size:.65rem}#carousel-list .card{height:100%;padding:1.5rem 1rem 1rem}#carousel-list .card .btn-close{right:.25rem;position:absolute;top:.25rem;font-size:.65rem}#carousel-list .card-add{display:flex;justify-content:center;align-items:center;cursor:pointer}#carousel-list .card-add:hover{background:var(--bg);color:#333}.popup .message{max-width:1200px;width:90%}.popup .message .title{font-size:1.3rem;font-weight:700}.popup .message .sub-title{font-size:1.1rem;font-weight:700}.popup .message .table{margin-bottom:1rem;font-size:.8rem}.popup .message th{vertical-align:middle}.seeMore{text-decoration:underline;cursor:pointer}.qr{display:none;position:fixed;z-index:1000}.qr,.qr .box{width:100%;height:100vh}.qr .box{display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.9)}.qr .box .form{border-radius:1rem;display:flex;flex-flow:column;color:#fff;padding:1.5rem;background:var(--main)}.qr .box .form .title{font-size:4rem;padding:.5rem}.qr .box .form.main{background-color:var(--main)}.qr .box .form .btn-close-outline{font-size:2rem;background:var(--main);border:2px solid #fff;color:#fff;margin-top:1rem}@use "@/assets/scss/backoffice" as *;