body {
    padding-top: 60px;
}

.grid {
    max-width: 100%;
}

.grid:after {
    content: '';
    display: block;
    clear: both;
}

.grid-item {
    width: 125px;
    height: 150px;
    margin: 0 0 25px 0;
    float: left;
    border: 0;
}

a.href-thumbnail {
    position: relative;
    border: 1px solid #fafafa;
    border-radius: 4px;
    padding: 4px;
    display: block;
    width: 100%;
    height: 100%;
    transition: .2s ;
}

a.href-thumbnail:hover {
    border: 1px solid #bababa;
}

a.href-thumbnail img {
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    width: auto;
}

a.href-thumbnail div.text-center {
    position: absolute;
    bottom: 4px;
    left: 4px;
    right: 4px;
}

a.href-thumbnail:hover div.text-center {
    color: #9d8d6f;
}

.div_autocomplete_results {
    position: absolute;
    /*top: 30px;
    left: 25px;*/
    /*width: auto;*/
    padding: 15px;
    background-color: #ffffff;
    border: 1px solid grey;
    display: none;
    z-index: 6000;
    /*margin-left: 65px;
    margin-top: 15px;*/
    max-height: 500px;
    min-width: 300px;
    font-size: 16px;
    overflow-x: hidden;
    overflow-y: auto;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}

img {
    image-rendering: auto;         /* Firefox */
    -ms-interpolation-mode: bicubic;  /* IE (non-standard property) */
    max-height: 100px;
    max-width: 100px;
    margin: 0 auto;
}

.searchCol { height: 75px; }
.searchCol a { position: relative; height: 75px; width: 100%; }
.searchCol div { height: 75px; }
.searchCol a .seachColText { height: 75px; line-height: 50px; padding: 0; margin: 0; }
.searchCol a .searchColImg { padding: 0; margin: 0; }
.searchCol a .searchColImg img { max-height: 50px; max-width: 100px; }

.error-template {padding: 40px 15px;text-align: center;}
.error-actions {margin-top:15px;margin-bottom:15px;}
.error-actions .btn { margin-right:10px; }
.error-details { display: block; margin-bottom: 15px; }


@media (max-width: 767px) {
    .div_autocomplete_results {
        top: 109px;
        left: 5%;
        width: 90%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .div_autocomplete_results {
        top: 47px;
        left: 5%;
        width: 90%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .div_autocomplete_results {
        top: 47px;
        left: 10%;
        width: 80%;
    }
}

@media (min-width: 1200px) {
    .div_autocomplete_results {
        top: 47px;
        left: 12.5%;
        width: 75%;
    }
}