main.main {
  background: #EAEBF0 !important;
}

.app-header {
  background: white !important;
  box-shadow: 0 0 3px rgba(0, 0, 0, .15);
  flex: 0 0 71px !important;
}

.app-footer {
  background: white !important;
  font-size: 20px;
}

.sidebar {
  background: #EAEBF0 !important;

}

/* Sidebar */

.sidebar .nav {
  width: 300px;
  height: 100% !important;
  /* height:px !important; */

}

.sidebar .sidebar-nav,
.sidebar .sidebar-scroll {
  width: 300px;
}

.container-fluid {
  padding: 0 30px 0px 110px !important;
}

@media (max-width: 980px) {
  .sidebar {
    width: 320px !important;
    background: white !important;
    position: fixed !important;
    top: 5 !important;

  }

  .container-fluid {
    padding: 0 30px 0px 30px !important;
  }

  /* .scrollingSidebarFixed {
    position: fixed ! important;
    margin-top: 5px !important;
  }

  .sidebar-scrolling {
    position: fixed ! important;
    top: 0 !important;
  } */


}

/* .sidebar-pills {
  height: 800px !important;
} */

.sidebar.sidebar-pills .nav-link {
  font-size: 18px;
  transition: all .2s ease-in-out;
}

.sidebar.sidebar-pills .nav-link.active {
  background-color: rgba(0, 0, 0, .02);
  color: #6852ed !important;
  border-left: 4px solid #6852ed;
  border-radius: 0 !important;
}

.sidebar.sidebar-pills .nav-link .nav-icon {
  font-size: 1.3rem;
}

.nav-dropdown-items {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-out;
}

.nav-item.nav-dropdown.open>.nav-dropdown-items {
  max-height: 5000px;
  /* adjust based on expected height */
  transition: max-height 0.5s ease-in;
}

.switch-primary .switch-input:checked+.switch-slider {
  border-color: #6852ed;
}

.switch-slider {
  border: 1px solid rgba(66, 0, 249, 0.788);
}

body {
  /* background-color: #464644!important; */
}

.mobileMenuActive {
  background-color: #464648 ! important;
}




@media (min-width: 990px) {
  .container-fluid {
    padding: 0 30px 0px 30px !important;
  }

  .sidebar-pills {
    width: 100% !important;
    height: 100% !important;
    margin-top: 51px !important;
    /* background-color: tomato ! important; */
  }

  /* .scrollingSidebarFixed {
    position: fixed ! important;
    left: 10 !important;
    z-index: 1000 !important;
  } */

  .app-body .sidebar.sidebar-pills {
    flex: 0 0 326px;
    order: -1;
  }

  .app-body {
    width: 100% !important;
  }

  .app-header .navbar-brand {
    color: #6852ed;
    justify-content: start;
  }

  .app-header .navbar-toggler {
    margin-left: 100px;
  }

  .app-header {
    padding-left: 18px;
  }

  main.main {
    margin-top: 51px;
  }

  .app-header {
    position: fixed;
    width: 100%;
    margin: 0px 0px 20px 0px;
    z-index: 999999;
  }

}


@media (max-width: 991.98px) {
  .app-header .navbar-brand {
    margin-top: 0 px;
    color: #6852ed;
  }

  .app-header {
    position: fixed ! important;
    top: 0;
    z-index: 999999;
    box-shadow: 0 0 3px rgb(0 0 0 / 33%) ! important;
  }

  .sidebar-pills {
    margin-top: 51px !important;
  }

  main.main {
    margin-top: 75px;
  }

  .sidebar-pills {
    height: 100% !important;
    overflow-y: auto ! important;
    overflow-x: hidden
  }

  /* .sidebar-scrolling {
    height: 100% !important;
    overflow-y: scroll ! important;
    overflow-x: hidden ! important;
  }

  .scrollingSidebarFixed {
    height: 100% !important;
    overflow-y: scroll ! important;
    overflow-x: hidden ! important;
  }

  .scrollingSidebarFixed ul div {
    overflow-y: scroll ! important;
    overflow-x: hidden ! important;
  } */
}


#crudTable_wrapper #crudTable tbody tr td .p-img-container a {
  background-color: rgba(235, 180, 28, 0) ! important;
  border: 1px solid rgba(255, 99, 71, 0) ! important;
}

#crudTable_wrapper #crudTable tbody tr td .p-img-container a p span:nth-child(2) {
  color: black ! important;
}

