html {
    font-size: 12px;
}

@media (min-width: 768px) {
    html {
        font-size: 14px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

/* -------------------------------------------------
   Site specific
   -------------------------------------------------- */
body {
    --mdb-body-font-size: 0.9rem;
    line-height: 1.35 !important;
}

/* For showing long descriptions nicely */
.long-description {
    white-space: pre-line;
    display: inline-block
}

.long-description-container {
    max-height: 6.25rem;
    overflow: hidden;
}

/* For showing resized thumbnails */
.thumbnail img {
    border-radius: 5px;
    overflow: hidden;
    height: 90px;
    display: block;
    margin: auto;
    object-fit: cover;
}

.thumbnail .remove {
    text-align: center;
    display: block;
}

/* General styles */
.roboto {
    font-family: 'Roboto', sans-serif;
}

.bebas {
    font-family: 'Bebas Neue', cursive;
}

.anton {
    font-family: 'Anton', sans-serif;
}

.work-sans {
    font-family: 'Work Sans', sans-serif;
}

p {
    font-family: 'Roboto', sans-serif;
}

.font-size-medium {
    font-size: 1rem !important;
}

.body-container {
    margin-bottom: 61px;
    margin-top: 54px;
    padding-top: 1rem;
}

.form-control-horizontal {
    width: auto !important;
    display: inline-block !important;
}

/* Navbar */
.navbar .logo-top {
    height: 30px;
}

.navbar .nav-item a.nav-link:hover {
    color: #adadad !important;
}

/* For the lists of products */
.grid-striped > .row {
    border-bottom: 1px solid #ccc;
}

    .grid-striped > .row:nth-of-type(odd) {
        background-color: rgba(0,0,0,.05);
    }

/* For the dashboard */
#performanceCarouselIndicators {
    height: 200px;
    width: 100%;
}

/* For the autocomplete */
.small-loading {
    background: url('/images/ajax-loader.gif') right 5px center no-repeat;
}


.search-btn {
    background-image: url('../images/icons/search.png')!important;
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.4;
}
.search-btn:hover {
    opacity: 1;
}


/* Categories */
.field-min-height {
    min-height: 39px;
}