.table-div{
  height: 70vh;
  overflow-y: auto;
  overflow-x: auto;
  padding: 15px;
  background-color: #fff;
  border-radius: 25px;
  -webkit-box-shadow: -1px 3px 12px -1px rgba(51, 51, 51, 0.49);
  -moz-box-shadow: -1px 3px 12px -1px rgba(51, 51, 51, 0.49);
  box-shadow: -1px 3px 12px -1px rgba(51, 51, 51, 0.49);
}

.content-div{
  height: 85vh;
  overflow-y: auto;
}

td{
  word-wrap:break-word
}

#detailsTable{
  width: 100%;
  scrollbar-width: 5px;
}


::-webkit-scrollbar {
  width: 5px;
}


::-webkit-scrollbar-track {
  background: #f1f1f1;
}


::-webkit-scrollbar-thumb {
  background: #888;
}


::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.dt-left {
  text-align: left;
}


.btnExport{
border-radius: 15px!important;
background-color: #e92d30!important;
color:white!important;
}

div.dt-container .dt-paging .dt-paging-button {
border-radius: 25px !important;
background-color: #FFF !important;
border-color: #e92d30 !important;
color: #e92d30 !important;
margin-left: 5px;
margin-right: 5px;
}

div.dt-container .dt-paging .dt-paging-button:hover {
color: white !important;
border: 1px solid #e92d30 !important;
background-color: #e92d30 !important;
background: #e92d30 !important;

}

div.dt-container .dt-paging .dt-paging-button.current, div.dt-container .dt-paging .dt-paging-button.current:hover{
background-color: #e92d30 !important;
color: #FFFFFF !important;
}

div.dt-container .dt-paging .dt-paging-button.disabled,
div.dt-container .dt-paging .dt-paging-button.disabled:hover{
background-color: rgb(226, 223, 223) !important;
color: #000 !important;
border-color: gray !important;
}

div.dt-container .dt-search input {
background-color: #FFF !important;
}

div.dt-container select.dt-input{
background-color: #FFF !important;
}


.loader-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: white;
display: flex;
justify-content: center;
align-items: center;
z-index: 1000; /* Ensure it's on top of all other elements */
opacity: 0.5;
}

/* HTML: <div class="loader"></div> */
.loader {
width: 50px;
aspect-ratio: 1.154;
position: relative;
background: conic-gradient(from 120deg at 50% 64%,#0000, #e92d30 1deg 120deg,#0000 121deg);
animation: l27-0 1.5s infinite cubic-bezier(0.3,1,0,1);
}
.loader:before,
.loader:after {
content:'';
position: absolute;
inset:0;
background:inherit;
transform-origin: 50% 66%;
animation: l27-1 1.5s infinite;
}
.loader:after {
--s:-1;
}
@keyframes l27-0 {
 0%,30%      {transform: rotate(0)}
 70%         {transform: rotate(120deg)}
 70.01%,100% {transform: rotate(360deg)}
}
@keyframes l27-1 {
 0%      {transform: rotate(calc(var(--s,1)*120deg)) translate(0)}
 30%,70% {transform: rotate(calc(var(--s,1)*120deg)) translate(calc(var(--s,1)*-5px),10px)}
 100%    {transform: rotate(calc(var(--s,1)*120deg)) translate(0)}
}


.form-check-input[type="radio"] {
  border-color: #6c757d; /* Gray border for unchecked */
}

/* Checked state */
.form-check-input[type="radio"]:checked {
  background-color: #e92d30; /* Blue fill for checked */
  border-color: #e92d30; /* Blue border for checked */
}

/* Optional: Hover state */
.form-check-input[type="radio"]:hover {
  cursor: pointer;
}