.navbar-default .navbar-brand {
    color: #3174AF;
}

.navbar-default .navbar-nav > li > a {
    color: #003366;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #E30613;
}

body {
    padding-top: 60px;
    /* padding-bottom: 40px; */
    margin-bottom: 80px;
    background-color: rgb(249, 249, 249);
    background-color: rgb(250, 250, 250);
    /* background-color: #FFFFFF;  */
}

div#container-body {
    background-color: rgb(250, 250, 250);
    /* box-shadow:
        0 -6px rgb(250, 250, 250),  /* nasconde ombra sopra */
    /* 0 6px rgb(250, 250, 250),  /* nasconde ombra sotto */
    /* 1px 0 10px -3px grey,
     -1px 0 10px -3px grey;
 padding: 0px 30px 25px 30px;   */
}

.btn-success {
    background-color: #57A900;
    background-image: -moz-linear-gradient(top, #70D900, #57A900);
    background-image: -ms-linear-gradient(top, #70D900, #57A900);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#70D900), to(#57A900));
    background-image: -webkit-linear-gradient(top, #70D900, #57A900);
    background-image: -o-linear-gradient(top, #70D900, #57A900);
    background-image: linear-gradient(top, #70D900, #57A900);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70d900', endColorstr='#57a900', GradientType=0);
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
    background-color: #57A900;
}

div.container a.navbar-brand > img {
    display: inline;
    margin-right: 4px;
    margin-top: -2px;
}

h1 {
    font-size: 25px;
    margin-top: 18px;
    margin-bottom: 28px;
}

div.intro-pag-info {
    margin-bottom: 40px;
}

.desc-post-titolo {
    margin-bottom: 18px;
}


ul.alert {
    list-style-position: inside;
}


.alert.msg-feedback {
    margin: 30px 0px 35px 0px;
}

.flash-messenger {
    list-style-type: none;
    font-weight: bold;
}

.panel-body-marginone {
    padding: 30px;
}


#help-page-icon,
#help-page-icon-comm {
    font-size: 28px;
    /* color: #003777; */
    margin-top: 18px
}

#help-page-icon:hover,
#help-page-icon-comm:hover {
    color: red !important;
    cursor: pointer;
    text-shadow: 2px 2px 3px rgba(150, 150, 150, 1);
}

.aiuto-inline-icona {
    color: #245580;
    font-size: 16px;
    margin-left: 3px;
}

mark {
    background-color: #FFFF00;
}


.help-label-icon {
    font-size: 15px;
    margin-top: 3px;
}

.help-label-icon:hover {
    color: red !important;
    /* cursor: pointer; */
    text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
}


/*** Cerchio in basso a destra con link a top ***/

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgba(0, 0, 0, 0.2);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#return-to-top i {
    color: #FFFFFF;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 20px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#return-to-top:hover {
    background: rgba(0, 0, 0, 0.5);
    background: #023978;
}

#return-to-top:hover i {
    color: #FFFFFF;
    top: 10px;
}


/*** freccia per indietro a sinistra del titolo pagina ***/

div.freccia-idietro {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-right: 5px;
    position: relative;
    bottom: -3px;
    background-image: url("/img/321-arrow-left2.png");
    background-size: contain;
    background-repeat: no-repeat;
}

div.freccia-idietro:hover {
    background-image: url("/img/321-arrow-left2_rosso.png");
    background-size: contain;
    background-repeat: no-repeat;
}


.validator-errors {
    /*
        display: block;
        padding-top: 6px;
        padding-bottom: 7px;
        margin: 0px 6px;
        color: #8a6d3b;
        background-color: #FFFFCC;
        border: 1px solid #faebcc;
        list-style-type: none;

        border-radius: 0px 0px 6px 6px;
        -moz-border-radius: 0px 0px 6px 6px;
        -webkit-border-radius: 0px 0px 6px 6px;
    */
    color: red;
}

.ancora-offset {
    content: "";
    display: block;
    height: 70px; /* fixed header height*/
    margin: -70px 0 0; /* negative fixed header height */
}


/*** Parsley ***/

.parsley-errors-list {
    color: red;
    list-style-type: none;
    padding-left: 20px;
}


/*** Bootbox.js ***/

div.bootbox.bootboxError .modal-body {
    color: #721C24;
    background-color: #F8D7DA;
}

div.bootbox.bootboxError .modal-header {
    color: #721C24;
}

div.bootbox.bootboxWarning .modal-body {
    color: #333333;
    background-color: #FCF8E3;
}

div.bootbox.bootboxWarning .modal-header {
    color: #333333;
}

div.bootbox.bootboxSuccess .modal-body {
    color: #333333;
    background-color: #DFF0D8;
}

div.bootbox.bootboxSuccess .modal-header {
    color: #333333;
}


/**********/


#navbar-menu {
    border-top: 1px solid #3174AF;
}

.menu-nomeutente {
    /* font-weight: bold; */
}

.ui-accordion .ui-corner-all {
    border-radius: 0px;
}

.ui-accordion .ui-accordion-header {
    margin-top: 10px;
    padding: 1em 1em 1em 1em;
    /* border: 1px solid #B4B4B4; */
    border: 1px solid #CCCCCC;
    background-color: #FAFAFA;
    /* color: #000000; */
}

.ui-accordion .ui-accordion-header:hover {
    background-color: #EEEEEE;
    /* border: 1px solid #FF0000; */
}

/* .ui-accordion .ui-accordion-header.tipo-t {
    background-color: #E3E3E3;
} */
/* .ui-accordion .ui-accordion-header {
    background: #e3e3e3;
    background: -moz-linear-gradient(-45deg, #e3e3e3 0%, #cccccc 100%);
    background: -webkit-linear-gradient(-45deg, #e3e3e3 0%,#cccccc 100%);
    background: linear-gradient(135deg, #e3e3e3 0%,#cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#cccccc',GradientType=1 );
} */
/* .ui-accordion .ui-accordion-header.tipo-p {
    background-color: #CCCCCC;
} */
.ui-accordion .ui-widget-content {
    padding: 1.5em;
}

.ui-accordion .ui-widget-content a.btn {
    color: #FFFFFF;
}


/*** AIUTO ***/

.pags-aiuto {
    text-align: justify;
}

.pags-aiuto .panel-body-principale {
    padding: 25px 60px;
}

.pags-aiuto h2 {
    font-size: 26px;
    margin-bottom: 30px;
}

.pags-aiuto h3 {
    font-size: 21px;
    margin-top: 30px;
}

.pags-aiuto h4 {
    margin-top: 23px;
}

.pags-aiuto blockquote {
    font-size: 16px;
}

.pags-aiuto hr {
    margin: 30px 0px;
}


/*** HOME ***/

.pag-index h1 {
    color: #3174AF;
    font-size: 66px;
    padding: 0px;
    margin: 16px 0px 2px 0px;
}

/* .pag-index h1 {
    font-size: 70px;
    color: #FFF;
    font-family: Arial Black, Gadget, sans-serif;
    text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
} */

.pag-index h1 {
    text-shadow: 2px 8px 6px rgba(0, 0, 0, 0.2),
    0px -5px 35px rgba(255, 255, 255, 0.3);
}

.pag-index h4 {
    color: #003366;
    margin-top: 0px;
    line-height: 1;
}

.pag-index .foto-utente {
    max-width: 300px;
    max-height: 130px;
}

.pag-index #accordion-utentenew {
    margin: 25px 0px;
}

.pag-index #accordion-utentenew .accordion-header {
    background-color: #FFFFFF;
    color: rgb(51, 51, 51);;
    border-color: #E30613;
    font-size: 18px;
}

.pag-index #accordion-utentenew .accordion-header.ui-state-active {
    background-color: #E30613;
    color: #FFFFFF;
    border-color: #CCCCCC;
}

.pag-index #accordion-utentenew .ui-accordion-content .row {
    margin-bottom: 8px;
}

.pag-index #accordion-utentenew .ui-accordion-content input[type="text"],
.pag-index #accordion-utentenew .ui-accordion-content select {
    padding: 6px;
}

.pag-index #accordion-msgo {
    margin: 0px 0px 25px 0px;
}

.pag-index #accordion-msgo {
    background-color: #FFFFFF;
    /* border: 1px solid lightgray; */
    padding: 0px;
    transition: box-shadow .9s;
}

.pag-index #accordion-msgo:hover {
    box-shadow: 0 0 12px rgba(33, 33, 33, .2);
}

.pag-index #accordion-msgo .ui-accordion-header {
    margin: 0px;
    background-color: #FFFFFF;
    color: #003366;
    font-size: 18px;
}

.pag-index #accordion-msgo .ui-accordion-header span {
    font-size: 12px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.pag-index #accordion-msgo .ui-accordion-header.ui-state-active {
    background-color: #003366;
    color: #FFFFFF;
    border-color: #003366;
}

.pag-index #div-sfondo {
    position: relative;
    width: 100%;
    height: 200px;
    left: 0;
    top: 0;
    background-color: #F5F5F5;
}

