body{
  background-position: top;
  background-color: #000;
}
/* thai */
@font-face {
  font-family: 'NotoSansThai1';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(../font1/static/NotoSansThai/NotoSansThai-Medium.ttf);
}
@font-face {
  font-family: 'NotoSansThai2';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(../font1/static/NotoSansThai/NotoSansThai-Bold.ttf);
}
@font-face {
  font-family: 'NotoSansThai3';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(../font3/IBMPlexSansThai-Medium.ttf);
}
@font-face {
  font-family: 'NotoSansThai4';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(../font3/IBMPlexSansThai-Bold.ttf);
}
.carousel-caption{
  top: 0 !important;
}
.titles{
  font-size: 16px;
  text-shadow: 0px 0px 10px #000;
  color: #f9f;
}
.titles_long{
  font-size: 5rem;
  text-shadow: 0px 0px 10px #000;
  text-shadow: 0px 0px 10px #fff;
  color: #009fda;
}
.subfont{
  font-size: 3rem;
  text-shadow: 0px 0px 5px #000;
  color: #e7e7e7;
}
.resfont{
  font-size: 50px;
  text-shadow: 0px 0px 5px #000;
}
.datefont{
  font-size: 14px;
  text-shadow: 1px 1px 1px #000;
  color: #9f9;
}
.sucess_font{
  color: #00ff89;
  text-shadow:none;
}
.warning_font{
  color: #ffc107;
  text-shadow:none;
}
.danger_font{
  color: #dc3545;
  text-shadow:none;
}
.footer{
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
}
table.dataTable tbody tr{
  background: none;
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{
  color: #b5b5b5 !important;
}
.menu_footer{
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #18191b;
  padding: 5px 0;
  box-shadow: 0 -1px 2px 0 rgb(0 0 0 / 23%);
  font-size: 12px;
  z-index: 9999;
}
.menu_footer h4{
  margin-bottom: 0;
}
.menu_footer a{
  color: #fff;
}
.menu_footer a:hover,
.menu_footer .actives,
.dark-mode .list-group-item,
.list-group-item.active a{
  color: #d12d2d !important;
}
.dark-mode .list-group-item a{
  color: #fff !important;
}
.list-group-item.active{
  background-color: #e97000 !important;
  color: #fff !important;
}
.card{
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
}
.compasss{
  height: 146px;
}
.status_arrow{
  top: -120px;
  left: 0;
  z-index: 9999;
  position: relative;
  transform: translate(-50%, -50%);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;

  -webkit-transition: 300ms ease all;
  -moz-transition: 300ms ease all;
  -o-transition: 300ms ease all;
  transition: 300ms ease all;
}
/* .carousel-caption{
  position: relative;
  right: 0;
  left: 0;
  bottom: 0;
} */
/* .images_top{
  position: relative;
  z-index: 99999;
} */
.status1{
  color: #6ff;
}
.status2{
  color: #6f6;
}
.status3{
  color: #ff0;
}
.status4{
  color: #f60;
}
.status5{
  color: #f00;
}
.bg_imgs{
  width: 100%;
}

.textfooters{
  font-size: 10px;

}
.carousel-caption{
  right: 0;
  left: 0;
  padding-top: 0px;
}