/* font */
@font-face {
  font-family: sarabun;
  src: url(THSarabun.ttf);
}
@font-face {
  font-family: sarabunbold;
  src: url(THSarabunBold.ttf);
}
@font-face {
  font-family: sarabuni;
  src: url(THSarabunItalic.ttf);
}
.head-sara {
  margin-top: -15;
  font-size: 30px;
  font-family: sarabun;
}
.head-sarab {
  margin-top: -15;
  font-size: 30px;
  font-family: sarabunbold;
}
.head-sarabi {
  margin-top: -15;
  font-size: 30px;
  font-family: sarabuni;
}
.shead-sara {
  margin-top: -15;
  font-size: 25px;
  font-family: sarabun;
}
.shead-sarab {
  margin-top: -15;
  font-size: 25px;
  font-family: sarabunbold;
}
.shead-sarabi {
  margin-top: -15;
  font-size: 25px;
  font-family: sarabuni;
}
.text-sara {
  margin-top: -15;
  font-size: 20px;
  font-family: sarabun;
}
.text-sarab {
  margin-top: -15;
  font-size: 20px;
  font-family: sarabunbold;
}
.text-sarabi {
  margin-top: -15;
  font-size: 20px;
  font-family: sarabuni;
}
.compact-sara {
  margin-top: -15;
  font-size: 15px;
  font-family: sarabun;
}
.compact-sarab {
  margin-top: -15;
  font-size: 15px;
  font-family: sarabunbold;
}
.compact-sarabi {
  margin-top: -15;
  margin-top: -15px;
  font-size: 15px;
  font-family: sarabuni;
}
.btn-sara {
  border-radius: 13px;
  font-size: 25px;
  font-family: sarabunbold;
}
/* endfont */
/* tag input focus */
input:hover,
input:focus,
select:hover,
select:focus {
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-color: rgb(16, 119, 255);
}

.cbox{
 padding:5px 10px 15px 30px;
 border: 1px solid; 
 border-radius: 5px;
}

.mt0{
  margin: 0;
}

div.cbox:hover {
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-color: rgb(16, 119, 255);
} 

div.cbox:focus input:checked ~ .checkmark{
  
  border-color: rgb(0, 168, 87);
}

th, td {
  padding: 8px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}

.custom-file-inputImage {
  color: transparent;
}
.custom-file-inputImage::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-inputImage::before {
  content: 'เลือกไฟล์';
  color: black;
  display: inline-block;
  background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
  border: 1px solid #999;
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
}
.custom-file-inputImage:hover::before {
  border-color: black;
}
.custom-file-inputImage:active {
  outline: 0;
}
.custom-file-inputImage:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); 
}

a.active {
  background-image: linear-gradient(rgb(203, 216, 255), white);
}

input[type=text]:disabled {
  background: white;
}