.multi_tabs_nav .tab_design
{
    background-color: #053385 !important;
}
.multi_tabs_nav .tabheadercss
{
    background-color: #f3751e !important;
}
.multi_tabs_nav .tab_design .tab-overflow
{
   background-color:#51504e !important;
}
.multi_tabs_nav .linkss
{
   background-color: #51504e !important;
}
.app-header .navbar-brand
{
    padding-top: 1px!important;
    padding-bottom: 1px!important;
}
.app-sidebar .menu .menu-item .menu-submenu .menu-item.active>.menu-link
{
    color: #fff!important;
}
.app-sidebar .menu .menu-item .menu-submenu .menu-item .active::before {
    background: #007fff !important;
}
.app-sidebar .menu .menu-item.has-sub .menu-item.active > .menu-link {
    background: none !important;
}
.app-sidebar .menu > .menu-item.active > .menu-link {
    background-color: #007fff !important;
}
.app-sidebar .menu .menu-item.active>.menu-link .menu-icon {
    color: #ffffff!important;
}
.tab_design .nav.nav-tabs.nav-tabs-inverse .nav-item .nav-link.active {
    color: var(--bs-component-color);
    background-color: var(--bs-component-bg);
    font-weight: 500;
}
.tab_design tabs-inverse .nav-item .nav-link {
    color: rgb(255 255 255);
    font-weight: 500;
}
.tab_design tabs-inverse .nav-item .nav-link:hover {
    color: rgb(255 255 255);
    font-weight: 500;
}
.tab_design .nav.nav-tabs.nav-tabs-inverse .nav-item .nav-link {
    color: rgb(255 255 255);
    font-weight: 500;
}
.multi_tabs_nav .tab_design
{
    background-color:#51504e !important;
}
.app-gradient-enabled .app-sidebar .menu .menu-item.active>.menu-link 
{
    background: none!important;
}


.app-gradient-enabled .app-sidebar .menu .menu-item.active>.menu-link 
{
     background: none!important;
}
.btn-purple
{
    color: #FFFFFF !important;
    background-color: #f3751e !important;
    border: none !important;
    --bs-btn-active-color: #FFFFFF !important;
    --bs-btn-active-bg: #276baa !important;
    --bs-btn-padding-y: 0.4100rem !important;
    --bs-btn-padding-x: 0.625rem !important;
    --bs-btn-font-size: 0.75rem !important;
    --bs-btn-border-radius: 3px !important;
}
 
.btn-purple:hover
{
    color: #FFFFFF;
    background-color: #f3751e;
    border: none;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #276baa;
    --bs-btn-padding-y: 0.4100rem;
    --bs-btn-padding-x: 0.625rem;
    --bs-btn-font-size: 0.75rem;
    --bs-btn-border-radius: 3px;
}
 
.btn-indigo
{
    color: #FFFFFF !important;
    background-color: #f3751e !important;
    border: none !important;
    --bs-btn-active-color: #FFFFFF !important;
    --bs-btn-active-bg: #276baa !important;
    --bs-btn-padding-y: 0.4100rem !important;
    --bs-btn-padding-x: 0.625rem !important;
    --bs-btn-font-size: 0.75rem !important;
    --bs-btn-border-radius: 3px !important;
}
 
.btn-indigo:hover
{
    color: #FFFFFF;
    background-color: #f3751e;
    border: none;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #276baa;
    --bs-btn-padding-y: 0.4100rem;
    --bs-btn-padding-x: 0.625rem;
    --bs-btn-font-size: 0.75rem;
    --bs-btn-border-radius: 3px;
}
 
.custom-text
{
    color:#3c3d3f !important;
}
 
.login-cover .login-cover-bg {
    background: linear-gradient(to bottom, rgba(0, 0, 0, .45) 0, rgba(0, 0, 0, .2))!important;
}
 
.breadcrumb 
{
    color: #ffffff;
}
.breadcrumb .breadcrumb-item
{
    color: #ffffff;
}
.custom-header
{
    color:#ffffff !important;
}
.error_msg
{
    border-left: 1px solid red!important;
}

