﻿.gallery-container {
    /*min-height: 300px;*/
}

.gallery-col {
    min-width: 180px;
    text-align: center;
}

    .gallery-col a {
        text-decoration: none;
    }

        .gallery-col a::after hover {
            text-decoration: underline;
        }

.gallery-img-data {
    color: black;
}

.img-gallery {
    height: 150px;
    border: 0px solid #333;
    max-width: 150px;
    object-fit:contain;
}

    .img-gallery:hover {
        height: 150px;
        border: 3px solid #333;
        border-radius:10px;
        opacity: 0.8;
    }

.image-container {
    max-height: 180px;
    background-color: #8d8b94;
    padding: 5px;
    /*border: 1px solid black;*/
    border-radius: 10px;
}

    .image-container:hover {
        background-color: #8d8b94;
        color: white;
        opacity: 0.75;
        /*border: 1px solid black;*/
    }


/*REDEFINE LIGHTBOX*/

.lb-details {
    /*background-color: #c3c1c1;*/
    background-color: white;
    opacity: 0.7;
    color: black;
    padding: 5px;
    border-radius: 2px;
    margin-bottom: 50px;
}


.lb-close {
    display: none;
}

.lb-number {
    padding: 10px;
    color: white;
}

/*FINE - REDEFINE LIGHTBOX*/



/*Modal Quadro*/

.modal-quadro {
    padding: 15px;
}

.modal-sfondo-black {
    background-color: #3b3636;
}

/*Modal Quadro - FINE*/


.form-control1 {
    width: 90%;
    height: 30px;
    border-radius: 5px;
    font-size: medium;
    color: navy;
    background-color: whitesmoke;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
}

.btn-cerca {
    border: solid 1px white;
    color: black;
    background-color: silver;
    border-radius: 5px;
    height: 30px;
}


@media screen and (max-width: 600px) {
/*    .datiUlterioriQuadro {
        display: none;
    }*/
}

@media screen and (min-width: 601px) {

    .datiUlterioriQuadro {
        display: block;
    }
}
