:root {
    --bs-heading-color: #679;
}

html, body { font-family: "Roboto Slab", serif; font-weight: 400; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 400; };

.content { text-align: unset; }

.form-control { border: 1px solid #7777; }

.form-label { font-size: .72em; color: var(--bs-heading-color); }




/* main.min.css */
.product__img {
    /* max-width: 320px; */
    max-width: 240px;
}
 
.footer__listLink {
    color: #bbb;
}
.footer__listLink:hover {
    color: #eee;
}

.footer__title { color: #bbb7; }

/* .user .dropdown button { min-width: 256px; } */
.user .dropdown ul.dropdown-menu {
    right: 0 !important;
    left: unset !important;
    transform: translate(0, 34px) !important;
}

.admin-container { font-size: .96em; }
.admin-container .top-bar a:hover { background: #ddd; }

.admin-container .manage { padding: .5em .5em 1.5em .5em; } 

.admin-container .title-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1em 8px 1em 16px;
 }

.admin-container .dt-table { font-size: 14px; }

.admin-container .dt-table .btn-sm {
    --bs-btn-padding-y: .2rem;
    --bs-btn-padding-x: .35rem;
    --bs-btn-font-size: .65rem;
 }

.admin-container .modal .form-group { padding: .35em 0;}
.admin-container .modal .form-control { padding: 1px 8px; border-radius: 4px; font-size: 15px; }

.admin-container .table > :not(caption) > * > * { padding: .35rem .35rem; }
.admin-container .table tbody tr:hover { background: #eee; }

ul.select2-results__options li { font-size: 14px; padding: 4px 8px; }

.admin-container .modal-footer .form-actions { display: flex; }