.swal-icon--success:after {
    border-radius: 0 120px 120px 0!important;
    top: -20px!important;
    left: 46px!important;
 
}
 
 
.swal-icon--success:before {
    border-radius: 120px 0 0 120px;
    top: -19px!important;
    left: -16px!important;
 
}
.swal-icon--success__ring {
    width: 80px;
    height: 80px;
    border: 4px solid hsla(98, 55%, 69%, .2);
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    left: 2px;
    top: -3px;
    z-index: 2;
 
    }
 
    .swal-overlay .swal-modal .swal-icon {
    margin-top: 0;
    margin-bottom: 3.70625rem;
}
 
 
    .swal-icon--success__line--tip {
    width: 25px;
    left: 20px;
    top: 47px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-animation: animatePrimaryTip .75s;
    animation: animatePrimaryTip .75s;
}
 
 
.swal-icon--success__line--long {
    width: 47px;
    right: 0px;
    top: 41px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: animatePrimaryLong .75s;
    animation: animatePrimaryLong .75s;
}
 
 
.swal-button 
{
    background: #f3751e!important;
    hover:none;
}
 
.swal-overlay .swal-modal .swal-title 
{
    margin-bottom: 35px!important;
    font-size: 1.875rem!important;
}
 
.swal-overlay .swal-modal .swal-text 
{
    margin-bottom: 18px!important;
    font-weight: 500 !important;
    font-size: 1rem!important;
    color: #ffffff;
}
 
.swal-modal 
{
    width: 625px!important;
    background-image: url(../../images/swalbg10.jpg) !important;
    background-size: cover !important;
}
 
.swal-overlay .swal-modal 
{
     background-image: url(../../images/swalbg10.jpg) !important;
    background-size: cover !important;
}
th.sort-by5 {
    padding-right: 18px;
    position: relative; /* Ensure the arrows position correctly */
    cursor: pointer;
}

th.sort-by5:before,
th.sort-by5:after {
    border: 4px solid transparent;
    content: "";
    display: block;
    height: 0;
    right: 5px;
    top: 50%;
    position: absolute;
    width: 0;
}

th.sort-by5:before {
    border-bottom-color: #666;
    margin-top: -9px;
}

th.sort-by5:after {
    border-top-color: #666;
    margin-top: 1px;
}





th.sort-by6 {
    padding-right: 18px;
    position: relative; /* Ensure the arrows position correctly */
    cursor: pointer;
}

th.sort-by6:before,
th.sort-by6:after {
    border: 4px solid transparent;
    content: "";
    display: block;
    height: 0;
    right: 5px;
    top: 50%;
    position: absolute;
    width: 0;
}

th.sort-by6:before {
    border-bottom-color: #666;
    margin-top: -9px;
}

th.sort-by6:after {
    border-top-color: #666;
    margin-top: 1px;
}








th.sort-by4 {
    padding-right: 18px;
    position: relative; /* Ensure the arrows position correctly */
    cursor: pointer;
}

th.sort-by4:before,
th.sort-by4:after {
    border: 4px solid transparent;
    content: "";
    display: block;
    height: 0;
    right: 5px;
    top: 50%;
    position: absolute;
    width: 0;
}

th.sort-by4:before {
    border-bottom-color: #666;
    margin-top: -9px;
}

th.sort-by4:after {
    border-top-color: #666;
    margin-top: 1px;
}


th.sort-by3 {
    padding-right: 18px;
    position: relative; /* Ensure the arrows position correctly */
    cursor: pointer;
}

th.sort-by3:before,
th.sort-by3:after {
    border: 4px solid transparent;
    content: "";
    display: block;
    height: 0;
    right: 5px;
    top: 50%;
    position: absolute;
    width: 0;
}

th.sort-by3:before {
    border-bottom-color: #666;
    margin-top: -9px;
}

th.sort-by3:after {
    border-top-color: #666;
    margin-top: 1px;
}


