f#topheader .navbar { text-align: right; display: block; }
@media (max-width: 992px) {
	#topheader { display: none; }
}
.main-menu .dropdown-menu {
    margin-top: 40px;
}
.owl-item {
    max-height: 500px;
}


.mypslides {
  position: relative;
}
.mypslides .slide {
  position: absolute;
  top: 0;
  width: calc(33% - 1em);
  max-height: 3.5em;
  margin: 0.5em;
  padding: 1em;
  background: #daffec;
  /* color: white; */
  float: left;
  overflow: hidden;
  transition: max-height 0.25s ease-in-out, width 0.25s 0.25s ease-in-out, left 0.25s 0.5s ease-in-out, top 0.25s 0.75s ease-in-out;
  border-radius: 5px;
  border:1px solid #0e2e50;
}
.mypslides .slide:nth-child(1) {
  left: 0%;
}
.mypslides .slide:nth-child(2) {
  left: 33.3333%;
}
.mypslides .slide:nth-child(3) {
  left: 66.6666%;
}
.mypslides .slide > a {
  display: block;
  padding-bottom: 1em;
  text-transform: uppercase;
  text-decoration: none;
  /*color: #ec93a2; */
  transition: color 2s;
  font-weight: bold;
}
.mypslides .slide.active {
  position: absolute;
  top: 4.5em;
  left: 0;
  width: 100%;
  max-height: 20em;
  float: none;
  transition: top 0.25s 1s ease-in-out, left 0.25s 1.25s ease-in-out, width 0.25s 1.5s ease-in-out, max-height 0.25s 1.75s ease-in-out;
}
/*.mypslides .slide.active a {
  color: white;
}*/

/** PAGE STYLES **/
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before, .mypslides:before,
.cf:after,
.slides:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.cf:after, .mypslides:after {
  clear: both;
}
.titleunderline {
  border-bottom: 1px solid #0e2e50;
}
#calendar {
  max-width: 100%;
  margin: 0 auto;
  height: 606px;
}
#instruments-table td {
  white-space: wrap !important;
}

#instruments-table-list td {
  white-space: wrap !important;
}

.ibric-page {
  display: grid;
  grid-template-columns: auto auto auto auto auto auto auto auto;
  column-gap: 2px;
  row-gap: 2px;
  list-style: none;
  padding: 0;
  margin: 15px auto 0;
  
}

.ibric-page li {
  background-color: #FDC9B5;
  color: #fff;
  padding: 20px;
  text-align: center;
  border-radius: 5px;
  transition: transform .2s;
}
.ibric-page li:hover {
	transform: scale(1.2);
}
.ibric-page li.even {
	background-color: #A4FFD1;
}
.ibric-page li a{
  color: #0E2D4F;
}
@media (max-width: 767.98px) {
  .ibric-page {
    grid-template-columns: auto auto;
  }
}
.form-control { appearance: auto !important; }

