/* 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;
      font-size: 14px;
  } */
    .language_kh{
        font-family: 'khmer_Siemreap','Inter',system-ui,-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%; */
   }
  .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: #a1b70c !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;
  }

.btn-core-color{
    background-color: #a1b70c;
    color: #fff;
}
.color-core{
    color: #a1b70c;
}
.text-core{
    color: #a1b70c;
}
.bg-core{
    background-color: #a1b70c;
    color: #fff;
}
.form-control{
    --input-focus-border-color: #a1b70c;
}

.active>.page-link, .page-link.active {
    z-index: 3;
    color: var(--pagination-active-color);
    background-color: #a1b70c;
    border-color: #a1b70c;
}
.btn-flat-core {
    --btn-bg: rgba(161 183 12);
    --btn-color: rgb(255 255 252);
    --btn-border-color: #b8ce26;
    --btn-hover-color: #fff;
    --btn-hover-bg: #a5b924;
    --btn-hover-border-color: #a1b70c;
    --btn-focus-shadow-rgb: var(--primary-rgb);
    --btn-active-color: #6d7822;
    --btn-active-bg: rgba(var(--primary-rgb), .25);
    --btn-active-border-color: #a1b70c;
    --btn-disabled-color: #a1b70c;
    --btn-disabled-bg: rgba(var(--primary-rgb), .05);
}
.border-core{
    border-color: #a1b70c;
}

.btn-core{
    --btn-color: #fff;
    --btn-bg: #a1b70c;
    --btn-border-color: #a1b70c;
    --btn-hover-color: #fff;
    --btn-hover-bg: #abc30c;
    --btn-hover-border-color: #a1b70c;
    --btn-focus-shadow-rgb: 48, 150, 255;
    --btn-active-color: #fff;
    --btn-active-bg: #a1b70c;
    --btn-active-border-color: #a1b70c;
    --btn-active-shadow: inset 0 0 0 0 transparent;
    --btn-disabled-color: #fff;
    --btn-disabled-bg: #a1b70c;
    --btn-disabled-border-color: #a1b70c;
}
.btn-core:hover {
    color: #fff;
    background-color: #abc30c;
    border-color: #a1b70c;
}


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;
}
/* input type radio style cursor pointer */
input[type="radio"] {
    cursor: pointer;
}
/* input type checkbox style cursor pointer */
input[type="checkbox"] {
    cursor: pointer;
}

.select2-selection--multiple .select2-selection__choice {
    background-color: #a1b70c;
    color: #ffffff;
    cursor: default;
}
.active-core {
    background-color: #a1b70c !important;
    color: #fff !important;
}
.table-core {
    background-color: #a1b70c !important;
    color: #fff !important;
}

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; */
}

.loading {
    width: 48px;
    height: 48px;
    border: 5px solid #55e80b;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    }

    @keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
    }