th.sort-by2 {
    padding-right: 18px;
    position: relative; /* Ensure the arrows position correctly */
    cursor: pointer;
}

th.sort-by2:before,
th.sort-by2:after {
    border: 4px solid transparent;
    content: "";
    display: block;
    height: 0;
    right: 5px;
    top: 50%;
    position: absolute;
    width: 0;
}

th.sort-by2:before {
    border-bottom-color: #666;
    margin-top: -9px;
}

th.sort-by2:after {
    border-top-color: #666;
    margin-top: 1px;
}

.pagination7
    {
        --bs-pagination-padding-x:0.75rem;
        --bs-pagination-padding-y:0.375rem;
        --bs-pagination-font-size:0.75rem;
        --bs-pagination-color:rgba(var(--bs-component-color-rgb), 0.75);
        --bs-pagination-bg:var(--bs-component-bg);
        --bs-pagination-border-width:1px;
        --bs-pagination-border-color:var(--bs-component-border-color);
        --bs-pagination-border-radius:4px;
        --bs-pagination-hover-color:var(--bs-component-hover-color);
        --bs-pagination-hover-bg:var(--bs-component-hover-bg);
        --bs-pagination-hover-border-color:var(--bs-component-border-color);
        --bs-pagination-focus-color:#20252a;
        --bs-pagination-focus-bg:#e9ecef;
        --bs-pagination-focus-box-shadow:0;
        --bs-pagination-active-color:var(--bs-component-active-color);
        --bs-pagination-active-bg:var(--bs-component-active-bg);
        --bs-pagination-active-border-color:var(--bs-component-active-bg);
        --bs-pagination-disabled-color:var(--bs-component-disabled-color);
        --bs-pagination-disabled-bg:var(--bs-component-disabled-bg);
        --bs-pagination-disabled-border-color:var(--bs-component-disabled-border-color);
        display:flex;padding-left:0;list-style:none
    }

 .pagination5
    {
        --bs-pagination-padding-x:0.75rem;
        --bs-pagination-padding-y:0.375rem;
        --bs-pagination-font-size:0.75rem;
        --bs-pagination-color:rgba(var(--bs-component-color-rgb), 0.75);
        --bs-pagination-bg:var(--bs-component-bg);
        --bs-pagination-border-width:1px;
        --bs-pagination-border-color:var(--bs-component-border-color);
        --bs-pagination-border-radius:4px;
        --bs-pagination-hover-color:var(--bs-component-hover-color);
        --bs-pagination-hover-bg:var(--bs-component-hover-bg);
        --bs-pagination-hover-border-color:var(--bs-component-border-color);
        --bs-pagination-focus-color:#20252a;
        --bs-pagination-focus-bg:#e9ecef;
        --bs-pagination-focus-box-shadow:0;
        --bs-pagination-active-color:var(--bs-component-active-color);
        --bs-pagination-active-bg:var(--bs-component-active-bg);
        --bs-pagination-active-border-color:var(--bs-component-active-bg);
        --bs-pagination-disabled-color:var(--bs-component-disabled-color);
        --bs-pagination-disabled-bg:var(--bs-component-disabled-bg);
        --bs-pagination-disabled-border-color:var(--bs-component-disabled-border-color);
        display:flex;padding-left:0;list-style:none
    }
    .pagination6
    {
        --bs-pagination-padding-x:0.75rem;
        --bs-pagination-padding-y:0.375rem;
        --bs-pagination-font-size:0.75rem;
        --bs-pagination-color:rgba(var(--bs-component-color-rgb), 0.75);
        --bs-pagination-bg:var(--bs-component-bg);
        --bs-pagination-border-width:1px;
        --bs-pagination-border-color:var(--bs-component-border-color);
        --bs-pagination-border-radius:4px;
        --bs-pagination-hover-color:var(--bs-component-hover-color);
        --bs-pagination-hover-bg:var(--bs-component-hover-bg);
        --bs-pagination-hover-border-color:var(--bs-component-border-color);
        --bs-pagination-focus-color:#20252a;
        --bs-pagination-focus-bg:#e9ecef;
        --bs-pagination-focus-box-shadow:0;
        --bs-pagination-active-color:var(--bs-component-active-color);
        --bs-pagination-active-bg:var(--bs-component-active-bg);
        --bs-pagination-active-border-color:var(--bs-component-active-bg);
        --bs-pagination-disabled-color:var(--bs-component-disabled-color);
        --bs-pagination-disabled-bg:var(--bs-component-disabled-bg);
        --bs-pagination-disabled-border-color:var(--bs-component-disabled-border-color);
        display:flex;padding-left:0;list-style:none
    }


