@font-face {
    font-family: 'THSarabunNew';
    src: url(/fonts/THSarabunNew/THSarabunNew-webfont.eot);
    src: url(/fonts/THSarabunNew/THSarabunNew-webfont.eot?#iefix) format('embedded-opentype'),
         url(/fonts/THSarabunNew/THSarabunNew-webfont.woff) format('woff'),
         url(/fonts/THSarabunNew/THSarabunNew-webfont.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'THSarabunNew';
    src: url(/fonts/THSarabunNew/THSarabunNew_bolditalic-webfont.eot);
    src: url(/fonts/THSarabunNew/THSarabunNew_bolditalic-webfont.eot?#iefix) format('embedded-opentype'),
         url(/fonts/THSarabunNew/THSarabunNew_bolditalic-webfont.woff) format('woff'),
         url(/fonts/THSarabunNew/THSarabunNew_bolditalic-webfont.ttf) format('truetype');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'THSarabunNew';
    src: url(/fonts/THSarabunNew/THSarabunNew_italic-webfont.eot);
    src: url(/fonts/THSarabunNew/THSarabunNew_italic-webfont.eot?#iefix) format('embedded-opentype'),
         url(/fonts/THSarabunNew/THSarabunNew_italic-webfont.woff) format('woff'),
         url(/fonts/THSarabunNew/THSarabunNew_italic-webfont.ttf) format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'THSarabunNew';
    src: url(/fonts/THSarabunNew/THSarabunNew_bold-webfont.eot);
    src: url(/fonts/THSarabunNew/THSarabunNew_bold-webfont.eot?#iefix) format('embedded-opentype'),
         url(/fonts/THSarabunNew/THSarabunNew_bold-webfont.woff) format('woff'),
         url(/fonts/THSarabunNew/THSarabunNew_bold-webfont.ttf) format('truetype');
    font-weight: bold;
    font-style: normal;
}
/*@font-face {
    font-family: THSarabunNew;
    src: url(public_path/fonts/THSarabunNew.ttf) format('truetype');
}
@font-face {
    font-family: ThaiSansLite;
    src: url(public_path/fonts/ThaiSansLite.ttf) format('truetype');
}*/
@media (min-width: 992px){
    .form .col-form-label {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: right!important;
    }
}
@media (min-width: 992px){
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left !important;
    }
}
.thsarabunnew{
   font-family: 'THSarabunNew', sans-serif;
}
 th {
    font-size: 13px !important;
    font-weight: bold !important;
    color: #333  !important;
}
body {
    font-family: 'THSarabunNew', 'ThaiSansLite', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    /* font-size: 13px !important; */
    color: #333333 !important;
}
h1 {
    /* color: #333333 !important;
    padding-bottom: 5px !important;
    height: 25px !important;
    font-size: 20px;
    font-family: inherit !important;
    font-weight: bold !important;
    line-height: 1.1 !important; */
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 5px;
    height: 25px;
}
a {
    color: #444 ;
}
a:hover {
    color: #337ab7 ;
}
.row{
    margin-right: 0px !important;
    margin-left: 0px !important;
}
.nav-header .nav-header-inner {
    padding: 10px 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #00a5ce;
}
.ibox-content {
    border-top-color: #ff38a0;
    border-width: 3px 0 !important;
    position: relative !important;
    border-radius: 3px !important;
}
.nav-tabs {
    border-bottom: 1px solid #dee2e6;
    padding: 15px 90px 0px 15px;
    padding-top: 0px;
    padding-left: 0px;
    background-color: #ffffff;
    border-color: #e7eaec;
}
.form-control {
    padding: 4px 5px !important;
    font-size: 12px !important;
}
input.form-control {
    height: 30px ;
}
/* select.form-control {
    height: 30px ;
} */
label {
    font-weight: bold !important;
}
.select2-container--default .select2-selection--single {
    height: 30px !important;
    font-size: 12px !important;
    padding: 4px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 25px !important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 2px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    top: 40%;
}
/* Style Btn Sort Order class => btn-default and hover */
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}
.btn-group-sm2>.btn, .btn-sm2 {
    padding: 4px 10px 0;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.btn-default {
    background-color: #f4f4f4;
    color: #444;
    border-color: #ddd;
}
/* End Style Btn Sort Order class => btn-default and hover*/
/*set arrow right in menu.blade */
.metismenu li>a>.pull-right {
    position: absolute;
    right: 10px;
}
.metismenu {
    white-space: nowrap;
    overflow: hidden;
}
.metismenu:hover {
    overflow: unset;
}
.input_check{
    position: relative;
}
.form-group {
    margin-bottom: 14px;
}
.col-center-label {
    display: grid;
    align-items: center;
}
.input_check > .col-form-label {
    padding-left: 40px;
    pointer-events: none;
}
.input_check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
    /* On mouse-over, add a grey background color */
.input_check:hover input ~ .checkmarkbox {
  background-color: #ccc;
  outline: 1px solid #4974F6;
}
/* When the radio button is checked, add a blue background */
.input_check input:checked ~ .checkmarkbox {
  background-color: #4974F6;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.input_check > .checkmarkbox:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the indicator (dot/circle) when checked */
.input_check input:checked ~ .checkmarkbox:after {
  display: block;
}
/* Style the indicator (dot/circle) */
.input_check .checkmarkbox:after {
  left: 7px;
  top: 4px;
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 1.5px 1.5px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* Create a custom radio button */
.input_check > .checkmarkbox {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -60%);
    transform: translate(0, -60%);
    left: 18px;
    height: 18px;
    width: 18px;
    background-color: #eee;
    border-color: #4974F6;
    border-radius: 15%;
}
/* On mouse-over, add a grey background color */
.input_check:hover input ~ .checkmarkradio {
  background-color: #ccc;
  outline: 1px solid #4974F6;
}
/* When the radio button is checked, add a blue background */
.input_check input:checked ~ .checkmarkradio {
  background-color: #4974F6;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.input_check > .checkmarkradio:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the indicator (dot/circle) when checked */
.input_check input:checked ~ .checkmarkradio:after {
  display: block;
}
/* Style the indicator (dot/circle) */
.input_check .checkmarkradio:after {
  left: 7px;
  top: 4px;
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 1.5px 1.5px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* Create a custom radio button */
.input_check > .checkmarkradio {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -60%);
    transform: translate(0, -60%);
    left: 18px;
    height: 18px;
    width: 18px;
    background-color: #eee;
    border-color: #4974F6;
    border-radius: 50%;
}

table.dataTable>thead>tr>th, table.dataTable>thead>tr>td {
    border-bottom: 0px !important;
}
div.dt-container.dt-empty-footer tbody>tr:last-child>* {
    border-bottom: 0px !important;
}