/* =========================================================
   MUSIC FM — GLOBAL WOW PLATFORM CSS
   שים את הקובץ הזה אחרי style.css בכל עמוד באתר
   <link rel="stylesheet" href="assets/css/style.css">
   <link rel="stylesheet" href="assets/css/global-platform-wow.css">
   ========================================================= */

:root{
    --mf-blue:#147cff;
    --mf-blue-dark:#005bea;
    --mf-cyan:#61d8ff;
    --mf-ink:#050505;
    --mf-text:#101828;
    --mf-muted:#667085;
    --mf-bg:#f4f7fb;
    --mf-card:rgba(255,255,255,.84);
    --mf-card-solid:#ffffff;
    --mf-line:rgba(226,232,240,.92);
    --mf-glass:rgba(255,255,255,.66);
    --mf-radius-sm:14px;
    --mf-radius:22px;
    --mf-radius-lg:30px;
    --mf-shadow:0 18px 55px rgba(15,23,42,.08);
    --mf-shadow-hover:0 28px 80px rgba(15,23,42,.14);
    --mf-blue-shadow:0 18px 38px rgba(20,124,255,.24);
}

html{
    scroll-behavior:smooth;
}

body{
    min-height:100vh;
    font-family:'Heebo',sans-serif;
    direction:rtl;
    color:var(--mf-text);
    background:
        radial-gradient(circle at 12% 16%,rgba(20,124,255,.13),transparent 26%),
        radial-gradient(circle at 88% 8%,rgba(97,216,255,.16),transparent 24%),
        radial-gradient(circle at 72% 86%,rgba(0,91,234,.10),transparent 24%),
        linear-gradient(180deg,#f8fbff 0%,#f3f7fc 48%,#ffffff 100%);
    overflow-x:hidden;
}

body::before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:0;
    background-image:
        linear-gradient(rgba(20,124,255,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(20,124,255,.035) 1px,transparent 1px);
    background-size:54px 54px;
    mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 82%);
}

body::after{
    content:"";
    position:fixed;
    inset:-30%;
    pointer-events:none;
    z-index:0;
    background:conic-gradient(from 180deg,transparent,rgba(20,124,255,.10),transparent,rgba(97,216,255,.10),transparent);
    filter:blur(70px);
    opacity:.55;
    animation:mfGlobalAura 18s linear infinite;
}

@keyframes mfGlobalAura{
    from{transform:rotate(0deg) scale(1);}
    to{transform:rotate(360deg) scale(1.04);}
}

/* שכבת תוכן גלובלית */
main,
.page,
.profile-page,
.auth-page,
.admin-page,
.content-page,
.user-page,
.dashboard,
.container,
.wrapper,
.site-main{
    position:relative;
    z-index:2;
}

/* מעטפת עמודים כללית */
.mf-page,
.content-page,
.profile-page,
.user-page,
.auth-page,
.admin-page,
.dashboard-page{
    width:min(1240px,calc(100% - 28px));
    margin:22px auto;
    position:relative;
    z-index:2;
}

/* כרטיס גלובלי לכל האתר */
.mf-card,
.panel,
.profile-card,
.user-card,
.form-card,
.auth-card,
.settings-card,
.info-card,
.table-card,
.content-box,
.page-box,
.box,
.card{
    background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.76));
    border:1px solid rgba(255,255,255,.82);
    border-radius:var(--mf-radius-lg);
    box-shadow:var(--mf-shadow);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    position:relative;
    overflow:hidden;
}

.mf-card::before,
.panel::before,
.profile-card::before,
.user-card::before,
.form-card::before,
.auth-card::before,
.settings-card::before,
.info-card::before,
.table-card::before,
.content-box::before,
.page-box::before,
.box::before,
.card::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    pointer-events:none;
    background:
        linear-gradient(135deg,rgba(255,255,255,.75),transparent 34%),
        radial-gradient(circle at 18% 0%,rgba(20,124,255,.12),transparent 30%);
    opacity:.75;
}

