/*input.disabled, button.disabled {
    background: #888888 !important;
    cursor: not-allowed !important;
}*/

/* Create a loading animation in pure css */

.product__price.loading,
.product-price-details .js--tpm-total.loading,
.js--tpm-price.loading {
    filter : blur(4px);
}

@keyframes loading {
    0% {
        opacity   : 0.1;
        transform : translateX(-100%);
    }

    25% {
        opacity   : 0.3;
        transform : translateX(0);
    }

    50% {
        opacity   : 0.5;
        transform : translateX(0);
    }

    75% {
        opacity   : 0.7;
        transform : translateX(0);
    }

    100% {
        opacity   : 0.9;
        transform : translateX(100%);
    }
}

.vehicle__filter-block {
    display    : inline-block;
    width      : 24.35%;
    box-sizing : border-box;
    padding    : 1em;
}

.vehicle__filter--submit {
    padding-right : 0;
}

.vehicle__filter--submit input {
    width : 100%;
}

@media only screen and (max-width: 700px) and (min-width: 500px) {
    .vehicle__filter-block {
        width : 49% !important;
    }
}

@media only screen and (max-width: 499px) {
    .vehicle__filter-block {
        width : 100% !important;
    }

    .vehicle__filter--submit {
        padding-right : 1em !important;
    }
}

.vehicle__filter-block select {
    width : 100%;
}

.vehicle__filter-block label {
    font-weight : bold;
}

/* Popup window */
dialog.dialog-content {
    padding      : 0;
    border-width : 0;
    width        : 75%;
    max-width    : 800px;
}

dialog .dialog-content-wrap {
    padding : 1em;
}


dialog .dialog-button-bar {
    background : #80ab3b;
    width      : 100%;
    text-align : right;
    min-height : 34px;
}

dialog .dialog-button-bar button {
    background  : none;
    color       : white;
    border      : none;
    font-size   : 2em;
    line-height : 1;
}

dialog #dialogTitle {
    margin-bottom : 1em;
}

.sizechart__loader-ring {
    display : block;
    width   : 80px;
    height  : 80px;
    margin  : 0 auto;
}

.sizechart__loader-ring:after {
    content       : " ";
    display       : block;
    width         : 64px;
    height        : 64px;
    margin        : 8px;
    border-radius : 50%;
    border        : 6px solid #fff;
    border-color  : #fff transparent #fff transparent;
    animation     : ringanimation 1.2s linear infinite;
}

@keyframes ringanimation {
    0% {
        transform : rotate(0deg);
    }

    100% {
        transform : rotate(360deg);
    }
}


.sizeguide-table {
    position : relative;
}

.sizeguide-table .sizechart__loader {
    display : none;
}

.sizeguide-table .sizechart__loader.active {
    width      : 100%;
    height     : 100%;
    position   : absolute;
    z-index    : 99999999;
    background : rgb(199 199 199 / 50%);
    display    : block;
    left       : 0;
    top        : 0;
    cursor     : wait;
}

.sizeguide-table .sizechart__loader.active~* {
    filter : blur(2px);
}

.configurator__loader {
    position   : fixed;
    top        : 0;
    left       : 0;
    height     : 100%;
    width      : 100%;
    background : rgba(128, 128, 128, 0.3);
    z-index    : 999;
    cursor     : wait;
    display    : none;
}

.js--product__preview {
    position : relative;
}

.js--product__preview .image__loader {
    position   : absolute;
    background : rgba(185, 185, 185, 0.6);
    height     : 100%;
    width      : 100%;
    cursor     : wait;
    display    : none;
}

.lds-ring {
    margin    : 0 auto;
    display   : block;
    top       : 50%;
    transform : translateY(-50%);
    position  : relative;
    width     : 80px;
    height    : 80px;
}

.lds-ring div {
    box-sizing    : border-box;
    display       : block;
    position      : absolute;
    width         : 64px;
    height        : 64px;
    margin        : 8px;
    border        : 8px solid #fff;
    border-radius : 50%;
    animation     : lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color  : #fff transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
    animation-delay : -0.45s;
}

.lds-ring div:nth-child(2) {
    animation-delay : -0.3s;
}

.lds-ring div:nth-child(3) {
    animation-delay : -0.15s;
}

@keyframes lds-ring {
    0% {
        transform : rotate(0deg);
    }

    100% {
        transform : rotate(360deg);
    }
}