@media (min-width: 992px) {
    .typo-line {
        padding-left: 140px;
        margin-bottom: 40px;
        position: relative;
    }

        .typo-line .category {
            transform: translateY(-50%);
            top: 50%;
            left: 0px;
            position: absolute;
        }
}

.icon-section {
    margin: 0 0 3em;
    clear: both;
    overflow: hidden;
}

.icon-container {
    width: 240px;
    padding: .7em 0;
    float: left;
    position: relative;
    text-align: left;
}

    .icon-container [class^="ti-"],
    .icon-container [class*=" ti-"] {
        color: #000;
        position: absolute;
        margin-top: 3px;
        transition: .3s;
    }

    .icon-container:hover [class^="ti-"],
    .icon-container:hover [class*=" ti-"] {
        font-size: 2.2em;
        margin-top: -5px;
    }

    .icon-container:hover .icon-name {
        color: #000;
    }

.icon-name {
    color: #aaa;
    margin-left: 35px;
    font-size: .8em;
    transition: .3s;
}

.icon-container:hover .icon-name {
    margin-left: 45px;
}

.places-buttons .btn {
    margin-bottom: 30px
}

.sidebar .nav > li.active-pro {
    position: absolute;
    width: 100%;
    bottom: 10px;
}

    .sidebar .nav > li.active-pro a {
        background: rgba(255, 255, 255, 0.14);
        opacity: 1;
        color: #FFFFFF;
    }

.table-upgrade td:nth-child(2),
.table-upgrade td:nth-child(3) {
    text-align: center;
}

body.nude {
    background-color: #f4f3ef;
}

/* EXTRAS CT */

.tooltip {
    font-size: 14px;
    font-weight: 400;
}

    .tooltip.top {
        margin-top: -11px;
        padding: 0;
    }

        .tooltip.top .tooltip-inner:after {
            border-top: 11px solid #FFFFFF;
            border-left: 11px solid transparent;
            border-right: 11px solid transparent;
            bottom: -10px;
        }

        .tooltip.top .tooltip-inner:before {
            border-top: 11px solid rgba(0, 0, 0, 0.2);
            border-left: 11px solid transparent;
            border-right: 11px solid transparent;
            bottom: -11px;
        }

    .tooltip.bottom {
        margin-top: 11px;
        padding: 0;
    }

        .tooltip.bottom .tooltip-inner:after {
            border-bottom: 11px solid #FFFFFF;
            border-left: 11px solid transparent;
            border-right: 11px solid transparent;
            top: -10px;
        }

        .tooltip.bottom .tooltip-inner:before {
            border-bottom: 11px solid rgba(0, 0, 0, 0.2);
            border-left: 11px solid transparent;
            border-right: 11px solid transparent;
            top: -11px;
        }

    .tooltip.left {
        margin-left: -11px;
        padding: 0;
    }

        .tooltip.left .tooltip-inner:after {
            border-left: 11px solid #FFFFFF;
            border-top: 11px solid transparent;
            border-bottom: 11px solid transparent;
            right: -10px;
            left: auto;
            margin-left: 0;
        }

        .tooltip.left .tooltip-inner:before {
            border-left: 11px solid rgba(0, 0, 0, 0.2);
            border-top: 11px solid transparent;
            border-bottom: 11px solid transparent;
            right: -11px;
            left: auto;
            margin-left: 0;
        }

    .tooltip.right {
        margin-left: 11px;
        padding: 0;
    }

        .tooltip.right .tooltip-inner:after {
            border-right: 11px solid #FFFFFF;
            border-top: 11px solid transparent;
            border-bottom: 11px solid transparent;
            left: -10px;
            top: 10px;
            margin-left: 0;
        }

        .tooltip.right .tooltip-inner:before {
            border-right: 11px solid rgba(0, 0, 0, 0.2);
            border-top: 11px solid transparent;
            border-bottom: 11px solid transparent;
            left: -11px;
            top: 11px;
            margin-left: 0;
        }

.tooltip-arrow {
    display: none;
    opacity: 0;
}

.tooltip-inner {
    background-color: #FFFFFF;
    border-radius: 8px;
    box-shadow: 0 1px 13px rgba(0, 0, 0, 0.14), 0 0 0 1px rgba(115, 71, 38, 0.23);
    color: #66615B;
    max-width: 200px;
    padding: 10px 10px;
    text-align: center;
    text-decoration: none;
}

    .tooltip-inner:after {
        content: "";
        display: inline-block;
        left: 100%;
        margin-left: -60%;
        position: absolute;
    }

    .tooltip-inner:before {
        content: "";
        display: inline-block;
        left: 100%;
        margin-left: -60%;
        position: absolute;
    }

.popover {
    border: 0;
    border-radius: 4px;
    /*  background-color: #FF8F5E;*/
    background-color: #696969;
    color: #FFFFFF;
    font-weight: 400;
    padding: 0;
    z-index: 1031;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .popover.fade.top.in {
        background-color: #777 !important;
        color: #000000 !important;
        max-width: 70% !important;
        padding: 10px;
        border-radius: 1em;
        -webkit-box-shadow: 0 10px 6px -6px #777;
        -moz-box-shadow: 0 10px 6px -6px #777;
        box-shadow: 0 10px 6px -6px #777;
        border-style: solid;
        border-width: 1px !important;
        border-color: #000000 !important;
    }

        .popover.fade.top.in .popover-title {
            background-color: #777 !important;
            /*color: #000000 !important;*/
            padding: 0px;
        }

        .popover.fade.top.in .popover-content {
            padding-top: 0px !important;
            text-align: justify;
        }

.popover-title {
    /*background-color: #FF8F5E;*/
    background-color: #696969;
    border-bottom: 0 none;
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
    padding: 15px 15px 8px 15px;
    margin: 0;
    /*color: #B33C12;*/
    color: #FFFFFF;
    text-align: center;
    border-radius: 4px 4px 0 0;
}

.popover-content {
    padding: 10px 15px 20px 15px;
    text-align: justify;
}

.popover .arrow {
    border: 0;
}

.popover.top .arrow {
    margin-left: 0;
}

.popover.bottom .arrow:after {
    border-bottom-color: #696969;
}

.popover-filter {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
    background-color: #000000;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    transition: visibility 0s linear 0.3s,opacity 0.3s linear;
}

    .popover-filter.in {
        visibility: visible;
        opacity: 0.2;
        filter: alpha(opacity=20);
        transition-delay: 0s;
    }

.popover.left > .arrow::after {
    border-left-color: #696969;
    bottom: -20px;
}

.popover.top > .arrow::after {
    border-top-color: #696969;
}

.popover.right > .arrow::after {
    border-right-color: #696969;
}

#passi_uc_title {
    font-size: 21px;
    font-weight: lighter;
    text-align: left;
    width: 100%;
}

#passi_uc_interno {
    width: 100%;
}

#passi_uc_errore {
    width: 100%;
    color: #ff0038 !important;
    font-weight: bold;
}

#passi_uc_sx {
}

#passi_uc_email_label {
    font-weight: bold;
}

#passi_uc_email_value {
    width: 100%;
}

#passi_vc_dx {
}

#passi_uc_pec_label {
    font-weight: bold;
    margin-left: 5px;
}

#passi_uc_pec_value {
    width: 100%;
    margin-left: 5px;
}