.paginationassess
{--bs-pagination-padding-x:0.75rem;
    --bs-pagination-padding-y:0.375rem;
    --bs-pagination-font-size:0.75rem;
    --bs-pagination-color:rgba(var(--bs-component-color-rgb), 0.75);
    --bs-pagination-bg:var(--bs-component-bg);
    --bs-pagination-border-width:1px;
    --bs-pagination-border-color:var(--bs-component-border-color);
    --bs-pagination-border-radius:4px;
    --bs-pagination-hover-color:var(--bs-component-hover-color);
    --bs-pagination-hover-bg:var(--bs-component-hover-bg);
    --bs-pagination-hover-border-color:var(--bs-component-border-color);
    --bs-pagination-focus-color:#20252a;
    --bs-pagination-focus-bg:#e9ecef;
    --bs-pagination-focus-box-shadow:0;
    --bs-pagination-active-color:var(--bs-component-active-color);
    --bs-pagination-active-bg:var(--bs-component-active-bg);
    --bs-pagination-active-border-color:var(--bs-component-active-bg);
    --bs-pagination-disabled-color:var(--bs-component-disabled-color);
    --bs-pagination-disabled-bg:var(--bs-component-disabled-bg);
    --bs-pagination-disabled-border-color:var(--bs-component-disabled-border-color);
    display:flex;padding-left:0;list-style:none}

    
    .pagination4
    {
        --bs-pagination-padding-x:0.75rem;
        --bs-pagination-padding-y:0.375rem;
        --bs-pagination-font-size:0.75rem;
        --bs-pagination-color:rgba(var(--bs-component-color-rgb), 0.75);
        --bs-pagination-bg:var(--bs-component-bg);
        --bs-pagination-border-width:1px;
        --bs-pagination-border-color:var(--bs-component-border-color);
        --bs-pagination-border-radius:4px;
        --bs-pagination-hover-color:var(--bs-component-hover-color);
        --bs-pagination-hover-bg:var(--bs-component-hover-bg);
        --bs-pagination-hover-border-color:var(--bs-component-border-color);
        --bs-pagination-focus-color:#20252a;
        --bs-pagination-focus-bg:#e9ecef;
        --bs-pagination-focus-box-shadow:0;
        --bs-pagination-active-color:var(--bs-component-active-color);
        --bs-pagination-active-bg:var(--bs-component-active-bg);
        --bs-pagination-active-border-color:var(--bs-component-active-bg);
        --bs-pagination-disabled-color:var(--bs-component-disabled-color);
        --bs-pagination-disabled-bg:var(--bs-component-disabled-bg);
        --bs-pagination-disabled-border-color:var(--bs-component-disabled-border-color);
        display:flex;padding-left:0;list-style:none
    }

    .tabheadercss
    {
      background-color: #653ea7!important;
      color: #000!important;
  }
  .tabheadercss a
  {
      cursor: auto!important;
  }
  .tab-overflow
  {
      background-color: black;
  }
  .tab-overflow ul li 
  {
      border-right:1px solid #5c5c5c!important;
  }
  .tab-overflow ul li a
  {
      color: #fff!important;
  }
  .tab-overflow ul li a.active
  {
      color: #000!important;
  }

  
  .widgetstat
  {
      top: .8375rem!important;
      font-size: 45px!important;
      width: 100px!important;
      opacity: .30!important;
      
  }
  .widgetpadding
  {
      padding: .3375rem .9375rem!important;
  }





  .custom-badge
  {
   color:#009ef7 !important; 
   background-color: #f1faff !important; 
   font-weight: 500; 
   cursor: context-menu;
}

