/** 
Leonardo CSS
*/
:root {
    --main-blue: #305680;
    --main-blue-light: #e2e8ef;
    --main-blue-gradient: #2d4661;

    --hover-link: #3458a0;

    --dark-grey: #5f5f5f;
    --light-grey: #EDEDED;
    --grey: #c1c1c1;

    --blue-logo-1: #36549b;
    --blue-logo-2: #2d418d;
    --blue-logo-3: #314a8d;

    --pourple-logo-1: #8da5d5;
    --pourple-logo-2: #6a77b5;
    --pourple-logo-3: #5564a8;

    --ciano-logo-1: #85c0c5;
    --ciano-logo-2: #79bbc2;
    --ciano-logo-3: #5da4b2;

    --yellow-warning: #280e86;

    --blue-dark: #2d4370;
}

/* Ridefinisci solo per dark-mode */
.dark-mode {
    --main-blue: #78a9ff;
    --main-blue-light: #1c1c1c;
    --main-blue-gradient: #152a40;

    --hover-link: #91b4ff;

    --dark-grey: #272727;
    --light-grey: #333333;
    --grey: #4d4d4d;

    --blue-logo-1: #6b91c3;
    --blue-logo-2: #5874b0;
    --blue-logo-3: #4c689f;

    --pourple-logo-1: #ad9ddb;
    --pourple-logo-2: #8d81c3;
    --pourple-logo-3: #7568ab;

    --ciano-logo-1: #6fa6a7;
    --ciano-logo-2: #5b8d8e;
    --ciano-logo-3: #48757a;

    --yellow-warning: #ffcc00;

    --blue-dark: #1b2c44;
}

/* fix tabelle in dark mode */
.dark-mode .table tbody th,
.dark-mode .table tbody td {
    color: #ced4da !important;
}

.dark-mode .table thead th{
    color: #3e9bf8 !important;
}

.dark-mode .table thead th a {
    color: #96c1ec !important;
}



html,
body {
    height: 100%;
    width: 100%;
    font-size: small;
}

.sidebar .menu-is-opening.menu-open>.nav-link {
    font-weight: 600;
}

.nav-pills .nav-link.active {
    background-color: transparent;
    color: var(--yellow-warning);
}

.nav-item .first-submenu .active,
.first-submenu>.active {
    color: var(--main-blue) !important;
    background-color: var(--light-grey) !important;
}

.menu-is-opening,
.menu-open {
    border-radius: 4px;
    background-color: var(--main-blue-light);
    margin-bottom: 5px !important;
}

.nav-pills .nav-link:not(.active):hover {
    color: var(--hover-link);
}

.brand-link.text-sm .brand-image,
.text-sm .brand-link .brand-image {
    height: 32px;
}

.nav-sidebar .nav-treeview,
.nav-sidebar .nav-treeview .nav-treeview {
    text-indent: 0px;
}

.nav-sidebar .nav-item .has-treeview>.nav-link {
    color: var(--grey) !important;
}

/** fixa cambio colore su tag a */
li.nav-item.dropdown>.nav-link {
    color: var(--dark-grey) !important;
}




.btn-spacing a:not(:first-child) {
    margin-left: 8px;
    /* Regola lo spazio tra i pulsanti */
}

.quantity_notify, .unreadedMessages{
    top: 0px;
    /* border-radius: 10px; */
}

.card-title {
    font-weight: 700;
    font-size: 1.6rem !important;
    line-height: 2.5rem;
    color: var(--main-blue);
}

.btn-primary {
    background-color: var(--main-blue);
    border-color: var(--main-blue);
}

.text-primary {
    color: var(--main-blue) !important;
}

th a {
    color: var(--dark-grey);
}

.summary {
    color: var(--main-blue) !important;
    padding-left: 13px;
    margin-bottom: 1.2rem;
}

.content-header {
    padding-bottom: 3px !important;
    margin-bottom: .2rem;
}


.breadcrumb-item a:hover {
    color: var(--hover-link);
}

.breadcrumb-item.active {
    color: var(--yellow-warning)
}

.main-header {
    border-bottom: none;
}

.card-header:first-child {
    border-bottom: none;
}

.content-wrapper>.content {
    padding: 1rem;
}

label {
    color: var(--main-blue);
}