/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/

/*override all pages*/
.box_list {
    display: flex;
    flex-direction:column
}

.ul-of {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}

/*Outside container*/
.wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 5px
}

/*left column*/
.col-lg-2 {
    padding-left: 0px;
}


.WRimages-thumbnail-container {
/*    max-width: 100px;
    max-height: 100px;*/
    max-width: 100%;
    height: auto;
}
                .WRimages-thumbnail-image {
                        max-width: 100%;
                        height: auto;
                }

                .WR-image-description {
                display: flex;
                justify-content: center;

                }

.WRimages-modal-container {
    max-height: 500px;
    max-width: 500px;
}

                .WRimages-modal-image {
                    max-width: 100%;
                    height: auto;
                }



.img-thumbnail {
    max-width: 100%;
    max-height: 100%;
}

.WRratings-container {
    display: flex;
    flex-direction: column;
    margin: 5px auto 5px auto;
    align-items: center;
}
        .specialty {
            display:flex;
            text-align:center;
        }
        .WRratings {
            display: flex;
            padding-top: 5px;
        }

.WRratings-container-main {
    display: flex;
    flex-direction: column;

}

.specialty {
    display: flex;
    text-align: center;
}

.WRratings {
    display: flex;
    padding-top: 5px;
}

/*middle column*/
.description {
    display: flex;
    flex-direction: column;
    flex-grow: 2
}


/*right column*/
.rightSideCard {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#wr_selected {
    background-color: #74d1c6;
}