body {
}
/* FINCONS NEW LAYOUT
    
    MERGE DEI 3 FOGLI DI STILE NEL SEGUENTE ORDINE 
    1) color.css
    2) main.css
    3) fix.css

*/

/*
    *************************
    FILE  color.css - INIZIO
    *************************
*/

/* 
	LISTA COLORI

    0 - a - nero: #000;
    0 - b - bianco: #fff;

    1 - rosso: #d90030;
    2 - blu: #002c5a;
    3 - grigio: #fcfcfc;
    
    4 - azzurro-chiaro: #c9e0ff;
    5 - azzurro-scuro: #aec7ff;
    6 - rosa: #ffcfc4;
*/
/* roboto-regular - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url('framework/font-google/roboto-v18-latin-regular.woff') format('embedded-opentype'), /* IE6-IE8 */
}

.neg {
    position: absolute;
    left: -2000px;
}

/*FONT FAMILY*/
html {
    /*RADINFORMATICA*/
    font-family: 'Roboto', sans-serif;
    /*RADINFORMATICA*/
    /*BNL
	font-family: 'Roboto Condensed', sans-serif;
	END BNL*/
}
/*END FONT FAMILY*/
/*TABLE*/
/*   MOD FINCONS PROVA      */
/*
table {
	border: 1px solid transparent !important;
}
th {
	border: 1px solid #f2f2f2;
}
tr {
	border: 1px solid #f2f2f2;
}
td {
    border: 1px solid #ccc;
    box-sizing: border-box;
}
*/
/*ANAGRAFICA*/
.tableResult > tbody > tr:nth-child(even) {
    background: #e9e9e9;
}
/*END ANAGRAFICA*/
/*LIST BG*/
.list-txt {
    color: #e5e8ed;
}

.list-bg {
    background-color: #e5e8ed;
}

/*END LIST BG*/
/*MESSAGGI*/
.tableMessage:nth-child(odd) {
    background: #e9e9e9;
}
/*END MESSAGGI*/
/*END TABLE*/
/*TRIANGOLO POP*/
.tooltipAction:before {
    border-bottom: 8px solid #e5e8ed;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}

.searchFilterContainer:before {
    border-bottom: 8px solid rgba(0,0,0,0.16);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}

.ellipsis:hover .leftArrow {
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid rgba(0,0,0,0.16);
}

.tooltip-bg {
    background: #e5e8ed;
}

.moreOption:before {
    border-bottom: 8px solid rgba(0,0,0,0.16);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}
/*END TRIANGOLO POP*/
/*CUSTOM HTML ELEMENT*/
.drop-bg {
    background: #eee;
}


.drop-border {
    border: 2px dashed #ccc;
}

.drop-border-lf {
    border-left: 2px dashed #ccc;
}

.shadow {
    /*box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);*/
    /*box-shadow: 0px 0px 5px #666;*/
    box-shadow: 0px 0px 1px #666;
}

.border-total-special {
    border: 1px solid #f2f2f2;
}

.border-trasparent {
    border-left: 2px solid transparent;
    box-sizing: border-box;
}

.border-bottom-color {
    border-color: #ccc;
}

.border-bottom-second {
    border-bottom: 1px solid #e5e8ed;
    box-sizing: border-box;
}

/*DEFAULT*/
.zero-a-txt {
    color: #000;
}

.zero-a-bg {
    background-color: #000;
}

.zero-b-txt {
    color: #fff !important;
}

.zero-b-bg {
    background-color: #fff;
}
/*END DEFAULT*/
/*CUSTOM STANDARD*/
.active-default-txt {
    color: #d90030;
}

.active-default-txt-border {
    color: #d90030;
    border-left: 2px solid;
    box-sizing: border-box;
    background: #fff;
}

.first-txt {
    color: #d90030;
}

.first-bg {
    background-color: #d90030;
}

.second-txt {
    color: #676a6c;
    font-size: 10pt;
}

.second-bg {
    background-color: #002c5a;
}

.second-soft-bg {
    background-color: #e5e8ed;
}

.third-txt {
    color: #fcfcfc;
}

.third-bg {
    background-color: #fcfcfc;
}
/*END CUSTOM STANDARD*/
/*CUSTOM ADDITIONAL*/
.fourth-txt {
    color: #c9c9c9;
}

.fourth-bg {
    background-color: #c9c9c9;
    color: #d90030 !important;
}

.fifth-txt {
    color: #e5e8ed;
}

.fifth-bg {
    background-color: #e5e8ed;
}

.sixth-txt {
    color: #303744;
}

.sixth-bg {
    background-color: #303744;
}
/*END CUSTOM ADDITIONAL*/
/*COLOR CUSTOM EVIDENCE*/
.ev-one-bg {
    background: #002c5a;
}

.ev-one-txt {
    color: #002c5a;
}

.ev-one-border {
    border-color: #002c5a;
}

.ev-two-bg {
    background: #3174f1;
}

.ev-two-txt {
    color: #3174f1;
}

.ev-two-border {
    border-color: #3174f1;
}

.ev-three-bg {
    background: #0c7e1c;
}

.ev-three-txt {
    color: #0c7e1c;
}

.ev-three-border {
    border-color: #0c7e1c;
}

.ev-four-bg {
    background: #00b544;
}

.ev-four-txt {
    color: #00b544;
}

.ev-four-border {
    border-color: #00b544;
}

.ev-five-bg {
    background: #d90030;
}

.ev-five-txt {
    color: #d90030;
}

.ev-five-border {
    border-color: #d90030;
}

.ev-six-bg {
    background: #f17100;
}

.ev-six-txt {
    color: #f17100;
}

.ev-six-border {
    border-color: #f17100;
}

.ev-seven-bg {
    background: #fbb002;
}

.ev-seven-txt {
    color: #fbb002;
}

.ev-seven-border {
    border-color: #fbb002;
}
/*END COLOR CUSTOM EVIDANCE*/

/*
    *************************
    FILE  main.css - INIZIO
    *************************
*/

/*
    FONT
    Arial, Helvetica, sans-serif

    FRAMEWORK CSS
    fontawesome
*/

html {
    font-size: 13pt;
    user-select: text;
}

p {
    margin-top: 5px;
    margin-bottom: 5px;
}

h1, h2, h3, h4, h5 {
    margin: 10px 5px;
}

td {
    padding: 5px;
}

/*INPUT LIST*/
/*.input-list .list {
    margin: 0px;
    padding: 0px;
    list-style: none;
    position: absolute;
    width: 100%;
    z-index: 2;
    max-height: 200px;
    overflow-y: auto;
}*/
/*DA TESTARE*/
.input-list .list {
    margin: 0px;
    padding: 0px !important;
    list-style: none;
    position: absolute;
    width: 100%;
    z-index: 2;
    max-height: 200px;
    left: 0;
    top: 26px;
}

table .fa {
    font-size: 24px;
    color: #000;
}

table i.fa {
    color: inherit;
    font-size: 16px;
}

div.menuveloce.tooltipAction ul li a.linkStyle i.fa {
    padding-right: 5px;
}

/*END DA TESTARE*/
.input-list div .fa {
    font-size: 14pt;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    margin-left: -4px;
    float: right;
}

.margin-rigth5 {
    margin-right: 5px;
}

.margin-rigth10 {
    margin-right: 10px;
}

.margin-rigth15 {
    margin-right: 15px;
}

.margin-rigth20 {
    margin-right: 20px;
}

.margin-rigth25 {
    margin-right: 25px;
}

.margin-left5 {
    margin-left: 5px;
}

.margin-left10 {
    margin-left: 10px;
}

.margin-left15 {
    margin-left: 15px;
}

.margin-left20 {
    margin-left: 20px;
}

.margin-left25 {
    margin-left: 25px;
}

.input-list .list li {
    padding: 5px;
}
/*END INPUT LIST*/

/*CHECKBOX*/
/*.checkmark {    
    border: 2px solid #002c5a;
}*/

.container:hover input ~ .checkmark {
    background-color: #002c5a;
}

.container input:checked ~ .checkmark {
    background-color: #002c5a;
}

.container input:disabled ~ .checkmark {
    background-color: #ccc;
    border: 2px solid #ccc;
}

.container {
    display: inline;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    user-select: none;
    line-height: 25px;
    height: 25px;
    margin: 5px;
}

    .container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    margin: 1px;
    border: 2px solid #002c5a;
    /*background-color: #002c5a;*/
    transform: translate(0px, -5px);
    border-radius: 5px;
}

    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

.container input:disabled ~ .checkmark:after .container input:checked ~ .checkmark:after {
    display: block;
}

.container input:checked ~ .checkmark:after {
    display: block;
}


.container .checkmark:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

#pnlCheckbox {
    display: inline-block;
}

/*END CHECKBOX*/
.disable {
    pointer-events: none;
}

.clear-both {
    clear: both;
}

.small-clearfix {
    position: relative;
    margin: 0;
    display: inline-block;
    clear: both;
    width: inherit;
}

.clearfix {
    position: relative;
    margin: 10px;
    display: inline-block;
    clear: both;
    width: inherit;
}

.input, input[type="search"], input[type="text"], input[type="password"] {
    outline: none;
    border: 0px;
    border-bottom: 1px solid #000;
    background: transparent;
    height: 28px !important;
    font-size: 13px !important;
    /*color: #676a6c;*/
    color: #000;
    padding: 0 7px;
}

input.tablesorter-filter {
    height: 24px !important;
}


.inputBackWhite {
    background: white !important;
}

/*.inputNote {
    outline: none;
    border: 1px solid #c2cbda;
    background: transparent;
    height: 100px;
    font-size: 13px !important;
}*/
.select {
    outline: none;
    border: 0px;
    border-bottom: 1px solid;
    background: transparent;
    line-height: 1.5;
    padding-bottom: 4px;
    cursor: pointer;
}

.button, .submit, .ui-button, button, input[type="button"], input[type="submit"], input[type="reset"], .ui-dialog .ui-dialog-buttonpane button {
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    outline: none;
    background: #d90030;
    color: #fff !important;
    border-radius: 5px;
    text-decoration: none;
    text-transform: none;
    font-size: 13.33px;
}

div.submit, div.bottone {
    max-width: 200px;
}

.button:hover, .submit:hover, .ui-button:hover, button:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, .ui-dialog .ui-dialog-buttonpane button:hove {
    opacity: 0.4;
}

input[type="text"]:disabled {
    color: #777 !important;
    /*background-color: #ccc;*/
    border-bottom: 1px solid #777;
}

.button:disabled, .submit:disabled, .ui-button:disabled, input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled {
    color: #777 !important;
    background-color: #d2d8e3 !important;
    border-bottom: 1px solid #777;
    cursor: default;
}

input[readonly] {
    color: #777;
    /*background-color: #ccc;*/
    border-bottom: 1px solid #777;
}

    input[readonly]:focus {
        box-shadow: 0 0 5px 2px #777;
    }

.word-break {
    word-break: break-all;
}

.uppercase {
    text-transform: uppercase;
}

.hover {
    cursor: pointer;
}

    .hover:hover {
        opacity: 0.4;
    }

.no-margin {
    margin: 0;
}

.margin-auto {
    margin: 0 auto;
}

.margin-5 {
    margin: 5px;
}

.margin-10 {
    margin: 10px;
}

.margin-20 {
    margin: 20px;
}