.pag-index #div-loading-corpo {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    /* z-index: 999; */
    background: url(/img/loading.gif) no-repeat 50% 50%;
    opacity: 1;
}

.pag-index .row {
    margin-bottom: 25px;
}

.pag-index .row.logo {
    margin-top: 20px;
    margin-bottom: 20px;
}

.pag-index .row.logo img#logo-alkemit {
    height: 130px;
}

.pag-index .riqua {
    background-color: #FFFFFF;
    border: 1px solid lightgray;
    padding: 0px;
    transition: box-shadow .9s;
}

.pag-index .riqua:hover {
    box-shadow: 0 0 12px rgba(33, 33, 33, .2);
}

.pag-index .riqua .riqua-in {
    padding: 25px;
    padding-bottom: 20px;
}

.pag-index .riqua-inprofi {
    display: inline-block;
    text-align: center;
}

.pag-index .riqua-inprofi a {
    background-color: #003366;
    color: #FFFFFF;
    min-width: 200px;

    -webkit-border-radius: 20px 0px 0px 21px;
    -moz-border-radius: 20px 0px 0px 21px;
    border-radius: 20px 0px 0px 21px;
}

.pag-index .riqua-inprofi a:hover {
    background-color: #E30613;
    text-decoration: none;
}

.pag-index .riqua-inprofi a.strutt-uno {
    font-size: 110%;
    padding: 6px 32px 6px 40px;
}

.pag-index .riqua-inprofi a.strutt-due {
    font-size: 110%;
    padding: 6px 20px;
}

.pag-index .foto {
    margin: 15px 0px 5px;
}

.pag-index .foto.foto-tav {
    width: 100%;
    height: 200px;
    background: url("../img/home/tavola.jpg") left top no-repeat;
}

.pag-index .foto.foto-geo {
    width: 100%;
    height: 200px;
    background: url("../img/cartina/italia_t.png") center center no-repeat;
    background-size: 500px;
}

.pag-index .foto.foto-ric {
    width: 100%;
    height: 200px;
    background: url("../img/home/ricerca_home.png") left top no-repeat;
    background-size: 500px;
}

.pag-index .collega {
    text-align: right;
    margin-bottom: 25px;
}

.pag-index .collega a,
.pag-index .collega a:link,
.pag-index .collega a:visited
.pag-index .collega a:active {
    background-color: #003366;
    padding: 5px 15px 5px 30px;
    color: #FFFFFF;
    text-decoration: none;

    -webkit-border-radius: 25px 0px 0px 25px;
    -moz-border-radius: 25px 0px 0px 25px;
    border-radius: 25px 0px 0px 25px;
}

.pag-index .collega a.dx,
.pag-index .collega a.dx:link,
.pag-index .collega a.dx:visited
.pag-index .collega a.dx:active {
    background-color: #003366;
    padding: 5px 30px 5px 15px;
    color: #FFFFFF;
    text-decoration: none;

    -webkit-border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
}

.pag-index .collega a:hover,
.pag-index .collega a.dx:hover {
    background-color: #E30613;
    text-decoration: none;
}


/*** VALORI ***/

.pag-elenchi h1 {
    padding: 25px 0px 3px 14px;
    margin-bottom: 5px;
}

.pag-elenchi .panel {
    margin-bottom: 30px;
}

.pag-elenchi .panel-heading {
    color: #336699;
}

.pag-elenchi .ui-accordion .ui-accordion-header {
    background-color: #F8F8F8;
}

.pag-elenchi #affixmenu {
    margin-top: 87px;
    width: 300px;
}

.pag-elenchi ul.fixed-menu {
    padding-left: 20px;
}

.pag-elenchi ul.fixed-menu li {
    list-style-type: none;
    text-decoration: none;
    margin-bottom: 3px;
}

.pag-elenchi ul.fixed-menu li.menu-titoletto {
    font-size: 90%;
    color: #1F496D;
    border-bottom: 1px solid #1F496D;
    padding-bottom: 3px;
    margin-bottom: 6px;
}

.pag-elenchi ul.fixed-menu li.menu-titoletto-noprimo {
    margin-top: 15px;
}

.pag-elenchi ul.fixed-menu li.tornasu {
    margin-top: 25px;
    font-size: 80%;
}

.pag-elenchi .valore-inorgent-logo {
    width: 90px;
    max-width: 90px;
    max-height: 90px;
}

.pag-elenchi .valore-inorgent-righe dl {
    margin-bottom: 10px;
}

.pag-elenchi .istruzioni {
    padding: 20px;
    margin-bottom: 20px;
    text-align: justify;
}


/***** UTENTE *****/

.pag-utente.indice h1 {
    margin-top: 0px;
    margin-bottom: 3px;
    padding-bottom: 0px;
}

.pag-utente.indice .nodati {
    margin: 23px;
    font-style: italic;
}

.pag-utente.indice .ui-accordion-header-icon {
    background-image: url(images/ui-icons_444444_256x240.png);
}

.pag-utente.indice .tit-anagrafica {
    font-weight: bold;
}

.pag-utente.indice .tit-profilo {
    font-weight: bold;
}

/*
 .pag-utente.indice .acco-head-t {
     background-color: #008000;
 }
 .pag-utente.indice .acco-head-tp {
     background-color: #008000c0;
 }
 .pag-utente.indice .acco-head-p {
     background-color: #00800080;
 }
*/

.e-margine-top {
    margin-top: 25px !important;
}

.pag-utente .div-nome {
    height: 135px;
    display: table-cell;
    vertical-align: middle;
}

.pag-utente .div-nome-in {
    /* height: 55px; */
    opacity: 0;
    display: inline-block;
}

.pag-utente .col-foto input {
    margin-right: 8px;
}

.pag-utente .foto-utente {
    max-width: 300px;
    max-height: 130px;
}

.pag-utente .ui-state-active {
    color: #454545;
}

.pag-utente .panel-amministrazione .form-group {
    margin-left: 5px;
}

.pag-utente .panel-utente .page-header h4 {
    margin: 0px;
}

.pag-utente .panel-utente .panel-body {
    padding: 22px 25px 25px 25px;
}

.pag-utente .panel-utente .anagrafica-base {
    padding: 1px;
    margin-bottom: 25px;
}

.pag-utente .tabana {
    width: 100%;
    /* border: 1px solid; */
}

.pag-utente .tabana td {
    padding: 3px 0px;
}

.pag-utente .tabana .td-label {
    width: 35%;
    /* border-bottom: 1px solid #DDDDDD;  */
}

.pag-utente .tabana .td-valore {
    width: 65%;
    font-weight: bold;
    /* color: #505050;  */
    border-bottom: 1px solid #EEEEEE;
}

.pag-utente .tabana .td-flag {
    width: 100%;
    font-weight: normal !important;
    /* color: #505050;  */
    /* border-bottom: 1px solid #EEE; */
    padding-top: 20px;
}

.pag-utente .tabana .td-flag label {
    font-weight: normal;
}

.pag-utente .tabana-sedi {
    margin-top: 35px;
    margin-bottom: 20px;
}

.pag-utente .panel-profilo .ui-accordion-content {
    background-color: #FAFAFA;
}

.pag-utente .panel-profilo .passociazione,
.pag-profedit .passociazione {
    margin-bottom: 20px;
    margin-left: 3px;
}

.pag-utente .tabprofi {
    width: 100%;
    /* border: 1px solid; */
}

.pag-utente .tabprofi td {
    padding: 3px 0px;
}

.pag-utente .tabprofi .td-label,
.pag-utente .tabprofi .td-single-label {
    width: 27%;
    /* border-bottom: 1px solid #DDDDDD;  */
}

.pag-utente .tabprofi .td-valore,
.pag-utente .tabprofi .td-single-valore {
    width: 73%;
    font-weight: bold;
    /* color: #505050;  */
    border-bottom: 1px solid #EEEEEE;
}


.pag-utente.anaedit .page-header {
    margin-top: 10px;
    margin-bottom: 10px;
}

.pag-utente.anaedit .page-header h3 {
    margin-top: 6px;
    margin-bottom: 2px;
}

.pag-utente.anaedit .panel-default.anabase .panel-body {
    padding-bottom: 20px;
}

.pag-utente.anaedit .panel-ombra {
    box-shadow: 0 1px 8px 5px #DDDDDD;
    -webkit-box-shadow: 0 1px 8px 5px #DDDDDD;
    -moz-box-shadow: 0 1px 8px 5px #DDDDDD;
    -o-box-shadow: 0 1px 8px 5px #DDDDDD;
}


/* .pag-profedit h1,
.pag-utente.anaedit h1 {
    margin-bottom: 25px;
} */

.pag-profedit label {
    display: inline;
    font-weight: normal;
}

.pag-profedit .form-control {
    /* margin-top: 3px; */ /* crea problemi a input con icona */
}

