.alu-configurator.main-wrapper
{
    /*max-height: 540px;*/
    background: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.34) 80%, rgba(255, 255, 255, 1)), url('../img/background-configurator.jpg');
    background-position: center center;
    background-size: cover; 
    background-repeat: no-repeat;
    height: 632px;
}

.public-alu-configurator.alu-configurator.main-wrapper {
    /*max-height: 540px;*/
    background: url('../img/background-public-configurator.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 560px;
}

img.test-car
{
    max-height: 370px;
    max-width: 100%;
}

div.car-image
{
    text-align: center;
    padding-top: 30px;
    padding-bottom: 100px;
}

.configurator-settings div.col-xs-12
{
    text-align: right;
    padding-bottom: 40px;
}

.btn-configurator
{
    padding: 10px 30px;
    margin-left: 10px;
}

div.car-detail {
    padding-top: 20px;
    margin-bottom: 0px;
}

div.car-detail .links a, div.rim-detail .links a{
    cursor: pointer;
}

div.car-detail .links a, div.car-detail .links div {
    margin: 0 10px;
    font-size: 14px;
    color: #000;
}

.configurator-menu
{
    width: auto;
    /*max-width: 200px;*/
    display: inline-block;
}

.car-settings
{
    position: absolute;
    top: 60px;
    right: 15px;
    width: 300px;
    z-index: 10;
    background: white;
    border-radius: 5px;
    padding: 20px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.44);
    text-align: left;
    display: none;
    max-height: 500px;
    /*overflow-x: scroll;*/
}

div.filter-checkbox
{
    font-weight: 600;    
    line-height: 15px;
    vertical-align: middle;
}

div.rims-filter
{
    position: absolute;
    top: 60px;
    right: 120px;
    width: 300px;
    z-index: 10;
    background: white;
    border-radius: 5px;
    padding: 20px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.44);
    text-align: left;
    display: none;
    max-height: 500px;
    overflow-y: scroll;
}

div.smart-filter {
    position: absolute;
    top: 60px;
    right: 200px;
    width: 300px;
    z-index: 10;
    background: white;
    border-radius: 5px;
    padding: 20px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.44);
    text-align: left;
    display: none;
    max-height: 500px;
    /*overflow-x: scroll;*/
    overflow-y: scroll;
}

div.smart-color-filter {
    position: absolute;
    top: 60px;
    right: 120px;
    width: 300px;
    z-index: 10;
    background: white;
    border-radius: 5px;
    padding: 20px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.44);
    text-align: left;
    display: none;
    max-height: 500px;
    overflow-y: scroll;
}

div.manufacturer-filter {
    position: absolute;
    top: 60px;
    right: 120px;
    width: 300px;
    z-index: 10;
    background: white;
    border-radius: 5px;
    padding: 20px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.44);
    text-align: left;
    display: none;
    max-height: 500px;
    overflow-y: scroll;
}

div.price-filter {
    position: absolute;
    top: 60px;
    right: 120px;
    width: 300px;
    z-index: 10;
    background: white;
    border-radius: 5px;
    padding: 20px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.44);
    text-align: left;
    display: none;
    max-height: 500px;
    overflow-y: scroll;
}

div.others-filter {
    position: absolute;
    top: 60px;
    right: 120px;
    width: 300px;
    z-index: 10;
    background: white;
    border-radius: 5px;
    padding: 20px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.44);
    text-align: left;
    display: none;
    max-height: 500px;
    overflow-y: scroll;
}

div.rims-filter-wrapper {
    margin: 5px 0 20px 0;
}

div.rims-filter-wrapper.rim-smart-without-ece-direct {
    background: #E00A17;
    height: 50px;
    padding: 0 15px;
    border-radius: 15px;
    display: flex;
    align-items: center;
}

div.rims-filter-wrapper.rim-smart-without-ece-direct span.ece-filter-direct-caption {
    display: inline-block;
    vertical-align: middle; 
    padding-top: 8px;
    color: #FFFFFF !important;
}

.rim-smart-without-ece-direct .ece-filter-direct-caption.ece-filter-caption {
    color: #FFFFFF !important;
    margin-bottom: 0px;
}

div.rims-filter-wrapper.rim-smart-without-ece-direct input {
    display: inline-block;    
    vertical-align: middle; 
}