.margin-bottom-0 {
    margin-bottom: 0px;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-25 {
    margin-bottom: 25px;
}

.margin-top-0 {
    margin-top: 0px;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-25 {
    margin-top: 25px;
}

.margin-top-30 {
    margin-top: 30px;
}

.no-padding {
    padding: 0;
}

.no-border {
    border: 0px solid !important;
    border-collapse: collapse;
}

.no-wrap {
    white-space: nowrap;
}

.padding-right-0 {
    padding-right: 0px;
}

.padding-right-5 {
    padding-right: 5px;
}

.padding-right-10 {
    padding-right: 10px;
}

.padding-right-15 {
    padding-right: 15px;
}

.padding-right-20 {
    padding-right: 20px;
}

.padding-right-25 {
    padding-right: 25px;
}

.padding-left-0 {
    padding-left: 0px;
}

.padding-left-5 {
    padding-left: 5px;
}

.padding-left-10 {
    padding-left: 10px;
}

.padding-left-15 {
    padding-left: 15px;
}

.padding-left-20 {
    padding-left: 20px;
}

.padding-left-25 {
    padding-left: 25px;
}

.padding-top-5 {
    padding-top: 5px;
}

.padding-top-0 {
    padding-top: 0px;
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-top-15 {
    padding-top: 15px;
}

.padding-top-20 {
    padding-top: 20px;
}

.padding-top-25 {
    padding-top: 25px;
}

.padding-bottom-5 {
    padding-bottom: 5px;
}

.padding-bottom-0 {
    padding-bottom: 0px;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.padding-bottom-15 {
    padding-bottom: 15px;
}

.padding-bottom-20 {
    padding-bottom: 20px;
}

.padding-bottom-25 {
    padding-bottom: 25px;
}

.padding-5 {
    padding: 5px;
}

.padding-10 {
    padding: 10px;
}

.padding-15 {
    padding: 15px;
}

.padding-20 {
    padding: 20px;
}

.padding-25 {
    padding: 25px;
}

.padding-30 {
    padding: 30px;
}

.padding-bottom-5 {
    padding-bottom: 5px;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.font-size-10 {
    font-size: 10pt;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.border-bottom {
    border-bottom: 1px solid;
}

.border-left-4 {
    border-left: 4px solid;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    position: relative;
}

.tooltipHover {
    display: none;
}

.leftArrow {
    display: none;
}

.ellipsis:hover .tooltipHover {
    display: block;
    white-space: normal;
    overflow: auto;
    text-overflow: clip;
    position: fixed;
    text-align: center;
    width: 155px;
    left: 210px;
    padding: 10px;
    right: 10px;
    z-index: 2;
    transform: translate(0, -60%);
    cursor: pointer;
    z-index: 3;
}

.ellipsis:hover .leftArrow {
    display: block;
    width: 0;
    height: 0;
    position: fixed;
    left: 202px;
    transform: translate(0, -80%);
    z-index: 3;
}

.pointer {
    cursor: pointer;
}

.height-50 {
    height: 50px;
}
/*ESSENDO REGOLE GENERICHE SCRITTE PRIMA DI ALTRE REGOLE DI RIDIMENSIONAMENTO è STATO AGGIUNTO L'IMPORTANT*/
.block {
    display: block !important;
}

.inline-block {
    display: inline-block !important;
}

.height-100 {
    /*height: 100% !important;*/
}

.width-100-40 {
    width: calc(100% - 40px) !important;
}

.width-100-10 {
    width: calc(100% - 10px) !important;
}

.top-35 {
    top: 35px !important;
}

.top-30 {
    top: 30px !important;
}

.width-100-20 {
    width: calc(100% - 20px) !important;
}

.width-100 {
    width: 100% !important;
    float: none !important;
}

.height-90 {
    height: 90px !important;
}
/*END ESSENDO REGOLE GENERICHE SCRITTE PRIMA DI ALTRE REGOLE DI RIDIMENSIONAMENTO è STATO AGGIUNTO L'IMPORTANT*/
.width-100-icon {
    width: calc(100% - 25px);
    box-sizing: border-box;
}

.width-250 {
    width: 250px;
}

.absolute-width-100-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.icon-action {
    width: 25px;
    text-align: center;
    margin-left: -4px;
}

.width-100-arrow-list {
    width: calc(100% - 25px);
}

.width-50-left {
    width: 50%;
    float: left;
}

.width-33-left {
    width: 33.3%;
    float: left;
}

.width-66-left {
    width: 66.6%;
    float: left;
}

.height-50-relative {
    height: 50px;
    position: relative;
}
/*
.padding-5 {
    padding: 5px;
    box-sizing: border-box;
}
*/
.relative {
    position: relative;
}

.absolute-vertical-center {
    position: absolute;
    margin-top: 3px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.absolute-vertical-left {
    position: absolute;
    margin-top: 3px;
    top: 50%;
    left: 0;
    transform: translate(15px, -50%);
}

.absolute-vertical-right {
    position: absolute;
    margin-top: 3px;
    top: 50%;
    right: 15px;
    transform: translate(0, -50%);
    /*height: 35px;*/
}

.standardList {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .standardList .list {
        /*padding: 10px 15px;*/
    }

/*LOADER GIF*/
.pageloader {
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    position: fixed;
    z-index: 9999;
}

    .pageloader .loaderContainer {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        height: 30px;
        width: 30px;
    }

        .pageloader .loaderContainer img {
            height: 100%;
            width: 100%;
        }
/*END LOADER GIF*/

/*HEADER SECTION*/
.header-section {
    position: fixed;
    height: 40px;
    left: 0;
    top: 0;
    right: 0;
    padding: 10px;
    z-index: 2;
}

.logoContainer {
    width: 40%;
    position: relative;
    height: 100%;
    float: left;
}

    .logoContainer .logo {
        margin: 10px;
        height: 100%;
        /*width: 100%;*/
        background-image: url('../../../images/LOGORAD_alfa.gif');
        background-size: 80px;
        background-repeat: no-repeat;
    }

.loginLogo {
    /*margin: 10px;*/
    height: 70px;
    /*width: 350px;*/
    background-image: url('../../../images/LOGORAD_alfa.gif');
    background-size: 140px;
    background-repeat: no-repeat;
    background-position: center;
}

.footer_login {
    position: fixed;
    bottom: 0;
    background-color: rgb(255, 255, 255);
    width: 100%;
    box-sizing: border-box;
    height: 70px;
    padding: 0 24px;
    background: #b1b1c1;
    -webkit-box-shadow: 0px 5px 30px 10px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 5px 30px 10px rgba(0,0,0,0.75);
    box-shadow: 0px 5px 30px 10px rgba(0,0,0,0.75);
}

    .footer_login #clock {
        float: right;
        font-size: 40px;
        height: 40px;
        line-height: 0;
        position: relative;
        top: 36px;
        padding: 0;
        font-family: Helvetica, Arial, sans-serif;
        -webkit-font-smoothing: antialiased;
    }

    .footer_login #rad_logo {
        /*background-size: 85px;*/
        background-repeat: no-repeat;
        height: 60px;
        margin-top: 3px;
    }


.searchContainer {
    position: relative;
    height: 100%;
    float: left;
}

.searchFilterContainer:before {
    content: " ";
    position: absolute;
    top: -9px;
    left: calc(20% - 0px);
}

.searchFilterContainer-right {
    position: fixed;
    top: 61px;
    left: 0;
    right: 0;
    padding: 10px;
    z-index: 3;
}

.searchContainer form {
    height: 100%;
}

    .searchContainer form .left {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(0, -50%);
    }

.container-focus {
    width: 40px;
    position: relative;
    float: left;
}

.searchContainer form .center {
    /*width: calc(100% - 52px);*/
    width: calc(100% - 80px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 10pt;
}

.searchContainer form .right {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
}

.sContainer {
    width: 60%;
    position: relative;
    height: 100%;
}

.voiceContainer {
    width: 60%;
    position: relative;
    height: 100%;
    float: left;
}

#logoVoiceContainer {
    width: calc(100% - 150px);
}

.iconContainer {
    position: relative;
    height: 100%;
    float: right;
}

    .iconContainer .masterIconVoice {
        list-style: none;
        position: absolute;
        /*top: 50%;
        transform: translate(0, -50%);*/
        transform: translate(0, 10px);
    }

        .iconContainer .masterIconVoice.right {
            right: 0;
            width: 10%;
            text-align: right;
        }

        .iconContainer .masterIconVoice.left {
            left: 0;
            width: 90%;
        }

        .iconContainer .masterIconVoice .list {
            display: inline-block;
            margin-right: 10px;
            font-size: 11pt;
        }

        .iconContainer .masterIconVoice .icon {
            display: inline-block;
            margin-left: 10px;
        }

            .iconContainer .masterIconVoice .icon .secondVoice {
                list-style: none;
                position: fixed;
                right: -10px;
                top: 41px;
                padding: 0;
                margin: 0;
                height: calc(100vh - 60px);
                text-align: left;
            }

                .iconContainer .masterIconVoice .icon .secondVoice li {
                    width: calc(100% - 20px);
                    margin: 0;
                    font-size: 10pt;
                }

.width-menu {
    width: 200px;
}

.width-recent {
    /*width: 240px;*/
    /*width: 350px;*/
    width: 540px;
}

.width-message {
    /*width: 280px;*/
    width: 350px;
}

.height-message {
    height: calc(100% - 100px);
}

.height-recent {
    height: calc(100% - 40px);
}

.secondVoice .list {
    padding: 10px;
    font-size: 10pt;
}

.secondVoice .elenprathistorylist .list:first-child, .secondVoice .showed .list:first-child {
    padding-top: 25px;
}

.secondVoice .elenprathistorylist .list:last-child, .secondVoice .showed .list:last-child {
    padding-bottom: 37px;
    /*fix per menù Recenti e Ricerca pratiche */
    border-bottom: none;
}

.secondVoice .elenprathistorylist .list:first-child, .secondVoice .notShowed .list:first-child {
    padding-top: 25px;
}

.secondVoice .elenprathistorylist .list:last-child, .secondVoice .notShowed .list:last-child {
    padding-bottom: 37px;
    /*fix per menù Recenti e Ricerca pratiche */
    border-bottom: none;
}

.secondVoice .messagelist {
    padding: 10px;
    font-size: 10pt;
}

.arrowController {
    position: absolute;
    left: 185px;
    top: 50%;
    transform: translate(0, -50%);
    border-radius: 50%;
    z-index: 2;
    border: 1px solid;
}

    .arrowController.active {
        left: -10px;
    }

    .arrowController .arrowContainer {
        border-radius: 50%;
        width: 30px;
        height: 30px;
        position: relative;
    }

        .arrowController .arrowContainer i {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 15px;
        }

.bullet {
    border-radius: 50%;
    position: absolute;
    width: 20px;
    height: 20px;
    font-size: 8pt;
    right: 77px;
    bottom: 10px;
    padding: 1px;
}

    .bullet p {
        margin: 0;
        height: 20px;
        text-align: center;
        line-height: 23px;
        width: 20px;
    }

.bubble2 {
    font-weight: 400;
    /* position: absolute; */
    right: 3px;
    top: 4px;
    padding: 2px 2px;
    background-color: #e02424;
    line-height: 20%;
    padding: 2px 6px;
    color: #fff;
    border-radius: 3px;
    /*width: 20px;*/
    float: left;
    margin-right: 5px;
}

.message-tag {
    /*position: absolute;
    top: 10px;
    right: 20px;*/
    padding: 5px;
    border-radius: 5px;
}
/*END HEADER SECTION*/

/*BODY SECTION*/
/*.body-section {
    position: fixed;
    top: 55px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    font-size: 10pt;
}*/

.masterContainer .title {
    width: 100%;
    height: 40px;
    text-align: center;
    position: relative;
    z-index: 1;
}

.masterContainer .left {
    float: left;
    width: 200px;
    /*height: calc(100% - 40px);*/
}

.masterContainer .center {
    width: calc(100% - 20px);
    /*height: calc(100% - 50px);*/
    padding: 10px 10px 0px 10px;
}

.masterContainer .right {
    float: right;
    width: calc(100% - 220px);
    padding: 15px 10px 0px 10px;
}
/*SCROLLBAR*/
.scrollable {
    height: calc(100vh - 210px);
}

.scrollable-no-title {
    height: calc(100vh - 110px);
}

.scrollableTable {
    height: calc(100vh - 365px);
}

.mCSB_inside > .mCSB_container {
    margin-right: 25px;
}

.scrollableTable .mCSB_inside > .mCSB_container {
    margin-right: 1px;
}
/*END SCROLLBAR*/
/*TOOLTIPACTION*/
.tooltipAction {
    position: absolute;
    /*width: 120px;*/
    /*padding: 5px;*/
    margin-top: 5px;
    display: inline-block;
    z-index: 1;
    transform: translate(20px, -50%);
    margin: 0;
    top: 50%;
    font-size: 13.33px;
    white-space: nowrap;
}

    .tooltipAction:before {
        content: " ";
        position: absolute;
        top: 50%;
        left: -8px;
        transform: rotate(-90deg) translate(4px, -50%);
    }

    .tooltipAction ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .tooltipAction a {
        text-decoration: none;
    }

    .tooltipAction i {
        width: 20px;
    }

.marginn-left-0 {
    margin-left: 0px;
}

.tooltipAction-btn {
    margin-left: 5px;
}
/*END TOOLTIPACTION*/
.sectionGroup {
    /*height: auto;
    display: table;
    padding: 10px;
    width: calc(100% - 20px);
    box-sizing: border-box;
    margin: 5px auto;*/
    height: auto;
    display: table;
    padding: 5px;
    width: calc(100% - 2px);
    box-sizing: border-box;
    margin: 2px auto;
}

.dragAndDropContainer {
    display: inline-block;
    width: 100%;
    position: relative;
    height: 210px;
    margin-bottom: 20px;
    box-sizing: border-box;
    /*overflow-y: scroll*/;
}

    .dragAndDropContainer div {
        width: 50%;
        float: left;
        text-transform: capitalize;
        cursor: pointer;
        user-select: none;
    }

    .dragAndDropContainer .drag {
        height: 100%;
        overflow-y: scroll;
        overflow-x: hidden;
    }

        .dragAndDropContainer .drag li {
            padding: 5px;
            border-radius: 5px;
            display: table;
            margin: 7px;
        }

    .dragAndDropContainer div ul {
        list-style: none;
        margin: 0;
        padding: 0;
        height: 100%;
    }

    .dragAndDropContainer .drop {
        height: 100%;
        box-sizing: border-box;
        overflow-y: scroll;
        overflow-x: hidden;
    }

        .dragAndDropContainer .drop li {
            padding: 5px;
            border-radius: 5px;
            display: table;
            margin: 7px;
        }

.searchInput {
    padding: 5px;
}

.searchResult {
    padding: 5px;
    height: calc(100vh - 290px);
}

.tableResult tbody {
    width: calc(100% - 1px);
    display: inline-table;
    box-sizing: border-box;
}

.paginator {
    height: 35px;
}

    .paginator p {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translate(0, -50%);
        margin: 0;
    }

.moreOption {
    position: fixed;
    left: 15px;
    right: 15px;
    z-index: 2;
    padding: 5px;
    transform: translate(0, 5px);
}

    .moreOption:before {
        content: " ";
        position: absolute;
        top: -9px;
        left: 80px;
    }

.accordionContainer {
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
    box-sizing: border-box;
}
/*END BODY SECTION*/

/*
    *************************
    FILE  fix.css - INIZIO
    *************************
*/

html {
    font-size: 10px;
}

body {
    margin: 0;
}

.header-section {
    height: 60px;
    padding: 0;
    z-index: 7;
}

/*.logoContainer {
    width: 10%;
}*/

/*.voiceContainer {
    width: 85%;
}*/

.clearfix {
    margin: 0;
    height: 0;
    display: inherit;
}

.masterContainer .left {
    width: 25%; /*height:calc(100% - 100px);position:fixed;margin-top:40px;z-index:5;*/
    padding-bottom: 20px;
}

.ellipsis:hover .tooltipHover {
    left: calc(25% - 20px);
    z-index: 6;
}

.ellipsis:hover .leftArrow {
    left: calc(25% - 28px);
}

.masterContainer .right {
    width: calc(75% - 30px); /*margin-top:40px;*/
    padding-bottom: 20px;
    /*overflow-x: hidden;*/
}

    .masterContainer .right.center {
        width: calc(100% - 20px);
    }

    .masterContainer .right .title {
        width: 75%;
    }

    .masterContainer .right.center .title {
        width: 100%;
    }

    .masterContainer .right .title span.bar {
        display: none;
        font-size: 1.6rem;
        position: relative;
        top: -2px;
    }

.arrowController {
    position: fixed;
    left: 25%;
    top: calc(50% + 60px);
    transform: translate(-50%, -50%);
    border: 0;
    z-index: 5;
}

    .arrowController .arrowContainer {
        border: 0;
        background: #fff !important;
        width: 32px;
        height: 32px;
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
    }

        .arrowController .arrowContainer i {
            margin-left: -2px;
            color: #d90030;
        }

    .arrowController.active {
        left: 0;
    }

        .arrowController.active .arrowContainer i {
            margin-left: 0; /*margin-left: 6px;*/
        }

.arrowControllerclose {
    left: 0 !important;
    z-index: 2;
}

    .arrowControllerclose .fa-chevron-right {
        position: relative;
        padding-left: 10px;
    }

.iconContainer .masterIconVoice.left .list:hover,
.iconContainer .masterIconVoice.left .list.active-default-txt,
.iconContainer .masterIconVoice.left .list a:hover {
    opacity: 1;
    color: #d90030;
    cursor: pointer;
}

.iconContainer .masterIconVoice.left .list li a.active {
    color: #d90030;
    cursor: pointer;
}

.iconContainer .masterIconVoice.left .list ul,
.iconContainer .masterIconVoice.left .list li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.iconContainer .masterIconVoice.left .list > ul > li > a {
    list-style: none;
    padding: 10px;
    margin: 0;
    width: inherit;
}

/* Sub Menus */
.iconContainer .masterIconVoice.left .list ul > li > a > ul {
    position: absolute;
    display: none;
    width: inherit;
}

    .iconContainer .masterIconVoice.left .list ul > li > a > ul > li:hover {
        display: block;
    }

    .iconContainer .masterIconVoice.left .list ul > li > a > ul > li {
        display: block;
    }


.hover {
    transition: all 0.2s ease;
}

    .hover:hover {
        opacity: 0.5;
    }

.iconContainer .masterIconVoice.left .list ul > li > a > ul > li > a {
    display: block;
}



.input-list div .fa {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.input-list .list {
    top: 29px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.sectionGroup > .border-bottom-second {
    border: 0 none;
}

.sectionGroup {
    position: relative;
    display: block;
}
/*.sectionGroup .modifyAllEdit{position: absolute;right: 30px;top: 8px;}*/
.masterContainer .title {
    height: 35px;
}

.moreOption:before {
    top: -3px;
}

.hide {
    display: none;
}


/*@media (min-width: 400px) {
    .logoContainer {
        width: 40%;
    }

    .voiceContainer {
        width: 60%;
    }

   
    }*/

/* DEFINIZIONE LAYOUT */
/* DEFAULT CON HAMBURGER MENU */
/*@media (width: 992px) {*/
.logoContainer {
    width: 170px;
}

.voiceContainer {
    width: calc(-170px + 100%);
}

.searchContainer {
    width: 0px;
    display: none;
}

/*.iconContainer {
            width: 10%;
        }*/

.masterContainer .left {
    width: 20%;
}

.masterContainer .right {
    width: calc(80% - 30px);
}

    .masterContainer .right .title {
        width: 80%;
    }

.masterContainer .epc-dashboard__container {
    padding: 0 !important;
    margin-top: 15px !important;
    width: 80% !important;
}

    .masterContainer .epc-dashboard__container.width-100-20 {
        width: 100% !important;
    }

.arrowController {
    left: 20%;
}

.ellipsis:hover .tooltipHover {
    left: calc(20% - 20px);
}

.ellipsis:hover .leftArrow {
    left: calc(20% - 28px);
}

.elenprathistory {
    transform: translate(-10px, 11px);
}

.elenmsgshow {
    transform: translate(-3px, 10px);
}


/*}*/

@media (min-width: 660px) {
    .logoContainer {
        width: 170px;
    }

    .voiceContainer {
        width: calc(-400px + 100%);
    }

    .searchContainer {
        width: 205px;
        display: inline-block;
        transform: translate(15px,0)
    }

    .iconContainer {
        width: 350px;
    }

    .masterContainer .left {
        width: 20%;
    }

    .masterContainer .right {
        width: calc(80% - 30px);
    }

        .masterContainer .right .title {
            width: 80%;
        }

    .arrowController {
        left: 20%;
    }

    .ellipsis:hover .tooltipHover {
        left: calc(20% - 20px);
    }

    .ellipsis:hover .leftArrow {
        left: calc(20% - 28px);
    }

    .elenprathistory {
        transform: translate(-10px, -9px);
    }

    .elenmsgshow {
        transform: translate(-10px, -10px);
    }

    .bubble2 {
        font-weight: 400;
        position: absolute;
        right: 3px;
        top: 4px;
        padding: 2px 2px;
        background-color: #e02424;
        line-height: 20%;
        padding: 2px 6px;
        color: #fff;
        border-radius: 3px;
    }
}

/*@media (min-width: 1400px) {
    .logoContainer {
        width: 10%;
    }

    .voiceContainer {
        width: 70%;
    }

    .searchContainer {
        width: 20%;
    }


    .masterContainer .left {
        width: 17%;
    }

    .masterContainer .right {
        width: calc(83% - 30px);
    }

        .masterContainer .right .title {
            width: 83%;
        }

    .arrowController {
        left: 17%;
    }

    .ellipsis:hover .tooltipHover {
        left: calc(17% - 20px);
    }

    .ellipsis:hover .leftArrow {
        left: calc(17% - 28px);
    }
}*/

.iconContainer .masterIconVoice.left {
    height: 100%;
}

    .iconContainer .masterIconVoice.left .list:first-child {
        border-left: solid 1px #e5e8ed;
    }

    .iconContainer .masterIconVoice.left .list {
        height: 100%;
        border-right: solid 1px #e5e8ed;
        padding: 0 10px;
        margin: 0;
        line-height: 60px;
        color: #2f4050;
        font-weight: 600;
        display: inline;
        float: left;
        font-size: 1.4rem;
    }

/*.iconContainer .masterIconVoice .list .fa{display:none;}*/
.iconContainer .masterIconVoice.right {
    width: auto;
}

.iconContainer .masterIconVoice:after {
    content: "";
    display: block;
    clear: both;
}

.iconContainer .masterIconVoice .icon {
    font-size: 2rem;
    margin: 0 15px 0 0;
}

    .iconContainer .masterIconVoice .icon:nth-child(2) {
        /*margin-right: 25px;*/
    }

    .iconContainer .masterIconVoice .icon.inputsearch {
        position: relative;
        margin-right: 15px;
    }

        .iconContainer .masterIconVoice .icon.inputsearch a .linkicon {
            position: absolute;
            right: 0;
            top: 0;
            color: #002c5a;
        }

    .iconContainer .masterIconVoice .icon .fa.active-default-txt {
        color: #002c5a;
        cursor: pointer;
        transition: all 0.2s ease;
    }

        .iconContainer .masterIconVoice .icon .fa.active-default-txt:hover {
            opacity: .5;
        }

.searchFilterContainer-right .fa-bolt {
    font-size: 16px;
}

    .searchFilterContainer-right .fa-bolt.active-default-txt {
        color: #002c5a;
    }

.searchContainer form .center {
    width: calc(100% - 40px);
}

.container-focus {
    width: 20px;
}

.iconContainer .masterIconVoice .icon.inputsearch a {
    position: absolute;
    /*right: 0;  //Modifica Sellitto, questo settaggio impedisce la  visualizzazione dei link nella ricerca
    top: 0;*/
    color: #002c5a;
}

    .iconContainer .masterIconVoice .icon.inputsearch a .fa {
        font-size: 10px;
    }

        .iconContainer .masterIconVoice .icon.inputsearch a .fa:hover {
            color: #d90030;
        }
/*.iconContainer .masterIconVoice .icon.inputsearch .fa-search{position:absolute;right:0;top:0;pointer-events: none;}*/
.iconContainer .masterIconVoice .icon.inputsearch input {
    padding-right: 22px;
    width: auto;
}

.bullet {
    right: 45px;
    bottom: 16px;
    z-index: 2;
}

.fourth-bg {
    background: #f3f3f4;
}

.masterContainer:after {
    content: "";
    display: block;
    clear: both;
}

/*color*/
.fourth-bg {
    background: #b1b1c1; /*#e5e8ed;*/
}

.fifth-bg {
    background-color: #f3f3f4;
}

.sixth-bg {
    background: #2f4050;
}

.standardList .list {
    color: #a7b1c2;
    font-weight: 400;
}
    /*.standardList .list.active-default-txt-border{font-weight:500; color:#fff;}*/
    .standardList .list b {
        text-transform: uppercase;
        color: #fff;
    }
/*.border-trasparent{border-left:4px solid transparent;}*/
.active-default-txt-border {
    color: #fff;
    background: #293846;
    border-left: 4px solid #d90030;
}

.standardList .hover.list:hover, .standardList .pointer.list:hover {
    font-weight: 500;
    color: #fff;
    background: #293846;
    border-left: 4px solid #d90030;
}

.standardList li.li-selezionato {
    border-left: 4px solid #d90030;
}

    .standardList li.li-selezionato .norm_h {
        opacity: 1;
        color: #fff;
        font-weight: 700;
    }

.standardList {
    font-size: 1.4rem;
}

.mCSB_inside > .mCSB_container {
    margin-right: 16px;
}

.standardList .list {
    /*padding: 15px;*/
}

    .standardList .list .fa-list {
        color: #d90030;
    }

    .standardList .list b {
        position: relative;
        /*padding-left: 20px;*/
        display: inline-block;
    }

    /*.standardList .list b:before {
            content: "\f03a";
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            text-decoration: inherit;
            color: #d90030;
            font-size: 1.4rem;
            padding-right: 0.5em;
            position: absolute;
            top: 20px;
            left: 0;
        }*/

    .standardList .list.hover:hover, .standardList .list .hover:hover {
        opacity: 1;
        color: #fff;
    }

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    position: relative;
}

    .ellipsis:hover .tooltipHover {
        display: block;
        white-space: normal;
        overflow: auto;
        text-overflow: clip;
        position: fixed;
        text-align: center;
        width: 155px;
        left: 210px;
        padding: 10px;
        right: 10px;
        z-index: 2;
        transform: translate(0, -60%);
        cursor: pointer;
        z-index: 3;
    }

    .ellipsis:hover .leftArrow {
        display: block;
        width: 0;
        height: 0;
        position: fixed;
        left: 202px;
        transform: translate(0, -80%);
        z-index: 3;
    }

.shadow {
    box-shadow: none;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background: transparent;
}

/*right*/
/**/
.masterContainer .right .title {
    border-radius: 5px;
    height: 75px !important;
}

    .masterContainer .right .title h3, .masterContainer .right .title h5 {
        font-size: 14px;
        margin: 5px;
    }

    .masterContainer .right .title h5 {
        font-weight: 300;
    }

.masterContainer .right .sectionGroup, .s, .edit {
    background: #fff;
    margin-top: 6px; /*border-bottom:solid 2px #e7eaec;*/
    border-radius: 5px;
    /*box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.3);*/
}

table.D, table.elen, table.s, table.g, table bord {
    padding: 5px;
    background: #fff;
}

    table.D td, table.elen td, table.s td, table.g td, table.bord td, table.D th, table.elen th, table.s th, table.g th, table.bord th {
        border: 1px solid #c2cbda;
        font-size: 13.3px;
        vertical-align: middle;
    }

table.bord td {
    padding-bottom: 4px;
}

table.D_No_border {
    padding: 5px;
    background: #fff;
    border: none;
}

    table.D_No_border td, table.D_No_border th {
        font-size: 13.3px;
        padding: 5px;
        border: none;
    }



.D_No_border td {
    font-size: 13.3px;
    border: none;
}



.masterContainer .right .sectionGroup h3, .masterContainer .right .sectionGroup h4, .masterContainer .right .sectionGroup h4.hover {
    font-weight: 700;
    font-size: 1.8rem;
    border-bottom: solid 1px #e5e8ed;
    margin: 0 0 5px 0;
    padding: 5px;
    color: #d90030;
    opacity: 1;
}

    .masterContainer .right .sectionGroup h4, .masterContainer .right .sectionGroup h4.hover {
        border-bottom: 0 none;
    }

        .masterContainer .right .sectionGroup h3 .fa-sliders, .masterContainer .right .sectionGroup h4 .fa-sliders {
            margin-right: 5px;
        }

.masterContainer .right .sectionGroup .second-txt h4 {
    margin: 0;
}

.masterContainer .right .sectionGroup .second-txt h5 {
    font-size: 10pt;
    color: #676a6c;
    margin: 0;
    padding: 5px;
}

.masterContainer .right .sectionGroup h3 .fa, .masterContainer .right .sectionGroup h4 .fa {
    color: #676a6c;
}

.masterContainer .right label, .masterContainer .sectionGroup .second-txt {
    color: #676a6c;
}

.masterContainer .right .sectionGroup input { /*margin-top:3px;*/
}

.masterContainer .right .sectionGroup .height-50-relative {
    height: auto;
    padding: 8px 5px;
}

.masterContainer .right .sectionGroup .absolute-vertical-center {
    position: static;
    left: auto;
    right: auto;
    transform: none;
}

.masterContainer .right .sectionGroup .dragAndDropContainer {
    border-radius: 5px;
    border-width: 1px;
}

.drop-border-lf {
    border-width: 1px;
}

.accordionContainer {
    padding: 18px 5px 8px 5px;
    margin: 0;
    border-top: solid 1px #e5e8ed;
}

    .accordionContainer hr {
        margin: 15px 0;
        border-width: 0;
        border-color: #e5e8ed;
        border-bottom-width: 1px;
    }

.masterContainer .right .sectionGroup table {
    width: 100%;
    border-collapse: collapse;
    color: #000;
}

    .masterContainer .right .sectionGroup table tr {
        /*vertical-align: top !important;*/
    }

.masterContainer .right table td {
    border-color: #c2cbda;
}

.masterContainer .right .sectionGroup table tr.second-bg {
    background: #d2d8e3;
    color: #000;
}

.masterContainer .right .sectionGroup table.vmiddle tr {
    vertical-align: middle !important;
}

.masterContainer .right .sectionGroup table td, .masterContainer .right .sectionGroup table th {
    padding: 5px;
    border-color: #c2cbda;
}

    .masterContainer .right .sectionGroup table td.head, .masterContainer .right .sectionGroup table td.head_l, .masterContainer .right .sectionGroup table th {
        background: #d2d8e3; /*background:#002c5a;color:#fff;*/
        /*font-weight: bold;*/
        border-color: #b3bed0;
    }

.masterContainer .right .sectionGroup table table td.head, .masterContainer .right .sectionGroup table table td.head_1, .masterContainer .right .sectionGroup table table th {
    background: #e5e8ed;
}
/*.masterContainer .right .sectionGroup table.no-border td, .masterContainer .right .sectionGroup table.no-border th{border-color:transparent;}*/

.masterContainer .right .sectionGroup table td.head a, .masterContainer .right .sectionGroup table td a {
    color: #d90030;
    text-decoration: none;
    font-weight: bold;
}

.masterContainer .right .sectionGroup table td a {
    color: #024b97;
    font-weight: normal;
}

.masterContainer .right .sectionGroup table td.head_l {
    background: #e5e8ed; /*background:#e5e8ed;color:#000;*/
}

.masterContainer .right .sectionGroup table td.warning {
    color: #fff;
    font-weight: bold;
    background: red;
    text-align: center;
}

.masterContainer .right .sectionGroup table td.tablepad {
    padding-top: 10px;
    padding-bottom: 10px;
}

.accrordion > h4 {
    cursor: pointer;
}

/*no fixed */
.body-section {
    position: static;
    margin-top: 55px;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
}

.masterContainer > .title {
    position: fixed;
}

.masterContainer .right .title {
    background: #b1b1c1;
    font-weight: 300;
    font-size: 2rem;
    height: auto !important;
    z-index: 2;
    position: fixed;
    top: 90px;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    border-radius: 0;
    right: 0; /*margin-bottom:25px;*/
    transition: all 0.2s ease;
}

    .masterContainer .right .title + div {
        margin-top: 53px;
    }

    .masterContainer .right .title .absolute-vertical-center {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
    }

.masterContainer .left {
    height: calc(100% - 100px);
    position: fixed;
    margin-top: 35px;
    z-index: 5;
}
/*.masterContainer .right{margin-top:30px;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}*/
.masterContainer .right {
    margin-top: 5px;
    transition: all 0.2s ease;
}

    .masterContainer .right .title h3:first-of-type {
        display: block;
        font-weight: bold;
        margin: 8px 0 0 0;
    }

    .masterContainer .right .title h3, .masterContainer .right .title h5 {
        color: #fff /*#676a6c*/;
        font-size: 20px;
        display: inline-block;
        font-weight: 300;
        margin: 0 0 5px 0;
        transition: all 0.2s ease;
    }

.scrolled .masterContainer .right .title {
    padding: 3px;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.3);
}

    .scrolled .masterContainer .right .title h3, .scrolled .masterContainer .right .title h5 {
        font-size: 16px;
        margin: 0;
        position: relative;
        top: -2px;
    }

        .scrolled .masterContainer .right .title h3:first-of-type {
            display: inline-block;
        }

    .scrolled .masterContainer .right .title span.bar {
        display: inline-block;
    }
/* fine no fixed */

/*message*/
.iconContainer .masterIconVoice .icon .secondVoice {
    right: 0;
    border-left: solid 1px #e5e8ed;
    box-shadow: -6px 20px 35px 0px rgba(0, 0, 0, 0.3);
}

.tableMessage:nth-child(odd) {
    background: #f3f4f4;
}

.tableResult > tbody > tr:nth-child(even) {
    background: none;
}

.tableResult > tbody > tr:nth-child(odd) {
    background: #f3f4f4;
}

.paginator {
    height: auto;
    padding: 8px 10px;
    position: static;
}

    .paginator p {
        position: static;
        top: auto;
        transform: none;
        text-align: right;
    }

.searchInput {
    border-radius: 5px;
}

.searchResult {
    height: auto;
}

.moreOption {
    position: static;
}

    .moreOption table {
        background: #f3f4f4;
    }

.light-grey {
    background: #f3f4f4;
}

.no-bg {
    background: none !important;
}

.pad5 {
    padding: 5px;
}

.padl5 {
    padding-left: 5px;
}

.pad10 {
    padding: 10px;
}

.padl10 {
    padding-left: 10px;
}

table .width-10p {
    width: 10%;
}

table .width-15p {
    width: 15%;
}

table .width-20p {
    width: 20%;
}

table .width-25p {
    width: 25%;
}

table .width-30p {
    width: 30%;
}

table .width-35p {
    width: 35%;
}

table .width-40p {
    width: 40%;
}

table .width-45p {
    width: 45%;
}

table .width-50p {
    width: 50%;
}

table .width-55p {
    width: 55%;
}

table .width-60p {
    width: 60%;
}

table .width-65p {
    width: 65%;
}

table .width-70p {
    width: 70%;
}

table .width-75p {
    width: 75%;
}

table .width-80p {
    width: 80%;
}

table .width-85p {
    width: 85%;
}

table .width-90p {
    width: 90%;
}

table .width-95p {
    width: 95%;
}

table .width-100p {
    width: 100%;
}

/*@media (min-width: 1200px) {
    .tablefixed {
        table-layout: fixed;
    }
}*/


/*tab*/

.ui-tabs {
    border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}

ul.nav-tabs {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 2;
}

    ul.nav-tabs:after {
        content: "";
        display: block;
        clear: both;
    }

.nav-tabs > li {
    float: left;
    margin-bottom: -1px;
    outline: none !important;
}

.nav > li {
    position: relative;
    display: block;
    padding: 8px 8px 5px 8px;
    font-weight: 500;
    font-size: 1.6rem;
    border-bottom: solid 1px #e5e8ed;
    margin-right: 5px;
    background: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    opacity: .8;
}

    .nav > li.ui-tabs-active {
        opacity: 1;
        border-bottom: 0 none;
    }

    .nav > li a {
        text-decoration: none;
        color: #676a6c;
        outline: none !important;
    }

    .nav > li.ui-tabs-active a {
        color: #d90030;
    }


.masterContainer .right .ui-tabs .sectionGroup {
    margin-top: 0;
    border: 0 none;
    padding: 10px;
    width: 100%;
    margin: 0;
    border-radius: 5px;
    border-top-left-radius: 0;
}

a.ico-edit-export, .sectionGroup .modifyAllEdit {
    float: right;
    position: relative;
    top: -10px;
    margin-left: 10px;
}

.btn-ico .fa {
    color: #fff;
    font-size: 14px;
    position: relative;
    top: 4px;
}

.btn-ico {
    /*position: absolute;*/
    right: 30px;
    top: 10px;
    list-style: none;
}

.sectionGroup .saveAllEdit {
    top: 11px;
    margin-left: 10px;
    height: 24px;
}

.btn-ico-ext {
    display: block;
    margin: 5px 0 10px 0;
}

    .btn-ico-ext .btn-default, .btn-ico .btn-default {
        float: right;
        color: #fff !important;
        background: #d90030;
        border-radius: 5px;
        text-decoration: none;
        padding: 5px;
        margin-left: 10px;
    }

    .btn-ico-ext .btn-default {
        min-height: 20px;
        line-height: 18px;
    }

.btn-ico .btn-default {
    width: 24px;
    height: 24px;
    padding: 0;
    text-align: center;
}

.btn-ico .btn-excel, .btn-ico-ext .btn-excel {
    background: #217346;
}

.btn-ico .btn-word, .btn-ico-ext .btn-word {
    background: #295598;
}

.btn-ico-ext .btn-excel {
    padding-left: 3px;
}

.btn-ico-ext .btn-word {
    padding-left: 3px;
}

.btn-ico-ext .btn-default img {
    float: left;
    position: relative;
    top: 0;
    margin-right: 5px;
}

.btn-ico .btn-default img {
    position: relative;
    top: 2px;
}

.btn-ico-ext:after {
    content: "";
    display: block;
    clear: both;
}

/*select2*/
.select2-container:focus {
    outline: none;
}

.select2-container .select2-selection--single {
    height: 27px;
    outline: none;
}

.select2-container--default .select2-selection--single {
    border: 0 none;
    border-radius: 0;
    border-bottom: solid 1px #000;
    background: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0 30px 0 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    font-size: 14pt;
    top: 2px;
    right: 0;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    background-color: #002c5a;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    transition: all 0.2s ease;
}

    .select2-container--default .select2-selection--single .select2-selection__arrow:before {
        content: "\f106";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        color: #fff;
        font-size: 14pt;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow:hover {
        opacity: 0.5;
    }

.select2-results__option {
    color: #676a6c;
    font-size: 10pt;
    padding: 5px;
    transition: all 0.2s ease;
}


.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:before {
    content: "\f107";
}

.select2-container--open .select2-dropdown--below {
    /*background: #e5e8ed;*/
    /*border-bottom: solid 1px #e5e8ed;
    border-left: solid 1px #e5e8ed;*/
    border: solid 1px #e5e8ed;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background: none;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: none;
    color: #a8abaf;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 25px;
    color: #000;
}

.select2-dropdown {
    border: 0 none;
}

.select2-results__option[aria-disabled="true"] {
    display: none;
}

select.width-auto-next + .select2-container {
    width: auto !important;
    min-width: 170px;
}

/*scrollbar*/
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar,
.table-responsive::-webkit-scrollbar {
    width: 8px;
    background: none;
    height: 8px;
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-track,
.table-responsive::-webkit-scrollbar-track {
    background-color: none;
    margin: 2px 0;
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb,
.table-responsive::-webkit-scrollbar-thumb {
    background-color: #656668;
    border-radius: 4px;
}

.table-responsive {
    width: 100%;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow-x: auto;
}

.modifyAllEdit, .saveAllEdit {
    position: relative;
    top: -2px;
    height: 27px;
}
/*dropdown export*/
.exportTrigger, .standardIco {
    font-size: 1.8rem;
    left: 10px;
    top: 10px;
    cursor: pointer;
    color: #676a6c;
    /*padding-left: 30px !important;    */
}

/*******************************************************/
/*********************** FINCONS ***********************/
/*******************************************************/
textarea, .inputNote {
    outline: none;
    border: 1px solid #000;
    background: transparent;
    /*height: 100px !important;*/
    width: 500px;
    font-size: 13px !important;
    /*color: #676a6c;*/
    color: #000;
    font-size: 10pt;
}

    textarea:disabled {
        color: #777;
        border: 1px solid #777;
    }


table i.fa-sticky-note-o {
    color: #024b97;
}

a i.fa-bolt {
    color: #024b97;
    font-size: 15px;
}

    a i.fa-bolt:active {
        color: #024b97;
    }

a .fa-user, a .fa-user-o, a .fa-industry {
    color: #024b97;
    font-size: 15px;
    padding-right: 5px;
}

    a .fa-user, a .fa-user-o, a .fa-industry:active {
        color: #024b97;
    }

/*a {
    color: #002c5a;
    text-decoration: none;
}*/

/* merge per table */

table {
    width: 100%;
    border-collapse: collapse;
    color: #000;
}

    table tr {
        /*vertical-align: top !important;*/
    }

        table tr.second-bg {
            background: #d2d8e3;
            color: #000;
        }

    table.vmiddle tr {
        vertical-align: middle !important;
    }

    table td, .newTable table th {
        padding: 5px;
        border-color: #c2cbda;
    }

        table td.head, .newTable table td.head_l, .newTable table th {
            background: #d2d8e3;
            /*font-weight: bold;*/
            border-color: #b3bed0;
            vertical-align: middle;
            text-align: center;
        }

            table td.head a, .newTable table td a {
                color: #d90030;
                text-decoration: none;
                font-weight: bold;
            }

        table td a {
            color: #024b97;
            font-weight: normal;
        }

        table td.head_l {
            background: #e5e8ed;
            /*font-weight: bold;*/
        }

        table td.warning {
            color: #fff;
            font-weight: bold;
            background: red;
            text-align: center;
        }

        table td.tablepad {
            padding-top: 10px;
            padding-bottom: 10px;
        }

    /* aggiunta per correggere la width della tabella change profilo */
    table#tableprofili {
        width: auto;
        margin-top: 10px;
    }

/* input width-100-icon zero-a-txt border-bottom-color */
.fw {
    background: transparent;
    /*width: calc(-25px + 100%);*/
    padding-bottom: 4px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 4px;
    line-height: 24px;
    border: 0px;
    border-bottom: 1px solid #777;
    outline: none;
    box-sizing: border-box;
    /*color: #000 !important;*/
    color: #777 !important;
    font-family: "Roboto",sans-serif;
    font-size: 13.33px;
    display: inline-block;
    height: 29px;
    margin-right: 15px;
    /*border-bottom: 1px dotted rgb(175, 186, 186);*/
}

.btnFinder {
    height: 26px;
    /*position: absolute;*/
    top: 1px;
    right: 1px;
    width: 20px;
}

.btnFinder {
    font-size: 14pt;
    top: 2px;
    right: 0;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    background-color: #002c5a;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    transition: all 0.2s ease;
    margin-left: -25px;
    margin-top: -10px;
    padding: 5px 4px;
}

    .btnFinder:hover {
        opacity: 0.5;
    }

    .btnFinder::before {
        content: "\f106";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        color: #fff;
        font-size: 14pt;
        /*position: absolute;*/
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

table .Header_Background, table .pag, .table, .head, .head_c, table .tit_column, .pgr table, .sorting, .Grid_pager table {
    background: #d2d8e3;
    /*font-weight: bold;*/
    border-color: #b3bed0;
    text-align: center;
    font-size: 13.3px;
    padding: 5px;
    color: #000;
    border: 1px solid #c2cbda;
}

.pager, .yellow, .tit_modale, .AC_Header, .titoloAccordionDett {
    font-weight: 500;
    font-size: 16px !important;
    /*border-bottom: solid 1px #e5e8ed;*/
    border: none !important;
    border-width: 0px !important;
    margin: 0 0 5px 0;
    padding: 5px;
    /*color: #676a6c;*/
    color: #d90030;
    opacity: 1;
    text-align: left !important;
}

.pagerHead, table caption, .titoloAccordion {
    font-weight: 500;
    font-size: 16px !important;
    border-bottom: solid 1px #e5e8ed !important;
    border-left-width: 0px !important;
    border-right-width: 0px !important;
    border-top-width: 0px !important;
    /*border: none !important;*/
    /*border-width: 0px !important;*/
    margin: 0 0 5px 0;
    padding: 5px;
    color: #d90030;
    opacity: 1;
    text-align: left !important;
}

.titoloAccordion {
    font-weight: 500;
    font-size: 16px !important;
    border: none !important;
    border-width: 0px !important;
    margin: 0 0 5px 0;
    padding: 5px;
    color: #d90030;
    opacity: 1;
    text-align: left !important;
}

.pagerOnly {
    font-weight: 500;
    font-size: 16px !important;
    /*border-bottom: solid 1px #e5e8ed;*/
    border: none !important;
    border-width: 0px !important;
    margin: 0 0 5px 0;
    padding: 5px;
    color: #676a6c;
    opacity: 1;
    text-align: left !important;
}


.pagerHeadOnly {
    font-weight: 500;
    font-size: 16px !important;
    /*border-bottom: solid 1px #e5e8ed;*/
    border: none !important;
    border-width: 0px !important;
    margin: 0 0 5px 0;
    padding: 5px;
    color: #d90030;
    opacity: 1;
    text-align: left !important;
}

/*.yellow {
        font-weight: 500;
        font-size: 16px !important;
        /*border-bottom: solid 1px #e5e8ed;
        /*border: none !important;
        border-width: 0px !important;
        margin: 0 0 5px 0;
        padding: 5px;
        color: #d90030;
        opacity: 1;
        text-align: left !important;
    }*/

.pager:before, .yellow:before, .tit_modale:before, .AC_Header:before, .titoloAccordionDett:before {
    content: "\f1de";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #676a6c;
    margin-right: 5px;
    padding-right: 5px;
}

.pagerHead:before, table caption:before {
    content: "\f1de";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #676a6c;
    margin-right: 5px;
    padding-right: 5px;
}

table .saldo {
    font-weight: 300;
    /*font-size: 13.3px !important;*/
    font-size: 17px !important;
    /*border-bottom: solid 1px #e5e8ed;*/
    border: none !important;
    border-width: 0px !important;
    margin: 0 0 5px 0;
    padding: 5px;
    color: #d90030;
    opacity: 1;
    text-align: left !important;
}

    table .saldo:before {
        content: "\f1de";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        color: #676a6c;
        margin-right: 5px;
        padding-right: 5px;
        padding-left: 5px;
    }

table td .bord {
    font-size: 13.3px !important;
}


.table_edit_prat tr {
    display: table-row;
}

    .table_edit_prat tr td {
        display: inline-block
    }


.no_border, .s, .edit, .no_border table, table.si_border {
    /*/color: #676a6c;*/
    font-family: "Roboto",sans-serif;
    font-size: 13.33px;
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 8px;
    background: #fff;
    margin-bottom: 6px;
    border-radius: 5px;
    /*box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.3);*/
    box-sizing: content-box;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}


.no_border_notTable td, .no_border_notTable table.td {
    padding-bottom: 0px;
}



.no_border_notTable, .no_border_notTable table {
    font-family: "Roboto",sans-serif;
    font-size: 13.33px;
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 8px;
    background: #fff;
    margin-bottom: 6px;
    border-radius: 5px;
    /*box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.3);*/
    box-sizing: content-box;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}


table .r {
    text-align: right;
}

.disable {
    font-style: italic;
    color: #a7b1c2;
    text-align: left;
}


.table_box {
    color: #676a6c;
    font-family: "Roboto",sans-serif;
    font-size: 13.33px;
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    background: #fff;
    margin-bottom: 20px;
    border-radius: 5px;
    box-sizing: content-box;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.Tbl_box_shadow {
    box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.3);
}

.Tbl_box_plan {
    border: 1px solid #c2cbda;
}

.titolo_sezione_edit_up, .titolo_sezione_edit {
    font-weight: 500;
    font-size: 1.8rem;
    /*margin: 0 0 5px 0;*/
    padding: 5px;
    color: #d90030;
    opacity: 1;
    /*padding-left: 30px !important;*/
    cursor: pointer;
    border-bottom: solid 1px #e5e8ed;
}

.bottone {
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    outline: none;
    background: #d90030;
    color: #fff;
    border-radius: 5px;
    font-size: 13px;
    text-decoration: none;
}

.bottone-disabled {
    padding: 5px 10px;
    border: none;
    outline: none;
    background: #d2d8e3;
    color: #777;
    border-radius: 5px;
    font-size: 13px;
    text-decoration: none;
}

.bottone:hover, .submit:hover {
        opacity: 0.4;
}


div.menu {
    position: absolute;
    visibility: hidden;
    left: 0;
    top: 0;
    z-index: 5000;
    font-size: 10px;
    background-color: #eeeeef;
    border: 2px solid;
    border-color: #f7faff #0B3C43 #0B3C43 #f7faff;
}

    div.menu ul {
        margin: .5em 1em .6em 0;
        padding: 0;
    }

        div.menu ul li {
            line-height: 1;
            list-style-type: none;
            margin: 0 0 .8em .4em;
        }

    div.menu a {
        text-decoration: none;
        white-space: nowrap;
        color: blue;
    }

        div.menu a:link {
            color: blue;
        }

        div.menu a: {
            color: blue;
            cursor: pointer;
        }

            div.menu a:visited {
                color: blue;
            }

            div.menu a:hover {
                color: blue;
                border-bottom: 1px dashed blue;
                cursor: pointer;
            }

.accordion-box {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 10px;
}

.modalIframe {
    margin: 0px;
    position: absolute;
    z-index: 10000;
    left: 0px;
    top: 0px;
    filter: alpha(opacity=75);
    opacity: 0.7;
    -moz-opacity: 0.75;
    width: 3000px;
    height: 3000px;
}

.modalBackground {
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 10000;
    left: 0px;
    top: 0px;
    text-align: center;
    background-color: Gray;
    filter: alpha(opacity=75);
    opacity: 0.7;
    -moz-opacity: 0.75;
    width: 100%;
    height: 100%;
}

.modalPopup {
    display: block;
    width: 600px;
    /*height: 320px;*/
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -150px 0 0 -300px;
    z-index: 10001;
    background-color: #fff;
    padding: 3px;
    color: #676a6c;
    font-family: "Roboto",sans-serif;
    font-size: 13.33px;
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 8px;
    background: #fff;
    margin-bottom: 6px;
    border-radius: 5px;
    box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.3);
    box-sizing: content-box;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.modalPopup_small {
    display: block;
    width: 601px;
    height: 200px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -100px 0 0 -300px;
    z-index: 10001;
    background-color: #ffffdd;
    border-width: 1px;
    border-style: solid;
    border-color: #0B3C43;
    padding: 3px;
}

.modalPopupProva {
    display: block;
    width: 601px;
    height: 200px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -100px 0 0 -300px;
    z-index: 10001;
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    /*border-color: #0B3C43;*/
    padding: 3px;
}

.modalPopup_large {
    display: block;
    width: 820px;
    height: 480px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -240px 0 0 -400px;
    z-index: 10001;
    background-color: #fff;
    padding: 3px;
    color: #676a6c;
    font-family: "Roboto",sans-serif;
    font-size: 13.33px;
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 8px;
    background: #fff;
    margin-bottom: 6px;
    border-radius: 5px;
    box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.3);
    box-sizing: content-box;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
}

.modalPopup_medium {
    display: block;
    width: 800px;
    height: 150px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -75px 0 0 -400px;
    z-index: 10001;
    background-color: #ffffdd;
    border-width: 1px;
    border-style: solid;
    border-color: #0B3C43;
    padding: 1px;
}

.testoalert {
    font-weight: bold;
    background-image: url(./images/alert_background.png);
    height: 60px;
    z-index: 10000000;
    font-size: 11px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    border-top: solid 1px #e5e8ed
}

#aler {
    box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.3);
    color: #676a6c;
    font-family: "Roboto",sans-serif;
    font-size: 13.33px;
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    background: #fff;
    margin-bottom: 20px;
    border-radius: 5px;
    box-sizing: content-box;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    /*S.Ruocco inserito il blocco seguente perchè ripetuto più volte all'interno delle pagine aspx*/
    display: none;
    width: 40%;
    height: 100px;
    position: absolute;
    left: 30%;
    text-align: center;
    z-index: 10000000;
}

.loggedUser {
    padding: 5px;
    background-color: #f3f3f4;
    text-align: right;
    display: inline-block;
    width: 100%;
    float: right;
}

    .loggedUser:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f2c0";
    }

.div_edit-0 {
    padding-top: 0px;
}

.div_edit {
    padding-top: 20px;
}

.div_edit-30 {
    padding-top: 30px;
}

.div_edit-40 {
    padding-top: 40px;
}

.div_edit-50 {
    padding-top: 50px;
}

.div_edit-60 {
    padding-top: 60px;
}

.div_edit-70 {
    padding-top: 60px;
}

.div_edit-80 {
    padding-top: 60px;
}

.div_edit-90 {
    padding-top: 60px;
}

.div_edit-100 {
    padding-top: 60px;
}

.LinkStyle, .LinkStyle:visited, .LinkStyle a, table .Header_Background a {
    border-collapse: collapse;
    color: rgb(2, 75, 151);
    cursor: pointer;
    text-decoration: none;
    text-decoration-color: rgb(2, 75, 151);
    text-decoration-line: none;
    text-decoration-style: solid;
    transition-delay: 0s;
    transition-duration: 0.2s;
    transition-property: all;
    transition-timing-function: ease;
}

    .LinkStyle:hover, .LinkStyle a:hover, table .Header_Background a:hover {
        opacity: 0.5;
    }

.sectionGroup_NoShadow {
    /*background: #fff;
    margin-top: 6px;
    border-radius: 5px;    
    border: 1px solid #e7eaec;*/
}
/*************************
    MENU SX
**************************/

/*#navigazione {
    background: #303744; 
}*/
#active-button-5 a.norm_h {
    color: #fff;
    font-size: 14px;
    padding-left: 15px;
    /*padding-right: 0px;*/
    text-transform: uppercase;
    font-weight: 700;
}

    #active-button-5 a.norm_h:before {
        content: "\f03a";
        font-family: FontAwesome;
        color: #d90030;
        padding-right: 5px;
        font-weight: 500;
    }

#navigazione h3.tit_sez_link, h3.tit_actual, h.tit_sez_link, h4.tit_sez_link, h4.tit_actual {
    color: #fff;
    font-size: 12px;
    padding-left: 15px;
    /*padding-right: 0px;*/
    text-transform: uppercase;
}

#navigazione h3.tit_actual, h4.tit_actual {
    font-size: 16px;
    text-align: center;
}

#navigazione h3.tit_sez_link:before, h3.tit_actual:before {
    /*content: "\f03a";*/
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*color: #d90030;*/
    font-size: 14px;
    margin: 0px !important;
    padding-right: 5px;
}