.pag-profedit .panel-area {
    margin-bottom: 40px;
}

.pag-profedit .panel-area-heading {
    padding: 5px 15px;
}

.pag-profedit .panel-area-body .panel .panel-body {
    padding: 20px 20px 12px 20px;
}

.pag-profedit .panel-area-footer {
    background-color: #FFFFFF;
}

.pag-profedit .panel-istanza {
    margin-bottom: 15px;
}

.pag-profedit .panel-istanza .row {
    margin-bottom: 10px;
}

.pag-profedit .panel-istanza .panel-body,
.pag-profedit .panel-istanza .panel-footer {
    background-color: #F5F5F5;
}

.pag-profedit .panel-istanza .panel-body {
    padding-bottom: 7px;
}

.pag-profedit .descrizione {
    margin-bottom: 20px;
}

.pag-profedit .descrizione-istanza {
    /* font-weight: bold; */
    margin-bottom: 18px;
}

.pag-profedit .spazio-top {
    margin-top: 4px;
}

.pag-profedit .addButton {
    margin-top: 20px;
}

.validazione-errore {
    color: #FF0000;
    font-weight: bold;
    margin-bottom: 3px;
}


/***** PAG RICERCA *****/

.pag-ricerca .sottotitolo {
    margin: 22px 0px 30px 0px;
    font-size: 120%;
    font-weight: 500;
}

.pag-ricerca .page-header {
    margin-top: 20px;
    margin-bottom: 0px;
}

.pag-ricerca .panel-istanza .panel-body {
    padding: 0px 20px 20px 20px;
}

.pag-ricerca .panel-istanza .row {
    margin: 0px 0px;
    padding-top: 8px;
    padding-bottom: 15px;
}

.pag-ricerca .panel-istanza .blocco {
    background-color: #FAFAFA;
}

.pag-ricerca .panel-istanza .row-nolast {
    padding-bottom: 0px;
}

.pag-ricerca .panel-istanza label {
    display: inline;
    font-weight: normal;
}

.pag-ricerca .panel-istanza .form-control,
.pag-ricerca .panel-istanza .form-control.datepicker {
    height: 32px;
    padding: 3px 6px;
}

.pag-ricerca .panel-istanza .form-control.datepicker {
    padding: 3px 8px;
}

.pag-ricerca .spazio-top {
    margin-top: 4px;
}

.pag-ricerca #ricercatab {
    font-size: 90%;
}

.pag-ricerca .dataTables_scroll tbody th,
.pag-ricerca .dataTables_scroll tbody td {
    white-space: nowrap;
}

.pag-ricerca .dataTables_scrollHeadInner thead th,
.pag-ricerca .dataTables_scrollFootInner tfoot th {
    background-color: #FAFAFA;
    font-size: 90%;
}

/* .pag-ricerca .dataTables_scroll tbody tr > .sorting_1,
.pag-ricerca .dataTables_scroll tbody tr > .sorting_2,
.pag-ricerca .dataTables_scroll tbody tr > .sorting_3 {
    background-color: #fAfAfA;
} */

.pag-ricerca #ricercatab th {
    text-align: center;
}

.pag-ricerca #ricercatab .dataTables_empty {
    line-height: 70px;
    text-align: left;
    padding-left: 430px;
    font-weight: bold;
    font-size: 120%;
    color: #31708F;
}

.pag-ricerca .tools-up {
    padding-bottom: 12px;
}

.pag-ricerca .tools-down {
    padding-top: 12px;
}


/***** TAVOLA ELEMENTI *****/

div.pag-tavola {
    width: 1140px;
}

.tav-contenitore {
    position: relative;
    /*width: 1102px;*/
    margin: 0px auto;
    text-align: center;
    /* border: 1px solid black; */
    padding: 0px;
    background-color: #F9F9F9;
    background-color: #FFFFFF;
    text-align: center;
    margin-bottom: 20px;
}

.tav-loading {
    display: inline-block;
    margin: 100px auto;
    padding: 30px;
    font-size: 16px;
    /* background: #F9F9F9; */
}

.tav-normali,
.tav-particolari {
    /* display: none; */
    /* display: inline-block; */
    position: relative;
    width: 100%;
    margin: 0px;
    border: 0px;
    /* border: 5px solid #F9F9F9; */
    /* margin-bottom: 3px;  */
    /* background-color: #F9F9F9;  */
}

.tav-elemento {
    position: absolute;
    display: none;
    border: 1px solid black;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    font-family: Optima, sans-serif, Gill Sans;
    font-size: 3px;
    overflow: hidden;

    -webkit-transition: all 1s; /* Safari */
    transition: all 1s;
}

.tav-elemento div {
    margin: 0px;
}

.tav-elemento .testa {
    display: table;
    width: 100%;
    height: 25%;
    background: #FFFFFF;
    color: #000000;
}

.tav-elemento .testa2 {
    display: table;
    width: 100%;
    height: 25%;
    background: #FFFFFF;
    border-top: 1px solid #000000;
    color: #000000;
}

.tav-elemento .corpo {
    display: table;
    width: 100%;
    height: 32%;
    border-top: 1px solid #000000;
    overflow: hidden;
    text-align: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
}

.tav-elemento.pol .corpo {
    height: 30%;
}

.tav-elemento .piede {
    display: table;
    width: 100%;
    height: 18%;
    overflow: hidden;
    text-align: center;
}

.tav-elemento.pol .piede {
    height: 20%;
}

.tav-elemento .testa .sx {
    display: table-cell;
    vertical-align: middle;
    width: 33%;
    height: 100%;
    background-color: #000000;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-right: 1px solid #000000;
}

.tav-elemento .testa .sx.conlogo {
    background-color: #FFFFFF;
}

.tav-elemento .testa .dx {
    display: table-cell;
    vertical-align: middle;
    width: 67%;
    height: 100%;
    overflow: hidden;
    /* white-space: nowrap; */
    text-align: center;
}

.tav-elemento .testa2 .sx {
    display: table-cell;
    vertical-align: middle;
    width: 67%;
    height: 100%;
    overflow: hidden;
    text-align: center;
    border-right: 1px solid #000000;
}

.tav-elemento .testa2 .dx {
    display: table-cell;
    vertical-align: middle;
    width: 33%;
    height: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
}

.tav-elemento.pol .testa2 .sx {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    height: 100%;
    overflow: hidden;
    text-align: center;
    border-right: 1px solid #000000;
}

.tav-elemento.pol .testa2 .dx {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    height: 100%;
    overflow: hidden;
    /* white-space: nowrap; */
    text-align: center;
}

.tav-elemento .corpo div {
    display: table-cell;
    vertical-align: bottom;
    width: 100%;
    height: 100%;
    padding: 0px 7%;
    overflow: hidden;
    white-space: nowrap;
}

.tav-elemento .piede div {
    display: table-cell;
    vertical-align: top;
    width: 100%;
    height: 100%;
    padding: 0px 0px;
    overflow: hidden;
    white-space: nowrap;
}


.tav-elemento:hover {
    -ms-transform: scale(4, 4); /* IE 9 */
    -webkit-transform: scale(4, 4); /* Safari */
    transform: scale(4, 4);

    -webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.75);

    z-index: 10000;
}


.tav-colore-1 {
    background-color: lightcoral;
}

.tav-colore-2 {
    background-color: lightblue;
}

.tav-colore-3 {
    background-color: lightgreen;
}

.tav-colore-4 {
    background-color: lightgoldenrodyellow;
}

.tav-colore-5 {
    background-color: lightcyan;
}

.tav-colore-6 {
    background-color: lightpink;
}

.tav-colore-7 {
    color: #FFFFFF;
    background-color: blue;
}

.tav-colore-8 {
    color: #FFFFFF;
    background-color: green;
}

.tav-colore-9 {
    background-color: yellow;
}

.tav-colore-10 {
    background-color: cyan;
}

.tav-colore-11 {
    background-color: red;
}

.tav-colore-12 {
    background-color: pink;
}

.tav-colore-13 {
    color: #FFFFFF;
    background-color: darkblue;
}

.tav-colore-14 {
    color: #FFFFFF;
    background-color: darkgreen;
}

.tav-colore-15 {
    color: #FFFFFF;
    background-color: darkgoldenrod;
}


.tav-particolari .tav-elemento .corpo {
    background: #FFFFFF;
}

.tav-particolari .tav-elemento .piede {
    border-top: 1px solid #000000;
    color: #FFFFFF;
}

.tav-particolari .tav-elemento .corpo .sx {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    height: 100%;
    overflow: hidden;
    text-align: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-right: 1px solid #000000;
}

.tav-particolari .tav-elemento .corpo .dx {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    height: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
}

.tav-particolari .tav-elemento .testa2 div {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    padding: 0px 0px;
    overflow: hidden;
    /* white-space: nowrap; */
}

.tav-particolari .tav-elemento .piede div {
    display: table-cell;
    vertical-align: middle;
}