.mf-card > *,
.panel > *,
.profile-card > *,
.user-card > *,
.form-card > *,
.auth-card > *,
.settings-card > *,
.info-card > *,
.table-card > *,
.content-box > *,
.page-box > *,
.box > *,
.card > *{
    position:relative;
    z-index:1;
}

.mf-card:hover,
.panel:hover,
.profile-card:hover,
.user-card:hover,
.form-card:hover,
.auth-card:hover,
.settings-card:hover,
.info-card:hover,
.table-card:hover,
.content-box:hover,
.page-box:hover{
    transform:translateY(-4px);
    box-shadow:var(--mf-shadow-hover);
}

/* כותרות עמודים */
.page-title,
.section-title,
.profile-title,
.auth-title,
.admin-title,
.mf-title{
    font-size:clamp(28px,4vw,52px);
    line-height:1.1;
    font-weight:900;
    letter-spacing:-.03em;
    color:#07111f;
    margin-bottom:14px;
}

.page-subtitle,
.section-subtitle,
.mf-subtitle{
    color:var(--mf-muted);
    font-size:16px;
    line-height:1.85;
    max-width:760px;
    margin-bottom:22px;
}


@keyframes mfShine{
    0%,45%{transform:translateX(260px) rotate(-18deg);opacity:0;}
    55%{opacity:1;}
    100%{transform:translateX(-760px) rotate(-18deg);opacity:0;}
}


/* כפתורים גלובליים */
button,
.btn,
.mf-btn,
input[type="submit"],
input[type="button"],
.auth-btn,
.profile-btn,
.save-btn{
    border:0;
    border-radius:16px;
    background:linear-gradient(135deg,var(--mf-blue),var(--mf-blue-dark));
    color:#fff;
    font-weight:900;
    min-height:46px;
    padding:0 22px;
    cursor:pointer;
    box-shadow:var(--mf-blue-shadow);
    transition:.25s ease;
}

button:hover,
.btn:hover,
.mf-btn:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.auth-btn:hover,
.profile-btn:hover,
.save-btn:hover{
    transform:translateY(-3px);
    filter:saturate(1.08) brightness(.98);
    box-shadow:0 22px 45px rgba(20,124,255,.30);
}

.btn-light,
.mf-btn-light{
    background:rgba(255,255,255,.88);
    color:#07111f;
    border:1px solid rgba(255,255,255,.8);
    box-shadow:0 16px 36px rgba(15,23,42,.08);
}