#navigazione h3.tit_sez_link:before {
    content: "\f0ae";
    font-family: FontAwesome;
    color: #fff;
}

#navigazione h4.tit_sez_link:before, h4.tit_actual:before {
    content: "\f03a";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #d90030;
    font-size: 14px;
    margin: 0px !important;
    padding-right: 5px;
}

/*#navigazione ul li {
    list-style: none;
    padding-bottom: 5px;
    margin: 0;    
}*/
.norm {
    cursor: pointer;
}

.norm_h {
    color: #a7b1c2;
    font-weight: 400;
    cursor: pointer;
    font-size: 13.6px;
    text-decoration: none;
    padding: 11px;
    display: block;
}

    .norm_h:hover {
        opacity: 1;
        color: #fff;
        font-weight: 700;
    }

/*********************************
        MENU HEADER
***********************************/


.Menu-Dropdown {
    /*height: 100%;*/
    padding: 0 0 0 10px;
    margin: 0;
    line-height: 60px;
    /*color: #2f4050;*/
    font-weight: 600;
    display: inline;
    float: left;
    font-size: 11pt;
}

    .Menu-Dropdown li {
        display: inline;
        position: relative;
        float: left;
        border-right: solid 1px #e5e8ed;
    }

        .Menu-Dropdown li a {
            color: #002c5a;
            display: block;
            float: left;
            height: 60px;
            line-height: 60px;
            padding: 0 5px;
            text-decoration: none;
        }

            .Menu-Dropdown li a:hover {
                opacity: 1;
                color: #a9401b;
                cursor: pointer;
            }

        .Menu-Dropdown li ul {
            margin: 0;
            padding: 0;
            line-height: none;
            position: relative;
            /*border: solid 1px #e5e8ed;*/
            width: 100%;
            display: none;
            background: #FFFFFF;
        }

        .Menu-Dropdown li:hover ul {
            display: block;
        }

        /* .Menu-Dropdown li:hover a {
                    color: #a9401b;
                    background: #FFFFFF;
                }*/

        .Menu-Dropdown li ul li {
            background-color: #fff;
            display: block;
            border: solid 1px #e5e8ed;
            width: 100%;
            padding: 0 0 0 0px;
        }

