File "admin-styles.scss"

Full Path: /websites/hqoliveoil/site/wp-content/plugins/wp-malware-removal/assets/scss/admin-styles.scss
File size: 71.67 KB
MIME-type: text/plain
Charset: utf-8

@charset "UTF-8";

@import url("fonts/roboto.css") all;

@import url("fonts/courier_prime.css") all;

// @import url("fonts/orbitron.css") all;
// @import url("fonts/spacemono.css") all;

$mred: hsl(350, 65%, 50%);
$blue_border: hsl(200, 100%, 50%);
$blue_emblem: hsl(190, 100%, 45%);
$wpmr_aqua: hsl(190, 100%, 50%);
$font: Roboto,
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Oxygen-Sans,
Ubuntu,
Cantarell,
"Helvetica Neue",
sans-serif;

/** GENERAL **/
#dashboard-widgets-wrap {
    .malcure_pro_info {
        background: hsl(216, 37%, 16%) radial-gradient(ellipse closest-side at center, hsl(216, 37%, 20%), hsla(0, 0%, 0%, 0));

        padding: 1em 1.618em;
        color: white;

        #heading {
            padding: 20px;
            border-bottom: 2px solid hsla(0, 0%, 0%, 0);
            font-weight: bold;
            color: white;
            border-image-source: linear-gradient(90deg, hsla(0, 0%, 0%, 0), hsla(216, 66%, 33%, 0.8), hsla(0, 0%, 0%, 0));
            border-image-source: linear-gradient(90deg, hsla(0, 0%, 0%, 0), hsl(350, 75%, 50%) 89%, hsla(0, 0%, 0%, 0));
            border-image-slice: 1;
        }

    }
}

