body{
    background: linear-gradient(90deg, #e3ffe7 0%, #d9e7ff 100%);
}

.btn.btn-primary, .btn-primary:active, .btn.btn-primary:hover,
.btn.btn-primary:focus, .btn.btn-primary:hover
{
    background-color: #465e7c;
    color: #ffffff !important;
    font-weight: 400;
    border-color: #465e7c;
    border-radius: 8px;
}

header{
    border-bottom: 2px solid #e3e5e8;
    padding: 4px;
}

#INFO_BOX{
    position: fixed;
    bottom: 5px;
    right: 5px;
    width: 35vw;
    display: none;
}

.kontainer{
    padding-top: 20px !important;
}

.form-input:focus{
    border-color: teal;
}

.toast.toast-primary{
    background-color: teal;
}

.blog-card{
    margin: .2em;
}

#CATEGORIES, #PRODUCTS{
    background-color: #f7f8f9;
    padding: 1em;
}

#CATEGORIES .chip, #PRODUCTS .chip{
    background-color: teal;
    color: #ffffff;
}

.tile{
    border: thin solid #bcc3ce;
    margin-bottom: 1em;
    padding: .5em;
}

.tile img{
    border-radius: 0;
}

.tile a, .tile .btn {
    color: #ffffff !important;
    font-weight: bold;
}

.btn-warning,
.btn-warning.active,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover{
    background-color: #ffb700;
    border-color: #ffb700;
    color: #FFFFFF;
}

.catFilters{
    cursor: pointer;
}

.selectedCatFilter{
    background-color: #bcc3ce !important;
    color: #ffffff !important;
}

#PRODUCTS_BOX{
    border: .05rem solid #dadee4;
}

kbd{
    font-size: 1em;
}

.thumbnails{
    margin-bottom: .5em;
}

.thumbnails:hover, .selectedThumbnail{
    cursor: pointer;
    border: thick solid teal;
}

.productDescription{
    margin-top: 1em;
}

#LOGO{
    width: 30px;
    border-radius: 50%;
}

#LOGO_TEXT{
    color: #203861;
    margin-left: 8px;
    font-size: 14px;
    opacity: .8;
}

.form-input {
    border-style: none;
    border: thin solid #89888d;
}

.empty{
    background: transparent;
}