#passi_uc_tel_label {
    font-weight: bold;
}

#passi_uc_tel_value {
    width: 100%;
}

#passi_uc_cell_label {
    font-weight: bold;
    margin-left: 5px;
}

#passi_uc_cell_value {
    width: 100%;
    margin-left: 5px;
}

#passi_uc_info {
    padding-top: 5px;
    vertical-align: bottom;
    font-style: italic;
    width: 100%;
    color: #0004ff !important;
    font-weight: bold;
}

/*#d3d3d3;*/
.c_passi_uc_label {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    padding: 3px;
}

.c_passi_uc_value {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    padding: 7px 18px 7px 18px;
    /*box-shadow: 2px 2px 0px -1px #7A9E9F;*/
    border-radius: 3px !important;
    color: rgb(94, 94, 94);
    background-color: #E3E3E3;
}
    .c_passi_uc_value:hover,
    .c_passi_uc_value:focus {
        border-right: 1px solid #7A9E9F !important;
        border-left: 1px solid #7A9E9F !important;
        border-top: 1px solid #7A9E9F !important;
        border-bottom: 1px solid #7A9E9F !important;
        box-shadow: 2px 2px 0px -1px #7A9E9F;
        border-radius: 3px !important;
        cursor: no-drop;
    }

.timeline-panel > .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.timeline-panel .overlay {
    z-index: 20; /*50; @@@*/
    background: rgba(255, 255, 255, 0.7);
    border-radius: 3px;
}

    .timeline-panel .overlay > .fa {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -15px;
        margin-top: -15px;
        color: #000;
        font-size: 30px;
    }

    .timeline-panel .overlay.dark {
        background: rgba(0, 0, 0, 0.5);
    }

.wrapper > .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wrapper .overlay {
    z-index: 20; /*50; @@@*/
    background: rgba(255, 255, 255, 0.7);
    border-radius: 3px;
}

    .wrapper .overlay > .fa {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -15px;
        margin-top: -15px;
        color: #000;
        font-size: 30px;
    }

    .wrapper .overlay.dark {
        background: rgba(0, 0, 0, 0.5);
    }

.text-dark, .text-dark:hover {
    color: #111111 !important;
}


/* BUSSOLA OVERRIDE */
TD, TH {
    FONT-SIZE: medium !important;
}

.nav .fa {
    line-height: 30px !important;
}

body {
    overflow-y: hidden;
    overflow-x: hidden !important;
}

.sidebar {
    display: none;
}

.wrapper a, .navbar .navbar-nav > li > a {
    font-size: inherit !important;
    font-weight: inherit !important;
}

    .wrapper a:visited, .navbar .navbar-nav > li > a:visited {
        font-size: inherit !important;
        font-weight: inherit !important;
    }

.footer {
    height: 155px !important;
}

.table td {
    font-size: inherit !important;
}

.table th {
    background-color: inherit !important;
}

/*
.popoverClassLeft, 
.popoverClassTop,   
.popoverClassBottom,
.popoverClassRight, 
.tooltipClassLeft,  
.tooltipClassTop,   
.tooltipClassBottom,
.tooltipClassRight{ } 
*/

.box-tools {
    z-index: 999999 !important;
    margin-right: 15px !important;
}


/*  Modifiche Roberto*/
/* Background colors */
.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-light-blue,
.bg-light-blueD,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black {
    color: #f9f9f9 !important;
}

.bg-gray {
    background-color: #b5b5b5 !important;
}

.bg-light-gray {
    background-color: #E6E6E6 !important;
}

.bg-black {
    background-color: #222222 !important;
}

.bg-red {
    background-color: #f56954 !important;
}

.bg-yellow {
    background-color: #f39c12 !important;
}

.bg-aqua {
    background-color: #00c0ef !important;
}

.bg-blue {
    background-color: #0073b7 !important;
}

.bg-light-blue {
    background-color: #3d91c2 !important;
}

.bg-light-blueD {
    background-color: #3783ae !important;
}

.bg-green {
    background-color: #00a65a !important;
}

.bg-navy {
    background-color: #001f3f !important;
}

.bg-teal {
    background-color: #39cccc !important;
}

.bg-olive {
    background-color: #3d9970 !important;
}

.bg-lime {
    background-color: #01ff70 !important;
}

.bg-orange {
    background-color: #ff851b !important;
}

.bg-fuchsia {
    background-color: #f012be !important;
}

.bg-purple {
    background-color: #932ab6 !important;
}

.bg-maroon {
    background-color: #85144b !important;
}
/* Text colors */
.text-eviden {
    font-weight: bold;
    background-color: #F1F0F0;
}

.text-bigger {
    font-size: larger !important;
}

.text-red {
    color: #f56954 !important;
}

.text-yellow {
    color: #f39c12 !important;
}

.text-aqua {
    color: #00c0ef !important;
}

.text-blue {
    color: #0073b7 !important;
}

.text-light-blue {
    color: #3c8dbc !important;
}

.text-green {
    color: #00a65a !important;
}

.text-navy {
    color: #001f3f !important;
}

.text-teal {
    color: #39cccc !important;
}

.text-olive {
    color: #3d9970 !important;
}

.text-lime {
    color: #01ff70 !important;
}

.text-orange {
    color: #ff851b !important;
}

.text-fuchsia {
    color: #f012be !important;
}

.text-purple {
    color: #932ab6 !important;
}

.text-maroon {
    color: #85144b !important;
}

.text-dark {
    color: #363636 !important;
}

.text-white {
    color: #f5f5f5 !important;
}

.dcShadow {
    box-shadow: 0px 0px 18px 7px rgb(107, 118, 239);
}

    .dcShadow[title*="Clicca per iniziare"] {
        cursor: pointer;
    }

.txAFont {
    font-weight: 900 !important;
    color: #0073b7 !important;
    cursor: pointer;
    text-shadow: 0.3pt 0.5pt 0.5pt rgba(255, 3, 3, 0.25);
    transition-property: font-size;
    transition-duration: 150ms;
}

.semitrasparente {
    background-color: rgba(214, 245, 243, 0.80);
    opacity: .95;
    filter: alpha(opacity=50);
    border-radius: 25px;
    padding: 1em, 1em, 1em, 1em;
    /*
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 1em;
    padding-right: 1em;
    */
    -webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 10px 6px -6px #777;
}

div.semitrasparente:not(.jumbotron) {
    font-weight: 600;
    /*box-shadow: 9px 9px 7px -1px rgb(137, 144, 144);*/
    border-width: 1px !important;
    border-style: solid !important;
    border-color: black !important;
    overflow-y: auto;
    -webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 10px 6px -6px #777;
}

div.semitrasparente450 {
    height: 470px;
}

.trasparente {
    background-color: Transparent !important;
    opacity: 0;
}

div.p.semitrasparente {
    text-align: justify;
}

.container.jumbotron {
    background-color: rgba(238, 238, 238, 0.1);
    width: 100% !important;
    padding-top: 2% !important;
    padding-bottom: 1% !important;
    padding-left: 5%;
    margin-bottom: 0px !important;
}

.dropdown-SB {
    font-size: 20% !important;
}

.fullmain-panel {
    background-color: rgba(255, 255, 255, 0.85);
    z-index: 2;
    width: 100%;
    min-height: 100%;
    max-height: 100%;
    height: 100%;
    float: left;
}