.tav-particolari .tav-elemento1 .testa2,
.tav-particolari .tav-elementoA .testa2 {
    color: #FF0000;
}

/* imposto il colore di sfondo per tutto l'elemento in modo che se le sezioni
   (testa, testa2, corpo e piede) non comprono tutta l'altezza la parte che
   rimane in basso dopo il piede ha il colore che deve avere il piede; le altre
   sezioni hanno il colore di sfondo impostato quindi non si vede il "dietro" */
.tav-particolari .tav-elemento1,
.tav-particolari .tav-elementoA,
.tav-particolari .tav-elementoB {
    background: #FF0000;
    /* color: #FFFFFF; */
}

.tav-particolari .tav-elementoC,
.tav-particolari .tav-elementoD {
    background: #002060;
    /* color: #FFFFFF; */
}

.tav-particolari .tav-elemento2 {
    background: #008000;
    /* color: #FFFFFF; */
}

.tav-particolari .tav-elemento1 {
    cursor: default;
}


.tav-msgsimulazione {
    background-color: yellow;
    padding: 5px;
    margin-bottom: 15px;
}


/**** PAG TAVOLA - PAG Stakeholder *****/

.pag-tav-stakeholder .contenitore {
    padding-left: 0px;
}

.pag-tav-stakeholder .valore-inorgent-logo {
    max-width: 150px;
    max-height: 150px;
}

.pag-tav-stakeholder .dl-horizontal {
    margin-bottom: 12px;
}


/***** CARTINA *****/

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

.pag-cartina .mappa {
    width: 550px;
    height: 653px;
    background: url("../img/cartina/italia.png") left top no-repeat;
    position: relative;

    display: table;
    margin: 0 auto;
}

.pag-cartina .mappa .mappa-overlay {
    width: 550px;
    height: 653px;
    background: url("../img/cartina/italia.png") left top no-repeat;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
}

.pag-cartina .mappa img {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
}


/***** CLOUD *****/

.pag-wordcloud {
    margin-bottom: 18px;
}

.pag-wordcloud .cloud {
    color: #000000;
    pointer-events: none;
    cursor: default;

    list-style-type: none;
    margin: 3px 20px 20px 20px;
    padding: 0;
}

.pag-wordcloud .cloud li {
    margin: 0px 2px;
    display: inline-block;
    line-height: 1.1;
}

.pag-wordcloud .grafici {
    min-height: 70px;
}

.pag-wordcloud .caricamento {
    font-size: 120%;
    margin-top: 12px;
    color: #337AB7;
}


/***** PAG RUOLO *****/

.pags-ruoli-edit {
    margin-bottom: 27px;
}


/***** PAGS AUTH (login, email, password) *****/

.pags-auth {
    margin: 20px 0px 32px 0px;
}

.pags-auth input[name=username] {
    text-transform: uppercase;
}


/***** PAGS GRAMMI *****/

/* .pag-grammi #tabadminorggramma td,
.pag-admin-grammi #tabadminorggramma td {
    text-align: center;
}
.pag-grammi #tabadminorggramma td:nth-child(2),
.pag-admin-grammi #tabadminorggramma td:nth-child(2) {
    text-align: left;
}
.pag-grammi #tabadminorggramma td:nth-child(6),
.pag-admin-grammi #tabadminorggramma td:nth-child(6) {
    text-align: center;
} */

.pag-grammi #tabadminorggramma td:nth-child(1),
.pag-admin-grammi #tabadminorggramma td:nth-child(1) {
    text-align: center;
}

.pag-grammi #tabadminorggramma td:nth-last-child(1),
.pag-grammi #tabadminorggramma td:nth-last-child(2),
.pag-grammi #tabadminorggramma td:nth-last-child(3),
.pag-grammi #tabadminorggramma td:nth-last-child(4),
.pag-admin-grammi #tabadminorggramma td:nth-last-child(1),
.pag-admin-grammi #tabadminorggramma td:nth-last-child(2),
.pag-admin-grammi #tabadminorggramma td:nth-last-child(3),
.pag-admin-grammi #tabadminorggramma td:nth-last-child(4) {
    text-align: center;
}

.pag-grammi #tabadminorggramma .btn-tab-grammi-in,
.pag-admin-grammi #tabadminorggramma .btn-tab-grammi-in {
    padding-left: 10px;
    padding-right: 10px;
}

.pag-grammi #tabadminorggramma_filter .input-fltr-lungo,
.pag-admin-grammi #tabadminorggramma_filter .input-fltr-lungo {
    width: 100px;
}

.pag-admin-grammi-edit .nochart.orgchart {
    min-width: initial !important;
    min-height: initial !important;
    padding-top: 5px;
    padding-bottom: 0px;
    display: block;
}

.pag-admin-grammi-edit #newnode div.nochart.orgchart label.ui-checkboxradio-label {
    border: 3px solid #FFFFFF;
    color: #FFFFFF;
    width: 100%;
    padding: 20px 30px;
    font-weight: normal;
}

.pag-admin-grammi-edit #newnode div.nochart.orgchart label.ui-checkboxradio-label:hover {
    border: 3px solid #FF0000;
}

.pag-admin-grammi-edit #newnode div.nochart.orgchart label.ui-checkboxradio-label.ui-state-active {
    border: 3px solid #FF0000;
}

.pag-admin-grammi-edit #newnode div.nochart.orgchart label.ui-checkboxradio-label span {
    display: none;
}

.pag-admin-grammi-edit #newnode div.nochart.orgchart label.ui-checkboxradio-label.ui-state-active span {
    margin-left: 5px;
    font-size: 16px;
    display: inline-block;
}

.pag-admin-grammi-edit .badge.tosave {
    font-weight: normal;
    font-size: 85%;
    /* background-color: #fef6a8; */
    background-color: transparent;
    color: #555555;
    /* border: 1px solid #DDD; */
    margin-top: 4px;
    padding: 5px 10px;
}

div.datepicker.datepicker-dropdown.dropdown-menu {
    z-index: 100000000 !important;
}


/***** GRAMMI (tutte pagine) *****/

.chart-container {
    position: relative;
    font-family: Arial;
    min-height: 200px;
    /* overflow: auto !important; */
    text-align: center;
    padding: 10px 0px;
    height: auto;
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 4px;
    webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    margin: 26px 0px 20px 0px;
}

.chart-container .oc-export-btn {
    background-color: transparent !important;
    border: 1px solid #DDDDDD !important;
    color: #777777 !important;
}

.chart-container .oc-export-btn:hover {
    background-color: #337AB7 !important;
    color: #FFFFFF !important;
}

.chart-container .mask {
    position: fixed !important;
}

.orgchart {
    background-image: none !important;
    background-color: #FFFFFF !important;
    cursor: move !important;
}

.orgchart:hover {
    background-image: linear-gradient(rgba(240, 240, 240, .7) .1em, transparent .1em),
    linear-gradient(90deg, rgba(240, 240, 240, .7) .1em, transparent .1em) !important;
    background-size: 1em 1em;
}

.orgchart .spinner {
    color: rgb(221, 221, 221) !important;
}

.orgchart .lines .topLine,
.orgchart .lines .leftLine,
.orgchart .lines .rightLine {
    border-color: rgb(173, 173, 173) !important;
}

.orgchart .lines .downLine {
    background-color: rgb(173, 173, 173) !important;
}

.orgchart .node {
    width: 160px !important;
    font-size: 11px;
    line-height: 14px;
}

.orgchart .node.focused {
    background-color: rgb(255, 0, 0) !important;
}

.orgchart .node:hover {
    background-color: rgb(255, 0, 0) !important;
    transition: .5s;
    cursor: default;
    z-index: 20;
}

.orgchart .node .posizione1 {
    font-weight: bold;
    overflow: hidden;
    padding: 4px 3px 0;
    color: #FFFFFF;
    text-wrap: wrap;
}

.orgchart .node .posizione2 {
    font-weight: normal;
    overflow: hidden;
    padding: 0 3px 3px;
    color: #FFFFFF;
    text-wrap: wrap;
}

.orgchart .node .nome {
    font-weight: bold;
    overflow: hidden;
    border-top: none;
    padding: 3px 3px 2px;
    background-color: #FFFFFF;
    color: #333333;
}

#lege-tab {
    margin: 0px auto 30px;
    padding: 8px;
    border: 1px solid #CCCCCC;
    font-size: 85%;
}

#lege-tab #lege-titolo td {
    color: #333333;
    font-weight: bold;
    padding-bottom: 10px;
    letter-spacing: 1.1px;
}

#lege-tab .items {
    width: 150px;
}

.lege-colore {
    float: left;
    width: 16px;
    height: 16px;
}

.lege-testo {
    text-align: left;
    margin-left: 20px;
    margin-right: 6px;
}


/***** LOADING *****/

.loading {
    background-image: url("../img/loading.gif");
    background-repeat: no-repeat;
    background-position: center;
}

.disabled-content {
    pointer-events: none;
    opacity: 0.4;
}