.malcure {
    * {
        transition: all .25s ease;
    }

    input[type="checkbox"]:checked::before {
        content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%2300d4ff%27%2F%3E%3C%2Fsvg%3E");
    }

    font-family: $font;

    #wpadminbar * {
        font-family: $font;
    }

    th,
    strong,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-weight: 500;
    }

    .wpmr_no_copy {
        user-select: none;
    }

    input[type=checkbox],
    input[type=radio],
    input[type=color],
    input[type=date],
    input[type=datetime-local],
    input[type=datetime],
    input[type=email],
    input[type=month],
    input[type=number],
    input[type=password],
    input[type=search],
    input[type=tel],
    input[type=text],
    input[type=time],
    input[type=url],
    input[type=week],
    select,
    textarea {
        border-radius: 0;
    }

    :focus::placeholder {
        opacity: .1;
        color: black;
    }

    .mc-waiting:before {
        background: url(spinner.svg) no-repeat center;
        content: "";
        width: 1em;
        height: 1em;
        display: block;
    }

    #screen-meta-links,
    .toplevel_page_wpmr #screen-meta {
        display: none;
    }

    #wpadminbar {
        background: #1c2630;
    }

    #adminmenuback,
    #adminmenuwrap,
    #adminmenu {
        background: #1c2630;
    }

    #adminmenu .wp-submenu,
    #adminmenu .wp-has-current-submenu .wp-submenu,
    #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
    #adminmenu a.wp-has-current-submenu:focus+.wp-submenu,
    #wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item,
    #wpadminbar:not(.mobile) .ab-top-menu>li>.ab-item:focus,
    #wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus,
    #wpadminbar.nojs .ab-top-menu>li.menupop:hover>.ab-item,
    #wpadminbar .ab-top-menu>li.menupop.hover>.ab-item,
    #wpadminbar .menupop .ab-sub-wrapper {
        background: lighten(#1c2630, 5%);
        background: hsla(200, 35%, 25%, 0.5);
        background: #273641;

        //hsl(210, 31.32%, 19.9%)

    }

    #wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item,
    #wpadminbar .ab-top-menu>li.menupop.hover>.ab-item,
    #wpadminbar .quicklinks .menupop ul li a:hover,
    #wpadminbar:not(.mobile)>#wp-toolbar li:hover span.ab-label,
    #wpadminbar li:hover .ab-icon:before,
    #wpadminbar:not(.mobile) li:hover .ab-icon:before,
    #wpadminbar li.hover .ab-item:before,
    #wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item,
    #wpadminbar:not(.mobile) .ab-top-menu>li>.ab-item:focus,
    #wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus,
    #wpadminbar.nojs .ab-top-menu>li.menupop:hover>.ab-item,
    #wpadminbar .ab-top-menu>li.menupop.hover>.ab-item,
    #wpadminbar:not(.mobile) li:hover .ab-icon:before,
    #wpadminbar:not(.mobile) li:hover .ab-item:before,
    #wpadminbar:not(.mobile) li:hover .ab-item:after,
    #wpadminbar:not(.mobile) li:hover #adminbarsearch:before,
    #wpadminbar:not(.mobile)>#wp-toolbar li:hover span.ab-label,
    #wpadminbar:not(.mobile)>#wp-toolbar li.hover span.ab-label,
    #wpadminbar:not(.mobile)>#wp-toolbar a:focus span.ab-label,
    #wpadminbar .quicklinks .menupop ul li a:hover,
    #wpadminbar .quicklinks .menupop ul li a:focus,
    #wpadminbar .quicklinks .menupop ul li a:hover strong,
    #wpadminbar .quicklinks .menupop ul li a:focus strong,
    #wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover>a,
    #wpadminbar .quicklinks .menupop.hover ul li a:hover,
    #wpadminbar .quicklinks .menupop.hover ul li a:focus,
    #wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
    #wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
    #wpadminbar li:hover .ab-icon:before,
    #wpadminbar li:hover .ab-item:before,
    #wpadminbar li a:focus .ab-icon:before,
    #wpadminbar li .ab-item:focus:before,
    #wpadminbar li .ab-item:focus .ab-icon:before,
    #wpadminbar li.hover .ab-icon:before,
    #wpadminbar li.hover .ab-item:before,
    #wpadminbar li:hover #adminbarsearch:before,
    #wpadminbar li #adminbarsearch.adminbar-focused:before {
        color: white;
    }

    #adminmenu {
        li.wp-has-current-submenu a.wp-has-current-submenu {
            background-color: $blue_border;
        }

        a:hover,
        li.menu-top:hover,
        li.opensub>a.menu-top,
        li>a.menu-top:focus {
            background-color: lighten($blue_border, 10%);
            box-shadow: inset 4px 0 0 0 hsla(350, 65%, 50%, 1);
        }

        .wp-submenu a:focus,
        .wp-submenu a:hover,
        .wp-has-current-submenu .wp-submenu a:focus,
        .wp-has-current-submenu .wp-submenu a:hover,
        a.wp-has-current-submenu:focus+.wp-submenu a:focus,
        a.wp-has-current-submenu:focus+.wp-submenu a:hover,
        .wp-has-current-submenu.opensub .wp-submenu a:focus,
        .wp-has-current-submenu.opensub .wp-submenu a:hover,
        .wp-submenu li.current a:hover,
        .wp-submenu li.current a:focus,
        a.wp-has-current-submenu:focus+.wp-submenu li.current a:hover,
        a.wp-has-current-submenu:focus+.wp-submenu li.current a:focus,
        .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
        .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
            color: white;
        }

        .awaiting-mod,
        .update-plugins,
        li.current a .awaiting-mod,
        li:hover a .awaiting-mod {
            background: hsla(350, 65%, 50%, 1);
            color: white;
        }
    }

    #wpbody-content {
        .page_branding {
            margin: 1em 0;
            max-width: 25%;
        }

        .malcure_pro_info {
            background: hsl(216, 37%, 16%) radial-gradient(ellipse closest-side at center, hsl(216, 37%, 20%), hsla(0, 0%, 0%, 0));
            display: table;
            padding: 1em 1.618em;
            color: white;

            #heading {
                padding: 20px;
                border-bottom: 2px solid hsla(0, 0%, 0%, 0);
                font-weight: bold;
                color: white;
                border-image-source: linear-gradient(90deg, hsla(0, 0%, 0%, 0), hsla(216, 66%, 33%, 0.8), hsla(0, 0%, 0%, 0));
                border-image-source: linear-gradient(90deg, hsla(0, 0%, 0%, 0), hsl(350, 75%, 50%) 89%, hsla(0, 0%, 0%, 0));
                border-image-slice: 1;
            }

            .malcure_pro_info.licensed #heading:before {
                content: "";
                display: inline-block;
                width: 24px;
                background: url(https://malcure.com/wp-content/plugins/wp-malware-removal/assets/bullet-arrow.svg) no-repeat left center;
                height: 24px;
                vertical-align: middle;
                margin-right: 1em;
            }

            ul {
                //list-style-type: square;
                //list-style-position: inside;
                margin-left: 1.618em;

                //list-style-image: url(bullet-arrow.svg);

            }

            ul li:before {
                content: "";
                display: inline-block;
                width: 1em;
                background: url(bullet-arrow.svg) no-repeat left center;
                height: .8em;
                margin-right: 1em;
            }

            #cta,
            #cta:visited {
                display: block;
                padding: 1em;
                text-align: center;
                color: hsl(0, 0%, 100%);
                text-decoration: none;
                font-weight: bold;
                padding: 1em 1.618em;
                font-size: 1.2em;
                border-radius: 0px;
                // background: linear-gradient(hsl(120, 39%, 54%), hsl(120, 49%, 44%)) !important;
                // border-color: hsl(120, 39%, 49%) !important;
                // border-color: hsl(120, 100%, 27%) !important;
                //border-image-slice: 1;
                border: 1px outset hsl(120, 100%, 27%) !important;
                box-shadow: 0px 10px 15px #00000077;
                transition: all 0.1s linear;
                margin: 2em auto;
                text-transform: capitalize;
                position: relative;
                top: 0px;
                background: hsl(120, 100%, 27%);
                outline: 1px solid hsl(120, 100%, 27%);
                outline-offset: 1px;
            }

            #cta:hover {
                top: 0px;
                box-shadow: 0px 10px 15px #000;
            }

            #cta:focus {
                outline: none;
            }

            #cta:active {
                outline: none;
                top: 1px;
                box-shadow: 0px 10px 15px #000;
                background: linear-gradient(hsl(120, 49%, 44%), hsl(120, 39%, 54%)) !important;
            }
        }
    }

    label {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    textarea,
    input {
        font-size: 1em;
    }

    .malcure-button-primary,
    .button-secondary,
    .button {
        font-size: 1em;
        border-radius: 0;
        border: 1px solid transparent;

        //padding: .618em 1em;
        padding: 8px 13px !important;
        height: unset;
        line-height: unset;
        font-weight: 500;
        display: inline-block;
        cursor: pointer;
        text-decoration: none;
        outline: none;
        white-space: nowrap;
        box-sizing: border-box;
    }

    table.widefat {
        background: transparent;
    }

    //.button-secondary,
    //.button {
    //    background: #ccc;
    //    color: black;
    //}
    .malcure-button-primary,
    .button {
        background: hsla(205, 60%, 50%, 1);
        background: hsla(207, 68%, 41%, 1);
        border: 1px solid hsla(207, 68%, 41%, 1);
        color: white;

        &:hover {
            color: white;
            background: hsla(206, 78%, 33%, 1);
            border-color: hsla(206, 78%, 33%, 1);
            box-shadow: none;
        }

        &:focus {
            color: white;
            background: hsla(206, 78%, 33%, 1);
            border-color: hsla(206, 78%, 33%, 1);
            box-shadow: none;
        }
    }

    a {
        color: hsla(207, 68%, 41%, 1);
        color: hsla(200, 100%, 40%, 1);
    }

    .transparent {
        opacity: 0;
        height: 0px;
    }

    span.brandname {
        color: $mred;
        display: inline-block;
        padding-left: 2em;
        background-size: 1.618em;
        background: url(icon-light-trans.svg);
        background-repeat: no-repeat;
        background-position: left center;
    }

    .rating {
        font-family: Arial !important; // Roboto doesn't support emojis proper
    }

    .cta_btn,
    .cta_btn:visited {
        user-select: none;
        display: block;
        padding: 1em;
        text-align: center;
        color: hsl(0, 0%, 100%);
        text-decoration: none;
        font-weight: 500;
        padding: 1em 1.618em .7em 1.618em;
        font-size: 1em;
        // border-radius: 35px;
        background: linear-gradient(hsl(120, 39%, 54%), hsl(120, 49%, 44%)) !important;
        border-color: hsl(120, 39%, 49%) !important;
        border-image-slice: 1;
        border-bottom: 2px solid hsl(120, 100%, 27%) !important;
        box-shadow: 0px 10px 15px #00000077;
        transition: all 0.1s linear;
        margin: 2em auto;
        text-transform: uppercase;
        position: relative;
        top: 0px;
        outline: 0;
    }

    .cta_btn:hover {
        top: 0px;
        box-shadow: 0px 10px 15px #000;
        color: hsl(0, 0%, 100%);
    }

    .cta_btn:focus {
        outline: none;
    }

    .cta_btn:active {
        outline: none;
        top: 1px;
        box-shadow: 0px 10px 15px #000;
        background: linear-gradient(hsl(120, 49%, 44%), hsl(120, 39%, 54%)) !important;
    }

    .premium {
        border-top: 1px solid transparent;
        border-image-source: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(29, 73, 140, 0.8), rgba(0, 0, 0, 0));
        border-image-slice: 1;
        padding-top: 1em !important;
        margin-top: 1em !important;
    }

    .has-2-columns {
        grid-template-columns: 1fr 1fr;
        display: grid;
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;

        .column {
            text-align: left;
            padding: 1em 1.618em;
        }
    }

    .love .column {
        text-align: center;
    }

    .blink {
        animation: blinker 1s ease-in-out 0s infinite alternate both running;
    }

    @keyframes glowing {
        0% {
            // background-image: radial-gradient(hsla(350, 65%, 50%, .2), transparent);
            box-shadow: 0px 0px 12px 0px hsla(210, 100%, 50%, 0.3);
            border-image-source: linear-gradient(90deg, transparent, hsla(350, 65%, 50%, 0.5), transparent);
            color: hsla(350, 100%, 100%, 0.5);
        }

        50% {
            // background-image: radial-gradient(hsla(350, 65%, 50%, .8), transparent);
            box-shadow: 0px 0px 12px 0px hsla(210, 100%, 50%, 0.7);
            border-image-source: linear-gradient(90deg, transparent, hsla(350, 65%, 50%, 1), transparent);
            color: white;
        }

        100% {
            // background-image: radial-gradient(hsla(350, 65%, 50%, .2), transparent);
            box-shadow: 0px 0px 12px 0px hsla(210, 100%, 50%, 0.3);
            border-image-source: linear-gradient(90deg, transparent, hsla(350, 65%, 50%, 0.5), transparent);
            color: hsla(350, 100%, 100%, 0.5);
        }
    }

    @keyframes flashing {
        0% {
            background-image: radial-gradient(hsla(350, 65%, 50%, 1), transparent);
            box-shadow: 0px 0px 12px 0px hsla(210, 100%, 50%, 1);
            border-image-source: linear-gradient(90deg, transparent, hsla(350, 65%, 50%, 1), transparent);
            color: white;
        }

        10% {
            background-image: radial-gradient(hsla(350, 65%, 50%, 0.2), transparent);
            box-shadow: 0px 0px 12px 0px hsla(210, 100%, 50%, 0.5);
            border-image-source: linear-gradient(90deg, transparent, hsla(350, 65%, 50%, 0.5), transparent);
            color: hsla(350, 100%, 100%, 0.5);
        }

        //50% {
        //    background-image: radial-gradient(hsla(350, 65%, 50%, 0.2), transparent);
        //    box-shadow: 0px 0px 12px 0px hsla(210, 100%, 50%, 0.5);
        //    border-image-source: linear-gradient(90deg, transparent, hsla(350, 65%, 50%, 0.5), transparent);
        //    color: hsla(350, 100%, 100%, 0.5);
        //}
        //
        //51% {
        //    background-image: radial-gradient(hsla(350, 65%, 50%, 1), transparent);
        //    box-shadow: 0px 0px 12px 0px hsla(210, 100%, 50%, 0.5);
        //    border-image-source: linear-gradient(90deg, transparent, hsla(350, 65%, 50%, 1), transparent);
        //    color: white;
        //}
        //
        //60% {
        //    background-image: radial-gradient(hsla(350, 65%, 50%, 1), transparent);
        //    box-shadow: 0px 0px 12px 0px hsla(210, 100%, 50%, 0.5);
        //    border-image-source: linear-gradient(90deg, transparent, hsla(350, 65%, 50%, 1), transparent);
        //    color: white;
        //}
        //
        //61% {
        //    background-image: radial-gradient(hsla(350, 65%, 50%, .2), transparent);
        //    box-shadow: 0px 0px 12px 0px hsla(210, 100%, 50%, 0.5);
        //    border-image-source: linear-gradient(90deg, transparent, hsla(350, 65%, 50%, 0.5), transparent);
        //    color: hsla(350, 100%, 100%, 0.5);
        //}
        //100% {
        //    background-image: radial-gradient(hsla(350, 65%, 50%, 0.2), transparent);
        //    box-shadow: 0px 0px 12px 0px hsla(210, 100%, 50%, 0.5);
        //    border-image-source: linear-gradient(90deg, transparent, hsla(350, 65%, 50%, 0.5), transparent);
        //    color: hsla(350, 100%, 100%, 0.5);
        //}
    }

    @keyframes flashblue {
        0% {
            background-image: radial-gradient(hsla(210, 100%, 40%, 0.1), transparent);
            filter: grayscale(75%);
        }

        44% {
            background-image: radial-gradient(hsla(210, 100%, 40%, 0.1), transparent);

            //filter: grayscale(50%);

        }

        45% {
            background-image: radial-gradient(hsla(210, 100%, 40%, 1), transparent);
            filter: grayscale(0%);
        }

        50% {
            background-image: radial-gradient(hsla(210, 100%, 40%, 1), transparent);
            filter: grayscale(0%);
        }

        55% {
            background-image: radial-gradient(hsla(210, 100%, 40%, 1), transparent);
            filter: grayscale(0%);
        }

        56% {
            background-image: radial-gradient(hsla(210, 100%, 40%, 0.1), transparent);

            //filter: grayscale(50%);

        }

        100% {
            background-image: radial-gradient(hsla(210, 100%, 40%, 0.1), transparent);
            filter: grayscale(75%);
        }
    }

    @keyframes blinker {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
        }
    }

    .wpmr_bricks {
        display: inline-block;
        padding: 4px 6px 3px;
        margin: 2px 0px 4px 2px;
        background: hsl(0, 0%, 93%);
        color: hsl(0, 0%, 53%);
        border-radius: 3px;
        color: black;
    }

    .wpmr_user_details_session {
        margin-bottom: .5em;
        padding-bottom: .5em;
        border-bottom: 1px solid #f7f7f7;
    }

    .wpmr_user_details_session:last-child {
        padding-bottom: 0;
        border-bottom: 0;
    }

    textarea {
        padding: 1em;
        box-shadow: 0px 0px 6px inset #888;
        background: #ededed;
        overflow: auto;
        display: block;
        width: 100%;
        height: 300px;
        margin-top: 1em;
        margin-bottom: 1em;
        font-family: "Courier Prime", monospace;
    }

    #wpmr_engine_stats {
        text-transform: uppercase;
        font-variant: small-caps;
        font-size: 10px;
        margin-top: 26px;

        // border-collapse: collapse;
        font-family: 'Courier Prime', monospace;
        font-weight: bold;

        //font-family: Orbitron;
        //letter-spacing: .16px;
        th,
        td {
            border-top: 1px inset hsla(189, 100%, 15%, 1);
            border-top: 1px solid hsla(189, 100%, 15%, 1);
            padding-top: 1px;
            vertical-align: middle;

            //border-bottom: 1px inset hsla(189, 100%, 15%, 1);
            text-align: left;
            line-height: 1em;
            padding: 6px 0px 2px;

            span {
                display: block;
            }

            .colon {
                padding: 0 5px;
                color: hsla(189, 100%, 25%, 1);
            }
        }

        th {
            display: flex;
            flex-wrap: nowrap;
            justify-content: space-between;
            font-weight: inherit;
        }

        td {
            vertical-align: middle;

            // font-weight: 700;
            //padding: 1px 0px;
            span {
                display: block;
            }
        }

        tr:first-child {

            th,
            td {
                border-top: none;
                padding-top: 0;
            }
        }
    }

    #wpmr_forums_cta {
        outline: 1px solid hsl(207, 68%, 41%);
        outline-offset: 1px;
        box-shadow: 0px 0px 15px hsla(190, 100%, 50%, 0.5);
    }

    #wpmr_cleanup {
        cursor: not-allowed;
        background: #ccc;
        color: #aaa;

        //text-decoration: line-through;
        border: 1px solid #bbb;
    }

    #wpmr_delete {
        cursor: not-allowed;
        background: #ccc;
        color: #aaa;

        //text-decoration: line-through;
        border: 1px solid #bbb;
    }

    #wpmr_file_whitelist {
        cursor: not-allowed;
        background: #ccc;
        color: #aaa;

        //text-decoration: line-through;
        border: 1px solid #bbb;
    }

    .wrap {
        .advanced_features {
            font-size: 14px;
            background: hsl(216, 37%, 16%) radial-gradient(ellipse closest-side at center, hsl(216, 50%, 23%), hsl(216, 37%, 16%)) no-repeat center;
            text-align: center;
            padding: 1.218em 1.618em 1.618em 1.618em;
            color: white;

            // margin-bottom: 0;
            :link,
            :visited {
                border-bottom: 1px solid transparent;
                font-weight: 500;
                color: white;
                border-image-source: linear-gradient(90deg, transparent, #df2040 50%, transparent);
                border-image-slice: 1;
                text-decoration: none;
                padding-bottom: 0.5em;
                transition: none;

                &:hover {
                    border-image-source: linear-gradient(90deg, transparent, hsla(200, 100%, 50%, 0.8), transparent);
                }
            }
        }

        #page_title {
            display: none !important;
        }

        #dashboard_wrap {
            background: hsl(222, 12%, 17%);

            //background: hsl(210, 26%, 15%);
            //background: radial-gradient(ellipse closest-side at center, hsl(222, 12%, 17%), hsl(210, 26%, 15%)) no-repeat center;
            padding: 4em;
            margin: 15px auto;
            z-index: 1;
            color: $wpmr_aqua;

            #ui_container {
                width: 100%;
            }

            td,
            th {
                vertical-align: top;

                //border: 1px solid hsla(224, 25%, 10%, 1);

            }

            td.col_first {
                width: 20%;
                vertical-align: bottom;
            }

            #logo {
                display: block;

                // background: url(brand-logo.svg) no-repeat left top;
                background-size: contain;
                width: 300px;
                height: 100px;
                background-image: url(logo-dark-trans.svg), radial-gradient(ellipse closest-side at center, hsla(222, 33%, 27%, 0.5), hsla(222, 12%, 17%, 0));
                background-repeat: no-repeat;
                background-position: left top;

                &.running {
                    background-image: url(logo-dark-trans.svg);
                }
            }

            #speedo {
                width: 55%;
                vertical-align: bottom;
            }

            #dial {
                height: 200px;
                position: relative;
                overflow: hidden;
                text-align: center;
                z-index: 1;
            }

            .gauge_a {
                z-index: 1;
                position: absolute;
                box-sizing: border-box;
                top: 0%;
                border-radius: 250px 250px 0px 0px;
                background-image: radial-gradient(transparent, transparent, hsla(200, 50%, 10%, 0.25), $wpmr_aqua);
                background: transparent url(scale.svg) no-repeat center;
                background-size: contain;
                width: 95%;
                height: 190%;
                left: 2.5%;
            }

            .gauge_c {
                z-index: 4;
                margin-left: auto;
                margin-right: auto;
                border-radius: 0px 0px 200px 200px;
                transition: all 1s linear;
                background: transparent url(needle.svg) no-repeat center;
                height: 180%;
            }

            .rotating {
                background: transparent url(needle-anim.svg) no-repeat center;
            }

            .gauge_data {
                color: rgba(255, 255, 255, 0.2);
                font-size: 1.5em;
                line-height: 25px;
                position: absolute;
                width: 400px;
                top: 80px;
                margin-left: calc((100% / 2) - 200px);
                font-variant: small-caps;
                z-index: -1;
            }

            #percent {
                opacity: 0.2;
                font-weight: bold;
                color: #ccc;
                display: table;
                margin: auto;
                padding: 5px 20px;
                line-height: 1.2;
                width: 60px;
                min-height: 5px;
                border-radius: 5px;
                border: 2px inset hsl(0, 0%, 20%);
                background: radial-gradient(hsl(0, 0%, 37%), hsla(0, 0%, 0%, 0));

                &.running {
                    background: radial-gradient(hsla(220, 65%, 50%, 0.5), hsla(0, 0%, 0%, 0));
                }

                &.suspicious {
                    background: radial-gradient(hsla(45, 65%, 50%, 0.5), hsla(0, 0%, 0%, 0));
                }

                &.severe {
                    background: radial-gradient(transparentize($mred, 0.5), hsla(0, 0%, 0%, 0));
                }

                // background: radial-gradient(hsla(220, 10%, 32.5%, 1), hsla(0, 0%, 0%, 0));

            }

            #time_counter {
                font-size: 12px;
            }

            #controls {
                //margin: -164px auto 1.618em;
                margin: 2em auto 0em;
                max-width: 380px;
                text-align: center;
                background: transparent;
                background-image: radial-gradient(hsla(350, 50%, 50%, 0.5), transparent, transparent);
                background-image: radial-gradient(ellipse closest-side at center, hsl(216, 17%, 22%), rgba(0, 0, 0, 0));
                padding: 1em 0 0;
                color: $wpmr_aqua;

                #file_scroll {
                    white-space: nowrap;
                    display: flex;
                    justify-content: end;
                    overflow: hidden;
                    margin-top: -1em;

                    //opacity: .5;
                    .file_name {
                        display: block;
                        margin: auto;
                        font-size: 10px;
                        font-family: 'Courier Prime', monospace;
                    }
                }

                #scan_controls {
                    display: flex;
                    justify-content: space-around;
                    margin-bottom: 0;

                    .scan_control {
                        display: block;
                        transition: all .4s ease;
                        margin-top: 1em;
                        background-size: 170%;
                        background: hsla(210, 50%, 33%, 0.2) padding-box;
                        background-repeat: no-repeat;
                        background-position: center center;
                        background-size: 170%;
                        outline: none;

                        // padding: 0.618em 1em;
                        font-weight: bold;
                        background-image: radial-gradient(hsla(210, 100%, 40%, 0.2), transparent);

                        // border-image-source: linear-gradient(90deg, transparent, hsla(210, 100%, 50%, .5), transparent);
                        border-image-source: radial-gradient(circle, hsla(200, 100%, 50%, 0.75), transparent);
                        box-shadow: 0px 0px 12px 0px hsla(350, 65%, 50%, 0.5);
                        border-image-slice: 1;

                        // color: hsla(350, 10%, 75%, .5);
                        color: hsla(0, 0%, 100%, 0.5);
                        text-shadow: 0px 0px 0px hsla(190, 100%, 50%, 0.33);
                        min-width: 180px;
                        appearance: none !important;

                        &.unused {
                            transform: translate(0px, 0px) scale(0.75);
                            cursor: not-allowed !important;
                        }

                        &:hover {
                            // background-image: radial-gradient(hsla(210, 100%, 50%, .33), transparent);
                            border-image-source: linear-gradient(90deg, transparent, hsla(210, 100%, 50%, 1), transparent);
                            box-shadow: 0px 0px 12px 0px hsla(350, 65%, 50%, 0.75);

                            // color: hsla(0, 0%, 100%, .75);

                        }

                        &:disabled {
                            box-shadow: 0px 0px 12px 0px hsla(350, 65%, 50%, 0.5);
                            filter: grayscale(0.75);
                            cursor: progress;
                        }

                        &:disabled:not(.unused) {
                            background-size: 100% !important;
                            animation: flashblue 2.2s infinite;

                            // transform: translate(0px, 0px) scale(1.25);

                        }
                    }

                    #scan_control {
                        transform-origin: bottom left;
                    }

                    #scan_control_deep {
                        transform-origin: bottom right;
                    }
                }

                #wpmr_batchsize_wrap {
                    margin-top: 1em;
                }

                #wpmr_batchsize {
                    appearance: none;
                    background: transparent linear-gradient(90deg, hsla(200, 100%, 50%, 1), hsla(350, 65%, 50%, 0.5));
                    border-radius: 0px;
                    height: 2px;

                    // border: 1px solid #262931;
                    // box-shadow: 0 0 12px 0px rgba(0, 128, 255, 0.3);
                    // border-image-source: none;// linear-gradient(90deg, rgba(0, 128, 255, 0.5), rgba(210, 45, 72, 0.5));
                    // border-image-slice: 1;
                    // box-sizing: content-box;

                    &:hover {
                        box-shadow: 0 0 12px 0px rgba(0, 128, 255, 1);
                        // border-image-source: linear-gradient(90deg, rgba(210, 45, 72, 1), rgba(0, 128, 255, 1));
                        // border-image-slice: 1;
                        // color: rgba(198, 185, 187, 0.5);
                    }
                }

                #wpmr_batchsize::-webkit-slider-thumb {
                    background: radial-gradient(hsla(0, 0%, 100%, 1), hsla(210, 100%, 50%, 1), hsla(210, 100%, 50%, 1));
                    -webkit-appearance: none;
                    display: block;
                    height: 1.618em;
                    width: 3px;
                    border-radius: 10000px;
                    box-shadow: 0px 0px 10px 1px hsla(210, 100%, 50%, 1);
                }

                #scan_hint {
                    margin-top: 1em;
                    opacity: .61;
                    font-size: 10px;
                    color: hsl(0, 0%, 66%);
                    user-select: none;
                }
            }

            #wpmr_skinner_container {
                vertical-align: bottom;
            }

            #wpmr_skinner_wrap {
                text-align: right;
                display: flex;
                flex-direction: column;
                align-items: end;

                p {
                    text-transform: uppercase;

                    //font-variant: small-caps;
                    font-weight: bold;
                    font-family: 'Courier Prime', monospace;
                }

                #wpmr_skin {
                    // A reset of styles, including removing the default dropdown arrow
                    appearance: none;
                    margin: 0;

                    // Additional resets for further consistency
                    background-color: transparent;
                    border: 1px solid;
                    color: inherit;
                    font-family: inherit;

                    //padding: 0 1em 0 0;
                    // width: 100%;
                    //font-size: inherit;
                    //cursor: inherit;
                    //line-height: inherit;
                    option {
                        background: hsl(210, 26%, 15%);
                    }
                }
            }

            .col_last {
                vertical-align: bottom;
            }

            #lcd_wrap {
                display: flex;
                flex-direction: column;
                align-items: flex-end;
                width: 100%;
            }

            #lcd {
                text-align: right;
                font-family: 'Courier Prime', monospace;
                color: hsl(0, 0%, 0%);

                // height: 30px;
                left: calc(50% + 250px);
                padding: .618em 1.618em;
                padding: 0em .5em;
                border: 2px inset hsla(155, 70%, 50%, 1);
                background: hsla(155, 100%, 50%, 1);

                // background: radial-gradient(hsla(155, 65%, 50%, .5), transparent);
                opacity: 0.25;
                font-size: 10px;
                text-transform: uppercase;
                box-shadow: 0 0 50px hsla(155, 100%, 50%, 0.5);
                transition: all 1s;
                width: fit-content;

                //min-width: calc(100% / 1.618);
                box-sizing: border-box;

                &:empty {
                    min-width: 100px;
                }

                th,
                td {
                    line-height: 1em;
                    padding: 4px 4px;
                    font-weight: bold;
                }

                th {
                    border-bottom: 1px solid hsla(120, 50%, 50%, 1);
                    text-align: left;
                    display: flex;

                    //flex-direction: column;
                    justify-content: space-between;

                    span {
                        display: block;
                    }
                }

                td {
                    border-bottom: 1px solid hsla(120, 50%, 50%, 1);
                    text-align: left;
                }

                tr:last-child {

                    th,
                    td {
                        border-bottom: none;
                    }
                }
            }

            #hero_ctas {
                margin-top: .25em;
                opacity: 1;
                width: 100%;

                #cta_pluginlcd {
                    outline: none;
                    text-align: center;
                    display: block;
                    transition: all 1s ease !important;
                    border: 1px solid hsla(350, 65%, 50%, 0.5);
                    margin-top: 1em;
                    background: hsla(210, 50%, 33%, 0.2) padding-box;
                    background-size: 170%;
                    background-repeat: no-repeat;
                    background-position: center center;
                    padding: 1em 1.618em;
                    font-weight: bold;
                    background-image: radial-gradient(hsla(350, 65%, 50%, 0.2), transparent);

                    //box-shadow: 0px 0px 12px 0px hsla(350, 100%, 50%, .3);
                    box-shadow: 0px 0px 12px 0px hsla(210, 100%, 50%, 0.3);
                    border-image-source: linear-gradient(90deg, transparent, hsla(350, 65%, 50%, 0.5), transparent);
                    border-image-slice: 1;
                    color: hsla(351, 10%, 75%, 0.5);
                    color: hsla(350, 100%, 100%, 0.5);
                    width: fit-content;
                    margin-left: auto;

                    //@debug: glowing 1s infinite;
                    &:hover {
                        // background-image: radial-gradient(hsla(350, 65%, 50%, .75), transparent);
                        box-shadow: 0px 0px 12px 0px hsla(210, 100%, 50%, 0.7) !important;
                        border-image-source: linear-gradient(90deg, transparent, hsla(350, 65%, 50%, 1), transparent) !important;
                        color: hsla(350, 100%, 100%, 1) !important;
                    }
                }
            }
        }

        .js .postbox .hndle {
            cursor: pointer;
        }

        #wpmr_results_box {
            h2 {
                font-weight: 700;
            }

            h3 {
                font-weight: 500;

                //text-transform: uppercase;

            }

            .scan_results {
                text-align: center;
                overflow: auto;

                // #results_head:before{
                //     content:'\21E4\2190\2190\2190\00A0';
                // }
                // #results_head:after{
                //     content:'\00A0\2192\2192\2192\21E5';
                // }

                #definition_warning,
                #abspath_warning {
                    width: fit-content;
                    margin-left: auto;
                    margin-right: auto;
                    color: hsla(350, 65%, 50%, 1);
                    cursor: default;
                    border-bottom: 1px solid transparent;

                    &:hover {
                        border-bottom: 1px solid;
                    }
                }
            }

            #wpmr_copy {
                line-height: 1.618em;
            }

            #db_results,
            #title_hack,
            #redirect_hijack {
                //display: grid;
                //grid-template-columns: auto auto;
                //grid-gap: 1em;
                width: fit-content;
                margin: auto;

                .threat {
                    margin: .25em 0;
                    display: block;

                    //text-align: left;

                }

                .malcure-button-primary {
                    display: block;

                    //width: max-content;
                    margin: auto 0;
                    user-select: none;
                }
            }

            #whitelist_wrap {
                // background: hsl(216, 37%, 16%) radial-gradient(ellipse closest-side at center, hsl(216, 50%, 23%), hsl(216, 37%, 16%)) no-repeat center;
                text-align: center;

                // padding: 1.218em 1.618em 1.618em 1.618em;
                //color: hsl(0, 0%, 100%);
                margin: auto;
                display: table;

                .remove-from-whitelist {
                    opacity: .5;
                    margin-right: 0.25em;
                    cursor: pointer;

                    &:hover {
                        opacity: 1;
                        color: $mred;
                    }
                }
            }

            #file_results {
                width: fit-content;
                margin: auto;
            }

            #file_records {
                border-collapse: collapse;
                width: 100%;
                max-width: 100%;
                overflow: auto;
                display: block;

                .wpmr_inspect_file,
                .sig_details_wrap {
                    user-select: none;
                }

                .infected_file {
                    text-align: left;
                }

                .recorded_file {
                    margin: 0 0 0 0;

                    //padding: 0.5em 1em;
                    font-family: 'Courier Prime', monospace;

                    //font-weight: normal;
                    font-size: .9em;

                    //color: gray;

                }
            }

            #copied_check {
                color: #080;
                opacity: 0;
                margin-left: 1em;
                width: 16px;
                height: 16px;
                display: inline-block;
                background: transparent url(copied.svg);
                background-repeat: no-repeat;
                background-size: contain;
                position: relative;
                top: 4px;
            }

            td {
                padding: 6px 10px;
            }

            td:empty {
                display: none;
            }

            td.inspect {
                text-align: center;
            }

            .threat {
                padding: 1em 1.61em;
                color: hsl(0, 0%, 100%);
                font-weight: 500;
                text-transform: uppercase;
                font-size: 0.8em;
                white-space: nowrap;
                display: block;
                text-align: center;
                font-weight: bold;
                text-decoration-style: dotted;

                .wpmr_offset {
                    display: inline-block;
                    text-indent: -9999px;
                }

                &:hover {
                    text-decoration-style: solid;
                }
            }

            .severe {
                background: hsl(350, 67%, 48%);
            }

            .high {
                background: hsl(30, 100%, 50%);
            }

            .suspicious {
                background: hsl(48, 100%, 83%);
                color: hsl(45, 100%, 40%);
            }

            .skipped {
                background: hsl(0, 0%, 50%);
            }

            #wpmr_cta_wrap {
                display: none;
                margin-top: 3em;
                text-align: center;

                .blink {
                    color: hsla(350, 65%, 50%, 1);
                    display: block;
                    width: fit-content;
                    margin-left: auto;
                    margin-right: auto;
                    margin-bottom: 3.618em;
                    cursor: pointer;
                    font-size: 1.1em;
                }

                #service_cta {
                    margin-bottom: 3em;

                    .heading {
                        font-size: 2em;
                        font-weight: 400;
                        border-top: 1px solid #aaa;
                        display: table;
                        margin: auto;

                        &:before {
                            content: '';
                            display: block;
                            width: 1em;

                            //background: white url(divider.svg) no-repeat center;
                            background-size: 61%;
                            height: 1em;
                            margin: -1.5em auto 0em;
                            padding: 1em;
                        }
                    }

                    .mc_center .malcure-button-primary {
                        margin: 1em;
                    }
                }

                #cta_severe {
                    .heading {
                        color: #cc2844;
                    }
                }
            }
        }

        #wpmr_inspect_box {
            #operations_wrap {
                display: table;

                .malcure-button-primary {
                    margin: 0 0.5em;

                    &:first-of-type {
                        margin-left: 0;
                    }

                    &:last-of-type {
                        margin-right: 0;
                    }
                }

                #file_op_status {
                    background: hsl(45, 100%, 75%);
                    border: 1px solid hsl(45, 50%, 50%);
                    padding: 1em;
                    line-height: 1em;
                    font-weight: bold;
                }

                #file_op_status:empty {
                    display: none;
                }
            }
        }

        #wpmr_diagnostics_box {
            #system_status {

                th,
                td {
                    text-align: left;
                    vertical-align: top;
                }
            }

            #hidden_files,
            #php_config {
                max-height: 300px;
                border: 1px solid;
                overflow: auto;
                max-width: 100%;
                margin-bottom: 1em;
                padding: 0.618em 1em;

                pre {
                    white-space: pre-wrap;
                    word-break: break-word;
                }
            }

            #hidden_files,
            .dir_container,
            .wpmr_bricks {
                font-family: "Courier Prime", monospace;
                font-size: 11px;
            }

            .user_details {
                margin-bottom: 1em;
                padding-bottom: 1em;
                border-bottom: 1px solid #eee;
                margin-left: 1em;
            }

            .session_details {
                margin-left: 1em;
            }

            .user_details:last-child {
                padding-bottom: 0;
                border-bottom: 0;
            }

            .dir_count {
                text-align: right;
            }

            #malcure_shuffle_salts {
                margin-left: 1em;
            }
        }



        #wpmr_about_box .handlediv,
        #wpmr_about_box h2.hndle,
        #wpmr_updates_box .postbox-header,
        #wpmr_updates_box .handlediv,
        #wpmr_updates_box h2.hndle,
        #wpmr_ad_box .postbox-header,
        #wpmr_ad_box .handlediv,
        #wpmr_ad_box h2.hndle {
            display: none;
        }

        #wpmr_about_box {
            background: hsl(216, 37%, 16%) radial-gradient(ellipse closest-side at center, #1d3558, hsl(216, 37%, 16%)) no-repeat center;
            color: white;

            #malcure_rss {
                display: flex;
                flex-flow: row wrap;

                .featured_image_link {
                    display: inline-block;
                    vertical-align: top;
                    user-select: none;
                }

                img {
                    max-width: 100%;
                    height: auto;
                    opacity: .25;
                    display: block;
                }

                .excerpt_ui {
                    box-sizing: border-box;
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    transform: translate(-50%, -50%);
                    width: 75%;

                    .headline {
                        font-size: 16px;
                        line-height: 1.2;
                        text-align: center;
                    }
                }

                .post_box {
                    position: relative;
                    margin-bottom: 1.618em;

                    a:link,
                    a:visited {
                        color: white;
                        text-decoration: none;
                        display: block;

                        &:before {
                            content: "";
                            position: absolute;
                            width: 100%;
                            height: 1px;
                            bottom: 0;
                            left: 0;
                            background-color: #436e98;
                            background-color: #7da8d4;
                            background-color: $wpmr_aqua;
                            visibility: hidden;
                            -webkit-transform: scaleX(0);
                            transform: scaleX(0);
                            -webkit-transition: all 0.25s linear 0.33s;
                            transition: all 0.25s linear 0.33s;
                        }
                    }
                }

                .post_box:hover {
                    img {
                        opacity: 1;
                    }

                    .headline {

                        a:link,
                        a:visited {
                            &:before {
                                visibility: visible;
                                -webkit-transform: scaleX(1);
                                transform: scaleX(1);
                                box-shadow: 0px -2px 3px #0054a8;
                                box-shadow: 0px -2px 3px #0080ff;
                                box-shadow: 0 0px 5px 3px rgba(0, 255, 170, 0.1);
                            }
                        }
                    }
                }

                .post_box:last-of-type {
                    margin-bottom: 0;
                }
            }

            p.donate {
                &:before {
                    content: "";
                    display: block;
                    border-top: 1px solid rgba(0, 0, 0, 0);
                    border-image-source: linear-gradient(90deg, #df2040, rgba(0, 0, 0, 0));
                    border-image-slice: 1;
                    padding-top: 1em;
                    width: 100%;
                }

                &:after {
                    content: "";
                    display: block;
                    border-bottom: 1px solid rgba(0, 0, 0, 0);
                    border-image-source: linear-gradient(90deg, rgba(0, 0, 0, 0), #df2040);
                    border-image-slice: 1;
                    padding-bottom: 1em;
                    width: 100%;
                }

                .malcure-button-primary {
                    display: table;
                    margin: .25em auto;
                }

                span.brandname {
                    color: white;
                }
            }
        }

        #wpmr_updates_box {
            .inside {
                margin: 0;
                padding: 1.5em;

                #wpmr_register {
                    margin-right: .5em;
                }

                #wpmr_register_cancel {
                    margin-left: .5em;
                }

                td {
                    text-align: left;
                }
            }

            &.prompt_register {
                position: static;
                -webkit-font-smoothing: antialiased;

                .inside {
                    box-sizing: border-box;
                    position: fixed;
                    left: 50%;
                    top: 50%;

                    //transform: matrix(1,          0,          0,          1,          calc(-50% - 1px),           calc(-50% - calc(1px / 2)));
                    transform: translate(-50%, -50%);
                    transform-origin: 0px 0px;
                    width: 50%;
                    background: #1a2638 radial-gradient(ellipse closest-side at center, #202f46, transparent);
                    z-index: 999;
                    transition: .5s linear all;
                    padding: 0;
                    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
                    border: 1px solid $wpmr_aqua;
                    color: hsla(200, 5%, 75%, 1);

                    h1 {
                        color: hsla(200, 5%, 75%, 1);
                    }

                    .reg_wrap {
                        padding: 1em;
                    }

                    #submit_control_wrap {
                        // background: #eee;
                        margin: 0 0 0 0;
                        padding: 1em;
                    }

                    p {
                        line-height: 1.618em;
                    }

                    #is_unregistered {
                        width: 100%;
                    }

                    #wpmr_forums_cta {
                        box-shadow: none !important;
                    }

                    #is_unregistered h3 {
                        //border-top: 0 !important;
                        padding: 1em !important;
                        background: hsla(216, 37%, 16%, 1) radial-gradient(ellipse closest-side at center, hsla(216, 37%, 20%, 1), transparent);
                        color: white;
                        margin-top: 0;
                        border-bottom: 1px solid $wpmr_aqua;
                        border-image-source: linear-gradient(90deg, transparent, $wpmr_aqua, transparent);
                        border-image-source: linear-gradient(90deg, transparent, hsla(350, 75%, 50%, 1), transparent);
                        border-image-slice: 1;
                    }

                    #wpmr_reg {
                        margin: auto;
                    }
                }

                #wpmr-register-cancel {
                    display: none;
                }

                #wpmr-register-cancel {
                    display: inline-block;
                    margin-left: 1.618em;
                }

                &:after {
                    box-sizing: border-box;
                    width: 100%;
                    height: 100%;
                    top: 0;
                    left: 0;
                    position: fixed;
                    z-index: 99;
                    content: '';
                    background: hsla(0, 0%, 50%, 0.5);
                    background: hsla(216, 50%, 50%, 0.5);
                    background: hsla(210, 26%, 15%, 1);
                }
            }

            .wpmr_updates_wrap {
                display: flex;
                flex-direction: column;
                align-items: center;
                text-align: center;

                .malcure_pro_info {
                    margin: 0 auto 0.6em;
                    font-size: 14px;

                    #heading {
                        padding: 1em 0;
                    }
                }

                .wpmr_reset_wrap {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    text-align: center;
                }

                p.submit {
                    margin: 0;
                    padding: 0.618em 0em;
                }
            }

            #wpmr_update,
            #wpmr_reset {
                margin: auto;
            }

            #wpmr_reset {
                background: hsl(350, 80%, 50%);
                border-color: hsl(350, 67%, 48%);
                box-shadow: 0 1px 0 hsl(350, 67%, 48%);
                text-shadow: -1px 1px hsl(350, 67%, 48%), 1px 0 1px hsl(350, 67%, 48%), 0 1px 1px hsl(350, 67%, 48%), -1px 0 1px hsl(350, 67%, 48%);
                color: white;

                &:hover {
                    background: hsl(350, 80%, 40%);
                }
            }

            .wpmr_notice_success {
                font-weight: bold;
                color: hsl(0, 0%, 100%);
                background: hsl(120, 50%, 50%);
                display: block;
                padding: .618em 1em;
                margin: 0em auto 0.618em;
                font-size: .85em;
            }

            .wpmr_notice_error {
                font-weight: bold;
                color: hsl(0, 0%, 100%);
                background: hsl(350, 65%, 45%);
                display: inline-block;
                padding: .618em 1em;
                font-size: .85em;
            }
        }

        #wpmr_ad_box {
            outline: 0;
            background: transparent;
            border: 0;

            .inside {
                padding: 0;
                margin-top: 0;

                .malcure_pro_info ul li:before {
                    content: "";
                    display: inline-block;
                    width: 1em;
                    background: url(bullet-arrow.svg) no-repeat left center;
                    height: .8em;
                    margin-right: -1em;
                    position: relative;
                    left: -1.618em;
                }
            }
        }
    }

    #wpmr_messaging {
        position: fixed;
        bottom: -9999px;
        right: 0;
        margin-right: 1.618em;
        margin-bottom: 1.618em;
        background: #0ff;
        color: black;
        font-weight: bold;
        max-width: 33%;
        // display: flex;
        // align-items: flex-start;
        box-shadow: 5px 5px black;
        z-index: 99;

        #wpmr_message_content {
            padding: 0 1em;
        }

        &.error {
            background: #c00;
        }

        #wpmr_message_control {
            color: #0ff;
            background: #000;

            margin: .5em .5em 1em 1em;
            margin-left: 1em;
            margin-bottom: 1em;
            padding: 4px;
            cursor: pointer;
            line-height: 1;
            float: right;
            // position: absolute;
            // top: .5em;
            // right: .5em;
        }
    }

    .wpmr_license {
        #wpmr_license {
            // input license field
            text-align: center;
            margin: 0;
        }

        .wpmr_license_notice {
            display: inline-block;
            border-left: 5px solid;
            padding: .618em 1em;

            &.wpmr_notice-error {
                border-left-color: $mred;
            }

            &.wpmr_notice-success {
                border-left-color: hsl(175, 100%, 50%);
            }
        }

        form #submit {
            transition: all .1s linear;
            margin: auto !important;
            border: 1px outset hsl(189, 100%, 36%);
            border-radius: 0;
            font-weight: bold;
            box-sizing: content-box;
        }
    }
}

