@import "../bootstrap-italia/css/bootstrap-italia.min.css";

/* header tabelle personalizzato*/
.table th span {
    min-height: 90px;
    min-width: 153px;
    font-size: 1.1rem;
    line-height: 1;
    font-weight: bold;
}

/* header per tablet in orizzntale e monitor più piccoli (su tablet landscape si vede ancora la tabella con gli header azzurrini)*/
@media
only screen and (max-width: 1200px){
    .table th span {
        min-width: 0px;
    }
}

@media
only screen and (max-width: 760px),
  (min-device-width: 768px) and (max-device-width: 1024px) {

	/* Mette le celle della tabella una sotto l'altra */
	.table table, .table thead, .table tbody, .table th, .table td, .table tr {
		display: block;
	}



	/* Hide table headers (but not display: none;, for accessibility)  come sr-only*/
	.table thead tr {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0,0,0,0);
        white-space: nowrap;
        border: 0;
	}


	.table tr { border-bottom: 1px solid #d6dce3; /* table tr border color*/ }

	.table td {
	    border: none;
        text-align: left;
        color: #6c757d; /*text-muted*/
	}

	.table td:before {
        content: attr(data-label); /* leggo l'attributo data-label del td */
        font-size: 1.555rem;
        line-height: 1.428;
        font-weight: 700;
        color: #19191a; /* text table header */
	}

    /* allineamento degli span in verticale */
    .table td span{
        display: block;
    }
}

.form-check [type=checkbox]+label, .form-check [type=radio]+label {
	white-space: unset !important;
    height: auto !important;
}