.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#page-spinner:before {
    width: 3rem;
    height: 3rem;
    margin-top: -1.5rem;
    margin-left: -1.5rem;
    border-width: 3px;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}


/*.card.card-custom {
    -webkit-box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
    box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
    border: 0;
}*/

.bg-reported {
    background-color: #BD1218 !important;
}

.bg-acknowledged {
    background-color: #F07E2D !important;
}

.bg-inprogress {
    background-color: #FCBF00 !important;
}

.bg-cleared {
    background-color: #4EAD33 !important;
}

.bg-employee {
    background-color: #00546C !important;
}

.bg-contractor {
    background-color: #61B0BC !important;
}

.bg-visitor {
    background-color: #9D005E !important;
}

.text-reported,
.text-reported i {
    color: #BD1218 !important;
}

.text-acknowledged,
.text-acknowledged i {
    color: #F07E2D !important;
}

.text-inprogress,
.text-inprogress i {
    color: #FCBF00 !important;
}

.text-cleared,
.text-cleared i {
    color: #4EAD33 !important;
}

.text-employee,
.text-employee i {
    color: #00546C !important;
}

.text-contractor,
.text-contractor i {
    color: #61B0BC !important;
}

.text-visitor,
.text-visitor i {
    color: #9D005E !important;
}

.btn.btn-reported {
    background-color: #BD1218;
    border-color: #BD1218;
    color: #FFFFFF
}

.btn.btn-acknowledged {
    background-color: #F07E2D;
    border-color: #F07E2D;
    color: #FFFFFF
}

.btn.btn-inprogress {
    background-color: #FCBF00;
    border-color: #FCBF00;
    color: #FFFFFF
}

.btn.btn-cleared {
    background-color: #4EAD33;
    border-color: #4EAD33;
    color: #FFFFFF
}

.label.label-reported {
    background-color: #BD1218;
    color: #FFFFFF
}

.label.label-acknowledged {
    background-color: #F07E2D;
    color: #FFFFFF
}

.label.label-inprogress {
    background-color: #FCBF00;
    color: #FFFFFF
}

.label.label-cleared {
    background-color: #4EAD33;
    color: #FFFFFF
}


.card-body .table tbody > tr > td,
.card-body .table tbody > tr > th,
.card-body .table tfoot > tr > td,
.card-body .table tfoot > tr > th,
.card-body .table thead > tr > td,
.card-body .table thead > tr > th {
    vertical-align: middle;
}

.card-body.p-0 .table tbody > tr > td:first-of-type,
.card-body.p-0 .table tbody > tr > th:first-of-type,
.card-body.p-0 .table tfoot > tr > td:first-of-type,
.card-body.p-0 .table tfoot > tr > th:first-of-type,
.card-body.p-0 .table thead > tr > td:first-of-type,
.card-body.p-0 .table thead > tr > th:first-of-type {
    padding-left: 2.25rem;
}

.card-body.p-0 .table tbody > tr > td:last-of-type,
.card-body.p-0 .table tbody > tr > th:last-of-type,
.card-body.p-0 .table tfoot > tr > td:last-of-type,
.card-body.p-0 .table tfoot > tr > th:last-of-type,
.card-body.p-0 .table thead > tr > td:last-of-type,
.card-body.p-0 .table thead > tr > th:last-of-type {
    padding-right: 2.25rem;
}

.label.label-lg i {
    font-size: 1.0rem;
}

.label.label-xl i {
    font-size: 1.1rem;
}

.label.label-xxl {
    height: 42px;
    width: 42px;
    font-size: 1.25rem;
}