body.malcure_pro {
    #wpmr_delete {
        cursor: pointer;
        background: hsl(0, 100%, 40%);
        border: 1px solid hsla(0, 100%, 40%, 0.5);
        text-decoration: none;
        color: white;

        &:hover {
            box-shadow: 0px 5px 8px -5px black;
            box-shadow: 0px 3px 0px hsl(0, 100%, 30%);

            // transform: scale(1.05);

        }
    }

    #wpmr_cleanup {
        cursor: pointer;
        background: hsl(120, 100%, 27%);
        border: 1px solid hsla(120, 100%, 27%, 0.5);
        text-decoration: none;
        color: white;

        &:hover {
            box-shadow: 0px 5px 8px -5px black;
            box-shadow: 0px 3px 0px hsl(120, 100%, 17%);

            // transform: scale(1.05);

        }
    }

    #wpmr_file_whitelist {
        cursor: pointer;
        background: hsl(0, 0%, 70%);
        border: 1px solid hsla(0, 0%, 70%, 0.5);
        text-decoration: none;
        color: white;

        &:hover {
            box-shadow: 0px 5px 8px -5px black;
            box-shadow: 0px 3px 0px hsl(0, 0%, 50%);

            // transform: scale(1.05);

        }
    }

    #wpmr_results_box {
        #whitelist_wrap {
            color: inherit;
            background: hsl(50, 100%, 73%);
            text-align: left;
            padding: 1em 1.618em;
            border: 3px inset hsla(50, 100%, 33%, 0.5);
            margin: auto auto calc(1.618em * 2);
        }
    }
}