.vcenter {
    padding-top: 45px;
    vertical-align: middle;
}

.vtop {
    padding-top: 20px !important;
    vertical-align: text-top !important;
}

.vbot {
    vertical-align: bottom !important;
}

.img-circle.text-center {
    padding: 3px;
    background-color: white;
}

.acapo {
    word-wrap: break-word !important; /* IE 5.5-7 */
    white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
    white-space: pre-wrap; /* current browsers */
}

div.panel.panel-body.table-responsive.table-striped.no-toppadding TD,
div.panel.panel-body.table-responsive.table-striped.no-toppadding TH,
div.panel.panel-body.table-responsive.no-toppadding TD,
div.panel.panel-body.table-responsive.no-toppadding TH {
    font-size: medium !important;
    padding-left: 5px !important;
}

a.btn.btn-info.btn-simple.btn-xs.text-center.printImage i,
a.btn.btn-danger.btn-simple.btn-xs.text-center.printImage i,
a.btn.btn-success.btn-simple.btn-xs.text-center.printImage i,
a.btn.btn-primary.btn-simple.btn-xs.text-center.printImage i,
a.btn.btn-warning.btn-simple.btn-xs.text-center.printImage i,
a.btn.btn-simple.btn-xs.text-center.printImage i {
    font-size: large !important;
}
/*
div.panel.panel-body.table-responsive.table-striped.no-toppadding TD a:hover,
a.btn.btn-info.btn-simple.btn-xs.text-center.printImage i:hover,
a.btn.btn-danger.btn-simple.btn-xs.text-center.printImage i:hover,
a.btn.btn-success.btn-simple.btn-xs.text-center.printImage i:hover,
a.btn.btn-primary.btn-simple.btn-xs.text-center.printImage i:hover,
a.btn.btn-warning.btn-simple.btn-xs.text-center.printImage i:hover,
a.btn.btn-simple.btn-xs.text-center.printImage i:hover
{
    font-size: 170% !important;
    transition-property: font-size;
}
*/
div.panel.panel-body.table-responsive.table-striped.no-toppadding TD > details a:hover {
    font-size: inherit !important;
    background-color: #f7fc43;
    font-weight: 500 !important;
    transition-property: background-color;
    transition-duration: 1s;
}

div.panel.panel-body.table-responsive.table-striped.no-padding TD, div.panel.panel-body.table-responsive.table-striped.no-padding TH {
    font-size: 10px !important;
}

div.panel.panel-body.table-responsive.table-striped.no-padding {
    overflow-x: scroll;
}

summary.mouserun {
    cursor: pointer;
    color: #b70e08 !important;
    font-family: "Muli","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.allegato {
    color: #b70e08 !important;
    font-size: 80% !important;
}

.allegatoTitle {
    color: #b70e08 !important;
    font-size: 90% !important;
    margin-top: 5px !important;
    padding: 0;
    text-align: center !important;
}

.popoverCorrCss {
    max-width: 70% !important;
}

.jqstooltip {
    padding: 5px !important;
    width: auto !important;
    height: auto !important;
}

.underline {
    text-decoration: underline;
}

.underlineBold {
    text-decoration: underline;
    font-weight: bold;
}

.elenco {
    padding-bottom: 0.1em;
    padding-top: 0.1em;
    padding-left: 0.5em;
    text-align: justify;
    text-decoration: none;
    display: list-item;
    list-style-position: inside;
    list-style-type: disc;
}

input:not(.btn):not([type='radio']):not([type='checkbox']):hover,
textarea:hover,
select:hover,
input:not(.btn):not([type='radio']):not([type='checkbox']):focus,
textarea:focus, select:focus {
    border-right: 1px solid #7A9E9F !important;
    border-left: 1px solid #7A9E9F !important;
    border-top: 1px solid #7A9E9F !important;
    border-bottom: 1px solid #7A9E9F !important;
    box-shadow: 2px 2px 0px -1px #7A9E9F; /*rgb(49, 116, 155);*/
    border-radius: 3px !important;
}

.inshadow {
    -moz-box-shadow: inset 0 0 7px #2b6688;
    -webkit-box-shadow: inset 0 0 7px #2b6688;
    box-shadow: inset 0 0 7px #2b6688;
}

.shshadow {
    -webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 10px 6px -6px #777;
}
/* ====================================================================================================Stampe in lingua tedesca*/
.Germanlnkbutton {
    /* border: 0px !important;  
            padding: 3px !important;
            background-image: url('../img/german_flag.jpg') !important;
            background-repeat: no-repeat;
            background-size: cover;
            background-position : center;
            overflow: hidden;*/
    margin: 0px !important;
    color: gray !important;
}

.german_popWin,
.italian_popWin {
    border-style: ridge;
    background-color: gray !important;
    max-width: 50%;
    padding: 3px !important;
}

    .german_popWin > .popover-title,
    .italian_popWin > .popover-title {
        font-size: 12px;
        font-weight: bold !important;
        text-transform: uppercase;
        background-color: gray !important;
        color: #FFFFFF !important;
        font-style: normal !important;
        padding: 5px 5px 4px 5px;
        border-bottom: 1px solid !important;
        border-bottom-color: #FFFFFF !important;
        text-align: center !important;
    }

    .german_popWin > .popover-content,
    .italian_popWin > .popover-content {
        font-size: 12px;
        color: #FFFFFF;
        font-weight: 600;
        text-align: justify !important;
        padding: 10px !important;
    }

    .german_popWin.left > .arrow::after,
    .german_popWin.right > .arrow::after,
    .german_popWin.bottom > .arrow::after,
    .german_popWin.top > .arrow::after {
        /*border-left-color: gray !important;*/
        border-bottom-color: gray !important;
        border-top-color: gray !important;
        bottom: 3px;
    }

    .italian_popWin.left > .arrow::after,
    .italian_popWin.right > .arrow::after,
    .italian_popWin.bottom > .arrow::after,
    .italian_popWin.top > .arrow::after {
        border-bottom-color: gray !important;
        border-top-color: gray !important;
        bottom: 3px;
    }

a.btn.btn-info.btn-simple.btn-xs.text-center.printImage i,
a.btn.btn-danger.btn-simple.btn-xs.text-center.printImage i,
a.btn.btn-success.btn-simple.btn-xs.text-center.printImage i,
a.btn.btn-primary.btn-simple.btn-xs.text-center.printImage i,
a.btn.btn-warning.btn-simple.btn-xs.text-center.printImage i,
a.btn.btn-simple.btn-xs.text-center.printImage i {
    font-size: 160% !important;
    background-repeat: no-repeat !important;
    border: 0px !important;
    background-position: right top !important;
    background-size: 55% 25% !important;
    overflow: inherit !important;
    margin: 0px !important;
    padding-top: 0.4em !important;
}

a.btn.btn-info.btn-simple.btn-xs.text-center.printImage.Italianlnkbutton i,
a.btn.btn-danger.btn-simple.btn-xs.text-center.printImage.Italianlnkbutton i,
a.btn.btn-success.btn-simple.btn-xs.text-center.printImage.Italianlnkbutton i,
a.btn.btn-primary.btn-simple.btn-xs.text-center.printImage.Italianlnkbutton i,
a.btn.btn-warning.btn-simple.btn-xs.text-center.printImage.Italianlnkbutton i,
a.btn.btn-simple.btn-xs.text-center.printImage.Italianlnkbutton i {
    background-image: url('../img/italian_flag.jpg') !important;
}

