@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,600,800);

.ui-tabs-panel .tablesContainer {
    background-color: white;
    border-radius: 10px;
    padding: 0px;
    margin: 0px;
}

.tablesContainer {
    background-color: white;
    padding: 0px;
    margin: 0px;
}

.tableGrid {
    border-spacing: 0;
    border-collapse: collapse;
    table-layout: fixed;
    height: auto;
    width: 100%;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

    .tableGrid td,
    .tableGrid th {
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        border: 1px solid gainsboro;
        position: relative;
    }

    .tableGrid th {
        /*border-bottom: 0px;*/
        padding-right: 36px;
    }

.headerTable {
    background-image: url(/imgsvg/g/sfumatura_grid.png);
}

    .headerTable th span {
        line-height: 16px;
        font-weight: normal;
        font-style: italic;
    }

.tableDiv {
    overflow-x: auto;
}

.headerDiv {
    background-image: url(/imgsvg/sfumaturaVerde.png);
    box-sizing: border-box;
}

    .headerDiv th {
        line-height: 16px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .headerDiv th span {
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-weight: 800;
        }

.footerDiv {
    line-height: 16px;
    font-size: 12px;
    font-family: 'Source Sans Pro', sans-serif;
    border: 1px solid gainsboro;
}

.consoleDiv {
    line-height: 16px;
    font-size: 12px;
    font-family: 'Source Sans Pro', sans-serif;
    border: 1px solid gainsboro;
    position: relative;
    overflow: hidden;
}

.footerDivInner {
    padding: 5px;
}

.bodyDiv {
    overflow-y: scroll;
    overflow-x: auto;
}

.innerDiv {
    overflow: hidden;
    font-size: 12px;
    /*box-shadow: 0px 0px 10px rgba(0,0,0,0.08);*/
    padding: 2px;
}

.bodyTable tr {
    background-color: #ffffff;
}

.bodyTable .alternato {
    background-color: #f5f5f5;
}

.bodyTable .selezionato {
    background-image: url(/imgsvg/semi.svg?v=1);
    background-repeat: repeat;
    background-size: cover;
    font-weight: bold;
}

.bodyTable .errore {
    background-image: url(/imgsvg/semi2.svg?v=1);
    background-repeat: repeat;
    background-size: cover;
    font-weight: bold;
}

.tablesContainer {
    /*position: relative;
    background-color: whitesmoke;*/
}

.headerDivInner {
    overflow: hidden;
}

.detailEspander {
    cursor: pointer;
}

.scrollbar-measure {
    width: 100px;
    height: 100px;
    overflow: scroll;
    position: absolute;
    top: -9999px;
}

.iconCommand {
    cursor: pointer;
}

.elencoPagine {
    margin-left: 20px;
}

.pagina {
    cursor: pointer;
    border: 1px solid gainsboro;
    padding: 3px;
    margin: 3px;
}

.paginaSelezionata {
    background-color: yellow;
}

.icon {
    background-image: url(ico.png);
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: top;
}

    .icon > .material-icons {
        font-size: 17px;
    }

.toolbarButton {
    border: 1px solid gainsboro;
    cursor: pointer;
    margin: 1px;
    height: 20px;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.toolbarButtonSeparator {
    border-left: 1px solid gainsboro;
    padding: 4px;
    margin-left: 5px;
    margin-right: -1px;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.titleDiv {
    margin-top: 5px;
}

.optionsDiv {
    margin: 10px 0px;
}

.toolbarButtonText {
    background: none repeat scroll 0 0 #f9f9f9;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin: 1px 3px 1px 1px;
    padding: 4px 10px;
    width: auto;
    transition: background 0.3s ease-out;
    -moz-transition: background 0.3s ease-out;
    -webkit-transition: background 0.3s ease-out;
    -o-transition: background 0.3s ease-out;
    font-weight: 800;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

    .toolbarButtonText:hover {
        background: none repeat scroll 0 0 #dedede;
    }

.toolbarButtonToggle {
    background: none repeat scroll 0 0 #FFDF00;
    border: 1px solid green;
}

.iconText {
    height: 20px;
    display: inline-block;
}

.toolbarButtonText.image > .iconText > img {
    margin: -7px;
}

.icoSortUp {
    background-image: url(/imgsvg/sort-up.svg);
    /*top: 6px;*/
}

.icoSortDown {
    background-image: url(/imgsvg/sort-down.svg);
    /*top: 6px;*/
}

.icoNoSort {
    background-image: url(/imgsvg/no-sort.svg);
}

.icoExpand {
    background-position: -16px -128px;
}

.icoFilter {
    /*background-position: -160px -112px;*/
    background-image: url(/imgsvg/funnel.svg);
    cursor: pointer;
    /*top: 6px;*/
}

.icoCompact {
    background-position: -48px -128px;
}

.icoRefresh {
    /*background-position: -64px -80px;*/
    background-image: url(/imgsvg/refresh.svg);
}

.icoRefreshMaterial {
    color: darkblue;
}

.icoDelete {
    background-image: url(/imgsvg/cross.svg);
}

.icoExport {
    /*background-position: -96px -112px;*/
    background-image: url(/imgsvg/export.svg);
}

.icoExportMaterial {
    color: purple;
}

.icoDocument {
    /*background-position: -32px -96px;*/
    background-image: url(/imgsvg/excel.svg);
    background-position: center center;
    background-repeat: no-repeat;
}

.icoAlert {
    /*background-position: 0 -144px;*/
    background-image: url(/imgsvg/exclamation-small-red.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.icoAdd {
    /*background-position: -32px -128px;*/
    background-image: url(/imgsvg/add.svg);
}

.icoAddMaterial {
    color: green;
}

.icoMail {
    /*background-position: -32px -128px;*/
    background-image: url(/imgsvg/mail.svg);
}

.icoExcel {
    /*background-position: -32px -128px;*/
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/imgsvg/excel.svg);
}

.icoExcelMaterial {
    color: green;
}

.icoPdf {
    /*background-position: -32px -128px;*/
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/imgsvg/pdf.svg);
}

.icoPdfMaterial {
    color: red;
}

.icoHtml {
    /*background-position: -32px -128px;*/
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/imgsvg/html.svg);
}

.icoHtmlMaterial {
    color: blue;
}

.sortableColumn {
    cursor: pointer;
}

.rowSelected td {
    background-color: #b2ffb1;
}

.expander {
    cursor: pointer;
}

.filterDiv {
    font-size: 12px;
    font-family: 'Source Sans Pro', sans-serif;
}

    .filterDiv table {
        border-collapse: collapse;
    }

        .filterDiv table td {
            border: 0px;
        }

            .filterDiv table td input, .filterDiv table td select {
                border: solid 1px #dedede;
                border-radius: 3px;
            }

.gridTitle {
    margin-bottom: 3px;
    font-size: 15pt;
    border-bottom: 1px dotted gainsboro;
    padding-bottom: 5px;
    color: #2577B1;
    margin-top: 0px;
    font-weight: bold
}

    .gridTitle img {
        width: 24px;
        vertical-align: middle;
    }

.dataType_int {
    width: 80px;
}

.dataType_datetime {
    width: 120px;
    background-image: url(/imgsvg/calendar.png);
    background-repeat: no-repeat;
    background-position: 97% center;
}

.dataType_float {
    width: 80px;
}

.dataType_string {
    width: 100%;
}

.tgrid-TableEditor {
    width: 100% !important;
    table-layout: fixed;
}

.labelField {
    width: 100px;
}

.ui-dialog .ui-dialog-title {
    font-weight: 400;
    /*padding-bottom: 5px;*/
    border-bottom: 1px solid lightgray;
}

.attesa {
    position: fixed;
    top: 0px;
    left: 0px;
    margin: auto;
    width: 172px;
    text-align: center;
    height: 19px;
    bottom: 0px;
    right: 0px;
    z-index: 100000;
    -moz-box-shadow: inset 0px 1px 0px 0px #cf866c;
    -webkit-box-shadow: inset 0px 1px 0px 0px #cf866c;
    box-shadow: inset 0px 1px 0px 0px #cf866c;
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
    background: -moz-linear-gradient(top, #d0451b 5%, #bc3315100%);
    background: -webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
    background: -o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
    background: -ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
    background: linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
    background-color: #d0451b;*/
    background-color: #c04b92;
    -moz-border-radius: 7px;
    -webkit-border-radius: 3px;
    border-radius: 7px;
    border: 1px solid #942911;
    display: inline-block;
    color: #ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 12px;
    padding: 6px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #854629;
}

.titleStatusDiv {
    font-weight: 400;
    font-style: italic;
    color: #666666;
}

    .titleStatusDiv span {
        margin-left: 15px;
        font-size: 12px;
    }

.expanderIco {
    margin-right: 4px;
    cursor: pointer;
    width: 16px;
}

.toolbarButtonRight {
    float: right;
}

.icoCheck {
    width: 16px;
}

.imgTree {
    background-image: url('/imgsvg/tree.gif');
}

    .imgTree.nes {
        background-position: 108px, 0px;
    }

    .imgTree.ns {
        background-position: 0px, 0px;
    }

    .imgTree.ne {
        background-position: 234px, 0px;
    }

.icoColorOrange {
    color: #ff8500;
}

.icoColorRed {
    color: red;
}

.icoColorBlue {
    color: blue;
}

.icoColorGreen {
    color: green;
}


.legend {
    float: right;
}


.tableLegend {
    border-collapse: collapse;
    border: 1px solid gainsboro;
    width: 100%;
}

    .tableLegend td {
        padding: 5px;
        color: green;
    }

    .tableLegend tr:not(:first-of-type) {
        border-top: 1px dotted gainsboro;
    }

.columnTag {
    border: 1px solid gray;
    font-size: 8px;
    width: 11px;
    height: 10px;
    display: inline-block;
    text-align: center;
    border-radius: 6px;
    line-height: 11px;
    background-color: yellow;
    cursor: pointer;
    right: 0;
    margin-top: -1px;
    position: absolute;
    font-weight: bold;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

    .columnTag:hover {
    }

.totale {
    border-top: 2px solid gray;
}

    .totale td {
        font-weight: bold;
        padding-top: 5px;
        font-size: 15px;
    }

.granTotale {
    border-top: 2px solid black;
}

    .granTotale td {
        font-weight: bold;
        padding-top: 15px;
        font-size: 17px;
    }