body.malcure_skin_dark {

    ::-webkit-scrollbar {
        width: 1em
    }

    ::-webkit-scrollbar-track {
        background-color: hsl(200, 49.5%, 20.2%);
        // background-color: hsl(215.4, 36.4%, 21%);
        background-color: inherit;
        border: 1px solid transparent;
        outline: 3px double aqua;
        outline-offset: -1.618em;
    }

    ::-webkit-scrollbar-thumb {
        background: transparent padding-box;
        background-color: hsla(195, 50%, 33%, 0.90);
        border: 1px solid hsl(180, 100%, 50%);
        border-image-source: linear-gradient(90deg, hsla(185, 100%, 50%, .75), hsla(185, 100%, 50%, .75));
        border-image-slice: 1;
        border-image-slice: 10% 30%;
        transition: 1s all linear;

        &:hover,
        &:active {
            // border-image-source: linear-gradient(90deg,hsla(350.2, 64.7%, 50%, 0.5) 5%,transparent,hsla(350.2, 64.7%, 50%, 0.5),transparent,hsla(350.2, 64.7%, 50%, 0.5) 95%);
            // background-image: radial-gradient(hsla(350.2, 64.7%, 50%, 0.2),transparent);
            box-shadow: 0px 0px 10px hsla(180, 100%, 50%, .25);
            cursor: move;
        }
    }

    color: hsl(200, 20%, 50%);
    background: hsl(204.5, 13.1%, 16.5%);

    // background: rgb(36.5, 43, 47.5);
    // ul#adminmenu a.wp-has-current-submenu:after,
    // ul#adminmenu>li.current>a.current:after {
    //     border-right-color: rgb(36.5, 43, 47.5);
    // }

    ul#adminmenu a.wp-has-current-submenu:after,
    ul#adminmenu>li.current>a.current:after {
        border-right-color: #252b30;
    }

    a,
    a:visited:not([class*="button"]) {
        // color: #00c7eb;
        color: white;

        &:hover {
            color: lighten(#00c7eb, 10%);
        }
    }

    h1,
    h2,
    h3,
    .form-table th,
    .form-wrap label {
        color: #689;
    }

    .notice,
    div.updated,
    div.error {
        background: transparent;
        border-top-color: #66889988;
        border-right-color: #66889988;
        border-bottom-color: #66889988;
    }

    input[type="checkbox"] {
        background: hsla(210, 20%, 10%, 0.5);
        border-color: hsl(190, 30%, 35%);
    }

    ::placeholder {
        color: #66889988;
    }

    input[type="text"],
    textarea {
        background: hsla(210, 20%, 10%, 0.5);
        border-color: hsl(190, 30%, 35%);
        color: inherit;
    }

    textarea {
        box-shadow: none;
    }

    .button,
    .malcure-button-primary {
        background: hsla(200, 45%, 45%, 0.5);
        // border: 1px solid transparent;
        border: 1px outset #009cb8;
        outline: 1px solid hsla(200, 45%, 45%, 0.5);
        outline-offset: 1px;

        &:hover,
        &:focus {
            background: hsla(200, 45%, 45%, 1);
            outline: 1px solid hsla(200, 45%, 45%, 1);
        }
    }

    #wpmr_engine_stats {

        th,
        td {
            border-top: 1px solid hsla(190, 50%, 50%, 0.15);

            .colon {
                color: hsla(190, 50%, 50%, 0.15);
            }
        }
    }

    .wrap #wpmr_inspect_box #wpmr_inspect_file {
        border-color: hsl(190, 30%, 35%);
    }


    .wrap {
        #dashboard_wrap {
            //background: hsl(210, 26%, 15%);
            background: radial-gradient(ellipse closest-side at center, hsl(222, 12%, 17%), hsl(210, 26%, 15%)) no-repeat center;

            //box-shadow: 0px 0px 10px hsla(190, 50%, 50%, .15);

        }
    }

    .postbox {
        background: hsla(190, 50%, 50%, 0.15) padding-box;

        // background: hsla(210, 50%, 40%, .2) padding-box;
        background: hsla(210, 35%, 25%, 0.5) padding-box;
        background: hsla(200, 35%, 25%, 0.5) padding-box;

        // background: #1c2630 padding-box;

        //background: hsl(210, 26%, 15%) padding-box;
        border: 1px solid transparent;
        outline: 1px solid hsla(190, 50%, 50%, 0.15);

        //outline: 1px solid hsl(210, 26%, 15%);
        //outline: 1px solid lighten(#1c2630, 5%);

    }

    //#wpmr_updates_box {
    //    background: rgba(41,71,86,0.5);
    //}

    table.widefat {
        background: transparent;
        border-color: hsl(190, 30%, 35%);

        th,
        td {
            color: inherit;
        }
    }

    .wrap #wpmr_results_box #wpmr_cta_wrap #service_cta .heading {
        border-top-color: hsl(190, 30%, 35%);
    }

    //#wpmr_file_whitelist,
    //#wpmr_delete,
    //#wpmr_cleanup {
    //    background: black;
    //}

    .postbox-header,
    #wpmr_events_box.postbox .inside .event.postbox .toggle-section,
    #wpmr_logs_box.postbox .inside .log.postbox .toggle-section {
        border-bottom-color: hsla(210, 50%, 10%, 0.85);
    }

    .postbox.closed .postbox-header,
    #wpmr_events_box.postbox .inside .event.postbox.closed .toggle-section,
    #wpmr_logs_box.postbox .inside .log.postbox.closed .toggle-section {
        border-bottom: 0;
    }

    #wpmr_events_box.postbox .inside .event.postbox {
        #malcure-events-log {
            // border-top:0;
            // border-left:0;
            border: 0;

            th,
            td {
                border: 1px outset #80808080;
                border-top-color: hsla(0, 0%, 100%, .1);
                border-left-color: hsla(0, 0%, 100%, .1);
                border-right-color: hsla(0, 0%, 0%, .25);
                border-bottom-color: hsla(0, 0%, 0%, .25);
            }
        }
    }

    .wpmr_user_details_session {
        margin-bottom: .5em;
        padding-bottom: .5em;
        border-bottom: 1px solid #262626;
    }

    .wpmr_notice_success {
        color: hsl(0, 0%, 100%);
        background: hsl(190, 50%, 50%);
    }

    .wpmr_notice_error {
        background: hsla(350, 65%, 45%, 0.5);
    }

    #wpmr_forums_cta {
        // border: 1px solid transparent;
        outline: 1px solid hsla(200, 45%, 45%, 0.5);
        outline-offset: 1px;
        box-shadow: none;
    }

    .wpmr_bricks {
        border-radius: 0;
        background: hsl(210, 25%, 50%);
    }

    .wrap #wpmr_diagnostics_box .user_details {
        // padding-bottom: 1em;
        border-bottom: 1px solid #1a1a1a;
        // margin-left: 1em;
    }
}