a.btn.btn-info.btn-simple.btn-xs.text-center.printImage.Germanlnkbutton i,
a.btn.btn-danger.btn-simple.btn-xs.text-center.printImage.Germanlnkbutton i,
a.btn.btn-success.btn-simple.btn-xs.text-center.printImage.Germanlnkbutton i,
a.btn.btn-primary.btn-simple.btn-xs.text-center.printImage.Germanlnkbutton i,
a.btn.btn-warning.btn-simple.btn-xs.text-center.printImage.Germanlnkbutton i,
a.btn.btn-simple.btn-xs.text-center.printImage.Germanlnkbutton i {
    background-image: url('../img/german_flag.jpg') !important;
}
/* ====================================================================================================simulatore*/

.italico {
    font-style: italic;
    text-decoration: none;
}

    .italico h5 {
        font-weight: bold !important;
        font-size: 16px !important;
    }

    .italico span {
        display: inline-block;
        text-decoration: underline !important;
        margin: 0 0 0 0;
        font-size: 100% !important;
    }

.giustificato {
    text-align: justify !important;
}

.simulatore a {
    font-size: 15px !important;
}

.simulatore li {
    font-size: 15px !important;
}

.simulatore span {
    font-size: 15px !important;
}

.simulatore .popover {
    border-style: ridge;
    background-color: Gray;
    width: 100%;
    max-width: 70%;
}
/*.simulatore .popover > .arrow::after
{
    border-left-color: Gray !important; 
    border-right-color: Gray !important;
    border-top-color: Gray !important; 
    border-bottom-color: Gray !important;
}*/
.rdc .popover {
    width: 400px;
    max-width: 800px;
}

.rdc td {
    font-size: 14px !important;
}

.simulatore .popover-title {
    font-size: 14px;
    font-weight: bold;
    border-radius: 0;
    background-color: Gray;
    color: #FFFFFF;
}

.simulatore .popover-content {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: normal;
    font-style: italic;
}

th.ltd, td.ltd {
    border-left-style: none !important;
    border-right-style: solid !important;
    border-top-style: solid !important;
    border-bottom-style: solid !important;
    border-right-width: 1px !important;
    border-top-width: 1px !important;
    border-bottom-width: 1px !important;
    border-color: gray !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    vertical-align: top !important;
}

th.rtd, td.rtd {
    border-right-style: none !important;
    border-left-style: solid !important;
    border-top-style: solid !important;
    border-bottom-style: solid !important;
    border-left-width: 1px !important;
    border-top-width: 1px !important;
    border-bottom-width: 1px !important;
    border-color: gray !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    vertical-align: top !important;
}

th.ctd, td.ctd {
    border-right-style: none !important;
    border-left-style: none !important;
    border-top-style: solid !important;
    border-bottom-style: solid !important;
    border-top-width: 1px !important;
    border-bottom-width: 1px !important;
    border-color: gray !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    vertical-align: top !important;
}

.ltd h5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.panel-blue {
    border-color: #08088A;
}

    .panel-blue .panel-heading {
        border-color: #08088A;
        color: #fff;
        background-color: #08088A;
    }

    .panel-blue a {
        color: #08088A;
    }

        .panel-blue a:hover {
            color: #0000FF;
        }

.panel-yellow {
    border-color: #f0ad4e;
}

    .panel-yellow .panel-heading {
        border-color: #f0ad4e;
        color: #fff;
        background-color: #f0ad4e;
    }

    .panel-yellow a {
        color: #f0ad4e;
    }

        .panel-yellow a:hover {
            color: #df8a13;
        }

.panel-green {
    border-color: #5cb85c;
}

    .panel-green .panel-heading {
        border-color: #5cb85c;
        color: #fff;
        background-color: #5cb85c;
    }

    .panel-green a {
        color: #5cb85c;
    }

        .panel-green a:hover {
            color: #3d8b3d;
        }

.panel-violet {
    border-color: #6A0888;
}

    .panel-violet .panel-heading {
        border-color: #6A0888;
        color: #fff;
        background-color: #6A0888;
    }

    .panel-violet a {
        color: #6A0888;
    }

        .panel-violet a:hover {
            color: #DA81F5;
        }

.panel-azure {
    border-color: #045FB4;
}

    .panel-azure .panel-heading {
        border-color: #045FB4;
        color: #fff;
        background-color: #045FB4;
    }

    .panel-azure a {
        color: #045FB4;
    }

        .panel-azure a:hover {
            color: #58D3F7;
        }

/*================================================================================================================*/
/* ====================================================================================================menu e img tooltip*/
a.hintip {
    text-decoration: none;
}

    a.hintip span {
        display: none;
        z-index: 10;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }

    a.hintip:hover span {
        display: inline;
        position: absolute;
        border: 1px solid #8c8c8c;
        background: #f4f4f4;
    }

    a.hintip > span {
        padding: 5px 5px;
        opacity: 0.8;
        visibility: hidden;
        left: 0px;
        z-index: 10;
        position: absolute;
        font-size: 11px;
        font-style: normal;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        color: #000;
        background: #f4f4f4;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBF5E6', endColorstr='#FFFFFF',GradientType=0 );
        border: 1px solid #8c8c8c;
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    }

    a.hintip:hover > span {
        opacity: 0.8;
        text-decoration: none;
        visibility: visible;
        overflow: visible;
        /*margin-top: 30px; */
        display: inline;
    }

    a.hintip span b {
        font-size: 120%;
    }

/* ====================================================================================================evidenziato in stile portale Inps*/
.glossary__term {
    background-color: #bbdae4;
    border-bottom: 2px solid transparent;
    color: inherit !important;
    text-decoration: none;
    transition: background-color 0.3s ease-in-out 0s;
}

    .glossary__term:hover, .glossary__term:focus {
        background-color: transparent;
        border-bottom-color: #007db3;
        text-decoration: none;
    }

.glossary_popWin {
    border-style: ridge;
    border-radius: 7px !important;
    background-color: Gray !important;
    max-width: 60%;
    padding: 3px !important;
    text-align: justify !important;
}

    .glossary_popWin > .popover-title {
        font-size: 14px;
        font-stretch: expanded;
        font-weight: bold !important;
        text-transform: uppercase;
        background-color: Gray !important;
        color: #FFFFFF !important;
        font-style: normal !important;
        padding: 10px 10px 4px 10px;
        border-bottom: 1px solid !important;
        border-bottom-color: #FFFFFF !important;
    }

    .glossary_popWin > .popover-content {
        font-size: 13px;
        color: #FFFFFF;
        font-weight: normal;
        text-align: justify !important;
        padding: 10px !important;
    }

    .glossary_popWin.left > .arrow::after,
    .glossary_popWin.right > .arrow::after {
        border-left-color: Gray !important;
        border-right-color: Gray !important;
        border-top-color: transparent !important;
        border-bottom-color: transparent !important;
    }

    .glossary_popWin.top > .arrow::after,
    .glossary_popWin.bottom > .arrow::after {
        border-top-color: Gray !important;
        border-bottom-color: Gray !important;
        border-left-color: transparent !important;
        border-right-color: transparent !important;
    }