/******** GUIDA *********/

.div-guida {
    border: 1px solid #DCDCDC;
    margin-bottom: 30px;
    padding: 50px 60px 50px 50px;
    background-color: #FCF8E3;
    color: #8A6D3B;
    border-radius: 4px;
}

.div-guida .sinistra {
    vertical-align: top;
    padding-right: 25px;
    font-size: 35px;
}

.div-guida .destra h4 {
    margin: 28px 0px 15px;
    font-weight: normal;
    color: rgb(138, 109, 58);
}

.div-guida .destra h4:first-child {
    margin: 8px 0px 15px;
}

.div-guida .destra p {
    text-align: justify;
}


/************** CONNECTIONS **************/


.tagify__dropdown__gaf {
    z-index: 100000 !important;
}


.elfinder-stat-size {
    margin-right: 6px;
}

.elfinder-button-search > input {
    width: 100% !important;
}

.elfinder-button-icon-messaggio {
    background: url('../img/if_mail_send_4040.png') no-repeat !important;
}

.elfinder-button-search-menu .elfinder-search-type {
    display: none !important;
}

.z-depth-1 {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}

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


.pag-msgo-conv .elfinder-navbar,
.pag-msgo-new-conv .elfinder-navbar {
    display: none !important;
}

.pag-msgo-conv .elfinder-button-icon-upload,
.pag-msgo-new-conv .elfinder-button-icon-upload {
    margin-right: 2px;
}

.pag-msgo-conv .elfinder-button-icon-upload ~ .elfinder-button-text,
.pag-msgo-new-conv .elfinder-button-icon-upload ~ .elfinder-button-text {
    display: inline-block !important;
}

.pag-msgo-conv .elfinder-button-icon-albero,
.pag-msgo-new-conv .elfinder-button-icon-albero {
    margin-right: 1px;
    /* background-position: 0 -33px !important;  icona cartella */
    background-position: 0 -688px !important; /* icona server */
}

.pag-msgo-conv .elfinder-button-icon-albero ~ .elfinder-button-text,
.pag-msgo-new-conv .elfinder-button-icon-albero ~ .elfinder-button-text {
    display: inline-block !important;
}


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

.pag-msgo #col-menu .panel-heading {
    padding: 8px;
    font-size: 12px;
}

.pag-msgo #legenda {
    margin-top: 0px;
    margin-bottom: 0px;
}

.pag-msgo #legenda-titolo {
    text-align: left;
    margin-top: 15px;
    margin-bottom: 5px;
}

.pag-msgo #legenda .voce-legenda {
    letter-spacing: 1.3px;
    padding: 5px 2px;
    text-align: center;
    font-size: 11px;
}

.pag-msgo #legenda .voce-legenda-evidenza {
    background-color: #E4F1FB;
    margin-bottom: 3px;
}

.pag-msgo #legenda .voce-legenda-archivio {
    background-color: #E8E8E8;
}

.pag-msgo #ricerca label {
    font-weight: normal;
}

.pag-msgo #ricerca #pulsanti {
    margin-bottom: 50px;;
}

.pag-msgo #ricerca .container {
    border: 1px solid #CCCCCC;
    height: 120px;
    width: 100%;
    overflow-y: scroll;
    font-size: 11px;
}

.pag-msgo #div-conversazioni {
    min-height: 250px;
}

.pag-msgo #col-corpo-no-conversazioni {
    position: relative;
    min-height: 250px;
    padding-top: 100px;
    background-color: #F5F5F5;
}

.pag-msgo #div-new-conversazione {
    /* border: 1px solid #CCCCCC; */
    padding: 20px;
    margin-bottom: 20px;
}

.pag-msgo #div-sfondo,
.pag-msgo-conv #div-sfondo {
    position: relative;
    width: 100%;
    height: 250px;
    left: 0;
    top: 0;
    background-color: #F5F5F5;
    /* border: 1px solid #CCC; */
}

.pag-msgo #div-loading-corpo,
.pag-msgo-conv #div-loading-corpo {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999;
    background: url(/img/loading.gif) no-repeat 50% 50%;
    opacity: 1;
}

.pag-index #div-loading-corpo-2,
.pag-msgo #div-loading-corpo-2,
.pag-msgo-conv #div-loading-corpo-2 {
    margin: 20px 0px;
    height: 100px;
    z-index: 1000000;
    background: url(/img/loading.gif) no-repeat 50% 50%;
    background-size: contain;
    opacity: 1;
}

.pag-index .msgo,
.pag-msgo .msgo {
    padding: 0px;
    background-color: #FFFFFF;
    height: 70px;
    margin-bottom: 10px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pag-index .msgo.msgo-nonletto,
.pag-msgo .msgo.msgo-nonletto {
    font-weight: bold;
}

.pag-msgo-ombra {
    box-shadow: 0 -1px 0 #E0E0E0,
    0 0 2px rgba(0, 0, 0, .12),
    0 0px 4px rgba(0, 0, 0, .24); /** 0 2px 4px rgba(0,0,0,.24); **/
}

.pag-msgo-ombra:hover {
    box-shadow: 0 -1px 0 #E0E0E0,
    0 0 2px rgba(0, 0, 0, .12),
    0 2px 4px rgba(0, 0, 0, .24);
}


.pag-index .msg-logo,
.pag-msgo .msg-logo {
    width: 50px;
    height: 50px;
    padding-right: 10px;
}

.pag-index .msg-info,
.pag-msgo .msg-info {
    margin-left: 80px;
}

.pag-index .msg-info.msgo-evidenza,
.pag-msgo .msg-info.msgo-evidenza {
    padding-left: 9px;
    background-color: #E4F1FB; /* #e0effb; /* #ffd7cb; /* #fff4f2; /* FFCCCC; /* FEE2DA; */
}

div#div-conversazioni .msgo-noevidenza-first {
    margin-top: 30px;
}

.pag-index .msg-info.msgo-archiviati,
.pag-msgo .msg-info.msgo-archiviati {
    padding-left: 9px;
    background-color: #E8E8E8;
}

.pag-index .msg-altro,
.pag-msgo .msg-altro {
    font-size: 12px;
}

.pag-index .msg-titolo,
.pag-msgo .msg-titolo {
    color: #337AB7;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
}

.pag-index .msg-unila,
.pag-msgo .msg-unila {
    margin-left: 2px;
}

.pag-index .msg-date,
.pag-msgo .msg-date {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pag-index .msg-line-down > div,
.pag-msgo .msg-line-down > div {
    padding-bottom: 3px;
}


/* .pag-msgo .comment-div,
.pag-msgo .like-div, */
.pag-index .edit-div,
.pag-msgo .edit-div {
    /* width: 30px; */
    /* height: 30px; */
    border-radius: 3px;
    /* padding: 4px; */
}

.pag-index .edit-div:hover,
.pag-index .comment-div:hover,
.pag-index .like-div:hover,
.pag-msgo .edit-div:hover,
.pag-msgo .comment-div:hover,
.pag-msgo .like-div:hover {
    background-color: #337AB7;
    color: #FFFFFF;
    cursor: pointer;
}

.pag-index .pls-div,
.pag-msgo .pls-div {
    padding: 2px;
}

.pag-index .pls-div-on,
.pag-msgo .pls-div-on {
    background-color: #337AB7;
    color: #FFFFFF;
}

.pag-index .pls-archivia,
.pag-msgo .pls-archivia {
    text-decoration: none;
}

.pag-index .pls-archivia:hover,
.pag-msgo .pls-archivia:hover {
    text-decoration: none;
    color: red;
}


.pag-msgo .ric-mittente {
    font-size: 15px;
    font-weight: bold;
}

.pag-msgo .ric-oggetto {
    font-size: 1.3em;
    letter-spacing: 1px;
    margin-bottom: 15px;
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 10px;
}

.pag-msgo .ric-messaggio {
    margin: 15px 0px;
    border: 1px solid #CCCCCC;
    padding: 15px;
}

.pag-msgo .etichetta {
    font-weight: bold;
}

.pag-msgo .msgo-commento {
    width: 100%;
    margin: 0px auto;
}

.pag-msgo .msgo-ricerca.commento {
    width: 95%;
    margin: 0px auto;
}

.pag-msgo .msgo-ricerca.commento .panel-body {
    /* position: relative; */
}

/* .pag-msgo .msgo-ricerca.commento .panel-body {
    background-image: url("../img/commento.png");
    background-repeat: no-repeat;
    background-position: right top;
    background-position: 100% 100%;
    background-size: 50px;
} */

.pag-msgo .msgo-ricerca .ric-conv-oggetto {
    font-size: 16px;
    font-weight: bold;
    margin: 2px 0px 16px 0px;
}

.pag-msgo #modal-guida .modal-content {
    background-color: #FCF8E3;
    color: #8A6D3B;
}

.pag-msgo #modal-guida .modal-body h4 {
    font-size: 16px;
    font-weight: bold;
}

