.btn-primary {
    background-color: #b18063 !important;
    border-color: #b18063 !important;
}
.btn-primary:hover{
    background-color: #b18063 !important;
    border-color: #b18063 !important;
}
.text-primary {
    color: #b18063 !important;
}

.text-hihgth {
    color: #b18063 !important;
        
}

.nxl-navigation .navbar-content .nxl-caption label  {
    color: #b18063 !important;
}

.nxl-link {
    color: #b18063 !important;
}
.nxl-navigation .navbar-content .nxl-micon i {
    color: #b18063 !important;
}

.nxl-navigation .navbar-content .nxl-navbar>.nxl-item.active>.nxl-link, 
.nxl-navigation .navbar-content .nxl-navbar>.nxl-item:hover>.nxl-link {
    color: #b18063 !important;
}

.page-header .breadcrumb a {
    color: #b18063 !important;
}

.page-header h5 {
    color: #b18063 !important;
}

.page-header .breadcrumb .breadcrumb-item:last-child {
    color: #b18063 !important;
}

button.select2-selection__choice__remove {
    border: 0px !important;
    background-color: #e4e4e4;
}
    
.video-item {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
}

.video-item iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.dt-buttons{
    display: inline-flex;
    gap: 10px;
    vertical-align: middle;
}
    /* อนุญาตให้เนื้อหาล้นตารางออกมาได้ โดยเฉพาะในหน้าที่มีแถวน้อย */
.table-responsive,
.dataTables_scrollBody {
    overflow: visible !important;
}

/* กรณีใช้ DataTable แบบ Scroll */
.dataTables_wrapper {
    overflow: visible !important;
}
.bg-info, .bg-primary, .bg-success, .bg-warning, .bg-secondary{
    width: 100%;
}