th.sort-by {
    padding-right: 18px;
    position: relative; /* Ensure the arrows position correctly */
    cursor: pointer;
}

th.sort-by:before,
th.sort-by:after {
    border: 4px solid transparent;
    content: "";
    display: block;
    height: 0;
    right: 5px;
    top: 50%;
    position: absolute;
    width: 0;
}

th.sort-by:before {
    border-bottom-color: #666;
    margin-top: -9px;
}

th.sort-by:after {
    border-top-color: #666;
    margin-top: 1px;
}
th.descending:before { border-bottom-color: blue !important; } /* Blue when active */
th.ascending:after { border-top-color: blue !important; } /* Red when active */

.required::after {
    content: "*";
    color: #e74242;
    font-weight: bold;
}

.pagination2
{
    --bs-pagination-padding-x:0.75rem;
    --bs-pagination-padding-y:0.375rem;
    --bs-pagination-font-size:0.75rem;
    --bs-pagination-color:rgba(var(--bs-component-color-rgb), 0.75);
    --bs-pagination-bg:var(--bs-component-bg);
    --bs-pagination-border-width:1px;
    --bs-pagination-border-color:var(--bs-component-border-color);
    --bs-pagination-border-radius:4px;
    --bs-pagination-hover-color:var(--bs-component-hover-color);
    --bs-pagination-hover-bg:var(--bs-component-hover-bg);
    --bs-pagination-hover-border-color:var(--bs-component-border-color);
    --bs-pagination-focus-color:#20252a;
    --bs-pagination-focus-bg:#e9ecef;
    --bs-pagination-focus-box-shadow:0;
    --bs-pagination-active-color:var(--bs-component-active-color);
    --bs-pagination-active-bg:var(--bs-component-active-bg);
    --bs-pagination-active-border-color:var(--bs-component-active-bg);
    --bs-pagination-disabled-color:var(--bs-component-disabled-color);
    --bs-pagination-disabled-bg:var(--bs-component-disabled-bg);
    --bs-pagination-disabled-border-color:var(--bs-component-disabled-border-color);
    display:flex;padding-left:0;list-style:none
}

.pagination3
{
    --bs-pagination-padding-x:0.75rem;
    --bs-pagination-padding-y:0.375rem;
    --bs-pagination-font-size:0.75rem;
    --bs-pagination-color:rgba(var(--bs-component-color-rgb), 0.75);
    --bs-pagination-bg:var(--bs-component-bg);
    --bs-pagination-border-width:1px;
    --bs-pagination-border-color:var(--bs-component-border-color);
    --bs-pagination-border-radius:4px;
    --bs-pagination-hover-color:var(--bs-component-hover-color);
    --bs-pagination-hover-bg:var(--bs-component-hover-bg);
    --bs-pagination-hover-border-color:var(--bs-component-border-color);
    --bs-pagination-focus-color:#20252a;
    --bs-pagination-focus-bg:#e9ecef;
    --bs-pagination-focus-box-shadow:0;
    --bs-pagination-active-color:var(--bs-component-active-color);
    --bs-pagination-active-bg:var(--bs-component-active-bg);
    --bs-pagination-active-border-color:var(--bs-component-active-bg);
    --bs-pagination-disabled-color:var(--bs-component-disabled-color);
    --bs-pagination-disabled-bg:var(--bs-component-disabled-bg);
    --bs-pagination-disabled-border-color:var(--bs-component-disabled-border-color);
    display:flex;padding-left:0;list-style:none
}
.page-link
{
    position:relative;display:block;

    padding:var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    font-size:var(--bs-pagination-font-size);
    color:var(--bs-pagination-color);
    text-decoration:none;background-color:var(--bs-pagination-bg);
    border:var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
}

