@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100;200;300;400;500;600;700;800;900&display=swap";.main-navbar{height:80px;background-color:#fff;box-shadow:0 3px 5px #8493c61f,0 1px 18px #b5c9eb36;padding:0 32px;display:flex;align-items:center;justify-content:space-between;position:relative}.main-navbar .logo{margin-left:16px}.main-navbar .main-navbar-nav{display:flex;align-items:center}.main-navbar .main-navbar-nav .profile{display:flex;align-items:center;gap:8px;margin-left:32px;color:#344054}.main-navbar .main-navbar-nav .profile .logo{width:44px;height:44px;border-radius:99px;background-color:#667085}.main-navbar .main-navbar-nav .profile .profile-description{display:flex;flex-direction:column}.main-navbar .main-navbar-nav .profile .profile-description .profile-description-name{font-size:14px;font-weight:600;line-height:22px;color:#344054}.main-navbar .main-navbar-nav .profile .profile-description .profile-description-logo{font-size:14px;font-weight:400;line-height:20px;color:#667085}.main-navbar .navbar-name{margin-left:32px;font-size:24px;font-weight:700;line-height:36px;color:#344054;width:250px}.language-menu{display:flex;justify-content:center;align-items:center;margin-left:16px}.ant-menu-item-selected{color:#000!important;font-weight:600!important;line-height:24px!important;background-color:#fff!important;border-radius:0!important;margin-inline:0px!important;margin-block:0px!important;width:100%!important;height:56px!important}.menu-item-selected{color:#074e9f!important;font-weight:600!important;line-height:24px!important;background-color:#f6f7f9!important;border-radius:0!important;margin-inline:0px!important;margin-block:0px!important;width:100%!important;height:56px!important;border-left:4px solid var(--primary-state-default, #074E9F)}.menu-item-selected div{color:#074e9f!important;font-weight:600!important;line-height:24px!important}.ant-menu{border:0px!important}.ant-menu-item-active{color:#074e9f!important;font-weight:600!important;line-height:24px!important;background-color:#f6f7f9!important;border-radius:0!important;margin-inline:0px!important;margin-block:0px!important;width:100%!important;height:56px!important}.ant-menu-item{border-radius:0!important;margin-inline:0px!important;margin-block:0px!important;width:100%!important;height:56px!important}.sidebar-menu{display:flex;flex-direction:column;justify-content:space-between;height:100vh;padding-bottom:82px;position:relative;z-index:10}.date-box-select{width:89.5px;height:75px;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;line-height:24px;color:#344054}.date-box-select:hover,.date-box-selected{color:#fff;background-color:#074e9f}.DatePickerCalendar__cell{padding:8px;width:55px;height:48px;font-weight:400;font-size:16px;line-height:24px;margin:2px 0;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#344054}.customModal-Alert .body{width:100%;padding:16px;min-height:136px;flex-direction:column}.customModal-Alert .body .section{display:flex;flex-direction:column;align-items:center;position:relative;width:100%;gap:8px}.customModal-Alert .body .section .title{font-size:22px;font-weight:600;line-height:32px}.customModal-Alert .body .section .description{color:#667085;text-align:center}.customModal-Alert .body .btn-modal{display:flex;flex-direction:column;margin-top:24px;gap:8px;width:100%}input[type=file]{display:none}.custom-file-upload{border:1px solid #074E9F;display:flex;padding:6px 16px;cursor:pointer;color:#074e9f;font-size:14px;font-weight:600;line-height:20px;width:131px;height:32px;border-radius:8px;align-items:center}.customModal-image{width:100%!important;max-width:793px!important;min-height:574px!important;height:100%}.modal-body{padding:0!important}.customModal-Alert{width:100%!important}.customModal-Alert .modal-body,.customModal-Alert .modal-content,.customModal-Alert .modal-dialog{max-width:420px!important}.customer-req-form{width:100%!important}.customer-req-form .modal-body,.customer-req-form .modal-content,.customer-req-form .modal-dialog{max-width:631px!important}.customTableForm6 .ant-table-thead .ant-table-cell{background-color:#deedfe;color:#0a6ee1}.customModal-table{width:100%!important;max-width:793px!important}.error-style{border:1px solid #ffccc7;background-color:#fff2f0}.customModal-SkipApp{width:100%!important}.customModal-SkipApp .modal-body,.customModal-SkipApp .modal-content,.customModal-SkipApp .modal-dialog{max-width:450px!important}.button-cancel{width:255px;height:48px;border-radius:8px;background-color:#fff;color:#074e9f;display:flex;justify-content:center;align-items:center;border-color:#074e9f}.button-submit{width:255px;height:48px;border-radius:8px;background-color:#074e9f;color:#fff;display:flex;justify-content:center;align-items:center}.modal-Question-body{display:flex;flex-direction:column;gap:12px}.modal-Question-body .title{font-size:18px;font-weight:700;margin-bottom:16px}.modal-Question-body .error{font-size:14px;font-weight:400;line-height:16px;color:red;margin-top:16px}.footer-container{display:flex;padding:24px 32px 32px;justify-content:space-between}.footer-container .col1{display:flex;align-items:center;gap:16px;height:48px}.footer-container .col1 .logo{display:flex;align-items:center;height:100%}.footer-container .col1 .description{display:flex;flex-direction:column;justify-content:center;height:56px;color:#667085}.footer-container .col2{display:flex;flex-direction:column;height:56px;color:#667085}.layout{display:flex;width:100vw;height:100vh;background-color:#f6f7f9}.sidebar-full{display:block}.sidebar-responsive{display:none}.content{width:calc(100vw - 300px);height:100vh;overflow-y:scroll;background-color:#f5f5f5}@media only screen and (max-width: 992px){.content{width:100vw;height:100vh;padding:0}.sidebar-full{display:none}.sidebar-responsive{display:block}}.box-shadow-navbar{box-shadow:0 3px 5px #8493c61f,0 1px 18px #b5c9eb36}.main-content{padding:32px;min-height:calc(100vh - 192px)}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-ms-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:""}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{-webkit-transition:all .15s ease-in;-moz-transition:all .15s ease-in;-ms-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translateZ(0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{-webkit-transition:border .15s ease-in;-moz-transition:border .15s ease-in;-ms-transition:border .15s ease-in;-o-transition:border .15s ease-in;transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,.2)}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;-webkit-transition:height .15s ease-in;-moz-transition:height .15s ease-in;-ms-transition:height .15s ease-in;-o-transition:height .15s ease-in;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{-webkit-flex-direction:column;flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:.25;-webkit-transition:opacity .35s ease-in-out;-moz-transition:opacity .35s ease-in-out;-ms-transition:opacity .35s ease-in-out;-o-transition:opacity .35s ease-in-out;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (min-width: 960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{-webkit-transition:opacity .25s ease-in;-moz-transition:opacity .25s ease-in;-ms-transition:opacity .25s ease-in;-o-transition:opacity .25s ease-in;transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px #000000e6;background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,.9);color:#fff}.carousel:hover .slide .legend{opacity:1}.input-search{display:flex;align-items:center;width:100%;height:44px;padding:10px 16px;gap:8px;border:1px solid #E4E7EC;border-radius:8px}.DatePickerCalendar__row{display:flex;justify-content:center;align-items:center;width:385px;height:48px;margin-bottom:4px}.DatePickerCalendar__header{display:flex;align-items:center;justify-content:center}.DatePickerCalendar__cell{padding:8px;width:55px;height:48px;font-weight:400;font-size:16px;line-height:24px;margin:2px 0;border-radius:8px 0 0 8px;display:flex;align-items:center;justify-content:center;color:#344054}.DatePickerCalendar__cell7{padding:8px 4px;width:55px;height:48px;font-weight:600;font-size:14px;line-height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#98a2b3}.DatePickerCalendar__dayCell{cursor:pointer;transition:background-color .2s ease-in-out,color .2s ease-in-out}.DatePickerCalendar__dayCell:not(.DatePickerCalendar__dayCell_selected):hover{background-color:#e9e9e9}.DatePickerCalendar__dayCell:active{background-color:#d1d1d1}.DatePickerCalendar__dayCell_selected{background-color:#0036cc;color:#fff}.DatePickerCalendar__V2{display:flex;justify-content:space-between}.DatePickerSelector{display:flex;align-items:center;justify-content:space-between;height:42px;border-bottom:1px solid #b3b3b3;margin-bottom:8px}.DatePickerSelectorV2{display:flex;align-items:center;justify-content:space-between;width:"256px";height:"40px";max-height:"40px";padding:"8px 16px"}.DatePickerSelector__icon{width:26px;height:26px;border-radius:8px;cursor:pointer;transition:background-color .2s ease-in-out;display:flex;align-items:center;justify-content:center}.DatePickerSelector__icon:hover{background-color:#e0e0e0}.DatePickerSelector__iconLeft{transform:rotate(90deg)}.DatePickerSelector__iconRight{transform:rotate(-90deg)}.app__title{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:10px 16px;gap:8px;width:280px;height:44px;background:#ffffff;border:1px solid #e0e0e0;border-radius:8px;font-weight:400;font-size:16px;line-height:24px}.app__container{flex-direction:column;display:flex;align-items:flex-start;justify-content:flex-start}.ant-popover .ant-popover-inner{padding:0}.calendar-popover{display:flex;align-items:center;width:256px;height:44px;border:1px solid #E4E7EC;border-radius:8px;background-color:#fff;padding:10px 16px;gap:8px}.table-req-form{display:flex;flex-direction:column;padding:32px 16px 16px;background-color:#fff;margin-top:24px}.home{width:100%;gap:24px}.home .header{color:#074e9f;font-size:32px;font-weight:600;line-height:40px;width:150px}.btn-reset{display:flex;align-items:center;width:105px;height:44px;border:1px solid #e4e7ec;border-radius:8px;background-color:#fff;padding:10px 16px;cursor:pointer}.btn-reset .icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-left:8px}.text-overview{color:#074e9f;font-size:32px;font-weight:600;line-height:40px;width:150px}.btn-request{width:164px;height:44px;background-color:#074e9f;color:#fff;display:flex;justify-content:center;align-items:center}.card-summary{display:flex;border-radius:12px;background-color:#fff;box-shadow:0 3px 10px #8493c61f,0 1px 6px #b5c9eb26;padding:16px 24px;align-items:center;gap:24px;width:100%;height:108.5px}.card-summary .content-text{display:flex;flex-direction:column;justify-content:center;height:56px}.card-summary .icon{display:flex;align-items:center;height:100%;padding:8px;border-radius:8px}.ant-tabs .ant-tabs-tab{height:44px}.box{background-color:#000;color:#fff;width:100px;height:50px;border-radius:12px;padding:12px;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.box h4{z-index:2}.box:before{content:"";position:absolute;width:20px;height:210%;background:linear-gradient(to top,#d500f9 50%,black 50%);animation:rotate 4s linear infinite}.box:after{content:"";position:absolute;background:black;top:5px;right:5px;bottom:5px;left:5px;border-radius:12px}@keyframes example{0%{background-color:red;left:-20px;top:-20px}25%{background-color:red;left:90px;top:-20px}50%{background-color:red;left:90px;top:45px}75%{background-color:red;left:-20px;top:45px}to{background-color:red;left:-20px;top:-20px}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.select-language{display:flex;justify-content:space-between;align-items:center;color:#000;background-color:#fff;border-radius:8px;height:44px;width:149px;padding:12px 8px}.select-language img{width:24px;height:32px}.select-language div{width:24px;height:32px;display:flex;justify-content:center;align-items:center}.login-column{height:100vh}.login-column .bg-left{width:100%;height:100%}.login-column .container{display:flex;flex-direction:column;overflow:auto;height:100%;padding:40px 32px;gap:80px;background-color:#fff}.login-column .container .section{display:flex;justify-content:end;width:100%}.login-column .container .section02{display:flex;align-items:center;flex-direction:column;width:100%;height:100%}.login-column .container .section02 .text-title{font-size:40px;font-weight:600;line-height:52px;margin-top:16px}.login-column .container .section02 .form-con{width:100%;display:flex;align-items:center;flex-direction:column;margin-top:24px;max-width:406.2px}.login-column .container .section02 .form-con .form-con-email{width:100%}.login-column .container .section02 .form-con .form-con-text-error{width:100%;display:flex;color:#ff4d4f;margin-top:4px;font-size:12px}.login-column .container .section03 .hr{color:#e4e7ec;height:1px}.login-column .container .section03 .text{display:flex;gap:16px;color:#667085;justify-content:space-between}.customModal-App{width:100%!important}.customModal-App .modal-body,.customModal-App .modal-content,.customModal-App .modal-dialog{max-width:450px!important}.customModalImage-App{width:100%!important}.customModalImage-App .modal-body,.customModalImage-App .modal-content,.customModalImage-App .modal-dialog{max-width:688px!important}.preview-culumn1{display:flex;flex-direction:column;gap:12px}.terms-container .terms-column{height:100vh;overflow:auto}.terms-container .terms-column .bg-left{width:100%;height:100%}.terms-container .terms-column .container{display:flex;flex-direction:column;padding:40px 32px;gap:20px;background-color:#f6f7f9;height:100%;overflow-y:auto}.terms-container .terms-column .container .section{display:flex;justify-content:end;width:100%}.terms-container .terms-column .container .section02 .header{font-size:24px;font-weight:700;line-height:36px}.terms-container .terms-column .container .section02 .description{font-size:16px;font-weight:400;line-height:24px;color:#667085}.terms-container .terms-column .container .section02 .context{font-size:14px;font-weight:400;line-height:26px;color:#344054;height:100%;overflow-y:auto;border-radius:8px}.terms-container .terms-column .container .section02 .checkAccept .form-check-input{width:24px;height:24px}.terms-container .terms-column .container .section02 .checkAccept .form-check-label{color:#344054;padding:6px}.terms-container .terms-column .container .section03 .hr{color:#e4e7ec;height:1px}.terms-container .terms-column .container .section03 .text{display:flex;gap:16px;color:#667085;justify-content:space-between}.customModal-create-user{width:100%!important}.customModal-create-user .modal-body,.customModal-create-user .modal-content,.customModal-create-user .modal-dialog{max-width:686px!important}.customer-modal-excel{width:100%!important}.customer-modal-excel .modal-body,.customer-modal-excel .modal-content,.customer-modal-excel .modal-dialog{max-width:700px!important}.customModal-cnd{width:100%!important}.customModal-cnd .modal-body,.customModal-cnd .modal-content,.customModal-cnd .modal-dialog{max-width:450px!important}.menu-country-items{width:224px;padding:10px 16px;background-color:#deedfe}.menu-country-items .ant-checkbox-checked .ant-checkbox-inner{background-color:#074e9f!important;border-color:#074e9f!important}.children-menu-country{padding-left:48px}.ant-input-affix-wrapper{padding:8px 16px}.ant-input-affix-wrapper .ant-input-prefix{margin-inline-end:8px}.ant-modal-content{padding:16px!important}.ant-btn-default:disabled{background-color:#f6f7f9;color:#98a2b3!important;border-color:#98a2b3!important}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-empty{border:0!important;box-shadow:0}.input-empty:focus{border:0!important;outline:0}input[type=number]{-moz-appearance:textfield}.input-amount::placeholder{color:#bfbfbf;font-size:14px}.input-amount{outline:0}.ant-pagination-item-link{display:flex!important;align-items:center!important;justify-content:center!important}.ant-pagination-item-active{background-color:#074e9f!important;color:#fff}.ant-pagination-item{display:flex!important;justify-content:center!important;align-items:center!important}.ant-pagination-options{display:none!important}.ant-table-cell{font-weight:400!important}@media screen and (width < 576px){.card-status-home{display:flex;flex-wrap:nowrap;overflow-x:scroll}.navbar-profile{display:none!important}.req-details-form{display:block!important}.btn-w576-w100{width:100%!important}.btn-w576-mb-8{margin-bottom:8px!important}.ml-w567-0{margin-left:0!important}.w576-100{width:100%!important}}@media screen and (width <= 700px){.navbar-name{display:none}.w100-700{width:100%!important}}@media screen and (width <= 830px){.ml-w567-0{margin-left:0!important}.navbar-profile{display:none!important}}@media screen and (width < 992px){.d-none-992{display:none}}textarea:focus{outline:none}#autoresizing{display:block;overflow:hidden;resize:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#DEEDFE;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#555}@keyframes changewidth{0%{scale:0}to{scale:1}}.loader-left-to-right-1{animation-duration:.8s;animation-name:changewidth;animation-iteration-count:infinite;animation-direction:alternate;animation-delay:0s}.loader-left-to-right-2{animation-duration:.8s;animation-name:changewidth;animation-iteration-count:infinite;animation-direction:alternate;animation-delay:-.3s}.loader-left-to-right-3{animation-duration:.8s;animation-name:changewidth;animation-iteration-count:infinite;animation-direction:alternate;animation-delay:-.6s}html{scroll-behavior:smooth}body{font-size:16px;line-height:24px;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;background-color:#fff;margin:0;padding:0}*{font-family:IBM Plex Sans Thai,sans-serif;font-size:16px;line-height:24px;font-weight:400;box-sizing:border-box}.App{width:100vw;height:100vh;overflow-y:hidden}.custom-scrollbar ::-webkit-scrollbar{width:10px}.custom-scrollbar ::-webkit-scrollbar-track{background:transparent}.custom-scrollbar ::-webkit-scrollbar-thumb{background:#888;border-radius:5px}.custom-scrollbar ::-webkit-scrollbar-thumb:hover{background:#555}.custom-scrollbar-small ::-webkit-scrollbar{width:4px}.custom-scrollbar-small ::-webkit-scrollbar-track{background:transparent}.custom-scrollbar-small ::-webkit-scrollbar-thumb{background:#d3d3d3;border-radius:12px}.custom-scrollbar-small ::-webkit-scrollbar-thumb:hover{background:#a7a7a7}.form-check-input:checked{background-color:#074e9f;border-color:#074e9f}.modal-create-custom{border-bottom:0;padding:1rem 1rem 0rem}