@media (prefers-color-scheme: dark) {
    // .toplevel_page_wpmr .wrap #dashboard_wrap #percent {
    //     // background: radial-gradient($mred, transparent);
    // }
}

.wpmr_firewall {
    th[scope="row"] {
        width: 2em;
    }
}

.wpmr-logs {

    #wpmr_logs_box.postbox,
    #wpmr_events_box.postbox {
        border: 0;
        box-shadow: none;
        background: transparent;
        outline: none;
        margin-bottom: 0px;

        .postbox-header {
            display: none;


        }

        .inside {
            margin: 0 0 0 0;
            padding: 0 0 0 0;

            .postbox {
                // border: 0;
                overflow: auto;
            }

            .event.postbox,
            .log.postbox {
                // reset manually since .postbox is a wordpress class
                // border: none;
                // box-shadow: none;

                .toggle-section {
                    margin: 0 0 0em !important;
                    //background: #4a5763;
                    // color: #fff;
                    font-weight: 500;
                    border-bottom: 1px solid #c3c4c7;

                    & :link,
                    & :visited {
                        // color: #fff;
                        text-decoration: none;
                        border-bottom: 1px solid;
                    }

                    & :hover {
                        border-bottom: 1px solid transparent;
                    }
                }

                .section-content {
                    margin-left: 1.618em;
                    padding-left: 1.618em;
                    padding-bottom: 1.618em;

                    table {
                        th {
                            color: white;
                            background: #4a5763;
                        }
                    }
                }

                &:not(.closed) .toggle-section {
                    &:before {
                        content: '\25BC\00A0\00A0'; // Black Right-Pointing Triangle
                        // color: white;
                        cursor: pointer;
                    }
                }

                &.closed .toggle-section {
                    &:before {
                        content: '\25B6\00A0\00A0';
                        // color: white;
                        cursor: pointer;
                    }
                }

                #malcure-events-log {
                    margin-top: 1em;
                    width: 95%;
                    border-collapse: separate;
                    border-style: outset;
                    border-top-color: hsla(0, 0%, 0%, .15);
                    border-left-color: hsla(0, 0%, 0%, .15);
                    border-right-color: hsla(0, 0%, 100%, .15);
                    border-bottom-color: hsla(0, 0%, 100%, .15);
                    border: 0;
                    border-left: 1px outset hsla(0, 0%, 0%, .15);

                    th,
                    td {
                        border: 1px outset #80808080;
                        border-top-color: hsla(0, 0%, 100%, 1);
                        border-left-color: hsla(0, 0%, 100%, 1);
                        border-right-color: hsla(0, 0%, 0%, .15);
                        border-bottom-color: hsla(0, 0%, 0%, .15);
                    }

                    th {
                        border-top-color: hsla(0, 0%, 0%, .15);
                        border-left-color: hsla(0, 0%, 0%, .15);
                        font-variant: small-caps;
                    }

                    th.msortable {
                        span {
                            display: flex; // Use flexbox for better alignment
                            align-items: center;
                            justify-content: flex-start;
                            cursor: pointer;
                        }

                        & span::after {
                            // content: "⇅"; // Default sort indicator
                            content: "⇅"; // Default sort indicator
                            // font-size: 0.8em;
                            // color: hsl(350, 65%, 45%);
                            color: white;
                            font-weight: bolder;
                            font-size: 1.618em;
                            font-size: 1em;
                            margin-left: 0.5em; // Slight spacing from text
                        }

                        &.sorted-asc span::after {
                            content: "↑"; // Ascending sort indicator
                            // color: #007cba; // Match WordPress admin theme
                        }

                        &.sorted-desc span::after {
                            content: "↓"; // Descending sort indicator
                            // color: #007cba;
                        }
                    }

                }

                .scan_log {
                    margin-bottom: 1em;
                }



                /*.inside {
                    margin-left: 1.618em !important;
                    padding-left: 1.618em;
                    border-left: 1px solid #ccc;
                }*/
            }
        }
    }

    table {
        border-collapse: collapse;

        //font-size: .8em;
        .malcure-button-primary {
            user-select: none;
        }

        th {
            padding: 0.618em 1em;
            background: #4a5763;
            background: #aaa;
            color: #fff;
            text-align: left;
        }

        td {
            border: 5px solid transparent;

            /*pre {
                margin: 0;
            }*/

            .severe {
                background: $mred;
                color: white;
            }

            .high {
                background: hsl(30, 100%, 50%);
                color: white;
            }

            .suspicious {
                background: #ffeea8;
                color: #c90;
            }

            .skipped {
                background: gray;
                color: #fff;
            }

            .threat {
                text-align: center;
                font-weight: bold;
                padding: .618em 1em;
                transition: .2s;
                font-size: 0.8em;
                text-decoration-style: dotted;
                display: block;

                &:hover {
                    box-shadow: 1px 2px 3px #00000066;
                    text-decoration-style: solid;
                }
            }

            .record {
                padding: .618em 1em;
                display: block;
                margin-top: 0;
                margin-bottom: 0;
            }
        }
    }

    table.striped>tbody> :nth-child(odd) {
        background-color: #00000010;
    }
}



//@import "imports/dashboard";
@import "imports/adminwidget";

body.malcure-infected #cta_pluginlcd {
    animation: flashing 1.618s linear 0s infinite normal both running !important;
    //animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count, animation-direction, animation-fill-mode, animation-play-state, and animation-timeline.
}