/**======================================================================
=========================================================================
Template Name: Dashboard Bootstrap 5 Admin Template
Author: Rajodiya Infotech
Support: [support link]
File: style.css
=========================================================================
=================================================================================== */
.pct-customizer {
  position: fixed;
  right: -360px;
  top: 160px;
  z-index: 1025;
  transition: all 0.15s ease-in-out;
}

.pct-customizer.active {
  right: 0;
}

.pct-customizer.active .pct-c-btn {
  padding-right: 0;
}

.pct-customizer .pct-c-btn {
  display: block;
  position: absolute;
  right: 100%;
  top: 0;
  transition: all 0.15s ease-in-out;
}

.pct-customizer .pct-c-btn .btn {
  padding: 17.5px 17.5px;
  display: block;
  border-radius: 8px 0 0 8px;
  box-shadow: 0 9px 9px -1px rgba(81, 69, 157, 0.3);
}

.pct-customizer .pct-c-btn .btn + .btn {
  margin-top: 8px;
}

.pct-customizer .pct-c-content {
  width: 360px;
  position: relative;
  top: 0;
  right: 0;
  background: #fff;
  overflow: hidden;
  border-radius: 0 0 0 4px;
  box-shadow: -9px 0 18px -1px rgba(69, 90, 100, 0.1);
}

.pct-customizer .pct-c-content .pct-header {
  padding: 20px 30px;
  border-bottom: 1px solid #f1f1f1;
}

.pct-customizer .pct-c-content .pct-body {
  padding: 20px 30px;
}

@media (max-width: 1024px) {
  .pct-customizer {
    display: none;
  }
}
@media (max-width: 768px) {
  /* Adjust breakpoint as needed */
  .login-design {
    display: none !important;
  }
}

.doc-img,
.theme-color {
  display: block;
  position: relative;
  padding: 0;
  margin-top: 10px;
  margin-bottom: 10px;
}

.doc-img > a,
.theme-color > a {
  position: relative;
  width: 35px;
  height: 25px;
  border-radius: 3px;
  display: inline-block;
  background: #f8f9fd;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.28);
}

.doc-img > a + a,
.theme-color > a + a {
  margin-left: 5px;
}

.width-512 {
  width: 512px;
}

.doc-img > a span,
.theme-color > a span {
  width: 100%;
  position: absolute;
}

.doc-img > a span:after,
.doc-img > a span:before,
.theme-color > a span:after,
.theme-color > a span:before {
  content: "";
  height: 100%;
  position: absolute;
}

.doc-img > a span:before,
.theme-color > a span:before {
  width: 32%;
  left: 0;
  background: #1c232f;
}

.doc-img > a span:after,
.theme-color > a span:after {
  width: 70%;
  right: 0;
  background: #f8f9fd;
}

.doc-img > a > span:nth-child(1),
.theme-color > a > span:nth-child(1) {
  height: 40%;
  top: 0;
}

.doc-img > a > span:nth-child(1):after,
.theme-color > a > span:nth-child(1):after {
  background: #fff;
}

.doc-img > a > span:nth-child(2),
.theme-color > a > span:nth-child(2) {
  height: 66%;
  bottom: 0;
}

.doc-img.header-color > a[data-value="bg-primary"] > span:nth-child(1):after,
.theme-color.header-color
  > a[data-value="bg-primary"]
  > span:nth-child(1):after {
  background: #51459d;
}

.doc-img.header-color > a[data-value="bg-success"] > span:nth-child(1):after,
.theme-color.header-color
  > a[data-value="bg-success"]
  > span:nth-child(1):after {
  background: #6fd943;
}

.doc-img.header-color > a[data-value="bg-info"] > span:nth-child(1):after,
.theme-color.header-color > a[data-value="bg-info"] > span:nth-child(1):after {
  background: #3ec9d6;
}

.doc-img.header-color > a[data-value="bg-warning"] > span:nth-child(1):after,
.theme-color.header-color
  > a[data-value="bg-warning"]
  > span:nth-child(1):after {
  background: #ffa21d;
}

.doc-img.header-color > a[data-value="bg-danger"] > span:nth-child(1):after,
.theme-color.header-color
  > a[data-value="bg-danger"]
  > span:nth-child(1):after {
  background: #ff3a6e;
}

