#configurator {
    position: relative;
}

#configurator.loading, #configurator .modal-body.loading{
    min-height: 100px;
    background: url("assets/ajax-loader.gif") center center no-repeat;
}

#configurator.loading *, #configurator .modal-body.loading * {
    visibility: hidden;
    transition: visibility 1s;
}

#configurator .base-view {
    position: absolute;
    width: 100%;
    transition: display 1s;
}

#configurator.review .base-view {
    display: none;
}

#configurator .tabs-nav > li {

    display: inline-block;
    padding: .4em;

}

#configurator ul.selection > li, #configurator ul.views > li {
    display: inline-block;
    cursor: pointer;
    border: 1px solid transparent;
}

#configurator ul.selection > li.selected, #configurator ul.views > li.selected {
    border-color: black;
}

#configurator ul.views > li:after {
    content: url("https://via.placeholder.com/50x50");
}

#configurator .col-preview.main-image {
    min-height: 600px;
}

#configurator .modal-dialog.modal-lg {
    width: 90%;
    height: 90%;
}

#configurator .modal-dialog.modal-lg .modal-content {
    height: auto;
    min-height: 800px;
    border-radius: 0;
    padding: 1em;
}

#configurator .gallery.loading >* {
    opacity: 0;
    transition: opacity 0ms;
}
#configurator .gallery >* {
    opacity: 1;
    transition: opacity 0ms;
}
#configurator .gallery.loading {
    background: url('./assets/ajax-loader.gif') center center no-repeat;
}