@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100..900&family=Sarabun:wght@300;400;600&display=swap");.color-main{color:#0e0f10}.color-title{color:#313c8a}.color-ci{color:#0E9B79 !important}.color-ci:hover{color:#0E9B79}.color-ci-2{color:#f4f7fc}.color-ci-2:hover{color:#f4f7fc}.color-red{color:#b72226 !important;fill:#b72226}.color-green{color:#5cc311;fill:#5cc311}.color-gray{color:#9e9e9e}.font-reg{font-weight:400}.font-med{font-weight:500}.font-sami{font-weight:600}.font-bold{font-weight:700}.font-title{font-family:"Noto Sans Thai",sans-serif}.font-bold{font-weight:500}.font-medium{font-weight:400}.font-light{font-weight:300}.font-small{font-size:13px}.font-small-s{font-size:12px}@media (max-width: 991.98px){.mb-lg{margin-bottom:25px !important}}@media (max-width: 767.98px){.mb-md{margin-bottom:25px !important}}@media (max-width: 575.98px){.mb-sm{margin-bottom:25px !important}}.btn-small{background:#f4f7fc;color:#fff !important;padding:8px 15px;height:42px;border-radius:5px;color:#000;display:inline-block}.btn-small .icon-svg{width:18px}.btn-small i{font-size:18px;color:#fff}.btn-small.btn-gray{background:#525659 !important;color:#fff !important}.cut-text-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cut-text-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.cut-text-1{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}html,body{width:100%;padding:0;-webkit-font-smoothing:antialiased}a,a:hover,a:active,a:focus{cursor:pointer;text-decoration:none;outline:none;color:inherit}a{text-decoration:none !important;outline:none;transition:all 0.3s}p{margin:0 0 15px}ul{list-style:none;padding:0}ol{list-style-type:decimal;list-style-position:outside;padding-left:20px}body{font-family:"Sarabun",sans-serif;font-size:15px;line-height:1.4;overflow-x:hidden;color:#0e0f10;height:100%;font-weight:300;background-color:#ecf3f2}body.body-white{background-color:#fff}.small-text{font-size:12px;color:#000}button{background:none;border:0}button:focus,button:active,input:focus,input:active,textarea:focus,textarea:active{outline:none !important;box-shadow:none !important;-webkit-box-shadow:none !important}textarea{resize:none;padding-top:15px !important}select option{font-size:13px}.bg-gray{background:#f4f4f4}.bg-ci{background:#f6f3fd}.pad-80{padding-top:80px;padding-bottom:80px}@media (max-width: 991.98px){.pad-80{padding-top:50px;padding-bottom:50px}}.container-fluid{max-width:1920px;padding-left:0;padding-right:0}.container.container-1600{width:100%;max-width:1600px}.custom-control-input:checked ~ .custom-control-label::before{background:#0E9B79;border-color:#0E9B79}.custom-red:checked ~ .custom-control-label::before{background:#b72226;border-color:#b72226}.custom-checkbox .custom-control-label::before{border-radius:0}.custom-control-label::before{box-shadow:none}.form-control{height:40px;background-color:#F8F8F8;border:0;font-size:1em}.form-control.form-control-link{color:#4FBBE9}.form-control:focus{background-color:#F8F8F8}.form-control.input-white{background:#fff;box-shadow:0px 0px 6px 0px rgba(0,0,0,0.2)}.form-control.input-search{background-image:url(../images/search-header.png);background-repeat:no-repeat;background-position:left 15px center;padding-left:42px}textarea.form-control{height:auto !important}select.form-control{padding-top:2px}.bootstrap-touchspin .spin-num{height:30px}.bootstrap-touchspin .btn-primary{background-color:#0E9B79;border-color:#0E9B79;display:flex;justify-content:center;align-items:center;font-weight:300;line-height:1}.bootstrap-touchspin .btn-primary>*{line-height:0.7}.bootstrap-touchspin .bootstrap-touchspin-down{border-top:1px solid #e6e6e9;padding-bottom:3px !important}.bootstrap-touchspin .bootstrap-touchspin-up{padding-bottom:2px !important}.has-search{background-image:url(../images/has-search.png);padding-left:55px;background-repeat:no-repeat;background-position:center left 5px}.has-icon{padding-right:55px;background-repeat:no-repeat;background-position:center right 5px}.fw-datepicker{background-image:url(../images/calendar.png);background-repeat:no-repeat;background-position:center right 10px;padding-right:25px}.g-pass:not(.not-as){position:absolute;top:50%;transform:translateY(-50%);right:1rem;z-index:3;font-size:17px;display:block;text-align:center;color:#ddd;cursor:pointer;pointer-events:all}.g-pass:not(.not-as).active{color:#000}.help-block{color:#b72226;left:0px}.help-block ul{margin-bottom:0}.form-main input.form-control,.form-main select.form-control{height:40px;line-height:1}.form-main .form-control:focus{border-color:#f4f7fc}.form-main .datepicker{background:url(../images/calendar.svg) no-repeat #fff;background-size:20px 20px;background-position:right  15px center}.btn-detail{height:49px;background:#0E9B79;color:#fff;display:flex;align-items:center;justify-content:center;text-transform:uppercase;border-radius:5px;position:relative;font-family:"Noto Sans Thai",sans-serif;font-weight:600;font-size:22px}.btn-detail.btn-small{font-size:16px;padding:0 25px}.btn-detail.btn-small i{margin-right:5px}.btn-detail.btn-gray{background:#3F3F3F}.btn-detail.btn-dark{background:#2F3934}.btn-detail.btn-gray-2{background:#A5A5A5}.btn-detail:hover{color:#fff}.btn-upload{background:#b72226;color:#fff;position:relative;padding-right:55px;padding-left:25px;padding-top:10px;padding-bottom:10px}.btn-upload:before{position:absolute;right:0;top:0;content:"";width:30px;height:100%;background:url(../images/plus.png) center center no-repeat;background-size:13px 13px;border-left:1px solid #fff}.ui-datepicker-material-header{display:block;background-color:#306fa8;color:#fff;text-align:center;width:325px}.ui-datepicker-material-header .ui-datepicker-material-day{background-color:#1f3a58;padding:10px;font-size:1rem}.ui-datepicker-material-header .ui-datepicker-material-date{padding:20px}.ui-datepicker-material-header .ui-datepicker-material-date .ui-datepicker-material-day-num,.ui-datepicker-material-header .ui-datepicker-material-date .ui-datepicker-material-month,.ui-datepicker-material-header .ui-datepicker-material-date .ui-datepicker-material-year{padding:5px}.ui-datepicker-material-header .ui-datepicker-material-date .ui-datepicker-material-month{font-size:2rem;text-transform:uppercase}.ui-datepicker-material-header .ui-datepicker-material-date .ui-datepicker-material-day-num{font-size:4.5rem}.ui-datepicker-material-header .ui-datepicker-material-date .ui-datepicker-material-year{font-size:1.8rem;font-weight:200;color:rgba(255,255,255,0.4)}.ui-datepicker{padding:0;border:none;box-shadow:0 12px 36px 16px rgba(0,0,0,0.24);width:325px}.ui-corner-all{border-radius:0}.ui-widget-header{border:0}.ui-datepicker-header{text-align:center;background:#fff;padding-bottom:15px;font-weight:300}.ui-datepicker-header .ui-datepicker-next,.ui-datepicker-header .ui-datepicker-prev,.ui-datepicker-header .ui-datepicker-title{border:none;outline:0;margin:5px}.ui-datepicker-next.ui-state-hover,.ui-datepicker-prev.ui-state-hover{border:none;outline:0;background:#306fa8}.ui-datepicker-calendar .ui-state-default{background:0 0;border:none;text-align:center;height:33px;width:33px;line-height:29px;font-size:14px}.ui-datepicker-calendar .ui-state-highlight{color:#0E9B79}.ui-datepicker-calendar .ui-state-active{border-radius:0;background-color:#0E9B79;color:#fff}.ui-datepicker-calendar thead th{color:#999;font-weight:200}.ui-datepicker-buttonpane{border:none}.ui-datepicker-buttonpane .ui-state-default{background:#fff;border:none}.ui-datepicker-buttonpane .ui-datepicker-close,.ui-datepicker-buttonpane .ui-datepicker-current{background:#fff;color:#ed1d24;text-transform:uppercase;border:none;opacity:1;font-weight:200;outline:0}.ui-datepicker-buttonpane .ui-datepicker-close:hover,.ui-datepicker-buttonpane .ui-datepicker-current:hover{background:#306fa8}.ui-datepicker{z-index:10 !important}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:35%;margin:0 1%;background:#fff;border:1px solid #ced4da;font-size:1em;font-size:14px;border-radius:3px;padding:2px 10px;-webkit-appearance:none;background:url(../images/down.png) no-repeat right 10px center !important;background-size:15px 15px !important}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{top:5px}.ui-datepicker .ui-datepicker-prev:hover,.ui-datepicker .ui-datepicker-next:hover{background:none}.daterangepicker{z-index:8;border-radius:15px;box-shadow:0px 3px 8px 0px rgba(112,112,112,0.4);padding:5px}.daterangepicker.opensright::before{left:16px !important}.daterangepicker.opensright::after{left:17px !important}.daterangepicker .calendar-table td{font-weight:300}.daterangepicker .calendar-table td.in-range{background:#48D5B3;color:#fff}.daterangepicker .calendar-table td.active,.daterangepicker .calendar-table td.active:hover{background:#0E9B79;color:#fff}.daterangepicker .calendar-table th{color:#c9c9c9;opacity:1;font-weight:500}.daterangepicker .calendar-table th.month{color:#000}.daterangepicker .calendar-table th.month select{padding-left:10px;padding-right:10px;height:29px;border-radius:3px;border:1px solid #eee !important;-webkit-appearance:none;background:url(../images/down.png) #fff no-repeat center right 5px;background-size:12px 12px !important;padding-right:10px;position:relative;top:-1px;font-weight:500}.daterangepicker .calendar-table th.available{border:1px solid #eee !important;border-radius:3px;overflow:hidden;display:block;height:29px;min-width:29px;width:29px}.daterangepicker .calendar-table .next span,.daterangepicker .calendar-table .prev span{border-width:0 1px 1px 0}.daterangepicker .calendar-table .prev span{position:relative;left:2px}.daterangepicker .calendar-table .next span{position:relative;right:2px}.daterangepicker .calendar-time select{padding-left:10px;padding-right:10px;width:60px;height:30px;border-radius:3px;border:1px solid #eee !important;-webkit-appearance:none;background:url(../images/down.png) no-repeat right 10px center !important;background-size:15px 15px !important;padding-right:10px;vertical-align:middle;line-height:1}.daterangepicker .btn-primary{background-color:#0E9B79;font-size:.9rem;border:0;border-color:#0E9B79}.daterangepicker .drp-buttons{border-top:0}.daterangepicker .drp-buttons .btn{width:48%;margin:0;font-weight:500;border:1px solid #eee;margin:0 1%;float:left;border-radius:5px}.daterangepicker .drp-buttons .btn.applyBtn{border:1px solid #0E9B79}.daterangepicker .drp-buttons .btn.cancelBtn{border:1px solid #eee}.transparent-menu{position:fixed;width:100%;height:100%;z-index:9;background:#000;opacity:.7;display:none}.header{z-index:9;width:100%;background:#fff;position:fixed;border-bottom:1px solid #ECF3EF}.header .container-flex{display:flex;align-items:center;justify-content:space-between;padding:0 25px;height:75px;position:relative;transition:all .3s ease 0s}@media (max-width: 767.98px){.header .container-flex{padding:0 20px}}.header .container-flex .logo{display:block}@media (max-width: 1199.98px){.header .container-flex .logo{margin-right:auto;margin-left:10px}}@media (max-width: 991.98px){.header .container-flex{position:relative}}.header .container-flex .search-header{flex-grow:1;width:100%;max-width:650px;margin-right:auto;margin-left:80px;display:flex;align-items:center}@media only screen and (max-width: 1320px){.header .container-flex .search-header{max-width:500px}}@media (max-width: 1199.98px){.header .container-flex .search-header{max-width:100%;margin-left:0;position:absolute;left:0;top:70px;z-index:4;background:#fff;padding:10px;opacity:0;visibility:hidden;transition:all .3s ease 0s}.header .container-flex .search-header .form-control{border-radius:0 !important}.header .container-flex .search-header.active{opacity:1;visibility:visible;top:75px}}.header .container-flex .search-header .form-control{height:42px;border-radius:5px !important;background:#fff;font-family:"Noto Sans Thai",sans-serif;font-size:1em;background-image:url(../images/search-header.png);background-repeat:no-repeat;background-position:left 15px center;padding-left:42px;box-shadow:0px 0px 6px 0px rgba(0,0,0,0.2) !important}.header .container-flex .search-header .form-control::placeholder{opacity:.5}.header .container-flex .search-header button{flex-basis:40px;flex-grow:0;flex-shrink:0;height:40px;border-radius:5px;background:#0E9B79;color:#fff;display:flex;align-items:center;justify-content:center;margin-left:10px}.header .container-flex .search-header .show-advance-search{flex-basis:200px;margin-left:30px}@media (max-width: 1499.98px){.header .container-flex .search-header .show-advance-search{flex-basis:235px}}.header .container-flex .button-search{border-radius:100%;width:30px;padding:0;justify-content:center;background:#ECF3EF;height:30px;align-items:center;margin-right:5px}.header .container-flex .right-header{display:flex;height:100%;align-items:center}.header .container-flex .right-header .dropdown-message{height:100%;align-items:center;display:flex;padding-right:20px;margin-right:20px;border-right:1px solid #ECF3EF}.header .container-flex .right-header .dropdown-message .message-icon{position:relative}.dropdow-profile{margin-left:8px}.dropdow-profile .button-profile{display:flex;align-items:center;justify-content:space-between;border-radius:16px;background:#ECF3EF;height:30px;padding:0 10px 0 5px}.dropdow-profile .button-profile .user-icon{width:22.5px;height:22.5px;display:flex;align-items:center;justify-content:center;border-radius:100%;background:#fff}.dropdow-profile .button-profile span{display:block;margin:0 13px}@media (max-width: 1199.98px){.dropdow-profile .button-profile span{display:none}}@media (max-width: 1199.98px){.dropdow-profile .button-profile{border-radius:100%;width:30px;padding:0;justify-content:center}.dropdow-profile .button-profile .fa-caret-down{display:none}}.dropdow-profile .dropdown-menu{width:315px;font-family:"Noto Sans Thai",sans-serif;padding:7px;border-radius:0;border:0}.dropdow-profile .dropdown-menu h2{font-size:16px;margin:7px 0 0 5px;color:#24272E;margin-bottom:12px}.dropdow-profile .dropdown-menu .btn-logout{height:36px;background:#0E9B79;color:#fff !important;justify-content:center;align-items:center;width:100%}.dropdow-profile .box-dropdown-profile{background:#F9F9F9;font-size:13px;padding:15px}.dropdow-profile .box-dropdown-profile li{display:flex;margin-bottom:12px}.dropdow-profile .box-dropdown-profile li:last-child{margin-bottom:0}.dropdow-profile .box-dropdown-profile li label{flex-basis:50px;flex-grow:0;flex-shrink:0}.header .container-flex .right-header .dropdown-message .message-icon .message-num{background:#BE004B;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#fff;position:absolute;right:-8px;top:-8px;border-radius:100%;font-size:12px;font-weight:700}.wsanimated-arrow{position:relative;transition:all .4s ease-in-out;cursor:pointer;padding:19px 35px 19px 0;display:none}@media (max-width: 1199.98px){.wsanimated-arrow{display:block}}.wsanimated-arrow span,.wsanimated-arrow span:before,.wsanimated-arrow span:after{cursor:pointer;height:2px;width:20px;background:#0E9B79;position:absolute;display:block;content:'';transition:all 500ms ease-in-out}.wsanimated-arrow span:before{top:-7px;width:26px}.wsanimated-arrow span:after{bottom:-7px;width:20px}@media (max-width: 767.98px){.wsanimated-arrow{padding-left:0}.wsanimated-arrow:before{display:none}}.drop-message{padding:0;width:385px;border:0;border-radius:10px}.drop-message ul{margin-bottom:0;height:394.45px;overflow:auto}.drop-message ul li{border-bottom:1px solid #F1F1F1}.drop-message ul li a{padding:10px 15px;display:block}.drop-message ul li .message-name{font-size:11px;color:#5C5C5C;margin-bottom:3px;display:flex;align-items:center}.drop-message ul li .message-detail{color:#000000;font-size:15px}.drop-message ul::-webkit-scrollbar-track{border-radius:10px;background-color:transparent}.drop-message ul::-webkit-scrollbar{width:8px;background-color:trasparent}.drop-message ul::-webkit-scrollbar-thumb{border-radius:10px;background-color:#EDE8E8}.drop-message .showall-message{padding:5px}.drop-message .showall-message a{display:flex;height:33px;font-family:"Noto Sans Thai",sans-serif;color:#0E9B79;text-decoration:underline !important;width:100%;justify-content:center;align-items:center;font-size:15px;background:#ECF3EF;border-bottom-right-radius:6px;border-bottom-left-radius:6px}.sidebarnav{color:#0e0f10;flex-basis:17.4rem;flex-grow:0;flex-shrink:0;transition:all 0.3s;background:#fff;display:flex;flex-direction:column}@media (max-width: 1199.98px){.sidebarnav{position:fixed;left:-22em;z-index:10;height:100vh;top:0}}.sidebarnav aside{padding:20px;border-bottom:1px solid #ECF3EF}.sidebarnav aside .btn-detail{font-size:18px;display:flex;align-items:center}.sidebarnav.hidemenu{left:0}.sidebarnav .sidebarnav-list{width:100%;height:100%;font-family:"Noto Sans Thai",sans-serif}.sidebarnav .sidebarnav-list>li{position:relative;padding:20px 25px 20px 25px;border-bottom:1px solid #ECF3EF}.sidebarnav .sidebarnav-list>li.sidebar-h2-group a{display:block;margin-bottom:25px}.sidebarnav .sidebarnav-list>li.sidebar-h2-group a h2{margin-bottom:0}.sidebarnav .sidebarnav-list>li.sidebar-h2-group a:last-child{margin-bottom:0}.sidebarnav .sidebarnav-list>li h2{font-size:19px;font-weight:400;color:#0E9B79;position:relative;cursor:pointer;padding-left:30px;margin-bottom:15px}.sidebarnav .sidebarnav-list>li h2 i{position:absolute;left:0;top:50%;transform:translateY(-50%)}.sidebarnav .sidebarnav-list .submenu li{margin-bottom:7px}.sidebarnav .sidebarnav-list .submenu li:last-child{margin-bottom:0}.sidebarnav .sidebarnav-list .submenu li a{display:block;position:relative;display:flex;align-items:center;width:100%;z-index:2;padding:5px 5px 5px 0;border-top-right-radius:5px;border-bottom-right-radius:5px;font-weight:400}.sidebarnav .sidebarnav-list .submenu li a i{margin-right:25px;font-size:8px;color:#0E9B79;margin-left:3px}.sidebarnav .sidebarnav-list .submenu li a:hover,.sidebarnav .sidebarnav-list .submenu li a.active{color:#0E9B79}.sidebarnav .sidebarnav-list .submenu li a.active{color:#0E9B79}.row-s{margin-left:-2.5px;margin-right:-2.5px}.row-s [class*="col-"]{padding-left:2.5px;padding-right:2.5px}.row-half{margin-left:-7.5px;margin-right:-7.5px}.row-half [class*="col-"]{padding-left:7px;padding-right:7px}.cut-text-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cut-text-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cut-text-1{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}@media (max-width: 991.98px){.row-lg-s{margin-left:-2.5px;margin-right:-2.5px}.row-lg-s [class*="col-"]{padding-left:2.5px;padding-right:2.5px}}.pd-lr{padding-left:20px;padding-right:20px}.d-flex-beetween{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.d-flex-center{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.d-flex-inline{display:flex;align-items:center}@media (max-width: 991.98px){.d-flex-inline{flex-wrap:wrap}}.custom-control-label::before,.custom-control-label::after{top:3px}.tab-detail{display:none}.size-13{font-size:13px}.size-25{font-size:25px}.main{padding-top:75px;overflow:hidden;height:calc(100vh)}@media (max-width: 1199.98px){.main{height:auto}}.content-wrapper{width:100%;overflow:auto}@media (max-width: 1199.98px){.content-wrapper{overflow:visible}}.content-wrapper.content-detail{padding:10px 30px 50px}@media (max-width: 991.98px){.content-wrapper.content-detail{padding-left:15px;padding-right:15px}}#content-message{width:100%;border-top:1px solid #eff0f1;border-left:1px solid #eff0f1}.font-xl{color:#0E9B79}.container-2-row{width:100%;max-width:1300px;margin:0 auto;padding:25px 15px}.container-2-row .font-xl{color:#0E9B79}.container-2-row .col-xl-8{flex:0 0 68%;max-width:68%}@media (max-width: 1199.98px){.container-2-row .col-xl-8{flex:0 0 100%;max-width:100%}}.container-2-row .col-xl-4{flex:0 0 32%;max-width:32%}@media (max-width: 1199.98px){.container-2-row .col-xl-4{flex:0 0 100%;max-width:100%}}.container-dynamic{width:100%;margin:0 auto;padding-top:55px}@media (max-width: 1199.98px){.container-dynamic{padding-top:30px}}.container-dynamic.container-noti{max-width:1027px;width:100%;margin:0 auto}.noti-filter{border-top-left-radius:16px;border-top-right-radius:16px;background:#fff;margin-bottom:3px}.form-filter{padding:20px 55px}@media (max-width: 991.98px){.form-filter{padding-left:20px;padding-right:20px}}.form-filter .noti-flex-date-picker{display:flex;align-items:center}.form-filter .form-control{height:36px}.form-filter .form-control.datepicker{background-color:#F8F8F8;border-radius:5px !important;border:0}.form-filter label{font-size:.9em;color:#79857F;margin-bottom:10px}.form-filter span{font-size:.9em;color:#79857F;margin:0 5px}.form-search{background:#fff;border-radius:5px !important;background:#fff;font-family:"Noto Sans Thai",sans-serif;font-size:1em;background-image:url(../images/search-header.png);background-repeat:no-repeat;background-position:left 15px center;padding-left:42px;box-shadow:0px 0px 6px 0px rgba(0,0,0,0.2)}.daterange-picker,.fw-datepicker{background-image:url(../images/calendar.png);background-position:right 10px center;background-repeat:no-repeat;font-family:"Noto Sans Thai",sans-serif;font-size:.9em}.timepicker{background-image:url(../images/timepicker.png);background-position:right 10px center;background-repeat:no-repeat;font-family:"Noto Sans Thai",sans-serif;font-size:.9em}.noti-detail li{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:15px 55px;border-bottom:1px solid #F1F1F1}@media (max-width: 1199.98px){.noti-detail li{display:block}}@media (max-width: 991.98px){.noti-detail li{padding-left:20px;padding-right:20px}}.noti-detail li .noti-left{flex-grow:0;flex-shrink:0;flex-basis:700px;width:700px}@media (max-width: 1499.98px){.noti-detail li .noti-left{flex-basis:500px;width:500px}}@media (max-width: 1199.98px){.noti-detail li .noti-left{width:auto}}.noti-detail li .noti-right{flex-grow:1;text-align:right;font-size:.9em}@media (max-width: 1199.98px){.noti-detail li .noti-right{text-align:left;margin-top:10px}}.noti-detail .message-name{font-size:.9em;color:#5C5C5C;margin-bottom:3px}.noti-detail .message-detail{font-size:16px;color:#000;line-height:1.4}.noti-detail .noti-right{color:#5C5C5C}.page-left-right.flex-right{display:flex;justify-content:flex-end;align-items:center}.page-left-right.flex-right a{display:block;margin-left:10px}.main-box-white{background:#fff;border-radius:16px}.main-box-white.pad-chang-pass{padding:50px 20px}@media (max-width: 575.98px){.main-box-white.pad-chang-pass{padding-left:20px;padding-right:20px}}.main-box-white.pad-30{padding:30px}@media (max-width: 575.98px){.main-box-white.pad-30{padding:20px}}.main-box-white.main-box-book{border-radius:0}.main-box-white.bottom-rd{border-radius:0;border-bottom-left-radius:15px;border-bottom-right-radius:15px}.container-change-pass{width:100%;max-width:600px;margin:0 auto}.container-change-pass .form-group{display:flex;flex-wrap:wrap}@media (max-width: 767.98px){.container-change-pass .form-group{display:block}}.container-change-pass .form-group label{flex-basis:140px;margin-right:20px;display:flex;align-items:center;justify-content:flex-end;color:#79857F}@media (max-width: 767.98px){.container-change-pass .form-group label{display:block;margin-bottom:12px;margin-right:0}}.container-change-pass .form-group .position-relative{flex-grow:1}.container-change-pass .form-group .position-relative .form-control{border-radius:5px !important;border:0}.container-change-pass .form-group .position-relative .form-control:focus{border:1px solid #0E9B79}.container-change-pass .form-group .help-block{width:100%}.container-change-pass .help-block{position:absolute;font-size:.9em}.container-change-pass .condition-pw{padding-left:162px;margin:30px 0;color:#79857F}@media (max-width: 767.98px){.container-change-pass .condition-pw{padding-left:0}}.btn-flex{display:flex;justify-content:center}.btn-flex .btn-detail{width:100%;max-width:190px;margin:0 5px}.btn-flex .btn-detail:hover{color:#fff}.flex-title{display:flex;justify-content:space-between;align-items:center}@media (max-width: 991.98px){.flex-title{display:block}.flex-title h1{margin-bottom:10px !important}}@media (max-width: 1499.98px){.flex-title.flex-title-inbox{display:block}}.flex-title.flex-title-inbox h1{margin-bottom:10px}.main-box-addmenu{padding:80px 85px}@media (max-width: 1499.98px){.main-box-addmenu{padding:50px}}@media (max-width: 767.98px){.main-box-addmenu{padding:50px 20px}}.admin-upload{display:flex}@media (max-width: 767.98px){.admin-upload{display:block}}.admin-upload .admin-upload-browse{flex-basis:205px;flex-grow:0;flex-shrink:0;display:flex;align-items:center;flex-direction:column}.admin-upload .admin-upload-browse .custom-file-input{z-index:2;margin:0;overflow:hidden;opacity:0;left:0;width:1px;height:1px;position:absolute;cursor:pointer}.admin-upload .admin-upload-browse .upload-area{width:160px;height:160px;border-radius:18px;display:flex;align-items:center;justify-content:center;border:1px solid #ECF3EF}.admin-upload .admin-upload-browse .btn-detail{width:120px;height:30px;font-size:13px;margin-top:15px}@media (max-width: 767.98px){.admin-upload .admin-upload-browse{margin-bottom:30px}}.admin-upload .admin-upload-input{width:100%;max-width:610px}.admin-upload .admin-upload-input fieldset{display:flex;align-items:center}@media (max-width: 575.98px){.admin-upload .admin-upload-input fieldset{display:block}}.admin-upload .admin-upload-input fieldset label{flex-basis:80px;text-align:right;margin-right:30px}@media (max-width: 575.98px){.admin-upload .admin-upload-input fieldset label{margin-bottom:10px}}.admin-upload .admin-upload-input fieldset .position-relative{flex-grow:1}.admin-upload .admin-upload-input p{margin:20px 0 0 100px}@media (max-width: 991.98px){.admin-upload .admin-upload-input p{margin-left:0;text-align:center}}.label-main,.color-gray{color:#79857F}.form-group .position-relative .help-block{font-size:.9em;position:absolute;bottom:-15px}.container-edit-manual{width:100%;max-width:1100px;margin:0 auto 30px}.wrap-name-manual{position:relative}.wrap-name-manual button{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.wrap-attach-file{position:relative}.wrap-attach-file .custom-file-input{z-index:2;margin:0;overflow:hidden;opacity:0;left:0;width:1px;height:1px;position:absolute;cursor:pointer}.wrap-attach-file .btn-detail{font-size:1em;height:40px;width:125px}.flex-btn-bottom{display:flex;justify-content:center;margin-top:30px}@media (max-width: 575.98px){.flex-btn-bottom{display:block}}.flex-btn-bottom .btn-detail{width:100%;max-width:190px;padding:0 30px;margin:0 10px;font-size:22px}@media (max-width: 575.98px){.flex-btn-bottom .btn-detail{font-size:20px;margin:0;margin-bottom:10px;max-width:100%}}.document-file{color:#0E9B79;background:#DBF3E5;border:1px solid #CBCBCB;border-radius:60px;display:inline-block;padding:10px 15px}.document-file.df-small{padding-top:5px;padding-bottom:5px}.document-file.white{background:#fff}.wrap-nav-book{display:flex;justify-content:space-between;align-items:center;background:#B7DACB;border-top-left-radius:5px;border-top-right-radius:5px;overflow:hidden;align-items:stretch}.wrap-nav-book .nav-book{margin-bottom:0;display:flex}.wrap-nav-book .nav-book li{position:relative;padding-right:25px;padding-left:25px}.wrap-nav-book .nav-book li a{font-size:16px;display:flex;height:41px;align-items:center;justify-content:center;color:#2F3934;padding-left:0}.wrap-nav-book .nav-book li span{position:relative;z-index:2}.wrap-nav-book .nav-book li.active a{color:#0E9B79;font-weight:600;background-color:#fff}.wrap-nav-book .nav-book li.active a:after,.wrap-nav-book .nav-book li.active a::before{position:absolute;width:30px;height:41px;content:"";z-index:1}.wrap-nav-book .nav-book li.active a::before{right:0;background-image:url(../images/tab-01.png);background-repeat:no-repeat}.wrap-nav-book .nav-book li.active a::after{left:0;background-image:url(../images/tab-02.png);background-repeat:no-repeat}.wrap-nav-book .nav-book li:first-child{padding-left:0}.wrap-nav-book .nav-book li:first-child a{padding-left:30px}.wrap-nav-book .nav-book li:first-child.active a{background-color:#fff}.wrap-nav-book .nav-book li:first-child.active a::before{right:0;background-image:url(../images/tab-01.png);background-repeat:no-repeat}.wrap-nav-book .nav-book li:first-child.active a::after{display:none}.wrap-nav-book .more-nav{flex-basis:45px;flex-grow:0;flex-shrink:0}.btn-add-manual{font-family:"Noto Sans Thai",sans-serif;color:#0E9B79;font-weight:600;background:#ECF3F2;text-align:center;display:flex;width:100%;height:40px;border-radius:5px;align-items:center;justify-content:center;font-size:1.1em;border:2px dashed #0E9B79;margin-top:25px}.inner-pd-25{padding:25px 50px}@media (max-width: 767.98px){.inner-pd-25{padding-left:20px;padding-right:20px}}.inner-pd-25.has-border{border-bottom:1px solid #EAEAEA}select.form-control{background-image:url(../images/down-select.png);background-repeat:no-repeat;background-position:right 12px center;padding-right:33px}.list-sur{display:flex;flex-wrap:wrap;margin-bottom:0}.list-sur li{margin-right:100px}@media (max-width: 1199.98px){.list-sur li{margin-right:50px}}@media (max-width: 991.98px){.list-sur li{margin-bottom:20px}}.list-sur li:last-child{margin-right:0}.list-sur li label{margin-bottom:10px;padding-left:14px;position:relative}.list-sur li label::before{position:absolute;left:0;content:"";top:8px;width:7px;height:7px;background:#B7DACB}.list-sur li .val-sur{font-weight:600;font-size:25px;color:#0E9B79}.list-sur li .val-sur .small-b{font-size:.8em;color:#000}.status-issue{text-align:center;width:120px;height:25px;font-size:.9em;position:relative;padding-left:27px;display:flex;align-items:center;border-radius:4px}.status-issue .alert-tag{position:absolute;left:-3px;top:-10px}.status-issue i{position:absolute;left:5px;top:50%;transform:translateY(-50%)}.status-issue.orange{background:#FDEAC6;color:#E2A01F;border:1px solid #EDB955}.status-issue.red{background:#F3DBDB;color:#B26161;border:1px solidocud #CB7E7E}.status-issue.green{background:#DBF3E5;color:#61B261;border:1px solid #7ECB98}.status-issue.orange-red{background:#FDEAC6;color:#D82929;border:1px solid #D82929}.flex-center{display:flex;justify-content:center}.form-switch .form-check-input{height:20px;width:40px}.form-switch .form-check-input:checked{background-color:#0E9B79;border-color:#0E9B79}.menu-inline a{display:inline-block;background:#3F3F3F;color:#fff !important;border-radius:30px;padding:8px 15px;font-family:"Sarabun",sans-serif;margin-bottom:5px;font-size:.9em}.user-add-data fieldset{display:flex;align-items:center}@media (max-width: 767.98px){.user-add-data fieldset{display:block}}.user-add-data fieldset .lab-left{font-family:"Noto Sans Thai",sans-serif;color:#0E9B79;font-weight:400;flex-basis:125px;flex-grow:0;flex-shrink:0;text-align:right;margin-right:25px}@media (max-width: 767.98px){.user-add-data fieldset .lab-left{text-align:left}}.user-add-data fieldset .position-relative{width:100%;max-width:540px}.user-add-data fieldset .position-relative .form-control{background:#fff;box-shadow:0px 0px 6px 0px rgba(0,0,0,0.2)}.user-add-data fieldset .position-relative .form-control::placeholder{opacity:.5}.user-add-data fieldset .deactive .form-check-label{color:#D82929}.user-add-data fieldset .deactive .form-check-input{border-color:#D82929;background:none}.user-add-data fieldset .deactive .form-check-input:checked{background-color:#D82929;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}.user-add-data fieldset .active .form-check-label{color:#0E9B79}.user-add-data fieldset .active .form-check-input{border-color:#0E9B79;background:none}.user-add-data fieldset .active .form-check-input:checked{background-color:#0E9B79;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}.form-check-custom{padding-left:0}.form-check-custom .form-check-input{opacity:0;height:1px;width:1px;overflow:hidden;visibility:hidden}.form-check-custom .form-check-label{position:relative;padding-left:22px}.form-check-custom .form-check-label::before,.form-check-custom .form-check-label:after{content:"";position:absolute;width:15px;height:15px;left:0;top:3.5px}.form-check-custom .form-check-label:before{background:url(../images/checkbox.png);z-index:1}.form-check-custom .form-check-label:after{background:url(../images/checkbox-checked.png);z-index:2;opacity:0}.form-check-custom .form-check-input:checked+.form-check-label::after{opacity:1}.form-check-custom.form-check-document .form-check-label:before{background:#D2D2D2;border-radius:2px}.flex-inline-check{display:flex;flex-wrap:wrap}.flex-inline-check .form-check{margin-right:20px}.flex-inline-check .form-check:last-child{margin-right:0}.form-edit-doc{display:flex;align-items:flex-end;flex-wrap:wrap}.form-edit-doc label{margin-bottom:10px}.form-edit-doc .form-group{flex-grow:1;margin-right:10px}@media (max-width: 991.98px){.form-edit-doc .form-group{flex-grow:0;width:50%;margin-right:0;padding:7px 5px}}.form-edit-radio{margin-top:60px}.form-edit-radio .form-check{margin-bottom:18px}.form-edit-radio .form-check:last-child{margin-bottom:0}.form-check-input{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");background-color:#B5B5B5;border-color:#B5B5B5}.form-check-input:checked{background-color:#3F3F3F;border-color:#3F3F3F}.flex-label{display:flex}.flex-label .form-format{flex-basis:110px;flex-grow:0;flex-shrink:0}.breadcrumb-item.active{color:#24272E}.flex-order{display:flex;align-items:center;flex-wrap:wrap}@media (max-width: 575.98px){.flex-order{align-items:flex-end}}.flex-order .flex-inner-order{display:flex;align-items:center;margin-left:15px}.flex-order .flex-inner-order:first-child{margin-left:0}@media (max-width: 575.98px){.flex-order .flex-inner-order{display:block}}.flex-order .flex-inner-order .form-control{height:36px;width:160px;margin-left:10px;margin-right:10px}@media (max-width: 575.98px){.flex-order .flex-inner-order .form-control{margin-left:0;margin-top:10px}}.flex-order .flex-inner-order .form-control.daterange-picker{width:230px}.flex-order .flex-inner-order .form-control.w-auto{width:auto}.flex-order .btn-detail{height:36px}@media (max-width: 991.98px){.flex-order.flex-order-inbox .flex-inner-order{margin-top:10px}}@media (max-width: 575.98px){.flex-order.flex-order-inbox{display:block}.flex-order.flex-order-inbox .flex-inner-order{margin-top:15px;margin-left:0}.flex-order.flex-order-inbox .flex-inner-order .form-control{margin-right:0;width:100% !important;max-width:100% !important}}.advance-search{background:#fff;height:86px;width:100%;align-items:center;padding:0 30px}@media (max-width: 991.98px){.advance-search{height:auto;padding:20px 30px}}@media (max-width: 575.98px){.advance-search{height:auto;padding:20px 15px}}.advance-search .label-main{font-size:13px;color:#3F3F3F}.advance-search .btn-detail{background-color:#0E9B79;width:148px;height:35px;margin-top:28px;margin-left:10%}@media (max-width: 1199.98px){.advance-search .btn-detail{margin-left:0}}.content-inner-detail{padding:10px 30px 50px}@media (max-width: 991.98px){.content-inner-detail{padding-left:15px;padding-right:15px}}.status-ug{font-size:12px;padding:5px 10px;border-radius:3px;font-weight:600;color:#fff;margin-right:3px;display:inline-block;margin-bottom:3px}.status-ug.status-title{position:relative;top:-3px;margin-right:7px}.status-ug.bg-red{background-color:#D82929}.status-ug.bg-yellow{background-color:#F2AE00}.status-ug.bg-orange{background-color:#F5802C}.select-copy{background:none;padding-right:30px;width:66px}.flex-page{padding:30px 20px;display:flex;justify-content:space-between;align-items:center}@media (max-width: 767.98px){.flex-page{display:block}}.flex-page ul{display:flex;margin-bottom:0}@media (max-width: 767.98px){.flex-page ul{margin-bottom:10px}}.flex-page ul li{margin-right:20px}.flex-page ul li:last-child{margin-right:0}.flex-page ul li a.active{font-weight:600;color:#0E9B79}.flex-page .flex-page-num{display:flex;align-items:center;font-family:"Noto Sans Thai",sans-serif}.flex-page .flex-page-num .form-control{width:36px;height:36px;border-radius:5px;border:1px solid #E7ECEB;background:#F8F8F8;text-align:center;margin-right:10px}.er-back{width:15px;position:relative;top:-5px;margin-right:10px}.pad-document{padding:80px 50px}@media (max-width: 767.98px){.pad-document{padding:50px 25px}}.pad-document .form-document{position:relative}.pad-document .form-document .btn-ex{width:135px;height:36px;position:absolute;right:0;background:transparent;border:1px solid #0E9B79;color:#0E9B79 !important}@media (max-width: 767.98px){.pad-document .form-document .btn-ex{position:relative;margin-bottom:20px;justify-self:end}}.pad-document-small{padding:40px 50px}@media (max-width: 767.98px){.pad-document-small{padding-left:25px;padding-right:25px}}.form-document .form-group{display:flex;margin-bottom:10px}@media (max-width: 767.98px){.form-document .form-group{display:block;margin-bottom:15px}.form-document .form-group .form-control{max-width:100% !important}.form-document .form-group .form-control.wm-80{max-width:70% !important}}.form-document .form-group.group-speed{margin-bottom:40px}.form-document .form-group .label-doc{flex-basis:120px;display:flex;justify-content:flex-end;align-items:center;color:#79857F;flex-grow:0;flex-shrink:0}@media (max-width: 767.98px){.form-document .form-group .label-doc{display:block;margin-bottom:10px}.form-document .form-group .label-doc.label-doc-mt{margin-top:15px}}.form-document .form-group .label-doc.a-top{align-items:flex-start;padding-top:10px}.form-document .form-group .input-doc{padding-left:20px}@media (max-width: 767.98px){.form-document .form-group .input-doc{padding-left:0}}.form-document .form-group .speed-flex{display:flex;flex-grow:1;align-items:flex-end}@media (max-width: 767.98px){.form-document .form-group .speed-flex{display:block}}.form-document .form-group .speed-flex label{margin:0 10px 12px 0}.form-document .form-group .input-flex{display:flex;flex-grow:1;align-items:center;flex-wrap:wrap}.form-document .form-group .wrap-attach-file .btn-detail{margin-bottom:0;height:35px}.form-document .form-group .document-file{height:35px;display:flex;align-items:center;margin-right:10px;margin-bottom:5px}@media (max-width: 767.98px){.form-document .form-group .document-file{margin-bottom:10px}}.form-document .form-group.flex-center{justify-content:center}.form-document .form-group .input-file{display:flex;width:100%;justify-content:center;padding:25px;border:1px dashed #0E9B79}.form-document.form-report .form-group .label-doc{flex-basis:150px}.form-document .ending-particles{margin-top:40px}.form-document .ending-particles .speed-flex{display:flex;flex-grow:1;align-items:flex-end;justify-content:flex-end}@media (max-width: 767.98px){.form-document .ending-particles .speed-flex{display:block}}.form-document .ending-particles .speed-flex label{margin:0 10px 12px 0}.form-document .signature-flex-end{display:flex;align-items:flex-end;flex-direction:column}.form-document .signature-flex-end .btn-detail{margin-top:30px;margin-right:50px}.form-document .signature{display:flex;align-items:center;flex-direction:column;border:1px dashed #0E9B79;border-radius:20px;padding-top:10px;margin-top:40px;position:relative}.form-document .signature .name{margin-top:5px}.form-document .signature .position{margin-top:5px}.form-document .signature .close-signature{position:absolute;right:-10px;top:-10px}.form-document.form-incoming .form-control{border:1px solid #D0D0D0;background-color:#ECECEC}.form-document.form-incoming input,.form-document.form-incoming select{height:32px}.form-document.form-incoming .form-group{margin-bottom:15px}.form-document .btn-gen{font-size:16px;height:32px;text-transform:capitalize;padding:0 20px;background:#3F3F3F}.title-document{font-size:18px;color:#0E9B79;font-weight:400;font-family:"Noto Sans Thai",sans-serif}.reader-order{margin-bottom:0;display:flex;flex-wrap:wrap}.reader-order li{margin-right:10px;margin-bottom:10px}.reader-order li:last-child{margin-right:0}.reader-order input[type="radio"]{width:1em;height:1em;opacity:0;visibility:hidden}.reader-order .form-check{width:180px;height:42px;background:#ECF3F2;color:#79857F;display:flex;border-radius:5px;align-items:center;justify-content:center;padding-left:0;font-family:"Noto Sans Thai",sans-serif;font-weight:600}.reader-order .form-check.checked{color:#0E9B79;background:url(../images/radio-order.png) no-repeat left 20px center #B7DACB;padding-left:20px}.reader-order.secret-radio li{margin-bottom:0}.reader-order.secret-radio .form-check{width:120px}.order-checked{margin-top:50px}.order-checked li{margin-bottom:20px}.order-checked li:last-child{margin-bottom:0}.order-checked li.date-time-document{display:flex;align-items:center}@media (max-width: 767.98px){.order-checked li.date-time-document{display:block}}.order-checked li.date-time-document .form-control{max-width:180px;margin-left:10px}@media (max-width: 767.98px){.order-checked li.date-time-document .form-control{margin-left:0;margin-top:10px}}.group-speed-order{display:flex;flex-direction:column;align-items:center}.group-speed-order.form-group .input-doc{padding-left:0;align-items:center;width:100%;max-width:250px}.group-speed-order.form-group label{margin-bottom:0 !important;width:80px;flex-basis:80px;flex-grow:0;flex-shrink:0}.kutt-justify{justify-content:space-between;align-items:center;position:relative;height:150px;margin:30px 0 !important}@media (max-width: 1499.98px){.kutt-justify{height:250px;align-items:flex-end}.kutt-justify .label-doc{padding-bottom:15px}}@media (max-width: 767.98px){.kutt-justify{height:auto}}.kutt-justify .img-kutt{position:absolute;left:50%;transform:translateX(-50%)}@media (max-width: 1499.98px){.kutt-justify .img-kutt{top:0}}@media (max-width: 767.98px){.kutt-justify .img-kutt{position:relative;left:auto;transform:translateX(0)}}.flow-section{margin-top:40px}.flow-group{margin-top:30px}.flow-group .flow-group-list li{display:flex;align-items:center;margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #ECF3EF}@media (max-width: 991.98px){.flow-group .flow-group-list li{display:block;margin-bottom:10px;padding-bottom:10px}}.flow-group .flow-group-list li .fg-number{flex-grow:1}.flow-group .flow-group-list li .select-close{display:flex;align-items:center;justify-content:flex-end;flex-basis:210px;flex-grow:0;flex-shrink:0}@media (max-width: 991.98px){.flow-group .flow-group-list li .select-close{margin-top:8px;justify-content:flex-start}.flow-group .flow-group-list li .select-close .form-control{max-width:200px}}.flow-group .flow-group-list.recipients-list li{border-bottom:0;margin-bottom:15px}.flow-group .flow-group-list.recipients-list li .number{padding-right:10px}@media (max-width: 991.98px){.flow-group .flow-group-list.recipients-list li .number{margin-bottom:10px}}.flow-group .flow-group-list.recipients-list li .fg-number{padding:0 5px}@media (max-width: 991.98px){.flow-group .flow-group-list.recipients-list li .fg-number{margin-bottom:10px}}.flow-group .flow-group-list.recipients-list li .fg-number .form-control{background:#fff;box-shadow:0px 0px 6px 0px rgba(0,0,0,0.2)}.flow-group .flow-group-list.recipients-list li .select-close{padding-left:6px}.header-2-col{background:#fff;padding:30px 30px}.header-2-col .flex-title{position:relative;padding-right:40px}.h2c-detail{display:flex;flex-wrap:wrap;margin-bottom:0}.h2c-detail li{display:flex;align-items:center;width:25%;margin-bottom:15px}@media (max-width: 991.98px){.h2c-detail li{width:50%;padding:0 10px}}@media (max-width: 575.98px){.h2c-detail li{width:100%;padding:0}}.h2c-detail li .lab{color:#79857F;flex-basis:85px;flex-grow:0;flex-shrink:0}.h2c-detail li .val.font-title{font-family:"Noto Sans Thai",sans-serif;font-weight:600}.h2c-detail li .val i{font-size:20px;color:#0E9B79;margin-right:10px}.h2c-detail li.recipient{width:100%}.drop-2col{position:absolute;right:0;top:50%;transform:translateY(-50%)}.drop-2col .dropdown-menu{font-family:"Noto Sans Thai",sans-serif;padding-top:0;padding-bottom:0}.drop-2col .dropdown-menu .dropdown-item{padding-top:10px;padding-bottom:10px}.drop-2col .dropdown-menu .dropdown-item:hover{background-color:#C4F1D7}.document-2-col{display:flex}@media screen and (max-width: 1580px){.document-2-col{display:block}}.document-2-col .d2col-left{padding:35px;background:#ecf3f2;width:70%}@media (max-width: 575.98px){.document-2-col .d2col-left{padding:30px 20px}}@media screen and (max-width: 1580px){.document-2-col .d2col-left{width:100%}}.document-2-col .d2col-left-innner{border-radius:16px;overflow:hidden}.document-2-col .d2col-title{background:#fff;padding:20px 25px}.document-2-col .d2col-title ul{display:flex;margin-bottom:0;align-items:center;position:relative;flex-wrap:wrap}.document-2-col .d2col-title ul::before{width:calc(100% - 33px);content:"";height:1px;position:absolute;top:50%;transform:translateY(-50%);border:1px dashed #BEBEBE}@media (max-width: 991.98px){.document-2-col .d2col-title ul::before{display:none}}.document-2-col .d2col-title ul::after{content:"\f285";font-family:bootstrap-icons !important;position:absolute;top:50%;transform:translateY(-50%);right:26px;color:#BEBEBE;font-size:14px}@media (max-width: 991.98px){.document-2-col .d2col-title ul::after{display:none}}.document-2-col .d2col-title ul li{margin-right:20px;position:relative}@media (max-width: 991.98px){.document-2-col .d2col-title ul li{margin-bottom:15px}}.document-2-col .d2col-title ul li.active span{background:#C4F1D7;border-color:#7ECB98;color:#61B261}.document-2-col .d2col-title ul li.active span i{margin-right:3px}.document-2-col .d2col-title ul li.active::before{border:1px solid #7ECB98}.document-2-col .d2col-title ul li.active::after{color:#7ECB98}.document-2-col .d2col-title ul li.waiting span{background:#FFE7B8;border-color:#EDB955;color:#E2A01F}.document-2-col .d2col-title ul li.waiting span i{margin-right:3px}.document-2-col .d2col-title ul li::before{width:calc(20px - 3px);content:"";height:1px;position:absolute;right:-17px;top:50%;transform:translateY(-50%);border:1px dashed #BEBEBE}.document-2-col .d2col-title ul li::after{content:"\f285";font-family:bootstrap-icons !important;position:absolute;top:50%;transform:translateY(-50%);right:-23px;color:#BEBEBE;font-size:14px}.document-2-col .d2col-title ul li span{background:#E4E4E4;border-radius:3px;border:1px solid #BEBEBE;font-weight:500;color:#8B8B8B;padding:5px 10px;font-size:14px;display:block}.document-2-col .d2col-title ul li .check-d2col{width:30px;height:30px;background:#E0E0E0;display:flex;align-items:center;justify-content:center;border-radius:100%}.document-2-col .d2col-title ul li:nth-last-child(2):before,.document-2-col .d2col-title ul li:nth-last-child(2):after{display:none}.document-2-col .d2col-title ul li:last-child{margin-left:auto;margin-right:0}.document-2-col .d2col-title ul li:last-child:before,.document-2-col .d2col-title ul li:last-child:after{display:none}.document-2-col .d2col-pd{background:#dae8e6;padding:25px}.document-2-col .d2col-pd .title-d2right{font-family:"Noto Sans Thai",sans-serif;font-size:18px;font-weight:400;margin-bottom:20px}.document-2-col .d2col-pd .box-d2col{background:#fff;border-radius:16px}.document-2-col .d2col-pd .box-d2col .pad-b2col{padding:20px;border-bottom:1px solid #ECF3F2}.document-2-col .d2col-pd .box-d2col .pad-b2col:last-child{border-bottom:0}.document-2-col .title-email-detail{margin-bottom:0}.document-2-col .title-email-detail li{display:flex;margin-bottom:13px}@media (max-width: 991.98px){.document-2-col .title-email-detail li{display:block}}.document-2-col .title-email-detail li .lab{flex-basis:130px;display:flex;justify-content:flex-end;color:#79857F;flex-grow:0;flex-shrink:0;align-items:center}@media (max-width: 991.98px){.document-2-col .title-email-detail li .lab{display:block;margin-bottom:5px}}.document-2-col .title-email-detail li .val{flex-grow:1;padding-left:20px;font-weight:400}@media (max-width: 991.98px){.document-2-col .title-email-detail li .val{padding-left:0}}.document-2-col .title-email-detail li .val .input-flex{display:flex;flex-grow:1;align-items:center;flex-wrap:wrap}.document-2-col .title-email-detail li .val .input-flex .form-control{border:1px solid #D0D0D0;background-color:#ECECEC;height:32px}.document-2-col .title-email-detail li .val .input-flex .btn-gen{font-size:16px;height:32px;text-transform:capitalize;padding:0 20px;background:#3F3F3F}.document-2-col .d2col-right{width:30%;background:#fff}@media screen and (max-width: 1580px){.document-2-col .d2col-right{width:100%}}.document-2-col .d2col-comment{background:#F8F8F8;padding:40px 25px}.document-2-col .d2col-comment h2{font-size:20px;color:#0E9B79}.document-2-col .d2col-comment .form-control{background:#fff;border:1px solid #D1D1D1}.document-2-col .d2col-comment .btn-detail{font-size:16px;height:40px}.input-flex{display:flex;flex-wrap:wrap}.document-file.doc-small{height:35px;display:flex;align-items:center;margin-right:10px;margin-bottom:5px}.flex-btn-small{display:flex;align-items:flex-end}.flex-btn-small .btn-small{height:36px;width:100px}.table-custom{width:100%;min-width:720px}.table-custom thead th{color:#9e9e9e;font-weight:normal;font-weight:400;font-size:.9em;color:#24272E;padding-bottom:20px}.table-custom thead th .custom-th{background:#ebebeb;width:35px;height:35px;border-radius:100%;padding:6px 0 0 10px}.table-custom tbody{border-radius:10px;overflow:hidden;box-shadow:0 0 0 1px #e5e5e5}.table-custom tbody tr td{border-bottom:1px solid #e0e0e0;padding-top:15px;padding-bottom:15px;padding-left:10px;padding-right:10px;vertical-align:middle !important}.table-custom tbody tr td:nth-child(even){background-color:#F8F8F8}.table-custom tbody tr:first-child td:first-child{border-top-left-radius:10px}.table-custom tbody tr:first-child td:last-child{border-top-right-radius:10px}.table-custom tbody tr:last-child td{border-bottom:0}.table-custom tbody tr:last-child td:first-child{border-bottom-left-radius:10px}.table-custom tbody tr:last-child td:last-child{border-bottom-right-radius:10px}.table-custom tbody tr.bg-active td{background-color:#F3F8F5 !important}.table-custom.table-no-striped tbody tr td:nth-child(even){background-color:#fff}.table-custom.table-pd-setup td{padding:30px 20px}.table-custom.table-manual tr:hover td{background:#ECF3EF}.table-custom.table-manual tr:hover td.hover-date{font-weight:600;color:#0E9B79}.table-custom.table-no-radius tbody{border-radius:0;overflow:hidden}.table-custom.table-no-radius tbody tr:first-child td:first-child{border-top-left-radius:0}.table-custom.table-no-radius tbody tr:first-child td:last-child{border-top-right-radius:0}.table-custom.table-no-radius tbody tr:last-child td{border-bottom:0}.table-custom.table-no-radius tbody tr:last-child td:first-child{border-bottom-left-radius:0}.table-custom.table-no-radius tbody tr:last-child td:last-child{border-bottom-right-radius:0}.table-custom.table-no-radius b{font-weight:700}.table-custom.table-th-ci th{color:#0E9B79;font-family:"Noto Sans Thai",sans-serif}.table-custom.hover-is tr:hover td{background:#ECF3EF !important;font-weight:500;color:#0E9B79}.table-custom.table-has-border tbody tr:last-child td{border-bottom:1px solid #e0e0e0}.table-custom.table-nowrap td,.table-custom.table-nowrap th{white-space:nowrap}.table-nowrap td,.table-nowrap th{white-space:nowrap}.table-box{background:#fff;border-radius:16px}.table-box th{color:#0E9B79 !important;font-size:15px !important;padding-top:20px !important;font-family:"Noto Sans Thai",sans-serif;font-weight:300}.table-box td,.table-box th{padding-left:20px !important;padding-right:20px !important}.table-box tbody{border-top:0 !important;box-shadow:none !important}a.link-blue{color:#4FBBE9}.search-setup-group{display:flex;align-items:center;margin-bottom:70px}.search-setup-group .form-control{border-radius:5px;height:40px;border:0;background:#F8F8F8;width:100%;max-width:540px;font-family:"Noto Sans Thai",sans-serif;font-size:1em}.search-setup-group label{color:#79857F}.table-noborder td{vertical-align:middle !important}.table-small-box th{font-size:15px;font-weight:300;color:#737373;border-bottom:1px solid #ECF3F2}.table-small-box th,.table-small-box td{text-align:center}.table-small-box td{vertical-align:middle;border-bottom:1px solid #ECF3F2}.img-attach{border-radius:8px}.input-group{display:flex;justify-content:center;width:110px}.input-group .cart-spin{flex-basis:32px;flex-grow:0;flex-shrink:0;text-align:center;margin:0 5px !important}.input-group .btn-pl{height:100%;width:20px;background:#B7DACB;color:#0E9B79}.input-group .btn-minus{border-top-left-radius:5px;border-bottom-left-radius:5px}.input-group .btn-plus{border-top-right-radius:5px;border-bottom-right-radius:5px}.label-attach-image{background:#ECF3F2;border-radius:8px;display:flex;align-items:center;justify-content:center;width:115px;height:80px}.dropdown-report{background:#B7DACB;width:200px}.dropdown-report a{display:block;font-family:"Noto Sans Thai",sans-serif;padding-top:7px;padding-bottom:7px}.dropdown-report a:hover{font-weight:600;color:#0E9B79;background:#fff}.form-login{display:flex;min-height:100vh;align-items:center;justify-content:center;background:#ecf3f2;padding:0 25px}@media (max-width: 991.98px){.form-login{padding:25px}}.form-login::after{background:#fff;content:"";width:20%;position:absolute;left:0;top:0;height:100%;z-index:0}@media (max-width: 991.98px){.form-login::after{display:none}}.form-login .wrapper-login{width:1450px;display:flex;position:relative;z-index:1}@media (max-width: 991.98px){.form-login .wrapper-login{display:block;max-width:556px}}.form-login .bg-login{width:100%}.form-login .bg-login img{height:100%;object-fit:cover}@media (max-width: 991.98px){.form-login .bg-login img{height:250px;width:100%}}@media (max-width: 767.98px){.form-login .bg-login img{height:200px;width:100%}}@media (max-width: 575.98px){.form-login .bg-login img{height:150px;width:100%}}.form-login h2{font-size:32px;color:#015B01;margin-bottom:20px}@media (max-width: 991.98px){.form-login h2{font-size:22px;margin-bottom:10px}}.form-login .logo-login{width:100%;margin-bottom:20px}.form-login form{max-width:556px;width:100%;padding:30px;background:#fff;box-shadow:0px 2px 1px 0px rgba(191,191,191,0.45)}.form-login .form-group{margin-bottom:23px}.form-login .form-control{box-shadow:none;background-color:#f5f6f8;height:48px;border-radius:5px;font-size:18px;transition:all .3s ease 0s}.form-login .form-control::placeholder{opacity:1;color:#9e9e9e;font-size:18px}.form-login .btn-detail{display:block;background:#0E9B79;color:#fff;width:100%;font-size:22px}.form-login .header-forgot{padding:12px 30px;border-bottom:1px solid #f2f2f2;display:flex;align-items:center}.form-login .header-forgot h3{margin-bottom:0}.form-login .box-inner-form{padding:30px}.form-login .forgetpass{font-size:1.1em}.wrapper-intranet{min-height:100vh;background:url(../images/gradien-intranet.jpg) repeat-x top}.wrapper-intranet header{display:flex;justify-content:space-between;align-items:center;padding:30px 50px 30px 30px}@media (max-width: 1199.98px){.wrapper-intranet header .logo{width:300px}}@media (max-width: 991.98px){.wrapper-intranet header{padding:20px}}.wrapper-intranet .intranet{position:relative}@media (max-width: 991.98px){.wrapper-intranet .intranet{padding-top:20px}}.wrapper-intranet .intranet .container{position:relative;z-index:2;width:100%;max-width:1250px;padding-left:20px;padding-right:20px}.wrapper-intranet .intranet h1{text-align:center;font-size:26px;font-weight:500;color:#0E9B79}.wrapper-intranet .frame-intranet{position:absolute;left:50%;transform:translateX(-50%);top:-80px;z-index:1}@media (max-width: 1499.98px){.wrapper-intranet .frame-intranet{top:-50px}}@media (max-width: 991.98px){.wrapper-intranet .frame-intranet{top:0}}.wrapper-intranet .intranet-filter{display:flex;justify-content:center;margin-top:40px;flex-wrap:wrap}.wrapper-intranet .intranet-filter li{border-right:1px solid #C3C3C3}.wrapper-intranet .intranet-filter li:last-child{border-right:0}.wrapper-intranet .intranet-filter a{display:block;padding:5px 15px;font-size:16px}.wrapper-intranet .intranet-filter a.active{color:#0E9B79;font-weight:600}.wrapper-intranet .search-intranet{width:100%;max-width:700px;margin:30px auto 50px}.wrapper-intranet .search-intranet .form-control{height:56px;border-radius:5px !important;background:#fff;font-family:"Noto Sans Thai",sans-serif;font-size:1em;background-image:url(../images/search-header.png);background-repeat:no-repeat;background-position:left 15px center;padding-left:42px;box-shadow:0px 0px 6px 0px rgba(0,0,0,0.2)}.wrapper-intranet .search-intranet .form-control::placeholder{opacity:.5}.intranet-list{display:flex;flex-wrap:wrap}.intranet-list li{width:10%;margin-bottom:30px}@media (max-width: 991.98px){.intranet-list li{width:16.666666666667%}}@media (max-width: 767.98px){.intranet-list li{width:25%}}@media (max-width: 575.98px){.intranet-list li{width:33.3333333%}}.intranet-list li a{display:flex;text-align:center;flex-direction:column;align-items:center;font-family:"Noto Sans Thai",sans-serif;font-weight:500;color:#153027}.intranet-list li a .it-icon{width:80px;height:80px;border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;transition:all .3s ease 0s}.intranet-list li a:hover .it-icon{background:#F6F9F7}
/*# sourceMappingURL=style.css.map */