@font-face {
  font-family: Sarabun;
  src: url('../fonts/Sarabun.woff2');
}

@font-face {
  font-family: SarabunLatin;
  src: url('../fonts/SarabunLatin.woff2');
}

@font-face {
  font-family: PoppinLatin;
  src: url('../fonts/PoppinLatin.woff2');
}

html, body{
	font-family: 'Sarabun', 'SarabunLatin', cursive;
}

.font-popiplatin{
    font-family: 'PoppinLatin', cursive;
}

.bg-1{background-color: #d5d5d5;}
.bg-2{background-color: #f5f5f5;}
.highcharts-title {  font-family: Sarabun, SarabunLatin !important; font-size:15px !important;  }
.content-banner{
    margin-top: 11vh;
    color: #2d98ce !important; 
}
.font-color-2{
    color: #0b5e83 !important; 
}
.datepicker table tr td.day {
    color:#5F5D5E;
}
.datepicker tbody tr > td.day.old {
    color: #D1D1D1;
}
.datepicker tbody tr > td.day.new {
    color: #D1D1D1;
}
.datepicker tbody tr > td.disabled {
    color: #D1D1D1;
} 
.datepicker tbody tr > td.disabled {
    color: #A5A5A5;
}
.fc-event{
    cursor: pointer;
}
.radio_btn { width:20px; height:20px; cursor :pointer; }
.vh-100 {
    min-height: 100vh;
}
.textbox:focus {
    outline: none !important;
    border-color: #3699FF;
    box-shadow: 0 0 2px #3699FF;
}
.box-1 { width: 20px; height: 20px; border: solid 1px; }
.border-dotted { border-bottom: 1px dotted; }

.tbl-info-hide{
  display: none;
}
.tbl-info-show{
 display: table-row;
}
.cursor-pointer{
 cursor: pointer;
}


/* Custom animation */
.fancybox-fx-slide-in-out.fancybox-slide--previous {
  transform: translateY(-100%);
}

.fancybox-fx-slide-in-out.fancybox-slide--next {
  transform: translateY(100%);
}

.fancybox-fx-slide-in-out.fancybox-slide--current {
  transform: translateX(0);
}

.banner{
    background-image: linear-gradient(180deg, #FFFFFF 2%, #43dfedCA 50%), url('../imgs/banner.jpg');
    /*background-color: #8950fc;*/
    background-size: cover;
    height: 70vh; 
    position: relative;
    margin-bottom: -55vh;
    z-index: -1;
}

.font-size-table-1{
    font-size: 13px !important;
}


::-webkit-scrollbar{
    height: 7px;
    width: 7px;
    background-color: #F1EFF3;
}
::-webkit-scrollbar-thumb:horizontal{
     background-color: #B6B6B6;
    border-radius: 10px;
    
}

::-webkit-scrollbar-thumb:vertical{
     background-color: #B6B6B6;
    border-radius: 10px;
}
.font-color-1{
    color: #0d3bb3 !important;
}
.font-color-3{
    color: #017f36 !important;
}


.tscroll {
  overflow-x: scroll;
}

.tscroll table td:nth-child(1) {
  position: sticky;
  left: -1px;
  background-color: #fff;
}
.tscroll table td:nth-child(2) {
  position: sticky;
  left: 58px;
  background-color: #fff;
}

.subheader h3{
    color: #3c3c3c !important; font-weight: bold !important;
}
.subheader span{
    color: #3c3c3c !important;
}
.subheader-separator{
    background-color:rgba(255, 255, 255, 0.4) !important;
}

.header-menu .menu-nav > .menu-item.menu-item-active > .menu-link i {
    color: #3699FF;
}