:root{--color-primary:#015af5;--color-disable:#e5e7eb;--color-shadow:rgba(209,213,219,0.30196078431372547);--color-border-nonActive:#d1d5db;--color-border-active:#015af5;--color-card-actice:#d6edff;--color-backdrop:rgba(17,25,40,0.6980392156862745);--color-text-primary:#111928;--color-text-second:#6b7280;--color-text-link:#015af5;--color-text-hide-primary:#9ca3af;--color-text-hide-second:#6b7280;--color-button-disable:#e5e7eb;--color-button-enable:#015af5;--color-button-text-disable:#9ca3af;--color-text-danger:#e02424;--color-text-warning:#ff8a4c;--color-text-success:#31c48d;--color-text-orange-dark:#ff5800;--color-grey-darkest:#111928;--color-text-orange-light:#f49b00;--safe-area-inset-top:env(safe-area-inset-top);--color-waning-password-text-primary:#1f92ff;--color-waning-password-text-danger:#e02424}@font-face{font-family:Kanit-Bold;src:url(../fonts/Anuphan-SemiBold.bc3c3825.ttf) format("truetype")}@font-face{font-family:Kanit-Regular;src:url(../fonts/Anuphan-Regular.64903019.ttf) format("truetype")}body,html{margin:0;font-family:Kanit-Regular,Arial,sans-serif!important}.title-linear-gradient{background-image:linear-gradient(-90deg,#00b3f0,#006a9e)}.layout-ktb{height:auto;background-color:#17a3de}.border-radius-45{border-radius:45px}.border-top-radius-45{border-top-left-radius:45px;border-top-right-radius:45px}.v-dialog-body,.v-dialog-header{text-align:center}.v-dialog-container .v-dialog-btn{width:100%}a.v-dialog-btn.success{color:#17a3de}.action-click{cursor:pointer}.action-no-click{cursor:revert!important}.layout-ktb-NEXT{height:100vh;background-color:#f9fafc!important;padding-bottom:10%!important}.btn-ktb-no-border{border-color:transparent!important;background-color:transparent!important;color:#00a3e4!important;font-style:bold!important}.btn-ktb-upload{color:#fff!important;background-color:#00a3e4!important}.swal2-modal-WEB{width:50%!important;margin-left:16px!important;margin-right:16px!important}.swal2-modal-NEXT,.swal2-modal-WEB{font-size:1rem!important;margin-bottom:16px!important}.swal2-modal-NEXT{font-family:Kanit-Regular,Arial,sans-serif!important;color:#5a6e7b!important;font-size:14px!important}.btn-padding{margin-bottom:8px!important;width:100%!important}.dstatement-popup{line-height:1.4;padding:0 8px 0!important;letter-spacing:-.5px}.swal2-image-WEB{width:450px;height:300px}.swal2-image-dstatement,.swal2-image-NEXT{width:240px;height:168px}.btn-submit{background-color:#00a3e4!important;color:#fff!important;border-color:#00a3e4!important}.text-title-dstatement{font-weight:700!important;color:#000!important;font-size:16px!important}.btn-alert-submit{width:200px!important;margin:0!important}.btn-alert-submit2{background-color:#00a3e4!important;border-color:#00a3e4!important}.btn-alert-cancel,.btn-alert-submit2{width:100px!important;color:#fff!important;font-style:normal!important;font-weight:700!important}.btn-alert-cancel{background-color:#df0747!important;border-color:#df0747!important;margin-left:10px!important}.layout-WEB{height:auto;background-color:#f9fafc!important;padding-left:20%!important;padding-right:20%!important}.text-black{color:#000;font-weight:bolder}.text-grey{color:#838383}.text-error{color:#db0000!important}.btn-ktb-gradient{background-image:linear-gradient(-90deg,#006a9e,#00b3f0)!important;border-color:linear-gradient(-90deg,#006a9e,#00b3f0)!important}.swal2-popup-error{width:100vh!important;height:100vh!important;padding:unset!important;border-radius:unset!important;background-color:#f9fafc!important}.swal2-container{padding:0!important}.swal-button-err{width:350px!important}.swal-button-info{width:100%!important}.border{border:1px solid #8a8a8a!important}.noborder{border:0!important}.border-radius-1rem{border-radius:24px}.border-radius-sub-card{border-radius:24px!important}.font-kanit-bold-16{font-size:16px!important;line-height:24px!important;letter-spacing:0!important}.font-kanit-bold-16,.font-kanit-bold-18{margin:0;font-family:Kanit-Bold;font-weight:600!important}.font-kanit-bold-18{font-size:18px!important;line-height:26px!important}.font-kanit-bold-14{font-weight:400!important}.font-kanit-bold-14,.font-kanit-bold-14-600{margin:0;font-family:Kanit-Bold;font-size:14px!important;line-height:21px!important;letter-spacing:0!important}.font-kanit-bold-14-600{font-weight:600!important}.font-kanit-bold-20{margin:0;font-family:Kanit-Bold;font-size:20px!important;line-height:30px!important;font-weight:600!important}.font-kanit-bold-24{margin:0;font-family:Kanit-Bold;font-size:24px!important;line-height:36px!important}.font-kanit-regular-16{font-weight:600!important}.font-kanit-regular-16,.font-kanit-regular-16-400{margin:0;font-family:Kanit-Regular;font-size:16px!important;line-height:24px!important;letter-spacing:0!important}.font-kanit-regular-16-400{font-weight:400!important}.font-kanit-regular-14{font-size:14px!important;line-height:21px!important}.font-kanit-regular-12,.font-kanit-regular-14{margin:0;font-family:Kanit-Regular;font-weight:400!important;letter-spacing:0!important}.font-kanit-regular-12{font-size:12px!important;line-height:18px!important}.text-kanit-color-black{color:var(--color-text-primary)!important}.text-kanit-color-grey{color:var(--color-text-second)!important}.text-revamp-color-seccond{color:var(--color-text-hide-second)!important}.text-revamp-color-after-success{color:var(--color-text-hide-primary)!important}.text-kanit-color-disables{color:#838383}.text-kanit-color-danger{color:var(--color-text-danger)}.text-kanit-color-blue{color:var(--color-primary)}.text-kanit-color-success{color:var(--color-text-success)}.text-kanit-color-orange{color:var(--color-text-warning)}.text-kanit-color-orange-light{color:var(--color-text-orange-light)}.text-kanit-color-orange-dark{color:var(--color-text-orange-dark)}.text-kanit-color-grey-dark{color:var(--color-grey-darkest)}.text-revamp-color-success{color:var(--color-text-success)}.text-revamp-color-blue{color:var(--color-primary)}.text-revamp-color-size-black{color:#000!important}.border-orange{border-color:#fff8f1!important;background-color:#fff8f1!important}.card-danger{border:1px solid var(--color-text-danger)!important}.card-warning{border:1px solid var(--color-text-warning)!important}.btn-submit-landing-page{height:52px!important;border-radius:48px!important;font-family:Kanit-Bold,Arial,sans-serif!important;color:#fff!important;font-size:16px!important;line-height:24px!important;letter-spacing:0!important;background-color:var(--color-button-enable)!important}.btn-submit-landing-page.disabled,.btn-submit-landing-page:disabled{color:var(--color-button-text-disable)!important;background-color:var(--color-button-disable)!important;border-color:var(--color-button-disable)!important;background-image:none!important}.swal-text-title{font-family:Kanit-Bold,Arial,sans-serif!important;color:#000!important;font-size:16px!important;padding:0 1em 0!important}.swal2-actions{display:flex!important;justify-content:center!important;margin-top:1rem!important;margin-right:0!important;margin-bottom:0!important;margin-left:0!important}.swal2-popup{border-radius:16px!important;width:90vw!important;padding:24px!important}.text-ktb-ultra-light-16{margin:0;font-family:KrungthaiFast-UltraLight,Arial,sans-serif!important;color:#000!important;font-size:16px!important}.padding-nevigate-bar-ANDROID{padding-top:2rem!important;height:5vh!important}.text-align-self-end{align-self:end!important}.swal2-image{max-width:100%;margin-top:24px!important;margin-bottom:16px!important;margin-left:auto!important;margin-right:auto!important}.padding-right-65{padding-right:65px!important}.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-auto,.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-auto,.container{padding-right:16px;padding-left:16px}.border-top-NEXT{border-top:1px solid #f2f2f2!important}.border-bottom-NEXT{border-bottom:1px solid #f2f2f2!important}.custom-checkbox .custom-control-input:checked~.custom-control-label:after{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAaCAYAAADfcP5FAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADWSURBVHgB7dbRDYMgEAbgG4ERHMEROkI30A3aDeoobsAIHaEjOIIjXH9SHiwBFBFPE//k3jjyhZwCkXCY+YEaUQNKkWQAePF/niQVD8akIYkEMB1JxM7MYTDNhbkwiZjag+lJIhYznh+DhQr1Rn1Qd8pM9slgces0r/59BzA6dZPWM3jJKPRU/LuxpzGnnn6Do6nLQW2KmWzae1C3BX3bYyIoMw+1CCYVFcAMXOLVN4eKYCoqFWyufSgRjAUpOw8uan/MDEoGswC1PyaCksM4KPP16ZKYL3KBOuKALyXbAAAAAElFTkSuQmCC)!important}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before{background:#fff;border:1px solid #e0e0e0;border-radius:4px}.custom-checkbox .custom-control-input:disabled~.custom-control-label:before{background:#e0e0e0;border:1px solid #e0e0e0;border-radius:4px}.custom-checkbox .custom-control-label:before{background:#fff;border:1px solid var(--color-primary);border-radius:4px}.custom-control-input:checked~.custom-control-label:before{border-color:var(--color-primary)!important;background-color:var(--color-primary)!important}.ktb-badge-number{color:#00a6e6;width:24px;height:24px;display:block;border-radius:999px;border:2px solid;line-height:1.7;font-size:13px}.mx-16{margin-left:16px!important;margin-right:16px!important}.modal-backdrop{background:rgba(0,0,0,.8)!important}.modal-content-custom{border:0 solid rgba(0,0,0,.2)!important}.swal2-container.swal2-backdrop-show{background:rgba(0,0,0,.8)!important}.app-bg-color-black{background-color:#000!important}.common-header{background:#fff}.common-header-textbox{border:1px solid #fff;border-bottom-left-radius:35px;border-bottom-right-radius:35px;padding:15px}.common-header-btn-close{border:1px solid #fff;border-radius:50%;padding:8px}.common-shadow{box-shadow:0 2px 6px 2px var(--color-shadow)}.object-contain{-o-object-fit:contain;object-fit:contain}.margin-btn-footer{margin-bottom:15%}.content-dialog-back{margin-top:40vh}.modal-content{border-radius:1rem!important}.modal-body{padding-top:1rem;padding-right:1rem;padding-bottom:.5rem!important;padding-left:1rem}.btn-cancel-file-duplication{border-radius:8px!important;color:#4457e3!important;background:#fff!important;border:1px solid #4457e3!important;border-color:#4457e3!important}.btn-cancel-file-duplication,.btn-confirm-file-duplication{font-size:18px!important;height:46px!important;font-family:Kanit-Bold,Arial,sans-serif!important;font-size:16px!important}.btn-confirm-file-duplication{border-radius:8px!important;color:#fff!important;background:linear-gradient(274.84deg,#4457e3,#5367ff)!important;border-color:#4457e3!important}#modal_password_upload___BV_modal_backdrop_{background:#000!important;opacity:.9!important}.card-border-radius,.landding-border-radius-1rem{border-radius:32px!important}.span-aherf-text{text-align:center;text-decoration:underline;-webkit-text-decoration-style:solid;text-decoration-style:solid;color:var(--color-text-link)}.span-aherf-text,.span-grey-text{font-weight:400;line-height:21px;letter-spacing:0}.span-grey-text{color:var(--color-text-second)}.text-revamp-grey{color:#6b7280;font-weight:400;font-size:14px;line-height:21px;letter-spacing:0}.text-revamp-bold{font-weight:600}.text-revamp-black{color:#000;font-weight:400;font-size:14px;line-height:21px;letter-spacing:0}.text-revamp-header-grekdark{color:#111928;font-size:20px;font-weight:600;line-height:30px;letter-spacing:0;text-align:center;vertical-align:middle}.chevron-rotateX{transform:rotate(270deg);transition:all .1s ease-in-out}.chevron-rotateY{transform:rotateY(0deg);transition:all .1s ease-in-out}.chevron-down{transform:rotate(180deg)}.chevron-down,.chevron-up{transition:all .1s ease-in-out}.chevron-up{transform:rotate(0deg)}.badge-container{width:24px!important;height:24px!important;border-radius:24px!important;padding-bottom:0!important;display:flex!important;justify-content:center!important;align-items:center!important}.no-padding-popup{padding:0!important;width:100%!important;border-radius:0!important;display:flex!important;max-height:100vh}.no-max-height{max-height:none!important}.no-padding-container{margin:0 0 0 0!important}.transparent-popup{background-color:#ebedf7!important;border-radius:1rem;box-shadow:0 0 20px rgba(0,0,0,.1)}.close-button-circle{right:30px;top:20px;width:40px;height:40px;border:none;border-radius:50%;background-color:#fff;color:#1f2937;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,.1);cursor:pointer;display:flex;align-items:center;justify-content:center}.close-button-circle:focus{outline:none}.swal-example-footer{display:none}@keyframes show{0%{opacity:0}to{opacity:1}}@keyframes hide{0%{opacity:1}to{opacity:0}}.animate__fadeSlowShow{animation:show;animation-duration:.5s}.animate__fadeSlowHide{animation:hide;animation-duration:.5s}li{list-style-position:outside}li::marker{color:#04f;font-size:x-large}#passwordMarker::marker{color:#6b7280;font-size:xx-small}.swal-example-page{position:absolute;bottom:-50px;right:20px;display:flex;padding:8px 16px 8px 16px;border-radius:24px;border:1px solid #d1d5db;font-size:14px;line-height:21px;color:#111928;background-color:#fff;letter-spacing:0;display:none;align-items:center;justify-content:center}#header,#header-scroll{width:100vw;top:0;left:0;z-index:9999;transform-origin:top left}#header-scroll{position:fixed}.swal2-image-WEB-v2{width:240px;height:160px}.btn-ktb-WEB-v2{height:52px!important;border-radius:48px!important}.btn-ktb-WEB-confirm-v2{color:#fff!important;background-image:var(--color-button-enable)!important;border-color:var(--color-button-enable)!important;background-color:var(--color-button-enable)!important}.btn-ktb-WEB-confirm-v2-disable{color:#9ca3af!important;background-image:var(#e5e7eb)!important;border-color:var(#e5e7eb)!important;background-color:var(#e5e7eb)!important}.btn-ktb-WEB-confirm-v2-fixed{position:fixed!important}.btn-ktb-WEB-confirm-v2-buttom{left:0;bottom:0}.btn-ktb-WEB-cancle-v2{color:var(--color-button-enable)!important;background-image:#fff!important;border-color:var(--color-button-enable)!important;background-color:#fff!important}.html-container-warning{overflow-y:hidden;height:100%}.swal-title-warning{padding:0 8px 0!important}.btn-swal-width{width:45%;margin-left:.5rem}.btn-swal-width-100{width:calc(100% - 40px)!important;margin:0!important;margin-bottom:2rem!important;margin-left:20px!important}.btn-swal-width-100-popup-haft{width:100%!important;margin:0!important;margin-bottom:0!important;margin-left:0!important}.modal-custom-center{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;margin:0!important}.modal-width-custom{width:92vw!important;max-width:720px;min-width:300px}.border-danger{border-color:#e02424!important}.border-warning{border-color:#ff8a4c!important}.swal-html-width-100{width:100%!important}.background-img-timeout{background-image:url(../img/timeoutV2.18800c27.png);background-repeat:no-repeat}.background-img-error{background-image:url(../img/ErrorV2.d372f9c2.png);background-repeat:no-repeat}.background-img-size{width:240px;height:160px}.common-header-background-color-revamp{background:rgba(235,237,247,0)!important}.common-background-color-revamp{background:linear-gradient(#ebedf7,#fff)!important}.common-header-revamp{background:#fff}.common-header-textbox-revamp{border:1px solid #fff;border-bottom-left-radius:35px;border-bottom-right-radius:35px;padding:15px 10px;height:100%}.object-center{display:flex!important;align-items:center!important;justify-content:center!important}#passwordInput{font-size:24px;font-weight:600;padding-left:10px;margin-left:3px;margin-right:3px;color:var(--color-border-active)}.swal2-html-container-remove-margin{margin:0!important}.common-header-background-color-revamp{background:#ebedf7!important}.nowrap-text{white-space:nowrap}.card-layout-padding-container{padding:0 10px}.card-layout-padding-content{padding:0;padding-right:0!important;padding-left:0!important}.card-layout-padding-object{padding:0 15px}.padding-dynamic-island{padding-top:env(safe-area-inset-top)!important}.pinch-zoom{touch-action:manipulation;transition:transform .3s ease;transform-origin:top left}.revamp-error-header-container{text-align:center;background-color:#fff!important;border-radius:0 0 32px 32px;position:relative;width:100%;display:flex;flex-direction:column;justify-content:space-between}.revamp-error-header-title{height:64px;display:flex;align-items:center;justify-content:center}.revamp-error-content-container{display:flex;flex-direction:column;padding:20px;align-items:center}.custom-swal2-backdrop-show{opacity:1}.no-border-input{border:1px solid #d1d5db}.no-border-input:focus{border:1px solid var(--color-waning-password-text-primary);outline:1px solid var(--color-waning-password-text-primary)}.no-border-input-error{color:var(--color-waning-password-text-danger)!important}.no-border-input-error,.no-border-input-error:focus{border:1px solid var(--color-waning-password-text-danger)}.no-border-input-error:focus{outline:1px solid var(--color-waning-password-text-danger)}.revamp-swal2-popup-padding-password{padding:24px 24px 10px 24px!important}.full-height,.uploads-full-height{height:100vh!important}.full-height{overflow-y:scroll;padding:calc(13vh + 1rem) 1rem 1rem 1rem!important}.div401[data-v-56043e2d],.div404[data-v-13bd1a40]{height:100vh;color:#fff;background-image:linear-gradient(-90deg,#00b3f0,#006a9e)}