:root {
    --clr-default-blue: #006633;
    --clr-dark-blue: #004d26;
    --clr-white-blue: #e6f2ec;

    --height-slim-header: 50px;
    --height-title-header-mobile: 64px;
    --height-portals-menu-mobile: 40px;
}

/*Portale colors*/

.bg-portale-blue {
    background-color: var(--clr-default-blue);
}

.border-portale {
    border-color: var(--clr-default-blue);
}

.card-portale.card-header {
    background-color: var(--clr-default-blue);
}

.text-portale {
    color: var(--clr-default-blue) !important;
}

/*General */


/*Fix for form label issue caused by different bootstrap version (does not affect non-broken form labels)*/
/*form label {
    transform: translateY(-75%);
}


.main-container {
    box-shadow: 2px 2px 12px rgba(51, 51, 51, 0.3);
    border-radius: 20px;
    margin: 0 180px 30px 180px;
    padding: 30px 60px;
}

.card-columns-documento {
    column-count: 1;
}

.list-group-documento {
    max-height: unset !important;
    margin-bottom: unset !important;
    overflow-y: unset !important;
}

.list-group-item:last-child {
    border-bottom: none;
}

@media (max-width: 991px) {
    .main-container {
        margin: 0 18px 18px 18px;
        padding: 3px 6px;
    }

}