@font-face {
    font-family: 'Roboto';
    src: local(Roboto), url('/fonts/Roboto/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Roboto";
    src: local(Roboto), url('/fonts/Roboto/Roboto-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "Roboto";
    src: local(Roboto), url('/fonts/Roboto/Roboto-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: local(OpenSans), url('/fonts/OpenSans/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: OctemberScript;
    src: url("fonts/OctemberScript.eot"); /* EOT file for IE */
    src: local(OctemberScript), url("fonts/OctemberScript.ttf") format('opentype'); /* TTF file for CSS3 browsers */
}

@font-face {
    font-family: YanoneKaffeesatz;
    src: local(YanoneKaffeesatz), url("fonts/YanoneKaffeesatz-Regular.ttf") format('opentype'); /* TTF file for CSS3 browsers */
}

html {
    margin: 0;
    padding: 0;
}

body {
    background-color: #ffffff;
    font-size: 9pt;
    font-family: Roboto, OpenSans, "Helvetica Neue", Arial, "Droid Sans", sans-serif;
    margin: 0;
    padding: 0;
    color: #3e5667;
    background-image: url("../Images/home_background.png");
    background-repeat: repeat-y;
}

.main-container {
    border: 0;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
}

    .main-container td {
        margin: 0;
        padding: 0;
        vertical-align: top;
    }

    .main-container fieldset {
        padding: 10px 6px 6px 6px;
        margin: 12px 6px 8px 0;
        border: 1px solid #94c0d2;
        /* box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.2); */
        box-shadow: 2px 2px 4px 0 #94c0d2;
        box-shadow: 2px 2px 4px 0 rgba(148, 192, 210, 0.3);
    }

        .main-container fieldset legend {
            font-weight: bold;
            font-size: 13px;
            font-style: italic;
            width: auto;
            color: #3c6599;
            padding: 2px 30px 1px 12px;
            margin: 0;
            border: 1px solid #94c0d2;
            box-shadow: 2px 2px 4px 0 #94c0d2;
            box-shadow: 2px 2px 4px 0 rgba(148, 192, 210, 0.3);
            /*letter-spacing: 2px;*/
            background-color: white;
        }

    .main-container hr {
        line-height: 1px;
        margin: 10px 0 10px 0;
        border-top: 1px solid dodgerblue;
        border-bottom: none;
    }

.site-title {
    background: #329ede url("../Images/logo.png") no-repeat center center;
    height: 62px;
    margin: 0 !important;
    padding: 0 !important;
}

#navAppMenu {
    padding: 20px 0 0 0 !important;
    margin: 0 !important;
    width: 100%;
    background-color: #003679;
    display: inline-block;
    z-index: 1000;
}

#divLoadAjax {
    margin: 0;
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
    min-width: 760px;
    min-height: 600px;
}

    #divLoadAjax > div.menuContestuale {
        /*height: 2px;
        min-height: 2px;
        position: relative;
        margin: 0;
        padding: 0;
        background-color: transparent;
        text-align: right;
        top: 20px;
        right: 0;
        z-index: 1000;
            */
        min-height: 28px;
        max-height: 28px;
        overflow: hidden;
        margin: 0;
        padding: 0;
        background-color: transparent;
        text-align: right;
        right: 0;
        z-index: 2147483647;
        /*border: 1px solid red;*/
        float: right;
        border-bottom: 2px solid #04C0A6;
        box-shadow: 0 2px white;
    }


div.workArea {
    margin: 0;
    padding: 0;
}

a {
    outline: none;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: none;
}

    a:hover {
        color: blue;
    }

header, footer, hgroup, nav, section {
    display: block;
}

mark {
    background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}

header {
    max-height: 100px;
    height: 80px;
    width: 100%;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0;
    padding-bottom: 0;
}

h1 {
    font-size: 120%;
}

h3 {
    color: rgb(115, 135, 156);
    box-sizing: border-box;
    font-size: 18px;
    line-height: 15.6px;
    margin: 0;
}


div.title-arianna {
    /*
    padding: 20px 0 6px 0 !important;
    color: #003679 !important;
    font-size: 20px !important;
    font-weight: 300 !important;
    line-height: 1.2 !important;
    background-color: transparent !important;
    border: none !important;
    margin-left: -28px;
        */
    position: absolute;
    top: -1px;
    padding: 20px 0 6px 0 !important;
    color: white;
    font-size: 18px !important;
    line-height: 1.2 !important;
    background-color: transparent !important;
    border: none !important;
    margin-left: -28px;
    font-variant: small-caps;
}

    div.title-arianna h3 {
        display: inline;
        font-size: 22px !important;
        font-weight: bold;
        color: inherit;
        line-height: inherit;
        /*display: inline;*/
    }

.tab-pane > h3 {
    color: #337ab7 !important;
    font-weight: 600 !important;
    margin-left: -8px;
}

.tab-pane > h4 {
    color: #337ab7 !important;
}


h4 {
    color: rgb(119, 119, 119);
    font-size: 15px;
}

h5, h6 {
    font-size: 80%;
}

    h5 a:link, h5 a:visited, h5 a:active {
        padding: 0;
        text-decoration: none;
    }

p.enfasi {
    font-weight: bolder;
    color: firebrick;
}

/* main layout
----------------------------------------------------------*/
.header-wrapper {
    margin: 0;
    width: 100%;
    max-width: 1400px;
    padding: 0;
}

div#cbWarning {
    z-index: 99999;
    overflow-wrap: break-word;
    word-break: break-all;
    word-wrap: break-word;
    height: 50px;
    width: 40%;
    min-width: 400px;
    position: fixed;
    bottom: 6px;
    right: 18px;
    padding: 10px;
    background-color: #dbecf5;
    background-color: rgba(219, 236, 245, 0.9);
    color: #515356;
    color: rgba(81, 83, 86, 1.0);
    border: 1px solid gray;
    border: 1px solid rgba(128, 128, 128, 0.8);
    display: none;
}

