div.block-img-container{
    min-height: 100px;
    position: relative;
    margin-bottom: 20px;
    cursor: pointer;
    border: #eeeeee solid thin;
}

div.block-img-container:hover img{
    background-color: black;
    opacity: 0.3;
}

div.block-img-container.active img{
    background-color: black;
    opacity: 0.3;
}

div.block-img-container img{
    transition: .3s ease;
    width: 100%;
    height: auto;
    max-height: 125px;
}

div.block-img-container div.text-block{
    text-align: center;
    display: none;
    width:100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    padding: 5px;
    position: absolute;
    /*display: block;*/ 
    bottom: 0px;
    transition: .3s ease;
}

div.block-img-container:hover div.text-block{
    display: block;
    transition: .3s ease;
    background-color: rgba(0,0,0,0.7);
}

div.block-img-container.active div.text-block{
    display: block;
    transition: .3s ease;
    background-color: rgba(0,0,0,0.3);
}

div.block-img-container div h4{
    color: white
}

button.has-error {
    outline-style: double;
    outline-color: red;
}

.popover-medium {
    max-width: 600px;
}

.no-select{
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                          supported by Chrome and Opera */
}