@font-face{font-family:Sarabun;font-weight:100;font-style:normal;src:url(../font/Sarabun-Thin.ttf) format('truetype')}@font-face{font-family:Sarabun;font-weight:100;font-style:italic;src:url(../font/Sarabun-ThinItalic.ttf) format('truetype')}@font-face{font-family:Sarabun;font-weight:200;font-style:normal;src:url(../font/Sarabun-ExtraLight.ttf) format('truetype')}@font-face{font-family:Sarabun;font-weight:200;font-style:italic;src:url(../font/Sarabun-ExtraLightItalic.ttf) format('truetype')}@font-face{font-family:Sarabun;font-weight:300;font-style:normal;src:url(../font/Sarabun-Light.ttf) format('truetype')}@font-face{font-family:Sarabun;font-weight:300;font-style:italic;src:url(../font/Sarabun-LightItalic.ttf) format('truetype')}@font-face{font-family:Sarabun;font-weight:400;font-style:normal;src:url(../font/Sarabun-Regular.ttf) format('truetype')}@font-face{font-family:Sarabun;font-weight:400;font-style:italic;src:url(../font/Sarabun-Italic.ttf) format('truetype')}@font-face{font-family:Sarabun;font-weight:500;font-style:normal;src:url(../font/Sarabun-Medium.ttf) format('truetype')}@font-face{font-family:Sarabun;font-weight:500;font-style:italic;src:url(../font/Sarabun-MediumItalic.ttf) format('truetype')}@font-face{font-family:Sarabun;font-weight:600;font-style:normal;src:url(../font/Sarabun-SemiBold.ttf) format('truetype')}@font-face{font-family:Sarabun;font-weight:600;font-style:italic;src:url(../font/Sarabun-SemiBoldItalic.ttf) format('truetype')}@font-face{font-family:Sarabun;font-weight:700;font-style:normal;src:url(../font/Sarabun-Bold.ttf) format('truetype')}@font-face{font-family:Sarabun;font-weight:700;font-style:italic;src:url(../font/Sarabun-BoldItalic.ttf) format('truetype')}:root{--bs-success:#00b4a0;--bs-danger:#e71d32;--bs-warning:#ef9e00;--purple:#9a62e2;--gray-1:#f0f3f6;--gray-2:#dfe3e6;--gray-3:#8c9ba5}body,html{font:300 14px/1.5 Sarabun!important;background-color:#f5f7fa}h4{font-size:16px}.strong,b,strong{font-weight:600}.bg-primary{background-color:#3d70b2!important}.text-primary{color:#3d70b2!important}.bg-gray-1{background-color:var(--gray-1)!important}.bg-gray-2{background-color:var(--gray-2)!important}.bg-success{background-color:var(--bs-success)!important}.bg-danger{background-color:var(--bs-danger)!important}.bg-warning{background-color:var(--bs-warning)!important}.bg-purple{background-color:var(--purple)!important}.border-gray-3{border-color:var(--gray-3)!important}.stat{text-align:center;padding:15px 15px;min-height:100px}.stat p{height:45px;margin:0}a{color:#3d70b2}.btn{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}.btn-primary{background-color:#3d70b2;border-color:#3d70b2}.btn-outline-primary{border-color:#3d70b2;color:#3d70b2}.btn-outline-primary{border-color:#3d70b2;color:#3d70b2}.btn-outline-primary.active,.btn-outline-primary:active,.btn-outline-primary:hover{background-color:#3d70b2;border-color:#3d70b2}.btn-dropdown{background:0 0;border:none;padding:0;color:#3d70b2}.btn-center{display:block;width:300px;margin:0 auto;padding:8px;max-width:100%}.btn-block{display:block;padding:8px;width:100%}.btn-group-action{font-size:0}.btn-group-action>.btn{display:inline-block;width:calc(50% - 7.5px)}.btn-group-action>.btn+.btn{margin-left:15px}.btn-link{display:block;width:100%;padding:8px;text-align:center;color:#3d70b2}.badge-2{display:inline-block;padding:4px;line-height:1.2;color:#fff;min-width:80px;border-radius:10px;font-weight:500;font-size:.9rem;text-align:center}.form-control,.form-select{border-color:#4178be;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}.input-group-text{border-radius:8px}.form-control::placeholder{color:#7c8185}select.form-control{-webkit-appearance:none;appearance:none;background-image:url(../img/icon/icon-select.svg);background-repeat:no-repeat;background-size:10px 5px;background-position:right 12px center}.bootstrap-select>.dropdown-toggle{border-color:#4178be}.bootstrap-select>.dropdown-toggle.show,.bootstrap-select>.dropdown-toggle:active,.bootstrap-select>.dropdown-toggle:focus{border-color:#4178be}.bootstrap-select>.dropdown-toggle{background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-size:12px auto;background-repeat:no-repeat;background-position:right 10px center}.bootstrap-select.rounded-0>.dropdown-toggle{border-radius:0}.bootstrap-select .dropdown-toggle:focus,.bootstrap-select>select.mobile-device:focus+.dropdown-toggle{outline:0!important;box-shadow:none}.bootstrap-select>.dropdown-menu{transform:none;padding:0}.bs-actionsbox,.bs-donebutton,.bs-searchbox{padding:8px}.bootstrap-select .no-results{padding:0;background:0 0;margin:0 10px 10px}.bootstrap-select .bs-invalid,.bootstrap-select .bs-invalid:focus{color:var(--bs-danger);border-color:var(--bs-danger)}.bootstrap-select .dropdown-toggle::after{display:none}.dropdown-toggle::after{margin-left:5px;vertical-align:middle}.navbar{-webkit-box-shadow:0 1px 2px rgb(0,0,0,.1);-moz-box-shadow:0 1px 2px rgb(0,0,0,.1);box-shadow:0 1px 2px rgb(0,0,0,.1)}.main-sidebar{position:fixed;width:260px;left:0;top:50px;bottom:0;background-color:#fff;padding:25px 0;border-right:1px solid #dfe3e6;z-index:100;overflow:scroll}.sidebar-menu{list-style:none;margin:0;padding:0}.sidebar-menu>li>a{padding:12px 15px;border-left:4px solid transparent;color:#0f212e}.sidebar-menu>li>a>span{display:inline-block;line-height:20px;vertical-align:middle;font-weight:500}.sidebar-menu>li>a img{margin-right:10px}.sidebar-menu .active>a,.sidebar-menu>li>a:focus,.sidebar-menu>li>a:hover{background-color:#f0f3f6;border-color:#3d70b2;color:#3d70b2!important}.main-sidebar .sidebar-menu li ul.dropdown-menu{padding:0;margin:0;display:none;position:relative!important;float:none;width:100%;box-shadow:none;background-color:transparent;-webkit-transition:.25s all;-moz-transition:.25s all;transition:.25s all;height:0;inset:auto!important;transform:none!important;opacity:0;visibility:hidden;border:none}.main-sidebar .sidebar-menu li ul.dropdown-menu>li>a{padding-left:50px;color:#0f212e}.main-sidebar .sidebar-menu li ul.dropdown-menu.show{display:block;height:auto;opacity:1;visibility:visible}.main-content{margin-top:49px;margin-left:260px;padding:25px}.section-header h1{font-size:28px;margin:0}.section-header{margin-bottom:25px}.same-line>div{font-size:0}.same-line>div>label,.same-line>div>span{font-size:1rem;display:inline-block;width:50%;vertical-align:top}.same-line.label-wider>div>label{width:60%}.same-line.label-wider>div>span{width:40%}.card{background-color:#e1e8f3;border:none;border-radius:0}.card-border{border:1px solid #3d70b2}.card-body{padding:20px}.card-header{background-color:#e1e8f3;padding:20px;border:none}.card-header h4{font-size:18px;display:inline-block;margin:0;line-height:32px}.card-header h4 .btn{font-size:14px}.card-header-action{float:right}.card-header-action form{display:inline}.card-header-action.left{display:inline-block;float:none}.card-header-action .input-group{width:360px;float:left}.card-header-action.wider .input-group{width:800px}.card-header-action .input-group .form-control{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}.card-header-action .input-group .btn{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}.card-header-action .btn-action{width:120px}.card-p0{background-color:transparent}.card-p0 .card-header{padding-left:0;padding-right:0;padding-top:0;background-color:transparent;padding-bottom:20px}.card-filter .form-group{margin:0}.card-filter .selectgroup-button{height:42px;line-height:40px}.card-filter .btn{padding:8px}.card-bottom{position:fixed;right:0;left:250px;bottom:0;padding:10px 30px;-webkit-transition:.5s all;-moz-transition:.5s all;transition:.5s all}.card-bottom.mini-sidebar{left:65px}.required>label:first-child{position:relative}.required>label:first-child:after{content:"*";color:red;display:block;position:absolute;top:0;right:-12px}.custom-control-label{cursor:pointer}.custom-checkbox-notext{line-height:1rem!important;min-height:0;padding:0}.custom-checkbox-notext .custom-control-label::before{position:relative;top:0;left:0}.custom-checkbox-notext .custom-control-label::after{position:absolute;top:0;left:0}.nav-tabs .nav-link{color:#152935;font-weight:500;border-color:#dfe3e6;border-bottom:none}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{background-color:#e1e8f3;border-color:#3d70b2}.login-brand{text-align:center}.login-brand h3{margin-bottom:25px}.card-login{background-color:#fff;border:none}.card-login .card-header{background-color:#f0f3f6;border:none;padding:20px}.card-login .card-header h4{margin:0}.simple-footer{margin:10px 0;text-align:center}.pagination>li+li{margin-left:10px}.pagination>li:first-child>.page-link,.pagination>li:last-child>.page-link{padding-left:.5rem;padding-right:.5rem}.page-link{border-color:#8c9ba5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:transparent;color:#8c9ba5}.page-link img{margin-top:-2px}.page-item.disabled .page-link{background-color:transparent}.page-link:hover{font-weight:500;color:#3d70b2;background-color:transparent;border-color:#8c9ba5}.page-item.active .page-link{font-weight:500;color:#3d70b2;border-color:#3d70b2;background-color:transparent}.section-header-breadcrumb a{color:#7c8185;font-size:20px;text-decoration:none}.section-header-breadcrumb .active{font-size:24px;color:#152935;font-weight:500}.section-header-breadcrumb>div{line-height:24px}.modal-content{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;background-color:#e1e8f3}.modal-header{border:none;padding:20px 20px 0}.modal-body{padding:20px}.table th{background-color:#f5f7fa}.table td{background-color:#fff}.table td,.table th{padding:8px 12px}.table .form-control{text-align:right}.table-bordered>:not(caption)>*>*{border-width:1px}.table-bordered>:not(caption)>*{border-width:0}.table>:not(:last-child)>:last-child>*{border-bottom-color:#dfe3e6}.main-content.has-card-bottom{padding-bottom:65px}.upload-space{display:block;padding:40px 0;text-align:center;border:2px dashed #cbcbcb;font-size:16px!important}.table-company-stat tr>th:not(:first-child){width:95px}.table-header-scroll{position:fixed;width:calc(100% - 260px - 50px);top:-200px;left:285px;-webkit-transition:.25s all;-moz-transition:.25s all;transition:.25s all}.table-header-scroll.active{top:49px}.chart-label{text-align:right}.chart-label>.chart-label-item+.chart-label-item{margin-left:20px}.chart-label-item>label{width:18px;height:18px;display:inline-block;vertical-align:middle;margin-right:4px}.chart-label-item>span{line-height:18px;vertical-align:middle}span.chart-label-item{display:inline-block;margin-bottom:5px}.blank{color:#aaa;text-align:center;padding:15px 0!important}.loading{position:fixed;left:0;right:0;bottom:0;top:0;text-align:center;z-index:2000;display:table;background-color:rgba(255,255,255,.6);width:100%;height:100%;opacity:0;visibility:hidden;-webkit-transition:.25s all;-moz-transition:.25s all;transition:.25s all}.loading.active{opacity:1;visibility:visible}.loading>div{text-align:center;display:table-cell;vertical-align:middle;font-size:24px;font-weight:500}body.is-loading{overflow:hidden}@media (min-width:1600px){.table-company-stat tr>th:not(:first-child){width:130px}}