#overlay {
    border: 1px solid red;
    background-color: red;
    width: 300px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#divLoading {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #ffffff;
    background-color: rgba(255,255,255, 0.3);
    text-align: center;
    border: none;
    margin: 0;
    padding: 0;
    z-index: 100;
}

    #divLoading > img {
        position: absolute;
        right: 25px;
        bottom: 8px;
        margin: 0;
    }

    #divLoading > p {
        border: 1px solid rgb(248, 248, 246);
        background-color: transparent;
        font-weight: bold;
        margin: auto;
        padding: 5px;
        color: #000000;
        color: rgba(0, 0, 0, 0.15);
        -moz-min-width: 200px;
        -ms-min-width: 200px;
        -o-min-width: 200px;
        -webkit-min-width: 200px;
        min-width: 200px;
        width: 10%;
        visibility: hidden;
        display: none;
    }

.profile-info {
    padding: 6px 0 6px 10px;
    width: 65%;
    float: left;
}

    .profile-info span {
        font-size: 13px;
        line-height: 30px;
        color: #bab8b8;
    }

    .profile-info h2 {
        font-size: 14px;
        color: #ecf0f1;
        margin: 0;
        font-weight: 300;
    }

.col-menu {
    font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
    background-color: #003b79;
    width: 240px;
    position: absolute;
    padding: 0;
    margin: 0;
    z-index: 9999;
    display: table-cell;
}

.top-nav {
    float: none;
    display: block;
    clear: both;
    background-position: left top;
    background: url("../Images/head_bg.png");
    background-size: cover;
    border: none !important;
    width: 100%;
    height: 62px;
    padding: 0;
    left: 0;
}

/* tabs */
#arianna-menu-top {
    background-color: transparent !important;
    border: 0;
    margin: 0 0 -4px -19px;
    clear: both;
}

.toggle {
    float: left;
    margin: 0;
    width: 70px;
}

.top-nav .navbar-right {
    width: 80%;
    float: right;
    text-align: right;
    margin: 20px 0 0 0;
    color: #ffffff;
    font-size: 12pt;
}

    .top-nav .navbar-right span {
        font-size: 18pt;
    }

.nav > li {
    position: relative;
    display: block;
}

.nav.navbar-nav > li > a {
    color: #515356 !important;
}

.navbar-brand, .navbar-nav > li > a {
    font-weight: 500;
    color: #ECF0F1 !important;
    margin-left: 0 !important;
    line-height: 32px;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 13px 15px 12px;
}

.navbar-nav {
    float: left;
    margin: 0;
}

.navbar-nav {
    margin: 7.5px -15px;
}

.top_nav .navbar-right li {
    display: inline-block;
    float: right;
    position: static;
}

/* contenuto principale della pagina*/

table.principale #content1 > div {
    border-top: 1px solid #94c0d2; /*#e8e8e8;*/
    border-right: 1px solid #94c0d2;
    border-bottom: 1px solid #94c0d2;
    border-left: 1px solid #94c0d2;
    padding: 12px 12px 12px 12px;
    margin-right: 6px;
    margin-bottom: 2px;
    min-width: 400px;
    min-height: 600px;
    width: fill-available;
    float: none;
    z-index: 999;
}


/* pulsanti contenenti i comandi contestuali */


#content1 > div > div.menuTop {
    border: none;
    position: relative;
    display: inline-block;
    /* sovrappone i tab al bordo del div inferiore se il browser è IE*/
    top: 1px;
    padding: 0;
    float: none;
    text-align: left;
}

#content1 > div > div.dettaglio {
    border: none;
    padding: 0;
    min-height: 600px;
    overflow-y: auto;
}

footer {
    position: fixed;
    bottom: 0;
    left: 248px;
    right: 10px;
    clear: both;
    background-color: transparent;
    border: none;
    margin: 0;
    padding: 0;
    z-index: -10;
}

    footer .footerWrapper {
        background-color: #ffffff;
        border-top: 1px solid #d3d3d3;
        border-right: 1px solid dimgrey;
        border-bottom: 1px solid dimgrey;
        border-left: 1px solid #d3d3d3;
        margin: 0 6px 4px 6px;
        font-size: 90%;
        height: 24px;
        max-height: 24px;
        text-align: right;
        z-index: -10;
    }

        /*        footer .footerWrapper img {
            position: relative;
            top: -94px;
            z-index: 0;
        }*/

        footer .footerWrapper p {
            margin: 0;
            padding: 5px 10px;
        }

/* POP UP */
#bodyPopUp {
    margin: 0 2px 6px 2px;
    padding: 0;
    width: 100%;
    border: none;
}

    #bodyPopUp div.menuContestuale {
        position: static;
        /*top: 8px;
        right: 4px;*/
        float: right;
        padding-top: 8px;
        padding-right: 8px;
    }

        #bodyPopUp div.menuContestuale .k-button {
            vertical-align: top;
            height: 36px;
            padding: 6px 18px;
            margin-left: 10px;
            background-color: #f5f5f5;
            color: #515356;
            border: 1px solid #d3d3d3;
            border: 1px solid rgba(211, 211, 211, 0.6);
        }

/* page elements
----------------------------------------------------------*/
/* featured */
#body > .featured {
    border: 1px solid darkgray;
    position: relative;
    background-repeat: no-repeat;
    -moz-border-radius: 4px 0 0 4px !important;
    -webkit-border-radius: 4px 0 0 4px !important;
    border-radius: 4px 0 0 4px !important;
    margin: 0 8px 0 8%;
    z-index: 1;
}

    #body > .featured .content-wrapper {
        color: #3e5667;
        padding: 0;
    }

    #body > .featured hgroup.title h1, .featured hgroup.title h2 {
        margin: 0 0 0 10px;
    }

    #body > .featured .content-wrapper hgroup {
        height: 49px;
        padding: 3px 3px 1px 3px;
    }

    #body > .featured .content-wrapper div {
        position: absolute;
        right: 16px;
        text-align: right;
        height: 30px;
        margin-top: -38px;
    }

    #body > .featured p {
        font-size: 1.1em;
        margin: 0;
    }