/*.Menu-Dropdown li ul li:last-child {
                        border-bottom: 0px;
                    }

                .Menu-Dropdown li ul a {
                    border-width: 0px;
                    color: #909090;
                    padding: 0 5px 0 0;
                    background-color: transparent;
                }

                .Menu-Dropdown li:hover ul li a {
                    color: #909090;
                }*/

/*.Menu-Dropdown li ul li a:hover {
                    color: #a9401b;
                }*/

/***********************
    TAB STYLE
***********************/



.tab-container {
    font-size: 16px;
    background-color: white;
    border: 1px solid #ccc;
}

.tab-bar {
    width: 100%;
    overflow: hidden;
    background: #f3f3f4;
}


.tab-button {
    white-space: normal;
    margin-left: 3px;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 5px solid #abb5c6;
    border-right: 1px solid #e5e5e5;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    background-color: #e5e5e5;
    color: black;
}

    .tab-button:hover {
        color: black;
        background-color: #cecece;
        border-top: 5px solid #abb5c6;
    }

.tab-selected, .tab-selected:hover {
    background: #fff !important;
    border-top: 5px solid #d90030;
}

.fix_width_table table {
    width: auto;
    padding: 0px;
    margin: 0px;
}

.fix_width_table td {
    padding: 0px;
    margin: 0px;
    height: 33px;
}

