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

* {
  font-family: 'Sarabun', 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; }


.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;*/
    background-color: #009688 !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: #F44336 !important;*/
  background-color: #009688 !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: #E57373 !important; */
 /*background-color: #F44336 !important; */
 background-color: #009688 !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;    
}