body {
  color: #1a202c;
  text-align: left;
  background-color: #e2e8f0;
  flex-direction: column;
  min-height: 100vh;
}

.logo {
  max-width: 50%;
}

main {
  flex: 1;
}

.main-body {
  padding: 15px;
}

.card {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  position: relative;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 0 solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

.card, body {
  display: flex;
}

.card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1rem;
}
.gutters-sm {
  margin-right: -8px;
  margin-left: -8px;
}
.gutters-sm > .col,
.gutters-sm > [class*="col-"] {
  padding-right: 8px;
  padding-left: 8px;
}
.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}
.bg-gray-300 {
  background-color: #e2e8f0;
}
.h-100 {
  height: 100% !important;
}
.shadow-none {
  box-shadow: none !important;
}
.container,
.table-billing-history {
  margin-bottom: 20px;
}
.px-4 {
  margin-bottom: 50px;
}
footer {
  background-color: #343a40;
  color: #fff;
  text-align: center;
  padding: 10px;
  position: fixed;
  bottom: 0;
  width: 100%;
}
.center-search {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20vh;
}
.search-input {
  width: 100%;
  font-size: 1.5rem;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
@media (max-width: 767px) {
  .logo {
    width: 25%;
  }
}
.img-account-profile {
  height: 10rem;
}
.rounded-circle {
  border-radius: 50% !important;
}
.card {
  box-shadow: 0 0.15rem 1.75rem 0 rgb(33 40 50 / 15%);
}
.card .card-header {
  font-weight: 500;
}
.card-header:first-child {
  border-radius: 0.35rem 0.35rem 0 0;
}
.card-header {
  padding: 1rem 1.35rem;
  margin-bottom: 0;
  background-color: rgba(33, 40, 50, 0.03);
  border-bottom: 1px solid rgba(33, 40, 50, 0.125);
}
.nav-borders .nav-link.active {
  color: #0061f2;
  border-bottom-color: #0061f2;
}
.nav-borders .nav-link {
  color: #69707a;
  border-bottom: 0.125rem solid transparent;
  padding: 0.5rem 0;
  margin-left: 1rem;
  margin-right: 1rem;
}
.fa-2x {
  font-size: 2em;
}
.table-billing-history td,
.table-billing-history th {
  padding: 0.75rem 1.375rem;
}
.dataTable-table > :not(caption) > * > *,
.table > :not(caption) > * > * {
  padding: 0.75rem;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.border-start-primary {
  border-left-color: #0061f2 !important;
}
.border-start-secondary {
  border-left-color: #6900c7 !important;
}
.border-start-success {
  border-left-color: #00ac69 !important;
}
.border-start-danger {
  border-left-color: #dc3545 !important;
}
.border-start-lg {
  border-left-width: 0.25rem !important;
}
.payment-form {
  max-width: 400px;
  margin: auto;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 20px;
  margin-top: 50px;
}

.payment-form h5 {
  color: #343a40;
}

.ccard-details {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.ccard-details input {
  flex: 1;
  padding: 10px;
  border: 1px solid #ced4da;
  border-radius: 5px;
  outline: none;
  width: 50px;
}

.ccard-details span {
  margin-left: 10px;
}

.ccard-details i {
  margin-right: 10px;
}

.exp-cvv {
  display: flex;
  margin-bottom: 15px;
}

.exp-cvv .ccard-details {
  flex: 1;
  margin-right: 15px;
}
.exp-cvv .ccard-details:last-child {
  margin-right: 0;
}

.button {
  margin-top: 20px;
}

.ccard-icon {
  font-size: 24px;
  color: #6c757d;
}
#ticketDetailsSection .card-body {
  padding:0.5rem;

}