.fix_width_table tr > td {
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.fix_width_table .fw span:empty:before {
    content: "\00a0";
}

#loading {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    opacity: 0.5;
    background-color: #fff;
    z-index: 99;
    text-align: center;
    background-image: url('../img/general/gif.gif');
    background-size: 100px;
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
}


.Grid_Item {
    /*background-color: #e7ebf7;
    height: 25px;*/
}

.Grid_Alternative {
    /*background-color: white;
    height: 25px;*/
}


.Grid_pager {
    text-align: left;
}

.alert {
    padding-right: 10px;
    vertical-align: middle;
}

div.t_war {
    /* CUSTOM */
    border: 1px solid #e5e8ed;
    background: #e5e8ed;
    color: #002c5a;
    font-size: 10pt;
    font-weight: 700;
    /*text-align: center;*/
    /* BOX ANDO SHADOW */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    /* STRUCTURE */
    white-space: normal;
    text-overflow: clip;
    /*position: fixed;
    width: 155px;
    left: 200px;*/
    padding: 10px;
    right: 10px;
    z-index: 6;
    /* ORIG */
    cursor: default;
    /*display: none;*/
    padding: 10px;
    position: absolute;
    /*white-space: nowrap;*/
    width: 140px;
    z-index: 2147483647;
}

    div.t_war:before {
        content: attr(class) " ";
        position: absolute;
        height: 0;
        width: 0;
        text-indent: 100%;
        overflow: hidden;
        border-right-color: inherit;
        border-right-style: solid;
        border-right-width: 10px;
        left: -10px;
        border-bottom: 5px solid transparent;
        border-top: 5px solid transparent;
        margin-top: -5px;
        top: 50%;
        border-right-color: inherit;
        border-right-style: solid;
        border-right-width: 10px;
        left: -10px;
        border-bottom: 5px solid transparent;
        border-top: 5px solid transparent;
        margin-top: -5px;
        top: 50%;
    }

