@font-face {
    font-family: "Kanit";
    src: url(../assets/font/Kanit-Light.ttf) format("truetype");
}
body{
    font-family: 'Kanit', sans-serif !important;
    font-size: 15px;
}
.btn-xs {
    padding: 2px 6px !important;
    font-size: 16px !important;
}
p {
  font-size: 15px;
  color:black;

}
.dataTables_info{
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
#modiv{
    color:black !important;
}
.control-label,.custom-control-label,input,select,textarea{
    color:black !important;
}
.presentation a{
  color:black !important;
}
table{
  color:black !important;
}
.card-body{
    color:black !important;
}

.textmiddle{
    vertical-align: middle;
}
        /* Mark input boxes that gets an error on validation: */
        input.invalid {
            background-color: #ffdddd;
          }
          
          /* Hide all steps by default: */
          .tab {
            display: none;
          }
          
          #prevBtn {
            background-color: #bbbbbb;
          }
          
          /* Make circles that indicate the steps of the form: */
          .step {
            height: 15px;
            width: 15px;
            margin: 0 2px;
            background-color: #bbbbbb;
            border: none;  
            border-radius: 50%;
            display: inline-block;
            opacity: 0.5;
          }
          
          .step.active {
            opacity: 1;
          }
          
          /* Mark the steps that are finished and valid: */
          .step.finish {
            background-color: #4CAF50;
          }
          .imgsresponsive {
    width: 100%;
    max-width: 180px;
    height: auto;
  }
  #loading{
          z-index: 2050;;
    position: absolute;
    height: 100%;
    width: 100%;
  
    display:none;
  }
  #spanloading{
    position: fixed;
      margin-left: -75px;
      margin-top: -75px;
      left: 50%;
      top: 50%;
  }
  @media screen and (max-width: 767px) {
      li.paginate_button.previous {
          display: inline;
      }
   
      li.paginate_button.next {
          display: inline;
      }
   
      li.paginate_button {
          display: none;
      }
  }
  .chart-legend li span{
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
}

[class$="-legend"] {
    list-style: none;
    cursor: pointer;
    padding-left: 0;
  }
  
  [class$="-legend"] li {
    display: inline-block;
    padding: 0 5px;
  }
  
  [class$="-legend"] li.hidden {
    text-decoration: line-through;
  }
  
  [class$="-legend"] li span {
    border-radius: 5px;
    display: inline-block;
    height: 10px;
    margin-right: 10px;
    width: 10px;
  }
.strike{
     text-decoration: line-through !important;
}
.floatleft  {
    float: left;
  }
  .floatright  {
    float: right;
  }
#toast-container > .toast {
  background-image: none !important;
}

#toast-container > .toast:before {
  position: relative;
  font-size: 24px;
  font-family: 'Font Awesome 5 Free';
font-weight: 900;
  line-height: 18px;
  float: left;
  margin-left: -1em;
  color: #FFF;
  padding-right: 0.5em;
  margin-right: 0.5em;
} 
#toast-container > .toast-error:before {
  content: "\f00d";
}   
#toast-container > .toast-success:before {
  content: "\f00c";
}    

hr {
    margin-top: 0rem;
    margin-bottom: 0rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
}
.nav-tabs > li  { width:25%; text-align:center;}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  .nav-tabs > li  { width: 50%; text-align:center;}
}
.presentation > a{
    border: 1px solid rgba(0,0,0,.1) !important;
    background-color: #f8f8fb ;
    border-color: #e9e9f2 #e9e9f2 #fff ;

}
.dataTables_filter {
  float: left !important;
}
#table_filterWrapper{
   display:none;
}

div.dt-buttons {
  float: right;
}
.bootstrap-select > .dropdown-toggle {
  color: #000000 !important;
  background-color: #ffffff !important;
  border-color: #d2d2e4 !important;
}
.modal-xl {
  max-width: 1140px !important;
}
.table td,
.table th {
    vertical-align: top!important;
}
.close >span{
  font-size: 35px !important;
}