@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css");
@import url("https://fonts.googleapis.com/css2?family=Alexandria:wght@500;600;700&family=Baloo+2:wght@400;600;700&family=Roboto:wght@700&display=swap");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css");
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
@import url("https://unpkg.com/aos@2.3.1/dist/aos.css");
body {
  background-color: rgb(242, 242, 242);
    font-family: "Alexandria", sans-serif;
}

.dash .card {
  border: none;
}
.dash .rack {
  font-family: "Alexandria", sans-serif;
}
.dash .rack .title {
  font-size: 19px;
  margin-bottom: 20px;
}
.dash .rack .menu {
  border-radius: 10px;
}
.dash .rack .menu .head-top {
  display: flex;
}
.dash .rack .menu .head-top p {
  font-size: 14px;
  font-weight: bold;
  color: rgb(85, 85, 85);
}
.dash .rack .menu .head-top a {
  margin-top: 1px;
  margin-left: auto;
  margin-right: 10px;
  text-decoration: none;
  color: rgb(54, 54, 54);
}
.dash .rack .menu .head-top a i {
  font-size: 13px;
  background-color: #ffce3a;
  padding: 8px;
  border-radius: 8px;
  color: rgb(255, 255, 255);
}
.dash .rack .menu .head-top a:hover {
  margin-top: -1px;
}
.dash .rack .menu .head-top a:hover i {
  background-color: #ffdb6d;
}
.dash .rack .menu h3 {
  margin-top: 2px;
  margin-left: 8px;
  color: rgb(33, 33, 33);
}

.setting .btn-back {
  background-color: #ffce3a;
  color: white;
  font-weight: bold;
  padding: 6px 20px;
  border-radius: 13px;
  box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.15) !important;
}
.setting .btn-back:hover {
  background-color: #ffd65a;
}
.setting .card {
  border: none;
  border-radius: 14px;
}
@media only screen and (max-width: 600px) {
  .setting .card .p-5 {
    padding: 30px 20px !important;
  }
}
.setting .card .card-title {
  font-family: "Alexandria", sans-serif;
  font-weight: bold;
  margin-bottom: 16px;
}
.setting .card .form-control {
  border-radius: 13px;
}
.setting .card .btn-seeting {
  font-family: "Alexandria", sans-serif;
  background-color: #263159;
  color: #fff;
  font-size: 0.8rem;
  font-weight: bold;
  padding: 9px 19px;
  border-radius: 13px;
  margin-top: 10px;
}
.setting .card .btn-seeting:hover {
  background-color: #3f4c7e;
}

.login .card {
  border: none;
  border-radius: 14px;
}
@media only screen and (max-width: 600px) {
  .login .card .p-5 {
    padding: 40px 20px !important;
  }
}
.login .card .form-control {
  border-radius: 13px;
}
.login .card .btn-login {
  font-family: "Alexandria", sans-serif;
  font-size: 0.8rem;
  letter-spacing: 0.05rem;
  padding: 0.75rem 1rem;
  font-weight: bold;
  background-color: #6D67E4;
  color: #fff;
}
.login .card .btn-login:hover {
  background-color: #807aed;
}
.login .logo img {
  width: 190px;
  margin-bottom: -10px;
  margin-top: 20px;
}
@media only screen and (max-width: 600px) {
  .login .logo img {
    width: 170px;
    margin-bottom: -25px;
    margin-top: 20px;
  }
}

.modal {
  font-family: "Alexandria", sans-serif;
}
.modal .btn-cost {
  background-color: #495579;
  color: rgb(255, 255, 255);
}
.modal .modal-body {
  padding: 1.5rem 2.8em;
}
.modal .modal-body .form-control {
  border-radius: 13px;
  padding: 8px 15px;
}
@media only screen and (max-width: 600px) {
  .modal .modal-body {
    padding: 1rem 1em;
  }
}
.modal .modal-header {
  border-bottom: 0 none;
}
.modal .modal-header .btn-close {
  font-size: 14px;
}
.modal .modal-header h1 {
  font-size: 18px !important;
}
.modal .modal-footer {
  border-top: 0 none;
}
.modal .modal-footer .btn {
  padding: 5px 10px;
  font-size: 15px;
}

@media (min-width: 768px) {
  .animate {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
  }
}
@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform: translateY(0rem);
    opacity: 1;
  }
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}
@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }
  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}
.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}

.hed {
  font-family: "Alexandria", sans-serif;
  margin-top: 25px;
  margin-bottom: -30px;
}
.hed .logo-header img {
  margin-right: auto;
  width: 120px;
}
.hed .dropdown {
  margin-left: auto;
}
.hed .dropdown .dropdown-toggle {
  margin-bottom: 100px;
}
.hed .dropdown .dropdown-toggle:focus {
  border: none;
}
.hed .dropdown .dropdown-toggle:active {
  border: none;
}
.hed .dropdown .dropdown-toggle:after {
  border: none;
  display: none;
}
.hed .dropdown .dropdown-menu {
  border: none;
  margin-top: 50px !important;
  margin-right: 20px !important;
}
@media only screen and (max-width: 600px) {
  .hed .dropdown .dropdown-menu {
    margin-top: 18px !important;
    margin-right: 3px !important;
  }
}
.hed .dropdown .dropdown-menu .dropdown-item {
  font-size: 14px;
  color: rgb(88, 88, 88);
}/*# sourceMappingURL=main.css.map */
.input-time {
            font-family: 'Alexandria', sans-serif;
            font-weight: bolder;
        }

        .input-time .card {
            border-radius: 13px;
        }

        .input-time input {
            border-radius: 13px;
        }