.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{display:flex;flex-flow:column;justify-content:space-between;background:var(--primary);color:var(--text);height:100vh}.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:hover,.sidebar .list-box .list.active{color:var(--primary);background:var(--text);transition:.3s}.menu-mobile{padding:0;display:flex;flex-flow:column;justify-content:space-between;background:var(--primary);height:auto}.menu-mobile .header{padding:.75rem 1rem;color:var(--text);display:flex;justify-content:space-between;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:hover,.menu-mobile .list-box .list.active{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:bold}.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 solid none;border-radius:0;text-transform:capitalize}.content .content-header .tabs .btn:hover,.content .content-header .tabs .btn.active{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 .sub-title{font-size:.8rem}.content .card-box .description{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:center}.bg-floor{background-position:center;background-size:contain}.bg-floor.floor-1{background-image:url("../images/1-floor.png")}.bg-floor.floor-2{background-image:url("../images/2-floor.png")}.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;margin-bottom:2.25rem;word-wrap:break-word}.editor-policy ol{margin-bottom:2.25rem}.editor-policy ul{list-style:disc;list-style-position:inside;margin-left:1rem;margin-bottom:2.25rem}.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:0rem;padding-right:0rem}.content .content-filter .filter{margin-bottom:.5rem}.content .content-form{padding-left:0rem;padding-right:0rem}.content .content-table{padding-left:0rem;padding-right:0rem}.card-box .sub-title{font-size:.8rem}.card-box .description{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-edit,#message .card .btn-bar .btn-close{color:var(--grey);padding:.25em .25em;margin-left:.25rem;margin-right:0;opacity:.7;cursor:pointer}#message .card .btn-bar .btn-edit:hover,#message .card .btn-bar .btn-close: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:bold}.popup .message .sub-title{font-size:1.1rem;font-weight:bold}.popup .message .table{margin-bottom:1rem;font-size:.8rem}.popup .message th{vertical-align:middle}.seeMore{text-decoration:underline;cursor:pointer}.qr{display:none;width:100%;height:100vh;position:fixed;z-index:1000}.qr .box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;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}