/* ====================================================================================================fileupload*/
#fileUpload {
    color: #3c8dbc !important;
}

span.input-group-btn.btn-file {
    font-size: inherit;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }
/*================================================================================================================*/
/* ====================================================================================================overlay varie*/

.nav-stacked {
    border-right: 1px solid #F1EAE0;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 10px !important;
}

.left-vertical-tabs {
    width: 200px !important;
    float: left !important;
}

.right-text-tabs {
    width: calc(100% - 200px) !important;
    float: left !important;
    padding: 6px 15px !important;
}

.sidebar .sidebar-wrapper > .nav i,
.off-canvas-sidebar .sidebar-wrapper > .nav i {
    font-size: 24px;
    float: left;
    margin-right: 15px;
    line-height: 30px;
    width: inherit;
    text-align: center;
}

.sidebar .sidebar-wrapper > .nav li > a,
.off-canvas-sidebar .sidebar-wrapper > .nav li > a {
    margin: inherit;
    padding-left: inherit;
    padding-right: 25px;
    opacity: .7;
    white-space: nowrap;
}

.navbar .navbar-nav > li > a.btn.btn-primary, .btn-primary {
    border-color: #7A9E9F;
    color: #7A9E9F !important;
}

    .navbar .navbar-nav > li > a.btn.btn-primary:hover, .navbar .navbar-nav > li > a.btn.btn-primary:focus, .navbar .navbar-nav > li > a.btn.btn-primary:active, .navbar .navbar-nav > li > a.btn.btn-primary.active, .navbar .navbar-nav > li > a.btn.btn-primary:active:focus, .navbar .navbar-nav > li > a.btn.btn-primary:active:hover, .open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle, .open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle:focus, .open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle:hover, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary:active:focus, .btn-primary:active:hover, .open > .btn-primary.dropdown-toggle, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle:hover {
        background-color: #7A9E9F;
        color: rgba(255, 255, 255, 0.85) !important;
        border-color: #7A9E9F;
    }

    .navbar .navbar-nav > li > a.btn.btn-primary.btn-fill, .btn-primary.btn-fill {
        color: #FFFFFF !important;
        background-color: #7A9E9F;
        opacity: 1;
        filter: alpha(opacity=100);
    }

        .navbar .navbar-nav > li > a.btn.btn-primary.btn-fill:hover, .navbar .navbar-nav > li > a.btn.btn-primary.btn-fill:focus, .navbar .navbar-nav > li > a.btn.btn-primary.btn-fill:active, .navbar .navbar-nav > li > a.btn.btn-primary.btn-fill.active, .open > .navbar .navbar-nav > li > a.btn.btn-primary.btn-fill.dropdown-toggle, .btn-primary.btn-fill:hover, .btn-primary.btn-fill:focus, .btn-primary.btn-fill:active, .btn-primary.btn-fill.active, .open > .btn-primary.btn-fill.dropdown-toggle {
            background-color: #5e8283;
            color: #FFFFFF !important;
            border-color: #5e8283;
        }

    .navbar .navbar-nav > li > a.btn.btn-primary.btn-simple:hover, .navbar .navbar-nav > li > a.btn.btn-primary.btn-simple:focus, .navbar .navbar-nav > li > a.btn.btn-primary.btn-simple:active, .navbar .navbar-nav > li > a.btn.btn-primary.btn-simple.active, .open > .navbar .navbar-nav > li > a.btn.btn-primary.btn-simple.dropdown-toggle, .btn-primary.btn-simple:hover, .btn-primary.btn-simple:focus, .btn-primary.btn-simple:active, .btn-primary.btn-simple.active, .open > .btn-primary.btn-simple.dropdown-toggle {
        background-color: transparent;
        color: #5e8283 !important;
    }

.navbar .navbar-nav > li > a.btn.btn-success, .btn-success {
    border-color: #7AC29A;
    color: #7AC29A !important;
}

    .navbar .navbar-nav > li > a.btn.btn-success:hover, .navbar .navbar-nav > li > a.btn.btn-success:focus, .navbar .navbar-nav > li > a.btn.btn-success:active, .navbar .navbar-nav > li > a.btn.btn-success.active, .navbar .navbar-nav > li > a.btn.btn-success:active:focus, .navbar .navbar-nav > li > a.btn.btn-success:active:hover, .open > .navbar .navbar-nav > li > a.btn.btn-success.dropdown-toggle, .open > .navbar .navbar-nav > li > a.btn.btn-success.dropdown-toggle:focus, .open > .navbar .navbar-nav > li > a.btn.btn-success.dropdown-toggle:hover, .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success:active:focus, .btn-success:active:hover, .open > .btn-success.dropdown-toggle, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle:hover {
        background-color: #7AC29A;
        color: rgba(255, 255, 255, 0.85) !important;
        border-color: #7AC29A;
    }

    .navbar .navbar-nav > li > a.btn.btn-success.btn-fill, .btn-success.btn-fill {
        color: #FFFFFF !important;
        background-color: #7AC29A;
        opacity: 1;
        filter: alpha(opacity=100);
    }

        .navbar .navbar-nav > li > a.btn.btn-success.btn-fill:hover, .navbar .navbar-nav > li > a.btn.btn-success.btn-fill:focus, .navbar .navbar-nav > li > a.btn.btn-success.btn-fill:active, .navbar .navbar-nav > li > a.btn.btn-success.btn-fill.active, .open > .navbar .navbar-nav > li > a.btn.btn-success.btn-fill.dropdown-toggle, .btn-success.btn-fill:hover, .btn-success.btn-fill:focus, .btn-success.btn-fill:active, .btn-success.btn-fill.active, .open > .btn-success.btn-fill.dropdown-toggle {
            background-color: #54b07d;
            color: #FFFFFF !important;
            border-color: #54b07d;
        }

    .navbar .navbar-nav > li > a.btn.btn-success.btn-simple:hover, .navbar .navbar-nav > li > a.btn.btn-success.btn-simple:focus, .navbar .navbar-nav > li > a.btn.btn-success.btn-simple:active, .navbar .navbar-nav > li > a.btn.btn-success.btn-simple.active, .open > .navbar .navbar-nav > li > a.btn.btn-success.btn-simple.dropdown-toggle, .btn-success.btn-simple:hover, .btn-success.btn-simple:focus, .btn-success.btn-simple:active, .btn-success.btn-simple.active, .open > .btn-success.btn-simple.dropdown-toggle {
        background-color: transparent;
        color: #54b07d !important;
    }

