.online-viewer-segmentator {
        width: 100%;
        display: block;
        color: #1374BB;
        font-weight: bold;
        margin-bottom: 1%;
        padding-bottom: 2px;
        padding-top: 2px;
        border-bottom: thin solid #1374BB;
        clear: both;
    }

        .online-viewer-segmentator span {
            margin-right: 1%;
            cursor: pointer;
        }

    .online-viewer-container {
        width: 100%;
        height: 100%;
        display: table;
    }

        .online-viewer-container .next-page {
            width: 100%;
            text-align: center;
            cursor: pointer;
            clear: both;
            font-size: 20px;
        }

    .online-viewer-element {
        width: 175px;
        height: 300px;
        margin: 0.25%;
        float: left;
        border: thin solid #DDDDDD;
        text-align: center;
    }

        .online-viewer-element .visual {
            width: 100%;
            height: 55%;
            padding: 5px;
            position: relative;
            display: inline-block;
            cursor: pointer;
        }

            .online-viewer-element .visual img {
                max-width: 150px;
                max-height: 150px;
            }

            .online-viewer-element .visual .overlay {
                position: absolute;
                top: 50%;
                left: 0;
                width: 98%;
                height: 50%;
                padding: 5px;
                background-color: white;
                opacity: 0;
                transition: opacity 300ms ease-in-out;
            }

                .online-viewer-element .visual .overlay span {
                    position: absolute;
                    width: 100%;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    color: #68696C
                }

        .online-viewer-element .controls {
            width: 100%;
            height: 50px;
            padding: 2px;
        }

            .online-viewer-element .controls .control {
                width: 33%;
                height: 100%;
                padding-top: 5%;
                color: #1374BB;
                font-size: 20px;
                float: left;
                text-align: center;
                cursor: pointer;
            }

        .online-viewer-element .label {
            width: 100%;
            height: 85px;
            padding: 2px;
        }

            .online-viewer-element .label .description {
                font-size: small;
                color: #68696C;
            }

            .online-viewer-element .label .price-range {
                font-size: medium;
                color: #1374BB;
                font-weight: 600;
            }