.hover-grid .hover-grid-item {
    width: 150px;
    height: 150px;
    float: left;
    overflow:hidden;
    position:relative;
    cursor: pointer;
}
.hover-grid img {
    border:0;
    position:absolute;
    margin: 0;
    padding: 0;
}
.hover-grid-item .options {
    background-color: #312e2eb3;
    width: 95%;
    height: 32px;
    position: absolute;
    z-index: 1;
    padding: 5px;
}
.hover-grid-item .caption .pull-right{
    position: absolute;
    right: 10px;
    top: 5px;
}
.item-grid{
    display: inline-block;
    margin: 5px;
    padding: unset;
    border-radius: unset;
    box-shadow: 2px 2px 5px #ccc;
    background: #fff;
}
.item-grid:hover{
    box-shadow: 0px 0px 5px 2px #6f6b6b;
}
.item-grid img{
    width: 100%;
    height: 100%;

}

.option-grid-list{
    display: inline-block;
    float: left;
}

.screen-reader-text, .screen-reader-text span{
    border: 0;
    clip: rect(1px,1px,1px,1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal!important;
}
button.close {
    padding: 15px !important;
}
.view-switch{
    padding-left: 20px;
}
.view-switch i.fa{
    font-size: 2em;
    margin-top: 3px;
}
.option-grid-list i.inactive{
    color: #b0adad;
}
.option-grid-list i.active{
    color: #3c8dbc;
}
.up-area .choice-ok{
    padding: 15px;
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    border: none;
    background: none;
    opacity: .2;
}
.up-area .choice-ok:hover{
    color: #00a65a;
    opacity: unset;
}
.up-area .close:hover{
    color: #ff3a36;
    opacity: unset;
}
.up-area .choice-ok:active ,
.up-area .close:active{
    border: none !important;
}
.dropzone.dz-drag-hover {
    border: 4px dashed #3c8dbc !important;
}
/*.hover-grid-item .options {*/
/*display: none;*/
/*}*/