@font-face{font-family:"DBHeavent";font-style:normal;font-weight:300;src:local("DBHeavent Regular"),local("DBHeavent-Regular"),url("../../fonts/DBHeavent.ttf") format("truetype")}@font-face{font-family:"Material Icons";font-style:normal;font-weight:400;src:url(../../fonts/MaterialIcons-Regular.eot);src:local("Material Icons"),local("MaterialIcons-Regular"),url(../../fonts/MaterialIcons-Regular.woff2) format("woff2"),url(../../fonts/MaterialIcons-Regular.woff) format("woff"),url(../../fonts/MaterialIcons-Regular.ttf) format("truetype")}.material-icons{font-family:"Material Icons";font-weight:normal;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}@font-face{font-family:"Kanit";font-style:normal;src:url(../../fonts/Kanit-Regular.ttf) format("truetype")}@font-face{font-family:"Kanit-Light";font-style:normal;src:url(../../fonts/Kanit-Light.ttf) format("truetype")}body{font-family:"Kanit-Light", sans-serif;font-size:16px}.bootstrap-select .btn:focus{outline:none !important}.fc-content{cursor:pointer}.bootstrap-select .bs-searchbox .form-control{margin-left:0}.bootstrap-select .bs-searchbox input[type="search"]{padding-left:35px !important}.icon-name{position:relative;top:-3px;left:7px;font-size:15px}.text-with-icon .material-icons{width:24px}.text-with-icon .icon-name{position:relative;top:-4px}.btn-circle{padding-top:10px}.btn-circle-grey{background-color:#6d6e71 !important;color:#fff}.btn-round-corner{border-radius:7px !important}.btn-radio{border:solid 1px #d4d4d4 !important;box-shadow:none !important;min-width:30px;font-weight:bold;padding-top:10px}.btn-radio.active{background-color:#6d6e71;color:#fff}.btn-inherit{border:none;background-color:inherit}.btn-delete{color:red}.btn-circle-63{width:63px;height:63px;border-radius:50% !important}.btn-circle-63 div{white-space:nowrap}.btn-excel{background-color:#1d6f42;color:#fff}.text-note{color:#a7a8a9;font-size:15px;font-weight:normal}.margin-left{margin-left:16px}.margin-right{margin-right:16px}.margin-top{margin-top:16px}.margin-bottom{margin-bottom:16px}.margin-top-2x{margin-top:32px}.margin-left-half{margin-left:8px}.margin-right-half{margin-right:8px}.margin-top-half{margin-top:8px}.margin-bottom-half{margin-bottom:8px}.no-margin-bottom-important{margin-bottom:0 !important}.padding{padding:16px}.padding-vertical{padding-top:16px;padding-bottom:16px}.p-t-30{padding-top:30px}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.display-none{display:none}.pre-line{white-space:pre-line}.break-text{white-space:pre-wrap;word-wrap:break-word;word-break:break-all}.inline-block{display:inline-block}.border-left-black{border-left:solid 1px #000}.btn-min-100{min-width:100px}.btn-min-50{min-width:50px}.header-title{font-size:24px;margin-top:1rem}.text-error{color:red}.btn-icon-lg{font-size:36px !important}.btn-icon-cancel{color:red}.fit{width:1%;white-space:nowrap}.col-fit-content{width:1%;white-space:nowrap}.img-scan-qr-code{object-fit:contain;width:40px}.row-bordered{border-bottom:1px solid #080808;margin-bottom:15px}.m-b-10-important{margin-bottom:10px !important}.pre-wrap{white-space:pre-wrap}.line-over-text{text-decoration:line-through}.align-left-important{text-align:left !important}.display-block{display:block}.full-width{width:100%}.default-picker-important{background:#fff !important;color:#000 !important;border-color:#999 !important}.underline{text-decoration:underline}.list-tyle-inherit{list-style:inherit !important}@media (max-width: 768px){.mt-md-2{margin-top:16px}}.font-note{color:#a7a8a9;font-size:15px;font-weight:normal}.red-notice{color:red;font-weight:bold}.row-trashed-1{color:#a7a8a9}.white-border-radius{background-color:#fff;border-radius:7px;padding:16px}.ck-editor__editable{min-height:500px}.banner-wrapper{text-align:center}.banner-wrapper img{max-width:100%;aspect-ratio:2.16;object-fit:contain;max-height:300px}.one-line{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-height:1.8;max-height:3.6}.ellipsis-3-lines{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:1.5;max-height:3.6}.ellipsis-1-lines{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-height:1.8;max-height:1.8;word-break:break-word}.ellipsis-1-lines-appeal{margin-top:-6px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-height:1.8;max-height:1.8;word-break:break-word}.img-maintenance-spare{width:100%;max-width:320px}.table-col-middle td{vertical-align:middle}.fade-in-box{position:relative}.fade-in-box img{width:100%;height:100px;object-fit:cover}.fade-in-box .fade-in-box-main-img{opacity:1;display:block;width:100%;height:auto;transition:0.5s ease;backface-visibility:hidden}.fade-in-box .fade-in-box-overlay{transition:0.5s ease;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%)}.fade-in-box .fade-in-btn{font-size:16px;padding:16px 32px;cursor:pointer}.fade-in-box:hover .fade-in-box-main-img{opacity:0.3}.fade-in-box:hover .fade-in-box-overlay{opacity:1}.show-preview-image{width:200px}.show-preview-image .preview-mini-image{object-fit:cover;width:100%;max-height:150px}.sb-white{border:1px solid white}.sb-white div{border:1px solid white}.bs-test{margin-top:30px;border:1px solid black;border-radius:10px}.bs-test .header{font-size:24px;padding-left:20px;background-color:#d6d6d6;border-radius:10px 10px 0px 0px}.bs-test .content{margin:20px}.bs-test .content div{border:1px solid black}.nav-test{margin-top:30px;border:1px solid black;border-radius:10px}.input-row label.error{color:red;margin-bottom:0}.full-image{width:100%}.preview-image{width:100%;max-width:500px}.icon-box{border-radius:4px}.icon-box .icon-type{padding-top:10px;width:60px;height:60px;border:1px solid #5f2bfc;border-radius:4px}.icon-box .icon-type-text{color:green}.appeal-type-icon{width:60px;height:60px;text-align:center;padding-top:10px;font-size:40px;color:black;background-color:white;border:1px solid #2f42d5;border-radius:4px}.container-grey{background-color:#d9d9d9;border-radius:0.25rem}.text-icon{width:18px}.text-notice{color:red}.text-deep-orange{color:#ff9800}.full-width-height{width:100%;height:100%}.chart-canvas{width:100%;min-height:400px}.btn-current-location{position:absolute;bottom:110px;right:10px;z-index:10;background-color:white;width:40px;height:40px;border-radius:20px;display:flex;align-items:center}.btn-current-location.bottomest{bottom:10px}.input-delete-wrapper{position:relative;width:200px}.input-delete-wrapper input[type="text"]{padding-right:22px}.input-delete-wrapper .btn-delete-search{display:none;position:absolute;right:-9px;top:1px}.input-delete-wrapper .btn-delete-search i{color:#838383}.toggle-btn{position:absolute;top:125px;left:12px;z-index:0 !important;background-color:#5f2bfc !important}.cctv-dropdown{position:absolute;top:120px;left:11px;width:300px;max-height:80vh;overflow-y:auto;background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.2);z-index:3000 !important;opacity:0;transform:translateX(-110%);pointer-events:none;transition:all 0.25s ease}.cctv-dropdown.active{opacity:1;transform:translateX(0);pointer-events:auto;background-color:#5f2bfc !important}.list-group-item a{color:#5f2bfc !important}.list-group-item.active{background-color:#5f2bfc !important;color:white !important}.list-group-item.active a{color:#fff !important}.cctv-dropdown .card{margin-bottom:0;height:100%}#modal_popup{z-index:3500 !important}.modal-backdrop{z-index:510 !important}.gm-style-mtc ul{z-index:9999 !important}