.applicability-link {
    display: block;
    background: #f7f7f7;
    border-radius: 5px;
    color: #39aa40;
    text-shadow: 1px 1px #fff;
    padding: 15px;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
}

.applicability-link.indent-sm { padding: 0 10px; }

.applicability-link:not(.none):hover {
    background: #eee;
    cursor: pointer;
}

@media (min-width: 576px) {
    .modal-open #modalApplicability {
        display: flex !important;
        align-items: center;
    }
}

#modalApplicability .modal-body {
    overflow: auto;
    max-height: 500px;
    margin-top: 0;
}

.applicability-list { min-height: 100px; }

.applicable-brand {
    background-color: #dff0d8;
    border: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
    color: #3c763d;
    margin-top: 20px;
    padding: 10px 15px;
}

.applicable-model {
    border: 1px solid #ddd;
    border-width: 0 1px 1px 1px;
    margin-top: -1px;
    padding: 10px 15px;
}

/* ~~~~~~ preloader */

.preloader {
    display: block;
    position: absolute;
    left: 50%; top: 50%;
    z-index: 1000;
    width: 100%; height: 100%;

    transform: translate(-50%,-50%);
    pointer-events: none;
}

.preloader::before {
    content: "";
    position: absolute;
    left: 0; top: 0;
    z-index: 100;
    background-color: hsla(0,0%,100%,.8);
    width: 100%; height: 100%;
}

.preloader::after {
    -webkit-animation: modalDonut 2.5s linear infinite;
    animation: modalDonut 2.5s linear infinite;

    content: "";
    position: absolute;
    left: 50%; top: 50%;
    z-index: 101;
    border: 8px solid #e9e9e9;
    border-top-color: #38ab40;
    border-radius: 50%;
    box-sizing: border-box;
    height: 64px; width: 64px;
    transform: translate(-50%,-50%);
    transform-origin: 0 0;
}

@-webkit-keyframes modalDonut {
    0% { transform:rotate(0deg) translate(-50%,-50%) }
    to { transform:rotate(1turn) translate(-50%,-50%) }
}

@keyframes modalDonut {
    0% { transform:rotate(0deg) translate(-50%,-50%) }
    to { transform:rotate(1turn) translate(-50%,-50%) }
}