#bodyPopUp > .featured {
    background-image: url("../Images/popupHeaderBackground.png");
    -moz-border-radius: 2px 2px !important;
    -webkit-border-radius: 2px 2px !important;
    -ms-border-radius: 2px 2px !important;
    border-radius: 2px 2px !important;
    margin: 0 0 0 5%;
}

    #bodyPopUp > .featured .content-wrapper {
        color: #3e5667;
        padding: 0;
    }

    #bodyPopUp > .featured hgroup.title h1, .featured hgroup.title h2 {
        __color: #fff;
        margin: 0 0 0 10px;
    }

    #bodyPopUp > .featured .content-wrapper hgroup {
        font-size: 70%;
        height: 34px;
        padding: 3px 6px 1px 3px;
    }

    #bodyPopUp > .featured .content-wrapper div {
        position: absolute;
        right: 16px;
        text-align: right;
        height: 30px;
        margin-top: -26px;
    }

    #bodyPopUp > .featured p {
        font-size: 0.90em;
        margin: 0;
    }

section.featured {
    display: inline-block;
}

/* page titles */
hgroup.title {
    margin-bottom: 0;
}

    hgroup.title h1, hgroup.title h2, hgroup.title h3, hgroup.title h4 {
        display: inline;
    }

    hgroup.title h4 {
        font-weight: normal;
        margin-left: 4px;
    }

#logoutForm {
    display: inline;
}

/* Compact Grid KendoUI
----------------------------------------------------------*/
.compactGrid .k-grid-header th.k-header > .k-link {
    height: auto;
}

/*

/* dialog KendoUI
----------------------------------------------------------*/
div.dialogContent {
    padding: 6px;
    min-height: 80px;
    overflow: auto;
}

img.gridCommandSelect {
    background-image: url("../Images/gridSelect.png");
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    height: 22px;
    width: 24px;
    width: 18px;
}

a.gridCommandSelect {
    background-image: url("../Images/gridSelect.png");
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    height: 22px;
    width: 24px;
    display: inline-block;
}

img.gridCommandEdit {
    background-image: url("../Images/gridEdit.png");
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    margin: 1px;
    height: 22px;
    width: 24px;
}

a.gridCommandEdit {
    background-image: url("../Images/gridEdit.png");
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    height: 22px;
    width: 24px;
    display: inline-block;
}

img.gridCommandDelete {
    background-image: url("../Images/gridDelete.png");
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    margin: 1px;
    height: 22px;
    width: 24px;
}

a.gridCommandDelete {
    background-image: url("../Images/gridDelete.png");
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    height: 22px;
    width: 24px;
    display: inline-block;
}

a.gridCommandLink {
    background: url("../Images/gridLink.png");
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    height: 22px;
    width: 22px;
    display: inline-block;
}

a.gridCommandUnlink {
    background: url("../Images/gridUnlink.png");
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    height: 22px;
    width: 22px;
    display: inline-block;
}

span.gridIconaPresso {
    background: url('/Images/gridPresso.png') left top no-repeat;
    height: 22px;
    width: 22px;
    display: block;
}

/*TILT*/
/*
.tilt {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 1.0s ease;
}

    .tilt:hover {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        transform: rotate(10deg);
    }
*/
/*GRAY*/
#divLoadAjax > div.menuContestuale .gray {
    /* box-shadow: 2px 2px 4px 2px #94c0d2; */
    position: relative;
    padding: 0;
    text-decoration: none;
    opacity: 0.90;
    /*margin-top: 2px;*/
    -moz-filter: alpha(opacity=90);
    filter: alpha(opacity=90);
    /* max-height: 2px; */
}

    #divLoadAjax > div.menuContestuale .gray:hover {
        top: -2px;
        opacity: 1;
        -moz-filter: alpha(opacity=100);
        filter: alpha(opacity=100);
    }

.gray {
    text-decoration: none;
    opacity: 0.90;
    /*-webkit-filter: alpha(opacity=90);*/
    -moz-filter: alpha(opacity=90);
    filter: alpha(opacity=90);
}

    .gray:hover {
        text-decoration: none;
        opacity: 1;
        /*-webkit-filter: alpha(opacity=100);*/
        -moz-filter: alpha(opacity=100);
        filter: alpha(opacity=100);
    }

/* icone operazioni
----------------------------------------------------------*/
.linkAjax {
}


#bodyPopUp #imgSegnalazioneMenuContestuale {
    display: none;
    visibility: hidden;
}

.mnuAccept:before {
    content: url("../Images/button_ok.png");
    margin: 0 2px;
}

.mnuAdd:before {
    content: url("../Images/mnuAdd.png");
    margin: 0 2px;
    /*
    width: 32px;
    height: 32px;
    background-image: url("../Images/mnuAdd.png");
    background-repeat: no-repeat;
    display: inline-block;
    margin: 0;
    padding: 0;
    */
}

.mnuAddImportant:before {
    content: url("../Images/mnuAddImportant.png");
    margin: 0 2px;
}

.mnuAllegaDocumento:before {
    content: url("../Images/mnuAllegato.png");
    margin: 0 2px;
}

.mnuBlocca:before {
    content: url("../Images/mnuBlocca.png");
    margin: 0 2px;
}

.mnuCalendario:before {
    content: url("../Images/mnuCalendario.png");
    margin: 0 2px;
}

.mnuCalendarioEdit:before {
    content: url("../Images/mnuCalendarioEdit.png");
    margin: 0 2px;
}

.mnuCancel:before {
    content: url("../Images/mnuCancel.png");
    margin: 0 2px;
}

