/* basics customized alter from bootstraps */
body {
	font-family: "Sarabun", -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", sans-serif !important;
	font-size: 16px !important;
  /* header bg img */
  background: url('/storage/image/kupdpa-bg-header1.jpg') no-repeat left top !important;
  background-size: contain !important;
}
h1, h2, h3, h4, h5, h6 {
  font-family: Ozone !important;
  font-weight: 700 !important;
}
h1 {
  font-size: 36px !important;
  line-height: 40px !important;
}
h2 {
  font-size: 30px !important;
  line-height: 40px !important;
}
h3 {
  font-size: 24px !important;
  line-height: 40px !important;
}
h4 {
  font-size: 16px !important;
  line-height: 20px !important;
}
h5 {
  font-size: 14px !important;
  line-height: 20px !important;
}
h6 {
  font-size: 12px !important;
  line-height: 20px !important;
}
/* button override */
.btn-primary {
  --bs-btn-bg: #006664 !important;
  --bs-btn-border-color: #6c757d !important;
  --bs-btn-hover-bg: #009895 !important;
  --bs-btn-hover-border-color: #6c757d !important;
  --bs-btn-active-bg: #006664 !important;
  --bs-btn-active-border-color: #6c757d !important;
  transition: all 0.15s ease-in-out;
}
.btn-primary:hover {
box-shadow: 0 0px 10px #82ffde;
transition: all 0.15s ease-in-out;
}
.btn-primary:active {
transform: scale(0.95);
transition: all 0.08s ease-in-out;
}
.btn-secondary:hover {
  --bs-btn-hover-bg: #87929c !important;
  box-shadow: 0 0px 10px #82ffde;
  transition: all 0.15s ease-in-out;
}
.btn-secondary:active {
  transform: scale(0.95);
  transition: all 0.08s ease-in-out;
}
.btn-outline-primary {
  --bs-btn-color: #FFF !important;
  --bs-btn-bg: #006664 !important;
  --bs-btn-border-color: #6c757d !important;
  --bs-btn-hover-bg: #009895 !important;
  --bs-btn-hover-border-color: #6c757d !important;
  --bs-btn-active-bg: #006664 !important;
  --bs-btn-active-border-color: #6c757d !important;
  transition: all 0.15s ease-in-out;
}
.btn-outline-primary:hover {
  box-shadow: 0 0px 10px #82ffde;
  transition: all 0.15s ease-in-out;
}
.btn-outline-primary:active {
  transform: scale(0.95);
  transition: all 0.08s ease-in-out;
}
.btn-outline-secondary {
  --bs-btn-bg: #e1f5f4 !important;
  --bs-btn-border-color: #acc8c8 !important;
  --bs-btn-hover-color: #fff !important;
  --bs-btn-hover-bg: #006664 !important;
  --bs-btn-active-color: #fff !important;
  --bs-btn-active-bg: #006664 !important;
}
.btn-outline-secondary:hover {
  box-shadow: 0 0px 20px #82ffde;
  transition: all 0.15s ease-in-out;
}
.btn-outline-secondary:active {
  transform: scale(0.95);
  transition: all 0.08s ease-in-out;
}
.form-check-input:checked {
  background-color: #b2bb1e !important;
  border-color: #b2bb1e !important;
}
/* end of button override */
.navbar-brand {
  margin: 10px 0px 10px 0px;
}
.collapse.navbar-collapse {
  font-family: Ozone;
  font-size: 21px;
}
/* header bg override */
.navbar.bg-light {
  --bs-bg-opacity: 0 !important;
}
header.bg-light {
  --bs-bg-opacity: 0 !important;
}
/* only customized for ku-pdpa */
h5.modal-title {
  font-size: 24px !important;
}
.kupdpa-logo {
  height: 89px;
}
@media (max-width: 768px) {
  .kupdpa-logo{
    height: 15vw;
  }
}
.kupdpa-login-logo {
  height: 89px;
}
@media (max-width: 768px) {
  .kupdpa-login-logo{
    height: 15vw;
  }
}
.kupdpa-dashboard-title {
  margin: 30px 0px 30px 0px;
  text-align: center;
}
.kupdpa-dashboard-menu{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-bottom: 25px;
}
.kupdpa-dashboard-menu-div {
  display: inline-block;
  width: 130px;
  margin-bottom: 15px;
}
.kupdpa-dash-menu-img {
  height: 105px;
  border-radius: 4px;
  transition: all 0.15s ease-in-out;
}
.kupdpa-dash-menu-img:hover {
  box-shadow: 0 0px 20px #82ffde;
  transition: all 0.15s ease-in-out;
}
.kupdpa-dash-menu-img:active {
  transform: scale(0.95);
  transition: all 0.08s ease-in-out;
}
.kupdpa-footer {
  display: flex;
  align-items: center;
  gap: 35px;
  flex-wrap: wrap;
  margin: 20px 5px 20px 5px;
  justify-content: center;
}
.kupdpa-footer-logo {
  height: 69px;
}
.kupdpa-footer-txt1 {
  font-family: Ozone;
  font-weight: 700;
  font-size: 21px;
  line-height: 21px;
  color: #006664;
  margin-bottom: 8px;
}
.kupdpa-footer-txt2 {
  font-family: Ozone;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #006664;
  margin: 0;
}

/* font installation */
/* db-ozone-x-regular */
@font-face {
  font-family: 'Ozone';
  font-style: normal;
  font-weight: 400;
  src: url('/storage/global-css/ozone3.2-regular.woff2');
}
/* db-ozone-x-700-bold */
@font-face {
  font-family: 'Ozone';
  font-style: normal;
  font-weight: 700;
  src: url('/storage/global-css/ozone3.2-700.woff2');
}
/* sarabun-regular - thai_latin */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 400;
  src: url('/storage/global-css/sarabun15-regular.woff2');
}
/* sarabun-bold - thai_latin */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 700;
  src: url('/storage/global-css/sarabun15-regular.woff2');
}