.image-feature-view-element .donut-icon {
position: absolute;
top: 60px;
left: 95px;
font-size: 80px;
text-align: center;
color: #EAEAEA;
margin-left: -6px;
}
.image-feature-view-element .no-vulns {
color: #2FC98E;
.image-feature-view-element .no-vulns i.fa {
margin-right: 6px;
.image-feature-view-element .security-header {
margin-top: -4px;
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #eee;
.image-feature-view-element .donut-col {
padding-top: 20px;
max-width: 250px;
display: inline-block;
vertical-align: top;
.image-feature-view-element #featureDonutChart {
.image-feature-view-element .summary-col {
font-size: 18px;
padding-top: 30px;
.image-feature-view-element .summary-col .title-item {
font-size: 24px;
.image-feature-view-element .summary-list {
text-align: left;
list-style: none;
.image-feature-view-element .summary-list i.fa {
margin-right: 10px;
.image-feature-view-element .summary-list .package-item strong {
text-align: right;
width: 40px;
.image-feature-view-element .co-table .empty {
color: #ddd;
.image-feature-view-element .co-table .single-col {
width: 12.5%;
.image-feature-view-element .co-table .double-col {
width: 25%;
.image-feature-view-element .co-table .impact-col {
width: 130px;
.image-feature-view-element .co-table .image-col {
white-space: nowrap;
.image-feature-view-element .co-table .image-col .fa {
margin-left: 6px;
opacity: 0.5;
@media (max-width: 767px) {
width: auto !important;
.image-feature-view-element .dockerfile-command {
cursor: default;
.image-feature-view-element .dockerfile-command .command-title {
font-size: 12px;
max-width: 297px;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
.image-feature-view-element .vuln-summary i.fa {
.image-feature-view-element .defcon1 {
background-color: #FF8181;
color: white;