.mnuChiusuraCarica:before {
    content: url("../Images/mnuChiusuraCarica.png");
    margin: 0 2px;
}

.mnuClose:before {
    content: url("../Images/mnuClose.png");
    margin: 0 2px;
}

.mnuCollaborazione:before {
    content: url("../Images/mnuCollaborazione.png");
    margin: 0 2px;
}

.mnuContabilizza:before {
    content: url("../Images/mnuContabilizza.png");
    margin: 0 2px;
}

.mnuConto:before {
    content: url("../Images/mnuConto.png");
    margin: 0 2px;
}

.mnuCopy:before {
    content: url("../Images/mnuCopy.png");
    margin: 0 2px;
}

.mnuCreaLista:before {
    content: url("../Images/mnuCreaLista.png");
    margin: 0 2px;
}

.mnuDelete:before {
    content: url("../Images/mnuDelete.png");
    margin: 0 2px;
}

.mnuDuplica:before {
    content: url("../Images/mnuDuplica.png");
    margin: 0 2px;
}

.mnuEdit:before {
    content: url("../Images/mnuEdit.png");
    margin: 0 2px;
}

.mnuEditParziale:before {
    content: url("../Images/mnuEditParziale.png");
    margin: 0 2px;
}

.mnuExcel:before {
    content: url("../Images/mnuExcel.png");
    margin: 0 2px;
}

.mnuExportImprese:before {
    content: url("../Images/mnuExportImprese.png");
    margin: 0 2px;
}

.mnuExportList:before {
    content: url("../Images/mnuExportList.png");
    margin: 0 2px;
}

.mnuFilter:before {
    content: url("../Images/mnuFilter.png");
    margin: 0 2px;
}

.mnuFusione:before {
    content: url("../Images/mnuFusione.png");
    margin: 0 2px;
}

.mnuGoBack:before {
    content: url("../Images/mnuBack.png");
    margin: 0 2px;
}

.mnuImport:before {
    content: url("../Images/mnuImport.png");
    margin: 0 2px;
}

.mnuCalcola:before {
    content: url("../Images/mnuCalcola.png");
    margin: 0 2px;
}

.mnuConvoca:before {
    content: url("../Images/mnuConvoca.png");
    margin: 0 2px;
}

.mnuModificaStatoCarica:before {
    content: url("../Images/mnuStatoCarica.png");
    margin: 0 2px;
}

.mnuImpostaIntervallo:before {
    content: url("../Images/mnuIntervalloDate.png");
    margin: 0 2px;
}

.mnuDefinisci:before {
    content: url("../Images/mnuDefinisci.png");
    margin: 0 2px;
}

.mnuIdentifica:before {
    content: url("../Images/mnuIdentifica.png");
    margin: 0 2px;
}

.mnuCancellaIdentificazione:before {
    content: url("../Images/mnuCancellaIdentificazione.png");
    margin: 0 2px;
}

.mnuMostraAnagrafica:before {
    content: url("../Images/mnuAnagraficaContact.png");
    margin: 0 2px;
}

.mnuPdf:before {
    content: url("../Images/mnuPdf.png");
    margin: 0 2px;
}

.mnuPresso:before {
    content: url("../Images/mnuPresso.png");
    margin: 0 2px;
}

.mnuRiduzione50P:before {
    content: url("../Images/mnuRiduzione50P.png");
    margin: 0 2px;
}

.mnuRigenera:before {
    content: url("../Images/mnuRigenera.png");
    margin: 0 2px;
}

.mnuRinnova:before {
    content: url("../Images/mnuRinnova.png");
    margin: 0 2px;
}

.mnuSave:before {
    content: url("../Images/mnuSave.png");
    margin: 0 2px;
}

.mnuSblocca:before {
    content: url("../Images/mnuSblocca.png");
    margin: 0 2px;
}

.mnuStats:before {
    content: url("../Images/mnuStats.png");
    margin: 0 2px;
}

.mnuStorna:before {
    content: url("../Images/mnuStorna.png");
    margin: 0 2px;
}

.mnuSearch:before {
    content: url("../Images/mnuSearch.png");
    margin: 0 2px;
    z-index: 100;
}

.mnuPreview:before {
    content: url("../Images/mnuPreview.png");
    margin: 0 2px;
    z-index: 100;
}

.mnuUnlink:before {
    content: url("../Images/gridUnlink.png");
    margin: 0 2px;
}

.avviaRicerca:before {
    content: url("../Images/avviaRicerca.png");
    margin: 0;
}

.openPopUp:before {
    content: url("../Images/openPopUp.png");
    margin: 0;
}

.searchMin:before {
    content: url("../Images/openPopUp.png");
    margin: 0;
}

.dialogButton {
    position: absolute;
    bottom: 14px;
    right: 10px;
    border: none;
    margin: 0;
    padding: 0;
    /* stessa altezza delle img che contiene*/
    height: 32px;
}

    .dialogButton .dlgOkButton {
        border: 1px solid darkgrey;
        color: #515356;
        padding: 4px 10px;
        margin: 2px 5px;
    }

        .dialogButton .dlgOkButton:hover {
            color: black;
        }

    .dialogButton .dlgCancelButton {
        border: 1px solid darkgrey;
        color: #515356;
        padding: 4px 10px;
        margin: 2px 5px;
    }

        .dialogButton .dlgCancelButton:hover {
            color: black;
        }


.winButton {
    background-repeat: no-repeat;
    padding: 0 0 0 20px;
    vertical-align: middle;
    height: 24px !important;
}

.winAddButton {
    background-image: url("../Images/win_add.png");
}

.winOkButton {
    background-image: url("../Images/win_ok.png");
    background-size: 24px 24px;
    margin: 0 16px;
}

.winCloseButton {
    background-image: url("../Images/win_close.png");
    background-size: 24px 24px;
    margin: 0 6px;
}

.winDeleteButton {
    background-image: url("../Images/win_delete.png");
}

