.img_div {
    margin-top: 10px;
    margin-bottom: 10px;
    min-height: 124px;
}

.img_div img {
    box-shadow: 0px 4px 5px 1px #555;
    width: 100%;
    -moz-transition: transform 0.5s linear 0s;
}

.img_div img:hover {
    cursor: pointer;
}

.modal {
    display: none;
    z-index: 10001;
}

.modal-dialog {
    max-width: 95% !important;
}

.modal-content {
    width: unset !important;
    margin: 0 auto;
}

.modal-body img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.modal-title {
    text-align: left;
}

.lg-backdrop{
    background: rgba(255, 255, 255, .7);
}

.lg-toolbar .lg-download,
.lg-toolbar .lg-autoplay-button,
.lg-toolbar .lg-fullscreen,
.lg-toolbar #lg-actual-size,
.lg-sub-html{
    display: none;
}

.lg-toolbar .lg-icon{
    color: #fff;
}

#lg-counter{
    color: #fff;
}

.lg-actions .lg-next, .lg-actions .lg-prev{
    color: #fff;
}

.lg-outer .lg-toogle-thumb{
    background: rgba(0, 0, 0, 0.45);
    color: #fff;
}

.lg-outer .lg-thumb-outer{
    background: rgba(0, 0, 0, 0.45);
}
.lg-hide-items .lg-next,
.lg-hide-items .lg-prev,
.lg-hide-items .lg-toolbar {
    opacity: 100 !important;
    -webkit-transform: none !important;
    transform: none !important;
}
.lg-icon:hover,
.lg-icon:focus,
#lg-counter-current:hover,
#lg-counter-current:focus,
#lg-counter-all:hover,
#lg-counter-all:focus {
    color: #000 !important;
    background: #fff;
	box-shadow: 0px 0px 5px 1px #000;
}
.lg img:hover,
.lg img:focus {
	box-shadow: 0px 0px 5px 5px #fff;
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover,
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:focus {
	box-shadow: 0px 0px 5px 5px #fff;
	border-color: initial;
}

.lg-thumb.lg-group {
	overflow-x: hidden;
}