/*
 * Licensed to the Apache Software Foundation (ASF) under one or more
 * contributor license agreements.  See the NOTICE file distributed with
 * this work for additional information regarding copyright ownership.
 * The ASF licenses this file to You under the Apache License, Version 2.0
 * (the "License"); you may not use this file except in compliance with
 * the License.  You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
 */

::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
    background-color: var(--color-accent) !important;
}

::ng-deep
    .mat-checkbox:not(.mat-checkbox-disabled).mat-accent
    .mat-checkbox-ripple
    .mat-ripple-element {
    background-color: var(--color-accent) !important;
}

.checkbox-selected {
    opacity: 1 !important;
}

.timestamp-property {
    margin-left: 15px;
    border-radius: 10px;
    background: var(--color-processor);
    padding: 0px 10px;
    font-size: 12px;
    color: #ffffff;
}

.timestamp-icon {
    font-size: 12px;
}

.status-good {
    background: #75c575;
    color: white;
}

.status-bad {
    background: #d2a169;
    color: white;
}

.status {
    width: 70px;
    min-width: 70px;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
}

.status-outer {
    width: 70px;
    min-width: 70px;
}

.runtime-info {
    border-radius: 5px;
    color: var(--color-default-text);
    font-size: 10pt;
    text-align: center;
}

.runtime-type-info {
    border-radius: 5px;
    color: var(--color-default-text);
    font-size: 10pt;
    width: 70px;
    border: 1px solid var(--color-bg-3);
    text-align: center;
}

.runtime-type-info-outer {
    padding: 3px;
    border-radius: 5px;
    width: 170px;
    text-align: center;
}

.static-value-info-outer {
    width: 20px;
}

.static-value-info {
    background: var(--color-default-text);
    color: var(--color-bg-0);
    padding: 3px;
    border-radius: 5px;
}
