body {   
    color: #323232;
    font-size: 16px;
}

.card,
.card-body,
.table-responsive {
    overflow: visible !important;
}


/* Links */
a {
    color: #5c79ff;
    word-wrap: break-word;
    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    transition: color 0.1s ease-in, background 0.1s ease-in;
}

    a:hover,
    a:focus {
        color: #e6da00;
        text-decoration: none;
        outline: 0;
    }

    a:before,
    a:after {
        -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
        -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
        -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
        -o-transition: color 0.1s ease-in, background 0.1s ease-in;
        transition: color 0.1s ease-in, background 0.1s ease-in;
    }




.alert-toggle {
    color: white;
    background-color: #e6e6e6;
    border-color: #bce8f1;
}


/*AJAX TAB*/

.ajax__tab_xp .ajax__tab_header .ajax__tab_tab {
    background-image: none !important;
}

.ajax__tab_xp .ajax__tab_header .ajax__tab_tab {
    background-size: 75px;
    padding-bottom: 50px;
}

.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_tab {
    background-size: 75px;
}

.ajax__tab_body {
    top: 75px !important;
}


.MyTabStyle .ajax__tab_header {
    font-size: 14px;
    font-weight: bold;
    display: block;
    margin-left: 20px;
    color: #fff;
    z-index: -1000 !important;
}

    .MyTabStyle .ajax__tab_header .ajax__tab_outer {
        background-image: none !important;
        height: 31px !important;
        border-color: #222;
        color: #fff;
        padding-left: 10px; /*margin-right: 3px;*/
        border: solid 1px #999;
        border-bottom-color: #d7d7d7;
        -webkit-margin-before: 1em;
        -webkit-margin-after: -1px;
        -webkit-margin-start: 0px;
        -webkit-margin-end: -1px;
    }

.MyTabStyle .ajax__tab_xp .ajax__tab_header .ajax__tab_tab {
    background-image: none !important;
}


.MyTabStyle .ajax__tab_header .ajax__tab_inner {
    background-image: none !important;
    border-color: #666;
    color: #fff;
    padding: 0px 5px 0px 5px;
    padding-bottom: 5px !important;
}

.MyTabStyle .ajax__tab_hover .ajax__tab_outer {
    background-color: #607799;
    color: Black;
    background-image: none !important;
}

.MyTabStyle .ajax__tab_hover .ajax__tab_inner {
    color: Black;
    cursor: pointer;
}

.MyTabStyle .ajax__tab_outer {
    padding: 0 16px; /* edit 16px for different tab width */
    display: inline-block;
    font: normal 12px Verdana;
    line-height: 25px; /* height #1 */
    text-decoration: none;
    color: #333;
    border: 1px solid #999; /*This color can be different from color #2 */
    border-bottom: none;
    background: #F6F6F9;
    outline: none;
    border-radius: 5px 5px 0 0;
    position: relative;
    margin: 0 -1px -1px 0;
    text-align: -webkit-match-parent;
}

.MyTabStyle .ajax__tab_active .ajax__tab_outer {
    color: white !important;
    font-weight: bold;
    border-color: #BBB; /*color #1*/
    background: #BBB; /*color #2*/
    background-color: #BBB;
    /*z-index: 3;*/
    padding: 1px 10px 0px 10px;
    border-bottom-width: 0px;
    height: 31px !important;
}

.MyTabStyle .ajax__tab_active .ajax__tab_inner {
    color: white;
    border-color: #333;
    padding: 0px 10px 0px 10px;
}

.MyTabStyle .ajax__tab_body {
    font-size: 10pt;
    /*background-color: #fff;*/ /*border-top-width: 0;*/
    border: solid 1px #d7d7d7; /*border-top-color: #ffffff;*/
    padding: 10px 10px;
    border-radius: 4px;
    box-shadow: 0 0 8px #CCC;
    background-color: white;
}


.title-padding {
    padding: 5px 0;
    color: #19acca;
    text-decoration: underline;
}


/*************** GRIDVIEW  **************/
.GridHeader {
    background-color: #607799;
    color: #FFF;
    letter-spacing: 2px;
    text-align: center;
    padding: 1px 1px 1px 1px;
    white-space: nowrap;
    font-weight: bold;
}

.GridItem {
    font-weight: bold;
    background-color: #FFF;
}