.pending { color: #400040; font-weight: bold; text-transform: capitalize; }
.forwarded { color: #FC6224; font-weight: bold; text-transform: capitalize; }
.reserved { color: #d3ae0a; font-weight: bold; text-transform: capitalize; }
.confirmed { color: #24ADF3; font-weight: bold; text-transform: capitalize; }
.completed { color: #006633; font-weight: bold; text-transform: capitalize; }
.canceled { color: #ff0000; font-weight: bold; text-transform: capitalize; }

.mybox { background-color: #F4FFFA;}

.info-box {
  min-height: 100px;
  background: #fff;
  width: 100%;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
  padding: 15px;
  border-radius: 10px;
  color: #fff;
}
.info-box-icon {
  float: left;
  height: 70px;
  width: 70px;
  text-align: center;
  font-size: 30px;
  line-height: 70px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 100%;
}

.info-box-content {
  padding: 10px 10px 10px 0;
  margin-left: 90px;
}
.info-box-text {
  display: block;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 400;
}
.info-box-number {
  font-weight: 300;
  font-size: 21px;
}
.bg-b-blue {
  background: linear-gradient(45deg, #03A9F5, #006695);
}
.bg-b-orange {
  background: linear-gradient(45deg, #ff7d49, #fc6224);
}
.bg-b-purple {
  background: linear-gradient(45deg, #cb7bfc, #6A1B9A);
}
.bg-b-green {
  background: linear-gradient(45deg, #00E874, #006633);
}


.card {
  background-color: #F0D9FB;
  border-radius: 10px;
  position: relative;
  margin-bottom: 30px;
  border: 1px solid #deebfd;
  box-shadow: -8px 12px 18px 0 #dadee8;
}
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #F0D9FB;
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: .25rem;
}
.card {
  word-wrap: break-word;
}

.card2 {
  background-color: #00670f;
  border-radius: 10px;
  position: relative;
  margin-bottom: 30px;
  border: 1px solid #deebfd;
  box-shadow: -8px 12px 18px 0 #dadee8;
}
.card2 {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #00670f;
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: .25rem;
}
.card2 {
  word-wrap: break-word;
}

.card3 {
  background-color: #000040;
  border-radius: 10px;
  position: relative;
  margin-bottom: 30px;
  border: 1px solid #deebfd;
  box-shadow: -8px 12px 18px 0 #dadee8;
}
.card3 {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #000040;
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: .25rem;
}
.card3 {
  word-wrap: break-word;
}


.card4 {
  background-color: #FCE7E2;
  border-radius: 10px;
  position: relative;
  margin-bottom: 30px;
  border: 1px solid #deebfd;
  box-shadow: -8px 12px 18px 0 #dadee8;
}
.card4 {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #FCE7E2;
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: .25rem;
}
.card4 {
  word-wrap: break-word;
}

.card-body:last-child {
  border-radius: 0 0 2px 2px;
}
.card-head header {
  display: inline-block;
  padding: 11px 20px;
  vertical-align: middle;
  line-height: 17px;
  font-size: 17px;
  letter-spacing: 1px;
}
.card-head {
  border-radius: 2px 2px 0 0;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
  padding: 2px;
  text-transform: uppercase;
  color: #3a405b;
  font-size: 14px;
  font-weight: 600;
  line-height: 40px;
  min-height: 40px;
}
.card-body {
  padding: 10px 24px 14px 24px;
  position: relative;
}
.card-body {
  flex: 1 1 auto;
  padding: 1rem 1rem;
}
.box-title {
  color: #000;
  font-weight: 600;
  font-size: 17px;
}

.box-title-light {
  color: #fff;
  font-weight: 600;
  font-size: 17px;
}

.dark .h6,  .dark  b {
  color: #fff;
}

.container-xxl-my { width:99.5%; margin:auto;}

.stat-item {
  display: inline-block;
  padding-right: 15px;
}
.patient-img img {
  height: 30px;
  width: 30px;
  border-radius: 50%;
}


.mytable {
  --bs-table-bg: transparent;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: #212529;
  /* background-color: rgba(255, 255, 255, 0.15); */
  --bs-table-striped-bg: rgba(6, 140, 53, 0.25);
  --bs-table-active-color: #fff;
  --bs-table-active-bg: rgba(253,106,46, 1);
  --bs-table-hover-color: #fff;
  --bs-table-hover-bg: rgba(253,106,46, 1);
  color: #212529;
}
.mytable thead {
  border-color: #fff !important;
}

.mytable2 {
  --bs-table-bg: transparent;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: #fff;
  --bs-table-striped-bg: rgba(144,209,139, 1);
  --bs-table-active-color: #fff;
  --bs-table-active-bg: #34752F;
  --bs-table-hover-color: #fff;
  --bs-table-hover-bg: #34752F;
  color: #212529;
}

.mytable3 {
  --bs-table-bg: transparent;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: #212529;
  --bs-table-striped-bg: rgba(255,255,255, 0.55);
  --bs-table-active-color: #fff;
  --bs-table-active-bg: #0A3C5C;
  --bs-table-hover-color: #fff;
  --bs-table-hover-bg: #0A3C5C;
  color: #212529;
}

/*table.dataTable thead > tr > th.dt-orderable-asc:hover, table.dataTable thead > tr > th.dt-orderable-desc:hover, table.dataTable thead > tr > td.dt-orderable-asc:hover, table.dataTable thead > tr > td.dt-orderable-desc:hover {
  outline: 2px solid rgba(0, 0, 0, 0.5) !important;
}*/




.sidebar {
  background-color: #03A9F5;
  /*margin: 10px;
  padding: 10px;
  border-radius: 10px;*/
  color: #fff;
  padding: 0px;
  width: 13%;
}
.dashboard-superadmin {
  width: 87%;
}
.sidebar ul {
  list-style: none;
  padding-left: 0px;
}

.sidebar ul li {
  padding: 5px 0px;
}

.sidebar ul li a{
  color: #fff;
  padding: 10px 40px;
}

.dropdown-item:hover, .dropdown-item:focus {
  color: #1e2125;
  background-color: #BCE9FE;
}


.fresh-table.full-color-orange {
  background: #ffb33b;
  background: -moz-radial-gradient(center, ellipse cover, #ffb031 0%, #ffdba6 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #ffb031), color-stop(100%, #ffdba6));
  background: -webkit-radial-gradient(center, ellipse cover, #ffb031 0%, #ffdba6 100%);
  background: -o-radial-gradient(center, ellipse cover, #ffb031 0%, #ffdba6 100%);
  background: -ms-radial-gradient(center, ellipse cover, #ffb031 0%, #ffdba6 100%);
  background: radial-gradient(ellipse at center, #ffb031 0%, #ffdba6 100%);
    background-size: auto;
  background-size: 250% 250%;
}

.fresh-table.full-color-azure {
  background: #409ccd;
  background: -moz-radial-gradient(center, ellipse cover, #409ccd 0%, #C7E8FA 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #409ccd), color-stop(100%, #C7E8FA));
  background: -webkit-radial-gradient(center, ellipse cover, #409ccd 0%, #C7E8FA 100%);
  background: -o-radial-gradient(center, ellipse cover, #409ccd 0%, #C7E8FA 100%);
  background: -ms-radial-gradient(center, ellipse cover, #409ccd 0%, #C7E8FA 100%);
  background: radial-gradient(ellipse at center, #409ccd 0%, #C7E8FA 100%);
    background-size: auto;
  background-size: 250% 250%;
}

.fresh-table.full-color-red {
  background: #AA0000;
  background: -moz-radial-gradient(center, ellipse cover, #64d89e 0%, #DFFFEF 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #64d89e), color-stop(100%, #DFFFEF));
  background: -webkit-radial-gradient(center, ellipse cover, #64d89e 0%, #DFFFEF 100%);
  background: -o-radial-gradient(center, ellipse cover, #64d89e 0%, #DFFFEF 100%);
  background: -ms-radial-gradient(center, ellipse cover, #64d89e 0%, #DFFFEF 100%);
  background: radial-gradient(ellipse at center, #64d89e 0%, #DFFFEF 100%);
    background-size: auto;
  background-size: 250% 250%;
}

.fresh-table {
  box-shadow: -15px 27px 69px rgba(0,0,0,.30);
  margin-bottom: 50px;
}

.fresh-table {
  border-radius: 10px;
  color: #666666;
}

.jss11 { position: fixed; width: 13%; }

.card-container-faq {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.card-faq {
  width: 30%;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  padding: 20px;
  margin-bottom: 20px;
  text-align: center;
  cursor: pointer;
  transition: box-shadow 0.3s ease-in-out;
}

.card-faq:hover {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}


.card-faq-blank {
  width: 30%;
  background-color: #ffffff;
}


.accordion-item-faq {
  background-color: white;
  border: 1px solid #e2e2e2;
  border-radius: 5px;
  margin: 10px 0;
  padding: 10px 15px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.accordion-item-faq:hover {
  background-color: #f4f4f4;
}

.accordion-item-faq .title {
  font-size: 16px;
  color: #333;
  font-weight: 500;
}

.accordion-item-faq .icon {
  font-size: 16px;
  color: #333;
  transition: transform 0.3s ease;
}

.accordion-item-faq.active .icon {
  transform: rotate(180deg);
}

.panel-faq {
  background-color: #fff;
  border-left: 1px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  border-radius: 0 0 5px 5px;
  padding: 15px;
  display: none;
  font-size: 14px;
  color: #555;
  line-height: 1.6;
}

.panel-faq.open {
  display: block;
}
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  right: 100%;
  margin-top: -1px;
}

.hidden {
  display: none;
}
#reportsSubmenu {
  background-color: #006695;
}
#reportsSubmenu li {
  margin: 5px 0; /* Space between submenu items */
}
.text-green-600 {
  color: #006633;
  font-weight: 600;
}

.err-red {
  color: #ff0000;
  font-weight: 600;
}
@media (min-width: 1529px) {
  #toggleSidebar { display: none;}
  }
  @media (max-width: 1528px) {
    
    .container-xxl-my .sidebar {
      position: fixed;
      top: 0;
      left: -250px; /* Hidden off the screen */
      height: 100%;
      width: 250px;
      z-index: 999;
      padding: 20px;
      box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5);
      transition: left 0.3s ease; /* Smooth transition */
    }
    
    .dashboard-superadmin {
      width: 100%;
    }
  
    /* Button style */
    #toggleSidebar {
      position: fixed;
      top: 20px;
      left: 20px;
      z-index: 100;
      padding: 10px 20px;
      background-color: #007BFF;
      color: white;
      border: none;
      cursor: pointer;
      margin-left: 140px; 
      margin-block: -6px;
      z-index: 9999;
    }
  
    /* Sidebar visible state */
    .sidebar.active {
      left: 0; /* Slide into view */
    }
  
    /* Overlay style */
    .overlay {
      position: fixed;
      top: 0;
      left: 250px;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black */
      z-index: 90; /* Below the sidebar but above the rest of the content */
      opacity: 0; /* Initially hidden */
      pointer-events: none; /* Prevent interaction when hidden */
      transition: opacity 0.3s ease;
    }
  
    /* Overlay visible state */
    .overlay.active {
      opacity: 1;
      pointer-events: auto; /* Allow interaction when active */
    }
  
  }