.navbar .navbar-nav > li > a.btn.btn-info, .btn-info {
    border-color: #68B3C8;
    color: #68B3C8 !important;
}

    .navbar .navbar-nav > li > a.btn.btn-info:hover, .navbar .navbar-nav > li > a.btn.btn-info:focus, .navbar .navbar-nav > li > a.btn.btn-info:active, .navbar .navbar-nav > li > a.btn.btn-info.active, .navbar .navbar-nav > li > a.btn.btn-info:active:focus, .navbar .navbar-nav > li > a.btn.btn-info:active:hover, .open > .navbar .navbar-nav > li > a.btn.btn-info.dropdown-toggle, .open > .navbar .navbar-nav > li > a.btn.btn-info.dropdown-toggle:focus, .open > .navbar .navbar-nav > li > a.btn.btn-info.dropdown-toggle:hover, .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info:active:focus, .btn-info:active:hover, .open > .btn-info.dropdown-toggle, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle:hover {
        background-color: #68B3C8;
        color: rgba(255, 255, 255, 0.85) !important;
        border-color: #68B3C8;
    }

    .navbar .navbar-nav > li > a.btn.btn-info.btn-fill, .btn-info.btn-fill {
        color: #FFFFFF !important;
        background-color: #68B3C8;
        opacity: 1;
        filter: alpha(opacity=100);
    }

        .navbar .navbar-nav > li > a.btn.btn-info.btn-fill:hover, .navbar .navbar-nav > li > a.btn.btn-info.btn-fill:focus, .navbar .navbar-nav > li > a.btn.btn-info.btn-fill:active, .navbar .navbar-nav > li > a.btn.btn-info.btn-fill.active, .open > .navbar .navbar-nav > li > a.btn.btn-info.btn-fill.dropdown-toggle, .btn-info.btn-fill:hover, .btn-info.btn-fill:focus, .btn-info.btn-fill:active, .btn-info.btn-fill.active, .open > .btn-info.btn-fill.dropdown-toggle {
            background-color: #429cb6;
            color: #FFFFFF !important;
            border-color: #429cb6;
        }

    .navbar .navbar-nav > li > a.btn.btn-info.btn-simple:hover, .navbar .navbar-nav > li > a.btn.btn-info.btn-simple:focus, .navbar .navbar-nav > li > a.btn.btn-info.btn-simple:active, .navbar .navbar-nav > li > a.btn.btn-info.btn-simple.active, .open > .navbar .navbar-nav > li > a.btn.btn-info.btn-simple.dropdown-toggle, .btn-info.btn-simple:hover, .btn-info.btn-simple:focus, .btn-info.btn-simple:active, .btn-info.btn-simple.active, .open > .btn-info.btn-simple.dropdown-toggle {
        background-color: transparent;
        color: #429cb6 !important;
    }

.navbar .navbar-nav > li > a.btn.btn-warning, .btn-warning {
    border-color: #F3BB45;
    color: #F3BB45 !important;
}

    .navbar .navbar-nav > li > a.btn.btn-warning:hover, .navbar .navbar-nav > li > a.btn.btn-warning:focus, .navbar .navbar-nav > li > a.btn.btn-warning:active, .navbar .navbar-nav > li > a.btn.btn-warning.active, .navbar .navbar-nav > li > a.btn.btn-warning:active:focus, .navbar .navbar-nav > li > a.btn.btn-warning:active:hover, .open > .navbar .navbar-nav > li > a.btn.btn-warning.dropdown-toggle, .open > .navbar .navbar-nav > li > a.btn.btn-warning.dropdown-toggle:focus, .open > .navbar .navbar-nav > li > a.btn.btn-warning.dropdown-toggle:hover, .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning:active:focus, .btn-warning:active:hover, .open > .btn-warning.dropdown-toggle, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle:hover {
        background-color: #F3BB45;
        color: rgba(255, 255, 255, 0.85) !important;
        border-color: #F3BB45;
    }

    .navbar .navbar-nav > li > a.btn.btn-warning.btn-fill, .btn-warning.btn-fill {
        color: #FFFFFF !important;
        background-color: #F3BB45;
        opacity: 1;
        filter: alpha(opacity=100);
    }

        .navbar .navbar-nav > li > a.btn.btn-warning.btn-fill:hover, .navbar .navbar-nav > li > a.btn.btn-warning.btn-fill:focus, .navbar .navbar-nav > li > a.btn.btn-warning.btn-fill:active, .navbar .navbar-nav > li > a.btn.btn-warning.btn-fill.active, .open > .navbar .navbar-nav > li > a.btn.btn-warning.btn-fill.dropdown-toggle, .btn-warning.btn-fill:hover, .btn-warning.btn-fill:focus, .btn-warning.btn-fill:active, .btn-warning.btn-fill.active, .open > .btn-warning.btn-fill.dropdown-toggle {
            background-color: #f0a810;
            color: #FFFFFF !important;
            border-color: #f0a810;
        }

    .navbar .navbar-nav > li > a.btn.btn-warning.btn-simple:hover, .navbar .navbar-nav > li > a.btn.btn-warning.btn-simple:focus, .navbar .navbar-nav > li > a.btn.btn-warning.btn-simple:active, .navbar .navbar-nav > li > a.btn.btn-warning.btn-simple.active, .open > .navbar .navbar-nav > li > a.btn.btn-warning.btn-simple.dropdown-toggle, .btn-warning.btn-simple:hover, .btn-warning.btn-simple:focus, .btn-warning.btn-simple:active, .btn-warning.btn-simple.active, .open > .btn-warning.btn-simple.dropdown-toggle {
        background-color: transparent;
        color: #f0a810 !important;
    }

.navbar .navbar-nav > li > a.btn.btn-danger, .btn-danger {
    border-color: #EB5E28;
    color: #EB5E28 !important;
}

    .navbar .navbar-nav > li > a.btn.btn-danger:hover, .navbar .navbar-nav > li > a.btn.btn-danger:focus, .navbar .navbar-nav > li > a.btn.btn-danger:active, .navbar .navbar-nav > li > a.btn.btn-danger.active, .navbar .navbar-nav > li > a.btn.btn-danger:active:focus, .navbar .navbar-nav > li > a.btn.btn-danger:active:hover, .open > .navbar .navbar-nav > li > a.btn.btn-danger.dropdown-toggle, .open > .navbar .navbar-nav > li > a.btn.btn-danger.dropdown-toggle:focus, .open > .navbar .navbar-nav > li > a.btn.btn-danger.dropdown-toggle:hover, .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger:active:focus, .btn-danger:active:hover, .open > .btn-danger.dropdown-toggle, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle:hover {
        background-color: #EB5E28;
        color: rgba(255, 255, 255, 0.85) !important;
        border-color: #EB5E28;
    }

    .navbar .navbar-nav > li > a.btn.btn-danger.btn-fill, .btn-danger.btn-fill {
        color: #FFFFFF !important;
        background-color: #EB5E28;
        opacity: 1;
        filter: alpha(opacity=100);
    }

        .navbar .navbar-nav > li > a.btn.btn-danger.btn-fill:hover, .navbar .navbar-nav > li > a.btn.btn-danger.btn-fill:focus, .navbar .navbar-nav > li > a.btn.btn-danger.btn-fill:active, .navbar .navbar-nav > li > a.btn.btn-danger.btn-fill.active, .open > .navbar .navbar-nav > li > a.btn.btn-danger.btn-fill.dropdown-toggle, .btn-danger.btn-fill:hover, .btn-danger.btn-fill:focus, .btn-danger.btn-fill:active, .btn-danger.btn-fill.active, .open > .btn-danger.btn-fill.dropdown-toggle {
            background-color: #c84513;
            color: #FFFFFF !important;
            border-color: #c84513;
        }

    .navbar .navbar-nav > li > a.btn.btn-danger.btn-simple:hover, .navbar .navbar-nav > li > a.btn.btn-danger.btn-simple:focus, .navbar .navbar-nav > li > a.btn.btn-danger.btn-simple:active, .navbar .navbar-nav > li > a.btn.btn-danger.btn-simple.active, .open > .navbar .navbar-nav > li > a.btn.btn-danger.btn-simple.dropdown-toggle, .btn-danger.btn-simple:hover, .btn-danger.btn-simple:focus, .btn-danger.btn-simple:active, .btn-danger.btn-simple.active, .open > .btn-danger.btn-simple.dropdown-toggle {
        background-color: transparent;
        color: #c84513 !important;
    }