.winEditButton {
    background-image: url("../Images/winEdit.png");
}

.winErrorButton {
    background-image: url("../Images/winError.png");
}

.winDigitaleButton {
    background-image: url("../Images/win_digitale.png");
}

.winGeograficoButton {
    background-image: url("../Images/win_geografico.png");
}

.winSearchButton {
    background-image: url("../Images/win_search.png");
}

.btnAteco {
    background-repeat: no-repeat;
    padding: 0 0 0 20px;
    vertical-align: middle;
    height: 24px !important;
    background-image: url("../Images/btnAteco.png");
}

.btnSoa {
    background-repeat: no-repeat;
    padding: 0 0 0 20px;
    vertical-align: middle;
    height: 24px !important;
    background-image: url("../Images/btnSoa.png");
}

/* organizzazione dei dati di dettaglio
----------------------------------------------------------*/
div.box-arianna {
    /*    background-color: #ffffff;
    margin-top: 3px;
    padding: 10px 0 8px 0;*/
    background-color: #e5f2fb;
    border-top: none;
    border-right: 1px solid #E6E9ED;
    border-bottom: 1px solid #E6E9ED;
    border-left: 1px solid #E6E9ED;
    margin-top: 5px;
    margin-bottom: 5px;
    clear: both;
}

    div.box-arianna > div {
        margin: 0;
        padding: 13px !important;
    }

div.box-arianna-auto-h {
    background-color: #e5f2fb;
    border-top: none;
    border-right: 1px solid #E6E9ED;
    border-bottom: 1px solid #E6E9ED;
    border-left: 1px solid #E6E9ED;
    margin-top: 5px;
    padding-bottom: 15px;
}

div.opShow {
}

div.opNew {
}

div.divSegnalazioneTecnica {
    color: blue;
}

span.obbligatorio {
    padding-left: 3px;
    color: red !important;
}

span.evidenzia {
    color: red;
    font-weight: bold;
}

span.segnalazioneTecnica {
    font-style: italic;
    padding-left: 3px;
    color: blue;
}

span.infoComplementare {
    font-style: italic;
}

span.note {
    font-size: 10px;
    margin: 6px 4px 2px 4px;
    font-style: italic;
}

table.opCompare {
    width: 100%;
    padding: 0;
    border-collapse: collapse;
}

    /*    table.opCompare tr:nth-child(odd) {
        background-color: #f5f5f5;
        background-color: rgba(245,245,245, 0.90);
    }*/

    table.opCompare td,
    table.opCompare th {
        border-collapse: collapse;
        border-bottom: 1px solid lightgrey;
        padding: 3px 4px 3px 4px;
        min-height: 19px;
    }

        table.opCompare td.tdSelected {
            background-color: #ffb7a8;
            background-color: rgba(255, 193, 168, 0.8);
            border-bottom: 1px solid darkgray;
        }

    table.opCompare tr > th {
        border-top: 1px solid lightgrey;
        background-color: #047fc4;
        background-color: rgba(4,127,196, 0.80);
        color: #ffffff;
        text-align: left;
        font-weight: bold;
        min-height: 24px;
    }

        table.opCompare tr > td:nth-child(1),
        table.opCompare tr > th:nth-child(1) {
            font-weight: bold;
            text-align: right;
            width: 14%;
            padding-right: 10px;
        }

        table.opCompare tr > th:nth-child(2),
        table.opCompare tr > th:nth-child(3),
        table.opCompare tr > td:nth-child(2),
        table.opCompare tr > td:nth-child(3) {
            width: 43%;
        }

    table.opCompare tr > td textarea {
        height: 100px;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid #7ec6e3;
        border-radius: 4px;
    }

        table.opCompare tr > td textarea.med {
            height: 200px;
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            border: 1px solid #7ec6e3;
            border-radius: 4px;
        }

        table.opCompare tr > td textarea.big {
            height: 400px;
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            border: 1px solid #7ec6e3;
            border-radius: 4px;
        }

table.opContentEdit, table.opContent, table.opContentRiepilogo, table.opContentEditRiepilogo {
    width: 100%;
    padding: 0;
    border-collapse: collapse;
}

table.opContentRiepilogo, table.opContentEditRiepilogo {
    table-layout: fixed;
}

/*table.opContentEditRiepilogo tr:first-child > td {
        text-align: right;
        font-weight: bold;
        line-height: 22px;
        padding-right: 8px;
}*/

table.opContentEdit td {
    border-collapse: collapse;
    /*        border-bottom: 1px solid gainsboro;
        border-left: 1px solid gainsboro;*/
    border: none;
    padding: 3px 4px 3px 4px;
}

table.opContentEdit tr:first-child > td {
    /*border-top: 1px solid gainsboro;*/
}

table.opContentEdit tr > td:nth-child(odd) {
    /*background-color: azure;*/
    text-align: right;
    font-weight: bold;
    line-height: 22px;
    padding-right: 8px;
}


table.opContentEdit tr > td:last-child {
    /*border-right: 1px solid gainsboro;*/
}

table.opContentEdit tr > td > div {
    clear: both;
}

table.opContentEdit tr > td textarea {
    height: 100px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #7ec6e3;
    border-radius: 4px;
}

    table.opContentEdit tr > td textarea.med {
        height: 200px;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid #7ec6e3;
        border-radius: 4px;
    }

    table.opContentEdit tr > td textarea.big {
        height: 400px;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid #7ec6e3;
        border-radius: 4px;
    }

table.opContentEdit div.ricercaLeft {
    float: left;
    width: 91%;
    border: none;
    margin: 0;
    padding: 0;
}

table.opContentEdit div.ricercaRight {
    float: right;
    -moz-min-width: 40px;
    -ms-min-width: 40px;
    -o-min-width: 40px;
    -webkit-min-width: 40px;
    border: none;
    margin: 0;
    padding: 0;
}

