.color-d8192c {
    color: #d8192c;
}

.color-999 {
    color: #999;
}

a:hover {
    text-decoration: none;
}

input[type="radio"] {
    width: 20px;
    height: 20px;
    accent-color: #000;
}

input[type="number"] {
    border-width: 1px;
}

.back,
.car {
    border: 1px solid #666;
}

.user-select-none {
    user-select: none;
}

.back:hover {
    background: #d9d9d9;
}

.car:hover{
    background: #d9d9d9 !important;
    color: #000 !important;
}

.taplink {
    border: 1px solid #000;
}

.taplink:hover {
    font-weight: bold;
}
button {
    border-width: 1px;
}
button:hover {
    background: #d9d9d9;
}
button:focus {
    outline: none;
}
.popup {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #00000080;
    z-index: 1000;
}
.warn {
    width: 100px;
    height: 100px;
    background: url(../../static/icon/warn.svg) no-repeat;
    background-size: 100% 100%;
}
.popupBox {
    box-shadow: 0px 12px 32px 4px #0000000a, 0px 8px 20px #00000014;
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translate(-50%, -25%);
}
/* @media screen and (min-width: 960px) {
    .popupBox {
        box-shadow: 0px 12px 32px 4px #0000000a, 0px 8px 20px #00000014;
        position: absolute;
        top: 25%;
        left: 50%;
        transform: translate(-50%, -25%);
    }

}

@media screen and (max-width: 960px) {
    .popupBox {
        box-shadow: 0px 12px 32px 4px #0000000a, 0px 8px 20px #00000014;
        position: absolute;
        top: 25%;
        left: 50%;
        transform: translate(-50%, -25%);
    }
} */