/*Carousel specific css*/
.pause-btn, .play-btn {
    border: none;
    background: none;
}

    .pause-btn svg, .play-btn svg {
        width: 29px;
        height: 29px;
        fill: white;
        padding: 2px;
        padding-top: 4px;
    }

    .pause-btn .icon, .play-btn .icon {
        border: none;
        border-radius: 25px;
        cursor: pointer;
        padding: 0;
        margin: 0;
        outline: none;
    }

    .pause-btn .icon {
        background: darkgray;
    }

    .play-btn .icon {
        background: gray;
    }

.playPause {
    width: 100%;
    display: inline-block;
}

/*Slideshow specific css*/

.ssPlayPause {
    width: 100%;
    height: 5em;
    display: inline-block;
    opacity: 0.1;
    cursor: pointer;
    transition: opacity 333ms;
    -webkit-transition: opacity 333ms;
    -o-transition: opacity 333ms;
}

    .ssPlayPause:hover,
    .ssPlayPause:focus {
        opacity: 0.75;
    }

.ssPause-btn, .ssPlay-btn {
    border: none;
    background: none;
    margin-top: 6px;
    border-radius: 50%;
}

    .ssPause-btn svg, .ssPlay-btn svg {
        width: 47px;
        height: 47px;
        margin-left: 3px;
        margin-top: 7px;
    }

/*Common css*/

.isHidden {
    display: none;
}

.alignCenter{
    margin-left: 48%;
}

.alignRight {
    margin-left: 100%;
}

.alignLeft {
    margin-left: 0%;
}