@font-face{font-family:Athiti-Regular;src:url("../fonts/Athiti/Athiti-Regular/Athiti-Regular.woff")}body{font-family:Athiti-Regular;font-size:14px;max-width:100%;margin:0 auto;background:#ffffff;background-color:#ffffff;color:#000000}body.bg-black{background:#000000;background-color:#000000;color:#ffffff}body.bg-pic{background-image:url("../images/bg-dark01.jpg");background-repeat:no-repeat;background-position:center center;background-attachment:fixed;background-size:cover;position:relative;width:100%;height:auto}button#btn_login{background:#0d754b}#wrapper{width:100%}#wrapper .logo{padding-top:100px;padding-bottom:25px;margin:0 auto;max-width:100%;width:400px;height:auto;text-align:center}@media (max-width: 767px){#wrapper .logo img{width:100%}}nav.navbar{min-height:0;border-bottom:1px solid #505050 !important}nav.navbar-default,nav.navbar-fixed-top{background-color:#0d754b;background-image:none;z-index:990}nav.navbar-default a.navbar-brand,nav.navbar-fixed-top a.navbar-brand{color:#ffffff;height:30px}nav.navbar-default a.navbar-brand img,nav.navbar-fixed-top a.navbar-brand img{width:auto;height:45px;max-width:100%}nav.navbar-default ul.dropdown-menu,nav.navbar-fixed-top ul.dropdown-menu{background-color:#0d754b;z-index:2000}nav.navbar-default ul.dropdown-menu li a:hover,nav.navbar-default ul.dropdown-menu li a:focus,nav.navbar-default ul.dropdown-menu li a.active,nav.navbar-fixed-top ul.dropdown-menu li a:hover,nav.navbar-fixed-top ul.dropdown-menu li a:focus,nav.navbar-fixed-top ul.dropdown-menu li a.active{background-image:none;background-color:#C4CFE4;color:#333333}nav.navbar-default .navbar-nav li a,nav.navbar-fixed-top .navbar-nav li a{color:#ffffff;padding-top:10px;padding-bottom:10px;line-height:22px}nav.navbar-default .navbar-nav li:hover,nav.navbar-default .navbar-nav li:focus,nav.navbar-default .navbar-nav li.active,nav.navbar-fixed-top .navbar-nav li:hover,nav.navbar-fixed-top .navbar-nav li:focus,nav.navbar-fixed-top .navbar-nav li.active{background-color:#C4CFE4}.issue_sp{position:relative;top:45px}@media (max-width: 767px){.issue_sp{top:51px}}@media (max-width: 767px){.dataTables_wrapper .dataTables_length label{text-align:left !important;width:100% !important}.dataTables_wrapper .dataTables_length label select{width:85% !important;border-radius:5px}.dataTables_wrapper .dataTables_filter label{text-align:left !important;width:100% !important}.dataTables_wrapper .dataTables_filter label input{width:85% !important;border-radius:5px}}table.example,table.m_example{font-size:14px;border-top:1px solid #505050;border-bottom:1px solid #505050}table.example thead tr th,table.m_example thead tr th{border-bottom:1px solid #505050}table.example tbody tr td,table.m_example tbody tr td{border-top:1px solid #505050;border-bottom:1px solid #505050}table.col-xs-6{padding:10px 10px}.card-box{border-radius:6px;background:#198358;width:100%;padding:15px 0px;margin:15px 0px}.card-box td.col-xs-4,.card-box td.col-sm-3,.card-box td.col-xs-8,.card-box td.col-sm-9{padding-left:0;padding-right:0}.card-box img{height:auto;width:100%;max-width:100%}.card-box a{color:#ffffff;text-decoration:none}.card-box a:hover,.card-box a:focus,.card-box a.active{color:#333333;text-decoration:none}.card-box h1{font-size:50px;padding:0 0;margin:0 0}@media (max-width: 767px){.card-box td.col-xs-4{padding:5px 0px 5px 5px}.card-box td.col-xs-8{padding:5px 5px 5px 0px}.card-box td.col-xs-8 span{font-size:11px}.card-box td.col-xs-8 h1{font-size:24px;line-height:24px}}@media (max-width: 1024px){.card-box img{width:100%;height:auto}.card-box h1{font-size:36px}}@media (max-width: 1024px) and (max-width: 767px){.card-box{margin:15px 0;padding-left:0;padding-right:0}}.danger{background:#d9534f}.warning{background:#f0ad4e}.primary{background:#31b0d5}@media (max-width: 767px){body>section{margin-bottom:51px}}section.outform{padding:55px 30px}section.outform form.boxinput{background:#0d754b;border:1px solid #0d754b;border-radius:10px;box-shadow:2px 2px 0px 0px rgba(80,80,80,0.5),0 8px 22px 0 rgba(0,0,0,0.2);padding:20px 20px;text-align:right;color:#000000;margin-bottom:30px}section.outform form.boxinput label{color:#ffffff}section.outform form.boxinput label.showadd{text-align:right}section.outform form.boxinput span.text{color:#ffffff;text-align:left}section.outform form.boxinput .button-a{border:1px solid #ffffff;border-radius:4px;background:#ffffff;font-size:14px;padding:6px 10px;color:#000000;display:inline-block;cursor:pointer}@media (max-width: 767px){section.outform form.boxinput{text-align:left}}.button-a{border:1px solid #ffffff;border-radius:4px;background:#ffffff;font-size:14px;padding:6px 10px;color:#000000;display:inline-block;cursor:pointer}a.click-modal{color:#0d754b;cursor:pointer}a.btn-lg{background:#0d754b;border:1px solid #0d754b;color:#ffffff;display:block}.data-desk{display:block;width:100%;margin-left:0 !important;margin-right:0 !important;padding-left:0 !important;padding-right:0 !important}@media (max-width: 767px){.data-desk{display:none}}.h_column{border-bottom:1px solid #505050}.h_column a{border-bottom:none;color:#ffffff;display:block}@media (max-width: 767px){.h_column{padding:10px 0}}.job-content{padding:15px 15px;background:#000000;border-bottom:1px solid #505050;text-align:center}.job-content .menu-drop{padding:10px 20px;cursor:pointer;text-align:center}.job-content .menu-drop .dropdown-menu{min-width:150px;left:auto;right:20px;margin-top:-12px;text-align:center}.job-content .progress{margin-bottom:0}.job-content .flash{-webkit-animation-duration:1.5s;animation-duration:1.5s;animation-iteration-count:infinite}.job-content .nopad{padding-left:0;padding-right:0}.job-content img{width:auto;max-width:100%;height:50px;display:-webkit-inline-box}.job-content .progress-bar-info{background-color:#0099ff}.job-content h1,.job-content h2,.job-content h3,.job-content h4{margin-top:0;margin-bottom:0}@media (max-width: 767px){.job-content{padding:5px 0px;line-height:26px;text-align:center;display:block;word-break:break-word}.job-content .menu-drop{padding:12px 0px 0px 5px}.job-content .menu-drop .dropdown-menu{left:auto;right:0}.job-content img{display:-webkit-inline-box;width:100%;max-width:100%;height:auto}}.menu-drop{padding:10px 20px;cursor:pointer;text-align:center}.menu-drop .dropdown-menu{min-width:150px;left:auto;right:20px;margin-top:-12px;text-align:center}.progress{margin-bottom:0}.flash{-webkit-animation-duration:1.5s;animation-duration:1.5s;animation-iteration-count:infinite}.nopad{padding-left:0;padding-right:0}.progress-bar-info{background-color:#0099ff}h1,h2,h3,h4{margin-top:0 !important;margin-bottom:0 !important}@media (max-width: 767px){padding:5px 0px;line-height:26px;text-align:center;display:block;word-break:break-word;.menu-drop{padding:5px 0px 0px 5px}.menu-drop .dropdown-menu{left:auto;right:0}.menu-drop .dropdown-menu h4{margin:0}img{display:-webkit-inline-box;width:100%;max-width:100%;height:auto}}@media (min-width: 768px){.modal .modal-dialog{margin:10vh auto}}.modal .modal-dialog .modal-content{color:#000000}.modal .modal-dialog .modal-content .modal-header,.modal .modal-dialog .modal-content .modal-footer{background:#0d754b}.modal .modal-dialog .modal-content .modal-header h3,.modal .modal-dialog .modal-content .modal-footer h3{margin:0}ul.pagination{line-height:45px}ul.pagination li a{position:relative;float:none;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#ffffff;text-decoration:none;background:transparent;border:1px solid #0d754b}ul.pagination li a:hover,ul.pagination li a:focus,ul.pagination li a:visited,ul.pagination li a.active{background-color:#0d754b;border:1px solid #0d754b;color:#ffffff}ul.pagination li:hover,ul.pagination li:focus,ul.pagination li:visited,ul.pagination li.active{background-color:#0d754b;border:1px solid #0d754b;color:#ffffff}ul.pagination li:hover a,ul.pagination li:focus a,ul.pagination li:visited a,ul.pagination li.active a{background-color:#0d754b;border:1px solid #0d754b;color:#ffffff}.table-condensed tr th.prev,.table-condensed tr th.datepicker-switch,.table-condensed tr th.next{background-color:#0d754b;border-radius:0px;color:#ffffff}.table-condensed tr th.prev:hover,.table-condensed tr th.prev:focus,.table-condensed tr th.prev.active,.table-condensed tr th.datepicker-switch:hover,.table-condensed tr th.datepicker-switch:focus,.table-condensed tr th.datepicker-switch.active,.table-condensed tr th.next:hover,.table-condensed tr th.next:focus,.table-condensed tr th.next.active{background-color:#0d754b;color:#333333}.datepicker td,.datepicker th{color:#333333}.datepicker td.active,.datepicker th.active{background-color:#0d754b;background-image:none}.footer{background:#0d754b;color:#ffffff;padding:10px 0;bottom:0;display:block;width:100%}@media (max-width: 767px){.footer{position:relative}.footer span{font-size:11px}}