.material-symbols-outlined {
    font-variation-settings:
            'FILL' 0,
            'wght' 400,
            'GRAD' 0,
            'opsz' 24
}


.horizontal-menu .app-header {
    background-color: #537CBE;
}

#mainLogo {
    max-width: 250px;
    height: auto;
}

.app-content .page-description, .section-description {
    margin-bottom: 15px;
    padding: 15px;
}

.catCircle {
    width: 12px;
    height: 12px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    margin-right: 5px;
    display: inline-block;
}

.minusButton, .plusButton {
    padding: 4px 10px;
    font-size: 9px;
    line-height: 1.1;
}

.minusButton .material-icons, .plusButton .material-icons {
    font-size: 10px;
}

.btn-xxs {
    padding: 6px 15px;
    font-size: 11px;
    line-height: 1.3;
}

.selectedRow {
    background-color: #cfe2ff !important;
}

.toggleButton[aria-expanded="true"] {display: none;}

.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {
    padding: 5px!important;
}
@media (max-width: 575.98px) {
    #mainLogo {
        max-width: 150px;
        height: auto;
        object-fit: contain;
    }



}