@charset "windows-874";
/* CSS Document */

@font-face {
    font-family: 'Kanit-Regular';
    src: url('../font/Kanit-Regular.eot');
    src: url('../font/Kanit-Regular.eot?#iefix') format('embedded-opentype'),
         url('../font/Kanit-Regular.woff') format('woff'),
         url('../font/Kanit-Regular.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
html, body {font-family: 'Kanit-Regular';}
.form-control{color:#1447E6;font-size: 16px;}
input[type=checkbox],input[type=radio]{transform : scale(1.5);}
.chosen-container-single .chosen-single span{color:#1447E6;}
.chosen-container-single .chosen-single {
  height: 45px;
  line-height: 45px;
  font-size: 16px;
}
.chosen-container-multi .chosen-choices {
  min-height: 45px;
  line-height: 45px;
  font-size: 16px;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  height: 45px;
  font-size: 16px;
  line-height: 45px;
}
.select2-container {
    width: 100% !important;
}

.select2-container--default .select2-selection--single {
  height: 45px !important;
  line-height: 45px !important;
  box-sizing: border-box;
  font-size: 16px !important;
  color:#1447E6 !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #1447E6 !important;            /* สีตัวอักษรในช่อง */
  vertical-align: middle;                   /* จัดให้อยู่ตรงกลางแนวนอน */
  line-height: 45px !important;
}
.select2-container--default.is-invalid .select2-selection {
    border: 1px solid #dc3545;
}

.select2-container--default.is-valid .select2-selection {
    border: 1px solid #28a745;
}

.input-hidden{visibility: hidden;} /* ซ่อน input กรณีใช้ required*/
@media screen and (max-width: 600px) {
  h1,.h1{font-size:20px}
  h2,.h2{font-size:18px}
  h3,.h3{font-size:15px}
  h4,.h4{font-size:12px}
  h5,.h5{font-size:10px}

}
@media screen and (min-width: 601px) {
  h1,.h1{font-size:30px}
  h2,.h2{font-size:28px}
  h3,.h3{font-size:20px}
  h4,.h4{font-size:18px}
  h5,.h5{font-size:16px}

}
.note_comment{
  padding:5px 20px 5px 20px;
  margin-top: 20px;
  border:3px solid indianred;
  background-color: #FADBD8;
  color:#000;
  border-radius: 15px;
}

.reason{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.table th{
  text-align: center !important;
}
.table .text-white th{
  color: #fff !important;
}
.pointer{
  cursor: pointer;
}
.my-table {
  border-collapse: collapse;
  width: 100%;
}

.table td, .table th {
  border: 1px solid #333;
  padding: 8px;
}