#helpdesk_css label{display:block;font-size:15px;font-weight:bolder}#helpdesk_css .form-group{margin-bottom:20px}#helpdesk_css .form-control{display:block;width:100%;padding:.375rem .75rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;margin:0}#helpdesk_css #map{height:400px}#helpdesk_css .require{color:red}#helpdesk_css .btn-file{position:relative;overflow:hidden;vertical-align:middle}#helpdesk_css .btn-file>input{position:absolute;top:0;right:0;width:100%;height:100%;margin:0;font-size:23px;cursor:pointer;filter:alpha(opacity=0);opacity:0;direction:ltr}#helpdesk_css .fileinput{display:inline-block;margin-bottom:9px}#helpdesk_css .fileinput .form-control{display:inline-block;padding-top:7px;padding-bottom:5px;margin-bottom:0;vertical-align:middle;cursor:text}#helpdesk_css .fileinput .thumbnail{display:inline-block;margin-bottom:5px;overflow:hidden;text-align:center;vertical-align:middle}#helpdesk_css .fileinput .thumbnail>img{max-height:100%}#helpdesk_css .fileinput .btn,#helpdesk_css .fileinput span{vertical-align:middle;cursor:pointer}#helpdesk_css .fileinput-exists .fileinput-new,#helpdesk_css .fileinput-new .fileinput-exists{display:none}#helpdesk_css .fileinput-inline .fileinput-controls{display:inline}#helpdesk_css .fileinput-filename{display:inline-block;overflow:hidden;vertical-align:middle}#helpdesk_css .form-control .fileinput-filename{vertical-align:bottom}#helpdesk_css .fileinput.input-group{display:table}#helpdesk_css .fileinput.input-group>*{position:relative;z-index:2}#helpdesk_css .fileinput.input-group>.btn-file{z-index:1}#helpdesk_css .fileinput-new.input-group .btn-file,#helpdesk_css .fileinput-new .input-group .btn-file{border-radius:0 4px 4px 0}#helpdesk_css .fileinput-new.input-group .btn-file.btn-xs,#helpdesk_css .fileinput-new .input-group .btn-file.btn-xs,#helpdesk_css .fileinput-new.input-group .btn-file.btn-sm,#helpdesk_css .fileinput-new .input-group .btn-file.btn-sm{border-radius:0 3px 3px 0}#helpdesk_css .fileinput-new.input-group .btn-file.btn-lg,#helpdesk_css .fileinput-new .input-group .btn-file.btn-lg{border-radius:0 6px 6px 0}#helpdesk_css .btn-default{border:1px solid #dfdfdf!important}#helpdesk_css .fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#helpdesk_css .fa-cloud-upload:before{content:"\f0ee"}#helpdesk_css .btn-primary.btn-request{background:#4B008A;float:left;border:0;color:#fff;box-shadow:0 0 1px #ccc;-webkit-transition-duration:.5s;-webkit-transition-timing-function:ease-out;-webkit-transform-origin:0 0;box-shadow:0 0 0 100px #4B008A inset}#helpdesk_css .btn-primary.btn-request:hover{-webkit-box-shadow:0 0 0 0 #4B008A inset;-webkit-transform:scale(1);color:#fff;background-color:#4b008acc;border-color:#4b008acc}#helpdesk_css #drop_zone{height:150px;width:150px;overflow:hidden;background-color:#c6c6c6;padding:5px}#helpdesk_css #img_preview{height:100%;width:100%}#helpdesk_css #outputImage{width:100%;height:100%}#helpdesk_css .detail-header{background-color:#24008B;padding:10px}#helpdesk_css .font-detail{font-size:26px;color:rgba(255,255,255,1);text-shadow:2px 2px 5px #333;text-align:center;font-weight:400;font-family:"kanit","sukhumvit",sans-serif}#helpdesk_css .detail-body{padding:20px 0}#helpdesk_css .detail-body label{color:#24008B}#helpdesk_css .detail-body span.form-control{border:none!important}#helpdesk_css .row.detail-body{margin:0!important;display:flex;gap:5px}#helpdesk_css .select-detail{margin:0;border:white;background-color:#F2F0FF;color:#24008B}#helpdesk_css .color-detail{color:#24008B}#helpdesk_css .file-uploaded{color:#00AA00}#helpdesk_css .progress-container{background-color:#E5E7EF;border-radius:20px;height:20px;width:100%;display:flex;justify-content:center;align-items:center;position:relative;padding:0}#helpdesk_css .progress-bar{background-color:#D195FF;height:100%!important;border-radius:10px;z-index:1;margin:0!important}#helpdesk_css .progress-value{position:absolute;z-index:2;font-size:12px;color:#000}#helpdesk_css .progress-bar.badge-default{background-color:#e9ecef}#helpdesk_css .progress-bar.badge-info{background-color:#0069d9}#helpdesk_css .progress-bar.badge-success{background-color:#00AA00}#helpdesk_css .progress-bar.badge-danger{background-color:#dc3545}#helpdesk_css .progress-value.black{color:#000}#helpdesk_css .progress-value.white{color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}#helpdesk_css .fileinput-preview.fileinput-exists.thumbnail img{width:100%}#helpdesk_css .detail-body span,#helpdesk_css .detail-body label{font-family:"kanit","sukhumvit",sans-serif;word-break:break-all}#helpdesk_css span.btn.btn-default.btn-file{background-color:#F2F0FF!important;border:1px solid transparent!important}#helpdesk_css .request-list{padding:40px 0 70px 0;font-family:"kanit","sukhumvit",sans-serif;background-repeat:no-repeat;background-size:100% 100%}#helpdesk_css .request-list-header{padding-top:40px}#helpdesk_css .request-list-container{min-height:450px;margin:10px 0}#helpdesk_css .request-list-container .column.width-9.charts{margin-top:50px}#helpdesk_css .request-list-data{margin:20px 0}#helpdesk_css .input-group{display:flex;align-items:center}#helpdesk_css .m-0{margin:0!important}#helpdesk_css .p-0{padding:0!important}#helpdesk_css .form-element,#helpdesk_css textarea,#helpdesk_css select,#helpdesk_css input.form-control.datepicker,#helpdesk_css input.form-control.datepickeren{font-size:1.3rem;text-transform:none;font-weight:normal;letter-spacing:.1rem;color:#fff;background-color:#4B008A}#helpdesk_css select.bd-left{border-left:1px solid #fff}#helpdesk_css .base-color{color:#4B008A}#helpdesk_css input.base-color::placeholder{color:#4B008A}#helpdesk_css .highcharts-background{fill:rgba(255,255,255,0)}#helpdesk_css .container-charts{width:300px;height:200px}#helpdesk_css .status-charts{width:250px;height:300px}#helpdesk_css g.highcharts-label.highcharts-tooltip{font-size:14px}#helpdesk_css .title_shadow{color:#24008B;text-shadow:0 4px 4px #a7a7a7}#helpdesk_css .btn-request{margin-top:20px;display:flex;justify-content:center}#helpdesk_css .request-left,#helpdesk_css .request-right{width:600px;height:500px;max-width:600px;max-height:500px}#helpdesk_css .request-box{border-radius:10px;height:100%}#helpdesk_css .bg-box-1{border:1px solid transparent;background:linear-gradient(127.7deg,#00D7FF 31.86%,#4706FF 113.91%)}#helpdesk_css .bg-box-2{border:1px solid transparent;background:linear-gradient(230.2deg,#FF8400 35.27%,#CB2027 87.93%)}#helpdesk_css .bg-box-3{border:1px solid transparent;background:linear-gradient(0deg,#D6E603 0%,#78C100 100.25%)}#helpdesk_css .bg-box-4{border:1px solid transparent;background:linear-gradient(277.62deg,#CB2027 8.65%,#4B008A 192.54%)}#helpdesk_css .request-box label,#helpdesk_css .request-box span{font-size:14px}#helpdesk_css .request-icon{display:flex;align-items:center}#helpdesk_css .request-data{padding:3px;display:flex;flex-direction:column;background:white;border-radius:10px;height:150px;max-height:140px;overflow:auto}#helpdesk_css .request-box-data{display:flex;justify-content:space-between;padding-bottom:10px}#helpdesk_css .count-data{display:flex;justify-content:flex-end}#helpdesk_css .sort-header{background-color:#24008B;padding:1.3rem 2.5rem;color:rgba(255,255,255,1);text-shadow:2px 2px 5px #333;text-align:center;font-weight:400;height:49px}#helpdesk_css .table>thead>tr>th.th-sort{border:none}#helpdesk_css .cart-item{height:50px}#helpdesk_css .cart-header{height:60px}#helpdesk_css .section-block.pagination-3.no-padding-top{background-color:#fff0;padding:0}#helpdesk_css .pagination-3 .pagination-previous,#helpdesk_css .pagination-3 .pagination-next,#helpdesk_css .pagination-3 a.current,#helpdesk_css .pagination-3 a:hover{background:#B0A5CF;border:1px solid #eee;color:#000}#helpdesk_css .property{padding:5px;min-height:150px;min-width:250px;max-width:350px;max-height:200px}#helpdesk_css input#search_start_date,#helpdesk_css input#search_end_date{padding:1.3rem 2.5rem;margin:0 0 1.5rem}#helpdesk_css input#search_start_date::placeholder,#helpdesk_css input#search_end_date::placeholder{color:#fff}#helpdesk_css select.ui-datepicker-month,#helpdesk_css select.ui-datepicker-year{margin:0;padding:0;background-color:#e9e9e9;color:#000}#helpdesk_css .gm-style-iw.gm-style-iw-c{padding:0!important;border-radius:10px!important}#helpdesk_css .gm-style-iw-t{bottom:35px!important;border-radius:10px!important}#helpdesk_css .gm-style-iw-tc{display:none!important}#helpdesk_css .color-cate-1{color:rgba(0,215,255,1)}#helpdesk_css .color-cate-2{color:rgba(255,132,0,1)}#helpdesk_css .color-cate-3{color:rgba(214,229,3,1)}#helpdesk_css .color-cate-4{color:rgba(203,32,39,1)}#helpdesk_css button.gm-ui-hover-effect{top:0!important;right:0!important}#helpdesk_css img.icon-calendar{position:absolute;right:10px}#helpdesk_css footer.footer{background-color:#ededed}#helpdesk_css .request-list{background-image:url('../frontend/images/helpdesk/bg_request_list.png');padding:40px 0 70px 0;font-family:"kanit","sukhumvit",sans-serif;background-repeat:no-repeat;background-size:100% 100%}#helpdesk_css .pagination-3 .pagination-previous,#helpdesk_css .pagination-3 .pagination-next,#helpdesk_css .pagination-3 a.current,#helpdesk_css .pagination-3 a:hover{background:#B0A5CF;border:1px solid #eee;color:#000}#helpdesk_css select#nm_rk_amphur_id{color:#fff;background-color:#4B008A}#helpdesk_css .ui-datepicker select.ui-datepicker-month,#helpdesk_css .ui-datepicker select.ui-datepicker-year{padding:0!important}#helpdesk_css .progress-bar{width:100%;height:2rem;margin-bottom:2rem;font-size:1.2rem;line-height:1.6rem;font-weight:700;color:#666;border:1px solid #eee;background:#eee;overflow:hidden;transform:translate3d(0,0,0)}#helpdesk_css .progress-bar{border:none}.text-header{font-family:"Noto Sans Thai";font-weight:600;font-style:SemiBold;font-size:3.5rem;line-height:130%;letter-spacing:0;text-align:center;vertical-align:bottom;color:#4F55A1}.helpdesk_card{border-radius:16px;padding:24px;gap:29px;opacity:1;background:#FFFFFF;backdrop-filter:blur(4px);box-shadow:0 0 27.6px 0 #0000001A;height:100%}.helpdesk_box_right{width:100%;max-height:260px;gap:24px;opacity:1;display:flex;flex-direction:column;height:100%}.icon_helpdesk_add{max-height:180px;height:auto!important;width:100%}.btn-list{display:flex;justify-content:center;align-items:center;background-color:#B3EBFF;border:#B3EBFF;color:#4F55A1;width:100%;height:56px;border-radius:30px;gap:10px;opacity:1;border-width:1px;padding-top:10px;padding-right:16px;padding-bottom:10px;padding-left:16px;font-family:"Noto Sans Thai";font-weight:600;font-style:SemiBold;font-size:1.2rem;line-height:1.2;letter-spacing:0;text-align:center;vertical-align:middle}#legend .legend-item{display:flex;align-items:center;margin-bottom:8px}#legend .legend-dot{width:12px;height:12px;border-radius:50%;margin-right:8px;flex-shrink:0}#legend .legend-label{flex:1}#legend .legend-value{font-weight:bold;margin-left:10px}#container_chart{overflow-x:auto!important}.text_call_problem{font-size:1.5rem;font-weight:800;color:#4F55A1}.text_all{font-size:1rem;color:#4F55A1;opacity:.9}.text_percent{font-size:1.5rem;font-weight:800;color:#4F55A1}.hr_percent{height:10px;margin-top:4px;border-bottom:3px solid #FFD60A;width:100%}.icon_search{position:absolute;margin-right:5px;top:10px;right:5px;z-index:1}.input-group input{border-radius:30px!important}.card-request-data{max-height:170px;display:flex;padding:0;overflow:hidden}.card-request-data .request-box{width:100%;height:100%;border-radius:6px;opacity:1}.card-request-data .request-icon{display:flex;align-items:center;font-size:13px}.card-request-data img{width:20px;height:20px}.card-request-data .point_status{width:26px;height:26px}.card-request-data .image_detail{width:auto;height:80px;border-radius:6px;opacity:1}#data_list_map{margin:0;max-height:655px;overflow:hidden;overflow-y:auto}.input-group input.datepickeren{border-radius:10px!important}.icon-calendar{position:absolute;margin-right:5px;top:7px;right:5px;z-index:6}#tb_ranking{font-family:"Noto Sans Thai";line-height:100%;letter-spacing:0;text-align:center;thead,tbody{font-weight:600;font-style:SemiBold;font-size:1.5rem}thead tr th,tbody tr td{color:#4F55A1!important}}.cart-header th.th-sort{background:#E6E8FF;padding:16px}.cart-header th.th-sort:first-child{border-top-left-radius:40px;border-bottom-left-radius:40px}.cart-header th.th-sort:last-child{border-top-right-radius:40px;border-bottom-right-radius:40px}.cart-item td{padding:8px}.text_header_ranking{font-family:"Noto Sans Thai";font-weight:600;font-style:SemiBold;line-height:100%;letter-spacing:0;font-size:1.5rem}.select-wrapper{position:relative;display:inline-block;width:100%}.select-wrapper select{appearance:none;-moz-appearance:none;-webkit-appearance:none;width:100%;border:1px solid #ccc;border-radius:6px;background-color:#fff;font-size:1rem;background-image:url('../../frontend/images/helpdesk/icons_square.svg');background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.pr-0{padding-right:0!important}.request-icon{text-wrap-mode:nowrap}.icons_location{margin-bottom:5px}#data_list_map a{color:#4F55A1;text-decoration:none!important}.text_topic{display:inline-block;max-width:30ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#000;font-size:1.5rem;font-family:"Noto Sans Thai";font-weight:600;font-style:SemiBold;line-height:100%;letter-spacing:0}.text_problem{display:inline-block;max-width:30ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#000;font-size:1.2rem;font-family:"Noto Sans Thai";font-weight:500;font-style:SemiBold;line-height:110%;letter-spacing:0}.text_detail{display:inline-block;max-width:30ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#4F55A1}.btn-helpdesk-add{display:flex;justify-content:center;align-items:center;background-color:#4F55A1;border:#4F55A1;color:#ffffff;width:auto;height:40px;border-radius:30px;gap:10px;opacity:1;border-width:1px;padding-top:10px;padding-right:16px;padding-bottom:10px;padding-left:16px;font-family:"Noto Sans Thai";font-weight:600;font-style:SemiBold;font-size:1.2rem;line-height:100%;letter-spacing:0;text-align:center;vertical-align:middle}.btn-helpdesk-add:checked,.btn-helpdesk-add.active,.btn-helpdesk-add.show,.btn-helpdesk-add:first-child:active,:not(.btn-helpdesk-add-check)+.btn-helpdesk-add:active,.btn-helpdesk-add:hover{background-color:#575ca7!important;border:#575ca7!important}input.txtsearch{padding:10px!important;border-color:#4F55A1}#td_data .request-icon{display:flex;gap:2px;padding:6px;align-items:center}.btn-helpdesk-status1{background-color:#FFD60A;border:#FFD60A;color:#863300}.btn-helpdesk-status2{background-color:#B3EBFF;border:#B3EBFF;color:#4F55A1}.btn-helpdesk-status3{background-color:#BCFF92;border:#BCFF92;color:#193F01}.btn-helpdesk-status4{background-color:#863300;border:#863300;color:#ffffff}.btn-helpdesk-status1:hover{background-color:#FFD60A!important;border:#FFD60A!important;color:#863300!important}.btn-helpdesk-status2:hover{background-color:#B3EBFF!important;border:#B3EBFF!important;color:#4F55A1!important}.btn-helpdesk-status3:hover{background-color:#BCFF92!important;border:#BCFF92!important;color:#193F01!important}.btn-helpdesk-status4:hover{background-color:#863300!important;border:#863300!important;color:#ffffff!important}#td_data .text_topic{color:#4F55A1}#td_data .text_topic{font-size:1rem}#td_data .image_detail{width:84px;height:84px;gap:10px;opacity:1;border-radius:10px}#td_data tr.cart-item{vertical-align:middle;border-color:#E6E8FF!important}.flex-show{display:flex!important}form{display:block;position:relative;z-index:1}form button{position:relative;z-index:1;right:0;top:0;transform:translateY(0%)}.helpdesk-img{width:100px;height:80px;overflow:hidden}.highlight-card{border:2px solid var(--bs-blue)}#helpdesk_list a{text-decoration:none!important}#ui-datepicker-div{z-index:9!important}@media (max-width:1200px){.text_problem,.text_detail{max-width:30ch}.text_topic{max-width:20ch}.card-request-data{overflow-x:scroll}#data_list_map{max-height:650px}}@media (max-width:991px){#legend.position-absolute{position:relative!important;top:0!important;right:0!important}.text_problem,.text_detail,.text_topic{max-width:20ch}#data_list_map{max-height:645px}}@media (max-width:768px){.icon-calendar{top:3px}.icon_search{top:5px}.text_problem,.text_detail,.text_topic{max-width:35ch}.text-header{font-size:2.5rem}}@media (max-width:576px){}