.GridItemhover {
    background-color: #e6e6e6;
}

.GridAltItem {
    font-weight: bold;
    background-color: #e6e6e6 !important;
}

.GridAltItemhover {
    background-color: #e6e6e6;
}


.GridAltItem:hover td {
    background-color: #ff8666 !important;
}

.GridItem:hover td {
    background-color: #ff8666 !important;
}

.pager a {
    color: #0821f1;
}

    .pager a:hover {
        color: #ff8666;
    }



.pager {
    background-color: #607799; /**#646464*/
    color: #d9d9d9;
    /* height: 30px;*/
    border: none 0px transparent;
    text-align: left;
    font-size: x-large;
}

.pagerbuttons {
    background-color: #607799; /**#646464*/
    color: #d9d9d9;
    /*height: 30px;*/
    border: none 0px transparent;
    text-align: left;
    font-size: xx-large;
}

    .pagerbuttons a {
        color: #5c79ff;
    }

        .pagerbuttons a:hover {
            color: #ff8666;
        }



.pagerselected {
    background-color: #ff8666; /**#646464*/
    color: #d9d9d9;
    height: 30px;
    border: none 0px transparent;
    text-align: left;
    font-size: xx-large;
}

.pager td {
    border-right: none 0px transparent !important;
    border-left: none 0px transparent !important;
}

.FooterStyle {
    background-color: #00b300;
    font-weight: bold;
    color: White;
}

GridAllignDestra {
    text-align: right !important;
}

GridAllignSinistra {
    text-align: left !important;
}

.Griglia {
    width: 100%;
    padding: 0;
    margin: 0;
}

    .Griglia caption {
        padding: 0 0 5px 0;
        color: #000000;
        text-align: center;
        white-space: nowrap;
    }

    .Griglia th {
        background-color: #607799;
        color: #FFF;
        letter-spacing: 2px;
        text-align: center;
        padding: 1px 1px 1px 1px;
        white-space: nowrap;       
    }


    .Griglia td {
        padding: 3px 3px 3px 3px;
        border-right: 1px solid #cccccc;
        border-left: 1px solid #cccccc;
        word-wrap: break-word;
    }


    .Griglia th a {
        color: #fff;
        text-decoration: none;
    }

/*************** GRIDVIEW MEDIA  **************/
.GrigliaMD {
    width: 100%;
    font-size: 1.1em;
    padding: 0;
    margin: 0;
}

    .GrigliaMD caption {
        padding: 0 0 5px 0;
        color: #000000;
        text-align: center;
        white-space: nowrap;
    }

    .GrigliaMD th {
        background-color: #607799;
        color: #FFF;
        letter-spacing: 2px;
        text-align: center;
        padding: 1px 1px 1px 1px;
        white-space: nowrap;
    }


    .GrigliaMD td {
        padding: 3px 3px 3px 3px;
        border-right: 1px solid #cccccc;
        border-left: 1px solid #cccccc;
        word-wrap: break-word;
    }


    .GrigliaMD th a {
        color: #fff;
        text-decoration: none;
    }



/*************** GRIDVIEW FORUM  **************/

.GrigliaFM {
    width: 100%;
    font-size: 12px;
    padding: 0;
    margin: 0;
}

    .GrigliaFM caption {
        background-color: #607799;
        padding: 0 0 5px 0;
        color: #000000;
        text-align: center;
        white-space: nowrap;
    }

    .GrigliaFM th {
        background-color: #FFF;
        color: #fff;
        letter-spacing: 2px;
        text-align: center;
        padding: 1px 1px 1px 1px;
        white-space: nowrap;
    }


    .GrigliaFM td {
        background-color: #FFF;
        padding: 3px 3px 3px 3px;
        word-wrap: break-word;
        color: #505050;
    }


    .GrigliaFM tr:nth-child(even) {
        background-color: #ffffff;
    }

    .GrigliaFM tr:nth-child(odd) {
        white-space: nowrap;
        font-weight: bold;
    }


    .GrigliaFM th a {
        color: #fff;
        text-decoration: none;
    }

/*************** GRIDVIEW GRIGLIA PICCOLA WF  **************/

