/*ANTAMEDIA BRANDING*/

#header {
    height: 65px !important;
    overflow: visible !important;
    box-shadow: rgba(0, 0, 0, .117647) 0 1px 3px !important;
    background: linear-gradient(0deg, #ffffff00, #ffffff00) !important;
    background-color: #fffffff2 !important;
}

#header > div {
    height: 64px !important;
}

#logo-group > span {
    height: 62px !important;
}

.fixed-header #main {
    margin-top: 60px;
}

#left-panel {
    padding-top: 74px !important;
    border-right: 0px;
}

#logo img {
    max-height: 65px !important;
}

#project-selector {
    color: #50616d;
    margin-top: 10px !important;
}
#App {
    margin-top: 15px !important;
}

#LocationIdSelected {
    margin-top: 15px !important;
}

.smart-style-2 nav ul li a {
    color: #44535e !important;
}

.well {
    box-shadow: 1px 2px 4px 0px #707070;
    -moz-box-shadow: 0 5px 5px #707070;
    -webkit-box-shadow: 1px 2px 4px 0px #707070;
}

#hide-menu {
    margin-top: 10px;
}


.icon-container {
    background: #21252e !important;
}
/* ----------------------------------------------------------
   ❶  DARK GRADIENT JUST FOR smart-style-1
   ---------------------------------------------------------- */
body.smart-style-1::before {
    /* same geometry & animation as the default rule … */
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    background-size: 200% 200%;
    animation: radialShift 22s ease-in-out infinite;
    /* … but with its own colour palette */
    /* centre is the lighter charcoal (rgb(34,38,46)),        */
    /* fading to the deeper charcoal (rgb(27,30,36))          */
    background: radial-gradient(circle at center, rgb(34 38 46) 0%, /* bright core */ rgb(27 30 36) 60%, /* mid halo */ rgba(27, 30, 36, 1.00) 100% /* edge – solid dark */ );
}

 
/* ----------------------------------------------------------
   ❷  Strip back the wrapper layers just for smart-style-1
   ---------------------------------------------------------- */
body.smart-style-1,
body.smart-style-1 header,
body.smart-style-1 aside,
body.smart-style-1 #main,
body.smart-style-1 #content {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}


    body.smart-style-2::before {
        content: "";
        position: fixed;
        inset: 0; /* full-screen layer           */
        z-index: -1; /* stay behind page content    */
        /* circular gradient: white → faint blue → fully transparent */
        background: radial-gradient(circle at center, rgba(255,255,255,0.95) 0%, rgb(172 191 202 / 60%) 60%, rgb(173,216,230) 100%);
        /* give the gradient room to “travel” when animated */
        /*rgb(43 143 175 / 65%) 60%, /* light-blue halo */
        /*rgb(116 173 205 / 60%) 60%, /* light-blue halo */
        background-size: 200% 200%;
        /* gentle drift so the bloom appears to breathe */
        animation: radialShift 22s ease-in-out infinite;
    }

body.smart-style-2,
body.smart-style-2 header,
body.smart-style-2 aside,
body.smart-style-2 #main,
body.smart-style-2 #content {
    /* wipe background images & colours from the wrappers */
    background: transparent !important; /* handles shorthand */
    background-color: transparent !important; /* belt-and-braces */
    background-image: none !important; /* in case only image set */
}

/* move the focal point very slightly, then return */
@keyframes radialShift {
    0% {
        background-position: 50% 50%;
    }

    50% {
        background-position: 40% 60%;
    }

    100% {
        background-position: 50% 50%;
    }
}

/* (optional) respect prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
    body::before {
        animation: none;
    }
}