.btn-neutral {
    border-color: #FFFFFF;
    color: #FFFFFF !important;
}

    .btn-neutral:hover, .btn-neutral:focus, .btn-neutral:active, .btn-neutral.active, .btn-neutral:active:focus, .btn-neutral:active:hover, .open > .btn-neutral.dropdown-toggle, .open > .btn-neutral.dropdown-toggle:focus, .open > .btn-neutral.dropdown-toggle:hover {
        background-color: #FFFFFF;
        color: rgba(255, 255, 255, 0.85);
        border-color: #FFFFFF !important;
    }

    .btn-neutral.btn-fill {
        color: #FFFFFF !important;
        background-color: #FFFFFF;
        opacity: 1;
        filter: alpha(opacity=100);
    }

        .btn-neutral.btn-fill:hover, .btn-neutral.btn-fill:focus, .btn-neutral.btn-fill:active, .btn-neutral.btn-fill.active, .open > .btn-neutral.btn-fill.dropdown-toggle {
            background-color: #FFFFFF;
            color: #FFFFFF !important;
            border-color: #FFFFFF;
        }

    .btn-neutral.btn-simple:hover, .btn-neutral.btn-simple:focus, .btn-neutral.btn-simple:active, .btn-neutral.btn-simple.active, .open > .btn-neutral.btn-simple.dropdown-toggle {
        background-color: transparent;
        color: #FFFFFF !important;
    }

    .btn-neutral:hover, .btn-neutral:focus {
        color: #66615B !important;
    }

        .btn-neutral:hover i, .btn-neutral:focus i {
            color: #66615B !important;
            opacity: 1;
        }

    .btn-neutral:active, .btn-neutral.active, .open > .btn-neutral.dropdown-toggle {
        background-color: #FFFFFF;
        color: #66615B !important;
    }

    .btn-neutral.btn-fill {
        color: #66615B !important;
    }

        .btn-neutral.btn-fill i {
            color: #66615B !important;
            opacity: 1;
        }

        .btn-neutral.btn-fill:hover, .btn-neutral.btn-fill:focus {
            color: #484541 !important;
        }

            .btn-neutral.btn-fill:hover i, .btn-neutral.btn-fill:focus i {
                color: #484541 !important;
                opacity: 1;
            }
/*   
  .main-panel {
    -webkit-transform: translate3d(0px, 0, 0);
    -moz-transform: translate3d(0px, 0, 0);
    -o-transform: translate3d(0px, 0, 0);
    -ms-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
    -webkit-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -moz-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -o-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -ms-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
    transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
    left: 0;
    width: 100%;
  }
    */
/*================================================================================================================*/
/* ====================================================================================================overlay nav-tabs*/
.nav-tabs[role="tablist"] > li > a:hover {
    color: #000;
}

.nav-tabs[role="tablist"] > li.active > a,
.nav-tabs[role="tablist"] > li.active > a:hover,
.nav-tabs[role="tablist"] > li.active > a:focus {
    background-color: #f5f1f1 !important;
    color: #000 !important;
    border-radius: 20px 20px 0 0;
}

.nav-tabs[role="tablist"] > li.active :before {
    border-bottom: 11px solid #f0eded !important;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
    right: 40%;
    bottom: 1px;
}
/*================================================================================================================*/
/* ====================================================================================================overlay div*/
div.dropdownCont {
    position: absolute;
    left: 0;
    top: 0;
    left: 0;
    z-index: 500;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    cursor: pointer;
    padding: 2% 0 0 0;
}

div.dcWrapper {
    /*background-color: #eee8e8;*/
    border-radius: 10px;
    font-size: 14px;
    margin: 0 auto;
    padding: 10px 0 0 0;
    width: 80%;
    height: 100%;
    /*float: right;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);*/
}
/*================================================================================================================*/

.no-padding {
    padding: 0 !important;
}

.no-toppadding {
    padding-top: 0 !important;
}

