.custombg {

}
.loginpagebg {
    position: relative;
    background-image: url(/img/loginbg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.loginpagebgadmin {
  position: relative;
  background-image: url(/img/adminbg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.logincardbg {
    background-color: rgba(255, 255, 255, 0.575);
    color: dark;
}

.banner {
    height: 30vh;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.custom-card-gradient {
    background: linear-gradient(135deg, #3B82F6 0%, #c8e6c9 100%);
    border-radius: 1.25rem;
}

.custom-card-gradient-1 {
    background: linear-gradient(135deg, #3B82F6 0%, #e6dac8 100%);
    border-radius: 1.25rem;
}

.custom-card-gradient-2 {
    background: linear-gradient(135deg, #fffde7 0%, #ffe082 100%);
    border-radius: 1.25rem;
}

.custom-welcome-bar {
    background: linear-gradient(90deg, #3B82F6 0%, #fffde7 100%);
    border-radius: 1rem;
    padding: 1rem 2rem;
}
.user_management .card {
  border-radius: 1.5rem;
}
#users_table th, #users_table td {
    vertical-align: middle;
}