.pag-msgo #modal-guida .modal-body p {
    font-size: 14px;
}


.pag-msgo-new-conv label {
    font-weight: bold;
    letter-spacing: 0.3px;
}

.pag-msgo-new-conv #summernote {
    width: 100%;
    padding: 8px;
    border-radius: 7px;
}

.pag-msgo-new-conv .div-estate textarea,
.pag-msgo-new-conv .note-editor.note-frame {
    border: 1px solid #CCCCCC;
}

.pag-msgo-new-conv .note-toolbar {
    background-image: none;
}

.pag-msgo-new-conv .div-estate .panel {
    margin-bottom: 0px;
}

.pag-msgo-new-conv form > .row {
    margin-bottom: 14px;
}

.pag-msgo-new-conv .col-destinatari label.radio-inline {
    color: #606060;
    margin-left: 20px;
}

.pag-msgo-new-conv .miowell {
    width: 100%;
    border-top: 1px solid #DDDDDD;
    padding: 10px 10px;
    background-color: #FAFAFA;
}

.pag-msgo-new-conv .miowell .incollapse {
    margin: 0px 0px 0px;
}

/* dimensione destinatari e tag */
.pag-inserimentoformazione tags,
.pag-msgo-new-conv tags {
    height: auto !important;
    font-size: 12px;
    background-color: #FFFFFF;
}


.pag-inserimentoformazione .modal-ricerca .modal-body,
.pag-msgo-new-conv .modal-ricerca .modal-body {
    min-height: 200px;
    font-size: 90%;
}

.pag-inserimentoformazione .modal-ricerca .modal-body h4,
.pag-msgo-new-conv .modal-ricerca .modal-body h4 {
    font-size: 15px;
    font-weight: normal;
}

.pag-inserimentoformazione .modal-ricerca .modal-body label,
.pag-msgo-new-conv .modal-ricerca .modal-body label {
    width: 100%;
    font-weight: normal;
    white-space: nowrap;
}

.pag-inserimentoformazione .modal-ricerca .modal-body .intro-pag-info,
.pag-msgo-new-conv .modal-ricerca .modal-body .intro-pag-info {
    margin: 0px !important;
    padding: 12px;
    padding-right: 35px;
}

.pag-inserimentoformazione .modal-ricerca .modal-body h4.page-header,
.pag-msgo-new-conv .modal-ricerca .modal-body h4.page-header {
    margin: 16px 0px 0px;
}

.pag-inserimentoformazione .modal-ricerca .panel-istanza .blocco,
.pag-msgo-new-conv .modal-ricerca .panel-istanza .blocco {
    background-color: #FAFAFA;
}

.pag-inserimentoformazione .modal-ricerca .panel-istanza,
.pag-msgo-new-conv .modal-ricerca .panel-istanza {
    margin: 0px;
}

.pag-inserimentoformazione .modal-ricerca .panel-istanza .row,
.pag-msgo-new-conv .modal-ricerca .panel-istanza .row {
    margin: 0px 0px;
    padding-top: 6px;
    padding-bottom: 5px;
}

.pag-inserimentoformazione .modal-ricerca .panel-istanza .row-nolast,
.pag-msgo-new-conv .modal-ricerca .panel-istanza .row-nolast {
    padding-bottom: 0px;
}


.pag-msgo-conv {
    margin-bottom: 10px;
}

.pag-msgo-conv .panel-heading {
    background-image: none;
}

.pag-msgo-conv ul.nav li a,
.pag-msgo-new-conv ul.nav li a {
    margin: 0px 0px 0px;
    border: 1px solid #337AB7;
    padding: 6px 15px;
}

.pag-msgo-conv ul.nav li + li,
.pag-msgo-new-conv ul.nav li + li {
    padding-left: 10px;
}

.pag-msgo-conv ul.nav li a:hover,
.pag-msgo-new-conv ul.nav li a:hover {
    color: #FFFFFF;
    background-color: #337AB7;
}

.pag-msgo-conv .msgo-intab-container {
    padding: 10px;
}

.pag-msgo-conv #conv-oggetto {
    padding: 0px;
    margin-bottom: 20px;
    font-size: 19px;
    letter-spacing: 0.9px;
    color: #337AB7;
    font-weight: bold;
}

.pag-msgo-conv .conv-mittente {
    font-size: 15px;
    font-weight: bold;
}

.pag-msgo-conv .conv-oggetto {
    font-size: 1.3em;
    letter-spacing: 1px;
    margin-bottom: 15px;
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 10px;
}

.pag-msgo-conv .conv-messaggio {
    margin: 15px 0px;
    border: 1px solid #CCCCCC;
    padding: 15px;
}

.pag-msgo .conv-evidenza,
.pag-msgo-conv .conv-evidenza {
    margin-top: 8px;
    background-color: #E4F1FB;
    border: 1px solid #B7E0FF;
    padding: 5px 5px;
    text-align: center;
    color: #3E6A8C;
    border-radius: 2px;
    letter-spacing: 3px;
    font-size: 12px;
}

.pag-msgo .conv-archiviato,
.pag-msgo-conv .conv-archiviato {
    margin-top: 8px;
    background-color: #E8E8E8;
    border: 1px solid #DDDDDD;
    padding: 5px 5px;
    text-align: center;
    color: #777777;
    border-radius: 2px;
    letter-spacing: 3px;
    font-size: 12px;
}

.pag-msgo-conv .etichetta {
    font-weight: bold;
}

.pag-msgo-conv .msgo-commento {
    position: relative;
    width: 95%;
    margin: 0px auto;
}

.pag-msgo-conv .msgo-commento .comm-mittente {
    font-size: 15px;
    font-weight: bold;
}

.pag-msgo-conv .msgo-notifica {
    width: 70%;
    margin: 0px auto;
    margin-bottom: 20px;
}

.pag-msgo-conv .msgo-notifica .panel-body {
    padding-top: 22px;
    padding-right: 22px;
}

.pag-msgo-conv .msgo-notifica .noti-msg {
    padding-top: 6px;
}

.pag-msgo-conv .msgo-notifica .noti-msg ul {
    margin-top: 3px;
}

.pag-msgo-conv .msgo-notifica .icona i {
    font-size: 30px;
    transform: rotate(-25deg);
    position: relative;
    left: -27px;
}

.pag-msgo-conv .msgo-notifica .icona.add i {
    color: #339933FF;
}

.pag-msgo-conv .msgo-notifica .icona.remove i {
    color: #FF0000; /** #CC3333; **/
}


.blocco-fine-pagina {
    padding: 20px;
    background-color: #F5F5F5;
    border: 1px solid #DDDDDD;
    border-radius: 4px;
    color: #888888;
    text-align: center;
}

.blocco-fine-pagina.carica-altro.bordelli {
    border: 0px;
    padding: 0px;
    margin-top: 40px;
    margin-bottom: 40px;
    background-color: transparent;
}

.blocco-fine-pagina.carica-altro.bordelli a {
    border: 1px solid #337AB7;
    border-radius: 4px;
    background-color: transparent;
    padding: 10px 25px;
    text-decoration: none;
}

.blocco-fine-pagina.carica-altro.bordelli a:hover {
    background-color: #337AB7;
    color: #FFFFFF;
}


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

.pag-tag #table-tag-list td {
    padding: 5px;
    vertical-align: middle;
}


.pag-quest .spazio-top {
    margin-top: 5px;
}

.pag-quest .panel-info-quest .panel-body dl {
    margin-bottom: 7px;
    font-size: 1.1em;
}

.pag-quest .panel-info-quest .panel-body dt,
.pag-quest .panel-info-quest .panel-body dd {
    line-height: 2em;;
}

.pag-quest .panel-info-quest .panel-body dd {
    border-bottom: 1px solid #DDDDDD;
}

.pag-quest .panel-info-quest .panel-body dt.tit {
    margin-top: 5px;
}

.pag-quest .panel-info-quest .panel-body dd.tit {
    font-size: 1.2em;
}

.pag-quest .ui-accordion-header {
    line-height: 2.1em;
}

.pag-quest .ui-accordion-header .tit-profilo {
    font-weight: 600;
    font-size: 1.1em;
}

.pag-quest .ui-accordion-header-icon {
    background-image: url(images/ui-icons_444444_256x240.png);
}

.pag-quest .ui-accordion-content {
    padding: 5px;
}

.pag-quest .ui-state-active {
    color: #454545;
}

.pag-quest-edit .panel-heading-dati-questionario {
    background-image: none;
    /* background-color: #fafafa; */
    background-color: #337AB7;
    color: #FFFFFF;
}

.pag-quest .panel-info-quest div.date input {
    font-weight: normal;
}

.pag-quest #accordion-domande .pls-sezione button {
    padding: 1px 10px;
    font-size: 12px;
}

.pag-quest-edit .divsezione .ui-accordion-content {
    background-color: #FAFAFA;
    padding: 2px 8px;
}

