.table {
    border-spacing: 0;
    margin-bottom: 0;
    margin-top: 10px;
}

    /* .table > tbody > tr > td,
    .table > tbody > tr > th,
    .table > tfoot > tr > td,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > thead > tr > th {
        border-left: 1px dotted rgba(35,79,131,0.5);
        vertical-align: middle;
    }

        .table > tbody > tr > td:first-child,
        .table > tbody > tr > th:first-child,
        .table > tfoot > tr > td:first-child,
        .table > tfoot > tr > th:first-child,
        .table > thead > tr > td:first-child,
        .table > thead > tr > th:first-child {
            border-left: none;
        }*/

    .table > thead > tr > th,
    .table > tbody > tr > th {
        font-weight: normal;
    }

    .table > thead > tr > th,
    .table > tbody > tr > th,
    .table > tbody > tr.table-footer > td {
        background-color: #FAFAFA;
        white-space: nowrap;
    }

        .table > thead > tr > th.group,
        .table > tbody > tr > th.group {
            background-color: #E9E9E9;
            padding: 4px 30px;
        }

    .table > thead > tr.sticky-header > th,
    .table > tbody > tr.sticky-header > th {
        border-width: 0px;
        position: sticky;
        top: 0;
    }

    .table > thead > tr > th.no-records,
    .table > tbody > tr > th.no-records {
        background-color: #FFF;
        color: #999;
    }

    .table > tbody > tr.table-footer > td {
        background-color: rgba(35,79,131,0.1);
        text-align: right;
    }

        .table > tbody > tr.table-footer > td:first-child {
            text-align: left;
        }

    .table > tbody > tr > td input[type="number"],
    .table > tbody > tr > td input[type="text"],
    .table > tbody > tr > td input[type="password"],
    .table > tbody > tr > td select,
    .table > tbody > tr > td textarea,
    .table > tbody > tr > td .btn-group,
    .table > tbody > tr > td .selectize-input {
        margin: -2px;
        width: 100%;
    }

        .table > tbody > tr > td input[type="number"] + *,
        .table > tbody > tr > td input[type="text"] + *,
        .table > tbody > tr > td input[type="password"] + *,
        .table > tbody > tr > td select + *,
        .table > tbody > tr > td textarea + *,
        .table > tbody > tr > td .btn-group + *,
        .table > tbody > tr > td .selectize-input + {
            margin-left: 4px;
        }

        .table > tbody > tr > td input[type="number"] + .selectize-control,
        .table > tbody > tr > td input[type="text"] + .selectize-control,
        .table > tbody > tr > td input[type="password"] + .selectize-control,
        .table > tbody > tr > td select + .selectize-control {
            margin-left: 0;
        }

    .table > tbody > tr > td .wysihtml5-toolbar input[type="number"],
    .table > tbody > tr > td .wysihtml5-toolbar input[type="text"],
    .table > tbody > tr > td .wysihtml5-toolbar input[type="password"],
    .table > tbody > tr > td .wysihtml5-toolbar select,
    .table > tbody > tr > td .wysihtml5-toolbar textarea,
    .table > tbody > tr > td .wysihtml5-toolbar .btn-group,
    .table > tbody > tr > td .wysihtml5-toolbar .selectize-input {
        margin: initial;
        width: initial;
    }

/*.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #fffafa;
}*/

.table-budget-building > thead > tr > th,
.table-budget-building > tbody > tr > th {
    text-align: center;
    width: 1px;
}

.table-budget-building > tbody > tr > td {
    text-align: right;
    width: 1px;
}

    .table-budget-building > thead > tr > th:first-child,
    .table-budget-building > tbody > tr > th:first-child,
    .table-budget-building > tbody > tr > td:first-child {
        text-align: left;
        width: inherit;
    }

.table-form > thead > tr > th,
.table-form > tbody > tr > th {
    white-space: nowrap;
    width: 1px;
}

    .table-form > thead > tr > th table > thead > tr > th,
    .table-form > thead > tr > th table > tbody > tr > th,
    .table-form > tbody > tr > th table > thead > tr > th,
    .table-form > tbody > tr > th table > tbody > tr > th {
        width: inherit;
    }

.table-form > tbody > tr span {
    display: inline-block;
}

.table-form > tbody > tr.last-row span {
    font-size: 85%;
}

.table-add {
    background-color: #FF0 !important;
    border: none !important;
    width: 100%;
}

    .table-add > thead > tr > th,
    .table-add > tbody > tr > th,
    .table-add > tbody > tr > td {
        padding: 8px;
        vertical-align: top;
    }

    .table-add > thead > tr > th,
    .table-add > tbody > tr > th {
        padding-bottom: 0px;
    }

.table-project > thead > tr > th,
.table-project > tbody > tr > th,
.table-project > tbody > tr > td {
    text-align: center;
}

    .table-project > thead > tr > th:nth-child(3),
    .table-project > tbody > tr > th:nth-child(3),
    .table-project > tbody > tr > td:nth-child(3) {
        text-align: left;
    }