.GrigliaSMWF {
    font-size: 0.9em;
    width: 100%;
    padding: 0;
    margin: 0;
    white-space: nowrap;
}

    .GrigliaSMWF caption {
        padding: 0 0 5px 0;
        color: #000000;
        text-align: center;
        white-space: nowrap;
        font-size: 0.9em;
    }

    .GrigliaSMWF th {
        background-color: #607799;
        color: #FFF;
        letter-spacing: 2px;
        /*text-align:center;*/
        padding: 1px 1px 1px 1px;
        white-space: nowrap;
        font-size: 0.9em;
    }

    .GrigliaSMWF td {
        padding: 1px 1px 1px 1px;
      /*  border-right: 1px solid #cccccc;
        border-left: 1px solid #cccccc;*/
        word-wrap: break-word;
        white-space: nowrap;
        font-size: 0.9em;
    }

    .GrigliaSMWF th a {
        color: #FFF !important;
        text-decoration: none;
        font-weight: bold;
    }

        .GrigliaSMWF th a:hover {
            color: #FFD700; /* giallo oro per hover */
            text-decoration: underline;
        }

    .GrigliaSMWF th.sorted-asc::after {
        content: " ▲";
        font-size: 0.8em;
    }

    .GrigliaSMWF th.sorted-desc::after {
        content: " ▼";
        font-size: 0.8em;
    }

   /* .GrigliaSMWF tr:nth-child(even) {
        background-color: #ffffff;
    }*/

   /* .GrigliaSMWF tr:nth-child(odd) {
        background-color: #cccccc !important;
        white-space: nowrap;
        font-weight: bold;
    }*/


/*************** GRIDVIEW GRIGLIA PICCOLA  **************/

.GrigliaSM {
    font-size: 0.9em;
    width: 100%;
    padding: 0;
    margin: 0;
    white-space: nowrap;
}

    .GrigliaSM caption {
        padding: 0 0 5px 0;
        color: #000000;
        text-align: center;
        white-space: nowrap;
        font-size: 0.9em;
    }

    .GrigliaSM th {
        background-color: #607799;
        color: #FFF;
        letter-spacing: 2px;
        /*text-align:center;*/
        padding: 1px 1px 1px 1px;
        white-space: nowrap;
        font-size: 0.9em;
    }


    .GrigliaSM td {
        background: #fff;
        white-space: nowrap;
        padding: 1px 1px 1px 1px;
        font-size: 0.9em;
        border-top: 1px solid #C1DAD7;
    }


    .GrigliaSM tr:nth-child(even) {
        background-color: #ffffff;
    }

    .GrigliaSM tr:nth-child(odd) {
        background-color: #cccccc !important;
        white-space: nowrap;
        font-weight: bold;
    }


    .GrigliaSM th a {
        color: #fff;
        text-decoration: none;
    }


    .GrigliaSM th GridAllignDestra {
        text-align: right !important;
    }

    .GrigliaSM th GridAllignSinistra {
        text-align: left !important;
    }


/*************** GRIDVIEW GRIGLIA XXX SMALL  **************/

.GrigliaXSM {
    font-size: 0.9em;
    width: 100%;
    padding: 0;
    margin: 0;
    white-space: nowrap;
}

    .GrigliaXSM caption {
        padding: 0 0 5px 0;
        color: #000000;
        text-align: center;
        white-space: nowrap;
        font-size: 0.9em;
    }

    .GrigliaXSM th {
        background-color: #607799;
        color: #FFF;
        letter-spacing: 2px;
        text-align: center;
        padding: 1px 1px 1px 1px;
        white-space: nowrap;
        font-size: 0.9em;
        width: 50px;
    }


    .GrigliaXSM td {
        background: #fff;
        white-space: nowrap;
        padding: 1px 1px 1px 1px;
        font-size: 0.9em;
        width: 50px;
        border-top: 1px solid #C1DAD7;
    }

    .GrigliaXSM tr:nth-child(even) {
        background-color: #ffffff;
    }

    .GrigliaXSM tr:nth-child(odd) {
        background-color: #cccccc !important;
        white-space: nowrap;
        font-weight: bold;
    }

    .GrigliaXSM th a {
        color: #fff;
        text-decoration: none;
    }



/*************** GRIDVIEW GRIGLIA XXX SMALL X SCADENZARIO ALL CENTRO **************/

