/*------------------------------------------------------------------
    File Name: custom.css
-------------------------------------------------------------------*/

a.breadcr {
	font-weight: normal !important;
}

.clickable {
	cursor: pointer;
}

.disabled {
	cursor: not-allowed;
}

.text-small {
	font-size: 0.8rem;
}

p.text-small {
	font-size: 0.8rem;
	margin-bottom: -0.5rem !important;
}

#sidebar ul.components ul {
	padding-top: 0;
	background: none;

}

/*-----*/

    .table-wrapper {
        max-height: 75vh;
        overflow: auto;
        position: relative;
        z-index: 1;
    }

    /* IMPORTANTE: applicato alla table, non al wrapper */
    .table-wrapper table {
        border-collapse: separate !important;
        border-spacing: 0;
    }

    /* Sticky header */
    .table-wrapper thead th {
        position: sticky;
        top: 0;
        z-index: 3;
        background: #343a40;
        color: #fff;
        border: 1px solid #454d55; /* bordo solido header */
    }

    /* Sticky prima colonna */
    .table-wrapper tbody td:first-child,
    .table-wrapper thead th:first-child {
        position: sticky;
        left: 0;
        z-index: 4;
        border: 1px solid #dee2e6;
    }

    /* Cella in alto a sinistra */
    .table-wrapper thead th:first-child {
        top: 0;
        left: 0;
        z-index: 5;
        background: #343a40;
        color: #fff;
    }

    /* Replica stripe sulla prima colonna */
    .table-wrapper .table-striped tbody tr:nth-of-type(odd) td:first-child {
        background-color: #f2f2f2;
    }

    .table-wrapper .table-striped tbody tr:nth-of-type(even) td:first-child {
        background-color: #ffffff;
    }

    /* MOBILE */
    @media (max-width: 768px) {
        .table-wrapper td:first-child,
        .table-wrapper th:first-child {
            min-width: 20vw;
            max-width: 30vw;
            padding: 3px;
            white-space: normal !important;
            font-size: 0.8rem;
        }
    }