table.opContentEdit .maxInputWidth input {
    width: 100%;
}

table.opSimple {
    border-collapse: collapse;
    border: 1px solid gray;
    width: 100%;
}

    table.opSimple td {
        border: 1px solid #f5f5f5; /*#C5D8EA;*/ /*rgba(146, 180, 218, 0.3);*/
        padding: 1px 4px 0 4px;
        line-height: 20px;
    }

    table.opSimple th {
        border: 1px solid #f5f5f5;
        padding: 1px 4px 0 4px;
        line-height: 20px;
        font-weight: bold;
    }

table.opSimpleCenter td:not(:first-child) {
    text-align: center;
}

table.opSimpleCenter th:not(:first-child) {
    text-align: center;
}

table.opContent td,
table.opContentRiepilogo td, table.opContentEditRiepilogo td {
    border-collapse: collapse;
    border-bottom: 1px solid #f5f5f5; /*#C5D8EA;*/ /*rgba(146, 180, 218, 0.3);*/
    border-left: 1px solid #f5f5f5;
    padding: 1px 4px 0 4px;
    line-height: 23px;
}

table.opContent tr:first-child > td {
    border-top: 1px solid #f5f5f5;
}

table.opContent tr > td:nth-child(odd) {
    /*background-color: #FFFFFF; */ /*#D2E0EF;*/ /* rgba(146, 180, 218, 0.4);*/
    text-align: right;
    font-weight: bold;
    line-height: 23px;
    padding-right: 8px;
    color: #3e5667;
}

table.opContent tr > td:last-child {
    border-right: 1px solid #f5f5f5;
}

table.opContent tr.emfasi > td,
table.opContentEdit tr.emfasi > td {
    color: #a52a2a !important;
}

table.opContentWidth8 tr > td:nth-child(odd) {
    width: 8%;
}

table.opContentWidth8 tr > td:nth-child(even) {
    width: 42%;
    max-width: 44%;
}

table.opContentWidth10 tr > td:nth-child(odd) {
    width: 10%;
}

table.opContentWidth10 tr > td:nth-child(even) {
    width: 40%;
    max-width: 42%;
}

table.opContentWidth12 tr > td:nth-child(odd) {
    width: 12%;
}

table.opContentWidth12 tr > td:nth-child(even) {
    width: 38%;
    max-width: 40%;
}

table.opContentWidth15 tr > td:nth-child(odd) {
    width: 15%;
}

table.opContentWidth15 tr > td:nth-child(even) {
    width: 35%;
    max-width: 37%;
}

table.opContentWidth18 tr > td:nth-child(odd) {
    width: 18%;
}

table.opContentWidth18 tr > td:nth-child(even) {
    width: 32%;
    max-width: 34%;
}

table.opContentWidth20 tr > td:nth-child(odd) {
    width: 20%;
}

table.opContentWidth20 tr > td:nth-child(even) {
    width: 30%;
    max-width: 32%;
}

table.opContentWidth30 tr > td:nth-child(odd) {
    width: 30%;
}

table.opContentWidth30 tr > td:nth-child(even) {
    width: 20%;
    max-width: 22%;
}

table.opContent3ColWidth15 tr > td:nth-child(odd) {
    width: 15%;
}

table.opContent3ColWidth15 tr > td:nth-child(even) {
    width: 17%;
    max-width: 19%;
}

table.opContentRiepilogo tr > th, table.opContentEditRiepilogo tr > th {
    border: 1px solid lightblue;
    background-color: #e3e3e3;
    background-color: rgba(211,211,211, 0.4);
    min-height: 21px;
}

table.opContentRiepilogo tr > td {
    text-align: right;
}

    table.opContentRiepilogo tr > td:nth-child(1) {
        border: 1px solid lightblue;
        background-color: #e3e3e3;
        background-color: rgba(211,211,211, 0.4);
        text-align: right;
        font-weight: bold;
    }

table.opContentEditRiepilogo tr > td:nth-child(1) {
    /*border: 1px solid lightblue;
    background-color: #e3e3e3;
    background-color: rgba(211,211,211, 0.4);*/
    text-align: right;
    font-weight: bold;
}

table.opContentEditRiepilogo tr > td {
    text-align: center;
}

table.opContentEditRiepilogo tr > td {
    text-align: left;
}

fieldset.withTable {
    padding: 8px 6px 6px 6px;
    margin: 6px 0 6px 4px;
    border: 1px solid #94c0d2;
}

    fieldset.withTable legend {
        font-weight: bold;
        font-size: 12pt;
        color: #3e5667;
        /*padding: 10px 10px 0 10px;*/
        margin: 3px 4px;
        border: 0;
    }

/* dimensione degli input Kendo */
/*table.opContentEdit  tr > td .k-select,*/
/*table.opContentEdit  tr > td .k-dropdown-wrap, */
table.opContentEdit tr > td .k-dropdown,
table.opContentEdit tr > td input.k-textbox,
table.opContentEdit tr > td textarea.k-textbox,
table.opContentEdit tr > td .k-textbox > input,
table.opContentEdit tr > td .k-autocomplete,
table.opRicerca tr > td .k-dropdown,
table.opRicerca tr > td input.k-textbox,
table.opRicerca tr > td textarea.k-textbox,
table.opRicerca tr > td .k-textbox > input,
table.opRicerca tr > td .k-autocomplete {
    width: 100%;
}

table.opRicerca {
    border: none;
    border-collapse: collapse;
    width: 100%;
}

    table.opRicerca td {
        border-bottom: 1px solid aliceblue;
        padding: 3px 4px 2px 4px;
    }

    table.opRicerca tr > td:nth-child(odd) {
        white-space: nowrap;
        text-align: right;
        max-width: 30%;
        width: 10%;
    }

    table.opRicerca div.ricercaLeft {
        float: left;
        width: 94%;
        border: none;
        margin: 0;
        padding: 0;
    }

    table.opRicerca div.ricercaRight {
        float: right;
        min-width: 40px;
        border: none;
        margin: 0;
        padding: 0;
    }