.row-mg
{
    margin-left: -0.2rem;
    margin-right: -0.2rem;
}

.analytics_card .text-fontcolor
{
  color:#3949ab;
}
.analytics_card .fs-30px {
    font-size: 30px;
}
.analytics_card .fs-13px {
    font-size: 13px;
}
.analytics_card .text-muted {
    color: #6c757d;
}
.analytics_card .border-start {
    border-left: 1px dashed #e0e0e0;
}

/*.buttons-excel{ border-radius: 5px 0px 0px 5px;border-right: 1px solid #706262;}
.buttons-pdf { border-radius: 0px 5px 5px 0px;}*/

.pagination1
{--bs-pagination-padding-x:0.75rem;
    --bs-pagination-padding-y:0.375rem;
    --bs-pagination-font-size:0.75rem;
    --bs-pagination-color:rgba(var(--bs-component-color-rgb), 0.75);
    --bs-pagination-bg:var(--bs-component-bg);
    --bs-pagination-border-width:1px;
    --bs-pagination-border-color:var(--bs-component-border-color);
    --bs-pagination-border-radius:4px;
    --bs-pagination-hover-color:var(--bs-component-hover-color);
    --bs-pagination-hover-bg:var(--bs-component-hover-bg);
    --bs-pagination-hover-border-color:var(--bs-component-border-color);
    --bs-pagination-focus-color:#20252a;
    --bs-pagination-focus-bg:#e9ecef;
    --bs-pagination-focus-box-shadow:0;
    --bs-pagination-active-color:var(--bs-component-active-color);
    --bs-pagination-active-bg:var(--bs-component-active-bg);
    --bs-pagination-active-border-color:var(--bs-component-active-bg);
    --bs-pagination-disabled-color:var(--bs-component-disabled-color);
    --bs-pagination-disabled-bg:var(--bs-component-disabled-bg);
    --bs-pagination-disabled-border-color:var(--bs-component-disabled-border-color);
    display:flex;padding-left:0;list-style:none}

    .cardbg ul 
    {
      background-color: white!important;
  }
  .cardbg ul li
  {
      text-align: left!important;
      color: #348fe2!important;
  }
  .cardbg ul li a
  {
      color: #348fe2!important;
  }
  .cardbg {
      border-radius: 6px; /* Rounded corners for a modern and smooth look */
      background-color: #ffffff; /* White background for a clean look */
      box-shadow: -2px 3px 2px rgb(23 10 177 / 30%);
      overflow: hidden; /* Ensures that border radius works properly */
  }
/* Optional: Focus effect for accessibility */
.cardbg:focus {
  outline: none!important;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2)!important; /* Stronger shadow on focus */
}
.nav-tabs-inverse .nav-item .nav-link {
  border-radius: 6px!important; /* Rounded corners for tabs */
  padding: 10px 20px!important\; /* More space for better alignment */
  font-size: 12px!important;
  font-weight: 500!important;
  transition: background-color 0.3s ease!important; /* Smooth background color change */
}
.nav-tabs-inverse .nav-item .nav-link.active {
  color: purple!important; /* Highlighted tab */
}
/*.nav-tabs-inverse .nav-item .nav-link:hover {
  color:purple!important; /* Subtle hover effect on tabs */
}*/
/* Adjust icon spacing */
.nav-link i {
  margin-right: 8px;
}


th.sort-by1 {
    padding-right: 18px;
    position: relative; /* Ensure the arrows position correctly */
    cursor: pointer;
}

th.sort-by1:before,
th.sort-by1:after {
    border: 4px solid transparent;
    content: "";
    display: block;
    height: 0;
    right: 5px;
    top: 50%;
    position: absolute;
    width: 0;
}

th.sort-by1:before {
    border-bottom-color: #666;
    margin-top: -9px;
}

th.sort-by1:after {
    border-top-color: #666;
    margin-top: 1px;
}
th.descending:before { border-bottom-color: blue !important; } /* Blue when active */
th.ascending:after { border-top-color: blue !important; } /* Red when active */