#PhotoModal.modal-dialog {
    width: 100%;
}

#PhotoModal.modal-dialog .modal-header {
    display: none;
}

#PhotoModal .modal-content {
    background-color: #696969;
    color: #fff;
}

#PhotoModal .modal-header {
    background-color: #dcdcdc;
    color: #7f7f7f;
    padding: 0px 15px;
}

#PhotoModal .modal-title {
    font-size: 1.5em;
}

#PhotoModal .modal-header .close {
    font-size: 50px;
    margin-top: 15px;
}

#PhotoModal .modal-body {
    padding: 0;
}

#PhotoModal .column {
    display: table-cell;
    width: 50%;
    vertical-align: top;
    margin-top: -8px;
}

#PhotoModal .photo-category li {    
    list-style: none;
    color: #ffcd51;
    padding: 7px 20px;
    cursor: pointer;
    margin-left: -40px;
}

#PhotoModal .photo-category li:hover {
    background: #666;
    text-decoration: underline;
}

#PhotoModal .photo-category li.selected {
    background: #7a7a7a;
    color: #eee;
}

#PhotoModal .photo-display {
    background-color: #434343;
    padding: 15px;
    padding-bottom: 0;
    min-height: 369px;
} 

#PhotoModal .photo-display .large_photo img {
    width: 80%;
    height: auto;
}

#PhotoModal .photo-reel {
    background-color: #7f7f7f;
    min-height: 90px;
    padding: 10px;
}

#PhotoModal .photo-reel ul {
    margin: 0px;
}

#PhotoModal .photo-reel li {
    display: inline-block;   
    list-style: none;
    margin: 10px 5px;
    cursor: pointer;
}

#PhotoModal .photo-reel img {
    width: 75px;
    /*height: 75px;*/
}

#PhotoModal .photo-reel .fa-chevron-left,
#PhotoModal .photo-reel .fa-chevron-right {
    display: none;
}

#PhotoModal .photo-display .large_photo span,
#PhotoModal .photo-reel li span {
    font-size: 1.5em;
    width: 20px;
    height: 20px;
    margin-left: -8px;
}

#PhotoModal .photo-display .large_photo span {
    font-size: 3em;
    margin-left: -20px;
}

#PhotoModal .photo-display .fa-check,
#PhotoModal .photo-reel .fa-check {
    color: #87bb41;
}

#PhotoModal .photo-display .fa-times,
#PhotoModal .photo-reel .fa-times {
    color: #e4152e;
}

@media (min-width: 768px) {

    #PhotoModal .photo-display .large_photo img {
        width: 220px;
        /*height: 220px;  */
    }
}


@media screen  and (max-width: 459px ) {    

    #PhotoModal .photo-display .large_photo span {
        margin-top: -40px;
        margin-left: 90px;
    }
}