web_defender/static/malware/css/malware.css

.tabSection {
    padding: 10px 15px;
    background: #102d3c;
    margin-bottom: 10px;
}

.tabSectionMalware {
    background: #0c212b;
    padding: 7px 15px;
    border-radius: 5px 5px 0px 0px;
    border: solid #5589a9;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    border-width: 1px 1px 1px 1px;
    z-index: 2;
    margin-right: 11px;
    margin-bottom: -1px;
}

.tabSectionActiveMalware {
    border-width: 1px 1px 0px 1px;
    background: #102d3c;
    margin-bottom: -2px;
}

.tabMalwareTitle {
    display: flex;
    align-items: center;
}

.tabDetailsMainSection {
    background: #102d3c;
    border: solid #5589a9;
    border-width: 1px 1px 1px 1px;
    border-radius: 0px 5px 5px 5px;
    padding: 10px;
}

.tabSectionDetails {
    display: none;
    width: 100%;
}

.tabSectionDetails * {
    color: #ffffff;
}

.tabSectionActiveDetails {
    display: block;
}

text,
text[text-anchor="start"] {
    fill: #ffffff !important;
    font-size: 11px !important;
}

text[text-anchor="end"] {
    fill: #ffffff !important;
    font-size: 11px !important;
}

text[text-anchor="middle"] {
    fill: #ffffff !important;
    font-size: 12px !important;
}

.apexcharts-legend-text {
    color: #ffffff !important;
}

#PredictedChart rect {
    stroke-width: 0;
}

#MalwareLogActivity {
    font-size: 11px;
    line-height: 1.5;
    word-break: break-all;
    text-wrap: pretty;
    color: #ffffff;
}

.tabSectionHeader {
    background: #0c212b;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.tabTitle {
    font-size: 15px;
    color: #fff;
}

.svgIcon {
    display: block;
    width: 20px;
    height: 20px;
}

.svgIcon svg {
    display: block;
    width: 100%;
    height: 100%;
}

.chartOpenClose {
    width: 100%;
    height: 43px;
    overflow: hidden;
    transition: all 0.3s ease;
    margin-bottom: 10px;
    border: 1px solid transparent;
    background: #0c212b;
}

.chartActiveOpenClose {
    height: 100%;
    transition: all 0.3s ease;
    border-color: #5589a9;
}

.chartActiveOpenClose .svgIcon {
    transform: rotate(-180deg);
}

.tabNetworkData span {
    display: none;
}

.tabNetworkData span:first-child {
    display: inline;
}

.warmingMode {
    display: flex;
    align-items: center;
}

.attackMode {
    font-size: 10px;
    max-width: 300px;
    text-align: right;
    color: #ff5339;
    margin-right: 20px;
    display: none;
}

.chartLabelTitle {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 10px;
    background: #153549;
    padding-top: 18px;
}

.malwareClassRamnit,
.malwareClassLollipop,
.malwareClassKelihos_ver3,
.malwareClassSimda,
.malwareClassVundo,
.malwareClassTracur,
.malwareClassKelihos_ver1,
.malwareClassObfuscator,
.malwareClassGatak {
    display: flex;
    align-items: center;
    margin: 0 7px;
}

.malwareClassGatak span,
.malwareClassObfuscator span,
.malwareClassKelihos_ver1 span,
.malwareClassTracur span,
.malwareClassSimda span,
.malwareClassVundo span,
.malwareClassKelihos_ver3 span,
.malwareClassLollipop span,
.malwareClassRamnit span {
    width: 12px;
    height: 12px;
    display: block;
    background: #000080;
    margin-right: 5px;
}

.malwareClassLollipop span {
    background: #0000ff;
}

.malwareClassKelihos_ver3 span {
    background: #0081ff;
}

.malwareClassVundo span {
    background: #17ffe2;
}

.malwareClassSimda span {
    background: #7bff7b;
}

.malwareClassTracur span {
    background: #e3ff15;
}

.malwareClassKelihos_ver1 span {
    background: #ff9801;
}

.malwareClassObfuscator span {
    background: #ff2200;
}

.malwareClassGatak span {
    background: #810000;
}