//## Website Sale frontent design
//## ----------------------------

.o_wsale_image_viewer {
    z-index: -1;

    .o_wsale_image_viewer_header {
        height: 40px;
        z-index: 1;
    }

    .o_wsale_image_viewer_image {
        .o_wsale_image_viewer_void {
            padding-top: 64px;
            padding-bottom: 156px;
        }

        img {
            cursor: zoom-in;
        }
    }

    .o_wsale_image_viewer_carousel {
        z-index:1;

        ol {
            list-style: none;

            .o_wsale_image_viewer_thumbnail {
                width: 128px;
                height: 128px;
            }

            li img{
                border: 1px solid #CED4DA;

                &.active {
                    border-color: #35979c;
                }
            }
        }
    }

    .o_wsale_image_viewer_control {
        z-index: 1;
        width: 40px;
        height: 40px;

        &:hover {
            background-color: rgba($gray-400, 0.1);
        }

        &.o_wsale_image_viewer_previous {
            margin: 1px 1px 0 0; // not correctly centered for some reasons
        }

        &.o_wsale_image_viewer_next {
            margin: 1px 0 0 1px; // not correctly centered for some reasons
        }
    }
}