.pag-quest-edit .new-sezione {
    margin-top: 10px;
    border: 1px solid #CCCCCC;
    padding: 12px;
    text-align: center;
    /* background-color: #EAF0F4; */
    background-color: #FAFAFA;
}

.pag-quest-edit .new-sezione .pls-new-sezione {
    width: 280px;
}

.pag-quest-edit .div-domanda {
    /* border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd; */
    border: 1px solid #DDDDDD;
    margin: 8px 0px;
    padding: 12px 14px;
    /* background-color: #F5F5F5; */
    background-color: #FFFFFF;
    max-width: 1100px;
}

.pag-quest-edit .ui-accordion .h3-sezione {
    /* background-color: #EAF0F4; */
    background-color: #F5F5F5;
    background-color: #FAFAFA;
}

.pag-quest-edit .ui-accordion .h3-sezione .qs-drag {
    display: inline;
}

.pag-quest-edit .ui-accordion .h3-sezione.ui-state-active {
    background-color: #337AB7;
    color: #FFFFFF;
}

.pag-quest-edit .ui-accordion .h3-sezione.ui-state-active .qs-drag {
    display: none;
}

.pag-quest-edit .div-domanda-disabilitata {
    background-color: #F1F1F1;
}

.pag-quest-edit .qdomanda-disa {
    /* color: red; */
    text-transform: lowercase;
}

.pag-quest .div-domanda .qd-testo {
    font-size: 110%;
}

.pag-quest .div-domanda .qd-info {
    margin-top: 5px;
    font-size: 85%;
    color: #3D3D3D;
}

.pag-quest .div-domanda .qd-info .qdomanda-obbli {
    font-weight: bold;
}

.pag-quest .div-domanda .qd-drag {
    background-image: url("../img/reorder.svg");
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: right center;
}

.pag-quest .pls-new-domanda {
    margin: 8px 0px;
}

.pag-quest .pls--domanda {
    padding: 5px 7px;
    color: black;
    border-radius: 3px;
}

.pag-quest .pls-edit-domanda:hover {
    background-color: #F0AD4E;
    color: white;
    cursor: pointer;
}

.pag-quest .pls-del-domanda:hover {
    background-color: #D9534F;
    color: white;
    cursor: pointer;
}

.pag-quest-edit form label {
    font-weight: normal;
}


.pag-quest-quest .row-risposta-tabella div.checkbox,
.pag-quest-quest .row-risposta-tabella div.radio {
    margin-bottom: 14px;
}

.pag-quest-quest .row-risposta-tabella label {
    font-weight: normal;
    margin-left: 5px;
}

.pag-quest-quest .row-risposta-tabella input[type='checkbox'],
.pag-quest-quest .row-risposta-tabella input[type='radio'] {
    margin-left: -25px;
}

.pag-quest-quest .row-risposta-tabella input.newval {
    margin-left: 0px;
    width: 100%;
}

.pag-quest-quest .select2-container .select2-selection--single {
    height: inherit;
}

.pag-quest-quest .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px !important;
}

.pag-quest-quest .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 34px !important;
}

/* .pag-quest-quest #modal-stakeholders .select2-container--default .select2-selection--single .select2-selection__rendered .stake-results-line {
    line-height: 22px !important;
} */

.pag-quest-quest .stake-container {
    /* -webkit-box-shadow: 2px 2px 2px 0px #616161;
    -moz-box-shadow: 2px 2px 2px 0px #616161;
    -o-box-shadow: 2px 2px 2px 0px #616161; */
    /* box-shadow: 0px 0px 10px -8px #000; */
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 1px 4px rgba(0, 0, 0, 0.05), 0 2px 8px rgba(0, 0, 0, 0.05);
}

.pag-quest-quest .stake-container > .panel-heading {
    padding: 12px 15px;
    /* background-color: #fafafb; */
}

.pag-quest-quest .stake-container > .panel-body {
    margin: 5px 15px 0px 15px;
}

.pag-quest-quest .stake-container label {
    font-weight: normal;
    width: 100%;
}

.pag-quest-quest .stake-container input,
.pag-quest-quest .stake-container select,
.pag-quest-quest .stake-container span.select2-container {
    margin-top: 4px;
}

.pag-quest-quest .tabellastakeholder-view-parent dl {
    margin-bottom: 10px;
}

.pag-quest-quest .tabellastakeholder-view-parent dl dd {
    border-bottom: 1px solid #DDDDDD;
    line-height: 1.7em;
    min-height: 1.7em;
}


.confirm-warning .modal-body {
    background-color: #FFFFFF; /* lightyellow; */
}

.ui-tooltip {
    color: white;
    background: black;
    border-radius: 5px;
}

.no-a-capo {
    white-space: nowrap;
}

.help-block {
    font-weight: 900;
    color: rgb(255, 0, 0);
}


/*popup pesi*/

.mt30 {
    margin: 30px;
}

.famessage {
    color: #37ADBF;
    font-size: 18px;
    cursor: pointer;
}

.messageDiv {
    display: none;
    background: #DDF0F3;
    position: absolute;
    padding: 15px;
    border: 1px solid #BEBEBE;
    top: 0;
    right: 50px;
    z-index: 50;
    width: 100%;
    min-width: 400px;
    color: #737373;
}

.alert-error {
    display: none;
}

#point {
    font-size: large;
}

.checkbox-premialita {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 10px !important;
}


.div-modal-weight label {
    font-size: 18px;
}

.range_wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
}

.text_range {
    font-weight: bold;
    width: 30px;
    text-align: right;
}

.text_range:after {
    content: '%';
}

.range {
    position: relative;
    width: 100%;
    height: 5px;
    border-radius: 5px;
}

.range input {
    width: 100%;
    position: absolute;
    top: 2px;
    height: 0;
    -webkit-appearance: none;
    z-index: 10;
}

.range input::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    margin: -8px 0 0;
    border-radius: 50%;
    background: #37ADBF;
    cursor: pointer;
    border: 0 !important;
}

.range input::-moz-range-thumb {
    width: 18px;
    height: 18px;
    margin: -8px 0 0;
    border-radius: 50%;
    background: #37ADBF;
    cursor: pointer;
    border: 0 !important;
}

.range input::-ms-thumb {
    width: 18px;
    height: 18px;
    margin: -8px 0 0;
    border-radius: 50%;
    background: #37ADBF;
    cursor: pointer;
    border: 0 !important;
}

.range input::-webkit-slider-runnable-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: #B2B2B2;
}

.range input::-moz-range-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: #B2B2B2;
}

.range input::-ms-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: #B2B2B2;
}

.range input:focus {
    background: none;
    outline: none;
}

.range input::-ms-track {
    width: 100%;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent;
}

.range-labels {
    margin: 18px -22px 0;
    padding: 0;
    list-style: none;
}

.range-labels li {
    position: relative;
    float: left;
    width: 10%;
    text-align: center;
    color: #B2B2B2;
    font-size: 14px;
    cursor: pointer;
}

.range-labels li::before {
    position: absolute;
    top: -25px;
    right: 0;
    left: 0;
    content: "";
    margin: 0 auto;
    width: 9px;
    height: 9px;
    background: #B2B2B2;
    border-radius: 50%;
    z-index: 2;
}

.range-labels .active {
    color: #37ADBF;
    z-index: 2;
}

.range-labels .selected::before {
    background: #37ADBF;
}

.range-labels .active.selected::before {
    display: none;
}

.range input::-webkit-slider-runnable-track {
    z-index: 1;
}

/*
integrazioni di bootstrap 5.3.3
se aggiorno completamente la libreria css spacca tutto..
dato che l'unica cosa che sembra non andare bene è la gestione del fade
riporto solo il css che mi serve per far funzionare il tutto
*/