.no-botpadding {
    padding-bottom: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

.no-topmargin {
    margin-top: 0 !important;
}

.no-botmargin {
    margin-bottom: 0 !important;
}

.no-rmargin {
    margin-right: 0 !important;
}

.no-lmargin {
    margin-left: 0 !important;
}

.go-right {
    float: right !important;
}

/*GRIGLIA DATI PAGINATA*/

.mGridHiddenfield {
    display: none;
}


.mGrid {
    width: 80%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #565656;
    border-collapse: collapse;
    font-size: 12px;
}

    .mGrid td {
        padding: 2px;
        border: solid 1px #c1c1c1;
        color: #242424;
        font-size: 12px;
    }

    .mGrid th {
        padding: 4px 2px;
        color: #fff;
        background: #ad150a;
        border-left: solid 1px #525252;
        font-size: 12px;
    }

    .mGrid .alt {
        background: #eeeeee;
    }

    .mGrid .pgr {
        background: #ffffff;
        text-align: right;
    }

        .mGrid .pgr table {
            margin: 5px 0;
        }

        .mGrid .pgr td {
            border-width: 0;
            padding: 0 6px;
            border-left: solid 1px #666;
            font-weight: bold;
            color: #ad150a;
            line-height: 12px;
            font-size: 12px;
        }

        .mGrid .pgr a {
            color: #666;
            text-decoration: none;
        }

            .mGrid .pgr a:hover {
                color: #000;
                text-decoration: none;
            }

    .mGrid .hiddenfield {
        display: none;
    }

.GridPager td {
    margin: 0 !important;
    border: 0 !important;
}

.GridPager a, .GridPager span {
    display: block;
    height: 28px;
    min-width: 28px;
    /*vertical-align: middle;*/
    text-align: center;
    text-decoration: none;
    border-radius: 20px;
    color: #66615B;
    font-weight: 600;
    margin: 0 2px;
    padding: 2px 0 0 0;
    line-height: 22px;
}

.GridPager a {
    background-color: transparent;
    border: 2px solid #66615B;
    color: #66615B;
}

.GridPager span {
    background-color: #428bca;
    color: #fff;
    border: 1px solid #357ebd;
}

/* FINE GRIDVIEW */

.small-box {
    position: relative;
    display: block;
    border-radius: 2px;
    margin: 0;
    padding: 0;
    overflow: auto;
}

    .small-box .icon {
        position: absolute;
        top: 5%;
        bottom: 3px;
        right: 5px;
        z-index: 0;
        font-size: 90px;
        color: rgba(0, 0, 0, 0.15);
        overflow: hidden;
    }

    .small-box > .inner {
        padding: 10px;
    }

    .small-box:hover {
        text-decoration: none;
        color: #f9f9f9;
    }

        .small-box:hover .icon {
            animation-name: tansformAnimation;
            animation-duration: .5s;
            animation-iteration-count: 1;
            animation-timing-function: ease;
            animation-fill-mode: forwards;
            -webkit-animation-name: tansformAnimation;
            -webkit-animation-duration: .5s;
            -webkit-animation-iteration-count: 1;
            -webkit-animation-timing-function: ease;
            -webkit-animation-fill-mode: forwards;
            -moz-animation-name: tansformAnimation;
            -moz-animation-duration: .5s;
            -moz-animation-iteration-count: 1;
            -moz-animation-timing-function: ease;
            -moz-animation-fill-mode: forwards;
        }

.fc-popover {
    z-index: 999 !important;
    padding-right: 8px !important;
    padding-left: 8px !important;
}

.panel-title .fc-rtl {
    padding-top: 5px !important;
    padding-right: 5px !important;
}


.box-help {
    margin-top: 0px !important;
    margin-right: 25px !important;
}

.sidebar .sidebar-wrapper > .nav li > a,
.off-canvas-sidebar .sidebar-wrapper > .nav li > a {
    padding-left: 15px;
}

.left-vertical-tabs-prestazioni {
    width: 350px;
    float: left;
}

.right-text-tabs-prestazioni {
    width: calc(100% - 350px);
    float: left;
    padding: 6px 15px;
}

.swal2-datepicker {
    overflow-x: visible;
    overflow-y: visible;
    min-height: 480px;
}

/*MODFICA 15/02/2018 - FSorcioni
  Riduzione dimensione div.semitrasparente in WfInfoHome;
*/
div.semitrasparente220 {
    height: 265px;
}

.table-informazioni a /*> table > tbody > tr > td > a*/ {
    /*font-size: small !important;*/
    font-size: small !important;
}

.card-content-informazioni {
    border-top: 1px solid #cfcfca !important;
}

.card .category {
    color: #6A6A6A !important;
}



.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-yesorno {
    color: #fff !important;
    background-color: #00a65a !important; /* #7AC29A !important;*/
    border-color: #4cae4c !important;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-yesorno {
    color: #fff !important;
    background-color: #EB5E28 !important; /*#EB5E28 !important;*/
    border-color: #d43f3a !important;
}

/*
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-yesorno {
  color: #fff !important;
  background-color: #5cb85c !important;
  border-color: #4cae4c !important;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-yesorno {
  color: #fff !important;
  background-color: #d9534f !important;
  border-color: #d43f3a !important;
}
*/

.dropdown-menu.header-menu {
    min-width: 200px;
}

.presentation .front, .presentation .front:after, .presentation .front .btn, .logo-container .logo, .logo-container .brand {
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.logo-container .logo {
    overflow: hidden;
    border-radius: 50%;
    border: 2px solid #dedede;
    width: 50px;
    float: left;
    padding: 4px;
}

.logo-container .brand {
    font-size: 18px;
    color: #66615B; /*#FFFFFF;*/
    line-height: 20px;
    float: left;
    margin-left: 10px;
    margin-top: 5px;
    width: 100px;
    height: 50px;
}

.logo-container {
    margin-top: 10px;
}

    .logo-container .logo img {
        width: 100%;
    }

.valign-center {
    display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */
    display: flex;
    align-items: center;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #9c9c9c;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #9c9c9c;
    opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #9c9c9c;
    opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #9c9c9c;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #9c9c9c;
}

::placeholder { /* Most modern browsers support this now. */
    color: #9c9c9c;
}

.menuImgBg {
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.header-menu-front {
    z-index: 200 !important;
}

.landing-header {
    background-size: cover;
    min-height: 300px !important;
}

    .landing-header .motto {
        padding-top: 5%;
        padding-bottom: 4%;
        text-align: left;
        z-index: 3;
        color: #111111;
    }

.landing-section {
    padding: 100px 0;
}

    .landing-section .btn-simple {
        padding: 0;
    }

    .landing-section .column {
        padding: 0 75px 0 25px;
    }

.section {
    padding: 30px 0;
    position: relative;
    background-color: #f4f3ef;
    background-image: linear-gradient(to bottom, transparent 0%, rgba(112, 112, 112, 0) 60%, rgba(186, 186, 186, 0.15) 100%);
}

.section-with-space {
    padding: 60px 0;
}

.section-gray {
    background-color: #EEEEEE;
}

.section-white {
    background-color: #FFFFFF;
}

.section-nude {
    background-color: #FFFCF5;
}

.section-light-brown {
    background-color: #D8C1AB;
    color: #FFFFFF;
}

.section-brown {
    background-color: #A59E94;
    color: #FFFFFF;
}

.section-light-blue {
    background-color: #7A9E9F;
    color: #FFFFFF;
}

.section-dark-blue {
    background-color: #506367;
    color: #FFFFFF;
}

.section-dark {
    background-color: #1a1817;
    color: #FFFFFF;
}

.footer-home {
    color: #777777 !important;
    padding: 10px 15px !important;
    font-size: 14px !important;
    margin: 10px 3px !important;
    line-height: 15px !important;
    text-align: right !important;
}

.footerDett {
    height: 100% !important;
    border-bottom: 20px !important;
}

.text-center .inbasso {
    margin: 0 auto 10px auto;
    bottom: 0;
}

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

.warning_item {
    background-color: #8E8557; /* #db4747; */
}

#tabsMB {
    background: #f4f4f4 !important;
    color: gray !important;
    padding: 1em !important;
}

    #tabsMB h6.section-title {
        color: gray;
    }

    #tabsMB .nav-tabs .nav-item.show .nav-link {
        /*color: #f3f3f3;*/
        background-color: transparent;
        border-color: transparent transparent #f3f3f3;
        border-bottom: 4px solid !important;
        font-size: 18px !important;
        font-weight: bold !important;
    }

    #tabsMB .nav-tabs .nav-link:not(.active) {
        border: 1px solid transparent;
        border-top-left-radius: .25rem !important;
        border-top-right-radius: .25rem !important;
        color: gray;
        font-size: 20px !important;
    }

    #tabsMB .nav-tabs .nav-link.active {
        border-bottom: 4px solid !important;
        font-size: 20px !important;
        color: #68a6b8 !important;
    }

section {
    padding: 60px 0;
}

    section .section-title {
        text-align: center;
        color: #007b5e;
        margin-bottom: 50px;
        text-transform: uppercase;
    }

.img-mini {
    width: 130px;
    height: 130px;
    border-radius: 25%;
    border: 4px solid white;
    box-shadow: 2px 2px 6px #6c6a6a;
    margin-top: 35px !important;
    position: relative;
    top: 25%;
    transition: 1s;
}

.select2-container .select2-selection--single {
    height: 40px !important;
    padding-bottom: 6px;
    padding-top: 6px;
}

.datatable-select {
    padding: 0 !important;
}

.badge-notification {
    background-color: red;
    padding: 3px 5px 2px 5px;
    margin-bottom: 18px;
    margin-left: -5px;
}

.dropdown-notifiche {
    background-color: #FFE1B0;
    color: white;
}

    .dropdown-notifiche .divider {
        background-color: black !important;
        margin: 0px;
    }

.link-notifiche {
    white-space: normal !important;
}

    .link-notifiche:hover {
        background-color: antiquewhite !important;
        color: black !important;
    }

.li-notifica:hover {
    background-color: antiquewhite !important;
    color: black !important;
}

@media (min-width: 992px) {
    .dropdown-notifiche {
        max-width: 400px !important;
        width: 400px !important;
    }

        .dropdown-notifiche > li > a {
            min-height: 30px;
        }
}

hr.BusHr {
    display: none !important;
}