/* table-noborder í´ëž˜ìŠ¤ ì •ì˜ */
.table-noborder {
    border-collapse: collapse; /* í…Œì´ë¸” ê²½ê³„ë¥¼ collapse ì‹œí‚´ */
  }
  
  .table-noborder th,
  .table-noborder td {
    border: none !important; /* th ë° tdì˜ ëª¨ë“  ê²½ê³„ ì œê±° */
  }
  
  
  .active-icon {
      width: 15px;
      height: 15px;
      background-color: green;
      border-radius: 50%;
      position: absolute;
      bottom: 0;
      right: 10px;
      border: 2px solid white;
  }
  
  .navbar_teacher {
      margin-bottom: 20px;
  }
  
  .nav-link {
      color: black;
      font-weight: bold;
      font-size: 1rem;
  }
  
  .nav-link.active {
      color: red;
  /*    border-bottom: 2px solid red;*/
  }
  
  .form-select {
      display: inline-block;
      width: auto;
      margin-left: 10px;
  }
  
  .search-container {
      display: flex;
      align-items: center;
      margin-left: auto;
  }
  
  .search-input {
      border: 2px solid purple;
      border-radius: 20px;
      padding: 5px 10px;
  }
  
  .search-icon {
      color: purple;
      margin-left: -30px;
      cursor: pointer;
  }
  
  .navbar_teacher-nav {
      width: 100%;
      justify-content: space-between;
  }
  
  .nav-tab_item {
      display: flex;
      align-items: center;
  }
  
  .nav-tab_item .form-select {
      margin-left: 5px;
  }
  
  
  .teacher_icon-container {
      display: flex;
      gap: 20px;
      justify-content: right;
      align-items: center;
  }
  .teacher_top_icon {
      font-size: 25px;
      color: #000; /* Set the color to match the one in your image */
  }
  
  .text-left {
      text-align: left !important;
  }
  
  .text-center {
      text-align: center !important;
  }
  
  .text-right {
      text-align: right !important;
  }
  
  
  .badge-primary {
      color: #fff;
      background-color: #007bff;
  }
  
  .badge-secondary {
      color: #fff;
      background-color: #6c757d;
  }
  
  .badge-success {
      color: #fff;
      background-color: #28a745;
  }
  
  .badge-danger {
      color: #fff;
      background-color: #dc3545;
  }
  
  .badge-warning {
      color: #212529;
      background-color: #ffc107;
  }
  
  .badge-info {
      color: #fff;
      background-color: #17a2b8;
  }
  
  .badge-light {
      color: #212529;
      background-color: #f8f9fa;
  }
  
  .badge-dark {
      color: #fff;
      background-color: #343a40;
  }
  
  .badge-beginner {
      color: #212529;
      background-color: #c3e6cb; /* ì—°í•œ ì´ˆë¡ìƒ‰, ì´ˆê¸‰ìžë¥¼ ìƒì§• */
  }
  
  .badge-intermediate {
      color: #fff;
      background-color: #007bff; /* íŒŒëž€ìƒ‰, ì¤‘ê¸‰ìžë¥¼ ìƒì§• */
  }
  
  .badge-advanced {
      color: #fff;
      background-color: #17a2b8; /* ì²­ë¡ìƒ‰, ê³ ê¸‰ìžë¥¼ ìƒì§• */
  }
  
  .badge-expert {
      color: #fff;
      background-color: #343a40; /* ì§™ì€ íšŒìƒ‰, ì „ë¬¸ê°€ë¥¼ ìƒì§• */
  }
  
  .tr_study_end {
      background: #e7e7e7 !important;
      color: #9f9f9f !important;
  }
  
  .tr_study_ing {
      background: #eeffee !important;
      font-weight: 600;
      /* color:#9f9f9f !important; */
  }
  
  .star {
      font-size: 24px;
      cursor: pointer;
      color: gray;
  }
  
  .star.selected {
      color: gold;
  }
  
  .modal-content {
  }
  
  .star-rating {
      -webkit-user-select: none;
      /* Disable selection in WebKit browsers */
      -moz-user-select: none;
      /* Disable selection in Firefox */
      -ms-user-select: none;
      /* Disable selection in IE */
      user-select: none;
      /* Disable selection in all other browsers */
  }