﻿.valid,
.standard,
.closed,
.compatible,
.ok {
    color: #3DB54A;
}

.invalid,
.error,
.incompatible,
.non-standard,
.environment-not-permits,
.new {
    color: #ED1C24;
}

.warning,
.standard-with-warnings{
    color:orange;
}

.faulted {
    color: #E08505;
}

.pending {
    color: orange;
}


.processing {
    color: #29ABE2;
}

.not-reported,
.not-applicable,
.not-evaluated {
    color: #575656
}

.sub-selector {
    font-weight: bold;
}

.sub-selected {
    padding-bottom: 15px;
}

.new-with-picture {
    background: url("images/new_icon.svg") no-repeat;
}

.not-reported-with-picture {
    background: url("images/notreport_icon.svg") no-repeat;
}

.processing-with-picture {
    background: url("images/processing_icon.svg") no-repeat;
}

.closed-with-picture {
    background: url("images/closed_icon.svg") no-repeat;
}

.more-details-closed-with-picture {
    background: url("images/more_blue.svg") no-repeat;
}

.more-details-opened-with-picture {
    background: url("images/close_blue.svg") no-repeat;
}

.details-item-to-open-with-picture {
    background: url("images/arrow_in_circle_down_blue.svg") no-repeat;
}

.details-item-to-close-with-picture {
    background: url("images/arrow_in_circle_up_blue.svg") no-repeat;
}

.ajax-wait-cursor-container {
    position: relative;
}

.ajax-wait-cursor {
    background: url("images/loading.gif") no-repeat;
    background-size: 100%;
    height: 30px;
    width: 30px;

    -webkit-transform: perspective(1px) translate(-50%, -50%);
    -ms-transform: perspective(1px) translate(-50%, -50%);
    transform: perspective(1px) translate(-50%, -50%);
}

.ajax-error-text {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.ajax-wait-cursor,
.ajax-error-text {
    position: absolute;
    left: 50%;
    top: 50%;
}

.picture-container {
    margin-left: 6px;
    margin-top: 1px;
}

.picture-container-arrow {
    margin-right: 4px;
    margin-top: 1px;
}

.more-details-closed-with-picture,
.more-details-opened-with-picture,
.new-with-picture,
.not-reported-with-picture,
.processing-with-picture,
.closed-with-picture,
.details-item-to-open-with-picture,
.details-item-to-close-with-picture {
    background-size: 100%;
    height: 14px;
    width: 14px;
}

.details-item-with-picture-container {
    width: 14px;
    height: 80px;
}