.doc-img.header-color > a[data-value="bg-dark"] > span:nth-child(1):after,
.theme-color.header-color > a[data-value="bg-dark"] > span:nth-child(1):after {
  background: #1c232f;
}

.doc-img.brand-color > a[data-value="bg-primary"] > span:nth-child(1):before,
.theme-color.brand-color
  > a[data-value="bg-primary"]
  > span:nth-child(1):before {
  background: #51459d;
}

.doc-img.brand-color > a[data-value="bg-success"] > span:nth-child(1):before,
.theme-color.brand-color
  > a[data-value="bg-success"]
  > span:nth-child(1):before {
  background: #6fd943;
}

.doc-img.brand-color > a[data-value="bg-info"] > span:nth-child(1):before,
.theme-color.brand-color > a[data-value="bg-info"] > span:nth-child(1):before {
  background: #3ec9d6;
}

.doc-img.brand-color > a[data-value="bg-warning"] > span:nth-child(1):before,
.theme-color.brand-color
  > a[data-value="bg-warning"]
  > span:nth-child(1):before {
  background: #ffa21d;
}

.doc-img.brand-color > a[data-value="bg-danger"] > span:nth-child(1):before,
.theme-color.brand-color
  > a[data-value="bg-danger"]
  > span:nth-child(1):before {
  background: #ff3a6e;
}

.doc-img.brand-color > a[data-value="bg-dark"] > span:nth-child(1):before,
.theme-color.brand-color > a[data-value="bg-dark"] > span:nth-child(1):before {
  background: #1c232f;
}