div.int {
    height: 200px;
    overflow: auto;
    background: inherit;
}

.pagerHeadNoIcon {
    font-weight: 500;
    font-size: 16px !important;
    /*border-bottom: solid 1px #e5e8ed;*/
    border: none !important;
    border-width: 0px !important;
    margin: 0 0 5px 0;
    padding: 5px;
    color: #d90030;
    opacity: 1;
    text-align: left !important;
}

.checkboxTd {
    width: 5%;
}

/* CIONA CHIUDI */

/*
    .l a {
    content: "\f00d";
    font-family: FontAwesome;
}

*/

.imgRadEdit {
    border: none;
    background-image: url(./images/icon-pencil.gif);
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    cursor: pointer;
    display: inline-block;
}

.red {
    color: red;
}

.no_decoration {
    text-decoration: none;
}

.flexTd {
    display: flex !important;
    flex: 1 0 0;
}

.notFoundMessaggeTd {
    border: 1px solid #c2cbda;
    font-size: 13.3px;
    text-align: center;
}

.notFoundMessaggeTd {
}

.tableResultScadenze > tbody > tr {
    background: #f3f4f4;
}

.innerTdScadenze {
    background: #fff;
}

.inlineCheckbox, .inlineCheckbox > * {
    display: inline !important;
}

.dove_sei {
    width: 100%;
    text-align: center;
    background: #b1b1c1;
    color: #fff /*#676a6c*/;
    font-size: 1.8rem;
    font-weight: 300;
    margin: 0 0 5px 0;
    transition: all 0.2s ease;
}

    .dove_sei h3, .dove_sei h5, .dove_sei p {
        display: inline-block;
    }
/*************************/
/*************************/
/*************************/
.buttonEditAgen > * {
    margin: 6px;
    float: left;
}

.modalPopupEditAgen {
    display: block;
    width: 601px;
    height: 200px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -100px 0 0 -300px;
    z-index: 10001;
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    padding: 3px;
}

/**
        NAVIGAZIONE CRUSCOTTO
    */

#navigazione .select2-container--default {
    background-color: #FFF;
    width: 90%;
}

#navigazione .DescrizioneFiltro {
    /*gianni font-family: Tahoma;*/
    /*gianni font-size: small;*/
    /*font-weight: bold;*/
    color: #a7b1c2;
    margin-bottom: 5px;
}

#navigazione input {
    width: 90%;
}

#navigazione .D {
    background: none;
}

    #navigazione .D td {
        border: none;
    }

.paddingTable {
    padding-left: 10px;
    padding-right: 10px;
}

.riga {
    vertical-align: top;
}

.select_old {
    font-size: 13.33px;
    text-align: center;
    height: 25px;
    font-family: "Roboto",sans-serif;
}

#Tab_Filtri td {
    padding-left: 20px;
}

.noBorder > * {
    border: none !important;
}

.noBorderBottom > * {
    border-bottom: none !important;
}

.alignRow > * {
    display: inline-block !important;
}

/* inizio modifiche burger menu' */

