header.header-active .container {
  max-width: unset !important;
}

@media (max-width: 1400px) {
  .section.club--secondary img,
  .profile .about--secondary__thumb img {
    height: 350px;
  }
}
@media (max-width: 1200px) {
  .section.club--secondary img,
  .profile .about--secondary__thumb img {
    height: 300px;
  }
}
@media (max-width: 768px) {
  header.header-active .nav__content {
    justify-content: unset;
  }
  nav .nav__uncollapsed:nth-child(3) {
    margin-left: auto;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .nav .nav__uncollapsed:nth-child(3) {
    order: 2 !important;
    margin-right: 1rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section.news.news--secondary div.news__single-content > div {
    display: block !important;
  }
}
@media (max-width: 768px) {
  .section.news.news--secondary .news__single-content > div {
    display: flex !important;
  }
}
.footer .nav__menu-items {
  display: flex;
  flex-wrap: nowrap;
}

@media (max-width: 780px) {
  .footer .nav__menu-items {
    flex-wrap: wrap;
  }
  /* .footer .nav__menu-item {
         flex: 0 0 100%;
     }
  */
  #rule-book, #chat {
    bottom: 8%;
    right: 35px;
  }
  #rule-book img, #chat img {
    width: 50px !important;
  }
  #rule-book {
    bottom: calc(8% + 74px);
  }
}
nav .nav__menu-close {
  display: none;
}

@media only screen and (max-width: 1199.98px) {
  .event .event__single-thumb img {
    width: 100% !important;
    object-fit: cover;
  }
  .header .nav__menu-item--dropdown .nav__dropdown {
    background-color: transparent;
    /* box-shadow: unset;
    --webkit-box-shadow: unset; */
  }
  .header .nav__menu-item--dropdown .nav__dropdown .nav__dropdown-child {
    background-color: transparent;
    box-shadow: unset;
  }
}
.event .event__single-thumb a {
  pointer-events: none;
}

.sidebar .service__single {
  padding: 10px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  margin-bottom: 15px;
}
.sidebar .service__single .service__single-thumb {
  width: 100%;
  overflow: hidden;
  border-radius: 5px;
}
.sidebar .service__single .service__single-thumb a {
  width: 100%;
}
.sidebar .service__single .service__single-thumb a img {
  width: 100%;
  object-fit: cover;
  height: 230px;
}
.sidebar .service__single .service__single-content {
  text-align: center;
  padding: 0 10px 10px;
}
.sidebar .service__single .service__single-content h5 {
  margin-bottom: 15px;
}
.sidebar .service__single .service__single-content p {
  margin-bottom: 30px;
}
.sidebar .service__single .service__single-content a {
  color: #e67617;
}

.app-layout {
  display: flex;
  height: 100vh;
}
.app-layout__main {
  flex: 1;
  height: 100%;
  overflow: scroll;
}
.app-layout .nav-tabs .nav-link {
  color: #6B7280;
}
.app-layout .nav-tabs .nav-link:hover {
  border-color: transparent;
}

.app-layout__sidebar-header {
  background: var(--white);
  margin-bottom: 24px;
  padding: 16px 0 24px;
  border-bottom: 1px solid #E5E7EB;
}
.app-layout__sidebar-header section {
  align-items: center;
}

