.bootstrape-theme .bootstrape-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

    .bootstrape-theme .bootstrape-nav [class*='bootstrape-'] {
        color: #FFF;
        font-size: 14px;
        margin: 5px;
        padding: 4px 7px;
        background: #D6D6D6;
        display: inline-block;
        cursor: pointer;
        border-radius: 3px;
    }

        .bootstrape-theme .bootstrape-nav [class*='bootstrape-']:hover {
            color: #FFF;
            text-decoration: none;
        }

    .bootstrape-theme .bootstrape-nav .disabled {
        opacity: 0.5;
        cursor: default;
    }

        .bootstrape-theme .bootstrape-nav.disabled + .bootstrape-dots {
            margin-top: 10px;
        }

.bootstrape-theme .bootstrape-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

    .bootstrape-theme .bootstrape-dots .bootstrape-dot {
        display: inline-block;
        zoom: 1;
        font-size: 8px;
        color: #000;
        outline: 0px;
    }

        .bootstrape-theme .bootstrape-dots .bootstrape-dot span {
            width: 10px;
            height: 10px;
            margin: 5px 7px;
            background: #D6D6D6;
            display: block;
            -webkit-backface-visibility: visible;
            transition: opacity 200ms ease;
            border-radius: 30px;
        }

        .bootstrape-theme .bootstrape-dots .bootstrape-dot.active span, .bootstrape-theme .bootstrape-dots .bootstrape-dot:hover span {
            background: #869791;
        }