/*Carousel specific css*/
.pause-btn, .play-btn {
    border: none;
    background: none;
    opacity: 0.1;
    transition: opacity 333ms;
    -webkit-transition: opacity 333ms;
    -o-transition: opacity 333ms;
}

    .pause-btn:hover, .play-btn:hover,
    .pause-btn:focus, .play-btn:focus {
        opacity: .75;
    }

    .pause-btn svg, .play-btn svg {
        width: 4em;
        height: 4em;
        fill: white;
        padding: 6px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
    }

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

    .pause-btn .icon,
    .play-btn .icon {
        background: #000;
    }

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

/*Slideshow specific css*/

.ssPlayPause {
    width: 100%;
    height: 5em;
    display: inline-block;
    opacity: 0.1;
    padding: 0.5em;
    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;
}

    .ssPause-btn svg, .ssPlay-btn svg {
        width: 4em;
        height: 4em;
        padding: 6px;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
    }

/*Common css*/

.isHidden {
    display: none;
}

.alignCenter{
    margin-left: 48%;
}

.alignRight {
    margin-left: 100%;
}

.alignLeft {
    margin-left: 0%;
}

.alignRight.ssPause-btn svg,
.alignRight.pause-btn svg {
    margin-right: 5px;
}

.alignLeft.ssPause-btn svg,
.alignLeft.pause-btn svg {
    margin-left: 5px;
}