.slicknav_menu {
    display: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

    .slicknav_menu .slicknav_icon {
        transform: translate(15px, 10px);
    }

        .slicknav_menu .slicknav_icon:hover {
            opacity: 0.4;
        }

.slicknav_menu {
    background: #fcfcfc;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    /*transform: translate(0, 15%);*/
}

.slicknav_nav a {
    color: #fcfcfc;
}

.slicknav_menu .slicknav_icon-bar {
    background-color: #2f4050;
}

.slicknav_btn {
    background-color: #fcfcfc;
}

.slicknav_nav {
    background-color: #2f4050;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/* fine modifiche burger menu'*/


.noBulletList {
    list-style: none;
}

/* Style per Alert e Confirm  */
.jconfirm .jconfirm-box {
    width: 200px;
    color: #676a6c;
    font-family: "Roboto",sans-serif;
    font-size: 13.33px;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 10px !important;
}

    .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
        color: #2f4050;
    }

    .jconfirm .jconfirm-box div.jconfirm-title-c {
        padding-bottom: 5px !important;
    }

        .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
            color: #d90030;
            font-weight: 500;
            /*border-bottom: 1px solid #f2f2f2;*/
        }

    .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
        padding-top: 5px;
        border-top: 1px solid #2f4050;
    }

.scrollX {
    overflow-x: auto;
}

.gest_funz {
    list-style: none;
    height: 25px;
    line-height: 24px;
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: dotted 1px #ddd;
}

.plusminus {
    background-image: url('../img/general/plus.png');
    background-size: 13px;
    background-repeat: no-repeat;
    display: block;
}

    .plusminus .minus {
        background-image: url('../img/general/minus.png');
        background-size: 13px;
        background-repeat: no-repeat;
        display: block;
    }

.pipe {
    font-size: 16px;
    position: relative;
    top: -2px;
}

.menuveloce {
    color: #676a6c;
    font-family: "Roboto",sans-serif;
    font-size: 13.33px;
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    /*background: #fff;*/
    margin-bottom: 20px;
    border-radius: 5px;
    box-sizing: content-box;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.3);
}

.allinearicerca {
    outline: none;
    border: 0px;
    background: transparent;
    height: 26px !important;
    color: #676a6c;
    transform: translate(-25px, 0px);
}

.allinearicercaplus {
    margin-left: -5px;
    position: relative;
    left: -20px;
}

.pagerHead_NoBorder {
    font-weight: 500;
    font-size: 16px !important;
    /* border-bottom: solid 1px #e5e8ed !important; */
    border-left-width: 0px !important;
    border-right-width: 0px !important;
    border-top-width: 0px !important;
    /*padding: 5px;*/
    color: #d90030;
    opacity: 1;
    text-align: left !important;
}

    .pagerHead_NoBorder:before {
        content: "\f1de";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        color: #676a6c;
        margin-right: 5px;
        padding-right: 5px;
    }

.headergestione {
    font-weight: 500;
    font-size: 16px !important;
    border-left-width: 0px !important;
    border-right-width: 0px !important;
    border-top-width: 0px !important;
    /*border: none !important;*/
    /*border-width: 0px !important;*/
    margin: 0 0 5px 0;
    padding: 5px;
    color: rgb(0, 44, 90);
    text-align: left !important;
}

.star_slected {
    padding-right: 20px;
    color: #FFBF00 !important;
    float: right;
    text-decoration: none;
}

.star_unselected {
    padding-right: 20px;
    color: #d2d8e3 !important;
    float: right;
    text-decoration: none;
}

.border-0 {
    border: 0 !important;
}

.font-size-sx {
    font-size: x-small;
}

.font-size-xl {
    font-size: x-large !important;
}

.top-35 {
    top: 35px;
}

.progress {
    position: relative;
    height: 4px;
    display: block;
    width: 100%;
    background-color: #c9c9c9;
    border-radius: 2px;
    background-clip: padding-box;
    margin: 0.5rem 0 1rem 0;
    overflow: hidden;
}

    .progress .indeterminate {
        background-color: #002c5a;
    }

        .progress .indeterminate:before {
            content: '';
            position: absolute;
            background-color: inherit;
            top: 0;
            left: 0;
            bottom: 0;
            will-change: left, right;
            -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
            animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
        }

        .progress .indeterminate:after {
            content: '';
            position: absolute;
            background-color: inherit;
            top: 0;
            left: 0;
            bottom: 0;
            will-change: left, right;
            -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
            animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
            -webkit-animation-delay: 1.15s;
            animation-delay: 1.15s;
        }

@-webkit-keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%;
    }

    60% {
        left: 100%;
        right: -90%;
    }

    100% {
        left: 100%;
        right: -90%;
    }
}

@keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%;
    }

    60% {
        left: 100%;
        right: -90%;
    }

    100% {
        left: 100%;
        right: -90%;
    }
}

@-webkit-keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%;
    }

    60% {
        left: 107%;
        right: -8%;
    }

    100% {
        left: 107%;
        right: -8%;
    }
}

@keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%;
    }

    60% {
        left: 107%;
        right: -8%;
    }

    100% {
        left: 107%;
        right: -8%;
    }
}

.load_progress_pro {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    opacity: 0.5;
    /*background-color: #fff;*/
    z-index: 99;
    text-align: center;
    /* background-image: url(../img/general/gif.gif); */
    background-size: 100px;
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    transition: background-color 4s;
}

    .load_progress_pro:hover {
        background-color: rgba(31, 31, 31, 0.36);
    }

.margin_icon_popup {
    margin-top: 3px;
}

.powerOff {
    transform: translate(-10px, -9px);
}

    .powerOff:hover {
        color: #d90030;
    }


/* Definizione soglia burger menu' */
/*
    Se larghezza inferiore o uguale a 800px => burger menu
    Se maggiore a 800px => menu completo
    1024px è simbolico, in caso di necessità aggiungere una clausula nel CSS del Customer
*/
/*@media only screen and (max-width: 1024px) {
    #menuBurger {
        display: none;
    }

    .slicknav_menu {
        display: block;
    }
}*/



tr.dettaglioAccordion td.head_cn {
    border-right: 0px;
}

tr.dettaglioAccordion td.container_sotto_sezione {
    border-left: 0px;
}

/*INIZIO TAG*/
.tag {
    border: 1px solid gray;
    padding: 4px 7px;
    border-radius: 5px;
    display: inline-block;
    cursor: default;
    text-decoration: none;
    white-space: nowrap;
}

    .tag.lg {
        background-color: lightgray;
    }

    .tag.lb {
        background-color: lightblue;
    }

    .tag.rd {
        background-color: red;
        color: white;
    }

    .tag.gr {
        background-color: green;
        color: white;
    }

    .tag.or {
        background-color: orange;
    }
/*FINE TAG*/

.tdValue {
    width: 12.5%;
    font-size: 11px;
    font-weight: bold;
    background: white;
    border: solid 1px gray;
}

table.tabella th {
    border: 1px solid #c2cbda;
    font-family: 'Roboto', sans-serif;
    font-size: 13.3px;
    background-color: #e5e5e5;
}

table.tabella tr.riga, table.D tr.riga {
    border-bottom: 1px solid #c2cbda;
}

    table.tabella tr.riga:hover, table.D tr.riga:hover {
        background-color: #e5e8ed;
    }

    table.tabella tr.riga td, table.D tr.riga td {
        border: 1px solid #c2cbda;
    }

tr.foot_r, table.d tfoot tr.foot_r:hover {
    background-color: #e5e5e5;
}

    tr.foot_r td {
        text-align: right;
        font-weight: normal;
    }

#popup_title {
    color: #d90030;
}

#popup_message {
    margin: 10px;
    padding: 10px;
}

#popup_panel input.submit {
    margin: 0 5px;
}

.tabpagine.pag {
    margin: 2px auto;
    width: auto;
    background-color: #FFF;
    border: none;
}

    .tabpagine.pag td {
        border: none;
    }

        .tabpagine.pag td span {
            border-radius: 5px;
            color: #FFF;
            background-color: #d90030;
            float: left;
            padding: 8px 12px;
            text-decoration: none;
            border: none;
        }

        .tabpagine.pag td a {
            border-radius: 5px;
            color: black;
            float: left;
            padding: 8px 12px;
            text-decoration: none;
            cursor: pointer;
            border: none;
        }

            .tabpagine.pag td a:hover {
                color: #FFF;
                background-color: #d90030;
            }

td.fillBoxResponsive {
    width: 50%;
}

    td.fillBoxResponsive div {
        display: table-cell;
    }

        td.fillBoxResponsive div span {
            padding-right: 10px;
            white-space: nowrap;
        }

        td.fillBoxResponsive div:nth-child(2) {
            width: 100%;
        }

            td.fillBoxResponsive div:nth-child(2) input[type=text] {
                width: 100%;
            }

span.td_campo_html.c {
    text-align: center;
}

.hmax100 {
    max-height: 100px;
    overflow: auto;
    display: block;
}

.hmax120 {
    max-height: 120px;
    overflow: auto;
    display: block;
}

.hmax140 {
    max-height: 140px;
    overflow: auto;
    display: block;
}

.hmax160 {
    max-height: 160px;
    overflow: auto;
    display: block;
}

.hmax180 {
    max-height: 180px;
    overflow: auto;
    display: block;
}

.hmax200 {
    max-height: 200px;
    overflow: auto;
    display: block;
}

.hmax220 {
    max-height: 220px;
    overflow: auto;
    display: block;
}

.hmax240 {
    max-height: 240px;
    overflow: auto;
    display: block;
}

.hmax260 {
    max-height: 260px;
    overflow: auto;
    display: block;
}

.hmax280 {
    max-height: 280px;
    overflow: auto;
    display: block;
}

.hmax300 {
    max-height: 300px;
    overflow: auto;
    display: block;
}

.w5 {
    width: 5%
}

.w10 {
    width: 10%
}

.w15 {
    width: 15%
}

.w20 {
    width: 20%
}

.w25 {
    width: 25%
}

.w30 {
    width: 30%
}

.w35 {
    width: 35%
}

.w40 {
    width: 40%
}

.w45 {
    width: 45%
}

.w50 {
    width: 50%
}

.w55 {
    width: 55%
}

.w60 {
    width: 60%
}

.w65 {
    width: 65%
}

.w70 {
    width: 70%
}

.w75 {
    width: 75%
}

.w80 {
    width: 80%
}

.w85 {
    width: 85%
}

.w90 {
    width: 90%
}

.w95 {
    width: 95%
}

.w99 {
    width: 99%
}

.w100 {
    width: 100%
}

.width-auto {
    width: auto;
}

td.vam {
    vertical-align: middle
}

tr.gridViewPagerStyle td table {
    margin: 2px auto;
    width: auto !important;
    background-color: #FFF;
    /*font-weight: bold;*/
    text-align: center;
}

    tr.gridViewPagerStyle td table td span {
        border-radius: 5px;
        color: #FFF;
        background-color: #d90030;
        float: left;
        padding: 8px 12px;
        text-decoration: none;
        border: none;
    }

    tr.gridViewPagerStyle td table td a {
        border-radius: 5px;
        color: black !important;
        float: left;
        padding: 8px 12px;
        text-decoration: none !important;
        cursor: pointer;
        border: none;
    }

        tr.gridViewPagerStyle td table td a:hover {
            color: #FFF !important;
            background-color: #d90030;
            font-weight: bold !important;
        }

.pager1 {
    text-align: center;
    padding: 0px;
    border: none !important;
}

.vertical-middle {
    vertical-align: middle !important;
}

.vertical-top {
    vertical-align: top !important;
}

div.tableDiv {
    display: table;
}

    div.tableDiv div {
        display: table-row;
    }

        div.tableDiv div div {
            display: table-cell;
        }

div.aspNetTreeView table {
    width: auto;
}

    div.aspNetTreeView table tr {
        padding: 0px;
    }

        div.aspNetTreeView table tr td {
            padding: 0px;
        }

.validator {
    font-size: medium !important;
    vertical-align: middle !important;
    text-align: center !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
    color: transparent !important;
}

    .validator.failure {
        color: #D90030 !important;
    }

    .validator.success {
        color: green !important;
    }

#div_bottom {
    display: block;
    color: #2f4050;
}

ul.listato {
    padding: 5px 1.5em;
    margin: 0;
}

/*INIZIO A.Costa 20200418*/
table.D, table.elen, table.s, table.g, table bord {
    padding: 3px;
    background: #fff;
}

    table.D td, table.elen td, table.s td, table.g td, table.bord td {
        border: 1px solid #c2cbda;
        font-size: 12.6px;
        vertical-align: top;
    }

table.bord td {
    padding-bottom: 4px;
    vertical-align: top;
}

table.D_No_border {
    padding: 3px;
    background: #fff;
    border: none;
    vertical-align: top;
}

    table.D_No_border td, table.D_No_border th {
        font-size: 12.6px;
        padding: 3px;
        border: none;
        vertical-align: top;
    }