.doc-img.themes-color > a[data-value="theme-1"],
.theme-color.themes-color > a[data-value="theme-1"] {
  background: linear-gradient(141.55deg, #0caf60 3.46%, #0caf60 99.86%), #0caf60;
}

.doc-img.themes-color > a[data-value="theme-3"],
.theme-color.themes-color > a[data-value="theme-3"] {
  background: linear-gradient(141.55deg, #6fd943 3.46%, #6fd943 99.86%), #6fd943;
}

.doc-img.themes-color > a[data-value="theme-2"],
.theme-color.themes-color > a[data-value="theme-2"] {
  background: linear-gradient(141.55deg, #584ed2 3.46%, #584ed2 99.86%), #584ed2;
}

.doc-img.themes-color > a[data-value="theme-4"],
.theme-color.themes-color > a[data-value="theme-4"] {
  background: linear-gradient(141.55deg, #145388 3.46%, #145388 99.86%), #145388;
}

.doc-img.themes-color > a[data-value="theme-5"],
.theme-color.themes-color > a[data-value="theme-5"] {
  background: linear-gradient(141.55deg, #b9406b 3.46%, #b9406b 99.86%), #b9406b;
}

.doc-img.themes-color > a[data-value="theme-6"],
.theme-color.themes-color > a[data-value="theme-6"] {
  background: linear-gradient(141.55deg, #008ecc 3.46%, #008ecc 99.86%), #008ecc;
}

.doc-img.themes-color > a[data-value="theme-7"],
.theme-color.themes-color > a[data-value="theme-7"] {
  background: linear-gradient(141.55deg, #922c88 3.46%, #922c88 99.86%), #922c88;
}

.doc-img.themes-color > a[data-value="theme-8"],
.theme-color.themes-color > a[data-value="theme-8"] {
  background: linear-gradient(141.55deg, #c0a145 3.46%, #c0a145 99.86%), #c0a145;
}

.doc-img.themes-color > a[data-value="theme-9"],
.theme-color.themes-color > a[data-value="theme-9"] {
  background: linear-gradient(141.55deg, #48494b 3.46%, #48494b 99.86%), #48494b;
}

.doc-img.themes-color > a[data-value="theme-10"],
.theme-color.themes-color > a[data-value="theme-10"] {
  background: linear-gradient(141.55deg, #0c7785 3.46%, #0c7785 99.86%), #0c7785;
}

.doc-img > a {
  width: 100px;
  height: 65px;
}

.dash-header[class*="bg-"],
.dash-header.dark-header {
  box-shadow: none;
  background: #1c232f;
  color: #fff;
}

@media (min-width: 1025px) {
  .dash-header[class*="bg-"] .dash-head-link,
  .dash-header.dark-header .dash-head-link {
    color: #fff;
  }

  .dash-header[class*="bg-"] .dash-head-link i,
  .dash-header.dark-header .dash-head-link i {
    color: #fff;
  }

  .dash-header[class*="bg-"] .dash-head-link .material-icons-two-tone,
  .dash-header.dark-header .dash-head-link .material-icons-two-tone {
    background-color: #fff;
  }

  .dash-header[class*="bg-"] .dash-head-link.active,
  .dash-header[class*="bg-"] .dash-head-link:active,
  .dash-header[class*="bg-"] .dash-head-link:focus,
  .dash-header[class*="bg-"] .dash-head-link:hover,
  .dash-header.dark-header .dash-head-link.active,
  .dash-header.dark-header .dash-head-link:active,
  .dash-header.dark-header .dash-head-link:focus,
  .dash-header.dark-header .dash-head-link:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.15);
  }

  .dash-header[class*="bg-"] .dash-head-link.active .material-icons-two-tone,
  .dash-header[class*="bg-"] .dash-head-link:active .material-icons-two-tone,
  .dash-header[class*="bg-"] .dash-head-link:focus .material-icons-two-tone,
  .dash-header[class*="bg-"] .dash-head-link:hover .material-icons-two-tone,
  .dash-header.dark-header .dash-head-link.active .material-icons-two-tone,
  .dash-header.dark-header .dash-head-link:active .material-icons-two-tone,
  .dash-header.dark-header .dash-head-link:focus .material-icons-two-tone,
  .dash-header.dark-header .dash-head-link:hover .material-icons-two-tone {
    background-color: #fff;
  }

  .dash-header[class*="bg-"] .dash-head-link .user-desc,
  .dash-header.dark-header .dash-head-link .user-desc {
    color: rgba(255, 255, 255, 0.7);
  }
}

.dash-sidebar.light-sidebar {
  background: #fff;
  box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.08);
}

.dash-sidebar.light-sidebar .dash-caption {
  color: #333333;
}

.dash-sidebar.light-sidebar .dash-navbar > .dash-item > .dash-link {
  border-radius: 6px;
  margin-left: 15px;
  margin-right: 15px;
  padding: 6px 10px 6px 6px;
  display: flex;
  justify-content: start;
  align-items: center;
}

.dash-sidebar.light-sidebar .dash-link {
  color: #333333;
  font-size: 14px;
}

.dash-sidebar.light-sidebar .dash-link .dash-micon {
  background-color: #fff;
  box-shadow: -3px 4px 23px rgba(0, 0, 0, 0.1);
}

.text-verified {
  color: rgba(22, 219, 170, 1);
}

.custom-table-header {
  width: 4px;
  height: 30px;
  background: rgba(0, 113, 206, 0.2);
}

.dash-sidebar.light-sidebar .dash-link .dash-micon i,
.dash-sidebar.light-sidebar .dash-link .dash-micon svg {
  color: #525b69;
  stroke: #525b69;
  fill: #f2f2f2;
}

.dash-sidebar.light-sidebar .dash-link .dash-micon .material-icons-two-tone {
  background-color: #525b69;
}

.dash-sidebar.light-sidebar .dash-link .dash-arrow {
  margin-top: 3px;
}

.dash-sidebar.light-sidebar .dash-link:active,
.dash-sidebar.light-sidebar .dash-link:focus,
.dash-sidebar.light-sidebar .dash-link:hover {
  color: #51459d;
}

.dash-sidebar.light-sidebar .dash-submenu .dash-link .dash-arrow {
  margin-top: 2px;
}

.dash-sidebar.light-sidebar .dash-item.active > .dash-link,
.dash-sidebar.light-sidebar .dash-item:hover > .dash-link {
  color: #51459d;
}

.dash-sidebar.light-sidebar .dash-item.active > .dash-link i,
.dash-sidebar.light-sidebar .dash-item:hover > .dash-link i {
  color: #51459d;
}

.dash-sidebar.light-sidebar
  .dash-item.active
  > .dash-link
  .dash-micon
  i.material-icons-two-tone,
.dash-sidebar.light-sidebar
  .dash-item:hover
  > .dash-link
  .dash-micon
  i.material-icons-two-tone {
  background-color: #51459d;
}



.dash-sidebar.light-sidebar .dash-navbar > .dash-item.active > .dash-link,
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:focus > .dash-link,
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:hover > .dash-link {
  box-shadow: -6px 11px 19px rgba(0, 0, 0, 0.04);
  background: #fff;
  color: #333333;
}

.minimenu .dash-sidebar.light-sidebar .dash-navbar > .dash-item > .dash-link {
  padding: 20px 25px;
  margin-left: 0;
  margin-right: 0;
  border-radius: 0;
}

.minimenu .dash-sidebar.light-sidebar .dash-item .dash-item:hover > .dash-link {
  background: transparent;
}

.minimenu .dash-sidebar.light-sidebar .dash-submenu {
  box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.08);
  background: #fff;
}

.dash-horizontal .topbar.light-sidebar {
  background: #fff;
  box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.08);
}

.dash-horizontal .topbar.light-sidebar .dash-link {
  color: #333333;
}

.dash-horizontal .topbar.light-sidebar .dash-link:active,
.dash-horizontal .topbar.light-sidebar .dash-link:focus,
.dash-horizontal .topbar.light-sidebar .dash-link:hover {
  color: #51459d;
}

.auth-wrapper ~ .pct-customizer {
  display: none;
}

.import-button {
  border: 1px solid rgba(0, 113, 206, 0.5);
  font-size: 14px;
  font-weight: 300;
  line-height: 16.71px;
  text-align: left;
}
.card {
  box-shadow: none !important;
  border: 1px !important;
  border-color: #525b69;
}

.text-bottom-img {
  position: absolute;
  bottom: 14px;
  left: 14px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  padding-inline: 12px;
  border-radius: 69px;
}

.lesson-btn {
  background: rgba(0, 113, 206, 1);
  color: #fff;
  border-radius: 40px;
  width: 100% !important;
  padding-inline: 10px;
  display: inline-block;
  padding-block: 12px;
  border: none;
}
.lesson-btn:hover {
  background-color: rgb(0, 89, 178);
}

.follow-btn {
  color: rgba(0, 113, 206, 1);
  background-color: #fff;
  border-radius: 40px;
  width: 100% !important;
  padding-inline: 10px;
  display: inline-block;
  padding-block: 12px;
  border-color: rgba(0, 113, 206, 1);
  border-width: 1px;
}
.follow-btn:hover {
  background-color: rgba(0, 113, 206, 1);
  color: #fff;
}
.profile-backdrop {
  background: rgba(231, 231, 250, 1);
  height: 168px;
  width: 100%;
  position: relative;
}
.profile-info-container {
  position: absolute;
  top: 90px;
  left: 20px;
}
.profile-image {
  display: inline-block;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.stats-container {
  width: 36rem;
  margin-left: 8rem;
}

.follow-profile-btn {
  color: rgba(0, 113, 206, 1);
  background-color: #fff;
  border-radius: 10px;
  width: 100% !important;
  padding-inline: 2rem;
  display: inline-block;
  padding-block: 12px;
  border-color: rgba(0, 113, 206, 1);
  border-width: 1px;
}
.follow-profile-btn:hover {
  background-color: rgba(0, 113, 206, 1);
  color: #fff;
}
.login-container-new {
  display: flex;
  justify-content: center;
  height: 100vh !important;
}
.login-design {
  background-color: rgba(0, 113, 206, 1) !important;
  border-radius: 0 73px 0 0;
  padding-left: 3rem;
  padding-right: 8rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.login-design-header {
  display: flex;
  flex-direction: column;
  z-index: 15;
}

.login-design-header h2 {
  padding-top: 1rem;
  z-index: 15;
}

.login-img {
  max-width: 50% !important;
  max-height: auto !important;
}

.img-container-login {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 2rem;
  position: relative;
  z-index: 10;
}
.login-desing-footer h2 {
  font-size: 38px;
  color: #fff;
  font-weight: 700;
}
.login-desing-footer p {
  font-size: 16px;
  color: #fff;
  padding-top: 1rem;
}
.svg-1 {
  position: absolute;
  top: 0.5rem;
  right: 1.5rem;
}
.svg-2 {
  position: absolute;
  top: 0rem;
  right: 8rem;
}
.svg-3 {
  position: absolute;
  bottom: 0rem;
  right: 2rem;
}
.svg-4 {
  position: absolute;
  bottom: 0rem;
  left: -3rem;
  z-index: -1;
}
.sign-in-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  justify-content: center;
}
.sign-in-container h2 {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 2rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}
.form-container-signin {
  max-width: 460px;
  padding: 24px;
  width: 100% !important;
}
.min-h-card {
  min-height: 200px !important;
}
.form-control-new {
  border-radius: 10px;
  color: rgba(0, 113, 206, 1);
}
.form-control-new:focus {
  border-color: rgba(0, 113, 206, 1);
}

.tab {
  overflow: hidden;
  border-bottom: 0.5px solid #c4c4c4;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  color: #c4c4c4;
}

/* Change background color of buttons on hover */
.tab button:hover {
  color: rgba(0, 113, 206, 1);
}

/* Create an active/current tablink class */
.tab button.active {
  color: rgba(0, 113, 206, 1);
  border-bottom: 3px solid rgba(0, 113, 206, 1);
}

.fc-list-event-title a {
  color: #fff !important;
  padding-left: 4px;
}

.fc-list-event {
  width: 100% !important;
}

/* .fc-list-table td {
  width: 100% !important;
} */

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border-top: none;
}

.no-data {
  color: #c4c4c4;
  font-size: 18px;
  margin-top: 4rem;
}

.background-primary {
  background-color: rgba(0, 113, 206, 1);
  color: #fff;
}

.bg-card1 {
  background-color: rgba(128, 255, 191, 0.15) !important;
}

.bg-card2 {
  background-color: rgba(135, 204, 236, 0.13) !important;
}

.bg-card3 {
  background: rgba(255, 180, 152, 0.15) !important;
}

.bg-card4 {
  background-color: rgba(254, 197, 61, 0.15) !important;
}

.bg-card-text {
  color: rgba(74, 217, 145, 1);
}

.bg-card2-text {
  color: rgba(45, 188, 255, 1);
}

.bg-card3-text {
  color: rgba(255, 0, 0, 1);
}

.bg-card4-text {
  color: rgba(254, 197, 61, 1);
}

.border-search {
  border-bottom: 0.6px solid rgba(213, 213, 213, 1);
}

.search-bg {
  background: rgba(245, 246, 250, 1);
}

.navbar-border {
  border-right: 1px solid rgba(241, 241, 241, 1);
}

.break {
  width: 80%;
  height: 1px;
  gap: 0px;
  border: 0.6px 0px 0px 0px;
}

.custom-event-class {
  display: flex;
  flex-direction: column;
  padding-inline-start: 0 !important;
  padding-block: 0 !important;
  font-weight: 600;
  color: #fff !important;
  border: none;
}

.bg-blue-color {
  background-color: #0071ce !important;
}

.card-width-manageSlots {
  width: 25rem !important;
}

.custom-book-class {
  background-color: #c5b706 !important;
  color: #fff !important;
}
.custom-available-class {
  background-color: #0071ce !important;
  color: #fff !important;
}
.custom-completed-class {
  background-color: #41d85f !important;
  color: #fff !important;
}

.completed-key {
  background-color: #41d85f;
  height: 20px;
  width: 20px;
  border-radius: 100%;
}
.booked-key {
  background-color: #c5b706;
  height: 20px;
  width: 20px;
  border-radius: 100%;
}
.avaialable-key {
  background-color: #0071ce;
  height: 20px;
  width: 20px;
  border-radius: 100%;
}

.bg-primary-color {
  background-color: #0071ce;
}

.fc-timegrid-slot {
  height: 35px !important; /* Adjust this value for larger slots */
}
.signup-text {
  margin-top: 1rem;
  color: #525b69;
}

.signup-text a {
  color: #0071ce;
}