.sitecops-flag .update-message {
    padding: 6px 8px;
    margin-left: 22px;
    border: 1px solid;
}

.sitecops-flag.sitecops-ok div.update-message {
    background-color: #f7fcfe !important;
    color: green;
    border-color: green;
}
.sitecops-flag.sitecops-ok div.update-message:before {
    color: green;
    display: inline-block;
    font: 400 20px/1 dashicons;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: top;

    content: '\f147' !important;
}

.sitecops-flag.sitecops-vulnerable .update-message {
    background-color: white !important;
}
.sitecops-flag.sitecops-vulnerable div.update-message {
    color: red;
    border-color: red;
}
.sitecops-flag.sitecops-vulnerable div.update-message:before {
    display: inline-block;
    font: 400 20px/1 dashicons;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: top;

    content: '\f334' !important;
    color: red;
    margin-left: -2px;
    margin-right: 2px;
}

.sitecops-flag .plugin-update {
    padding: 0;
    border: none;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .1);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .1);
}

.active.sitecops-ok td, .active.sitecops-ok th {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.active.sitecops-ok.sitecops-flag td {
    border-left: 4px solid #00a0d2;
}


.active.update.sitecops-flag td {
    border-left: 4px solid #d54e21;
}

.active.sitecops-ok.sitecops-flag td {
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .1);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .1);
}
.active.update.sitecops-ok.sitecops-flag td, .sitecops-vulnerable td {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.active.sitecops-vulnerable.sitecops-flag td {
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .1) !important;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .1) !important;
}
.active.update.sitecops-flag.sitecops-vulnerable td, .active.update.sitecops-vulnerable th {
    border-left: 4px solid red !important;
}

@keyframes sitecopsFadeInOutLoopAnim {
    0%   { opacity:1; }
    50%  { opacity:0.5; }
    100% { opacity:1; }
}
@-o-keyframes sitecopsFadeInOutLoopAnim{
    0%   { opacity:1; }
    50%  { opacity:0.5; }
    100% { opacity:1; }
}
@-moz-keyframes sitecopsFadeInOutLoopAnim{
    0%   { opacity:1; }
    50%  { opacity:0.5; }
    100% { opacity:1; }
}
@-webkit-keyframes sitecopsFadeInOutLoopAnim{
    0%   { opacity:1; }
    50%  { opacity:0.5; }
    100% { opacity:1; }
}
.sitecops-fade-in-out-loop-animation {
    -webkit-animation: sitecopsFadeInOutLoopAnim 3s infinite;
    -moz-animation: sitecopsFadeInOutLoopAnim 3s infinite;
    -o-animation: sitecopsFadeInOutLoopAnim 3s infinite;
    animation: sitecopsFadeInOutLoopAnim 3s infinite;
}
.sitecops-scan-plugins-button i {
    display: inline-block;
    font: 200 18px/1 dashicons;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: top;
    line-height: 2em;
    padding-right: 4px;
}
.sitecops-scan-plugins-button i:before {
    content: "\f334";
}

.sitecops-nag-error {
    margin-top: 0;
    border: 1px solid red;
    border-left: 4px solid red;
    margin-left: 0;
    color: red;
}
.sitecops-nag-error a {
    color: red;
}
.sitecops-nag-error:before {
    display: inline-block;
    font: 200 18px/1 dashicons;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: top;
    content: "\f334";
    margin-left: -12px;
    margin-right: 2px;
    margin-top: 1px;
    color: red;
}


.sitecops-nag-warn {
    margin-top: 0;
    margin-left: 0;
}
.sitecops-nag-warn:before {
    display: inline-block;
    font: 200 18px/1 dashicons;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: top;
    content: "\f348";
    margin-left: -12px;
    margin-right: 2px;
    margin-top: 1px;
    color: #ffba00;
}