:root{
    --bg-entrate: #fff;
    --bg-essential: #f8b55c;
    --bg-tempo-libro: #d2d94d;
    --bg-cultura: #fac8e3;
    --bg-non-previste: #b9e5ff;
}
body {
    letter-spacing: .01rem;
    font-size: 0.8rem;
}
.row {
    flex: 1;
    flex-wrap: wrap;
    padding: 0;
    padding-top: 0.2rem;
    display: flex;
}
h1 {
    font-size: 2.1rem;
    font-weight: 400;
    text-transform: capitalize;
}
h2 {
    font-size: 1.9rem;
    font-weight: 400;
}
h3 {
    font-size: 1.9em;
    font-weight: 400;
}
a.btn.btn--xs.outline.btn-success.btn-table {
    margin-bottom: 0;
}
aside.side-menu.col-2.min-h-screen {
    background-color: #f7f5f5;
}
li.menu-item>a {
    color: #fff;
}
.level .level-item {
    justify-content: flex-start;
}
.header{
    background-color: rgba(0,0,0,0);
}
.header .header-brand {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    max-width: 100vw;
    min-height: 3.25rem;
    overflow-x: auto;
    overflow-y: hidden;
}
.select2-selection__rendered {
    font-size: var(--font-size-m)!important;
}
.select2-container .select2-selection--single {
    height: 48px;
    padding-top: 6px;
    padding-left: 8px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    margin-top: 8px;
}
.select2-dropdown {
    color: #000;
}
ul.select2-selection__rendered {
    margin: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #000;
    padding-left: 35px;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: block;
}
.form-ext-control {
    padding-left: 0;
    position: relative;
    padding-block: .8rem;
}
.table td, .table th {
    text-align: left;
}
.card__image {
    background-position: center;
}

.btn.btn-primary, [type=button].btn-primary, [type=reset].btn-primary, [type=submit].btn-primary, button.btn-primary {
    --btn-color: 13,209,87;
    --btn-fg: 0,0,0;
    --btn-border-color: 8,150,62;
    --btn-shadow: 0 0 0 0.2rem rgba(8,150,62, 0.5);
}

.btn.btn-primary:hover, [type=button].btn-primary:hover, [type=reset].btn-primary:hover, [type=submit].btn-primary:hover, button.btn-primary:hover {
    --btn-color:12,223,92;
}
.btn.btn-primary.outline:hover, [type=button].btn-primary.outline:hover, [type=reset].btn-primary.outline:hover, [type=submit].btn-primary.outline:hover, button.btn-primary.outline:hover {
    --btn-color:12,223,92;
}

.text-primary {
    color: rgba(13,209,87,var(--color-opacity))!important;
    border-color: rgba(13,209,87,var(--border-opacity));
}

.slide-modal {
    position: fixed;
    top: 0px;
    background-color: #222;
    height: 100vh;
    width: 80%;
    transition: right 0.3s ease-in-out;
}

.slide-modal.slider-show {
    z-index: 9999;
    right: 0px!important;
    transition: right 0.3s ease-in-out;
}

input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]), select {
    padding-block: .75rem;
}

div#DataTables_Table_0_length {
    display: none;
}

.tree .tree-item .tree-item-header {
    display: block;
    padding: .25rem .5rem;
    cursor: pointer;
    font-weight: 500;
}
div#DataTables_Table_0_filter label input {
    padding-block: .3rem;
}

ul .menu-item a {
    padding: 0 .75em;
}

.image-prev {
    height: 100px;
    aspect-ratio: 1;
    background-position: center;
    background-size: cover;
}

.image-prev-row {
    display: flex;
    align-items: center;
    gap: 20px;
}

.image-prev-row {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-right: 20px;
    border-radius: 5px;
    padding-right: 20px;
    width: 15%;
}

a.btn-delete-asset {
    color: red!important;
    text-decoration: underline;
}

.row.tabs-info.tab-container li div {
    background: #000;
    color: #fff;
}

.tab-container ul {
    display: flex;
    justify-content: flex-start;
    margin: .5rem;
    border-bottom: .05rem solid rgba(173,181,189,.5);
    flex-grow: 1;
    list-style: none;
    padding-inline-start: 0;
}

tr.search-item-list {
    cursor: pointer;
}

h3#selected-exercise-type-name,
h3#food-name {
    display: inline;
}

.ui-sortable-handle{
   background-color:rgba(0,0,0,.5);
}

.form-group {
    display: flex;
    margin: 0;
    width: 100%;
}

svg.svg-inline--fa.fa-bolt.fa-w-10.fa-wrapper.text-blue-600.bg-blue-100.p-3 {
    margin: 0 auto;
}

.header-brand>img.logo,
.app-logo>img.logo {
    width: 30px;
    margin: 10px 15px;
}

.avatar {
    background-color: #fff;
}

.header {
    box-shadow: none;
}

.side-menu {
    display: none;
}

.header {
    flex-direction: row;
}

.sidebar-show {
    display: block!important;
}

.close-icon {
    margin: 20px;
    text-align: right;
}

.row.level > div,
.row.level > div > div{
    width: 100%;
}

label.error {
    color: red;
    margin: 0!important;
}

.select2-container {
    width: 100% !important;
}

.bg-cat-entrate {
    background-color: var(--bg-entrate);
}

.bg-cat-1 {
    background-color: var(--bg-essential);
}

.bg-cat-2 {
    background-color: var(--bg-tempo-libro);
}

.bg-cat-3 {
    background-color: var(--bg-cultura);
}

.bg-cat-4 {
    background-color: var(--bg-non-previste);
}
table {
    text-align: left;
}
.tile__buttons.m-0.conto {
    display: flex;
}
.js-side-menu--show {
    display: block!important;
}
.btn-transaction-edit {
    cursor: pointer;
}
.transaction-edit__modal__body__button {
    width: 100%;
}
.mobile-reverse {
    flex-direction: column-reverse;
}
@media screen and (min-width: 767px) {
    .side-menu {
        display: block;
    }
    .header {
        flex-direction: row;
    }
    #open-menu {
        display: none;
    }
    .close-icon {
        display: none;
    }
    .mobile-reverse {
        flex-direction: row;
    }
}