.main-content{
    background: url(../img/l1.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}
/* -------------------------
   Social Login Buttons
-------------------------- */
.social_login {
    display: block;
    margin-top: 15px;
    padding: 11px 20px;
    border: 1px solid var(--color-primary);
    border-radius: 6px;
    text-align: center;
    color: inherit;
    transition: all 0.3s ease;
}
.social_login:hover {
    background-color: var(--color-primary);
    color: var(--color-white);
    border-color: var(--color-primary);
}
.social_login img {
    max-width: 20px;
    width: 100%;
    transform: translateY(-2px);
    margin-right: 3px;
    vertical-align: middle;
}
/* Override for anchor version */
a.social_login {
    border-color: #474747;
    color: #A0AEC0;
}
/* -------------------------
   Layout / Card / Topbar
-------------------------- */
.layout-dark .main-content .admin {
    background-image: none !important;
}
.card,
.card-header,
.admin-topbar {
    background-color: #171C23 !important;
    border: none;
}
.admin-topbar {
    margin-top: 0;
    padding: 0 15px;
}
.admin-topbar p {
    color: #A0AEC0;
    margin: 0;
}
/* -------------------------
   Forms
-------------------------- */
.form-control {
    background-color: rgba(83, 83, 83, 0.5);
    border: 0 !important;
    color: #fff !important;
    border-radius: 12px;
    padding: 10px 14px;
    transition: background-color 0.3s ease;
}
.form-control:hover,
.form-control:focus,
.form-control:active {
    background-color: rgba(83, 83, 83, 0.65);
    box-shadow: none !important; /* Remove Bootstrap glow */
    outline: none !important;
}
/* -------------------------
   Profile / Titles / Text
-------------------------- */
.edit-profile__title {
    text-transform: none;
}
.edit-profile__title h1 {
    color: #A0AEC0 !important;
}
.admin-condition .custom-checkbox .checkbox-text {
    color: #fff !important;
    cursor: pointer;
}
/* -------------------------
   Utility Classes
-------------------------- */
.font-weight-bold {
    font-weight: 700;
}

.logo-white img{
    filter: brightness(0) invert(1);
}