.D_No_border td {
    font-size: 12.6px;
    border: none;
    vertical-align: top;
}


.tab-container {
    font-size: 13px;
}

.tab-button {
    padding-left: 13px;
    padding-right: 13px;
}


table .Header_Background, table .pag, .table, .head, .head_c, table .tit_column, .pgr table, .sorting, .Grid_pager table {
    font-size: 13.3px;
    padding: 5px;
    height: 23px;
    vertical-align: middle;
    border: 1px solid #c2cbda;
}


/*CHECKBOX*/
/*.checkmark {    
    border: 2px solid #002c5a;
}*/


.container {
    padding-left: 35px;
    line-height: 25px;
    height: 25px;
    margin: 5px;
}


.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    margin: 1px;
    border: 2px solid #002c5a;
    /*background-color: #002c5a;*/
    transform: translate(0px, -5px);
    border-radius: 5px;
}

.container .checkmark:after {
    left: 4px;
    top: 0px;
    width: 5px;
    height: 9px;
}

/*END CHECKBOX*/

/* input width-100-icon zero-a-txt border-bottom-color */
.border-trasparent {
    border-left: 4px solid transparent;
}

tr.gridViewPagerStyle td table {
    margin: 2px auto;
    width: auto !important;
    background-color: #FFF;
    font-weight: bold;
    text-align: center;
    border: solid 1px white;
}

    tr.gridViewPagerStyle td table td span {
        border-radius: 5px;
        color: #FFF;
        background-color: #d90030;
        float: left;
        padding: 8px 12px;
        text-decoration: none;
    }

    tr.gridViewPagerStyle td table td a {
        border-radius: 5px;
        color: black !important;
        float: left;
        padding: 8px 12px;
        text-decoration: none !important;
        cursor: pointer;
        border: solid 1px white;
    }

        tr.gridViewPagerStyle td table td a:hover {
            color: #FFF !important;
            background-color: #d90030;
            font-weight: bold !important;
        }

.gridViewPagerStyle, .gridViewPagerStyle td {
    border: solid 1px white !important;
}

.Header_Background D_No_border td {
    border: 1px solid #c2cbda;
}

table.D tr.Grid_Alternative:hover, table.D tr.Grid_Item:hover, table.D tbody tr.riga:hover, table.D tbody tr [role=row]:hover {
    background-color: #e5e8ed;
}

.r {
    text-align: right;
}

.l {
    text-align: left;
}

.c {
    text-align: center;
}

/*FINE A.Costa 20200418*/


.scr_sezioni_tr_pulsanti {
}

    .scr_sezioni_tr_pulsanti:hover {
        background-color: initial !important;
    }

.scr_sezioni_div_pulsanti {
    margin-top: 20px;
}

/* MENU*/
#menuBurger .no-hover {
    width: 105px;
}

    #menuBurger .no-hover ul {
        width: 194px;
    }

#voiceContainerId {
    overflow: hidden;
}

.burger-container {
    width: 30px;
    position: relative;
    height: 100%;
    float: left;
}

#links-burger {
    display: none;
    position: absolute;
    right: 15px;
    top: 35px;
    width: 256px;
}

#burg {
    display: none;
    position: absolute;
    right: 15px;
    top: 23px;
    color: #002c5a;
    font-size: 18px;
}

.burger-list {
    list-style: none;
    background-color: #2F4050;
    border: solid 5px #fcfcfc;
    padding: 0;
    color: #fff;
    border-radius: 6px;
}

    .burger-list:first-child li {
        margin-top: 3px;
    }

    .burger-list > li {
        padding: 1px 9px 1px 20px;
        border-radius: 9px;
        margin: 0 8px;
    }

    .burger-list li:not(.no-hover):hover {
        background-color: #ccc;
    }

.no-hover:hover {
    cursor: default;
}

.burger-list li a {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 5px 0;
}

.burger-list li:not(.no-hover) a:hover {
    color: #222;
    cursor: pointer;
}

.burger-list ul {
    list-style: none;
    background-color: #2F4050;
    padding-left: 20px;
}

    .burger-list ul li {
        padding: 1px 9px 1px 20px;
        border-radius: 9px;
        margin: 0 8px;
    }

.burger-list li .bubble2, .slicknav_nav li .bubble2 {
    position: relative;
    top: 0;
}

.li-logOff-plug {
    display: none;
}

@media screen and (max-width: 750px) {
    #menuBurger {
        display: none;
    }

    .burger-container {
        display: none;
    }

    #voiceContainerId {
        overflow: visible;
    }

    .slicknav_menu {
        display: block;
    }
}

.card {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    margin-top: 40px;
}

.error-box {
    display: flex;
    align-items: center;
    border: 1px solid #D90030;
    background-color: #FCE9E9;
    color: #000;
    padding: 12px;
    margin: 8px 20px;
    border-radius: 4px;
}

    .error-box .fa {
        margin-right: 16px;
        color: #D90030;
    }

.captcha-container {
    text-align: center;
    margin-top: 32px;
    margin-bottom: 8px;
}

    .captcha-container span {
        display: inline-block;
    }



.edit_hidden {
    border: 1px solid #ff0000;
    cursor: pointer;
    background-color: #ff0000;
    opacity: 0.5;
    background-size: 10px 10px;
    background-image: repeating-linear-gradient(45deg, #ff4cf7 0, #ff4cf7 1px, #ffe5f7 0, #ffe5f7 100%);
}

.edit_readonly {
    border: 1px solid #0000ff;
    cursor: pointer;
    background-color: #0000ff;
    opacity: 1;
    background-size: 10px 10px;
    background-image: repeating-linear-gradient(45deg, #444cf7 0, #444cf7 1px, #e5e5f7 0, #e5e5f7 100%);
}


.edit_normal {
    border: 1px solid #00ff00;
    cursor: pointer;
}

/* Inizio sezione degli stili del suggerisci */

.table-hints {
    background: #fff;
    width: 100%;
    border-radius: 4px;
    /* padding: 16px; */
    margin-bottom: 16px;
}

    .table-hints a {
        font-size: 14px;
        color: #006CD1;
        text-decoration: none;
    }

        .table-hints a:hover {
            text-decoration: underline;
        }

.table-hints__main-top {
    padding: 16px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .table-hints__main-top .main-top__title {
        font-size: 18px;
        font-weight: 600;
    }

.table-hints__search {
    position: relative;
}

    .table-hints__search input {
        border-bottom: none;
        border: 1px solid #DDDDE5;
        padding: 12px;
        height: 40px !important;
        border-radius: 4px;
        background-color: white;
    }

    .table-hints__search .fa {
        transform: none !important;
        color: #676a6c !important;
        position: absolute;
        right: 16px;
        top: 10px;
    }

.table-hints__header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 16px;
}

    .table-hints__header .table-hints__border-line {
        display: inline-block;
        width: 4px;
        background: red;
        height: 32px;
        border-radius: 50px;
        margin-right: 8px;
    }

.table-hints__border-line.type1 {
    background-color: #002060;
}

.table-hints__border-line.type2 {
    background-color: #376091;
}

.table-hints__border-line.type3 {
    background-color: #95B3D7;
}

.table-hints__border-line.type4 {
    background-color: #376091;
}

.table-hints__border-line.type5 {
    background-color: #002060;
}

.table-hints__header .table-hints__header-title {
    font-size: 16px;
}

.table-hints__container {
    padding: 0 10px;
    padding-bottom: 16px;
}

.table-hints ul {
    margin: 0;
    padding-left: 0px;
    list-style: none;
    font-size: 14px;
}

    .table-hints ul li {
        margin-bottom: 8px;
    }

.table-hints__item {
    line-height: 16px;
    display: flex;
    align-items: flex-start;
}

.table-hints__link-content {
    display: block;
    margin-left: -6px;
}

.table-hints__icon {
    min-width: 16px;
    height: 16px;
    margin-right: 6px;
    text-align: center;
}

    .table-hints__icon .fa {
        font-size: 15px;
        color: #e02444;
        display: none;
    }

.table-hints__link {
    display: inline-block;
}

.table-hints__second-table {
    margin-bottom: 16px;
}

    .table-hints__second-table:last-child {
        margin: 0;
    }

.second-table__title {
    margin: 0;
    margin-bottom: 8px;
    padding-left: 22px;
    font-size: 16px;
    text-transform: lowercase;
}

    .second-table__title::first-letter {
        text-transform: uppercase;
    }

.table-hints__second-table .table-hints__container {
    padding: 0;
}

.tooltip-hints {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

    .tooltip-hints .tooltiptext {
        visibility: hidden;
        width: 81px;
        background-color: #2F4050;
        color: #fff;
        font-size: 12px;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        bottom: 130%;
        left: 50%;
        margin-left: -12px;
        opacity: 0;
        transition: opacity 0.3s;
    }

        .tooltip-hints .tooltiptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 15%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #2F4050 transparent transparent transparent;
        }

    .tooltip-hints:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }

    .tooltip-hints.table-hints__icon .fa {
        display: block;
    }

.table-hints--empty {
    text-align: center;
    padding: 8px 0;
    margin: 0;
}

/* Fine sezione degli stili del suggerisci */

/* Inizio sezione Multidelibera */

.md-validation-error {
    border: 1px solid red;
    box-shadow: 0px 0px 10px 3px red;
}

input[type="text"].md-attribute-validation-error, textarea.md-attribute-validation-error {
    border: 1px solid red;
}

.tag.md-attribute-validation-label {
    background-color: red;
    color: white;
}

fieldset.md-attribute-list {
    border-color: #024B97;
    margin: 10px 5px 10px 5px;
    padding-bottom: 20px;
}

legend.md-attribute-list {
    white-space: nowrap;
    background: #024B97;
    color: white;
    padding: 5px 10px 5px 10px;
}

div.md-header {
    display: table;
    width: 100%;
    min-height: 30px;
    border-bottom: solid 1px #E5E8ED;
}

    div.md-header div {
        display: table-row;
    }

        div.md-header div div {
            display: table-cell;
            vertical-align: middle;
        }

            div.md-header div div:nth-child(1) {
                width: 1px;
                color: #676a6c;
                padding-right: 10px;
            }

                div.md-header div div:nth-child(1) span::after {
                    content: "\f1de"; /* fa-sliders */
                    font-family: FontAwesome;
                }

            div.md-header div div:nth-child(2) {
            }

            div.md-header div div:nth-child(3) {
                text-align: right;
                width: 1px;
                padding-left: 10px;
                padding-right: 1px;
            }

                div.md-header div div:nth-child(3) a {
                    font-size: larger
                }

                    div.md-header div div:nth-child(3) a::after {
                        content: "\f1c2"; /* fa-file-word-o */
                        font-family: FontAwesome;
                    }

span.md-attribute-tooltip {
    color: #002C5A;
    cursor: pointer;
    margin: 0px 0px 0px 2px;
    font-size: larger;
}

    span.md-attribute-tooltip::after {
        content: "\f29c"; /* fa-question-circle-o */
        font-family: FontAwesome;
    }

span.md-attribute-calendar {
    color: #002C5A;
    font-size: large;
    cursor: pointer;
    vertical-align: middle;
    margin: 0px 0px 0px 2px;
}

    span.md-attribute-calendar::after {
        content: "\f073"; /* fa-calendar */
        font-family: FontAwesome;
    }

span.md-analyst-comments-empty-data-label {
    color: red;
    font-size: large;
}

/* Fine sezione Multidelibera */

/* Inizio sezione checkbox con fontawesome */

.fontawesome-checkbox input[type='checkbox'] {
    display: none;
}

    .fontawesome-checkbox input[type='checkbox'] + label {
        color: #024B97;
        cursor: pointer;
        font-family: FontAwesome;
        font-size: 16px;
        min-width: 14px;
        display: inline-block;
        position: relative;
        top: 1px;
    }

        .fontawesome-checkbox input[type='checkbox'] + label:before {
            content: "\f096";
        }

    .fontawesome-checkbox input[type='checkbox']:checked + label {
        position: initial;
        top: 0px;
    }

        .fontawesome-checkbox input[type='checkbox']:checked + label:before {
            content: "\f14a";
        }

.aspNetDisabled.fontawesome-checkbox input[type='checkbox'] + label {
    color: #CCCCCC;
    cursor: default;
}

/* Fine sezione checkbox con fontawesome */

span.calendar {
    color: #002C5A;
    font-size: large;
    cursor: pointer;
    vertical-align: middle;
    margin: 0px 0px 0px 2px;
}

    span.calendar::after {
        content: "\f073"; /* fa-calendar */
        font-family: FontAwesome;
    }