@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:#416185;overflow-x:hidden;min-width:320px}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}.bg-gray{background:#f5f5f5 !important}.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}.filter_date{padding:5px 15px;border:1px solid gray;border-radius:50rem}.main-color{color:#416185}.blue_color{background:#416185 !important;color:white!important;border-radius:50rem!important}.red_color{background:#F47575 !important;color:white!important;border-radius:50rem!important}.yellow_color{background:#FDA137 !important;color:white!important;border-radius:50rem!important}.green_color{background:#35C272 !important;color:white!important;border-radius:50rem!important}.btn_disabled{background:gray!important;cursor:no-drop}.color-white{color:white!important}.color-red{color:#F47575}.icon_user{width:40px;height:40px;padding-top:8px ;text-align:center;background:#D6ECFF;border-radius:30px;cursor:pointer}.icon_user i{color:#44A5FF}.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 i{color:#F47575}.icon_user .drop_down_open{height:36px;opacity:1}.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_btn:hover{text-align:right;padding-right:15px;width:250px}.search_btn:hover 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_btn:hover input:focus{outline:none}.main_btn{min-width:120px;padding:5px 15px;border-radius:10px;border:0;font-weight:700;transition:all .3s;background:#D6ECFF;color:#44A5FF}.main_btn:hover{background:#8e9ba7;color:#3071ad}.btn_add{background:#D6FFE8;color:#35C272}.btn_add:hover{background:#7ec09b;color:#24854e}.btn_close{background:#FFE3E3 !important;color:#F47575 !important}.btn_close:hover{background:#a59393 !important;color:#af5555 !important}.btn_pending{background:#FFEEDB;color:#FDA137}.btn_pending:hover{background:#c4a27d;color:#a56924}.w-70{width:70%!important}.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}.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%}.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}::-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}.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}.header .header_wrap .header_content .name{display:flex;font-size:12px;text-overflow:ellipsis;overflow:hidden}.main_content{padding-left:0}.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 a{color:#416185}.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 .menu_link .collapse .active{padding:5px 10px;border-radius:5px;margin-left:-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:#EEFBFF;border-radius:50px 0 0 0;min-height:85vh;padding:10px;margin-top:50px;padding-bottom:50px}.main_content .main_content_wrap .main_content_display .title_page{font-size:18px;font-weight:bold;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 .detail_data .detail_box .detail_img img{width:100%;border-radius:10px}.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:0;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{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}.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}.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{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 .table_status .green_color{background:#D6FFE8 !important;color:#35C272 !important}.table_main .table_main_wrap tbody tr .table_status .red_color{background:#FFE3E3 !important;color:#F47575 !important}.table_main .table_main_wrap tbody tr .table_status .yellow_color{background:#FFEEDB !important;color:#FDA137 !important}.table_main .table_main_wrap tbody tr .img_table img{width:80px;border-radius:10px}.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 .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 .non_approve{position:relative}.table_main .table_main_wrap tbody .non_approve .table_status span{background:#FFE3E3;color:#F47575}.table_main .table_main_wrap tbody .non_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 .non_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 .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}.status{padding:2px 5px;border-radius:50rem;color:white!important;min-width:80px;display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:80px}.approve{background:#35C272}.pending{background:#FDA137}.cancel{background:#F47575}.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 .doc_modal{width:30px;height:30px;border-radius:100%;border:0;font-weight:700;background:#D6ECFF;color:#44A5FF}.modal .modal_body .modal_head .modal_head_right .close_modal{width:40px;height:40px;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,.modal .modal_body .modal_content textarea{margin:5px 0px;width:100%;padding:5px 15px;border-radius:50rem;border:1px solid gray}.modal .modal_body .modal_content textarea{border-radius:10px}.modal .modal_body .modal_content .checkbox{width:auto;padding:5px}.modal .modal_body .modal_content .img_show .img_wrap{width:100%;height:300px;border-radius:10px;background:#FAFAFA}.modal .modal_body .modal_content .img_show .img_wrap img{width:100%;height:300px;object-fit:scale-down;cursor:pointer}.modal .modal_body .modal_content input::file-selector-button{border:0;background:transparent}.modal .modal_body .modal_footer{width:100%;display:inline-block;text-align:right;transform:translateX(-50%);position:absolute;bottom:50px;left:50%;padding:20px;background:white}.modal .modal_body .modal_footer .user_box{display:flex;align-items:center;justify-content:end}.modal .modal_body .modal_footer .user_box span{display:flex}.modal .modal_body .modal_footer .user_box span i{font-size:30px;margin:0px 10px;cursor:pointer}.modal .modal_body .modal_footer .user_box span input{text-align:center;width:80px;padding:5px 15px;font-weight:bold;border:1px solid #44A5FF;border-radius:50rem}.modal .modal_body .modal_footer .button_box_wrap{padding:15px 0px}.modal .modal_body .modal_footer .button_box_wrap .button_box{border:1px solid #44A5FF;padding:15px;border-radius:10px;text-align:center;cursor:pointer;transition:all .3s}.modal .modal_body .modal_footer .button_box_wrap .button_box:hover{background:#44A5FF;color:white}.modal .modal_body .open_bill .name_zone{width:100%;background:#D6ECFF;color:#416185;margin-bottom:0;padding:10px 20px;border-radius:10px;margin:5px 0px;display:inline-block;cursor:pointer}.modal .modal_body .open_bill .zone_wrap{display:inline-block;width:100%;padding-top:10px}.modal .modal_body .open_bill .zone_wrap .zone_box{width:80px;height:80px;border:1px solid #44A5FF;border-radius:10px;display:inline-flex;margin-right:5px ;margin-bottom:5px;cursor:pointer;align-items:center;justify-content:center}.modal .modal_body .open_bill .zone_wrap .zone_box p{margin-bottom:0}.modal .modal_body .open_bill .zone_wrap .active{background:#44A5FF;color: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}.order{margin-top:30px}.order .order_box_wrap{margin:0;position:relative}.order .order_box_wrap a{color:#416185 !important}.order .order_box_wrap .order_box{background:white;border-radius:10px;box-shadow:0 .125rem .25rem rgba(0,0,0,0.075);padding:15px;cursor:pointer}.order .order_box_wrap .order_box .table_name{font-weight:bold;font-size:14px}.order .order_box_wrap .order_box .number_hilight{font:bold 26px "LINE seed sans TH","Prompt'";text-align:center}.order .order_box_wrap .order_box .icon_box_wrap{padding-top:20px}.order .order_box_wrap .order_box .icon_box_wrap .icon_box p{font-size:12px}.order .order_box_wrap .order_box .icon_box_wrap .icon_box i,.order .order_box_wrap .order_box .icon_box_wrap .icon_box span{font-size:20px;font-weight:bold}.order .order_box_wrap .order_box .icon_box_wrap .icon_box span{margin-left:10px}.order .order_box_wrap .order_box p{margin:0}.order .order_box_wrap .order_list{width:100%;background:white;border-radius:20px;padding:20px}.order .order_box_wrap .order_list .order_list_tab{width:100%;display:inline-block}.order .order_box_wrap .order_list .order_list_tab .order_tab_box{border:1px solid #44A5FF;display:block;float:left;padding:5px 15px;border-radius:10px;cursor:pointer;transition:all .3s;margin-right:10px;margin-bottom:10px}.order .order_box_wrap .order_list .order_list_tab .order_tab_box:hover{background:#44A5FF;color:white}.order .order_box_wrap .order_list .order_list_tab .active{background:#44A5FF;color:white}.order .order_box_wrap .order_list .order_list_tab .order_list_input{border:1px solid #44A5FF;border-radius:50rem;padding:5px 10px;margin-bottom:10px;display:flex;justify-content:space-between}.order .order_box_wrap .order_list .order_list_tab .order_list_input input{border:0;width:80%}.order .order_box_wrap .order_list .order_list_tab .order_list_input input:focus{outline:none}.order .order_box_wrap .order_list .order_menu_list{width:100%;display:inline-block;padding-top:10px}.order .order_box_wrap .order_list .order_menu_list .order_menu_box{background-color:white;display:inline-block;padding-bottom:10px;border-radius:10px;margin-right:10px;box-shadow:0 .125rem .25rem rgba(0,0,0,0.2) !important}.order .order_box_wrap .order_list .order_menu_list .order_menu_box .order_menu_img{display:inline-block;position:relative;width:150px;height:150px;overflow:hidden;border-radius:10px;cursor:pointer}.order .order_box_wrap .order_list .order_menu_list .order_menu_box .order_menu_img img{width:100%;border-radius:10px}.order .order_box_wrap .order_list .order_menu_list .order_menu_box .order_menu_img .order_price{width:100%;position:absolute;bottom:0;left:0;padding-right:5px;padding-bottom:5px;color:white;text-align:right;font-weight:bold;margin-bottom:0;background:#020024;background:linear-gradient(0deg, #020024 0%, rgba(9,9,121,0) 100%)}.order .order_box_wrap .order_list .order_menu_list .order_menu_box .order_name_text{padding:5px 0px 0px 10px;margin-bottom:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:57px;font-weight:bold}.order .order_box_wrap .order_detail{background:white;border-radius:10px;padding:20px;position:relative}.order .order_box_wrap .order_detail .payment_wrap .payment_box{cursor:pointer;width:75px;height:75px;border:1px solid #416185;text-align:center;border-radius:10px;padding:0;padding-top:15px;display:inline-block;margin-right:5px;margin-bottom:5px;transition:all .3s}.order .order_box_wrap .order_detail .payment_wrap .payment_box i{font-size:20px}.order .order_box_wrap .order_detail .payment_wrap .payment_box p{font-weight:bold;margin-bottom:0;font-size:12px}.order .order_box_wrap .order_detail .payment_wrap .active{background:#416185;color:white}.order .order_box_wrap .order_detail .order_detail_footer{padding:20px 0px 20px 0px;width:100%;display:inline-block;position:absolute;bottom:0;left:0}.order_menu_model{width:100%;height:100%;background-color:rgba(0,0,0,0.22);align-items:center;justify-content:center;position:fixed;top:0;left:0;display:flex;z-index:999}.order_menu_model .order_menu_model_wrap{width:100%;max-width:500px;background:white;display:inline-block;border-radius:10px;box-shadow:0 .25rem .25rem rgba(0,0,0,0.3) !important;position:relative}.order_menu_model .order_menu_model_wrap .order_menu_model_box{width:100%;display:inline-block;padding:10px}.order_menu_model .order_menu_model_wrap .order_menu_model_box .order_model_img{width:40%;height:180px;border-radius:10px;display:block;float:left;overflow:hidden}.order_menu_model .order_menu_model_wrap .order_menu_model_box .order_model_img img{width:100%;display:block;float:left;min-height:180px;object-fit:cover}.order_menu_model .order_menu_model_wrap .order_menu_model_box .order_menu_model_detail{display:inline-block;padding-left:10px;width:60%;position:relative}.order_menu_model .order_menu_model_wrap .order_menu_model_box .order_menu_model_detail .order_name{font:bold 18px "LINE seed sans TH","Prompt'"}.order_menu_model .order_menu_model_wrap .order_menu_model_box .order_menu_model_detail .order_price{font:bold 18px "LINE seed sans TH","Prompt'"}.order_menu_model .order_menu_model_wrap .order_menu_model_box .order_menu_model_detail .number_box_wrap{display:flex;text-align:right;justify-content:end;width:100%}.order_menu_model .order_menu_model_wrap .order_menu_model_box .order_menu_model_detail .number_box_wrap .number_box{width:100%;display:flex;align-items:center;justify-content:end}.order_menu_model .order_menu_model_wrap .order_menu_model_box .order_menu_model_detail .number_box_wrap .number_box span{display:flex}.order_menu_model .order_menu_model_wrap .order_menu_model_box .order_menu_model_detail .number_box_wrap .number_box span i{font-size:30px;margin:0px 10px;cursor:pointer}.order_menu_model .order_menu_model_wrap .order_menu_model_box .order_menu_model_detail .number_box_wrap .number_box span input{text-align:center;width:80px;padding:5px 15px;font-weight:bold;border:1px solid #44A5FF;border-radius:50rem}.order_menu_model .order_menu_model_wrap .order_menu_model_box .order_footer{width:40%;position:absolute;bottom:10px;right:10px;text-align:right}.order_menu_model .order_menu_model_wrap .order_menu_model_box .order_footer button{width:100%;padding:5px 15px;font:bold 18px "LINE seed sans TH","Prompt'";color:white;border:0;border-radius:50rem;display:inline-block;background:#416185}.order_menu_model .order_menu_model_wrap .order_menu_model_close{width:100%;position:absolute;text-align:right;margin-top:-5px;right:10px}.order_menu_model .order_menu_model_wrap .order_menu_model_close button{width:30px;height:30px;border:0;border-radius:100%;text-align:center;box-shadow:0 .25rem .25rem rgba(0,0,0,0.3) !important}.order_menu_model .order_menu_model_wrap .order_model_content{width:100%;padding:20px}.order_menu_model .order_menu_model_wrap .order_model_content label{width:100%;font-weight:bold;margin-bottom:5px}.order_menu_model .order_menu_model_wrap .order_model_content input,.order_menu_model .order_menu_model_wrap .order_model_content select{border-radius:50rem;padding:5px 15px;border:1px solid gray}.order_menu_model .order_menu_model_wrap .order_model_content .tab_block_wrap .tab_block{width:49%;border:1px solid #416185;display:inline-block;padding:5px 15px;border-radius:10px}.order_menu_model .order_menu_model_wrap .order_model_content .change_table_show .zone_box{width:80px;height:80px;border:1px solid #44A5FF;border-radius:10px;display:inline-flex;margin-right:5px ;margin-bottom:5px;cursor:pointer;align-items:center;justify-content:center}.order_menu_model .order_menu_model_wrap .order_model_content .change_table_show .zone_box p{margin-bottom:0}.order_menu_model .order_menu_model_wrap .order_model_content .change_table_show .active{background:#44A5FF;color:white}.order_menu_model .order_menu_model_wrap .order_model_content .promotion_wrap{width:100%}.order_menu_model .order_menu_model_wrap .order_model_content .promotion_wrap .promotion_box{width:100%;border:1px solid #416185;border-radius:10px;padding:5px 15px;display:flex;align-items:center;justify-content:space-between}.order_menu_model .order_menu_model_wrap .order_model_content .promotion_wrap .promotion_box .promotion_button{width:100px;font:bold 18px "LINE seed sans TH","Prompt'";text-align:center;border-radius:10px;background:#416185;color:white;padding:5px 15px;cursor:pointer}.order_menu_model .order_menu_model_wrap .order_model_content .promotion_wrap .promotion_box .promotion_button p{margin-bottom:0}.order_menu_model .order_menu_model_wrap .order_model_content .promotion_wrap .promotion_box .promotion_detail{font:bold 16px "LINE seed sans TH","Prompt'"}.order_menu_model .order_menu_model_wrap .order_model_content .promotion_wrap .promotion_box .promotion_detail .desc{font:normal 14px "LINE seed sans TH","Prompt'"}.order_menu_model .order_menu_model_wrap .order_model_content .promotion_wrap .promotion_box .promotion_detail p{margin-bottom:0}.order_menu_model .order_menu_model_wrap .order_model_content .promotion_wrap .promotion_box .promotion_value{display:none;font-size:12px}.order_menu_model .order_menu_model_wrap .order_model_content .order_tab .order_tab_box{width:100%;border:1px solid #416185;background:white;padding:5px;border-radius:10px;transition:all .3s}.order_menu_model .order_menu_model_wrap .order_model_content .order_tab .order_tab_box:hover{background:#416185;color:white}.order_menu_model .order_menu_model_wrap .order_model_content .order_tab .active{background:#416185;color:white}.order_menu_model .order_menu_model_wrap .order_model_content .change_table_show .order_gather_table .box p{margin-bottom:2px}.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{margin:0}.report .report_wrap .report_box{margin-bottom:10px}.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)}.report .report_wrap .report_box .chart_table{max-height:500px;overflow-y:scroll}.report .report_wrap .fillter_table_wrap{width:100%;padding-top:20px}.report .report_wrap .fillter_table_wrap .fillter_button button{border:1px solid #416185;background:white;border-radius:5px;margin-right:5px;margin-bottom:5px;transition:all .2s}.report .report_wrap .fillter_table_wrap .fillter_button .active{background:#416185;color:white}.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}.zone_table_wrap .zone_table .zone_table_box{width:50px;height:50px;border-radius:10px;background:#D6FFE8;border:1px solid #35C272;display:block;float:left;margin-right:10px;margin-bottom:10px;padding:10px;padding-top:10px;text-align:center;cursor:pointer;font-size:10px}.zone_table_wrap .zone_table .used{background:#D6ECFF;border:1px solid #44A5FF}.zone_table_wrap .zone_table .used_sucsess{background:#FFEEDB;border:1px solid #FDA137}.zone_table_wrap .zone_table .disable_table{background:#FFE3E3 !important;border:1px solid #F47575 !important}.kitchen_wrap .kitchen{width:100%;display:inline-block}.kitchen_wrap .kitchen .kitchen_box{width:200px;height:150px;border-radius:10px;background:#D6FFE8;border:1px solid #35C272;display:block;float:left;margin-right:10px;margin-bottom:10px;padding:10px;cursor:pointer}.kitchen_wrap .kitchen .kitchen_box p{margin-bottom:5px}.kitchen_wrap .kitchen .new_order{background:#FFE3E3;border:1px solid #af5555}.kitchen_wrap .kitchen .pending_order{background:#FFEEDB;border:1px solid #FDA137;height:180px}.kitchen_wrap .kitchen_model_wrap{position:fixed;width:100%;height:100%;z-index:999;display:flex;align-items:center;justify-content:center;top:0;left:0}.kitchen_wrap .kitchen_model_wrap .kitchen_model{padding:10px;width:50%;height:500px;display:inline-block;background:white;border-radius:20px;box-shadow:0 .5rem 1rem rgba(0,0,0,0.15);position:relative}.kitchen_wrap .kitchen_model_wrap .kitchen_model .head_model{display:flex;justify-content:space-between}.kitchen_wrap .kitchen_model_wrap .kitchen_model .head_model .close_modal{width:30px;height:30px;border-radius:100%;border:0;font-weight:700;background:#FFE3E3;color:#F47575}.kitchen_wrap .kitchen_model_wrap .kitchen_model .content_model{overflow-y:scroll;display:inline-block;width:100%;height:440px}.kitchen_wrap .kitchen_model_wrap .kitchen_model .content_model .btn_edit{border:0;width:40px;height:40px;padding-top:3px;text-align:center;border-radius:30px;background:#FFEEDB;color:#FDA137;transition:all .3s}.kitchen_wrap .kitchen_model_wrap .kitchen_model .content_model .btn_edit:hover{background:#c4a27d;color:#a56924}.kitchen_wrap .kitchen_model_wrap .kitchen_model .footer_model{position:absolute;bottom:0;width:98%;text-align:right;padding:10px;padding-bottom:20px}.user_order_wrap{width:100%;display:inline-block;background:#D6ECFF;height:100vh;text-align:center;overflow:hidden}.user_order_wrap .user_order{max-width:500px;min-height:100vh;background:#f6f6f6;width:100%;display:inline-block;position:relative}.user_order_wrap .user_order .user_order_header{display:flex;width:100%;background:#44A5FF;height:60px}.user_order_wrap .user_order .user_order_header .cart_wrap{width:100%;display:inline-block;padding:5px}.user_order_wrap .user_order .user_order_header .cart_wrap .cart{width:40px;height:40px;border-radius:100%;background:white;text-align:center;padding-top:8px;display:inline-block;position:relative;cursor:pointer}.user_order_wrap .user_order .user_order_header .cart_wrap .cart i{color:#3071ad}.user_order_wrap .user_order .user_order_header .cart_wrap .cart .count_order{position:absolute;width:25px;height:25px;background:#F47575;text-align:center;color:white;font-weight:bold;border-radius:100%;left:-15px;bottom:-5px}.user_order_wrap .user_order .user_order_header .img_logo{padding:5px;padding-right:15px}.user_order_wrap .user_order .user_order_header .img_logo img{width:60px}.user_order_wrap .user_order .user_order_tab{width:100%;padding:10px;text-align:left;font-weight:bold}.user_order_wrap .user_order .user_order_tab label{margin-bottom:5px}.user_order_wrap .user_order .user_order_tab .user_order_input{border:1px solid gray;border-radius:50rem;width:100%;background:white;padding-right:10px}.user_order_wrap .user_order .user_order_tab .user_order_input input{background:transparent;border:0;width:80%;padding:5px 15px}.user_order_wrap .user_order .user_order_tab .user_order_input textarea:focus,.user_order_wrap .user_order .user_order_tab .user_order_input input:focus{outline:none}.user_order_wrap .user_order .user_order_tab .user_order_input .user_order_search{width:30px;height:30px;background:#44A5FF;color:white;text-align:center;padding-top:2px;margin-top:2px;display:block;float:right;border-radius:100%;cursor:pointer}.user_order_wrap .user_order .tag_tab_wrap{overflow-x:scroll}.user_order_wrap .user_order .tag_tab_wrap .tag_tab{white-space:nowrap}.user_order_wrap .user_order .tag_tab_wrap .tag_tab button{padding:5px 10px;border-radius:5px;background:white;border:1px solid #44A5FF;color:#416185;display:inline-block;margin-right:5px;transition:all .3s}.user_order_wrap .user_order .tag_tab_wrap .tag_tab .active{background:#44A5FF;color:white}.user_order_wrap .user_order .user_order_content_wrap{height:70vh;overflow-y:scroll;width:100%}.user_order_wrap .user_order .user_order_content_wrap .user_order_content{width:100%;display:inline-block;text-align:left;padding:10px;padding-bottom:100px}.user_order_wrap .user_order .user_order_content_wrap .user_order_content .user_order_content_box{padding:10px;background:white;border-radius:10px;margin-bottom:5px;margin-right:5px;cursor:pointer;text-align:center}.user_order_wrap .user_order .user_order_content_wrap .user_order_content .user_order_content_box .img{width:100%;height:150px;overflow:hidden;border-radius:10px;display:inline-block}.user_order_wrap .user_order .user_order_content_wrap .user_order_content .user_order_content_box .img img{width:100%;object-fit:cover;min-height:150px}.user_order_wrap .user_order .user_order_content_wrap .user_order_content .user_order_content_box .menu_info{padding-top:10px ;text-align:left}.user_order_wrap .user_order .user_order_content_wrap .user_order_content .user_order_content_box .menu_info .price{text-align:right}.user_order_wrap .user_order .user_order_content_wrap .user_order_content .user_order_content_box .menu_info .price span{font-weight:bold}.user_order_wrap .user_order .model_footer{position:absolute;bottom:-100%;transition:all .3s;left:0;width:100%;height:300px;background:white;z-index:5;box-shadow:0 .125rem .5rem rgba(0,0,0,0.075) !important}.user_order_wrap .user_order .model_footer .order_menu_model_close{width:100%;position:absolute;text-align:right;margin-top:-5px;right:10px;z-index:10}.user_order_wrap .user_order .model_footer .order_menu_model_close button{width:30px;height:30px;background:white;border:0;border-radius:100%;text-align:center;box-shadow:0 .25rem .25rem rgba(0,0,0,0.3) !important}.user_order_wrap .user_order .model_footer .model_footer_box{padding:10px;text-align:left;display:block;float:left}.user_order_wrap .user_order .model_footer .model_footer_box .img{width:150px;height:150px;display:inline-block;padding:10px;overflow:hidden}.user_order_wrap .user_order .model_footer .model_footer_box .img img{object-fit:cover;width:100%;min-height:150px;border-radius:10px}.user_order_wrap .user_order .model_footer .model_footer_box .number_box_wrap{width:100%;display:flex;text-align:right;justify-content:end;padding-bottom:33px}.user_order_wrap .user_order .model_footer .model_footer_box .number_box_wrap .number_box{width:100%;display:flex;align-items:center;justify-content:end}.user_order_wrap .user_order .model_footer .model_footer_box .number_box_wrap .number_box span{display:flex}.user_order_wrap .user_order .model_footer .model_footer_box .number_box_wrap .number_box span i{font-size:30px;margin:0px 10px;cursor:pointer}.user_order_wrap .user_order .model_footer .model_footer_box .number_box_wrap .number_box span input{text-align:center;width:80px;padding:5px 15px;font-weight:bold;border:1px solid #44A5FF;border-radius:50rem}.user_order_wrap .user_order .model_footer .model_footer_box .order_footer{width:30%;position:absolute;bottom:0px;right:20px;text-align:right}.user_order_wrap .user_order .model_footer .model_footer_box .order_footer button{width:100%;padding:5px 15px;font:bold 18px "LINE seed sans TH","Prompt'";color:white;border:0;border-radius:50rem;display:inline-block;background:#416185}.user_order_wrap .user_order .model_footer .model_footer_box{width:180px}.user_order_wrap .user_order .model_footer .model_footer_box_left{width:39%;text-align:center}.user_order_wrap .user_order .model_footer .model_footer_box_right{width:60%}.user_order_wrap .user_order .user_order_footer{display:inline-block;position:absolute;bottom:0;left:0;width:100%;height:130px;z-index:1;box-shadow:0 .125rem .5rem rgba(0,0,0,0.075) !important;background:white;padding:10px;text-align:right}.user_order_wrap .user_order .user_order_footer .order_list{display:inline-block;position:absolute;width:50px;height:50px;background:#44A5FF;color:white;text-align:center;padding-top:13px;left:30px;bottom:90px;border-radius:100%;cursor:pointer}.user_order_wrap .user_order .user_order_footer .order_list i{font-size:20px}.user_order_wrap .user_order .user_order_footer .order_list .number{position:absolute;width:25px;height:25px;background:#F47575;text-align:center;color:white;font-weight:bold;border-radius:100%;right:-10px;top:-5px}.user_order_wrap .user_order .user_order_list_wrap{display:inline-block;position:absolute;bottom:-100%;left:0;width:100%;height:75%;z-index:5;box-shadow:0 .125rem .5rem rgba(0,0,0,0.075) !important;background:white;padding:10px;text-align:left;transition:all .3s}.user_order_wrap .user_order .user_order_list_wrap .order_menu_model_close{width:100%;position:absolute;text-align:right;margin-top:-5px;right:10px;z-index:10}.user_order_wrap .user_order .user_order_list_wrap .order_menu_model_close button{width:30px;height:30px;background:white;border:0;border-radius:100%;text-align:center;box-shadow:0 .25rem .25rem rgba(0,0,0,0.3) !important}@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){.main_content{padding-top:0px;padding-bottom:0px;padding-left:20px}.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{border-radius:50px 0 0 0;min-height:85vh;padding:30px;margin-top:100px;padding-bottom:30px}.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)}}.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}.order{margin-top:20px}.order .order_box_wrap{position:relative}.order .order_box_wrap .order_box{background:white;border-radius:10px;box-shadow:0 .125rem .25rem rgba(0,0,0,0.075);padding:15px;cursor:pointer}.order .order_box_wrap .order_box .table_name{font-weight:bold;font-size:18px}.order .order_box_wrap .order_box .number_hilight{font:bold 60px "LINE seed sans TH","Prompt'";text-align:center}.order .order_box_wrap .order_box .icon_box_wrap{padding-top:20px}.order .order_box_wrap .order_box .icon_box_wrap .icon_box p{font-size:16px}.order .order_box_wrap .order_box .icon_box_wrap .icon_box i,.order .order_box_wrap .order_box .icon_box_wrap .icon_box span{font-size:30px;font-weight:bold}.order .order_box_wrap .order_box .icon_box_wrap .icon_box span{margin-left:10px}.order .order_box_wrap .order_box p{margin:0}.order .order_box_wrap .order_list{width:100%;background:white;border-radius:20px;padding:20px}.order .order_box_wrap .order_list .order_list_tab{width:100%;display:inline-block}.order .order_box_wrap .order_list .order_list_tab .order_tab_box{border:1px solid #44A5FF;display:block;float:left;padding:5px 15px;border-radius:10px;cursor:pointer;transition:all .3s;margin-right:10px}.order .order_box_wrap .order_list .order_list_tab .order_tab_box:hover{background:#44A5FF;color:white}.order .order_box_wrap .order_list .order_list_tab .active{background:#44A5FF;color:white}.order .order_box_wrap .order_list .order_menu_list{width:100%;display:inline-block;padding-top:10px}.order .order_box_wrap .order_list .order_menu_list .order_menu_box{background-color:white;display:block;float:left;width:160px;padding-bottom:10px;border-radius:10px;margin:10px;box-shadow:0 .125rem .25rem rgba(0,0,0,0.2) !important}.order .order_box_wrap .order_list .order_menu_list .order_menu_box .order_menu_img{display:inline-block;position:relative;width:160px;height:150px;overflow:hidden;border-radius:10px;cursor:pointer}.order .order_box_wrap .order_list .order_menu_list .order_menu_box .order_menu_img img{width:100%;border-radius:10px;object-fit:cover;min-height:150px}.order .order_box_wrap .order_list .order_menu_list .order_menu_box .order_menu_img .order_price{width:100%;position:absolute;bottom:0;left:0;padding-right:5px;padding-bottom:5px;color:white;text-align:right;font-weight:bold;margin-bottom:0;background:#020024;background:linear-gradient(0deg, #020024 0%, rgba(9,9,121,0) 100%)}.order .order_box_wrap .order_list .order_menu_list .order_menu_box .order_name_text{padding:5px 0px 0px 10px;margin-bottom:0}.order .order_box_wrap .order_detail{background:white;border-radius:10px;padding:20px;padding-top:0;height:75vh;overflow:hidden;overflow-y:scroll}.order .order_box_wrap .order_detail .payment_wrap .payment_box{cursor:pointer;width:100px;height:100px;border:1px solid #416185;text-align:center;border-radius:10px;padding:0;padding-top:20px;display:inline-block;margin-right:5px;margin-bottom:5px;transition:all .3s}.order .order_box_wrap .order_detail .payment_wrap .payment_box i{font-size:30px}.order .order_box_wrap .order_detail .payment_wrap .payment_box p{font-weight:bold;margin-bottom:0}.order .order_box_wrap .order_detail .payment_wrap .active{background:#416185;color:white}.order .order_box_wrap .order_footer{padding:0px 40px 20px 40px;width:100%;display:inline-block;position:absolute;bottom:0;left:0}.order_menu_model{width:100%;height:100%;background-color:rgba(0,0,0,0.22);align-items:center;justify-content:center;position:fixed;top:0;left:0;display:flex;z-index:999}.order_menu_model .order_menu_model_wrap{width:100%;max-width:500px;background:white;display:inline-block;border-radius:10px;box-shadow:0 .25rem .25rem rgba(0,0,0,0.3) !important;position:relative}.order_menu_model .order_menu_model_wrap .order_menu_model_box{width:100%;display:inline-block;padding:10px}.order_menu_model .order_menu_model_wrap .order_menu_model_box .order_model_img{width:40%;height:180px;border-radius:10px;display:block;float:left;overflow:hidden}.order_menu_model .order_menu_model_wrap .order_menu_model_box .order_model_img img{width:100%;display:block;float:left}.order_menu_model .order_menu_model_wrap .order_menu_model_box .order_menu_model_detail{display:inline-block;padding-left:10px;width:60%;position:relative}.order_menu_model .order_menu_model_wrap .order_menu_model_box .order_menu_model_detail .order_name{font:bold 18px "LINE seed sans TH","Prompt'"}.order_menu_model .order_menu_model_wrap .order_menu_model_box .order_menu_model_detail .order_price{font:bold 18px "LINE seed sans TH","Prompt'"}.order_menu_model .order_menu_model_wrap .order_menu_model_box .order_menu_model_detail .number_box_wrap{display:flex;text-align:right;justify-content:end;width:100%}.order_menu_model .order_menu_model_wrap .order_menu_model_box .order_menu_model_detail .number_box_wrap .number_box{width:100%;display:flex;align-items:center;justify-content:end}.order_menu_model .order_menu_model_wrap .order_menu_model_box .order_menu_model_detail .number_box_wrap .number_box span{display:flex}.order_menu_model .order_menu_model_wrap .order_menu_model_box .order_menu_model_detail .number_box_wrap .number_box span i{font-size:30px;margin:0px 10px;cursor:pointer}.order_menu_model .order_menu_model_wrap .order_menu_model_box .order_menu_model_detail .number_box_wrap .number_box span input{text-align:center;width:80px;padding:5px 15px;font-weight:bold;border:1px solid #44A5FF;border-radius:50rem}.order_menu_model .order_menu_model_wrap .order_menu_model_box .order_footer{width:40%;position:absolute;bottom:10px;right:10px;text-align:right}.order_menu_model .order_menu_model_wrap .order_menu_model_box .order_footer button{width:100%;padding:5px 15px;font:bold 18px "LINE seed sans TH","Prompt'";color:white;border:0;border-radius:50rem;display:inline-block;background:#416185}.order_menu_model .order_menu_model_wrap .order_menu_model_close{width:100%;position:absolute;text-align:right;margin-top:-5px;right:-10px}.order_menu_model .order_menu_model_wrap .order_menu_model_close button{width:30px;height:30px;border:0;border-radius:100%;text-align:center;box-shadow:0 .25rem .25rem rgba(0,0,0,0.3) !important}.order_menu_model .order_menu_model_wrap .order_model_content{width:100%;padding:20px}.order_menu_model .order_menu_model_wrap .order_model_content label{width:100%;font-weight:bold;margin-bottom:5px}.order_menu_model .order_menu_model_wrap .order_model_content input{border-radius:50rem;padding:5px 15px;border:1px solid gray}.order_menu_model .order_menu_model_wrap .order_model_content .tab_block_wrap .tab_block{width:49%;border:1px solid #416185;display:inline-block;padding:5px 15px;border-radius:10px}.order_menu_model .order_menu_model_wrap .order_model_content .promotion_wrap{width:100%}.order_menu_model .order_menu_model_wrap .order_model_content .promotion_wrap .promotion_box{width:100%;border:1px solid #416185;border-radius:10px;padding:5px 15px;display:flex;align-items:center;justify-content:space-between}.order_menu_model .order_menu_model_wrap .order_model_content .promotion_wrap .promotion_box .promotion_button{width:100px;font:bold 18px "LINE seed sans TH","Prompt'";text-align:center;border-radius:10px;background:#416185;color:white;padding:5px 15px;cursor:pointer}.order_menu_model .order_menu_model_wrap .order_model_content .promotion_wrap .promotion_box .promotion_button p{margin-bottom:0}.order_menu_model .order_menu_model_wrap .order_model_content .promotion_wrap .promotion_box .promotion_detail{font:bold 18px "LINE seed sans TH","Prompt'"}.order_menu_model .order_menu_model_wrap .order_model_content .promotion_wrap .promotion_box .promotion_detail .desc{font:normal 14px "LINE seed sans TH","Prompt'"}.order_menu_model .order_menu_model_wrap .order_model_content .promotion_wrap .promotion_box .promotion_detail p{margin-bottom:0}.order_menu_model .order_menu_model_wrap .order_model_content .promotion_wrap .promotion_box .promotion_value{display:inline-block;font-size:16px}.zone_table_wrap .zone_table .zone_table_box{width:120px;height:120px;border-radius:10px;background:#D6FFE8;border:1px solid #35C272;display:block;float:left;margin-right:10px;margin-bottom:10px;padding:10px;padding-top:30px;text-align:center;cursor:pointer}.zone_table_wrap .zone_table .used{background:#D6ECFF;border:1px solid #44A5FF}.zone_table_wrap .zone_table .used_sucsess{background:#FFEEDB;border:1px solid #FDA137}.zone_table_wrap .zone_table .disable_table{background:#FFE3E3 !important;border:1px solid #F47575 !important}}@media only screen and (min-width:992px){.mb_content_menu{display:none}}@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;transition:all .3s}.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 .non_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 .non_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{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}.login_bg{background:url(../img/logo/bg.webp);background-size:cover;background-repeat:no-repeat;background-position:center}}