.event-venue-details-box {
    width: 100%;
    float: left;
    margin-top: 23px;
}
.event-data-venue-price {
    line-height: 20px;
    font-size: 14px;
    color: #666;
    margin-top: 8px;
}
.event-date {
    color: #333;
}
.seprate {
    margin-left: 15px;
}
.event-price {
    margin-left: 16px;
    font-size: 14px;
    color: #333;
}

.btn-disable {
    cursor: not-allowed;
    pointer-events: none;
    /*Button disabled - CSS color class*/
    color: #333;
    background-color: #ffffff;
}

.btn-disableNoColor {
    cursor: not-allowed;
    pointer-events: none;
}

.btn-group.special {
    display: flex;
}

.dataTables_filter input {
    width: 350px
}

.top-buffer {
    margin-top: 10px;
}

.img-hover img {
    -webkit-transition: all .3s ease; /* Safari and Chrome */
    -moz-transition: all .3s ease; /* Firefox */
    -o-transition: all .3s ease; /* IE 9 */
    -ms-transition: all .3s ease; /* Opera */
    transition: all .3s ease;
    position: relative;
}

    .img-hover img:hover {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translateZ(0) scale(1.20); /* Safari and Chrome */
        -moz-transform: scale(1.20); /* Firefox */
        -ms-transform: scale(1.20); /* IE 9 */
        -o-transform: translatZ(0) scale(1.20); /* Opera */
        transform: translatZ(0) scale(1.20);
    }

.img-hover:hover:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 30px;
    height: 30px;
    /*border: 1px solid #000;*/
}

.grayscale {
    -webkit-filter: brightness(1.10) grayscale(100%) contrast(90%);
    -moz-filter: brightness(1.10) grayscale(100%) contrast(90%);
    filter: brightness(1.10) grayscale(100%);
}

.verifiedRowBackground {
    background-color: #ff7676 !important;
}

.zoom {
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

    .zoom:hover,
    .zoom:active,
    .zoom:focus {
        /**adjust scale to desired size, 
add browser prefixes**/
        -ms-transform: scale(2.5);
        -moz-transform: scale(2.5);
        -webkit-transform: scale(2.5);
        -o-transform: scale(2.5);
        transform: scale(2.5);
        position: relative;
        z-index: 100;
    }

/**To keep upscaled images visible on mobile, 
increase left & right margins a bit**/
@media only screen and (max-width: 768px) {
    ul.gallery {
        margin-left: 15vw;
        margin-right: 15vw;
    }

    /**TIP: Easy escape for touch screens,
give gallery's parent container a cursor: pointer.**/
    .DivName {
        cursor: pointer
    }
}