#slider .btn-close
{
    position: relative;
    font-size: .8rem;
    margin-left: 15px;
}

#slider-photo-container {
    display: flex;
}

.slider-photo-fade-out {
    opacity: 0;
    transform: scale(0,0);
}

.slider-photo-fade-in {
    opacity: 1 !important;
    transform: scale(1,1) !important;
}

#slider-photo-1, #slider-photo-2 {
    transition: all 1s ease-in-out;
    width: 100%;
}

.buttons-container {
    margin-bottom: 0;
    background: indigo;
    color: white;
    font-size: .8rem;
    display: flex;
    align-items: center;
}

#photo-container .buttons-container
{
    margin-bottom: 5px;
}

.buttons-container span {
    cursor: pointer;
}

.buttons-container .v-bar {
    margin-left: 10px;
    margin-right: 10px;
}

#slider-photo {
    max-height: 100%;
    max-width: 100%;
}

.pagination-container {
    font-size: .8rem;
    flex-basis: 50%;
    text-align: left;
    margin: 10px;
}

.prev-next-container {
    flex-basis: 50%;
    text-align: right;
    font-size: .8rem;
    margin: 10px;
}

.prev-next-container a, .prev-next-container a:hover
{
    text-decoration: none;
    color: white;
}