@font-face{font-family:'Frutiger-Normal';src:url('../fonts/frutiger-normal.woff') format('woff'),url('../fonts/frutiger-normal.ttf') format('truetype')}@font-face{font-family:'Roboto';src:url('../fonts/Roboto-Regular.ttf') format('truetype')}@font-face{font-family:'TH SarabunPSK';src:url('../fonts/THSarabun.ttf') format('truetype')}body{background-color:transparent;font-family:"Segoe UI";font-size:13px}html{min-height:100%}.dxichSys{padding-left:0!important}.dxichCellSys{padding-left:0!important}.dxtc-leftIndent{height:26px!important}.dxtc-sbIndent{height:26px!important}.dxtc-sbSpacer{height:26px!important}.dxtc-sbWrapper{height:26px!important}.dxtc-rightIndent{height:26px!important}.dxeCheckBoxList_MetropolisBlue td.dxe{padding:0!important}.dxflGroup_MetropolisBlue{padding:0!important}.dxpc-header{padding:0!important}[class*="dxflRequired"]{color:red!important;font-weight:bold}.dxeHLC,.dxeHC,.dxeHFC{display:none}.dxp-current{background-color:#337ab7!important;border-radius:3px}.dxp-current:hover{background-color:#3071a9!important}.alert{padding-left:15px;padding-right:15px;padding-top:7px;padding-bottom:7px}.navbar-inverse{background-color:#3060ac;border-bottom:none}.navbar-inverse .navbar-toggle{background-color:transparent;border-color:#fff;margin-bottom:0}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:transparent}.navbar-logo{margin:0!important;width:170px;line-height:50px;padding:0;padding-left:12px}.navbar-logo img{display:inline-block}.btn{min-width:75px}.panel>.hr-login-panel-heading{color:#fff;background-color:#3060ac}.panel>.hr-panel-heading{color:#fff;background-color:#99a6b2;padding-top:6px;padding-bottom:4px}.panel>.hr-panel-heading a{color:#fff}.form-group{margin-bottom:10px}.popover{max-width:none!important}.popover-content{padding:5px!important}.hr-padding-zero{padding:0!important}.hr-cell-wordbreak{word-break:break-all!important}.hr-fullwidth{width:100%!important}.hr-right-aligned{text-align:right!important}.hr-export-to{min-width:100%!important;border:transparent!important;box-shadow:none!important}.hr-dots-btn{min-width:20px}.hr-action-btn{min-width:5px!important}.hr-action-btn>span{color:#fff}.hr-panel-button{padding-left:5px;padding-right:5px;padding-top:2px;padding-bottom:2px}.hr-panel-button:hover{color:#ff0}.hr-grid-icon{color:#337ab7;padding-top:2px;padding-bottom:2px;padding-left:4px;padding-right:4px}.hr-grid-icon:hover{color:#3071a9}.hr-vertical-divider{border-left-color:#3071a9;border-left-style:solid;border-left-width:1px}@media(max-width:767px){.navbar-header>table{width:calc(100% - 110px)}.navbar-header>table tr>td:first-child{display:inline-block;width:150px}.navbar-header>table tr>td:last-child{display:inline-block;width:calc(100% - 150px)}#hrCurrentSystem{display:inline-block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}.subsystem{max-width:300px}.subsystem .hr-system-item{display:table;width:100px;height:42px;min-width:0;min-height:0;padding:1px 10px;float:left}.subsystem .iconfont{display:table-cell;color:#fff;font-size:24px;padding-right:10px;line-height:24px;vertical-align:middle}.hr-system-item span{display:table-cell;color:#fff;font-size:12px;line-height:12px;text-align:left;vertical-align:middle}.hr-system-item{min-height:100px;width:100px;text-align:center;background-color:#0078d7;border:2px;border-color:#fff;border-style:solid}.hr-system-item>p{color:#fff;font-size:12px;overflow:hidden}.hr-system-link{text-decoration:none}.hr-icon{font-size:36px!important;line-height:65px;margin:10px 0;color:#fff;-webkit-transition:font-size .25s ease-out 0s;-moz-transition:font-size .25s ease-out 0s;transition:all .3s ease 0s}.hr-system-item:hover{background:#3071a9}#hrSelectSystem{color:#fff;padding-top:5px;padding-bottom:5px;padding-left:16px;padding-right:16px;min-height:50px;background-color:#0078d7}#hrSelectSystem:hover{background-color:#337ab7}.hr-info{color:#fff}#hrUserProfile,#hrUserHelp{color:#fff;padding-top:5px;padding-bottom:5px;min-height:50px;background-color:#3060ac}#hrUserProfile:hover,#hrUserHelp:hover{background-color:#337ab7}#hrSystemMenu li a,#hrUserMenu li a{padding:10px 15px 10px 20px}#hrPopupBox{top:10%}#hrPopupBox .modal-header{padding-top:8px;padding-bottom:8px}.modal-full{position:fixed;top:0!important;right:0;bottom:0;left:0;z-index:10000}#hrPopupBox .modal-dialog-full{position:relative;margin:0;width:100%;height:100%;padding:0}#hrPopupBox .modal-content-full{position:relative;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;width:100%;height:100%}#hrPopupBox .modal-body-full{overflow:auto}#hrPopup2Box{top:12%}#hrPopup2Box .modal-header{padding-top:8px;padding-bottom:8px}#hrPopup3Box{top:12%}#hrPopup3Box .modal-header{padding-top:8px;padding-bottom:8px}#hrMeterBox{top:20%}#hrMeterBox .modal-header{padding-top:5px;padding-bottom:5px}#hrMsgBox{top:20%}#hrMsgBox .modal-header{padding-top:5px;padding-bottom:5px}#hrMsgBox .modal-footer{padding-top:5px;padding-bottom:10px;border-top:none}#hrMeterBox .modal-header{border-bottom:none}.modal-open{overflow-y:initial}.hr-sidebar-menu{position:fixed;float:left;width:225px;top:45px;left:0;bottom:0;z-index:1000;background-color:#3060ac;box-shadow:0 0 10px 0 rgba(0,0,0,.5)}.hr-sidebar-icon{position:absolute;float:left;margin-left:8px;margin-top:10px;border:1px solid #789;text-align:center;line-height:1;font-size:18px;padding:6px 8px;border-radius:3px;color:#dcdcdc;background-color:transparent;background-clip:padding-box}.hr-sidebar-menu.sidebar-collapsed{width:50px;padding-right:10px;transition:all 200ms ease-in-out}.hr-sidebar-menu.sidebar-expanded{padding-right:10px;transition:all 200ms ease-in-out}.hr-sidebar-menu.sidebar-collapsed .hr-sidebar-icon{transform:rotate(90deg);transition:all 300ms ease-in-out}.hr-sidebar-menu.sidebar-expanded .hr-sidebar-icon{transform:rotate(0deg);transition:all 300ms ease-in-out}.hr-sidebar-menu.sidebar-collapsed .hr-menu{width:60px;transition:all 50ms linear}.hr-sidebar-menu.sidebar-expanded .hr-menu{width:220px;transition:all 200ms linear;transition-delay:100ms}.hr-sidebar-menu.sidebar-collapsed .hr-menu span{opacity:0;transition:all 0ms linear;visibility:hidden;display:inline-block;width:5px}.hr-sidebar-menu.sidebar-expanded .hr-menu span{opacity:1;transition:all 300ms linear;transition-delay:300ms;display:initial}#hrMainMenu{position:relative;top:50px;background-color:#3060ac}.hr-menu{background-color:#3060ac}.hr-menu .fa{margin-right:8px;width:16px;height:16px;text-align:center}.navbar-default{background-color:#3060ac;height:100%}body.fixed-sidebar .navbar-static-side{border-right:1px solid #dee2ec}.nav>li>a{color:#fff}.nav>li.active{background-color:#3060ac}.navbar-default .nav>li>a:hover{background-color:#337ab7;color:#fff}.navbar-default .nav>li>a:focus{background-color:#3060ac;color:#fff}.nav>li>a{font-weight:normal;padding:4px 15px 4px 18px}.nav>li>a:first-line {padding-top:0}.nav li>a{display:block;white-space:nowrap}.nav>li.active>a{color:#fff}.nav.nav-second-level>li.active{border:none}.nav.nav-second-level.collapse[style]{height:auto!important}.nav-second-level li,.nav-third-level li{border-bottom:none!important}.nav-second-level li a{padding:4px 15px 4px 50px;color:#fff}.nav-second-level li a:first-line {padding-top:0}.nav-third-level li a{padding-left:62px}.arrow{position:absolute;right:8px}.fa.arrow:before{content:""}.active>a>.fa.arrow:before{content:""}.slimScrollDiv>*{overflow:hidden}.widgetPanel{background:#f9f9fa;border:solid 1px #d3d6da;padding:12px 15px 9px;margin:0 0 5px 0;float:right;width:70px;height:100%;-moz-box-shadow:inset 0 1px 4px rgba(0,0,0,.117188);-webkit-box-shadow:inset 0 1px 4px rgba(0,0,0,.117188);box-shadow:inset 0 1px 4px rgba(0,0,0,.117188);-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;position:fixed;right:20px;top:60px}.widgetPanel .disabled{filter:alpha(opacity=20);opacity:.2;cursor:default!important}.topZone{float:left;clear:both}.fullZone{float:left;clear:both}.leftZone,.rightZone{float:left;min-width:300px}.leftZone.last,.rightZone.last,.fullZone.last{margin-bottom:20px}div[id^='dockZone']{height:auto!important}div[id^='dockZone']>div{width:100%!important;margin-bottom:10px}#dockZone0,#dockZone1,#dockZone2{height:auto!important}.container-fluid{padding-right:10px}#dockZone0>div,#dockZone1>div,#dockZone2>div{width:100%!important;margin-bottom:10px}#dockZone1{padding-right:5px}#dockZone2{padding-left:5px}.dxpc-headerContent{padding:9px 12px 0!important}.dxpc-headerContent .dxpc-headerText{color:#3060ac!important}.dateContainer,.timeContainer{width:100%;text-align:center}.dayUCContainer{text-align:center}.dayList{float:left;padding:0;margin:5px 0 0 0}.dayListItem{float:left;margin:0 5px 5px}.todayImg{width:24px;height:24px}.paTitle{padding:0 0 0 0;font-size:24px;color:#3060ac}.paNoticeList,.paHyperlinkList{list-style-type:circle;padding:0 0 0 20px;font-size:12px}.paNoticeList li,.paHyperlinkList li{margin:4px 0}.pa-wrapper{height:298px;padding-top:.1px}.pa-welcome-title{margin:1% 1% 0;padding:0 14px;background-color:#3060ac;font-size:30px;font-family:'Segoe UI';font-weight:normal;color:#fff}.pa-date-and-time{color:#3060ac;font-size:24px;margin-left:1%;padding-left:14px;font-family:'Segoe UI';font-weight:normal}.pa-pending-action{margin-left:4%;font-size:24px;font-family:'Segoe UI';font-weight:normal;padding-left:5px;overflow:auto;height:180px}.pa-pending-action-list{list-style-type:circle;padding:0 0 0 20px;height:100px}.pa-pending-action-list li{margin:4px 0}html.login .main{display:table;position:absolute;vertical-align:middle;width:100%;height:80%;text-align:center;left:0;top:0}#LoginForm{display:table-cell;vertical-align:middle}#login-message{width:764px;height:20px;margin:auto;text-align:left;position:relative}.login-box{width:764px;height:270px;background:#fcfcfc;margin:auto;box-shadow:0 0 4px #ccc;border-radius:5px}.login-box-left{background:#3060ac;width:230px;height:inherit;float:left;border-top-left-radius:5px;border-bottom-left-radius:5px}.login-box-right{width:534px;height:inherit;text-align:center;float:right;text-align:center}.login-logo{margin:15px auto;line-height:190px;text-align:center}.login-logo img{max-width:190px;max-height:190px;margin:auto}.login-form{width:375px;margin:0 auto;text-align:left}.login-btn{width:188px}.login-half{width:50%;float:left;height:40px}.login-bottom{width:100%;text-align:center}html.login .btn-group{margin-top:20px;text-align:center}.copyright,.version-info,.jgwab-info{position:fixed;bottom:0;left:0;width:100%;text-align:center;color:#777;font-size:10.5px;line-height:1.1;padding:10px 0}.version-info{text-align:left;left:20px;width:auto}.version-label{text-align:left;left:20px;width:auto;float:left}.c-icon-icrlogo,.c-icon-jgwablogo{width:14px;height:17px;display:inline-block;overflow:hidden;background:url(Images/PoliceRegisNo.png) no-repeat}.c-icon-jgwablogo{background-position:-623px -96px;position:relative;top:3px}.c-icon-icrlogo{background-position:-600px -96px;position:relative;top:3px}.jgwab-info a{color:#777;text-decoration:underline}.system-title{font-family:helvetica;font-weight:400;font-size:22px;color:#a6a6a6;margin-top:30px;margin-bottom:11px;white-space:pre}.qrcode{max-width:550px}.qrcode p{font-family:'Segoe UI';font-weight:bold}.qrcode td:not(:first-child){text-align:center}.qrcode img{max-width:150px;max-height:150px;margin:auto}.dock-zone>div{padding:0}.workflow-icon-description{padding-right:40px;vertical-align:bottom}.position-relative{position:relative}.pre-line{white-space:pre-line}.va-mid{vertical-align:middle!important}.po-wrapper{background-color:#f0f1f6;padding:20px 0 40px;position:absolute;left:0;top:0;width:100%;min-height:100%}.po-container{background-color:#fff;width:1000px;margin:0 auto;padding:40px}@media print{.po-container{margin-top:0;padding-top:0}}.po-inner{width:100%}.po-info td{padding:3px}.po-info td:first-child{padding-right:10px}.po-detail{width:100%;margin:20px 0}.po-detail tr{page-break-inside:auto}.po-detail td{padding:4px 6px 5px;border:1px Solid silver;text-align:right}.po-detail td:nth-child(2){text-align:left}.po-detail-body tr:nth-child(2n){background-color:#f5f5f5}.po-detail-footer-container,.po-detail-footer{margin:0!important;padding:0!important}.po-detail-footer td{border-top:0}.po-detail-footer tr:last-child td{border-bottom:0}.po-detail-footer td:first-child{font-weight:bold;text-align:right;border-left:0;border-top:0}.po-detail-footer td:last-child{text-align:right;border-right:0}.po-confirmed,.po-canceled{padding-left:15px!important;font-weight:bold;font-size:1.4em;color:green}.po-canceled{color:red}.data-change-table{table-layout:fixed;width:100%}.data-change-table th,.data-change-table td{padding:3px;border:1px solid silver}.submission-message{font-weight:bold;color:green;white-space:pre}.hideTable>table{display:none}.hideCell{display:none}.hideCell2>div{display:none}.hideCell3 a{display:none}.show-password{position:absolute;right:15px;z-index:3;color:#555;cursor:pointer}.eye-glow{color:#75c3ff!important}.comboTwoCols{overflow-x:hidden;overflow-y:auto;padding-right:0;width:367px;height:161px!important}.dhtml_tooltip{background-color:#fff;border:2.3px solid #b3b3b3;position:absolute;display:none;z-index:20000;padding:2px;font-size:1em;box-shadow:2px 2px 10px 1px #888;-moz-border-radius:6px}.popup-question{background-color:#337ab7}.popup-warning{background-color:#f0ad4e}.popup-info{background-color:#5cb85c}.dxpc-mainDiv.pa-panel{position:relative!important}.attachment-Font{font-family:system-ui}[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{width:0;height:0}.simplebar-content:before,.simplebar-content:after{content:' ';display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;user-select:none;-webkit-user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:'';background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition:opacity 0s linear}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-track.simplebar-vertical .simplebar-scrollbar:before{top:2px;bottom:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before{height:100%;left:2px;right:2px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:2px;height:7px;min-height:0;min-width:10px;width:auto}[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical{right:auto;left:0}.hs-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}