/* HEADER (ACCOUNT) */
.page-account {
    background: #F5F6F8;
    color: #25262A;
}
.page-account header {
    background: #FFFFFF;
    border-bottom: 3px solid #E30613;
    box-shadow: 0 2px 12px rgba(37, 38, 42, 0.08);
}
.page-dashboard header {
    background: #FFFFFF;
    border-bottom: 3px solid #E30613;
    box-shadow: 0 2px 12px rgba(37, 38, 42, 0.08);
}

/* BUTTON */
.page-account .btn {
    border-radius: 8px;
    background-color: #E30613;
    float : right;
    border: none;
    color: #FFFFFF;
    transition: all 0.2s ease;
    box-shadow: 0 5px 12px rgba(227, 6, 19, 0.22);
}
.page-account .col-left .login-bg {
    width: 500%;
    max-width: 400px;
    transform: translateY(80px);
}
.page-account .btn:hover {
    background-color: #AD000E;
    box-shadow: 0 7px 16px rgba(173, 0, 14, 0.28);
}
.page-account label {
    color: #25262A;
    font-weight: 600;
}
.page-account .form-control {
    border: 1px solid #DCE0E5;
    border-radius: 8px;
    box-shadow: none;
}
.page-account .form-control:focus {
    border-color: #E30613;
    box-shadow: 0 0 0 3px rgba(227, 6, 19, 0.14);
}
/* DASHBOARD HEADER */;
.page-dashboard header {
    background: #26272B;
}


/* SIDEBAR */
.sidebar {
    background:
        radial-gradient(ellipse at 0% 0%, #FFFFFF 0%, rgba(255, 255, 255, 0.58) 36%, rgba(255, 255, 255, 0) 72%),
        linear-gradient(180deg, #F5F6F8 0%, #EEF0F3 100%) !important;
    border-right: 1px solid #E4E7EB;
    box-shadow: 6px 0 18px rgba(37, 38, 42, 0.04);
}

/* SIDEBAR MENU ITEM (ÖNERİ) */
.sidebar .nav-item,
.sidebar .nav-item .nav-link,
.sidebar .nav-item .menu-title {
    color: #484B47 !important;
}

.sidebar .nav-item .nav-link {
    margin: 3px 12px;
    border-radius: 8px;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.sidebar .nav-item .menu-icon,
.sidebar .nav-item i,
.sidebar .nav-item .menu-arrow {
    color: #4B5563 !important;
}

.sidebar .nav-item:hover > .nav-link,
.sidebar .nav-item .nav-link:hover {
    color: #25262A !important;
    background-color: #F2F4F6 !important;
}

.sidebar .nav-item:hover .menu-icon,
.sidebar .nav-item:hover i,
.sidebar .nav-item:hover .menu-arrow {
    color: #E30613 !important;
}

/* ACTIVE MENU */
.sidebar .nav-item.active > .nav-link,
.sidebar .nav-item .nav-link.active,
.sidebar .nav-item.active {
    color: #B80013 !important;
    background-color: #FDE8E9 !important;
    box-shadow: inset 4px 0 0 #E30613;
}

.sidebar .nav-item.active .menu-title,
.sidebar .nav-item.active .menu-icon,
.sidebar .nav-item.active i,
.sidebar .nav-item.active .menu-arrow {
    color: #E30613 !important;
}

.sidebar .nav-item.active > .nav-link,
.sidebar .nav-item .nav-link.active {
    font-weight: 700;
}

/* SIDEBAR USER PROFILE */
.sidebar .nav .nav-item.nav-profile {
    background: rgba(255, 255, 255, 0.58) !important;
    border-bottom: 1px solid #ECEEF1;
}

.sidebar .nav .nav-item.nav-profile .nav-link {
    display: flex !important;
    align-items: center;
    margin: 0 !important;
    padding: 18px 20px !important;
    border-radius: 0 !important;
}

.sidebar .nav .nav-item.nav-profile .user-name,
.sidebar .nav .nav-item.nav-profile .nav-link .user-name {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #25262A !important;
    font-size: 0.92rem;
    font-weight: 700;
}

.sidebar .nav .nav-item.nav-profile .user-designation,
.sidebar .nav .nav-item.nav-profile .nav-link .user-designation {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #747A82 !important;
    font-size: 0.78rem;
    font-weight: 500;
}

.sidebar .nav .nav-item.nav-profile a,
.sidebar .nav .nav-item.nav-profile a:link,
.sidebar .nav .nav-item.nav-profile a:visited {
    color: #30332F !important;
    text-decoration: none !important;
}

.sidebar .nav .nav-item.nav-profile .user-designation a,
.sidebar .nav .nav-item.nav-profile .user-designation a:link,
.sidebar .nav .nav-item.nav-profile .user-designation a:visited {
    color: #6D736C !important;
}

/* XPODA PROFILE TEXT */
.sidebar > .nav .nav-item.nav-profile .nav-link .profile-name,
.sidebar > .nav .nav-item.nav-profile .nav-link .profile-name a,
.sidebar > .nav .nav-item.nav-profile .nav-link .profile-name a:visited {
    color: #30332F !important;
    font-weight: 700 !important;
}

.sidebar > .nav .nav-item.nav-profile .nav-link .designation,
.sidebar > .nav .nav-item.nav-profile .nav-link .designation a,
.sidebar > .nav .nav-item.nav-profile .nav-link .designation a:visited {
    color: #6D736C !important;
    font-weight: 500 !important;
}

/* SUB MENU */
.sidebar > .nav .nav-item:not(.hover-open) .collapse .sub-menu .nav-item .nav-link,
.sidebar > .nav .nav-item:not(.hover-open) .collapsing .sub-menu .nav-item .nav-link {
    color: #747A82 !important;
}

.sidebar > .nav .nav-item:not(.hover-open) .collapse .sub-menu .nav-item .nav-link:before,
.sidebar > .nav .nav-item:not(.hover-open) .collapsing .sub-menu .nav-item .nav-link:before {
    background: #E30613 !important;
}

/* BRAND WRAPPER */
.navbar.default-layout .navbar-brand-wrapper {
    background: #FFFFFF;
    border-bottom: 3px solid #E30613;
}s