#crudTable_wrapper #crudTable tbody tr td .p-img-container a:nth-child(2) {
  color: green ! important;
  text-decoration: none ! important;
}

#crudTable_wrapper #crudTable tbody tr td .p-img-container a:nth-child(2):hover {
  color: #6852ed ! important;

}

#crudTable_wrapper #crudTable tbody tr td .p-img-container {
  border: 4px solid #ada9bc;
}


.text-truncate.fw-600.fs-14 {
  color: #6852ed ! important;
}

.product-card {
  border: 2px solid #6852ed ! important;
  border-radius: 5px ! important;
}

@media (min-width: 1200px) {
  .p-xl-3 {
    padding: 0rem !important;
    padding: 10px 10px !important;
  }

  .sidebar-pills {
    height: 100% !important;
  }
}


/* Search bar */

/* for pdf page */

#html-content-holder div img {
  max-width: 200px !important;
}


.app-footer {
  z-index: 9999 ! important;
}



/* 18/05/2025 */


@media (min-width: 990px) {

  .sidebar-pills {
    width: 100% !important;
    height: 100vh !important;
    margin-top: 51px !important;
    /* background-color: white ! important; */
  }

  .sidebar-pills .sidebar-nav {
    height: 100vh !important;

  }

  .sidebar-nav {
    height: 100vh !important;
  }
}

/* 20/05/2025 */

@media (min-width: 990px) {
  .app-body {
    background-color: #EAEBF0 !important;
  }

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

  html:not([dir=rtl]) .sidebar-lg-show .sidebar,
  html:not([dir=rtl]) .sidebar-show .sidebar {
    height: auto !important;
  }

  .sidebar .nav {
    height: 100% !important;
    margin-bottom: 20px !important;
    background-color: #09122C;
    color: white;
  }

  .mt-md-3,
  .my-md-3 {
    margin-top: 0rem !important;
    margin-bottom: 7.5rem !important;
  }

  .sidebar-pills {
    margin-top: 45px !important;
    background-color: #09122C ! important;
    color: white;
  }

  .sidebar .nav div {
    background-color: rgba(0, 0, 0, 0) ! important;
    color: white;
  }

  .sidebar .nav div li .nav-link {
    color: white ! important;
  }


}

@media (max-width: 991.98px) {
  .sidebar-nav .nav {
    height: auto !important;
  }

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

}

@media (max-width: 991.98px) {
  main.main {
    margin-top: 55px;
  }

  .sidebar-pills {
    background-color: #09122C ! important;
    color: white;
  }

  .sidebar .nav div {
    background-color: rgba(0, 0, 0, 0) ! important;
    color: white;
  }

  .sidebar .nav div li .nav-link {
    color: white ! important;
  }

  .mt-md-3,
  .my-md-3 {
    margin-bottom: 2rem !important;
  }
}

@media (min-width: 990px) {
  .app-header{
    transition: all 3s ease-in-out;
    display: flex ! important;
    flex-direction: row ! important;
    align-items: center ! important;
  }
  .app-header .navbar-brand {
    color: #09122C;
    justify-content: start;
    padding-left: 11px ! important;
    padding-top: 12px ! important;
    display: none ! important;
    transition: all 1s ease-in-out;
  }
.sidebar-lg-show .app-header .navbar-brand {
    color: #ffffff;
    justify-content: start;
    padding-left: 11px ! important;
    display: block ! important;

  }
  .sidebar-lg-show .app-header {
    background: linear-gradient(to right, #09122C 326px, #ffffff 326px) !important;
    background-attachment: fixed !important;
  }


  .app-header .navbar-toggler {
        margin-left: 0px ! important;
    }

   .sidebar-lg-show .app-header .navbar-toggler {
        margin-left: 100px ! important;
    }
}







@media (min-width: 990px) {
    html:not([dir=rtl]) .sidebar-lg-show .sidebar, html:not([dir=rtl]) .sidebar-show .sidebar {
        height: 100% !important;
    }
}


@media (min-width: 990px) {
    .app-body {
        background-color: #09122C!important;
    }
}

@media (min-width: 990px) {
    .sidebar .nav div {
        height: 100vh !important;
        background-color: #09122C  ! important;
        color: white;
        width: 316px;
        overflow-y: auto;
        position: fixed;
        padding-bottom: 20px !important;
        /* top: 30;
        left: 30 !important;  */
    }
}