.app-layout__sidebar-profile {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.app-layout__sidebar-profile .account-type {
  font-size: 12px;
  line-height: 18px;
  border-radius: 6px;
  padding: 2px 10px;
}
.app-layout__sidebar-profile .account-type.account-type--guest {
  background-color: #DEF7EC;
  color: #03543F;
}
.app-layout__sidebar-profile .account-type.account-type--member {
  background-color: #FDE8E8;
  color: #9B1C1C;
}
.app-layout__sidebar-profile h6 {
  font-size: 20px;
}
.app-layout__sidebar-profile p {
  font-size: 12px;
}

.app-layout__sidebar-inner {
  background: var(--white);
  border-right: 1px solid #E5E7EB;
  height: 100%;
  padding: 0 20px 0;
  width: 255px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.app-layout__sidebar-inner .btn--logout {
  width: 100%;
  display: flex;
  justify-content: center;
  border: 1px solid #E67617;
  border-radius: 8px;
  padding: 8px 12px 8px 11px;
  align-self: end;
  color: #E67617;
}

.app-layout__sidebar .list-group-flush li {
  background: transparent;
  border: none;
  padding: 0;
}

.app-layout__sidebar .list-group-flush li.active a {
  background-color: #E67617;
  border-color: #E67617;
  color: #ffffff;
}

.app-layout__sidebar .list-group-flush li a {
  border: 1px solid transparent;
  border-radius: 6px;
  align-items: center;
  /* color: rgba(var(--black-rgb), 0.6); */
  display: flex;
  gap: 8px;
  margin-bottom: 6px;
  padding: 6px 8px 6px 8px;
  font-size: 0.9rem;
  font-weight: 500;
}

.app-layout__main-header {
  display: flex;
  justify-content: flex-end;
  padding: 18px 40px 18px;
  border-bottom: 1px solid #E5E7EB;
  background-color: #ffffff;
  position: sticky;
  top: 0;
  z-index: 10;
  font-size: 14px;
}

.app-layout__main-content {
  padding: 18px 40px 18px;
}

span.svg {
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 16px;
  width: 16px;
}

.svg.svg--bell {
  background-image: url(../images/icons/bell.svg);
}

.svg.svg--home {
  background-image: url(../images/icons/bookings/home.svg);
}

.svg.svg--ticket {
  background-image: url(../images/icons/bookings/ticket.svg);
}

.svg.svg--history {
  background-image: url(../images/icons/bookings/history-page.svg);
}

.svg.svg--settings {
  background-image: url(../images/icons/bookings/gear-profile.svg);
}

.svg.svg--logout {
  background-image: url(../images/icons/bookings/logout.svg);
}

.btn-lg--orange {
  padding: 16px 31px;
  background-color: #E67617;
  color: #ffffff;
}

@media only screen and (max-width: 1199.98px) {
  .booking .booking__single {
    gap: 24px;
    padding: 20px;
  }
}
.booking {
  position: relative;
}
.booking .cmn-button.above-section {
  position: absolute;
  right: 16px;
  top: -51px;
}

.booking .booking__single {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 16px;
  background-color: #FEF8F3;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  max-width: 326px;
}
.booking .booking__single h5 {
  font-size: 16px;
  color: #111928;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.booking .booking__single .booking__single-body {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  gap: 12px;
}
.booking .booking__single .booking__single-body p {
  font-size: 14px;
  color: #374151;
  line-height: 21px;
}
.booking .booking__single .booking__single-thumb {
  width: 100%;
  overflow: hidden;
  border-radius: 5px;
}
.booking .booking__single .booking__single-thumb img {
  width: auto;
  height: 159px;
  object-fit: cover;
  border-radius: 6px;
}
.booking .booking__single a.cmn-button {
  padding: 8px 12px;
  border-radius: 8px;
  margin-bottom: 15px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
}

.table-responsive input[type=checkbox]:before {
  content: "";
  height: 13px;
  background-color: #F9FAFB;
  display: block;
  border-radius: 0.2rem;
  border: 1px solid #D1D5DB;
}
.table-responsive thead tr {
  background-color: #E5E7EB;
}
.table-responsive tr td:first-child, .table-responsive tr th:first-child {
  text-align: center;
}
.table-responsive .badge.bg-warning {
  background-color: #FDF6B2 !important;
  color: #723B13;
}
.table-responsive .badge.bg-warning::before {
  content: "Pending";
}
.table-responsive .badge.bg-success {
  background-color: #DEF7EC !important;
  color: #03543F;
}
.table-responsive .badge.bg-success::before {
  content: "Active";
}
.table-responsive .badge.bg-failure {
  background-color: #FDE8E8 !important;
  color: #9B1C1C;
}
.table-responsive .badge.bg-failure::before {
  content: "Expired";
}
.table-responsive .badge.bg-primary {
  background-color: #E1EFFE !important;
  color: #1E429F;
}
.table-responsive .badge.bg-primary::before {
  content: "In progress";
}

.booking{
  margin-top: 50px;
}

#booking-history .card hr {
  width: 95%;
  align-self: center;
  border-color: #E5E7EB;
  margin-bottom: 0;
}
#booking-history .card .pagination {
  gap: 0px;
  border-color: #E5E7EB;
}
#booking-history .card .pagination .page-item a {
  border-color: #E5E7EB;
  color: #6B7280;
}
#booking-history .card .pagination .page-item a:hover {
  background-color: #E1EFFE;
  color: #1C64F2;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
  border: none;
  border-bottom: 1px solid #E5E7EB;
}

/* Login */

@media (min-width: 250px) and (max-width: 1399px) {

  .authentication__wrapper {
    margin-top: 0;
  } 

}

@media (min-width: 250px) and (max-width: 417px) {

  p, th, td, li, input, textarea, select, label, blockquote, span {
    font-size: 14px;
  }

}

@media (min-width: 250px) and (max-width: 575px) {

  .authentication--alt .nav.nav-tabs, .account__verification, .verified, .reset {
    margin: 180px auto 50px auto;
  }

}

@media (min-width: 250px) and (max-width: 991px) {

  .booking{
    margin-top: 60px;
  }

  .booking .cmn-button.above-section {
    position: relative;
    bottom: 0;
    left: 0;
}

}

/*# sourceMappingURL=responsive-update.css.map */