.btn-dark,
.mf-btn-dark{
    background:linear-gradient(135deg,#050505,#172033);
    color:#fff;
    box-shadow:0 18px 45px rgba(15,23,42,.22);
}

/* טפסים גלובליים */
input,
textarea,
select{
    font-family:inherit;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="search"],
input[type="url"],
input[type="tel"],
textarea,
select{
    width:100%;
    border:1px solid rgba(203,213,225,.90);
    border-radius:17px;
    background:rgba(255,255,255,.78);
    color:var(--mf-text);
    padding:14px 16px;
    outline:none;
    transition:.22s ease;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}

textarea{
    min-height:110px;
    resize:vertical;
}

input:focus,
textarea:focus,
select:focus{
    border-color:rgba(20,124,255,.65);
    background:#fff;
    box-shadow:0 0 0 5px rgba(20,124,255,.11), inset 0 1px 0 rgba(255,255,255,.9);
}

label{
    display:block;
    font-weight:900;
    color:#1d2939;
    margin-bottom:8px;
}

.form-group,
.field,
.input-group{
    margin-bottom:16px;
}

/* פרופיל משתמש */
.profile-layout,
.user-layout{
    display:grid;
    grid-template-columns:340px minmax(0,1fr);
    gap:22px;
    align-items:start;
}

.profile-sidebar,
.user-sidebar{
    padding:24px;
    position:sticky;
    top:104px;
}

.profile-main,
.user-main{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.profile-avatar,
.user-avatar,
.avatar-lg{
    width:116px;
    height:116px;
    border-radius:50%;
    background:linear-gradient(135deg,#07111f,var(--mf-blue));
    color:#fff;
    display:grid;
    place-items:center;
    font-size:42px;
    font-weight:900;
    margin:0 auto 16px;
    border:5px solid rgba(255,255,255,.9);
    box-shadow:0 22px 48px rgba(20,124,255,.26);
    overflow:hidden;
}

.profile-avatar img,
.user-avatar img,
.avatar-lg img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.profile-name,
.user-name{
    text-align:center;
    font-size:26px;
    font-weight:900;
    color:#07111f;
    margin-bottom:6px;
}

.profile-meta,
.user-meta{
    text-align:center;
    color:var(--mf-muted);
    line-height:1.7;
}

.status-dot,
.online-dot{
    width:11px;
    height:11px;
    border-radius:50%;
    background:#18c964;
    display:inline-block;
    box-shadow:0 0 0 5px rgba(24,201,100,.12),0 0 18px rgba(24,201,100,.55);
}

.status-dot.offline,
.offline-dot{
    background:#ff3b3b;
    box-shadow:0 0 0 5px rgba(255,59,59,.12),0 0 18px rgba(255,59,59,.45);
}

.status-dot.unknown,
.unknown-dot{
    background:#98a2b3;
    box-shadow:0 0 0 5px rgba(152,162,179,.14);
}

/* ניווט צד / תפריטי משתמש */
.side-menu,
.profile-menu,
.user-menu{
    display:flex;
    flex-direction:column;
    gap:8px;
    margin-top:20px;
}

.side-menu a,
.profile-menu a,
.user-menu a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:48px;
    padding:0 14px;
    border-radius:15px;
    color:#1d2939;
    font-weight:800;
    transition:.22s ease;
}

.side-menu a:hover,
.side-menu a.active,
.profile-menu a:hover,
.profile-menu a.active,
.user-menu a:hover,
.user-menu a.active{
    background:linear-gradient(135deg,rgba(20,124,255,.12),rgba(97,216,255,.10));
    color:var(--mf-blue);
    transform:translateX(-4px);
}

/* טבלאות */
table{
    width:100%;
    border-collapse:separate;
    border-spacing:0 10px;
}

th{
    color:var(--mf-muted);
    font-size:13px;
    text-align:right;
    padding:0 14px 4px;
}

td{
    background:rgba(255,255,255,.82);
    border-top:1px solid rgba(226,232,240,.9);
    border-bottom:1px solid rgba(226,232,240,.9);
    padding:14px;
}

td:first-child{
    border-radius:0 16px 16px 0;
    border-right:1px solid rgba(226,232,240,.9);
}

td:last-child{
    border-radius:16px 0 0 16px;
    border-left:1px solid rgba(226,232,240,.9);
}

/* התראות */
.alert,
.notice,
.success,
.error,
.warning,
.site-alert{
    border-radius:18px;
    padding:14px 18px;
    font-weight:800;
    line-height:1.65;
    border:1px solid transparent;
}

.success,
.alert-success{
    background:linear-gradient(135deg,#ecfff4,#f7fffb);
    color:#067647;
    border-color:#b7f3d1;
}

.error,
.alert-error{
    background:linear-gradient(135deg,#fff1f1,#fffafa);
    color:#c01010;
    border-color:#ffd1d1;
}

.warning,
.alert-warning{
    background:linear-gradient(135deg,#fff8e8,#fffdf7);
    color:#b54708;
    border-color:#ffe2a8;
}

/* גריד גלובלי */
.mf-grid,
.cards-grid,
.items-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}

.mf-grid-2{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}

/* תמונות */
img{
    max-width:100%;
}

.image-cover,
.post-image,
.article-image{
    width:100%;
    border-radius:22px;
    overflow:hidden;
    object-fit:cover;
    box-shadow:0 18px 45px rgba(15,23,42,.10);
}

/* תנועה עדינה לכל אלמנט חשוב */
.card,
.box,
.panel,
.profile-card,
.user-card,
.auth-card,
.content-box,
button,
.btn,
a{
    transition-property:transform,box-shadow,color,background,border-color,filter,opacity;
    transition-duration:.25s;
    transition-timing-function:ease;
}

/* מובייל */
@media(max-width:980px){
    .profile-layout,
    .user-layout{
        grid-template-columns:1fr;
    }

    .profile-sidebar,
    .user-sidebar{
        position:relative;
        top:auto;
    }

    .mf-grid,
    .cards-grid,
    .items-grid,
    .mf-grid-2{
        grid-template-columns:1fr;
    }

    .mf-page,
    .content-page,
    .profile-page,
    .user-page,
    .auth-page,
    .admin-page,
    .dashboard-page{
        width:min(100% - 20px,1240px);
        margin:12px auto;
    }
}

@media(prefers-reduced-motion:reduce){
    *,
    *::before,
    *::after{
        animation:none!important;
        transition:none!important;
        scroll-behavior:auto!important;
    }
}

.live-bg{
    position:fixed;
    inset:0;
    z-index:0;
    pointer-events:none;
    overflow:hidden;
    opacity:.95;
}

.site-orb{
    position:absolute;
    border-radius:50%;
    filter:blur(1px) saturate(1.18);
    mix-blend-mode:multiply;
    animation-timing-function:ease-in-out;
    animation-iteration-count:infinite;
}

.site-orb.orb-1{
    width:430px;
    height:430px;
    background:radial-gradient(circle,rgba(20,124,255,.22),rgba(77,215,255,.11) 38%,transparent 72%);
    top:8%;
    right:4%;
    animation:siteOrbOne 11s infinite;
}

.site-orb.orb-2{
    width:310px;
    height:310px;
    background:radial-gradient(circle,rgba(0,91,234,.18),rgba(77,215,255,.10) 42%,transparent 72%);
    bottom:12%;
    left:6%;
    animation:siteOrbTwo 13s infinite;
}

.site-orb.orb-3{
    width:190px;
    height:190px;
    background:radial-gradient(circle,rgba(77,215,255,.16),transparent 70%);
    top:44%;
    left:18%;
    animation:siteOrbThree 9s infinite;
}

.site-orb.orb-4{
    width:90px;
    height:90px;
    background:radial-gradient(circle,rgba(255,255,255,.75),transparent 70%);
    bottom:22%;
    right:24%;
    animation:siteOrbFour 7s infinite;
}

.site-light-line{
    position:absolute;
    width:560px;
    height:2px;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),rgba(77,215,255,.65),rgba(20,124,255,.46),transparent);
    opacity:.55;
    box-shadow:0 0 24px rgba(20,124,255,.22);
    animation:siteLightMove 10s linear infinite;
}

.site-light-line.line-1{
    top:18%;
    left:-260px;
}

.site-light-line.line-2{
    bottom:26%;
    right:-260px;
    animation-delay:4s;
}

.site-particle{
    position:absolute;
    width:7px;
    height:7px;
    border-radius:50%;
    background:rgba(255,255,255,.95);
    box-shadow:
        0 0 12px rgba(255,255,255,.85),
        0 0 24px rgba(20,124,255,.45);
    animation:siteParticleMove 12s linear infinite;
}

.site-particle.p1{top:22%;right:28%;animation-delay:1s;}
.site-particle.p2{top:58%;left:16%;animation-delay:4s;}
.site-particle.p3{top:38%;left:48%;animation-delay:7s;}
.site-particle.p4{bottom:18%;right:18%;animation-delay:2s;}
.site-particle.p5{top:74%;left:36%;animation-delay:5s;}

@keyframes siteOrbOne{
    0%,100%{transform:translateY(0) translateX(0);}
    50%{transform:translateY(-30px) translateX(18px);}
}

@keyframes siteOrbTwo{
    0%,100%{transform:translateY(0) translateX(0);}
    50%{transform:translateY(26px) translateX(-20px);}
}

@keyframes siteOrbThree{
    0%,100%{transform:scale(1);}
    50%{transform:scale(1.12) translateY(-18px);}
}

@keyframes siteOrbFour{
    0%,100%{opacity:.4;transform:translateY(0);}
    50%{opacity:.9;transform:translateY(-22px);}
}

@keyframes siteLightMove{
    0%{transform:translateX(0);opacity:0;}
    10%{opacity:.55;}
    90%{opacity:.55;}
    100%{transform:translateX(900px);opacity:0;}
}

@keyframes siteParticleMove{
    0%{transform:translateY(0);opacity:0;}
    20%{opacity:1;}
    100%{transform:translateY(-160px);opacity:0;}
}
.live-bg{
    position:fixed;
    inset:0;
    z-index:0;
    pointer-events:none;
    overflow:hidden;
}

.site-particle{
    position:absolute;
    width:7px;
    height:7px;
    border-radius:50%;
    background:rgba(20,124,255,.55);
    box-shadow:
        0 0 12px rgba(20,124,255,.45),
        0 0 28px rgba(77,215,255,.35);
    animation:particleFloat 8s ease-in-out infinite;
}

.site-particle.p1{top:20%;right:18%;animation-delay:0s;}
.site-particle.p2{top:35%;right:42%;animation-delay:1.2s;}
.site-particle.p3{top:62%;right:26%;animation-delay:2.4s;}
.site-particle.p4{top:76%;right:58%;animation-delay:3.1s;}
.site-particle.p5{top:28%;left:18%;animation-delay:1.7s;}
.site-particle.p6{top:54%;left:32%;animation-delay:2.8s;}
.site-particle.p7{top:70%;left:12%;animation-delay:.8s;}
.site-particle.p8{top:16%;left:45%;animation-delay:3.8s;}

@keyframes particleFloat{
    0%{
        transform:translateY(0) translateX(0) scale(.85);
        opacity:.15;
    }
    25%{
        opacity:1;
    }
    50%{
        transform:translateY(-38px) translateX(18px) scale(1.15);
        opacity:.9;
    }
    75%{
        opacity:.75;
    }
    100%{
        transform:translateY(0) translateX(0) scale(.85);
        opacity:.15;
    }
}

.site-light-line{
    position:absolute;
    width:520px;
    height:2px;
    background:linear-gradient(90deg,transparent,rgba(77,215,255,.75),rgba(20,124,255,.55),transparent);
    box-shadow:0 0 24px rgba(20,124,255,.32);
    opacity:.6;
    animation:lineFloat 10s linear infinite;
}

.site-light-line.line-1{
    top:24%;
    left:-300px;
}

.site-light-line.line-2{
    bottom:28%;
    right:-300px;
    animation-delay:4s;
}

@keyframes lineFloat{
    0%{
        transform:translateX(0);
        opacity:0;
    }
    15%{
        opacity:.65;
    }
    85%{
        opacity:.65;
    }
    100%{
        transform:translateX(950px);
        opacity:0;
    }
}

.site-orb{
    position:absolute;
    border-radius:50%;
    filter:blur(2px);
    animation:elegantOrb 10s ease-in-out infinite;
}

.site-orb.orb-1{
    width:360px;
    height:360px;
    top:8%;
    right:5%;
    background:radial-gradient(circle,rgba(20,124,255,.16),transparent 70%);
}

.site-orb.orb-2{
    width:260px;
    height:260px;
    bottom:12%;
    left:8%;
    background:radial-gradient(circle,rgba(77,215,255,.14),transparent 70%);
    animation-delay:2s;
}

.site-orb.orb-3{
    width:170px;
    height:170px;
    top:44%;
    left:20%;
    background:radial-gradient(circle,rgba(20,124,255,.12),transparent 70%);
    animation-delay:3s;
}

.site-orb.orb-4{
    width:110px;
    height:110px;
    bottom:24%;
    right:24%;
    background:radial-gradient(circle,rgba(255,255,255,.70),transparent 70%);
    animation-delay:1s;
}

@keyframes elegantOrb{
    0%,100%{
        transform:translateY(0) translateX(0);
    }
    50%{
        transform:translateY(-28px) translateX(18px);
    }
}

/* =========================================================
   MUSIC FM - UNIFIED SITE BACKGROUND FINAL
   רקע אחיד לכל האתר הרגיל, בלי לגעת באדמין
========================================================= */
body:not(.mf-admin-body){
    min-height:100vh !important;
    background:
        radial-gradient(circle at 15% 20%, rgba(20,124,255,.10), transparent 24%),
        radial-gradient(circle at 86% 12%, rgba(89,199,255,.08), transparent 24%),
        linear-gradient(180deg,#f7f9fc 0%,#f4f6fa 45%,#ffffff 100%) !important;
    background-attachment:fixed !important;
}

html[data-theme="dark"] body:not(.mf-admin-body){
    background:
        radial-gradient(circle at 15% 20%, rgba(20,124,255,.16), transparent 25%),
        radial-gradient(circle at 86% 12%, rgba(89,199,255,.10), transparent 25%),
        linear-gradient(180deg,#070b14 0%,#0b1220 52%,#050814 100%) !important;
    background-attachment:fixed !important;
}

body:not(.mf-admin-body)::before{
    content:"" !important;
    position:fixed !important;
    inset:0 !important;
    pointer-events:none !important;
    z-index:0 !important;
    background-image:
        linear-gradient(rgba(20,124,255,.022) 1px, transparent 1px),
        linear-gradient(90deg, rgba(20,124,255,.022) 1px, transparent 1px) !important;
    background-size:58px 58px !important;
    opacity:.72 !important;
    mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 86%) !important;
    -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 86%) !important;
    animation:none !important;
}

html[data-theme="dark"] body:not(.mf-admin-body)::before{
    background-image:
        linear-gradient(rgba(89,199,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(89,199,255,.035) 1px, transparent 1px) !important;
    opacity:.45 !important;
}

body:not(.mf-admin-body)::after{
    content:"" !important;
    position:fixed !important;
    inset:auto -12% -28% -12% !important;
    height:360px !important;
    pointer-events:none !important;
    z-index:0 !important;
    background:radial-gradient(circle,rgba(20,124,255,.075),transparent 66%) !important;
    filter:blur(8px) !important;
    opacity:.85 !important;
    animation:none !important;
}

html[data-theme="dark"] body:not(.mf-admin-body)::after{
    background:radial-gradient(circle,rgba(20,124,255,.13),transparent 68%) !important;
    opacity:.70 !important;
}

body:not(.mf-admin-body) .live-bg{
    position:fixed !important;
    inset:0 !important;
    z-index:0 !important;
    pointer-events:none !important;
    overflow:hidden !important;
    opacity:.58 !important;
}

body:not(.mf-admin-body) .site-orb.orb-1{
    width:300px !important;
    height:300px !important;
    top:9% !important;
    right:5% !important;
    background:radial-gradient(circle,rgba(20,124,255,.12),transparent 72%) !important;
}

body:not(.mf-admin-body) .site-orb.orb-2{
    width:220px !important;
    height:220px !important;
    bottom:10% !important;
    left:6% !important;
    background:radial-gradient(circle,rgba(0,91,234,.08),transparent 72%) !important;
}

body:not(.mf-admin-body) .site-orb.orb-3{
    width:130px !important;
    height:130px !important;
    top:46% !important;
    left:18% !important;
    background:radial-gradient(circle,rgba(89,199,255,.08),transparent 70%) !important;
}

body:not(.mf-admin-body) .site-orb.orb-4{
    width:82px !important;
    height:82px !important;
    bottom:22% !important;
    right:24% !important;
    background:radial-gradient(circle,rgba(255,255,255,.52),transparent 70%) !important;
}

body:not(.mf-admin-body) .site-light-line{
    opacity:.22 !important;
    background:linear-gradient(90deg,transparent,rgba(20,124,255,.26),transparent) !important;
}

body:not(.mf-admin-body) .site-particle{
    opacity:.42 !important;
}

body:not(.mf-admin-body) main,
body:not(.mf-admin-body) .page,
body:not(.mf-admin-body) .profile-page,
body:not(.mf-admin-body) .auth-page,
body:not(.mf-admin-body) .content-page,
body:not(.mf-admin-body) .user-page,
body:not(.mf-admin-body) .dashboard,
body:not(.mf-admin-body) .container,
body:not(.mf-admin-body) .wrapper,
body:not(.mf-admin-body) .site-main,
body:not(.mf-admin-body) .topbar,
body:not(.mf-admin-body) footer,
body:not(.mf-admin-body) .site-footer{
    position:relative;
    z-index:2;
}