.table-schedule > thead > tr > th,
.table-schedule > tbody > tr > th,
.table-schedule > tbody > tr > td {
    text-align: right;
    width: 1px;
}

    .table-schedule > thead > tr > th:nth-child(2),
    .table-schedule > tbody > tr > th:nth-child(2),
    .table-schedule > tbody > tr > td:nth-child(2),
    .table-schedule > thead > tr > th:last-child,
    .table-schedule > tbody > tr > th:last-child,
    .table-schedule > tbody > tr > td:last-child {
        text-align: left;
        width: inherit;
    }

    .table-schedule > thead > tr > th:nth-child(3),
    .table-schedule > tbody > tr > th:nth-child(3),
    .table-schedule > tbody > tr > td:nth-child(3),
    .table-schedule > thead > tr > th:nth-child(4),
    .table-schedule > tbody > tr > th:nth-child(4),
    .table-schedule > tbody > tr > td:nth-child(4) {
        text-align: center;
    }

    .table-schedule > tbody > tr > td > input[type="text"] {
        text-align: right;
        width: 86px !important;
    }

    .table-schedule > tbody > tr > td:last-child > input[type="text"] {
        text-align: left;
        text-decoration: none;
        width: 120px !important;
    }

.table-schedule > tbody > tr.refused > td:first-child,
.table-schedule > tbody > tr.refused > td:nth-child(2),
.table-schedule > tbody > tr.refused > td > input[type="text"] {
    text-decoration: line-through;
}

.fgrid {
    display: grid;
    grid-gap: 0;
    border-top: 1px solid #CCC;
}

.grid2col {
    grid-template-columns: min-content auto;
}

.grid4col {
    grid-template-columns: min-content auto min-content auto;
}

.gridlinks {
    border: none !important;
    grid-template-columns: auto min-content;
    margin: -4px;
}

.gridPresenze {
    grid-template-columns: min-content min-content min-content auto;
}

.no-border {
    border: none !important;
}

.fgrid input[type="number"],
.fgrid input[type="text"],
.fgrid input[type="password"],
.fgrid select,
.fgrid textarea,
.fgrid .btn-group,
.fgrid .selectize-input {
    width: 100%;
}

.fgrid .criteria input[type="number"],
.fgrid .criteria input[type="text"],
.fgrid .criteria input[type="password"],
.fgrid .criteria select,
.fgrid .criteria textarea,
.fgrid .criteria .btn-group,
.fgrid .criteria .selectize-input {
    width: initial;
}

.fgrid span {
    display: inline-block;
}

.fgrid > * > span {
    margin: 2px;
}

.fgrid.tgrid {
    word-break: break-word;
}

.col1,
.col1span2,
.col1span3,
.col1span4,
.col2,
.col2span3,
.col3,
.col3span2,
.col4,
.col5,
.col6,
.col7,
.col8 {
    border-bottom: 1px solid #CCC;
    padding: 4px;
}

.col1 {
    grid-column-start: 1;
    grid-column-end: 2;
}

.col1span2 {
    grid-column-start: 1;
    grid-column-end: 3;
}

.col1span3 {
    grid-column-start: 1;
    grid-column-end: 4;
}

.col1span4 {
    grid-column-start: 1;
    grid-column-end: 5;
}

.col2 {
    grid-column-start: 2;
    grid-column-end: 3;
}

.col2span3 {
    grid-column-start: 2;
    grid-column-end: 5;
}

.col3 {
    grid-column-start: 3;
    grid-column-end: 4;
}

.col3span2 {
    grid-column-start: 3;
    grid-column-end: 5;
}

.col4 {
    grid-column-start: 4;
    grid-column-end: 5;
}

.col5 {
    grid-column-start: 5;
    grid-column-end: 6;
}

.col6 {
    grid-column-start: 6;
    grid-column-end: 7;
}

.col7 {
    grid-column-start: 7;
    grid-column-end: 8;
}

.col8 {
    grid-column-start: 8;
    grid-column-end: 9;
}

.col1span2:last-child,
.col1span4:last-child {
    font-size: 85%;
    padding: 4px;
}

.col-h {
    background-color: #FAFAFA;
    white-space: nowrap;
}

@media (max-width: 1199px) {

    .grid4col {
        grid-template-columns: min-content auto;
    }

        .grid4col > .col1span4,
        .grid4col > .col3span2 {
            grid-column-start: 1;
            grid-column-end: 3;
        }

        .grid4col > .col2span3,
        .grid4col > .col4 {
            grid-column-start: 2;
            grid-column-end: 3;
        }

        .grid4col > .col3 {
            grid-column-start: 1;
            grid-column-end: 2;
        }
}

@media (max-width: 700px) {

    .data-grid > .col-h {
        display: none;
    }

    .data-grid .col-h-small {
        display: inline-block;
    }

    .data-grid > .col1,
    .data-grid > .col2,
    .data-grid > .col3,
    .data-grid > .col4,
    .data-grid > .col5,
    .data-grid > .col6,
    .data-grid > .col7,
    .data-grid > .col8 {
        grid-column-start: 1 !important;
        grid-column-end: 2 !important;
    }

    .data-grid > .col1 {
        border-top: 2px solid #CCC;
    }
}

@media (max-width: 459px) {

    .fgrid {
        grid-template-columns: auto;
    }

    .col1,
    .col2,
    .col3,
    .col4,
    .col5,
    .col6,
    .col7,
    .col8,
    .col1span2,
    .col1span3,
    .col1span4,
    .col2span3,
    .col3span2 {
        grid-column-start: 1 !important;
        grid-column-end: 2 !important;
    }

    .grid2col > .col2,
    .grid4col > .col2,
    .grid4col > .col4,
    .grid4col > .col2span3 {
        border-top: none;
    }

    .tgrid > .col2,
    .tgrid > .col3,
    .tgrid > .col4 {
        border-top: none;
    }
}