.GrigliaXSCAD {
    font-size: 0.8em;
    width: 100%;
    padding: 0;
    margin: 0;
    white-space: nowrap;
}

    .GrigliaXSCAD caption {
        padding: 0 0 5px 0;
        color: #000000;
        text-align: center;
        white-space: nowrap;
        font-size: 0.8em;
    }

    .GrigliaXSCAD th {
        background-color: #607799;
        color: #FFF;
        letter-spacing: 2px;
        text-align: center;
        padding: 1px 1px 1px 1px;
        white-space: nowrap;
        font-size: 0.8em;
        width: 50px;
    }


    .GrigliaXSCAD td {
        background: #fff;
        white-space: nowrap;
        padding: 1px 1px 1px 1px;
        text-align: right;
        font-size: 0.8em;
        width: 50px;
        border-top: 1px solid #C1DAD7;
    }


    .GrigliaXSCAD tr:nth-child(even) {
        background-color: #ffffff;
    }

    .GrigliaXSCAD tr:nth-child(odd) {
        background-color: #cccccc !important;
        white-space: nowrap;
        font-weight: bold;
    }

    .GrigliaXSCAD th a {
        color: #fff;
        text-decoration: none;
    }



/*************** GRIDVIEW GRIGLIA XXX SMALL X DASHBOARD ALL DESTRA **************/

.GrigliaXSMD {
    font-size: 0.9em;
    width: 100%;
    padding: 0;
    margin: 0;
    white-space: nowrap;
}

    .GrigliaXSMD caption {
        padding: 0 0 5px 0;
        color: #FFF;
        text-align: center;
        white-space: nowrap;
        font-size: 0.9em;
    }

    .GrigliaXSMD th {
        color: #FFF;
        letter-spacing: 2px;
        padding: 1px 1px 1px 1px;
        background: none;
        text-align: right;
        white-space: nowrap;
        font-size: 0.9em;
        width: 50px;
        border: 1px solid #FFF;
    }

        .GrigliaXSMD th.nobg {
            border-top: 0;
            border-left: 0;
            white-space: nowrap;
            background: none;
            font-size: 0.9em;
            width: 50px;
        }

    .GrigliaXSMD td {
        background: none;
        white-space: nowrap;
        padding: 1px 1px 1px 1px;
        font-size: 0.9em;
        width: 50px;
        border: 1px solid #FFF;
    }


        .GrigliaXSMD td.alt {
            background: #BAEBE1;
            color: #000000;
            white-space: nowrap;
            font-size: 0.9em;
            width: 50px;
        }

    .GrigliaXSMD th.spec {
        border: 1px solid #FFF;
        border-top: 0;
        background: #FAFAFA url(../icons/arrow_collapse.png) no-repeat;
        white-space: nowrap;
        font-size: 0.9em;
        width: 50px;
    }

.GridItemXSMD {
    font-weight: bold;
    white-space: nowrap;
    background-color: none;
}

/*************** GRIDVIEW GRIGLIA XXX SMALL X DASHBOARD ALL CENTRO **************/

.GrigliaXSDB {
    font-size: 0.9em;
    width: 100%;
    padding: 0;
    margin: 0;
    white-space: nowrap;
}

    .GrigliaXSDB caption {
        padding: 0 0 5px 0;
        color: #FFF;
        text-align: center;
        white-space: nowrap;
        font-size: 0.9em;
    }

    .GrigliaXSDB th {
        color: #FFF;
        letter-spacing: 2px;
        padding: 1px 1px 1px 1px;
        background: none;
        text-align: center;
        white-space: nowrap;
        font-size: 0.9em;
        width: 50px;
        border: 1px solid #FFF;
    }

        .GrigliaXSDB th.nobg {
            border-top: 0;
            border-left: 0;
            white-space: nowrap;
            background: none;
            font-size: 0.9em;
            width: 50px;
        }

    .GrigliaXSDB td {
        background: none;
        white-space: nowrap;
        padding: 1px 1px 1px 1px;
        text-align: right;
        font-size: 0.9em;
        width: 50px;
        border: 1px solid #FFF;
    }


        .GrigliaXSDB td.alt {
            background: #BAEBE1;
            color: #000000;
            white-space: nowrap;
            text-align: right;
            font-size: 0.9em;
            width: 50px;
        }

    .GrigliaXSDB th.spec {
        border: 1px solid #FFF;
        border-top: 0;
        background: #FAFAFA url(../icons/arrow_collapse.png) no-repeat;
        white-space: nowrap;
        text-align: center;
        font-size: 0.9em;
        width: 50px;
    }

