[data-bs-theme=light] {
  color-scheme: light;
  --txt-clr1: rgb(33, 32, 32);
  --txt-clr2:#001128;
  --shdw-clr1: rgba(0, 0, 0, 0.3);
  --cont-clr: rgba(255, 255, 255, 0.97);
  --darker-clr: #002d6d;
  --color2-0: #f0e6d9;
  --white1: rgb(255, 255, 255);
}

[data-bs-theme=dark] {
  color-scheme: dark;
  --txt-clr1: rgb(228, 226, 226);
  --txt-clr2:rgb(228, 226, 226);
  --shdw-clr1: rgba(245, 245, 245, 0.3);
  --cont-clr: rgba(21, 19, 19, 0.021);
  --darker-clr: #010b19;
  --color2-0: #4d4a47;
  --white1: rgb(255, 255, 255);
}

body {
  background-color: #f8f9fa;
}

.bg-transparent-2 {
  background-color: rgba(255, 255, 255, 0.84) !important;
}

.bg-transp-4 {
  background-color: rgba(255, 255, 255, 0.607) !important;
}

.form-control {
  color: #333434 !important;
  border-color: #222223 !important;
}

.txt-dblue {
  color: #222223 !important;
}

.login-btn {
  background: #014898;
  border-radius: 50px !important;
  color: var(--white1);
  transition: transform 0.3s ease-in, box-shadow 0.3s ease-in;
}
.login-btn:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 10px var(--shdw-clr1) !important;
  color: var(--white1);
  background: #222223;
}

.logo-cont {
  visibility: hidden;
  width: 100px;
  height: 90px;
}
.logo-cont img {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}

.nav-logo-cont {
  display: block;
  width: 90px;
}
.nav-logo-cont img {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}

