img{
    object-fit: cover !important;
}

.btn-primary {
    background-color: #5E35A7 !important;
    border: none !important;
}

.btn-faint {
    background-color: #EAE5F4 !important;
    border: none !important;
    color: #5E35A7 !important;
}

.btn-outline-primary{
    border: 1px solid #5E35A7 !important;
}

.btn-primary:hover {
    background-color: #321768 !important;
}
.bg-primary-m {
    background-color: #5E35A7 !important;
}

.bg-primary-ac {
    background-color: #E3CEFF;
}

.bg-primary{
    background-color: #F7F5FB !important;
}

.bg-primary-faint{
    background-color: #5E35A733 !important;
}

.bg-body{
    background-color: #F6F4FA !important;
}

.bg-white{
    background-color: #ffffff !important;
}

.bg-pop {
    background-color: #5E35A7 !important;
}

.bg-cream {
    background-color: #FFF5E6 !important;
}

.bg-faint{
    background-color: #E7E1F2 !important;
}

.bg-faint-2{
    background-color: #ede8f3 !important;
}

.bg-faint-off{
    background-color: #FAF5FF !important;
}

.bg-gray{
    background-color: #F3F3F3 !important;
}

.text-primary {
    color: #5E35A7 !important;
}

.text-white {
    color: #ffffff !important;
}

.text-dark {
    color: #101010 !important;
}

.text-dark-oth {
    color: #212529 !important;
}

.text-gray {
    color: #49484C !important;
}

.text-gray-faint {
    color: #878787 !important;
}

.text-size-10{
    font-size: 10px !important;
}

.text-size-12{
    font-size: 12px !important;
}

.text-size-14{    font-size: 14px !important;
}

.link-primary {
    color: #5E35A7 !important;
}

.link-primary:hover {
    color: #321768 !important;
}

.border-none{
    border: none !important;
}

.borer-bottom{
    border-bottom: 1px solid #10101040 !important;
}

.borer-bottom2{
    border-bottom: 2px solid #101010 !important;
}

.borer-left{
    border-left: 2px solid #10101040 !important;
}

.borer-top{
    border-top: 1px solid #10101040 !important;
}

a {
    text-decoration: none;
}

a:hover{
    color: #321768 !important;
}

.cursor-pointer{
    cursor: pointer;
}

input{
    background-color: #ffffff !important;
}

.form-control {
     background-color: #fff;
 }

 input:focus,
 textarea:focus,
 select:focus {
     outline: none !important;
     box-shadow: none !important;
     border-color: inherit !important;
     /* You can set a specific color if needed */
 }

.page-link{
    color: #101010BF !important;
    border: none !important;
}

 .active> .page-link{
    background-color: #5E35A7 !important;
    color: #ffffff !important;
 }

  /* Remove the default sorting arrows */
  th.sorting:after,
  th.sorting_desc:after,
  th.sorting_asc:after {
      display: none !important;
  }
  
  th.sorting:before,
  th.sorting_desc:before,
  th.sorting_asc:before {
      display: none !important;
  }

  /* Hide the Search: label */
.dataTables_filter label {
    display: none;
}

/* Remove border lines from the table */
table.dataTable {
    border-collapse: separate;
    border-spacing: 0;
    border: none;
    margin-top: 0px !important;
}

table.dataTable thead th,
table.dataTable tbody td {
    font-size: 14px;
    border: none;
    /* Remove border lines from header and body cells */
}

/* Add alternating row background colors */
table.dataTable tbody tr:nth-child(even), .odd {
    background-color: #ffffff !important;
    /* Light grey background for odd rows */
}

table.dataTable tbody tr:nth-child(odd), .even {
    background-color: #5E35A726 !important;
    /* Slightly darker grey background for even rows */
}

.forcetablebg table.dataTable tbody tr{
    background-color: #ffffff !important;
    margin-bottom: 10px;
}

.forcetablebg table.dataTable tbody tr td{
    border-bottom: 2px solid #E7E7E7;
    padding: 8px 1px;
}

/* Add a border to the entire table */
.dataTables_wrapper .row {
    border: none;
}

table.dataTable thead th{
    color: #5E35A7 !important;
}

table.dataTable thead tr{
    background-color: #ffffff !important;
}

.table> :not(caption)>*>*{
    background-color: unset !important;
}

table.dataTable.table-striped>tbody>tr.odd>*, .accordion-button:focus{
    box-shadow: unset !important;
}

button:focus:not(:focus-visible) {
    outline: unset !important;
}

.accordion-button:not(.collapsed){
    background-color: #5E35A7 !important;
    color: #ffffff !important;
}

.accordion-button:not(.collapsed) a{
    color: #ffffff !important;
}

.accordion-button{
    background-color: #5E35A71A !important;
    color: #5E35A7 !important;
}

.accordion-button a{
    color: #5E35A7 !important;
}

.accordion-button-dvi:not(.collapsed) {
    background-color: #DCC6FB !important;
    color: #5E35A7 !important;
}

.accordion-button-dvi {
    background-color: #ffffff !important;
    color: #5E35A7 !important;
}

.w-45 {
    width: 45% !important;
}

.w-85 {
    width: 85% !important;
}

.curve{
    border-radius: 10px;
}

.curve-top{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.curve-bottom{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.curve-left{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.curve-right{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.forceAccorrdionRMP{
    background-color: #E3CEFF !important;
    border-bottom-left-radius: unset !important;
    border-bottom-right-radius: unset !important;
}

.forceAccorrdionRMP:not(.collapsed) {
    background-color: #ffffff !important;
    box-shadow: unset !important;
}

.forceAccorrdionRMP::after{
    content: unset !important;
}

.forceAccorrdionA:not(.collapsed){
    display: none !important;
}

.ellipsis-200{
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    width: 200px !important; /* Adjust this to your desired width */
}

.accordionNoMarginY{
    --bs-accordion-btn-padding-y: 0px !important;
}

.progress-item {
    margin-bottom: 25px;
}

.progress-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.progress-label {
    font-size: 14px;
    color: #333;
    font-weight: 500;
}

.progress-count {
    font-size: 14px;
    color: #999;
    font-weight: 600;
}

.progress-bar-container {
    width: 100%;
    height: 10px;
    background: #f0f0f0;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.progress-bar {
    height: 100%;
    background: #FFA500;
    border-radius: 10px;
    transition: width 0.3s ease;
}