/* Formation Datatable */
div.dataTables_wrapper div.dataTables_scrollBody {
    min-height: 650px;
    /* scroll smooth */
      /* -webkit-overflow-scrolling: touch; */

  }
  html {
      scroll-behavior: smooth;
  }


  /*Checkbox tree */
  ul.checktree, .checktree ul{
      list-style-type: none;
      margin: 3px;
  }
  ul.checktree li:before {
      height: 1.5em;
      width: 12px;
      border-bottom: 1px dashed;
      content: "";
      display: inline-block;
      top: -0.3em;
  }
  ul.checktree li {
      border-left: 1px dashed;
      margin: 3px;
  }
  ul.checktree li:last-child:before { border-left: 1px dashed; }
  ul.checktree li:last-child { border-left: none; }

  /* iframe viewer */
  .iframe_viewer{
      width: 100%;
      min-height: 700px;
  }

  .w100 {
      width: 100% !important;
  }

  .language_en{
      font-family: "Inter", system-ui, 'KhmerOS_Content', -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
      font-weight: 500;
      line-height: 1.5715;
      -webkit-text-size-adjust: 100%;
  }

  .language_kh{
      font-family: 'KhmerOS_Content';
      font-weight: 500;
  }
  .tooltip-inner{
      font-family: 'KhmerOS_Content';
      font-weight: 500;
      background-color: rgb(12 131 255);
      color: #fff;
  }
  .font-kh-muol{
      font-family: 'Khmer Os Muol Light';
      font-weight: 500;
  }
  label.required:after {
      content: " *";
      color: red;
  }
  #loadingDataTable{
      -webkit-animation: spin 0.6s linear infinite;
      animation: spin 0.6s linear infinite;
  }
  @-webkit-keyframes spin {
      0% { -webkit-transform: rotate(0deg); }
      100% { -webkit-transform: rotate(360deg); }
  }

  .active-side {
      background-color: rgb(12 131 255) !important; /* Semi-transparent background */
      /* color: rgb(7, 182, 127) !important; */
      color: #fff !important;
         /*  text opactity 1 */
     }

  .confirm-message{
      color: #ff0000;
      font-size: 14px;
      font-weight: 500;
  }

  .error-message {
      font-size: 80%;
      color: rgb(220 53 69);
  }

  .success-message {
      color: green;
  }
  .loader {
      width: 48px;
      height: 48px;
      display: inline-block;
      position: relative;
      border: 3px solid;
      border-color:#de3500 #0000 #1bee4c #0000;
      border-radius: 50%;
      box-sizing: border-box;
      animation: 1s rotate linear infinite;
   }
   .loader:before , .loader:after{
      content: '';
      top: 0;
      left: 0;
      position: absolute;
      border: 10px solid transparent;
      border-bottom-color:#fff;
      transform: translate(-10px, 19px) rotate(-35deg);
    }
   .loader:after {
      border-color: #de3500 #0000 #0000 #0000 ;
      transform: translate(32px, 3px) rotate(-35deg);
    }
     @keyframes rotate {
      100%{    transform: rotate(360deg)}
    }

    .disabled-link {
      pointer-events: none; /* Prevents clicks */
      color: gray;
      cursor: not-allowed;
      text-decoration: none;
  }


  .table>thead>*>* {
    border-bottom: 0.5px solid #ffffff;
}
.table-bordered>:not(caption)>* {
    border-left-width: 0;
    border-bottom-width: 0.5px;
    border-right-width: 0;
    border-top-width: 0;
    border-bottom-color: #dad0d0;
}

table.dataTable th.text-wrap, table.dataTable td.text-wrap {
    width: auto;
    min-width: 450px; /* Ensure the width is enough for wrapping text */
    line-height: 1.9rem; /* Set the line-height to match the height of the text */
    /* letter-spacing: 0.5px; */
}