.orf-handle{
  cursor: move;
  cursor: -webkit-grabbing;
}

* {
  font-family: 'Kanit', sans-serif !important;
}

/*h1,h2,h3,h4,h5,h6 {
  font-family: 'Prompt', sans-serif !important;
}*/

.f-sarabun { font-family: 'Sarabun', sans-serif !important; }
.f-prompt { font-family: 'Prompt', sans-serif !important; }

.fs-14 { font-size: 14px;  }
.fs-16 { font-size: 16px;  }
.fs-18 { font-size: 18px;  }


.sidebar-dark .nav-sidebar>.nav-item-open>.nav-link:not(.disabled),
.sidebar-dark .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar>.nav-item-open>.nav-link:not(.disabled),
.sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar>.nav-item>.nav-link.active {
    background-color: #C62828 !important;
    color: #fff;
}

.sidebar-dark .nav-sidebar .nav-item-open>.nav-link:not(.disabled),
.sidebar-dark .nav-sidebar>.nav-item-expanded:not(.nav-item-open)>.nav-link,
.sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar .nav-item-open>.nav-link:not(.disabled),
.sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar>.nav-item-expanded:not(.nav-item-open)>.nav-link{
  background-color: #f36e6a !important; 
}

.sidebar-dark .nav-sidebar .nav-item>.nav-link.active,
.sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar .nav-item>.nav-link.active{
  background-color: #f36e6a !important; 
}

.sidebar-dark .nav-sidebar .nav-item>.nav-link.nav-primary.active{
  background-color: #64b5f6 !important; 
/*  background-color: #1e88e5 !important; */
}

/*.select2-container--open .select2-selection--single, .select2-selection--single:focus {
    border-bottom-color: #CCC !important;
}*/

.select2-results__option[aria-selected=true] {
    background-color: #DDD !important;
    color: #000;
}

/*.sidebar-light .nav-sidebar .nav-item>.nav-link.active {
    background-color: #ccc;
    color: #333;
}

.sidebar-light .nav-sidebar>.nav-item-open>.nav-link:not(.disabled),
.sidebar-light .nav-sidebar>.nav-item>.nav-link.active {
    background-color: #f5f5f5;
    color: #333;
}*/

@media only screen and (max-width: 1440px) {
  .box_nationwide {
    flex-direction: column !important;
  }

  .box_nationwide .media-body {
    width: 100%;
    text-align: center !important;
  }
}

.overlay {
  opacity: 0.3;
}

.modal-backdrop {
    display: none !important;    
}


.chartsGroups { white-space: nowrap; overflow-x: auto; display:block; }
.chartsGroups div.col-md-4 { display:inline-block; float:none; }
.has-fixed-height-300{
  height: 300px;
}