table.homeLayout {
    width: 100%;
    border-collapse: collapse;
}

    table.homeLayout td {
        padding: 2px;
        border: 1px solid gray;
        min-height: 200px;
    }

#win4 {
    padding: 2px;
    width: 100%;
    border: 1px solid red;
}

div.divTitoletto {
    padding-top: 10px;
    padding-bottom: 6px;
    font-size: 110%;
    font-weight: bolder;
}

/* puntini puntini */
.ellipsisText {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* stili applicati a oggetti kendo */
.k-textbox:disabled {
    background-color: #f5f5f5 !important;
}

    .k-textbox:disabled:hover {
        background-color: #f5f5f5 !important;
    }

.k-state-filtered {
    background-color: #ffffff !important;
    border-top: 1px solid #ef470a !important;
}

span.addCustom {
    float: left;
    height: 22px;
    width: 22px;
    border: none;
    margin: 0 4px 0 0;
    background-image: url("../Images/gridAdd.png");
}

.k-grid-addCustom {
    float: left;
    height: 24px;
    border: 1px solid #d3d3d3;
    margin: 0 4px 1px 0;
    padding: 3px 4px 3px 30px;
    background-image: url("../Images/gridAdd.png");
    background-repeat: no-repeat;
    background-position: left;
}

    .k-grid-addCustom:hover {
        background-image: url("../Images/gridAdd.png");
        background-repeat: no-repeat;
        background-position: left;
    }

span.destroyCustom {
    float: left;
    height: 22px;
    width: 22px;
    border: none;
    margin: 0 4px 0 0;
    background-image: url("../Images/gridDelete.png");
}

.k-grid-destroyCustom {
    float: left;
    height: 24px;
    border: 1px solid #d3d3d3;
    margin: 0 4px 1px 0;
    padding: 3px 4px 3px 30px;
    background-image: url("../Images/gridDelete.png");
    background-repeat: no-repeat;
    background-position: left;
}

    .k-grid-destroyCustom:hover {
        background-image: url("../Images/gridDelete.png");
        background-repeat: no-repeat;
        background-position: left;
    }

span.editCustom {
    float: left;
    height: 22px;
    width: 22px;
    border: none;
    margin: 0 4px 0 0;
    background-image: url("../Images/gridEdit.png");
}

.k-grid-editCustom {
    float: left;
    height: 24px;
    border: 1px solid #d3d3d3;
    margin: 0 4px 1px 0;
    padding: 3px 4px 3px 30px;
    background-image: url("../Images/gridEdit.png");
    background-repeat: no-repeat;
    background-position: left;
}

    .k-grid-editCustom:hover {
        background-image: url("../Images/gridEdit.png");
        background-repeat: no-repeat;
        background-position: left;
    }

a.destroyCustom:before {
    content: url("../Images/gridDelete.png");
}

a.editCustom:before {
    content: url("../Images/gridEdit.png");
}

span.contactCustom {
    float: left;
    height: 20px;
    width: 20px;
    border: none;
    margin: 0 4px 0 0;
    background-image: url("../Images/gridContact.png");
}

a.contactCustom:before {
    content: url("../Images/gridContact.png");
}

span.definizioneCustom {
    float: left;
    height: 20px;
    width: 20px;
    border: none;
    margin: 0 4px 0 0;
    background-image: url("../Images/gridDefinizione.png");
}

a.definizioneCustom:before {
    content: url("../Images/gridDefinizione.png");
}

span.iconaGeografico {
    background: url('/Images/gridGeografico.png') left top no-repeat;
    height: 16px;
    width: 16px;
    display: block;
}

span.iconaDigitale {
    background: url('/Images/gridDigitale.png') left top no-repeat;
    height: 16px;
    width: 16px;
    display: block;
}

span.iconaDigitaleAssociato {
    background: url('/Images/gridDigitaleAssociato.png') left top no-repeat;
    height: 16px;
    width: 16px;
    display: block;
}

/* icona associata al nominativo, da mostrare in griglia */
span.iconaNominativo {
    background: url('/Images/gridNominativo.png') left top no-repeat;
    height: 16px;
    width: 16px;
    display: block;
}

/* icone associate allo stato contributivo */
span.statoContributivoFuoriCompetenza {
    background: url('/Images/cerchio_giallo.png') left top no-repeat;
    display: inline-block;
    height: 16px;
    width: 16px;
    vertical-align: middle;
}

div.statoContributivoFuoriCompetenza {
    padding-left: 30px;
    height: 16px;
    border: none;
    color: chocolate;
    background: url('/Images/cerchio_giallo.png') left top no-repeat;
}

span.statoContributivoInRegola {
    background: url('/Images/cerchio_verde.png') left top no-repeat;
    display: inline-block;
    height: 16px;
    width: 16px;
    vertical-align: middle;
}

div.statoContributivoInRegola {
    padding-left: 30px;
    height: 16px;
    border: none;
    background: url('/Images/cerchio_verde.png') left top no-repeat;
}

span.statoContributivoNonInRegola {
    background: url('/Images/cerchio_rosso.png') left top no-repeat;
    display: inline-block;
    height: 16px;
    width: 16px;
    vertical-align: middle;
}

div.statoContributivoNonInRegola {
    padding-left: 30px;
    height: 16px;
    border: none;
    color: #a20d1f;
    background: url('/Images/cerchio_rosso.png') left top no-repeat;
}

span.statoContributivoSconosciuto {
    background: url('/Images/cerchio_grigio.png') left top no-repeat;
    display: inline-block;
    height: 16px;
    width: 16px;
    vertical-align: middle;
}

div.statoContributivoSconosciuto {
    padding-left: 30px;
    height: 16px;
    border: none;
    color: #003b79;
    background: url('/Images/cerchio_grigio.png') left top no-repeat;
}

span.enteStatoContributivoInRegola {
    background: url('/Images/cerchio_verde.png') left top no-repeat;
    display: inline-block;
    height: 16px;
    width: 16px;
    vertical-align: middle;
}

div.enteStatoContributivoInRegola {
    padding-left: 30px;
    height: 16px;
    border: none;
    background: url('/Images/cerchio_verde.png') left top no-repeat;
}

span.enteStatoContributivoNonInRegola {
    background: url('/Images/cerchio_rosso.png') left top no-repeat;
    display: inline-block;
    height: 16px;
    width: 16px;
    vertical-align: middle;
}

div.enteStatoContributivoNonInRegola {
    padding-left: 30px;
    height: 16px;
    border: none;
    background: url('/Images/cerchio_rosso.png') left top no-repeat;
}

span.enteSatoContributivoEsclusoDaVerifica {
    background: url('/Images/cerchio_giallo.png') left top no-repeat;
    display: inline-block;
    height: 16px;
    width: 16px;
    vertical-align: middle;
}

div.enteSatoContributivoEsclusoDaVerifica {
    padding-left: 30px;
    height: 16px;
    border: none;
    background: url('/Images/cerchio_giallo.png') left top no-repeat;
}

span.classeAnce {
    background: url('/Images/classeAnce.png') left top no-repeat;
    display: inline-block;
    height: 16px;
    width: 16px;
    vertical-align: middle;
}

span.classeAt {
    background: url('/Images/classeAt.png') left top no-repeat;
    display: inline-block;
    height: 16px;
    width: 16px;
}

span.classeOr {
    background: url('/Images/classeOr.png') left top no-repeat;
    display: inline-block;
    height: 16px;
    width: 16px;
    vertical-align: middle;
}

span.iconAccettata {
    background: url('/Images/iconAccettata.png') left top no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

span.iconCessata {
    background: url('/Images/iconCessata.png') left top no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
    vertical-align: middle;
}

span.iconChiusa {
    background: url('/Images/iconChiusa.png') left top no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
    vertical-align: middle;
}

span.iconIscritta {
    background: url('/Images/iconIscritta.png') left top no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
    vertical-align: middle;
}

span.iconNonIscritta {
    background: url('/Images/iconNonIscritta.png') left top no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
    vertical-align: middle;
}

span.iconInRevisione {
    background: url('/Images/iconInRevisione.png') left top no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

span.iconRifiutata {
    background: url('/Images/iconRifiutata.png') left top no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
    vertical-align: middle;
}

span.iconAvvisoChiuso {
    background: url('/Images/iconAvvisoChiuso.png') left top no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

span.iconAvvisoErrore {
    background: url('/Images/iconAvvisoErrore.png') left top no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
    vertical-align: middle;
}

span.iconAvvisoLavorazione {
    background: url('/Images/iconAvvisoLavorazione.png') left top no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
    vertical-align: middle;
}

span.iconPopUpImpresa {
    background-image: url("../Images/popUpImpresa.png");
    background-repeat: no-repeat;
    -moz-background-position-x: 0;
    -o-background-position-x: 0;
    background-position-x: 0;
    height: 48px;
    width: 48px;
    display: inline-block;
}

span.iconPopUpNominativo {
    background-image: url("../Images/popUpNominativo.png");
    background-repeat: no-repeat;
    -moz-background-position-x: 0;
    -o-background-position-x: 0;
    background-position-x: 0;
    height: 48px;
    width: 48px;
    display: inline-block;
}

span.iconPopUpPosizione {
    background-image: url("../Images/popUpPosizione.png");
    background-repeat: no-repeat;
    -moz-background-position-x: 0;
    -o-background-position-x: 0;
    background-position-x: 0;
    height: 48px;
    width: 48px;
    display: inline-block;
}

span.iconStatoEsigenzaAperta {
    background: url('/Images/iconRichAperta.png') left top no-repeat;
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
}

span.iconStatoEsigenzaInLavorazione {
    background: url('/Images/iconRichInLavorazione.png') left top no-repeat;
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
}

span.iconStatoEsigenzaInAttesaDi {
    background: url('/Images/iconRichInAttesa.png') left top no-repeat;
    height: 20px;
    width: 17px;
    display: inline-block;
    vertical-align: middle;
}

span.iconStatoEsigenzaSospesa {
    background: url('/Images/iconRichSospesa.png') left top no-repeat;
    height: 20px;
    width: 17px;
    display: inline-block;
    vertical-align: middle;
}

span.iconStatoEsigenzaChiusa {
    background: url('/Images/iconRichChiusa.png') left top no-repeat;
    height: 20px;
    width: 17px;
    display: inline-block;
    vertical-align: middle;
}

img.miniFoto {
    max-height: 250px;
}


.validation-summary-valid {
    display: none;
}

div.validation-summary-errors {
    padding: 6px 4px 0 4px;
    margin-bottom: 8px;
    background-color: #ffe0d9;
    color: #ef470a;
    border: 1px solid #ffb7a8;
    border-radius: 4px;
    box-sizing: content-box;
}

/* icona candidato escluso dal rinnovo cariche*/
span.iconEscluso {
    background: url('/Images/iconEscluso.png') left top no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
    vertical-align: middle;
}
/* icona download*/
span.iconDownload {
    background: url('/Images/iconDownload.png') left top no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
    vertical-align: middle;
}
/*Icone News*/
span.iconNewsRossa {
    background: url('/Images/iconNewsRossa.png') left top no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
    vertical-align: middle;
}

span.iconNewsGialla {
    background: url('/Images/iconNewsGialla.png') left top no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
    vertical-align: middle;
}

span.iconNewsVerde {
    background: url('/Images/iconNewsVerde.png') left top no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
    vertical-align: middle;
}

.user-profile {
    padding: 1px 6px;
    cursor: pointer;
}