.GrigliaXSDB {
    font-weight: bold;
    white-space: nowrap;
    background-color: none;
}

  

/* IXS TextBox low */
input.IXS-TextboxLow {
    border: 2px solid #CCCCCC;
    height: 20px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: auto;
}

.IXS-TextboxLow:focus {
     border-color: #607799;
    background-color: #f7db6e;
    outline: 0;
    transition: border .25s linear, color .25s linear, background-color .25s linear;
}

/* IXS TextBox */
input.IXS-Textbox {
    border: 2px solid #CCCCCC;
    height: 30px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: auto;
}

.IXS-Textbox:focus {
     border-color: #607799;
    background-color: #f7db6e;
    outline: 0;
    transition: border .25s linear, color .25s linear, background-color .25s linear;
}

/* IXS TREEVIEW */
.treeNode {
    color: blue;
    font: 14px;
}

.rootNode {
    font-size: 18px;
    width: 100%;
    border-bottom: Solid 1px black;
}

.leafNode {
    /* border:Dotted 2px black;*/
    padding: 4px;
    /* background-color:#eeeeee;*/
    font-weight: bold;
}


/* IXS TextBox ALIGN RIGHT */

input.IXS-Textbox-right {
    border: 2px solid #CCCCCC;
    height: 30px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-align: right;
    padding-right: 5px !important;
}

.IXS-Textbox-right:focus {
     border-color: #607799;
    background-color: #f7db6e;
    outline: 0;
    transition: border .25s linear, color .25s linear, background-color .25s linear;
}


/* IXS WELL */
.IXS_well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    border: 1px solid #607799;
    border-radius: 4px;
    background-color: wheat;
}

.IXS_well_ecomm {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    border: 1px solid #DC8722;
    border-radius: 4px;
}

.IXS_well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, .15);
}

.IXS_well-lg {
    padding: 24px;
    border-radius: 6px;
    border: 1px solid #607799;
}

.IXS_well-sm {
    padding: 9px;
    border-radius: 3px;
    border: 1px solid #607799;
}

.NodeStyle {
    width: 140px;
    font-size: 14px;
    display: inline-block;
    text-decoration: none;
    color: black;
    border: solid 1px Transparent;
    padding: 2px 2px 2px 2px;
}

    .NodeStyle:hover,
    a.NodeStyle:hover,
    .NodeStyle:link:hover,
    a.NodeStyle:link:hover {
        font-size: 14px;
        display: inline-block;
        text-decoration: none;
        /*color: #003687;*/
        /*border: solid 1px #71a9ff;*/
        /*background-color: #c6ddff;*/
        /*padding: 2px 2px 2px 2px;*/
    }

.HoverNodeStyle {
    font-size: 14px;
    display: inline-block;
    text-decoration: none;
    /*color: #ffffff;*/
    /*border: solid 1px Transparent;*/
    /*   padding: 2px 2px 2px 2px;*/
}

    .HoverNodeStyle:hover,
    a.HoverNodeStyle:hover,
    .HoverNodeStyle:link:hover,
    a.HoverNodeStyle:link:hover {
        font-size: 14px;
        display: inline-block;
        text-decoration: none;
        /*color: #003687;*/
        /*border: solid 1px #71a9ff;*/
        /*background-color: #c6ddff;*/
        padding: 2px 2px 2px 2px;
    }

.SelectedNodeStyle {
    font-size: 15px;
    display: inline-block;
    text-decoration: underline !important;
    font-weight: bold;
    color: black;
    /*border: solid 1px Transparent;*/
    /*background-color: #ff8666;*/
    /*padding: 2px 2px 2px 2px;*/
}

    .SelectedNodeStyle:hover,
    a.SelectedNodeStyle:hover,
    .SelectedNodeStyle:link:hover,
    a.SelectedNodeStyle:link:hover {
        font-size: 14px;
        display: inline-block;
        text-decoration: underline;
        /* color: #003687;*/
        /*  border: solid 1px #71a9ff;*/
        /*background-color: #c6ddff;*/
        /* padding: 2px 2px 2px 2px;*/
    }