.bg-warning-subtle {
    background-color: #fff3cd; /* สีเหลืองอ่อน */
    color: #856404; /* สีตัวอักษร */
    font-size: 13px;
  }
  
  .bg-dark-subtle {
    background-color: #d6d8db; /* สีเทาอ่อน */
    color: #1b1e21; /* สีตัวอักษรเข้ม */
    font-size: 13px;
  }
  
  .bg-info-subtle {
    background-color: #d1ecf1; /* สีฟ้าอ่อน */
    color: #0c5460; /* สีตัวอักษร */
    font-size: 13px;
  }
  
  .bg-danger-subtle {
    background-color: #f8d7da; /* สีแดงอ่อน */
    color: #721c24; /* สีตัวอักษร */
    font-size: 13px;
  }
  
  .bg-success-subtle {
    background-color: #d4edda; /* สีเขียวอ่อน */
    color: #155724; /* สีตัวอักษร */
    font-size: 13px;
  }

  .custom-bg-primary-subtle {
    background-color: #dcedfc !important;
  }
  .custom-headline-50{
    height:50px;
    padding: 15px;
    border-radius: 5px; /* ปรับมุมโค้ง */ 
  }

  #editor-container {
    height: 400px;
  }

  .vertical-menu{
    background: #2f3092;
  }
  .navbar-brand-box{
    background: #2f3092;
  }

  #sidebar-menu ul li a {
    color: #eff4ff;
  }
  #sidebar-menu ul li a:hover {
    color: #FFEB3B;
  }

  .vertical-menu .vertical-menu-btn {
    color: #eff4ff;
  }    

  #sidebar-menu ul li a i {
    color: #eff4ff;
  }
  #sidebar-menu ul li a:hover i {
    color: #FFEB3B;
  }

  .menu-title{
    color: #eff4ff;
  }

  .btn-success {
    color: #fff;
    background-color: #5b73e8;
    border-color: #5b73e8;
  }

  .btn-success:hover {
    background-color: #4258BA;
    border-color: #4258BA; 
  }

  .logo {
    margin: 15px;
  }