@font-face{font-family:"LINE seed sans TH";src:url("../font/WOFF2/LINESeedSansTH_W_Th.woff2") format('woff2');font-weight:lighter}@font-face{font-family:"LINE seed sans TH";src:url("../font/WOFF2/LINESeedSansTH_W_Rg.woff2") format('woff2');font-weight:normal}@font-face{font-family:"LINE seed sans TH";src:url("../font/WOFF2/LINESeedSansTH_W_Bd.woff2") format('woff2');font-weight:bold}body,html{background-color:white;font-family:"LINE seed sans TH","Prompt'";font-weight:normal;height:100%;line-height:1.6;scroll-behavior:smooth;color:#515151;overflow-x:hidden;min-width:360px}a{text-decoration:none;color:initial;transition:all .3s}a:hover{color:#44A5FF}.load-wrap{width:100%;height:100%;position:fixed;top:0;left:0;filter:hue-rotate(311deg);background:rgba(255,255,255,0.5) url("../img/wait.gif");background-position:center;background-repeat:no-repeat;background-size:100px;z-index:10000;cursor:wait}textarea{border-radius:10px;padding:10px}select,input{border-radius:50rem;padding:3px 15px}.sky_bg{background-image:linear-gradient(to right bottom, #c9f3ff, #a7e2f7, #86d0f0, #63beeb, #3cabe5)}.green_bg{background-image:linear-gradient(to right bottom, #c9ffea, #a5f3d4, #80e7bd, #56daa5, #12cd8c)}.yellow_bg{background-image:linear-gradient(to right bottom, #f3ffc9, #e6f1a3, #dce37b, #d4d450, #cdc412)}.red_bg{background-image:linear-gradient(to right bottom, #ffc9c9, #ffb5b4, #ffa09f, #ff8a8a, #ff7475)}.disabled{background:lightgray!important;color:gray!important;cursor:no-drop !important}h2{font:bold 16px "LINE seed sans TH","Prompt'"}.icon_user{width:40px;height:40px;padding-top:8px ;text-align:center;background:#D6ECFF;border-radius:30px;cursor:pointer}.icon_user i{color:#3071ad}.icon_user .icon_user_drob_down{padding:5px 15px;border-radius:10px;height:36px;position:absolute;right:20px;top:70px;font-size:16px;background:#FFE3E3;color:#F47575;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .3s;opacity:0;cursor:pointer}.icon_user .icon_user_drob_down ul{padding:0;margin-bottom:0}.icon_user .icon_user_drob_down ul li{list-style:none}.icon_user .icon_user_drob_down ul a{transition:all .3s}.icon_user .icon_user_drob_down ul a:hover{background:transparent;color:initial}.icon_user .icon_user_drob_down i{color:#F47575}.icon_user .icon_user_drob_down:hover{background:#a59393;color:#af5555}.icon_user .icon_user_drob_down:hover i{color:#af5555}.icon_user .drop_down_open{height:36px;opacity:1}.d-contents{display:contents!important}.search_btn{width:40px;height:40px;border-radius:50px;text-align:center;padding-top:2px;font-size:18px;color:#44A5FF;background:#D6ECFF;border:0;margin-right:10px;transition:all .3s;overflow:hidden}.search_btn input{width:0;height:0;opacity:0;position:absolute;transition:unset;font:700 14px "LINE seed sans TH","Prompt'";border:1px solid #FAFAFA}.search_show_btn{text-align:right;padding-right:15px;width:250px}.search_show_btn input{width:200px;position:relative;background:#FAFAFA;border-radius:50rem;opacity:1;height:30px;padding-left:10px;margin-right:5px;transition:all .3s;transition-delay:.3s}.search_show_btn input:focus{outline:none}.search_show_btn .icon_show_btn{z-index:10;position:relative}.find_btn{width:40px;height:40px;border-radius:50px;text-align:center;padding-top:2px;font-size:18px;color:#44A5FF;background:#D6ECFF;border:0;margin-right:10px;transition:all .3s;overflow:hidden}.main_btn{min-width:80px;padding:5px 15px;border-radius:5px;border:0;font-weight:700;transition:all .3s;background:#D6ECFF;color:#44A5FF;cursor:pointer}.main_btn:hover{background:#8e9ba7;color:#3071ad}.btn_cicle{width:40px;height:40px;border-radius:50px;border:0;transition:all .3s;background:#D6ECFF;color:#3071ad !important}.btn_cicle:hover{background:#8e9ba7;color:#3071ad}.btn_cicle_sm{width:30px;height:30px;border-radius:50px;border:0;transition:all .3s;background:#D6ECFF;color:#3071ad !important}.btn_cicle_sm:hover{background:#8e9ba7;color:#3071ad}.btn_add{background:#D6FFE8 !important;color:#35C272 !important}.btn_add:hover{background:#7ec09b !important;color:#24854e !important}.btn_close{background:#FFE3E3 !important;color:#F47575 !important}.btn_close:hover{background:#a59393 !important;color:#af5555 !important}.btn_pending{background:#FFEEDB !important;color:#FDA137 !important}.btn_pending:hover{background:#c4a27d !important;color:#a56924 !important}.w-100{width:100%!important}.w-99{width:99%!important}.w-98{width:98%!important}.w-97{width:97%!important}.w-96{width:96%!important}.w-95{width:95%!important}.w-94{width:94%!important}.w-93{width:93%!important}.w-92{width:92%!important}.w-91{width:91%!important}.w-90{width:90%!important}.w-89{width:89%!important}.w-88{width:88%!important}.w-87{width:87%!important}.w-86{width:86%!important}.w-85{width:85%!important}.w-84{width:84%!important}.w-83{width:83%!important}.w-82{width:82%!important}.w-81{width:81%!important}.w-80{width:80%!important}.w-79{width:79%!important}.w-78{width:78%!important}.w-77{width:77%!important}.w-76{width:76%!important}.w-75{width:75%!important}.w-74{width:74%!important}.w-73{width:73%!important}.w-72{width:72%!important}.w-71{width:71%!important}.w-70{width:70%!important}.w-69{width:69%!important}.w-68{width:68%!important}.w-67{width:67%!important}.w-66{width:66%!important}.w-65{width:65%!important}.w-64{width:64%!important}.w-63{width:63%!important}.w-62{width:62%!important}.w-61{width:61%!important}.w-60{width:60%!important}.w-59{width:59%!important}.w-58{width:58%!important}.w-57{width:57%!important}.w-56{width:56%!important}.w-55{width:55%!important}.w-54{width:54%!important}.w-53{width:53%!important}.w-52{width:52%!important}.w-51{width:51%!important}.w-50{width:50%!important}.w-49{width:49%!important}.w-48{width:48%!important}.w-47{width:47%!important}.w-46{width:46%!important}.w-45{width:45%!important}.w-44{width:44%!important}.w-43{width:43%!important}.w-42{width:42%!important}.w-41{width:41%!important}.w-40{width:40%!important}.w-39{width:39%!important}.w-38{width:38%!important}.w-37{width:37%!important}.w-36{width:36%!important}.w-35{width:35%!important}.w-34{width:34%!important}.w-33{width:33%!important}.w-32{width:32%!important}.w-31{width:31%!important}.w-30{width:30%!important}.w-29{width:29%!important}.w-28{width:28%!important}.w-27{width:27%!important}.w-26{width:26%!important}.w-25{width:25%!important}.w-24{width:24%!important}.w-23{width:23%!important}.w-22{width:22%!important}.w-21{width:21%!important}.w-20{width:20%!important}.w-19{width:19%!important}.w-18{width:18%!important}.w-17{width:17%!important}.w-16{width:16%!important}.w-15{width:15%!important}.w-14{width:14%!important}.w-13{width:13%!important}.w-12{width:12%!important}.w-11{width:11%!important}.w-10{width:10%!important}.w-9{width:9%!important}.w-8{width:8%!important}.w-7{width:7%!important}.w-6{width:6%!important}.w-5{width:5%!important}.w-4{width:4%!important}.w-3{width:3%!important}.w-2{width:2%!important}.w-1{width:1%!important}.font-size-100{font-size:100px!important}.font-size-99{font-size:99px!important}.font-size-98{font-size:98px!important}.font-size-97{font-size:97px!important}.font-size-96{font-size:96px!important}.font-size-95{font-size:95px!important}.font-size-94{font-size:94px!important}.font-size-93{font-size:93px!important}.font-size-92{font-size:92px!important}.font-size-91{font-size:91px!important}.font-size-90{font-size:90px!important}.font-size-89{font-size:89px!important}.font-size-88{font-size:88px!important}.font-size-87{font-size:87px!important}.font-size-86{font-size:86px!important}.font-size-85{font-size:85px!important}.font-size-84{font-size:84px!important}.font-size-83{font-size:83px!important}.font-size-82{font-size:82px!important}.font-size-81{font-size:81px!important}.font-size-80{font-size:80px!important}.font-size-79{font-size:79px!important}.font-size-78{font-size:78px!important}.font-size-77{font-size:77px!important}.font-size-76{font-size:76px!important}.font-size-75{font-size:75px!important}.font-size-74{font-size:74px!important}.font-size-73{font-size:73px!important}.font-size-72{font-size:72px!important}.font-size-71{font-size:71px!important}.font-size-70{font-size:70px!important}.font-size-69{font-size:69px!important}.font-size-68{font-size:68px!important}.font-size-67{font-size:67px!important}.font-size-66{font-size:66px!important}.font-size-65{font-size:65px!important}.font-size-64{font-size:64px!important}.font-size-63{font-size:63px!important}.font-size-62{font-size:62px!important}.font-size-61{font-size:61px!important}.font-size-60{font-size:60px!important}.font-size-59{font-size:59px!important}.font-size-58{font-size:58px!important}.font-size-57{font-size:57px!important}.font-size-56{font-size:56px!important}.font-size-55{font-size:55px!important}.font-size-54{font-size:54px!important}.font-size-53{font-size:53px!important}.font-size-52{font-size:52px!important}.font-size-51{font-size:51px!important}.font-size-50{font-size:50px!important}.font-size-49{font-size:49px!important}.font-size-48{font-size:48px!important}.font-size-47{font-size:47px!important}.font-size-46{font-size:46px!important}.font-size-45{font-size:45px!important}.font-size-44{font-size:44px!important}.font-size-43{font-size:43px!important}.font-size-42{font-size:42px!important}.font-size-41{font-size:41px!important}.font-size-40{font-size:40px!important}.font-size-39{font-size:39px!important}.font-size-38{font-size:38px!important}.font-size-37{font-size:37px!important}.font-size-36{font-size:36px!important}.font-size-35{font-size:35px!important}.font-size-34{font-size:34px!important}.font-size-33{font-size:33px!important}.font-size-32{font-size:32px!important}.font-size-31{font-size:31px!important}.font-size-30{font-size:30px!important}.font-size-29{font-size:29px!important}.font-size-28{font-size:28px!important}.font-size-27{font-size:27px!important}.font-size-26{font-size:26px!important}.font-size-25{font-size:25px!important}.font-size-24{font-size:24px!important}.font-size-23{font-size:23px!important}.font-size-22{font-size:22px!important}.font-size-21{font-size:21px!important}.font-size-20{font-size:20px!important}.font-size-19{font-size:19px!important}.font-size-18{font-size:18px!important}.font-size-17{font-size:17px!important}.font-size-16{font-size:16px!important}.font-size-15{font-size:15px!important}.font-size-14{font-size:14px!important}.font-size-13{font-size:13px!important}.font-size-12{font-size:12px!important}.font-size-11{font-size:11px!important}.font-size-10{font-size:10px!important}.font-size-9{font-size:9px!important}.font-size-8{font-size:8px!important}.font-size-7{font-size:7px!important}.font-size-6{font-size:6px!important}.font-size-5{font-size:5px!important}.font-size-4{font-size:4px!important}.font-size-3{font-size:3px!important}.font-size-2{font-size:2px!important}.font-size-1{font-size:1px!important}.input_auto{border:1px solid gray;border-radius:50rem;padding:5px 15px}.input_auto input,.input_auto select{border:0;width:95%}.input_auto select:focus,.input_auto input:focus{outline:none}.input_auto i{color:#c4c4c4}.input_auto select{width:100%}.ui-menu{max-height:500px;overflow-y:scroll;overflow-x:hidden;transition:height .3s}.switch{position:relative;display:inline-block;width:70px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;max-width:63px}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:white;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#35C272}input:focus+.slider{box-shadow:0 0 1px #35C272}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}::-webkit-scrollbar{width:7px;height:7px;display:none}::-webkit-scrollbar-track{border-radius:7px;background:transparent;display:none}::-webkit-scrollbar-thumb{background:#44A5FF;border-radius:7px;display:none}::-webkit-scrollbar-thumb:hover{background:#44A5FF;display:none}.cursor_pointer{cursor:pointer}.table .no-sort,.table .sorting{padding-right:0}.table .no-sort::after,.table .sorting::after{display:none!important}.table .no-sort::before,.table .sorting::before{display:none!important}.header{padding:5px;position:fixed;top:0;left:0;z-index:999;background:white}.header figure{margin-bottom:0}.header .header_wrap .header_logo{padding-left:30px}.header .header_wrap .header_logo img{width:80px}.header .header_wrap .header_logo .btn_wrap{position:relative;width:50px;display:inline-block;padding:0 10px}.header .header_wrap .header_logo .btn_wrap .open_menu_left,.header .header_wrap .header_logo .btn_wrap .close_menu_left{position:absolute;left:0;top:-10px;cursor:pointer}.header .header_wrap .header_logo .btn_wrap .close_menu_left{display:none}.header .header_wrap .header_content .time_box,.header .header_wrap .header_content .name_box{padding:10px;background:#FAFAFA;border-radius:10px;margin:0 5px;font-weight:bold;color:#061624;font-size:14px}.header .header_wrap .header_content .time_box{display:none}.main_content{padding-top:70px;padding-bottom:70px}.main_content .main_content_wrap{padding-top:20px;position:relative}.main_content .main_content_wrap .main_content_menu{position:fixed;left:-100%;top:65px;z-index:999;background:white;border-radius:20px;width:250px;box-shadow:0 .5rem 1rem rgba(0,0,0,0.15);padding-top:20px;transition:all .3s;height:550px;overflow-y:scroll}.main_content .main_content_wrap .main_content_menu ul{padding-left:0}.main_content .main_content_wrap .main_content_menu ul li{list-style:none}.main_content .main_content_wrap .main_content_menu ul .menu_link{font-size:16px;font-weight:normal;padding:10px;border-radius:10px}.main_content .main_content_wrap .main_content_menu ul .menu_link span{margin-right:10px}.main_content .main_content_wrap .main_content_menu ul .menu_link .notification{width:30px;height:30px;display:inline-block;background:#F47575;color:white;font:bold 14px "LINE seed sans TH","Prompt'";border-radius:100%;text-align:center;padding-top:5px}.main_content .main_content_wrap .main_content_menu ul .active{background:#D6ECFF}.main_content .main_content_wrap .main_content_menu ul .active a{color:#44A5FF !important}.main_content .main_content_wrap .main_content_display{background:#FAFAFA;border-radius:50px 0 0 0;min-height:85vh;padding:30px 10px}.main_content .main_content_wrap .main_content_display .header_input_date b{font-size:14px}.main_content .main_content_wrap .main_content_display .header_input_date input{border:1px solid #44A5FF;padding:2px 10px;font:bold 16px "LINE seed sans TH","Prompt'"}.main_content .main_content_wrap .main_content_display .header_input_date input:focus{outline:none}.main_content .main_content_wrap .main_content_display .title_page{font-size:18px;font-weight:bold;color:blue-color;margin-bottom:0}.main_content .main_content_wrap .main_content_display .title_page .title_text{padding-top:10px}.main_content .main_content_wrap .main_content_display .title_page .title_text::after{display:none}.main_content .main_content_wrap .main_content_display .title_page p{position:relative;display:inline-block;padding-bottom:10px}.main_content .main_content_wrap .main_content_display .title_page p::after{content:"";width:100%;height:3px;border-radius:10px;background:#061624;position:absolute;bottom:0;left:0;display:inline-block}.main_content .main_content_wrap .main_content_display .title_page .fillter_box{text-align:left}.main_content .main_content_wrap .main_content_display .title_page .fillter_box p{display:inline-block;margin-bottom:0}.main_content .main_content_wrap .main_content_display .title_page .fillter_box span{display:block;margin-bottom:10px;margin-top:10px;font-size:14px}.main_content .main_content_wrap .main_content_display .title_page .fillter_box input{margin-top:10px;width:100%}.main_content .main_content_wrap .main_content_display .title_page .fillter_box button{margin-top:20px;width:100%}.main_content .main_content_wrap .main_content_display .title_page .fillter_page{display:flex;align-items:center;justify-content:start;font-size:16px;font-weight:normal}.main_content .main_content_wrap .main_content_display .title_page .fillter_page .fillter_btn{padding:5px 10px;cursor:pointer;transition:all .3s}.main_content .main_content_wrap .main_content_display .title_page .fillter_page .fillter_btn:hover{color:#44A5FF}.main_content .main_content_wrap .main_content_display .title_page .fillter_page .active{color:#44A5FF}.main_content .main_content_wrap .main_content_display .title_page .tab_select .tab_btn{min-width:80px;padding:5px 0px;background:#FAFAFA;border-radius:50rem;transition:all .3s;text-align:center;margin-left:5px;display:inline-block}.main_content .main_content_wrap .main_content_display .title_page .tab_select .active{background:#44A5FF;color:white;font-weight:bold;min-width:120px}.main_content .main_content_wrap .main_content_display .title_page .tab_select .active:hover{color:white}.main_content .main_content_wrap .main_content_display .fillter_page{display:flex;align-items:center;justify-content:start}.main_content .main_content_wrap .main_content_display .fillter_page .fillter_btn{padding:5px 10px;cursor:pointer;transition:all .3s}.main_content .main_content_wrap .main_content_display .fillter_page .fillter_btn:hover{color:#44A5FF}.main_content .main_content_wrap .main_content_display .fillter_page .active{color:#44A5FF}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail p{margin-bottom:5px}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail label{margin-bottom:5px;font-weight:700}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail input,.main_content .main_content_wrap .main_content_display .main_page .main_content_detail select{margin:5px 0px;width:100%;padding:5px 15px;border-radius:50rem;border:1px solid gray}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail .checkbox{width:auto;padding:5px}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box{padding:20px;background:white;border-radius:20px}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .status_box{position:relative;min-height:61px}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .status_box .start{text-align:center;color:#35C272}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .status_box .status_point{display:flex;align-items:center;justify-content:center}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .status_box .status_point .point{width:20px;height:20px;border-radius:100%;background:gray}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .status_box .status_point .line{position:relative;text-align:center}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .status_box .status_point .line::after{content:"";top:-60px;margin-left:-2px;width:4px;height:80px;display:inline-block;position:absolute;background:gray}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .status_box .status_detail .status_name_user{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .status_box .status_detail .status_desc{position:relative;cursor:pointer}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .status_box .status_detail .status_desc .status_desc_text{position:absolute;padding:10px;border-radius:10px;top:0;left:20px;box-shadow:0 .5rem 1rem rgba(0,0,0,0.15) !important;background:white;opacity:0}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .status_box .status_detail .status_desc:hover .status_desc_text{transition:all .3s;opacity:1}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .start_row{min-height:50px;font-size:18px}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .end_row{min-height:50px;font-size:18px}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .end_row .end{text-align:center}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .approve{color:#35C272}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .approve .status_point .point{background:#35C272}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .approve .status_point .line::after{background:#35C272}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .pending_approve{color:#FDA137}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .pending_approve .status_point .point{background:#FDA137;animation:pulse 2s ease-out infinite}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .pending_approve .status_point .line::after{background:#FDA137}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .none_approve{color:#F47575}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .none_approve .status_point .point{background:#F47575}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .none_approve .status_point .line::after{background:#F47575}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .hr_detail .status_desc{position:relative;cursor:pointer}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .hr_detail .status_desc .status_desc_text{position:absolute;padding:10px;border-radius:10px;top:0;left:20px;box-shadow:0 .5rem 1rem rgba(0,0,0,0.15) !important;background:white;opacity:0}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .hr_detail .status_desc:hover .status_desc_text{transition:all .3s;opacity:1}.main_content .main_content_wrap .main_content_display .main_page .summary_cost{font-size:20px;font-weight:700}.main_content .main_content_wrap .main_content_display .main_page .summary_cost .summary_cost_head_text{color:#061624}.main_content .main_content_wrap .main_content_display .main_page .approve{color:#35C272}.main_content .main_content_wrap .main_content_display .main_page .pending_approve{color:#FDA137}.main_content .main_content_wrap .main_content_display .main_page .none_approve{color:#F47575}.main_content .main_content_wrap .main_content_display .main_page .shop_content .shop_box{padding:20px;background:white;border-radius:20px}.main_content .main_content_wrap .main_content_display .main_page .shop_content .shop_box table tbody tr td{background:#FAFAFA;border-bottom:1px solid #061624}@keyframes pulse{0%{box-shadow:0 0 0 0 #FDA137,0 0 0 0 #FDA137}50%{transform:scale(.95)}100%{box-shadow:0 0 0 15px rgba(0,210,255,0),0 0 0 30px rgba(0,210,255,0)}}.table_main .table_main_wrap{min-width:100%;transition:all .3s;font-size:14px}.table_main .table_main_wrap thead{display:none}.table_main .table_main_wrap thead tr th{padding:5px 0;text-align:center}.table_main .table_main_wrap thead tr .no-sort,.table_main .table_main_wrap thead tr .sorting{padding-right:0}.table_main .table_main_wrap thead tr .no-sort::after,.table_main .table_main_wrap thead tr .sorting::after{display:none!important}.table_main .table_main_wrap thead tr .no-sort::before,.table_main .table_main_wrap thead tr .sorting::before{display:none!important}.table_main .table_main_wrap tbody{margin-top:10px}.table_main .table_main_wrap tbody tr{border-radius:10px;color:#061624 !important}.table_main .table_main_wrap tbody tr td{background:white;padding:10px 0;margin-top:5px;font-size:14px;position:relative}.table_main .table_main_wrap tbody tr td p{margin-bottom:2px}.table_main .table_main_wrap tbody tr .table_edit{text-align:center}.table_main .table_main_wrap tbody tr .table_edit button{border:0;width:40px;height:40px;padding-top:3px;text-align:center;border-radius:30px;background:#FFEEDB;color:#FDA137;transition:all .3s}.table_main .table_main_wrap tbody tr .table_edit button:hover{background:#c4a27d;color:#a56924}.table_main .table_main_wrap tbody tr .table_status_slide{text-align:center;position:relative}.table_main .table_main_wrap tbody tr .table_status_slide .status_select{border-radius:50rem;display:inline-block;width:100px;overflow:hidden;white-space:nowrap;cursor:pointer;position:static;left:50%;top:50%}.table_main .table_main_wrap tbody tr .table_status_slide .status_select span{width:100px;position:relative;transition:all .3s;border-radius:0;padding:5px 0}.table_main .table_main_wrap tbody tr .table_status_slide .box_switch{display:unset;width:100%;display:flex;align-items:center;justify-content:center}.table_main .table_main_wrap tbody tr .table_status_slide .box_switch span{margin:0 5px}.table_main .table_main_wrap tbody tr .table_status{text-align:center}.table_main .table_main_wrap tbody tr .table_status span{padding:3px 15px;border-radius:50rem;display:inline-block}.table_main .table_main_wrap tbody tr{border-bottom:10px solid transparent}.table_main .table_main_wrap tbody .approve{position:relative}.table_main .table_main_wrap tbody .approve td{border-bottom:10px solid #FAFAFA}.table_main .table_main_wrap tbody .approve .table_status span{background:#D6FFE8;color:#35C272}.table_main .table_main_wrap tbody .approve::after{content:"";height:100%;width:8px;display:inline-block;position:absolute;border-radius:10px 0 0 10px;top:0;left:0;background:#35C272}.table_main .table_main_wrap tbody .approve::after .table_status .status_select{position:relative}.table_main .table_main_wrap tbody .approve::after .table_status .status_select span{background:#D6FFE8;color:#35C272}.table_main .table_main_wrap tbody .none_approve{position:relative}.table_main .table_main_wrap tbody .none_approve td{border-bottom:10px solid #FAFAFA}.table_main .table_main_wrap tbody .none_approve .table_status span{background:#FFE3E3;color:#F47575}.table_main .table_main_wrap tbody .none_approve::after{content:"";height:100%;width:8px;display:inline-block;position:absolute;border-radius:10px 0 0 10px;top:0;left:0;background:#F47575}.table_main .table_main_wrap tbody .none_approve::after .table_status span{background:#FFE3E3;color:#F47575}.table_main .table_main_wrap tbody .pending_approve{position:relative}.table_main .table_main_wrap tbody .pending_approve td{border-bottom:10px solid #FAFAFA}.table_main .table_main_wrap tbody .pending_approve .table_status span{background:#FFEEDB;color:#FDA137}.table_main .table_main_wrap tbody .pending_approve::after{content:"";height:100%;width:8px;display:inline-block;position:absolute;border-radius:10px 0 0 10px;top:0;left:0;background:#FDA137}.table_main .table_main_wrap tbody .pending_approve::after .table_status span{background:#FFEEDB;color:#FDA137}.table_main .show_checkbox .table_checkbox_select{transition:all .3s}.table_main .show_checkbox .table_checkbox_select .number{display:none}.table_main .hide_checkbox .table_checkbox_select{transition:all .3s}.table_main .hide_checkbox .table_checkbox_select input{display:none}.table_main .mobile_table tbody tr{width:100%;display:inline-block;background:white;position:relative;box-shadow:0 .125rem .25rem rgba(0,0,0,0.075);border:0;margin-bottom:15px}.table_main .mobile_table tbody tr td{display:inline-block;padding-left:15px;border-bottom:0!important}.table_main .mobile_table tbody tr .number_mobile{display:none}.table_main .mobile_table tbody tr .name_info_mobile{width:95%;display:inline-block;font-weight:bold}.table_main .mobile_table tbody tr .name_info_mobile p{display:inline-block}.table_main .mobile_table tbody tr .date_info_mobile{width:95%;padding:0px 0px 10px 15px}.table_main .mobile_table tbody tr .date_info_mobile .date_box{display:inline-block}.table_main .mobile_table tbody tr .date_info_mobile .date_box p{display:inline-block;margin-right:10px}.table_main .mobile_table tbody tr .detail_info_mobile{float:left;display:block}.table_main .mobile_table tbody tr .button_info_mobile{text-align:right;padding-top:0;padding-right:0px;position:absolute;right:10px;background:transparent;margin:20px;margin:0;margin-top:40px;bottom:-15px}.table_main .mobile_table tbody tr .button_info_mobile button{box-shadow:0 .125rem .25rem rgba(0,0,0,0.075)}.modal{position:fixed;left:0;top:0;z-index:999;display:inline-block}.modal .modal_body{width:100%;height:100vh;background:white;position:absolute;right:-100%;top:0;padding:20px;border-radius:20px 0 0 20px;transition:all .3s;z-index:2}.modal .modal_body .modal_head{display:flex;justify-content:space-between;align-items:center}.modal .modal_body .modal_head p{font-weight:700}.modal .modal_body .modal_head .modal_head_right .close_modal{width:30px;height:30px;border-radius:100%;border:0;font-weight:700;background:#FFE3E3;color:#F47575}.modal .modal_body .modal_content{width:100%;height:80vh;display:inline-block;overflow-y:auto;overflow-x:hidden;padding-bottom:70px}.modal .modal_body .modal_content label{margin-bottom:5px;font-weight:700}.modal .modal_body .modal_content input,.modal .modal_body .modal_content select{margin:5px 0px;width:100%;padding:5px 15px;border-radius:50rem;border:1px solid gray}.modal .modal_body .modal_content .checkbox{width:auto;padding:5px}.modal .modal_body .modal_content .user_result{height:0;overflow:hidden;transition:all .3s}.modal .modal_body .modal_content .user_input{border:1px solid gray;border-radius:50rem;padding:0px 10px}.modal .modal_body .modal_content .user_input input{border:0;padding:0px 15px}.modal .modal_body .modal_content .user_input input:focus{outline:none}.modal .modal_body .modal_content .user_input .user_find{padding-top:5px;background:transparent;color:#8e9ba7;cursor:unset}.modal .modal_body .modal_footer{width:100%;display:inline-block;text-align:right;transform:translateX(-50%);position:absolute;bottom:0;left:50%;padding:20px;background:white}.modal .modal_fade{width:100vw;height:100vh;position:absolute;left:0;top:0;z-index:1}.add_modal{display:none}.edit_modal{display:none}.login_bg{background:url(../img/logo/bg_mb.jpg);background-size:cover;background-repeat:no-repeat;background-position:bottom;width:100%;height:100%;position:fixed;display:inline-block;z-index:0}.login input{border-radius:50rem;padding:10px 15px}.login input:focus{outline:none}.login textarea:focus,.login textarea.form-control:focus,.login input.form-control:focus,.login input[type=text]:focus,.login input[type=password]:focus,.login input[type=email]:focus,.login input[type=number]:focus,.login [type=text].form-control:focus,.login [type=password].form-control:focus,.login [type=email].form-control:focus,.login [type=tel].form-control:focus,.login [contenteditable].form-control:focus{box-shadow:inset 0 -1px 0 #ddd}.login .login_wrap .login_box .img_logo{text-align:center;margin-bottom:30px}.login .login_wrap .login_box .img_logo img{width:50%}.login .login_wrap .login_box .btn-login{width:100%;padding:15px 15px;border-radius:50rem;background:#44A5FF;color:white;font-weight:bold;transition:all .3s;border:0}.login .login_wrap .login_box .btn-login:hover{background:#3071ad}.login .login_wrap .login_right{display:flex;align-items:center;justify-content:center}.report .report_wrap .report_box .hilight_wrap{text-align:right}.report .report_wrap .report_box .hilight_wrap .hilight_box{background:white;border-radius:10px;height:90px;padding:10px;box-shadow:0 .5rem 1rem rgba(0,0,0,0.05);transition:all .3s;cursor:pointer}.report .report_wrap .report_box .hilight_wrap .hilight_box:hover{box-shadow:0 .5rem 1rem rgba(0,0,0,0.25)}.report .report_wrap .report_box .hilight_wrap .hilight_box label{font-size:12px}.report .report_wrap .report_box .hilight_wrap .hilight_box .text_data{font-weight:bold;font-size:18px}.report .report_wrap .report_box .hilight_wrap .hilight_box .text_data span{font-size:14px}.report .report_wrap .report_box .hilight_wrap .sky_bg{background-image:linear-gradient(to right bottom, #c9f3ff, #a7e2f7, #86d0f0, #63beeb, #3cabe5)}.report .report_wrap .report_box .hilight_wrap .green_bg{background-image:linear-gradient(to right bottom, #c9ffea, #a5f3d4, #80e7bd, #56daa5, #12cd8c)}.report .report_wrap .report_box .hilight_wrap .yellow_bg{background-image:linear-gradient(to right bottom, #f3ffc9, #e6f1a3, #dce37b, #d4d450, #cdc412)}.report .report_wrap .report_box .hilight_wrap .red_bg{background-image:linear-gradient(to right bottom, #ffc9c9, #ffb5b4, #ffa09f, #ff8a8a, #ff7475)}.report .report_wrap .report_box .chart_wrap{background:white;border-radius:20px;padding:10px;box-shadow:0 .5rem 1rem rgba(0,0,0,0.05)}.page_error{height:80vh}.page_error .page_error_wrap .page_error_content{width:100%;max-width:500px;text-align:center}.page_error .page_error_wrap .page_error_content .img_wrap img{width:180px}.mb_content_menu{display:inline-block;position:fixed;padding-top:10px;left:0;bottom:0;z-index:999;width:100%;height:60px;background:white;box-shadow:0 .125rem .25rem rgba(0,0,0,0.075)}.mb_content_menu .mb_content_menu_wrap{text-align:center;position:relative}.mb_content_menu .mb_content_menu_wrap .mb_menu_box{width:50px;text-align:center;display:inline-block}.mb_content_menu .mb_content_menu_wrap .mb_menu_box p{font-size:10px}.mb_content_menu .mb_content_menu_wrap .mb_menu_box .notification_mb{position:absolute;margin-top:-20px;margin-left:15px;background:#F47575;width:25px;height:25px;border-radius:100%;color:white;font-weight:bold;text-align:center;font-size:14px;padding-top:2px;box-shadow:0 .125rem .25rem rgba(0,0,0,0.075)}.mb_content_menu .mb_content_menu_wrap .active{box-shadow:0 .125rem .25rem rgba(0,0,0,0.075);height:50px;position:relative;margin-top:-20px;background:#D6ECFF;border-radius:100%;padding-top:12px }.mb_content_menu .mb_content_menu_wrap .active a{color:#44A5FF}.mb_content_menu .mb_content_menu_wrap .active p{display:none}.mb_content_menu .mb_content_menu_wrap .active i{font-size:24px}.disbursement_wrap{width:100%}.disbursement_wrap .disbursement_head_detail{width:100%;background:white;border-radius:10px;padding:10px;margin:0;display:flex}.disbursement_wrap .disbursement_head_detail p{margin-bottom:5px}.disbursement_wrap .disbursement_head_detail .status div{padding:5px 15px;border-radius:50rem;display:inline-block;text-align:center;margin-bottom:10px}.disbursement_wrap .disbursement_head_detail .status .pendding{background:#FFEEDB;font-weight:bold;color:#FDA137}.disbursement_wrap .disbursement_head_detail .status .approve{background:#D6FFE8;font-weight:bold;color:#35C272}.disbursement_wrap .disbursement_head_detail .disbursement_head_detail_hilight_wrap{padding:0 5px;padding-top:20px}.disbursement_wrap .disbursement_head_detail .disbursement_head_detail_hilight_wrap .disbursement_head_detail_hilight_box{margin-top:10px;border-radius:10px;padding:10px;position:relative;min-height:100px;display:flex;align-items:center;justify-content:center}.disbursement_wrap .disbursement_head_detail .disbursement_head_detail_hilight_wrap .disbursement_head_detail_hilight_box label{position:absolute;top:5px;left:10px;font-size:14px}.disbursement_wrap .disbursement_head_detail .disbursement_head_detail_hilight_wrap .disbursement_head_detail_hilight_box .number{font:bold 24px "LINE seed sans TH","Prompt'"}.disbursement_wrap .disbursement_head_detail .disbursement_head_detail_hilight_wrap .disbursement_head_detail_hilight_box .footer{position:absolute;bottom:10px;right:10px;font-size:14px;font-weight:bold}.disbursement_wrap .disbursement_content{margin-top:20px}.disbursement_wrap .disbursement_content .disbursement_content_box{padding:10px;background:white;border-radius:10px;width:100%;display:inline-block;margin-bottom:20px}.disbursement_wrap .disbursement_content .disbursement_content_box .disbursement_footer{display:flex;justify-content:space-between}.disbursement_wrap .disbursement_content .disbursement_content_box .disbursement_footer .disbursement_desc{font-size:14px}.disbursement_wrap .disbursement_content .disbursement_content_box .disbursement_footer .disbursement_status{display:inline-block;width:50%;text-align:right}.disbursement_wrap .disbursement_content .disbursement_content_box .disbursement_footer .disbursement_status div{padding:5px 15px;border-radius:50rem;display:inline-block;text-align:center}.disbursement_wrap .disbursement_content .disbursement_content_box .disbursement_footer .disbursement_status .pendding{background:#FFEEDB;font-weight:bold;color:#FDA137}.disbursement_wrap .disbursement_content .disbursement_content_box .disbursement_footer .disbursement_status .approve{background:#D6FFE8;font-weight:bold;color:#35C272}.disbursement_wrap .disbursement_content .disbursement_content_box p{margin-bottom:2px}.disbursement_wrap .disbursement_content .disbursement_content_box table{width:100%}.disbursement_wrap .disbursement_content .disbursement_content_box table tr{font-size:14px}.disbursement_wrap .disbursement_content .disbursement_content_box table tr .disbursement_content_box_btn button{width:35px;height:35px;border-radius:100%;background:#FFEEDB;color:#FDA137;text-align:center;padding-top:2px;border:0}.disbursement_wrap .disbursement_content .disbursement_content_summary{padding:10px;border-radius:10px;width:100%;display:flex;justify-content:end;margin-bottom:20px;text-align:right}.disbursement_wrap .disbursement_content .disbursement_content_summary .disbursement_content_summary_wrap{width:360px}.disbursement_wrap .disbursement_content .disbursement_content_summary .disbursement_content_summary_wrap .text-hilight{font:bold 20px "LINE seed sans TH","Prompt'";color:#35C272}.disbursement_wrap .disbursement_content .disbursement_content_input{width:100%;text-align:end}.disbursement_wrap .disbursement_content .disbursement_content_input label{width:100%;margin-top:10px}.disbursement_wrap .disbursement_content .disbursement_content_input input{border:1px solid #44A5FF;font:normal 16px "LINE seed sans TH","Prompt'"}.disbursement_wrap .disbursement_content .disbursement_content_input input:focus{outline:none}.disbursement_wrap .disbursement_content .disbursement_content_input p{margin-bottom:0}.disbursement_model_wrap{display:flex;align-items:center;justify-content:center;position:fixed;width:100%;background-color:rgba(66,66,66,0.5);z-index:9999;height:100%}.disbursement_model_wrap .disbursement_model_content{max-width:1500px;width:100%;max-height:750px;overflow-x:hidden;overflow-y:scroll;border-radius:10px;background:white;display:inline-block;position:relative;padding:20px}.disbursement_model_wrap .disbursement_model_content .disbursement_model_content_close{position:absolute;right:10px;top:10px}.disbursement_model_wrap .disbursement_model_content .disbursement_model_content_close .close_modal{width:30px;height:30px;border-radius:100%;border:0;font-weight:700;background:#FFE3E3;color:#F47575}.disbursement_model_wrap .disbursement_model_content .disbursement_model_body .disbursement_model_body_box{font-size:14px}.disbursement_model_wrap .disbursement_model_content .disbursement_model_body .disbursement_model_body_box label{width:100%;margin:5px 0}.disbursement_model_wrap .disbursement_model_content .disbursement_model_body .disbursement_model_body_box input,.disbursement_model_wrap .disbursement_model_content .disbursement_model_body .disbursement_model_body_box select,.disbursement_model_wrap .disbursement_model_content .disbursement_model_body .disbursement_model_body_box textarea{border:1px solid lightgray;width:100%}.disbursement_model_wrap .disbursement_model_content .disbursement_model_body .disbursement_model_body_box .disbursement_time_input{border:1px solid lightgray;border-radius:50rem;padding:3px 15px;display:flex;justify-content:space-between}.disbursement_model_wrap .disbursement_model_content .disbursement_model_body .disbursement_model_body_box .disbursement_time_input input{border:0;width:40px;display:inline-block;padding:0;text-align:center}.disbursement_model_wrap .disbursement_model_content .disbursement_model_body .disbursement_model_body_box .disbursement_time_input input:focus{outline:none}.disbursement_model_wrap .disbursement_model_content .disbursement_model_body .disbursement_model_body_box .disbursement_em_panal{border:1px solid lightgray;border-radius:10px;min-height:200px;max-height:300px;padding:10px;overflow:hidden;overflow-y:scroll;display:inline-block;width:100%}.disbursement_model_wrap .disbursement_model_content .disbursement_model_body .disbursement_model_body_box .disbursement_em_panal table thead tr{position:sticky;top:0;background:white}.disbursement_model_wrap .disbursement_model_content .disbursement_model_body .disbursement_model_body_box .disbursement_em_panal table tbody tr td .disbursement_time_input{border:1px solid lightgray;border-radius:50rem;padding:3px 15px;display:flex;justify-content:space-between}.disbursement_model_wrap .disbursement_model_content .disbursement_model_body .disbursement_model_body_box .disbursement_em_panal table tbody tr td .disbursement_time_input input{border:0;width:40px;display:inline-block;padding:0;text-align:center}.disbursement_model_wrap .disbursement_model_content .disbursement_model_body .disbursement_model_body_box .disbursement_em_panal table tbody tr td .disbursement_time_input input:focus{outline:none}.disbursement_model_wrap .disbursement_model_content .disbursement_model_body .disbursement_model_body_box .disbursement_em_panal table tbody .disbursement_em_panal_table div{display:none}.disbursement_model_wrap .disbursement_model_content .disbursement_model_body .disbursement_model_body_box .disbursement_em_panal table tbody .disbursement_em_panal_table .disbursement_time_input{display:none}.disbursement_model_wrap .disbursement_model_content .disbursement_model_body .disbursement_model_body_box .disbursement_em_panal table tbody .disbursement_em_panal_table .edit_employee_save_btn{display:none}.disbursement_model_wrap .disbursement_model_content .disbursement_model_body .disbursement_model_body_box .disbursement_em_panal table tbody .disbursement_em_panal_table_show_input div{display:block}.disbursement_model_wrap .disbursement_model_content .disbursement_model_body .disbursement_model_body_box .disbursement_em_panal table tbody .disbursement_em_panal_table_show_input .disbursement_time_input{display:flex}.disbursement_model_wrap .disbursement_model_content .disbursement_model_body .disbursement_model_body_box .disbursement_em_panal table tbody .disbursement_em_panal_table_show_input span{display:none}.disbursement_model_wrap .disbursement_model_content .disbursement_model_body .disbursement_model_body_box .disbursement_em_panal table tbody .disbursement_em_panal_table_show_input .edit_employee_save_btn{display:block}.disbursement_model_wrap .disbursement_model_content .disbursement_model_body .disbursement_model_body_box .disbursement_em_panal table tbody .disbursement_em_panal_table_show_input .edit_employee_btn{display:none}.disbursement_model_wrap .disbursement_model_content .disbursement_model_body .disbursement_model_body_box .disbursement_em_panal table tbody .disbursement_em_panal_table_show_input .edit_employee_delete_btn{display:none}.disbursement_model_wrap .disbursement_model_content .disbursement_model_body .disbursement_model_body_box .calculator{overflow:hidden;height:0;transition:all .3s}.payment_model_wrap{display:flex;align-items:center;justify-content:center;position:fixed;width:100%;background-color:rgba(66,66,66,0.5);z-index:9999;height:100%}.payment_model_wrap .payment_model_content{max-width:700px;width:100%;max-height:750px;overflow-x:hidden;overflow-y:scroll;border-radius:10px;background:white;display:inline-block;position:relative;padding:20px}.payment_model_wrap .payment_model_content .payment_model_content_close{position:absolute;right:10px;top:10px}.payment_model_wrap .payment_model_content .payment_model_content_close .close_modal{width:30px;height:30px;border-radius:100%;border:0;font-weight:700;background:#FFE3E3;color:#F47575}.payment_model_wrap .payment_model_content .payment_model_body input{border:1px solid gray}.payment_model_wrap .payment_model_content .payment_model_body .payment_model_body_box{font-size:14px}.payment_model_wrap .payment_model_content .payment_model_body .payment_model_body_box label{width:100%;margin:5px 0}.payment_model_wrap .payment_model_content .payment_model_body .payment_model_body_box input,.payment_model_wrap .payment_model_content .payment_model_body .payment_model_body_box select,.payment_model_wrap .payment_model_content .payment_model_body .payment_model_body_box textarea{border:1px solid lightgray;width:100%}.payment_model_wrap .payment_model_content .payment_model_body .payment_model_body_box .disbursement_time_input{border:1px solid lightgray;border-radius:50rem;padding:3px 15px;display:flex;justify-content:space-between}.payment_model_wrap .payment_model_content .payment_model_body .payment_model_body_box .disbursement_time_input input{border:0;width:40px;display:inline-block;padding:0;text-align:center}.payment_model_wrap .payment_model_content .payment_model_body .payment_model_body_box .disbursement_time_input input:focus{outline:none}.payment_model_wrap .payment_model_content .payment_model_body .payment_model_body_box .disbursement_em_panal{border:1px solid lightgray;border-radius:10px;min-height:200px;max-height:300px;padding:10px;overflow:hidden;overflow-y:scroll;display:inline-block;width:100%}.payment_model_wrap .payment_model_content .payment_model_body .payment_model_body_box .disbursement_em_panal table thead tr{position:sticky;top:0;background:white}.payment_model_wrap .payment_model_content .payment_model_body .payment_model_body_box .disbursement_em_panal table tbody tr td .disbursement_time_input{border:1px solid lightgray;border-radius:50rem;padding:3px 15px;display:flex;justify-content:space-between}.payment_model_wrap .payment_model_content .payment_model_body .payment_model_body_box .disbursement_em_panal table tbody tr td .disbursement_time_input input{border:0;width:40px;display:inline-block;padding:0;text-align:center}.payment_model_wrap .payment_model_content .payment_model_body .payment_model_body_box .disbursement_em_panal table tbody tr td .disbursement_time_input input:focus{outline:none}.payment_model_wrap .payment_model_content .payment_model_body .payment_model_body_box .disbursement_em_panal table tbody .disbursement_em_panal_table div{display:none}.payment_model_wrap .payment_model_content .payment_model_body .payment_model_body_box .disbursement_em_panal table tbody .disbursement_em_panal_table .disbursement_time_input{display:none}.payment_model_wrap .payment_model_content .payment_model_body .payment_model_body_box .disbursement_em_panal table tbody .disbursement_em_panal_table .edit_employee_save_btn{display:none}.payment_model_wrap .payment_model_content .payment_model_body .payment_model_body_box .disbursement_em_panal table tbody .disbursement_em_panal_table_show_input div{display:block}.payment_model_wrap .payment_model_content .payment_model_body .payment_model_body_box .disbursement_em_panal table tbody .disbursement_em_panal_table_show_input .disbursement_time_input{display:flex}.payment_model_wrap .payment_model_content .payment_model_body .payment_model_body_box .disbursement_em_panal table tbody .disbursement_em_panal_table_show_input span{display:none}.payment_model_wrap .payment_model_content .payment_model_body .payment_model_body_box .disbursement_em_panal table tbody .disbursement_em_panal_table_show_input .edit_employee_save_btn{display:block}.payment_model_wrap .payment_model_content .payment_model_body .payment_model_body_box .disbursement_em_panal table tbody .disbursement_em_panal_table_show_input .edit_employee_btn{display:none}.payment_model_wrap .payment_model_content .payment_model_body .payment_model_body_box .disbursement_em_panal table tbody .disbursement_em_panal_table_show_input .edit_employee_delete_btn{display:none}.payment_model_wrap .payment_model_content .payment_model_body .payment_model_body_box .calculator{overflow:hidden;height:0;transition:all .3s}@media only screen and (min-width:552px){.report .report_wrap .report_box .hilight_wrap{text-align:right}.report .report_wrap .report_box .hilight_wrap .hilight_box{background:white;border-radius:20px;height:120px;padding:20px;box-shadow:0 .5rem 1rem rgba(0,0,0,0.05);transition:all .3s;cursor:pointer}.report .report_wrap .report_box .hilight_wrap .hilight_box:hover{box-shadow:0 .5rem 1rem rgba(0,0,0,0.25)}.report .report_wrap .report_box .hilight_wrap .hilight_box label{font-size:16px}.report .report_wrap .report_box .hilight_wrap .hilight_box .text_data{font-weight:bold;font-size:30px}.report .report_wrap .report_box .hilight_wrap .hilight_box .text_data span{font-size:16px}.report .report_wrap .report_box .hilight_wrap .sky_bg{background-image:linear-gradient(to right bottom, #c9f3ff, #a7e2f7, #86d0f0, #63beeb, #3cabe5)}.report .report_wrap .report_box .hilight_wrap .green_bg{background-image:linear-gradient(to right bottom, #c9ffea, #a5f3d4, #80e7bd, #56daa5, #12cd8c)}.report .report_wrap .report_box .hilight_wrap .yellow_bg{background-image:linear-gradient(to right bottom, #f3ffc9, #e6f1a3, #dce37b, #d4d450, #cdc412)}.report .report_wrap .report_box .hilight_wrap .red_bg{background-image:linear-gradient(to right bottom, #ffc9c9, #ffb5b4, #ffa09f, #ff8a8a, #ff7475)}.report .report_wrap .report_box .chart_wrap{background:white;border-radius:20px;padding:20px;box-shadow:0 .5rem 1rem rgba(0,0,0,0.05)}}@media only screen and (min-width:768px){.disabled{background:lightgray!important;color:gray!important;cursor:no-drop !important}.disabled:hover{background:lightgray!important;color:gray!important;cursor:no-drop !important}.w-md-100{width:100%!important}.w-md-99{width:99%!important}.w-md-98{width:98%!important}.w-md-97{width:97%!important}.w-md-96{width:96%!important}.w-md-95{width:95%!important}.w-md-94{width:94%!important}.w-md-93{width:93%!important}.w-md-92{width:92%!important}.w-md-91{width:91%!important}.w-md-90{width:90%!important}.w-md-89{width:89%!important}.w-md-88{width:88%!important}.w-md-87{width:87%!important}.w-md-86{width:86%!important}.w-md-85{width:85%!important}.w-md-84{width:84%!important}.w-md-83{width:83%!important}.w-md-82{width:82%!important}.w-md-81{width:81%!important}.w-md-80{width:80%!important}.w-md-79{width:79%!important}.w-md-78{width:78%!important}.w-md-77{width:77%!important}.w-md-76{width:76%!important}.w-md-75{width:75%!important}.w-md-74{width:74%!important}.w-md-73{width:73%!important}.w-md-72{width:72%!important}.w-md-71{width:71%!important}.w-md-70{width:70%!important}.w-md-69{width:69%!important}.w-md-68{width:68%!important}.w-md-67{width:67%!important}.w-md-66{width:66%!important}.w-md-65{width:65%!important}.w-md-64{width:64%!important}.w-md-63{width:63%!important}.w-md-62{width:62%!important}.w-md-61{width:61%!important}.w-md-60{width:60%!important}.w-md-59{width:59%!important}.w-md-58{width:58%!important}.w-md-57{width:57%!important}.w-md-56{width:56%!important}.w-md-55{width:55%!important}.w-md-54{width:54%!important}.w-md-53{width:53%!important}.w-md-52{width:52%!important}.w-md-51{width:51%!important}.w-md-50{width:50%!important}.w-md-49{width:49%!important}.w-md-48{width:48%!important}.w-md-47{width:47%!important}.w-md-46{width:46%!important}.w-md-45{width:45%!important}.w-md-44{width:44%!important}.w-md-43{width:43%!important}.w-md-42{width:42%!important}.w-md-41{width:41%!important}.w-md-40{width:40%!important}.w-md-39{width:39%!important}.w-md-38{width:38%!important}.w-md-37{width:37%!important}.w-md-36{width:36%!important}.w-md-35{width:35%!important}.w-md-34{width:34%!important}.w-md-33{width:33%!important}.w-md-32{width:32%!important}.w-md-31{width:31%!important}.w-md-30{width:30%!important}.w-md-29{width:29%!important}.w-md-28{width:28%!important}.w-md-27{width:27%!important}.w-md-26{width:26%!important}.w-md-25{width:25%!important}.w-md-24{width:24%!important}.w-md-23{width:23%!important}.w-md-22{width:22%!important}.w-md-21{width:21%!important}.w-md-20{width:20%!important}.w-md-19{width:19%!important}.w-md-18{width:18%!important}.w-md-17{width:17%!important}.w-md-16{width:16%!important}.w-md-15{width:15%!important}.w-md-14{width:14%!important}.w-md-13{width:13%!important}.w-md-12{width:12%!important}.w-md-11{width:11%!important}.w-md-10{width:10%!important}.w-md-9{width:9%!important}.w-md-8{width:8%!important}.w-md-7{width:7%!important}.w-md-6{width:6%!important}.w-md-5{width:5%!important}.w-md-4{width:4%!important}.w-md-3{width:3%!important}.w-md-2{width:2%!important}.w-md-1{width:1%!important}.font-size-md-100{font-size:100px!important}.font-size-md-99{font-size:99px!important}.font-size-md-98{font-size:98px!important}.font-size-md-97{font-size:97px!important}.font-size-md-96{font-size:96px!important}.font-size-md-95{font-size:95px!important}.font-size-md-94{font-size:94px!important}.font-size-md-93{font-size:93px!important}.font-size-md-92{font-size:92px!important}.font-size-md-91{font-size:91px!important}.font-size-md-90{font-size:90px!important}.font-size-md-89{font-size:89px!important}.font-size-md-88{font-size:88px!important}.font-size-md-87{font-size:87px!important}.font-size-md-86{font-size:86px!important}.font-size-md-85{font-size:85px!important}.font-size-md-84{font-size:84px!important}.font-size-md-83{font-size:83px!important}.font-size-md-82{font-size:82px!important}.font-size-md-81{font-size:81px!important}.font-size-md-80{font-size:80px!important}.font-size-md-79{font-size:79px!important}.font-size-md-78{font-size:78px!important}.font-size-md-77{font-size:77px!important}.font-size-md-76{font-size:76px!important}.font-size-md-75{font-size:75px!important}.font-size-md-74{font-size:74px!important}.font-size-md-73{font-size:73px!important}.font-size-md-72{font-size:72px!important}.font-size-md-71{font-size:71px!important}.font-size-md-70{font-size:70px!important}.font-size-md-69{font-size:69px!important}.font-size-md-68{font-size:68px!important}.font-size-md-67{font-size:67px!important}.font-size-md-66{font-size:66px!important}.font-size-md-65{font-size:65px!important}.font-size-md-64{font-size:64px!important}.font-size-md-63{font-size:63px!important}.font-size-md-62{font-size:62px!important}.font-size-md-61{font-size:61px!important}.font-size-md-60{font-size:60px!important}.font-size-md-59{font-size:59px!important}.font-size-md-58{font-size:58px!important}.font-size-md-57{font-size:57px!important}.font-size-md-56{font-size:56px!important}.font-size-md-55{font-size:55px!important}.font-size-md-54{font-size:54px!important}.font-size-md-53{font-size:53px!important}.font-size-md-52{font-size:52px!important}.font-size-md-51{font-size:51px!important}.font-size-md-50{font-size:50px!important}.font-size-md-49{font-size:49px!important}.font-size-md-48{font-size:48px!important}.font-size-md-47{font-size:47px!important}.font-size-md-46{font-size:46px!important}.font-size-md-45{font-size:45px!important}.font-size-md-44{font-size:44px!important}.font-size-md-43{font-size:43px!important}.font-size-md-42{font-size:42px!important}.font-size-md-41{font-size:41px!important}.font-size-md-40{font-size:40px!important}.font-size-md-39{font-size:39px!important}.font-size-md-38{font-size:38px!important}.font-size-md-37{font-size:37px!important}.font-size-md-36{font-size:36px!important}.font-size-md-35{font-size:35px!important}.font-size-md-34{font-size:34px!important}.font-size-md-33{font-size:33px!important}.font-size-md-32{font-size:32px!important}.font-size-md-31{font-size:31px!important}.font-size-md-30{font-size:30px!important}.font-size-md-29{font-size:29px!important}.font-size-md-28{font-size:28px!important}.font-size-md-27{font-size:27px!important}.font-size-md-26{font-size:26px!important}.font-size-md-25{font-size:25px!important}.font-size-md-24{font-size:24px!important}.font-size-md-23{font-size:23px!important}.font-size-md-22{font-size:22px!important}.font-size-md-21{font-size:21px!important}.font-size-md-20{font-size:20px!important}.font-size-md-19{font-size:19px!important}.font-size-md-18{font-size:18px!important}.font-size-md-17{font-size:17px!important}.font-size-md-16{font-size:16px!important}.font-size-md-15{font-size:15px!important}.font-size-md-14{font-size:14px!important}.font-size-md-13{font-size:13px!important}.font-size-md-12{font-size:12px!important}.font-size-md-11{font-size:11px!important}.font-size-md-10{font-size:10px!important}.font-size-md-9{font-size:9px!important}.font-size-md-8{font-size:8px!important}.font-size-md-7{font-size:7px!important}.font-size-md-6{font-size:6px!important}.font-size-md-5{font-size:5px!important}.font-size-md-4{font-size:4px!important}.font-size-md-3{font-size:3px!important}.font-size-md-2{font-size:2px!important}.font-size-md-1{font-size:1px!important}.main_btn{min-width:120px;padding:5px 15px;border-radius:5px;border:0;font-weight:700;transition:all .3s;background:#D6ECFF;color:#44A5FF}.main_btn:hover{background:#8e9ba7;color:#3071ad}::-webkit-scrollbar{width:7px;height:7px;display:initial}::-webkit-scrollbar-track{border-radius:7px;background:transparent;display:initial}::-webkit-scrollbar-thumb{background:#44A5FF;border-radius:7px;display:initial}::-webkit-scrollbar-thumb:hover{background:#44A5FF;display:initial}.header{padding:10px}.header .header_wrap .header_logo{padding-left:30px}.header .header_wrap .header_logo img{width:120px}.header .header_wrap .header_logo .btn_wrap{position:relative;width:50px;display:inline-block;padding:0 10px}.header .header_wrap .header_logo .btn_wrap .open_menu_left,.header .header_wrap .header_logo .btn_wrap .close_menu_left{position:absolute;left:0;top:-10px;cursor:pointer}.header .header_wrap .header_logo .btn_wrap .close_menu_left{display:none}.header .header_wrap .header_content .time_box,.header .header_wrap .header_content .name_box{display:inline-block;font-size:16px}.main_content{padding-top:0px;padding-bottom:0px}.main_content .main_content_wrap{padding-top:20px;position:relative}.main_content .main_content_wrap .main_content_menu{position:absolute;left:-100%;top:70px;z-index:999;background:white;border-radius:20px;width:250px;box-shadow:0 .5rem 1rem rgba(0,0,0,0.15);padding-top:20px;transition:all .3s}.main_content .main_content_wrap .main_content_menu ul{padding-left:0}.main_content .main_content_wrap .main_content_menu ul li{list-style:none}.main_content .main_content_wrap .main_content_menu ul .menu_link{font-size:16px;font-weight:normal;padding:10px;border-radius:10px}.main_content .main_content_wrap .main_content_menu ul .menu_link span{margin-right:10px}.main_content .main_content_wrap .main_content_menu ul .menu_link .notification{width:30px;height:30px;display:inline-block;background:#F47575;color:white;font:bold 14px "LINE seed sans TH","Prompt'";border-radius:100%;text-align:center;padding-top:5px}.main_content .main_content_wrap .main_content_menu ul .active{background:#D6ECFF}.main_content .main_content_wrap .main_content_menu ul .active a{color:#44A5FF !important}.main_content .main_content_wrap .main_content_display{background:#FAFAFA;border-radius:50px 0 0 0;min-height:85vh;padding:30px;margin-top:70px}.main_content .main_content_wrap .main_content_display .title_page{font-size:18px;font-weight:bold;color:blue-color;margin-bottom:0}.main_content .main_content_wrap .main_content_display .title_page p{position:relative;display:inline-block;padding-bottom:10px}.main_content .main_content_wrap .main_content_display .title_page p::after{content:"";width:100%;height:3px;border-radius:10px;background:#061624;position:absolute;bottom:0;left:0;display:inline-block}.main_content .main_content_wrap .main_content_display .title_page .fillter_box{text-align:right}.main_content .main_content_wrap .main_content_display .title_page .fillter_box p{display:inline-block}.main_content .main_content_wrap .main_content_display .title_page .fillter_box span{display:inline-block;margin-bottom:10px;margin-top:10px}.main_content .main_content_wrap .main_content_display .title_page .fillter_box input{width:150px}.main_content .main_content_wrap .main_content_display .title_page .fillter_box button{width:40px;margin-left:20px}.main_content .main_content_wrap .main_content_display .fillter_page{display:flex;align-items:center;justify-content:start}.main_content .main_content_wrap .main_content_display .fillter_page .fillter_btn{padding:5px 10px;cursor:pointer;transition:all .3s}.main_content .main_content_wrap .main_content_display .fillter_page .fillter_btn:hover{color:#44A5FF}.main_content .main_content_wrap .main_content_display .fillter_page .active{color:#44A5FF}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail p{margin-bottom:5px}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail label{margin-bottom:5px;font-weight:700}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail input,.main_content .main_content_wrap .main_content_display .main_page .main_content_detail select{margin:5px 0px;width:100%;padding:5px 15px;border-radius:50rem;border:1px solid gray}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail .checkbox{width:auto;padding:5px}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box{padding:20px;background:white;border-radius:20px}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .status_box{position:relative;min-height:61px}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .status_box .start{text-align:center;color:#35C272}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .status_box .status_point{display:flex;align-items:center;justify-content:center}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .status_box .status_point .point{width:20px;height:20px;border-radius:100%;background:gray}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .status_box .status_point .line{position:relative;text-align:center}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .status_box .status_point .line::after{content:"";top:-60px;margin-left:-2px;width:4px;height:80px;display:inline-block;position:absolute;background:gray}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .status_box .status_detail .status_name_user{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .status_box .status_detail .status_desc{position:relative;cursor:pointer}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .status_box .status_detail .status_desc .status_desc_text{position:absolute;padding:10px;border-radius:10px;top:0;left:20px;box-shadow:0 .5rem 1rem rgba(0,0,0,0.15) !important;background:white;opacity:0}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .status_box .status_detail .status_desc:hover .status_desc_text{transition:all .3s;opacity:1}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .start_row{min-height:50px;font-size:18px}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .end_row{min-height:50px;font-size:18px}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .end_row .end{text-align:center}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .approve{color:#35C272}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .approve .status_point .point{background:#35C272}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .approve .status_point .line::after{background:#35C272}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .pending_approve{color:#FDA137}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .pending_approve .status_point .point{background:#FDA137;animation:pulse 2s ease-out infinite}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .pending_approve .status_point .line::after{background:#FDA137}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .none_approve{color:#F47575}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .none_approve .status_point .point{background:#F47575}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .none_approve .status_point .line::after{background:#F47575}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .hr_detail .status_desc{position:relative;cursor:pointer}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .hr_detail .status_desc .status_desc_text{position:absolute;padding:10px;border-radius:10px;top:0;left:20px;box-shadow:0 .5rem 1rem rgba(0,0,0,0.15) !important;background:white;opacity:0}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .hr_detail .status_desc:hover .status_desc_text{transition:all .3s;opacity:1}.main_content .main_content_wrap .main_content_display .main_page .summary_cost{font-size:20px;font-weight:700}.main_content .main_content_wrap .main_content_display .main_page .summary_cost .summary_cost_head_text{color:#061624}.main_content .main_content_wrap .main_content_display .main_page .approve{color:#35C272}.main_content .main_content_wrap .main_content_display .main_page .pending_approve{color:#FDA137}.main_content .main_content_wrap .main_content_display .main_page .none_approve{color:#F47575}.main_content .main_content_wrap .main_content_display .main_page .shop_content .shop_box{padding:20px;background:white;border-radius:20px}.main_content .main_content_wrap .main_content_display .main_page .shop_content .shop_box table tbody tr td{background:#FAFAFA;border-bottom:1px solid #061624}@keyframes pulse{0%{box-shadow:0 0 0 0 #FDA137,0 0 0 0 #FDA137}50%{transform:scale(.95)}100%{box-shadow:0 0 0 15px rgba(0,210,255,0),0 0 0 30px rgba(0,210,255,0)}}.table_main .table_main_wrap{min-width:100%;transition:all .3s}.table_main .table_main_wrap thead{display:contents }.table_main .table_main_wrap thead tr th{padding:5px 0;text-align:center}.table_main .table_main_wrap thead tr .no-sort,.table_main .table_main_wrap thead tr .sorting{padding-right:0}.table_main .table_main_wrap thead tr .no-sort::after,.table_main .table_main_wrap thead tr .sorting::after{display:none!important}.table_main .table_main_wrap thead tr .no-sort::before,.table_main .table_main_wrap thead tr .sorting::before{display:none!important}.table_main .table_main_wrap tbody{margin-top:10px}.table_main .table_main_wrap tbody tr{border-radius:10px;color:#061624 !important}.table_main .table_main_wrap tbody tr td{background:white;padding:10px 0;margin-top:5px;font-size:14px;position:relative}.table_main .table_main_wrap tbody tr td p{margin-bottom:2px}.table_main .table_main_wrap tbody tr .table_edit{text-align:center}.table_main .table_main_wrap tbody tr .table_edit button{border:0;width:40px;height:40px;padding-top:3px;text-align:center;border-radius:30px;background:#FFEEDB;color:#FDA137;transition:all .3s}.table_main .table_main_wrap tbody tr .table_edit button:hover{background:#c4a27d;color:#a56924}.table_main .table_main_wrap tbody tr .table_status_slide{text-align:center;position:relative}.table_main .table_main_wrap tbody tr .table_status_slide .status_select{border-radius:50rem;display:inline-block;width:100px;overflow:hidden;white-space:nowrap;cursor:pointer;position:static;left:50%;top:50%}.table_main .table_main_wrap tbody tr .table_status_slide .status_select span{width:100px;position:relative;transition:all .3s;border-radius:0;padding:5px 0}.table_main .table_main_wrap tbody tr .table_status_slide .box_switch{display:unset;width:100%;display:flex;align-items:center;justify-content:center}.table_main .table_main_wrap tbody tr .table_status_slide .box_switch span{margin:0 5px}.table_main .table_main_wrap tbody tr .table_status{text-align:center}.table_main .table_main_wrap tbody tr .table_status span{padding:3px 15px;border-radius:50rem;display:inline-block}.table_main .table_main_wrap tbody tr{border-bottom:10px solid transparent}.table_main .table_main_wrap tbody .approve{position:relative}.table_main .table_main_wrap tbody .approve td{border-bottom:10px solid #FAFAFA}.table_main .table_main_wrap tbody .approve .table_status span{background:#D6FFE8;color:#35C272}.table_main .table_main_wrap tbody .approve::after{content:"";height:100%;width:4px;display:inline-block;position:absolute;border-radius:10px 0 0 10px;top:0;left:0;background:#35C272}.table_main .table_main_wrap tbody .approve::after .table_status .status_select{position:relative}.table_main .table_main_wrap tbody .approve::after .table_status .status_select span{background:#D6FFE8;color:#35C272}.table_main .table_main_wrap tbody .none_approve{position:relative}.table_main .table_main_wrap tbody .none_approve td{border-bottom:10px solid #FAFAFA}.table_main .table_main_wrap tbody .none_approve .table_status span{background:#FFE3E3;color:#F47575}.table_main .table_main_wrap tbody .none_approve::after{content:"";height:100%;width:4px;display:inline-block;position:absolute;border-radius:10px 0 0 10px;top:0;left:0;background:#F47575}.table_main .table_main_wrap tbody .none_approve::after .table_status span{background:#FFE3E3;color:#F47575}.table_main .table_main_wrap tbody .pending_approve{position:relative}.table_main .table_main_wrap tbody .pending_approve td{border-bottom:10px solid #FAFAFA}.table_main .table_main_wrap tbody .pending_approve .table_status span{background:#FFEEDB;color:#FDA137}.table_main .table_main_wrap tbody .pending_approve::after{content:"";height:100%;width:4px;display:inline-block;position:absolute;border-radius:10px 0 0 10px;top:0;left:0;background:#FDA137}.table_main .table_main_wrap tbody .pending_approve::after .table_status span{background:#FFEEDB;color:#FDA137}.table_main .show_checkbox .table_checkbox_select{transition:all .3s}.table_main .show_checkbox .table_checkbox_select .number{display:none}.table_main .hide_checkbox .table_checkbox_select{transition:all .3s}.table_main .hide_checkbox .table_checkbox_select input{display:none}}@media only screen and (min-width:992px){.login_bg{background:url(../img/logo/bg.webp);background-size:cover;background-repeat:no-repeat;background-position:center}.mb_content_menu{display:none}.h-lg-100{height:100%!important}}@media only screen and (min-width:1200px){.modal{position:fixed;left:0;top:0;z-index:999;display:inline-block}.modal .modal_body{width:500px;height:100vh;background:white;position:absolute;right:-100%;top:0;padding:20px;border-radius:20px 0 0 20px;transition:all .3s}.modal .modal_body .modal_head{display:flex;justify-content:space-between;align-items:center}.modal .modal_body .modal_head p{font-weight:700}.modal .modal_body .modal_head .modal_head_right .close_modal{width:30px;height:30px;border-radius:100%;border:0;font-weight:700;background:#FFE3E3;color:#F47575}.modal .modal_body .modal_content{width:100%;height:83vh;display:inline-block}.modal .modal_body .modal_footer{width:100%;display:inline-block;text-align:right}.add_modal{display:none}.edit_modal{display:none}.table_main .table_main_wrap{width:100%}.table_main .table_main_wrap thead tr th{padding:5px 0;text-align:center}.table_main .table_main_wrap tbody{margin-top:10px}.table_main .table_main_wrap tbody tr{background:white;border-radius:10px}.table_main .table_main_wrap tbody tr td{padding:10px 0;margin-top:5px;font-size:14px}.table_main .table_main_wrap tbody tr td p{margin-bottom:2px}.table_main .table_main_wrap tbody tr .table_edit{text-align:center}.table_main .table_main_wrap tbody tr .table_edit button{border:0;width:40px;height:40px;padding-top:3px;text-align:center;border-radius:30px;background:#FFEEDB;color:#FDA137;transition:all .3s}.table_main .table_main_wrap tbody tr .table_edit button:hover{background:#c4a27d;color:#a56924}.table_main .table_main_wrap tbody tr .table_status{text-align:center}.table_main .table_main_wrap tbody tr .table_status span{padding:3px 15px;border-radius:50rem;display:inline-block}.table_main .table_main_wrap tbody .approve,.table_main .table_main_wrap tbody .none_approve,.table_main .table_main_wrap tbody .pending_approve{position:relative}.table_main .table_main_wrap tbody .approve::after,.table_main .table_main_wrap tbody .none_approve::after,.table_main .table_main_wrap tbody .pending_approve::after{content:"";display:none}.main_content .main_content_wrap{padding-top:20px;position:relative}.main_content .main_content_wrap .main_content_menu{position:fixed;background:white;border-radius:inherit;box-shadow:none;padding-top:inherit;height:inherit;width:16.66666667%;left:0;top:66px;padding:20px;min-height:100vh}.main_content .main_content_wrap .main_content_menu ul{padding-left:0}.main_content .main_content_wrap .main_content_menu ul li{list-style:none}.main_content .main_content_wrap .main_content_menu ul .menu_link{font-size:16px;font-weight:normal;padding:10px;border-radius:10px}.main_content .main_content_wrap .main_content_menu ul .menu_link span{margin-right:10px}.main_content .main_content_wrap .main_content_menu ul .active{background:#D6ECFF}.main_content .main_content_wrap .main_content_menu ul .active a{color:#44A5FF !important}.main_content .main_content_wrap .main_content_display{background:#FAFAFA;border-radius:50px 10px 10px 10px;min-height:90vh;padding:30px;position:absolute;right:0}.main_content .main_content_wrap .main_content_display .title_page{font-size:18px;font-weight:bold;color:blue-color;margin-bottom:0}.main_content .main_content_wrap .main_content_display .title_page p{position:relative;display:inline-block;padding-bottom:10px}.main_content .main_content_wrap .main_content_display .title_page p::after{content:"";width:100%;height:3px;border-radius:10px;background:#061624;position:absolute;bottom:0;left:0;display:inline-block}.main_content .main_content_wrap .main_content_display .fillter_page{display:flex;align-items:center;justify-content:start}.main_content .main_content_wrap .main_content_display .fillter_page .fillter_btn{padding:5px 10px;cursor:pointer;transition:all .3s}.main_content .main_content_wrap .main_content_display .fillter_page .fillter_btn:hover{color:#44A5FF}.main_content .main_content_wrap .main_content_display .fillter_page .active{color:#44A5FF}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail p{margin-bottom:5px}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box{padding:20px;background:white;border-radius:20px}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .status_box{position:relative;min-height:61px}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .status_box .start{text-align:center;color:#35C272}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .status_box .status_point{display:flex;align-items:center;justify-content:center}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .status_box .status_point .point{width:20px;height:20px;border-radius:100%;background:gray}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .status_box .status_point .line{position:relative;text-align:center}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .status_box .status_point .line::after{content:"";top:-60px;margin-left:-2px;width:4px;height:80px;display:inline-block;position:absolute;background:gray}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .status_box .status_detail .status_name_user{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .start_row{height:30px;font-size:18px;min-height:unset}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .end_row{min-height:50px;font-size:18px}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .end_row .end{text-align:center}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .approve{color:#35C272}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .approve .status_point .point{background:#35C272}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .approve .status_point .line::after{background:#35C272}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .pending_approve{color:#FDA137}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .pending_approve .status_point .point{background:#FDA137}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .pending_approve .status_point .line::after{background:#FDA137}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .none_approve{color:#F47575}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .none_approve .status_point .point{background:#F47575}.main_content .main_content_wrap .main_content_display .main_page .main_content_detail_status .main_content_detail_status_box .none_approve .status_point .line::after{background:#F47575}.main_content .main_content_wrap .main_content_display .main_page .summary_cost{font-size:20px;font-weight:700}.main_content .main_content_wrap .main_content_display .main_page .summary_cost .summary_cost_head_text{color:#061624}.main_content .main_content_wrap .main_content_display .main_page .approve{color:#35C272}.main_content .main_content_wrap .main_content_display .main_page .pending_approve{color:#FDA137}.main_content .main_content_wrap .main_content_display .main_page .none_approve{color:#F47575}}