#alurims-car-detail-modal .modal-body, #alurims-my-list-modal .modal-body, #alurims-share-with-service-modal .modal-body {
    max-height: 600px;
    overflow-x: scroll;
    margin: 0;
    width: 100%;
    padding-top: 0;
}

#alurims-car-detail-modal .modal-header {
    border: none;
}

#alurims-share-with-service-modal .modal-header {
    border: none;
}

.car-color {
    height: 0px;
    padding-bottom: 80%;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 100px;
    display: block;
    transition: all linear 100ms;
    cursor: pointer;
    border: 1px solid #ffffff;
}

div.color-block
{
    display: inline-block;
    width: 19%;
    padding-top: 10px;
}

.car-color:hover, .car-color#white:hover
{
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.30);
    cursor: pointer;
}

.car-color#weiss
{
    background: #f2f2f2;
    border: 1px solid #dadada;
    background: -moz-linear-gradient(45deg, #ffffff 0%, #ffffff 50%, #f2f2f2 50%, #f2f2f2);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #ffffff), color-stop(50%, #ffffff), color-stop(50%, #f2f2f2), color-stop(100%, #f2f2f2));
    background: -webkit-linear-gradient(45deg, #ffffff 0%, #ffffff 50%, #f2f2f2 50%, #f2f2f2 100%);
    background: -o-linear-gradient(45deg, #ffffff 0%, #ffffff 50%, #f2f2f2 50%, #f2f2f2 100%);
    background: -ms-linear-gradient(45deg, #ffffff 0%, #ffffff 50%, #f2f2f2 50%, #f2f2f2 100%);
}

.car-color#silber
{
    background: #c9c8c9;
    background: -moz-linear-gradient(45deg, #efefef 0%, #efefef 50%, #c9c8c9 50%, #c9c8c9);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #efefef), color-stop(50%, #efefef), color-stop(50%, #c9c8c9), color-stop(100%, #c9c8c9));
    background: -webkit-linear-gradient(45deg, #efefef 0%, #efefef 50%, #c9c8c9 50%, #c9c8c9 100%);
    background: -o-linear-gradient(45deg, #efefef 0%, #efefef 50%, #c9c8c9 50%, #c9c8c9 100%);
    background: -ms-linear-gradient(45deg, #efefef 0%, #efefef 50%, #c9c8c9 50%, #c9c8c9 100%);
}

.car-color#hellblau
{
    background: #9cb0c5;
    background: -moz-linear-gradient(45deg, #9cb0c5 0%, #9cb0c5 50%, #677a8d 50%, #677a8d);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #9cb0c5), color-stop(50%, #9cb0c5), color-stop(50%, #677a8d), color-stop(100%, #677a8d));
    background: -webkit-linear-gradient(45deg, #9cb0c5 0%, #9cb0c5 50%, #677a8d 50%, #677a8d 100%);
    background: -o-linear-gradient(45deg, #9cb0c5 0%, #9cb0c5 50%, #677a8d 50%, #677a8d 100%);
    background: -ms-linear-gradient(45deg, #9cb0c5 0%, #9cb0c5 50%, #677a8d 50%, #677a8d 100%);
}

.car-color#blau-metalic
{
    background: #b3c7c7;
    background: -moz-linear-gradient(45deg, #b3c7c7 0%, #b3c7c7 50%, #7d9091 50%, #7d9091);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #b3c7c7), color-stop(50%, #b3c7c7), color-stop(50%, #7d9091), color-stop(100%, #7d9091));
    background: -webkit-linear-gradient(45deg, #b3c7c7 0%, #b3c7c7 50%, #7d9091 50%, #7d9091 100%);
    background: -o-linear-gradient(45deg, #b3c7c7 0%, #b3c7c7 50%, #7d9091 50%, #7d9091 100%);
    background: -ms-linear-gradient(45deg, #b3c7c7 0%, #b3c7c7 50%, #7d9091 50%, #7d9091 100%);
}


.car-color#dunkelblau-metallic
{
    background: #374f6e;
    background: -moz-linear-gradient(45deg, #374f6e 0%, #374f6e 50%, #051c36 50%, #051c36);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #374f6e), color-stop(50%, #374f6e), color-stop(50%, #051c36), color-stop(100%, #051c36));
    background: -webkit-linear-gradient(45deg, #374f6e 0%, #374f6e 50%, #051c36 50%, #051c36 100%);
    background: -o-linear-gradient(45deg, #374f6e 0%, #374f6e 50%, #051c36 50%, #051c36 100%);
    background: -ms-linear-gradient(45deg, #374f6e 0%, #374f6e 50%, #051c36 50%, #051c36 100%);
}

.car-color#quarzgrau
{
    background: #bcbcbc;
    background: -moz-linear-gradient(45deg, #bcbcbc 0%, #bcbcbc 50%, #6b6b6d 50%, #6b6b6d);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #bcbcbc), color-stop(50%, #bcbcbc), color-stop(50%, #6b6b6d), color-stop(100%, #6b6b6d));
    background: -webkit-linear-gradient(45deg, #bcbcbc 0%, #bcbcbc 50%, #6b6b6d 50%, #6b6b6d 100%);
    background: -o-linear-gradient(45deg, #bcbcbc 0%, #bcbcbc 50%, #6b6b6d 50%, #6b6b6d 100%);
    background: -ms-linear-gradient(45deg, #bcbcbc 0%, #bcbcbc 50%, #6b6b6d 50%, #6b6b6d 100%);
}

.car-color#silbergrau
{
    background: #a2a2a2;
    background: -moz-linear-gradient(45deg, #a2a2a2 0%, #a2a2a2 50%, #515153 50%, #515153);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #a2a2a2), color-stop(50%, #a2a2a2), color-stop(50%, #515153), color-stop(100%, #515153));
    background: -webkit-linear-gradient(45deg, #a2a2a2 0%, #a2a2a2 50%, #515153 50%, #515153 100%);
    background: -o-linear-gradient(45deg, #a2a2a2 0%, #a2a2a2 50%, #515153 50%, #515153 100%);
    background: -ms-linear-gradient(45deg, #a2a2a2 0%, #a2a2a2 50%, #515153 50%, #515153 100%);
}

.car-color#anthrazit
{
    background: #8d8d8d;
    background: -moz-linear-gradient(45deg, #8d8d8d 0%, #8d8d8d 50%, #393939 50%, #393939);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #8d8d8d), color-stop(50%, #8d8d8d), color-stop(50%, #393939), color-stop(100%, #393939));
    background: -webkit-linear-gradient(45deg, #8d8d8d 0%, #8d8d8d 50%, #393939 50%, #393939 100%);
    background: -o-linear-gradient(45deg, #8d8d8d 0%, #8d8d8d 50%, #393939 50%, #393939 100%);
    background: -ms-linear-gradient(45deg, #8d8d8d 0%, #8d8d8d 50%, #393939 50%, #393939 100%);
}

.car-color#schwarz-uni
{
    background: #4d4d4d;
    background: -moz-linear-gradient(45deg, #4d4d4d 0%, #4d4d4d 50%, #000000 50%, #000000);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #4d4d4d), color-stop(50%, #4d4d4d), color-stop(50%, #000000), color-stop(100%, #000000));
    background: -webkit-linear-gradient(45deg, #4d4d4d 0%, #4d4d4d 50%, #000000 50%, #000000 100%);
    background: -o-linear-gradient(45deg, #4d4d4d 0%, #4d4d4d 50%, #000000 50%, #000000 100%);
    background: -ms-linear-gradient(45deg, #4d4d4d 0%, #4d4d4d 50%, #000000 50%, #000000 100%);
}

.car-color#schwarz-metallic
{
    background: #646464;
    background: -moz-linear-gradient(45deg, #646464 0%, #646464 50%, #121214 50%, #121214);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #646464), color-stop(50%, #646464), color-stop(50%, #121214), color-stop(100%, #121214));
    background: -webkit-linear-gradient(45deg, #646464 0%, #646464 50%, #121214 50%, #121214 100%);
    background: -o-linear-gradient(45deg, #646464 0%, #646464 50%, #121214 50%, #121214 100%);
    background: -ms-linear-gradient(45deg, #646464 0%, #646464 50%, #121214 50%, #121214 100%);
}

.car-color#braun-metallic
{
    background: #807066;
    background: -moz-linear-gradient(45deg, #807066 0%, #807066 50%, #2e1f16 50%, #2e1f16);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #807066), color-stop(50%, #807066), color-stop(50%, #2e1f16), color-stop(100%, #2e1f16));
    background: -webkit-linear-gradient(45deg, #807066 0%, #807066 50%, #2e1f16 50%, #2e1f16 100%);
    background: -o-linear-gradient(45deg, #807066 0%, #807066 50%, #2e1f16 50%, #2e1f16 100%);
    background: -ms-linear-gradient(45deg, #807066 0%, #807066 50%, #2e1f16 50%, #2e1f16 100%);
}

.car-color#rot-sport
{
    background: #ab261f;
    background: -moz-linear-gradient(45deg, #ed6866 0%, #ed6866 50%, #ab261f 50%, #ab261f);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #ed6866), color-stop(50%, #ed6866), color-stop(50%, #ab261f), color-stop(100%, #ab261f));
    background: -webkit-linear-gradient(45deg, #ed6866 0%, #ed6866 50%, #ab261f 50%, #ab261f 100%);
    background: -o-linear-gradient(45deg, #ed6866 0%, #ed6866 50%, #ab261f 50%, #ab261f 100%);
    background: -ms-linear-gradient(45deg, #ed6866 0%, #ed6866 50%, #ab261f 50%, #ab261f 100%);
}

.car-color#gelb-sport
{
    background: #bd9030;
    background: -moz-linear-gradient(45deg, #fceb4f 0%, #fceb4f 50%, #bd9030 50%, #bd9030);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #fceb4f), color-stop(50%, #fceb4f), color-stop(50%, #bd9030), color-stop(100%, #bd9030));
    background: -webkit-linear-gradient(45deg, #fceb4f 0%, #fceb4f 50%, #bd9030 50%, #bd9030 100%);
    background: -o-linear-gradient(45deg, #fceb4f 0%, #fceb4f 50%, #bd9030 50%, #bd9030 100%);
    background: -ms-linear-gradient(45deg, #fceb4f 0%, #fceb4f 50%, #bd9030 50%, #bd9030 100%);
}

.car-color#grun-sport
{
    background: #86b43d;
    background: -moz-linear-gradient(45deg, #d4fc7f 0%, #d4fc7f 50%, #86b43d 50%, #86b43d);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #d4fc7f), color-stop(50%, #d4fc7f), color-stop(50%, #86b43d), color-stop(100%, #86b43d));
    background: -webkit-linear-gradient(45deg, #d4fc7f 0%, #d4fc7f 50%, #86b43d 50%, #86b43d 100%);
    background: -o-linear-gradient(45deg, #d4fc7f 0%, #d4fc7f 50%, #86b43d 50%, #86b43d 100%);
    background: -ms-linear-gradient(45deg, #d4fc7f 0%, #d4fc7f 50%, #86b43d 50%, #86b43d 100%);
}

.car-color#blau-sport
{
    background: #26649e;
    background: -moz-linear-gradient(45deg, #5c9bd6 0%, #5c9bd6 50%, #26649e 50%, #26649e);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #5c9bd6), color-stop(50%, #5c9bd6), color-stop(50%, #26649e), color-stop(100%, #26649e));
    background: -webkit-linear-gradient(45deg, #5c9bd6 0%, #5c9bd6 50%, #26649e 50%, #26649e 100%);
    background: -o-linear-gradient(45deg, #5c9bd6 0%, #5c9bd6 50%, #26649e 50%, #26649e 100%);
    background: -ms-linear-gradient(45deg, #5c9bd6 0%, #5c9bd6 50%, #26649e 50%, #26649e 100%);
}

div.car-detail .links div {
    display: inline-block;
}

div.car-detail td img.manufacturer-logo {
    width: 40px;
}

div.car-detail td {
    vertical-align: middle;
}

div.car-detail tr:nth-child(1) td:nth-child(2) {
    padding-left: 10px;
}

div.car-detail h3 {
    color: #000;
}

.center
{
    text-align: center;
}

div.rim-image .rim-image {
    height: 150px;
}

.rim-image
{
    width: 150px;
    margin-right: 0;
    margin-left: 0;
}

.rim-name
{
    font-weight: 600;
    padding-top: 5px;
}

.rim-color
{
    font-weight: 300;
    padding-top: 5px;
}

.rim-price
{
    background: #314882;
    max-width: 100%;
    color: white;
    width: 100%;
    font-weight: 600;
    padding: 7px 10px;
    border-radius: 4px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

.rim-arrow-pad {
    margin-top: 100px;
}

.vehicle-arrow {
    margin-top: 150px;
}

.vehicle-arrow img:hover {
    cursor: pointer;
}

.vehicle-arrows {
    z-index: 10;
    position: relative;
}

div.rim-image:hover {
    cursor: pointer;
}

.rim-pagination-infopanel {
    background: #314882;
    color: white;
    font-weight: 600;
    padding: 7px 10px;
    border-radius: 4px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    /*height: 30px;*/
    display: block;
    overflow: auto;
    width: 90%;
}

#left-arrow {
    cursor: pointer;
    z-index: 1;
}

#left-arrow img {
    z-index: 1;
}

/*div.configurator-arrow {
    margin-top: 17%;
}*/

div.vehicle-arrows img {
    width: 60px;
    opacity: 0.7;
    max-width: 100%;
}

div.vehicle-arrows img:hover {
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
    opacity: 1;
}

@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}

div#alurims-car-detail-modal.modal.fade.in, div#alurims-my-list-modal.modal.fade.in {
    z-index: 100000;
    background: rgba(0, 0, 0, 0.79);
}

div#alurims-car-detail-modal div.modal-body div.row, div#alurims-my-list-modal div.modal-body div.row, div#alurims-share-with-service-modal div.modal-body div.row {
    padding: 20px 35px;
}

div#alurims-share-with-service-modal.modal.fade.in {
    z-index: 100001;
    background: rgba(0, 0, 0, 0.79);
}

div#alurims-rim-3d-detail-modal.modal.fade.in {
    z-index: 100000;
    background: rgba(0, 0, 0, 0.79);
}

div#alurims-rim-3d-detail-modal.modal.fade.in div.modal-body div.row {
    padding: 20px 35px;
}


table.detail-table tr td:nth-child(1), table.rim-detail-table tr td:nth-child(1), table.vehicle-detail-table tr td:nth-child(1) {
    text-transform: uppercase;
    font-weight: 800;
    padding-right: 50px;
}

div#alurims-car-detail-modal div.modal-body div.row img.manufacturer-logo, div#alurims-my-list-modal div.modal-body div.row img.manufacturer-logo {
    width: 40px;
    margin-right: 10px;
}

div#alurims-car-detail-modal div.modal-body div.row table:nth-child(1), div#alurims-my-list-modal div.modal-body div.row table:nth-child(1)  {
    margin-bottom: 10px;
}

.configuratorContainer {
    position: relative;
    height: 600px;
    margin-bottom: 100px;
}
.carimg {
    position: absolute;
}

.car-image {
    height: 0;
    position: relative;
    z-index: 0;
    top: 50px;
    left: 80px;
}

.btn-configurator {
    z-index: 10;
}

.configurator-settings {
    z-index: 10;
    margin-top: -150px;
    position: relative;
}

.car-detail {
    z-index: 10;
    position: relative;
}

div.rims-slider a.rim-diameter-selector {
    padding: 3px 4px;
    margin: 10px 2px;
    text-decoration: none;
    background: #314882;
    border-color: #314882;
}

div.rims-slider a.rim-diameter-selector:hover,
div.rims-slider a.rim-diameter-selector.btn-success {
    background-color: #2ECA71;
    background: -webkit-linear-gradient(#2ECA71, #389B75);
    background: -o-linear-gradient(#2ECA71, #389B75);
    background: -moz-linear-gradient(#2ECA71, #389B75);
    background: linear-gradient(#2ECA71, #389B75);
    border-color: #398439;
}

div#alurims-car-detail-modal div.modal-dialog, div#alurims-my-list-modal div.modal-dialog {
    transition: all linear 100ms;
}

div#alurims-rim-3d-detail-modal.modal.fade.in img.rim-image {
    cursor: ew-resize;
    max-width: 100%;
    width: 100%;
} 

div#alurims-rim-3d-detail-modal.modal.fade.in div.modal-content div.row {
    text-align: center;
}

#alurims-rim-3d-detail-modal img {
    /*z-index: -10;*/
}

.confirm-rim-selection-btn {
    background-color: #314882;
}

.modal.full-screen {
    z-index: 10000;
}

#rim-detail-wrapper iframe {
    width: 100%;
    margin: 0;
    top: 0;
    left: 0;
    overflow-x: hidden;
}

.modal.full-screen, .modal.full-screen .modal-body, .modal.full-screen .modal-content, .modal.full-screen .modal-dialog, .modal.full-screen iframe {
    width: 100%;
    height: 100%;
    margin: 0;
    top: 0;
    left: 0;
}

@media screen and (min-width: 768px) {
    .public-alu-configurator-steps-wrapper
    {
        display: flex;
        justify-content: center;
    }
}

@media screen and (min-width: 992px) {
    .rims-slider .loading-overlay {
        height: 510px;
    }
}

@media screen and (max-width: 991px) {
    .rims-slider .loading-overlay {
        height: 1140px;
    }
}

@media screen and (max-width: 576px) {
    .rims-slider .loading-overlay {
        height: 1770px;
    }
}

.rims-slider .loading-overlay {
    position: absolute;
    width: 100%;
    color: #000000;
    z-index: 20;
    display: none;
    text-align: center;
    background-color: rgba(255,255,255,0.5);
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    margin-top: -80px;
}

.rims-slider .loading-overlay img {
    display: block;
    margin: auto;
    margin-top: -30px;
    width: 60px;
    vertical-align: middle;
}

.rims-slider .loading-overlay-center-helper {
    display: inline-block;
    height: 50%;
    vertical-align: middle;
}

.confirm-rim-selection-btn {
    margin-top: 20px;
}

#alurims-selected-rim-detail-modal .modal-body {
    padding: 0 !important;
}

#alurims-selected-rim-detail-modal .modal-body .close {
    margin-right: 5px;
}

@media screen and (max-width: 992px) {
    #left-arrow {
        /*top: 990px;*/
    }

    #right-arrow {
        /*left: 490px;*/
        /*top: 102px;*/
    }
}

@media screen and (max-width: 768px) {
    #left-arrow {
        /*top: 1624px;*/
    }
}

#left-arrow {
    z-index: 0;
    width: 5%;
    float: left;
}

#right-arrow {
    z-index: 0;
    width: 5%;
    margin-left: 95%;
    float: left;
    position: absolute;
}

.rims-slider div.rim-color {
    height: 21px;
}

.rims-slider div.rim-name {
    height: 37px;
}

#rim-selection-wrapper {
    position: absolute;
    width: 100%;
}

#rim-detail-wrapper {
/*    position: absolute;
    width: 100%;*/
}

.alu-configurator-slider {
    position: relative;
    height: 1000px;
}

.loading-overlay.full-screen-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #000000;
    z-index: 999999;
    background-color: rgba(255,255,255,0.5);
    display: none;
}

.loading-overlay.full-screen-loader img {
    margin: auto;
    display: block;
    width: 60px;
}

.loading-overlay.full-screen-loader .loading-overlay-center-helper {
    display: inline-block;
    height: 25%;
    vertical-align: middle;
}

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

.rims-slider > row {
    z-index: 0;
}

.carimg, .logo, .loading-overlay img {
    user-select: none;
}

.back-to-aluconfig-btn .btn-configurator {
    padding: 0;
    margin-top: 5px;
}

.back-to-aluconfig-btn {
    display: inline-block;
    width: auto;
    height: 42px;
    border-radius: 4px;
    background: #fff;
    text-align: right;
    padding: 12px 11px 10px 10px;
    border: 2px solid #2eca71;
    font-weight: 700;
    cursor: pointer;
    margin-top: 35px;
    margin-bottom: 10px;
}

.back-to-aluconfig-btn a {
    text-decoration: none;
    color: #464d5e;
}

.back-to-aluconfig-btn span.fa {
    font-size: 15px;
}

.rims-slider {
    min-height: 296px;
}

.loading-overlay.rim-3d-loader {
    max-width: 100%;
    width: 100%;
}

.loading-overlay.rim-3d-loader img {
    max-width: 60px;
    width: 60px;
}

.product-tab .loading-overlay img {
    width: 60px;
}

.alu-configurator.configuration-steps > img {
    width: 100%;
    max-width: 759px;
}

.rim-price-sort-selector {
    width: auto;
    margin: 0;
}

.rim-pagination-infopanel > .rim-totalrecords {
    margin-top: 9px;
}

.configurator-settings .btn-configurator {
    background: #314882;
    max-width: 100%;
    color: white;
    width: 140px;
    font-weight: 600;
    padding: 8px 10px;
    border-radius: 4px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    text-decoration: none;
}

.configurator-settings .configurator-menu {
    margin-left: 5px;
}

.configurator-settings .btn-configurator:hover {
    background: #2ECA71;
    background: linear-gradient(#2ECA71, #389B75);
    border-color: #398439;
}

.px-0 {
    padding-left: 0;
    padding-right: 0;
}

.no-rims-title,
.no-rims-subtitle,
.no-rims-button {
    display: none;
}

.no-rims-subtitle{
    font-size: 16px;
    line-height: 1.5;
    color: #252525;
    padding-bottom: 10px;
}

.icon-3d {
    position: absolute;
    right: 15px;
    top: 15px;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 0px 13px #0000003b;
    border: 2px solid #ffffff;
    cursor: pointer;
}

.icon-3d:hover {
    border: 2px solid #20cf6f
}


.no-rims-button #new-search-link-2 {
    background: #252525;
    color: #FFFFFF;
    border-radius: 15px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    line-height: 1;
    border: none;
    margin-right: 10px;
    margin-left: 0px;
    box-shadow: 0px 0px 13px #0000003b;
    cursor: pointer;
    padding: 0 15px;
}

.no-rims-button #new-search-link-2 span{
    margin-left: 7px;
}

#alurims-share-with-service-modal .modal-content {
    border-radius: 20px;
}



@media screen and (max-width: 991px) {
    .rims-slider .rim {
        width: 45%;
        float: left;
    }

    .rims-slider .rim-3, .rims-slider .rim-5 {
        margin-left: 5%;
    }

    .rims-slider .rim-3, .rims-slider .rim-4, .rims-slider .rim-5 {
        margin-top: 15px;
    }

    .rim-pagination-infopanel {
        margin-top: 635px;
    }

    .rims-slider .rim-1, .rims-slider .rim-3, .rims-slider .rim-5 {
        padding-right: 5px;
    }

    .rims-slider .rim-2, .rims-slider .rim-4 {
        padding-left: 5px;
    }
}

@media screen and (min-width: 992px) {
    .rims-slider .rim {
        width: 18%;
        float: left;
        padding-left: 5px;
        padding-right: 5px;
    }

    .rims-slider .rim-1 {
        padding-left: 0;
    }

    .rims-slider .rim-5 {
        padding-right: 0;
    }
}

@media screen and (max-width: 576px) {
    .rims-slider .rim {
        width: 90%;
        float: left;
        padding-left: 0;
        padding-right: 0;
    }

    .rims-slider .rim-2 {
        margin-top: 15px;
    }

    .rims-slider .rim-2, .rims-slider .rim-4 {
        margin-left: 5%;
    }

    .rim-pagination-infopanel {
        margin-top: 1260px;
    }
}

.rims-slider div.rim-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.rim-pagination-infopanel-container {
    width: 100%;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    /*padding-left: 11px;
padding-right: 11px;*/
}

.configurator-menu-container {
    width: 100%;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.configurator-menus {
    width: 90%;
    text-align: right;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.price-selector {
    border: solid 2px #314882;
    width: 250px;
    height: 39px;
    padding: 4px 6px;
    margin-top: 12px;
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: 4px;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
}

.price-selector-container {
}

.price-selector * {
    font-size: 11px;
    padding: 0;
}

input.slim-blue-range-input[type=range] {
    height: 10px;
    -webkit-appearance: none;
    margin: 0 0;
    width: 100%;
}

input.slim-blue-range-input[type=range]:focus {
    outline: none;
}

input.slim-blue-range-input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 0px 0px 0px #000000;
    background: #314882;
    border-radius: 1px;
    border: 0px solid #000000;
}

input.slim-blue-range-input[type=range]::-webkit-slider-thumb {
    box-shadow: 0px 0px 0px #000000;
    border: 1px solid #314882;
    height: 9px;
    width: 9px;
    border-radius: 25px;
    background: #A1D0FF;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -3px;
}

input.slim-blue-range-input[type=range]:focus::-webkit-slider-runnable-track {
    background: #314882;
}

input.slim-blue-range-input[type=range]::-moz-range-track {
    width: 100%;
    height: 3px;
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 0px 0px 0px #000000;
    background: #314882;
    border-radius: 1px;
    border: 0px solid #000000;
}

input.slim-blue-range-input[type=range]::-moz-range-thumb {
    box-shadow: 0px 0px 0px #000000;
    border: 1px solid #314882;
    height: 9px;
    width: 9px;
    border-radius: 25px;
    background: #A1D0FF;
    cursor: pointer;
}

input.slim-blue-range-input[type=range]::-ms-track {
    width: 100%;
    height: 3px;
    cursor: pointer;
    animate: 0.2s;
    background: transparent;
    border-color: transparent;
    color: transparent;
}

input.slim-blue-range-input[type=range]::-ms-fill-lower {
    background: #314882;
    border: 0px solid #000000;
    border-radius: 2px;
    box-shadow: 0px 0px 0px #000000;
}

input.slim-blue-range-input[type=range]::-ms-fill-upper {
    background: #314882;
    border: 0px solid #000000;
    border-radius: 2px;
    box-shadow: 0px 0px 0px #000000;
}

input.slim-blue-range-input[type=range]::-ms-thumb {
    margin-top: 1px;
    box-shadow: 0px 0px 0px #000000;
    border: 1px solid #314882;
    height: 9px;
    width: 9px;
    border-radius: 25px;
    background: #A1D0FF;
    cursor: pointer;
}

input.slim-blue-range-input[type=range]:focus::-ms-fill-lower {
    background: #314882;
}

input.slim-blue-range-input[type=range]:focus::-ms-fill-upper {
    background: #314882;
}

.carimg.cardetailsimg, .carimg.carpaintimg, .carimg.tiresandshellimg, .carimg.carlogoimg {
    width: 100%;
}

.rim-smart-without-ece .filter-checkbox {
    display: flex;
    align-items: flex-start;
}

.ece-filter-caption {
    text-align: left;
}

.ece-filter-caption.disabled, .winterusage-filter-caption.disabled {
    color: #787f90;
}

.ece-help {
    font-weight: 400;
    font-size: 12px;
}

/*.vehicle-detail-table-template, .rim-detail-table-template {
    display: none !important;
}*/

.my-list-item-template {
    display: none !important;
}

#alu-rim-detail .modal-content {
    height: auto;
    min-height: 100%;
}

#alu-rim-detail .modal-header {
    height: 30px;
    border-bottom: none;
}

.ui-effects-transfer.ui-effects-transfer-public-alu-configurator {
    border: 2px dashed #E00A17;
}

.rims-filter-wrapper-top .rims-filter-wrapper {
    margin: 5px 0 20px 0 !important;
}

.direct-mount-container {
    display: none;
    position: absolute;
    left: 15px;
    top: 15px;
    background: #E00A17;
    color: #FFFFFF;
    border-radius: 7px;
    box-shadow: 0px 0px 13px #0000003b;
    border: 2px solid #E00A17;
    cursor: pointer;
    padding: 2px 4px;
    align-items: center;
    font-weight: 600;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 12px;
}

.specification-sheet-container {
    display: none;
    position: absolute;
    left: 15px;
    top: 40px;
    background: #1FCC6D;
    color: #FFFFFF;
    border-radius: 7px;
    box-shadow: 0px 0px 13px #0000003b;
    border: 2px solid #1FCC6D;
    cursor: pointer;
    padding: 2px 4px;
    align-items: center;
    font-weight: 600;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 12px;
}


.share-with-service-alert {
    font-size: 14px;
    color: #252525;
    line-height: 1.5;
    text-align: center;
}

.alurims-share-with-service-modal .my-list-item-configuration {
    padding: 10px 35px;
    border-bottom: none;
}

#HowItWorksFromSmartCatalog {
    display: none;
    margin-top: 20px;
}

.title-from-smartcatalog-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.how-configurator-works-icon {
    height: 40px;
    background: #e4e4e4;
    border-radius: 15px;
    padding: 0 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    color: #878787;
    cursor: pointer;
}


.how-configurator-works-icon:hover {
    background: #cdcdcd;
    color: #252525;
}

.public-alu-rims-configurator-from-smartcatalog {
    padding-top: 20px !important;
}