.bttn-active-color-prim i:hover {
  color: red !important;
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-title {
  color: var(--white1);
}

.nav-link:hover {
  color: #D4AF37 !important;
}
.nav-link:hover:hover i {
  color: #D4AF37;
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active {
  transition: color 0.2s ease;
  background-color: #D4AF37;
  color: rgb(24, 24, 24);
  border: 1px solid #D4AF37;
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-title {
  color: rgb(24, 24, 24);
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-icon,
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-icon .svg-icon,
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-icon i {
  color: rgb(24, 24, 24);
}

.navbox .active {
  background-color: #D4AF37 !important;
}
.navbox .active span {
  color: #222223 !important;
}

.navlink {
  font-weight: 600;
}
.navlink span {
  color: rgb(226, 226, 226) !important;
}
.navlink:hover span {
  color: var(--white1) !important;
}
.navlink:hover i {
  color: var(--white1) !important;
}

.text-db {
  color: var(--txt-clr2);
}

.dashboard-title {
  font-size: 1.5rem;
  font-weight: bold;
}

.bg-warning2 {
  background-color: rgb(255, 166, 0);
}

.status-txt {
  color: var(--txt-clr2) !important;
}

.bttn-prim {
  color: var(--txt-clr1);
  border: 1px solid #D4AF37 !important;
  background: transparent !important;
}
.bttn-prim:hover {
  box-shadow: 0 6px 10px var(--shdw-clr1) !important;
  color: var(--white1);
  border: 1px solid #D4AF37 !important;
  background-color: #D4AF37 !important;
}

.bttn-light-prim {
  color: #D4AF37 !important;
  background-color: var(--color2-0) !important;
  border: 0;
  padding: calc(0.775rem + 1px) calc(1.5rem + 1px);
}
.bttn-light-prim i {
  color: #D4AF37 !important;
}
.bttn-light-prim:hover {
  color: var(--white1) !important;
  background-color: #D4AF37 !important;
}
.bttn-light-prim:hover i {
  color: var(--white1) !important;
  background-color: #D4AF37 !important;
}

.bttn-sec {
  color: var(--txt-clr1);
  border: 1px solid #D4AF37 !important;
  background: #D4AF37 !important;
}
.bttn-sec:hover {
  box-shadow: 0 6px 10px var(--shdw-clr1) !important;
  color: var(--white1);
  border: 1px solid #D4AF37 !important;
  background-color: #D4AF37 !important;
}

.bttn-ter {
  color: gray;
  border: 1px solid gray !important;
  background: transparent !important;
}
.bttn-ter:hover {
  box-shadow: 0 6px 10px var(--shdw-clr1) !important;
  color: var(--white1);
  border: 1px solid gray !important;
  background-color: gray !important;
}

.btn-info2 {
  background-color: var(--white1);
  border: 2px solid rgb(27, 132, 255) !important;
  color: rgb(27, 132, 255) !important;
  transition: all ease-in-out 500ms;
}
.btn-info2:hover {
  background-color: rgb(27, 132, 255);
  color: var(--white1) !important;
}

.btn-check:active + .btn.btn-active-light-primary,
.btn-check:checked + .btn.btn-active-light-primary,
.btn.btn-active-light-primary.active,
.btn.btn-active-light-primary.show,
.btn.btn-active-light-primary:active:not(.btn-active),
.btn.btn-active-light-primary:focus:not(.btn-active),
.btn.btn-active-light-primary:hover:not(.btn-active),
.show > .btn.btn-active-light-primary {
  color: #D4AF37 !important;
  border-color: var(--color2-0) !important;
  background-color: var(--color2-0) !important;
}

.btn-active-light-primary {
  color: #D4AF37 !important;
}
.btn-active-light-primary:hover {
  background-color: var(--color2-0) !important;
}

.btn-check:active + .btn.btn-active-light-primary .svg-icon,
.btn-check:active + .btn.btn-active-light-primary i,
.btn-check:checked + .btn.btn-active-light-primary .svg-icon,
.btn-check:checked + .btn.btn-active-light-primary i,
.btn.btn-active-light-primary.active .svg-icon,
.btn.btn-active-light-primary.active i,
.btn.btn-active-light-primary.show .svg-icon,
.btn.btn-active-light-primary.show i,
.btn.btn-active-light-primary:active:not(.btn-active) .svg-icon,
.btn.btn-active-light-primary:active:not(.btn-active) i,
.btn.btn-active-light-primary:focus:not(.btn-active) .svg-icon,
.btn.btn-active-light-primary:focus:not(.btn-active) i,
.btn.btn-active-light-primary:hover:not(.btn-active) .svg-icon,
.btn.btn-active-light-primary:hover:not(.btn-active) i,
.show > .btn.btn-active-light-primary .svg-icon,
.show > .btn.btn-active-light-primary i {
  color: #D4AF37 !important;
}

.form-check-input:checked {
  background-color: #D4AF37;
  border-color: #D4AF37;
}

.active > .page-link,
.page-link.active {
  z-index: 3;
  color: #D4AF37 !important;
  background-color: transparent;
  border: 1px solid #D4AF37;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted {
  color: #D4AF37 !important;
}

@media (width < 64em) {
  .card {
    width: 100%;
  }
  .logo-cont {
    visibility: hidden;
    margin-top: 50px;
    width: 70px;
  }
  .logo-cont img {
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
  }
  .pd-inline-05 {
    padding-inline: 0.5rem !important;
  }
  .card-body2 {
    padding: 0.5rem !important;
  }
  .wd-sm-100 {
    width: 100% !important;
  }
}
.card2 h2 {
  margin-bottom: 15px;
  border-bottom: 2px solid #e2e2e2;
  padding-bottom: 10px;
}

.card2 h3 {
  margin: 15px 0 10px;
  color: #555;
}

.ul {
  list-style: none;
  padding: 0;
}

.ul li {
  margin: 5px 0;
}

.border-secondary2 {
  border: 1px solid rgb(226, 226, 226) !important;
}

.bg-gradient2 {
  background-image: linear-gradient(180deg, var(--darker-clr), var(--darker-clr)) !important;
}

.card {
  display: flex;
  align-self: stretch !important;
}

.gradient-border {
  padding: 2px;
}

.gradient-border > div {
  background: var(--cont-clr);
}

.form-control.form-control-solid {
  border-color: rgb(226, 226, 226) !important;
}

.form-select.form-select-solid {
  border-color: rgb(226, 226, 226) !important;
}