@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
   *{
     font-family: "Nunito", sans-serif;
     box-sizing: border-box;
   }

      body[data-sidebar=dark] .vertical-menu{
        background: #021731;
      }
      body[data-sidebar=dark] .mm-active {
    color: #00a2ff !important;
     }
    body[data-sidebar=dark] #sidebar-menu ul li a:hover {
    color: #00a2ff;
    }
    body[data-sidebar=dark] #sidebar-menu ul li a i:hover{
        color: #00a2ff;
    }
    body[data-sidebar=dark] #sidebar-menu ul li a {
    color: #e0e1e9;
    }
    body[data-sidebar=dark] #sidebar-menu ul li a i {
    color: #e1e6ea;
}
    body[data-sidebar="dark"] .menu-title{
    color: #0b89de;
    font-weight: 500;
}
    body[data-sidebar=dark] .navbar-brand-box {
        background: #092241 !important;
    }
    .pagination{
            --bs-pagination-active-bg: #033c84;
    --bs-pagination-active-border-color: #033c84;

    }

    body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>a {
    background-color: #062954;
    color: #fcfcfc;
    border-bottom-right-radius: 25px;
    border-top-right-radius: 25px;
}
.header-item {
    color: #0a4164;
    font-weight: 500;

}
.auth-body-bg .card {
    background-color: #0b27226e;
}


.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #063a82;
    font-weight: 400;
    font-size: 13px;
}


.auth-body-bg {
    background-color: #0f2135;
}

.auth-body-bg .card input {
    background: #267ce600;
    border: 2px solid #063a82;
    color: #fff;
}



body[data-sidebar=dark] .mm-active .active {
    color: #049fff !important;
}

@media (max-width: 600px) {
    .navbar-header .dropdown .dropdown-menu{
        left: 230px !important;
        right: 10px !important;
    }

    .auth-body-bg .card {
    background-color: #0b27226e;
}
.wrapper-page {
    margin: 90px auto;
    width: 420px;
/*    right: 8%;*/
    position: relative;
}

}

.btn-rounded{
    background-color: #062954;
    color: #fff;
    border: 1px solid #062954;
    width: 120px;
    margin: 20px auto;
    padding: 10px 15px;
    float: right;
}

.accountbg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;

  /* Use background-image to avoid overwriting other background properties */
  background-image:
    linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),
    url("../images/med2.png");

  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

  z-index: 0;
}

/* Ensure the card/form stays above the background */
.wrapper-page{
  position: relative;
  z-index: 1;
}

/* Remove any template body background that might interfere */
body.auth-body-bg{
  background: none !important;
}


input.form-control::placeholder {
    color: #76797e !important;
    opacity: 1 !important;
}

input.form-control::-webkit-input-placeholder {
    color: #76797e !important;
}

input.form-control::-moz-placeholder {
    color: #76797e !important;
    opacity: 1 !important;
}

input.form-control:-ms-input-placeholder {
    color: #76797e !important;
}


.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
    color: #fff;
    background-color: #060606;
    border: 1px solid #060606;
}

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    color: var(--bs-btn-active-color);
    background-color: #060606;
    border-color: #060606;
}

.header-profile-user {
    background-color: #092241;
    color: #fff;
    font-size: 17px;

    width: 40px;
    height: 40px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
}

#page-header-user-dropdown{
    background-color: #ff000000;
}
#logo {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}