:root,
[data-bs-theme=light] {
    --bs-blue: #0D6EFD;
    --bs-indigo: #6610F2;
    --bs-purple: #6F42C1;
    --bs-pink: #D63384;
    --bs-red: #DC3545;
    --bs-orange: #FD7E14;
    --bs-yellow: #FFC107;
    --bs-green: #198754;
    --bs-teal: #20C997;
    --bs-cyan: #0DCAF0;
    --bs-black: #000000;
    --bs-white: #FFFFFF;
    --bs-gray: #6C757D;
    --bs-gray-dark: #343A40;
    --bs-gray-100: #F8F9FA;
    --bs-gray-200: #E9ECEF;
    --bs-gray-300: #DEE2E6;
    --bs-gray-400: #CED4DA;
    --bs-gray-500: #ADB5BD;
    --bs-gray-600: #6C757D;
    --bs-gray-700: #495057;
    --bs-gray-800: #343A40;
    --bs-gray-900: #212529;
    --bs-primary: #0D6EFD;
    --bs-secondary: #6C757D;
    --bs-success: #198754;
    --bs-info: #0DCAF0;
    --bs-warning: #FFC107;
    --bs-danger: #DC3545;
    --bs-light: #F8F9FA;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-primary-text-emphasis: #052C65;
    --bs-secondary-text-emphasis: #2B2F32;
    --bs-success-text-emphasis: #0A3622;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664D03;
    --bs-danger-text-emphasis: #58151C;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #CFE2FF;
    --bs-secondary-bg-subtle: #E2E3E5;
    --bs-success-bg-subtle: #D1E7DD;
    --bs-info-bg-subtle: #CFF4FC;
    --bs-warning-bg-subtle: #FFF3CD;
    --bs-danger-bg-subtle: #F8D7DA;
    --bs-light-bg-subtle: #FCFCFD;
    --bs-dark-bg-subtle: #CED4DA;
    --bs-primary-border-subtle: #9EC5FE;
    --bs-secondary-border-subtle: #C4C8CB;
    --bs-success-border-subtle: #A3CFBB;
    --bs-info-border-subtle: #9EEAF9;
    --bs-warning-border-subtle: #FFE69C;
    --bs-danger-border-subtle: #F1AEB5;
    --bs-light-border-subtle: #E9ECEF;
    --bs-dark-border-subtle: #ADB5BD;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg: #FFFFFF;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-emphasis-color: #000000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(33, 37, 41, 0.75);
    --bs-secondary-color-rgb: 33, 37, 41;
    --bs-secondary-bg: #E9ECEF;
    --bs-secondary-bg-rgb: 233, 236, 239;
    --bs-tertiary-color: rgba(33, 37, 41, 0.5);
    --bs-tertiary-color-rgb: 33, 37, 41;
    --bs-tertiary-bg: #F8F9FA;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    --bs-heading-color: inherit;
    --bs-link-color: #0D6EFD;
    --bs-link-color-rgb: 13, 110, 253;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #0A58CA;
    --bs-link-hover-color-rgb: 10, 88, 202;
    --bs-code-color: #D63384;
    --bs-highlight-color: #212529;
    --bs-highlight-bg: #FFF3CD;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #DEE2E6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
    --bs-form-valid-color: #198754;
    --bs-form-valid-border-color: #198754;
    --bs-form-invalid-color: #DC3545;
    --bs-form-invalid-border-color: #DC3545;
    --bs-modal-zindex: 1055;
}

.modal {
    --bs-modal-width: 500px;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: 0.5rem;
    --bs-modal-color: ;
    --bs-modal-bg: var(--bs-body-bg);
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-border-width: var(--bs-border-width);
    --bs-modal-border-radius: var(--bs-border-radius-lg);
    --bs-modal-box-shadow: var(--bs-box-shadow-sm);
    --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
    --bs-modal-header-padding-x: 1rem;
    --bs-modal-header-padding-y: 1rem;
    --bs-modal-header-padding: 1rem 1rem;
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-header-border-width: var(--bs-border-width);
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: 0.5rem;
    --bs-modal-footer-bg: ;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: var(--bs-border-width);
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}

.fade {
    transition: opacity 0.15s linear;
    opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none;
    }
}

.fade:not(.show) {
    opacity: 0;
}

.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none;
    }
}

.modal-backdrop.fade {
    opacity: 0;
}

.offcanvas-backdrop.fade {
    opacity: 0;
}

.modal-dialog {
    position: relative;
    /*
    width: auto;
    margin: var(--bs-modal-margin);
    */
    pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none;
    }
}

.modal.show .modal-dialog {
    transform: none;
    pointer-events: auto;
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02);
}

.modal-dialog-scrollable {
    height: calc(100% - var(--bs-modal-margin) * 2);
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden;
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto;
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2);
}

.select2-container {
    z-index: calc(var(--bs-modal-zindex) + 1);
}

.peso_picker {
    height: 5px;
}

.peso_picker::-moz-range-thumb,
.peso_picker::-webkit-slider-thumb,
.peso_picker::-ms-thumb {
    width: 6px;
    height: 6px;
    background: #37ADBF;
    border-radius: 50%;
}

.peso_picker {
    accent-color: #37ADBF;
    appearance: none;
    border-radius: 5px;
}

/*
    //questo è il codice scss che genera il codice sotto!
    @for $i from 0 through 100 {
        @if $i % 5 == 0 {
            $var: #{$i}+'%';
            .peso_picker[data-range="#{$i}"]{
                background: linear-gradient(to right, #37adbf 0%, #37adbf $var, #b2b2b2 $var, #b2b2b2 100%);
            }
        }
    }
*/

.peso_picker[data-range="0"] {
    background: linear-gradient(to right, #37ADBF 0%, #37ADBF 0%, #B2B2B2 0%, #B2B2B2 100%);
}

.peso_picker[data-range="5"] {
    background: linear-gradient(to right, #37ADBF 0%, #37ADBF 5%, #B2B2B2 5%, #B2B2B2 100%);
}

.peso_picker[data-range="10"] {
    background: linear-gradient(to right, #37ADBF 0%, #37ADBF 10%, #B2B2B2 10%, #B2B2B2 100%);
}

.peso_picker[data-range="15"] {
    background: linear-gradient(to right, #37ADBF 0%, #37ADBF 15%, #B2B2B2 15%, #B2B2B2 100%);
}

.peso_picker[data-range="20"] {
    background: linear-gradient(to right, #37ADBF 0%, #37ADBF 20%, #B2B2B2 20%, #B2B2B2 100%);
}

.peso_picker[data-range="25"] {
    background: linear-gradient(to right, #37ADBF 0%, #37ADBF 25%, #B2B2B2 25%, #B2B2B2 100%);
}

.peso_picker[data-range="30"] {
    background: linear-gradient(to right, #37ADBF 0%, #37ADBF 30%, #B2B2B2 30%, #B2B2B2 100%);
}

.peso_picker[data-range="35"] {
    background: linear-gradient(to right, #37ADBF 0%, #37ADBF 35%, #B2B2B2 35%, #B2B2B2 100%);
}

.peso_picker[data-range="40"] {
    background: linear-gradient(to right, #37ADBF 0%, #37ADBF 40%, #B2B2B2 40%, #B2B2B2 100%);
}

.peso_picker[data-range="45"] {
    background: linear-gradient(to right, #37ADBF 0%, #37ADBF 45%, #B2B2B2 45%, #B2B2B2 100%);
}

.peso_picker[data-range="50"] {
    background: linear-gradient(to right, #37ADBF 0%, #37ADBF 50%, #B2B2B2 50%, #B2B2B2 100%);
}

.peso_picker[data-range="55"] {
    background: linear-gradient(to right, #37ADBF 0%, #37ADBF 55%, #B2B2B2 55%, #B2B2B2 100%);
}

.peso_picker[data-range="60"] {
    background: linear-gradient(to right, #37ADBF 0%, #37ADBF 60%, #B2B2B2 60%, #B2B2B2 100%);
}

.peso_picker[data-range="65"] {
    background: linear-gradient(to right, #37ADBF 0%, #37ADBF 65%, #B2B2B2 65%, #B2B2B2 100%);
}

.peso_picker[data-range="70"] {
    background: linear-gradient(to right, #37ADBF 0%, #37ADBF 70%, #B2B2B2 70%, #B2B2B2 100%);
}

.peso_picker[data-range="75"] {
    background: linear-gradient(to right, #37ADBF 0%, #37ADBF 75%, #B2B2B2 75%, #B2B2B2 100%);
}

.peso_picker[data-range="80"] {
    background: linear-gradient(to right, #37ADBF 0%, #37ADBF 80%, #B2B2B2 80%, #B2B2B2 100%);
}

.peso_picker[data-range="85"] {
    background: linear-gradient(to right, #37ADBF 0%, #37ADBF 85%, #B2B2B2 85%, #B2B2B2 100%);
}

.peso_picker[data-range="90"] {
    background: linear-gradient(to right, #37ADBF 0%, #37ADBF 90%, #B2B2B2 90%, #B2B2B2 100%);
}

.peso_picker[data-range="95"] {
    background: linear-gradient(to right, #37ADBF 0%, #37ADBF 95%, #B2B2B2 95%, #B2B2B2 100%);
}

.peso_picker[data-range="100"] {
    background: linear-gradient(to right, #37ADBF 0%, #37ADBF 100%, #B2B2B2 100%, #B2B2B2 100%);
}

.password-form {
    label {
        font-weight: normal;
        font-style: italic;
        font-size: 13px;
    }
}

#password_sicura_show, #otp-message {
    padding: 10px;
    width: 100%;
    display: block;
    margin-top: 10px;
    border-radius: 5px;
}

#password_sicura_show:empty, #otp-message:empty {
    display: none;
}

.otp_check {
    display: none;
}

#otp_check, #otp_canale {
    margin-bottom: 20px;
}

.popover {
    .popover-header {
        margin: 0;
        padding: 15px;
        font-size: 17px;
        font-weight: bold;
    }

    .popover-body {
        padding: 15px;
        padding-top: 0;
    }
}

select.hidden ~ span.select2 {
    display: none !important;
}