@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: 14px;
    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: linear-gradient(to bottom, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
}

.fullHead
{
}

.fissa
{
    position: fixed;
    top: 0;
    z-index: 100;
    /*background: white;*/
    box-shadow: -1px 1px 2px 0px rgba(0,0,0,0.75);
    width: calc(100% - 60px);
    background-color: white;
}

.headerTable thead th
{
}

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

.headerDiv
{
}

    .headerDiv.fissa
    {
        position: fixed;
        top: 0;
        z-index: 100;
        background: white;
        box-shadow: -1px 1px 2px 0px rgba(0,0,0,0.75);
    }

    .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;*/
    font-size: 11pt !important;
    /*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 td
{
    background-image: url(/img/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;
    width: 20px;
    /*    margin: -3px;
*/
}

.elencoPagine
{
    margin-left: 20px;
}

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

.paginaSelezionata
{
    background-color: yellow;
}

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

    .toolbarButtonText > .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: 27px;
    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(/img/sort-up.svg);
    /*top: 6px;*/
}

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

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

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

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

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

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

.icoRefreshMaterial
{
    color: darkblue;
}

.icoDelete
{
    background-image: url(/img/cross.svg);
    width: 16px;
    height: 16px;
}

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

.toolbarButtonText > .icoConfig
{
    /*background-position: -96px -112px;*/
    background-image: url(/img/gear.svg);
}

.icoExportMaterial
{
    color: purple;
}

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

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

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

.icoAddMaterial
{
    color: green;
}

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

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

.icoExcelMaterial
{
    color: green;
}

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

.icoPdfMaterial
{
    color: red;
}

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

.icoHtmlMaterial
{
    color: blue;
}

.sortableColumn
{
    cursor: pointer;
}

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

.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: 0px auto 0px 0px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    padding-right: 10px;
    text-transform: uppercase;
    font-size: 10.5pt;
    font-weight: bold;
}

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

.dataType_int
{
    width: 80px;
}

.dataType_datetime
{
    width: 120px;
    background-image: url(/img/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('/img/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: 10px;
    width: 14px;
    height: 13px;
    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;
    bottom: 5px;
}

    .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;
    }


.aggiornaGreen
{
    background-color: lightgreen;
}

    .aggiornaGreen:hover
    {
        background-color: #51cc51;
    }

.aggiornaRed
{
    background-color: #e99292;
}

    .aggiornaRed:hover
    {
        background-color: #c44141;
    }


/*
.ui-dialog {
    z-index: 100000000 !important;
}
*/
.bordata
{
    padding: 0px !important;
    position: sticky !important;
    background-color: #ebfaff;
    z-index: 1;
    box-shadow: inset -1px 0px 0px 0px gainsboro;
}

    .bordata > img
    {
        height: 24px;
        width: 23px;
    }

    .bordata > input
    {
        height: 22px !important;
        width: 23px;
    }