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

/******* Left Sidebar *******/

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

body.headbar-fixed {
    padding-top: 40px;
}

body.headbar-fixed .headbar {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 3;
    transition: all 0.2s linear 0s;
}

.left-sidebar-wrapper {
    transition: width 0.3s;
}

#left-sidebar {
    background: #fff none repeat scroll 0 0;
    height: 76%;
    left: 200px;
    margin: 0 0 0 -200px;
    overflow: unset;
    position: absolute;
    transition: width 0.5s;
    width: 50px;
    top: 95px;
    z-index: 3;
    box-shadow: 2px 5px 10px 1px rgba(204, 204, 204, 0.8);
}

body.headbar-fixed #left-sidebar {
    position: fixed;
    top: 43px;
}

#left-sidebar .navigation-sidebar {
    width: 250px;
    margin-bottom: 0;
}

#left-sidebar.active .navigation-sidebar {
    margin-left: 0px;
}

#left-sidebar .navigation-sidebar {
    padding-left: 0;
    width: 50px;
}


/* left sidebar menu */

.left-sidebar-li {
    width: 250px;
    transition: width 0.2s linear;
    position: relative;
}

.navigation-sidebar li.left-sidebar-li a {
    
    background: url(../../../condivise/immagini/icone/icone-default-blue/ico-freccia-dx.png) 220px no-repeat;
    background-size: 22px;
    font-weight: 600;
}

.navigation-sidebar li.left-sidebar-li a:hover {
    background: url(../../../condivise/immagini/icone/icone-default-blue/ico-freccia-dx.png) 220px no-repeat;
    background-size: 22px
}

.navigation-sidebar li.left-sidebar-toggle a.no-arrow {
    background: none;
}

.navigation-sidebar li.left-sidebar-toggle a.no-arrow:hover {
    background: none;
}

.navigation-sidebar li.open a {
    background: url(../../../condivise/immagini/icone/icone-default-blue/ico-freccia-down.png) 220px no-repeat;
    background-size: 22px;
}

.navigation-sidebar li.open a:hover {
    background: url(../../../condivise/immagini/icone/icone-default-blue/ico-freccia-down.png) 220px no-repeat;
    background-size: 22px;
}

.navigation-sidebar li.open ul li a {
    background: inherit;
    font-weight: normal;
}

.navigation-sidebar li.open ul li a:hover {
    background: inherit;
}

.navigation-sidebar li.open ul li a {
    height: auto;
    padding: 7px 0;
}

.left-sidebar-li a {
    color: #6d6e6f;
    height: 50px;
    display: block;
}

li.left-sidebar-item-selected a,
.left-sidebar-li a:hover {
    color: #0047bb;
}

.left-sidebar-li::after {
    background-color: #ececec;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    opacity: 0;
    position: absolute;
    right: 0;
    width: 190px;
}

.active .left-sidebar-toggle::after {
    opacity: 1;
}

.left-sidebar-toggle-btn {
    padding: 12px;
    width: 50px;
    height: 50px;
    display: inline-block;
    text-align: center;
    color: #6d6e6f;
    border-left: 3px solid #fff;
    line-height: normal;
    vertical-align: middle;
    display: none;
}

.left-sidebar-toggle ul {
    /*transition: all 0.5s ease 0s;*/
    height: 0;
    display: none;
}

.left-sidebar-wrapper {
    transition: padding 0.5s;
}


.left-sidebar-wrapper.active .left-sidebar-toggle.open ul {
    height: auto;
    width: auto;
    left: auto;
    list-style: none;
    padding: 20px 0 20px 75px;
    display: block;
}

.width-edge-fix{
    width: 100% !important;
    height: 100% !important;                
}

.open a {
    border-left: 3px solid #0047bb;
}

.open ul li a {
    border: none;
}

.open .left-sidebar-toggle-label {
    color: #0047bb;
}

#left-sidebar .left-sidebar-toggle-label {
    transition: all 0.2s ease 0s;
    padding-left: 5px;
    margin-left: 20px;
    vertical-align: middle;
}

#left-sidebar .left-sidebar-toggle-label {
    margin-left: 60px;
    height: 50px;
    line-height: 50px;
}

.left-sidebar-wrapper .content-sidebar {
    display: none;
}

.left-sidebar-on .left-sidebar-wrapper .content-sidebar {
    display: block;
}

.left-sidebar-on .left-sidebar-wrapper {
    padding-left: 50px;
    margin-bottom: 70px;
}

.left-sidebar-wrapper .left-sidebar-toggle-clk {
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: block;
    float: right;
    transform: rotate(0deg);
    transition: all 0.7s ease 0s;
    font-size: 18px;
    font-weight: 600;
}

.left-sidebar-wrapper .left-sidebar-toggle-clk:hover {
    color: #0047bb;
}

.left-sidebar-wrapper.active .left-sidebar-toggle-clk {
    /* transform: rotate(180deg); */
}

.left-sidebar-wrapper.active #left-sidebar {
    width: 263px;
}

.navigation-sidebar li.nav-ico-home {
    
   background: url(../../../condivise/immagini/icone/blue/ico-home.png) no-repeat 15px 10px;
    background-size: 26px;
    font-weight: 600;
}

.navigation-sidebar li.nav-ico-home.open,
.navigation-sidebar li.nav-ico-home:hover {
    background: url(../../../condivise/immagini/icone/icone-default-blue/ico-home.png) no-repeat 15px 10px;
    background-size: 26px;
    font-weight: 600;
}

.navigation-sidebar li.nav-ico-monitoring {
    
   background: url(../../../condivise/immagini/generiche/ico-monitoraggio.png) no-repeat 15px 10px;
    background-size: 26px;
    font-weight: 600;
}

.navigation-sidebar li.nav-ico-monitoring.open,
.navigation-sidebar li.nav-ico-monitoring:hover {
    background: url(../../../condivise/immagini/icone/icone-default-blue/ico-monitoraggio.png) no-repeat 15px 10px;
    background-size: 26px;
    font-weight: 600;
}

.navigation-sidebar li.nav-ico-performance {
    
   background: url(../../../condivise/immagini/generiche/ico-performance.png) no-repeat 15px 10px;
    background-size: 26px;
    font-weight: 600;
}

.navigation-sidebar li.nav-ico-performance.open,
.navigation-sidebar li.nav-ico-performance:hover {
    background: url(../../../condivise/immagini/icone/icone-default-blue/ico-performance.png) no-repeat 15px 10px;
    background-size: 26px;
    font-weight: 600;
}

.navigation-sidebar li.nav-ico-reporting {
    
   background: url(../../../condivise/immagini/generiche/ico-reportistica.png) no-repeat 15px 10px;
    background-size: 26px;
    font-weight: 600;
}

.navigation-sidebar li.nav-ico-reporting.open,
.navigation-sidebar li.nav-ico-reporting:hover {
    background: url(../../../condivise/immagini/icone/icone-default-blue/ico-reportistica.png) no-repeat 15px 10px;
    background-size: 26px;
    font-weight: 600;
}

.navigation-sidebar li.nav-ico-documents {
    
   background: url(../../../condivise/immagini/generiche/ico-rendicontazione.png) no-repeat 15px 10px;
    background-size: 26px;
    font-weight: 600;
}

.navigation-sidebar li.nav-ico-documents.open,
.navigation-sidebar li.nav-ico-documents:hover {
    background: url(../../../condivise/immagini/icone/icone-default-blue/ico-rendicontazione.png) no-repeat 15px 10px;
    background-size: 26px;
    font-weight: 600;
}

.navigation-sidebar li.nav-ico-archive {
    
   background: url(../../../condivise/immagini/generiche/ico-archivio.png) no-repeat 15px 10px;
    background-size: 26px;
    font-weight: 600;
}

.navigation-sidebar li.nav-ico-archive.open,
.navigation-sidebar li.nav-ico-archive:hover {
    background: url(../../../condivise/immagini/icone/icone-default-blue/ico-archivio.png) no-repeat 15px 10px;
    background-size: 26px;
    font-weight: 600;
}


/* remote control user assistance */

.active #left-sidebar .content-remote-control {
    display: block !important;
    /*margin-top: -10px;*/
    margin-top: 20px;
}

.left-sidebar-wrapper #left-sidebar .content-remote-control {
    display: none;
}

#left-sidebar .content-remote-control {
    padding: 20px;
    border-top: 1px solid #ececec;
}

#left-sidebar .content-remote-control span {
    display: block;
}

.result-username,
.result-usercode {
    color: #000;
    font-weight: 600;
    margin-top: 7px;
}

.logout-remote-control {
    background-color: #f6f6f6;
    font-size: 15px;
    margin: 20px -20px 0 -20px;
    padding: 10px 20px 10px 20px;
}

.logout-remote-control a {
    color: #787878
}

.logout-remote-control a:hover {
    color: #0047bb
}

.logout-remote-control img {
    width: 24px;
}

.usercode-remote-control {
    margin-bottom: 20px;
}

.content-remote-control .label-like {
    color: #6d6e6f;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
}

.nav-ico-telegramma {
  background: url(../../../condivise/immagini/generiche/ico-telegramma@2x.png) no-repeat 15px 10px;
  background-size: 24px !important;
  font-weight: 600; }

.nav-ico-firma {
  background: url(../../../condivise/immagini/generiche/ico-firma-digitale@2x.png) no-repeat 15px 10px;
  background-size: 24px !important;
  font-weight: 600; }

.nav-ico-download {
  background: url(../../../condivise/immagini/generiche/ico-downloadpay@2x.png) no-repeat 15px 10px;
  background-size: 24px !important;
  font-weight: 600; }

.nav-ico-assistenza {
  background: url(../../../condivise/immagini/generiche/ico-assistenza-domande-frequenti@2x.png) no-repeat 15px 10px;
  background-size: 26px !important;
  font-weight: 600; }

#left-sidebar {
  top: 110px; }

.avatar img {
  -o-object-fit: cover;
  object-fit: cover; }

.content-pre-main ul {
  text-align: center; }

.content-pre-main a {
  text-transform: uppercase; }

.info-about-user {
  position: absolute;
  top: 20px;
  right: 35px;
  min-width: 200px;
  max-width: 300px; }

.content-footer-pre {
  background-color: #575757; }

.content-footer-pre, .content-footer-pre a, .content-footer-pre h6 {
  color: #FFFFFF !important; }

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

    Foglio stile - (c) Poste Italiane 2017 - MDP -  GD//FS//DU

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

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

/******* Override Base Element *******/

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

/* html override */

table {
    margin-bottom: 0 !important;
}

th {
    white-space: nowrap;
}

label {
    margin-bottom: 5px;
}

a {
    color: #0047BB;
}

fieldset:last-child {
    border-bottom: medium none;
    margin-bottom: 0;
    padding: 0;
}


/*.btn {
    font-size: initial;
}*/

/* id + class override */

#main {
    padding: 0;
}

.nav-tools ul,
.nav-tools .btn {
    margin: -2px 0 0;
}

.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
    background-color: #cbdfff;
}

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

.table-correlated {
    margin-bottom: 30px;
}

.table-hover > tbody > tr:hover {
    background-color: #e7f1ff;
}

.table-full th {
    white-space: nowrap;
}

table .counter {
    white-space: nowrap;
}


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

/******* Header + Navbar + Dropdown *******/

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

.content-header-business-postlogin,
.header-dashboard-postlogin .content-federation-bar {
    background-color: #575757;
    z-index: 100;
}

div.header-dashboard-postlogin {
    line-height: 50px;
    /*background-color: #575757;*/
    color: #fff;
    height: 50px;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-color: #FFEC00;
    border-color: #eedc00;
    color: #222427;
}

div.header-dashboard-postlogin .content-federation-bar .federation-bar-wrap ul.dropdown-menu-federation::before,
div.header-dashboard-postlogin .content-header ul.dropdown-menu-federation::before {
    right: 7%;
}

div.header-dashboard-postlogin .content-federation-bar .federation-bar-wrap ul.dropdown-menu-federation,
div.header-dashboard-postlogin .content-header ul.dropdown-menu-federation {
    top: 62px;
    right: -19px;
}

li.dropdown-user-data {
    margin: 0 -26px;
    background: #f6f6f6;
}

li.dropdown-user-data li,
.dropdown-dashboard-menu-azienda p {
    line-height: 35px;
}

.dropdown-toggle-dashboard-tools-pl span.name-identity {
    color: #dcdcdc;
    text-transform: uppercase;
}

.dropdown-toggle-dashboard-tools-pl span.name-identity:hover,
.dropdown-toggle-dashboard-tools-pl span.name-identity:focus {
    color: #fff;
}

.federation-bar-wrap-right {
    padding-right: 15px;
}

.dropdown-dashboard-menu-azienda h6 {
    margin-bottom: 0;
}

.dropdown-user-data p,
.dropdown-dashboard-menu-azienda p {
    color: #4a4a4a;
    text-transform: initial;
}


/*before-after logo*/

.header-dashboard-postlogin .federation-bar-content-logo .logo:before,
.header-dashboard-postlogin .federation-bar-content-logo .logo:after {
    content: "";
    background-color: #eedc00;
    height: 100%;
    width: 15px;
    position: absolute;
    top: 0;
    display: block;
}

.federation-bar-content-logo {
    position: relative;
}

.header-dashboard-postlogin .federation-bar-content-logo .logo:after {
    right: -15px;
}

.header-dashboard-postlogin .federation-bar-content-logo .logo:before {
    left: -15px;
}

.header-dashboard-postlogin .federation-bar-content-logo .logo {
    background-color: #eedc00;
    height: 50px;
    line-height: 47px;
}

.content-logo-bu-psl a {
    line-height: 50px;
}

.logo-bu-pstl {
    height: 36px;
    margin-top: -8px;
}

.content-header-dashboard-postlogin {
    z-index: 3;
    position: static;
}

div.headbar {
    background-color: #fff;
    border-bottom: 1px solid #ececec;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.headbar-default {
    box-shadow: 4px 5px 11px -3px rgba(204, 204, 204, 0.8);
}

.breadcrumb {
    padding: 0;
}

.crumbs {
    line-height: 30px;
}

.breadcrumb .first::before {
    background: none;
}

.nav-tools {
    float: right;
    line-height: 45px;
    height: 45px;
}


/* dropdown */

.content-header-business-postlogin .btn,
.content-header-business-postlogin .list-inline {
    margin: 0;
}

.content-header-business-postlogin .content-federation-bar .federation-bar-wrap .dropdown-windowbox-target ul.dropdown-menu-federation li a,
.content-header-business-postlogin .content-federation-bar .federation-bar-wrap .dropdown-windowbox-business ul.dropdown-menu-federation li a,
.content-header-business-postlogin .content-header .dropdown-windowbox-target ul.dropdown-menu-federation li a {
    padding: 6px 100px 6px 30px;
}

.content-header-business-postlogin .content-federation-bar .federation-bar-wrap a.pi-targetarea,
.content-header a.pi-targetarea {
    padding: 0;
    width: 24px;
    text-align: center;
    display: inherit;
}

.dropdown-windowbox-dashboard .dropdown-menu {
    left: auto;
    right: 0;
}

.dropdown-windowbox-dashboard .dropdown-menu::before {
    background: #fff none repeat scroll 0 0;
    box-shadow: -4px -2px 4px rgba(0, 0, 0, 0.09);
    content: "";
    display: block;
    height: 18px;
    margin: 20px 0 0;
    position: absolute;
    right: 20%;
    top: -29px;
    transform: rotate(45deg);
    transition: width 0.5s ease 0s, background-color 0.5s ease 0s;
    width: 18px;
}

.dropdown-windowbox-orders .dropdown-menu::before {
    background: #fff none repeat scroll 0 0;
    box-shadow: -4px -2px 4px rgba(0, 0, 0, 0.09);
    content: "";
    display: block;
    height: 18px;
    margin: 20px 0 0;
    position: absolute;
    right: 20%;
    top: -29px;
    transform: rotate(45deg);
    transition: width 0.5s ease 0s, background-color 0.5s ease 0s;
    width: 18px;
}

.dropdown-windowbox-dashboard-login a {
    color: #000;
}

.dropdown-windowbox-dashboard-login ul.dropdown-menu {
    min-width: 320px;
    color: #000;
}

.dropdown-windowbox-dashboard-login ul.dropdown-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.dropdown-windowbox-orders .dropdown-menu {
    right: 42%;
}

.dropdown-windowbox-left .dropdown-menu::before,
.dropdown-windowbox-center .dropdown-menu::before {
    right: 28% !important;
}

.dropdown-windowbox-right .dropdown-menu::before {
    right: 7% !important;
}

.dropdown-windowbox-dashboard .dropdown-menu,
.dropdown-windowbox-left .dropdown-menu,
.dropdown-windowbox-center .dropdown-menu,
.dropdown-windowbox-right .dropdown-menu {
    text-transform: uppercase;
    font-weight: 600;
    padding: 20px 0;
}

.dropdown-windowbox-dashboard .dropdown-menu a,
.dropdown-windowbox-left .dropdown-menu a,
.dropdown-windowbox-center .dropdown-menu a,
.dropdown-windowbox-right .dropdown-menu a {
    font-weight: 600;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

.dropdown-windowbox-dashboard .dropdown-menu a:hover,
.dropdown-windowbox-left .dropdown-menu a:hover,
.dropdown-windowbox-center .dropdown-menu a:hover,
.dropdown-windowbox-right .dropdown-menu a:hover {
    color: #0047bb;
}

.dropdown-windowbox-left .dropdown-menu,
.dropdown-windowbox-center .dropdown-menu {
    left: auto;
    right: -35px;
    top: 45px;
}

.dropdown-windowbox-orders .dropdown-menu {
    left: auto;
    right: -3px;
    top: 50px;
}

.dropdown-windowbox-right .dropdown-menu {
    right: -2px;
    top: 45px;
    left: auto;
}

.dropdown-windowbox-dashboard-login ul.dropdown-menu ul.dropdown-dashboard-menu-azienda,
.dropdown-windowbox-dashboard-login ul.dropdown-menu ul.dropdown-dashboard-menu-navigazione {
    line-height: 30px;
    padding: 15px 0;
}

.dropdown-windowbox-dashboard-login ul.dropdown-menu .dropdown-dashboard-menu-user {
    margin: 0;
    padding: 10px 0;
    list-style: none;
    background-color: #f6f6f6;
}

.dropdown-windowbox-dashboard-login ul.dropdown-menu .dropdown-user-inc-section ul,
.dropdown-windowbox-dashboard-login ul.dropdown-menu .dropdown-dashboard-menu-user ul p {
    margin: 0;
    padding: 0;
}

.dropdown-windowbox-dashboard-login ul.dropdown-menu ul li {
    margin: 0 15px;
    list-style: none;
}

.dropdown-windowbox-dashboard-login .dropdown-menu {
    padding-bottom: 0;
}

.dropdown-windowbox-dashboard-login .dropdown-menu::before {
    right: 5%;
}

.dropdown-dashboard-menu-user a {
    color: #333;
}


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

/******* Left Sidebar *******/

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

body.headbar-fixed {
    padding-top: 40px;
}

body.headbar-fixed .headbar {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 3;
    transition: all 0.2s linear 0s;
}

.left-sidebar-wrapper {
    transition: width 0.3s;
}

#left-sidebar {
    background: #fff none repeat scroll 0 0;
    height: 100%;
    left: 200px;
    margin: 0 0 0 -200px;
    overflow: hidden;
    position: absolute;
    transition: width 0.5s;
    width: 50px;
    top: 95px;
    z-index: 3;
    box-shadow: 2px 5px 10px 1px rgba(204, 204, 204, 0.8);
}

body.headbar-fixed #left-sidebar {
    position: fixed;
    top: 43px;
}

#left-sidebar .navigation-sidebar {
    width: 250px;
    margin-bottom: 0;
}

#left-sidebar.active .navigation-sidebar {
    margin-left: 0px;
}

#left-sidebar .navigation-sidebar {
    padding-left: 0;
    width: 50px;
}


/* left sidebar menu */

.left-sidebar-li {
    width: 250px;
    transition: width 0.2s linear;
    position: relative;
}

.navigation-sidebar li.left-sidebar-li a {
    
    background: url(../../../condivise/immagini/icone/icone-default-blue/ico-freccia-dx.png) 220px no-repeat;
    background-size: 22px;
    font-weight: 600;
}

.navigation-sidebar li.left-sidebar-li a:hover {
    background: url(../../../condivise/immagini/icone/icone-default-blue/ico-freccia-dx.png) 220px no-repeat;
    background-size: 22px
}

.navigation-sidebar li.left-sidebar-toggle a.no-arrow {
    background: none;
}

.navigation-sidebar li.left-sidebar-toggle a.no-arrow:hover {
    background: none;
}

.navigation-sidebar li.open a {
    background: url(../../../condivise/immagini/icone/icone-default-blue/ico-freccia-down.png) 220px no-repeat;
    background-size: 22px;
}

.navigation-sidebar li.open a:hover {
    background: url(../../../condivise/immagini/icone/icone-default-blue/ico-freccia-down.png) 220px no-repeat;
    background-size: 22px;
}

.navigation-sidebar li.open ul li a {
    background: inherit;
    font-weight: normal;
}

.navigation-sidebar li.open ul li a:hover {
    background: inherit;
}

.navigation-sidebar li.open ul li a {
    height: auto;
    padding: 7px 0;
}

.left-sidebar-li a {
    color: #6d6e6f;
    height: 50px;
    display: block;
}

li.left-sidebar-item-selected a,
.left-sidebar-li a:hover {
    color: #0047bb;
}

.left-sidebar-toggle::after {
    background-color: #ececec;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    opacity: 0;
    position: absolute;
    right: 0;
    width: 190px;
}

.active .left-sidebar-toggle::after {
    opacity: 1;
}

.left-sidebar-toggle-btn {
    padding: 12px;
    width: 50px;
    height: 50px;
    display: inline-block;
    text-align: center;
    color: #6d6e6f;
    border-left: 3px solid #fff;
    line-height: normal;
    vertical-align: middle;
    display: none;
}

.left-sidebar-toggle ul {
    /*transition: all 0.5s ease 0s;*/
    height: 0;
    display: none;
}

.left-sidebar-wrapper {
    transition: padding 0.5s;
}


.left-sidebar-wrapper.active .left-sidebar-toggle.open ul {
    height: auto;
    width: auto;
    left: auto;
    list-style: none;
    padding: 20px 0 20px 75px;
    display: block;
}

.width-edge-fix{
    width: 100% !important;
    height: 100% !important;                
}

.open a {
    border-left: 3px solid #0047bb;
}

.open ul li a {
    border: none;
}

.open .left-sidebar-toggle-label {
    color: #0047bb;
}

#left-sidebar .left-sidebar-toggle-label {
    transition: all 0.2s ease 0s;
    padding-left: 5px;
    margin-left: 20px;
    vertical-align: middle;
}

#left-sidebar .left-sidebar-toggle-label {
    margin-left: 60px;
    height: 50px;
    line-height: 50px;
}

.left-sidebar-wrapper .content-sidebar {
    display: none;
}

.left-sidebar-on .left-sidebar-wrapper .content-sidebar {
    display: block;
}

.left-sidebar-on .left-sidebar-wrapper {
    padding-left: 50px;
    margin-bottom: 70px;
}

.left-sidebar-wrapper .left-sidebar-toggle-clk {
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: block;
    float: right;
    transform: rotate(0deg);
    transition: all 0.7s ease 0s;
    font-size: 18px;
    font-weight: 600;
}

.left-sidebar-wrapper .left-sidebar-toggle-clk:hover {
    color: #0047bb;
}

.left-sidebar-wrapper.active .left-sidebar-toggle-clk {
    transform: rotate(180deg);
}

.navigation-sidebar li.nav-ico-home {
    
   background: url(../../../condivise/immagini/generiche/ico-home.png) no-repeat 15px 10px;
    background-size: 26px;
    font-weight: 600;
}

.navigation-sidebar li.nav-ico-home.open,
.navigation-sidebar li.nav-ico-home:hover {
    background: url(../../../condivise/immagini/icone/icone-default-blue/ico-home.png) no-repeat 15px 10px;
    background-size: 26px;
    font-weight: 600;
}

.navigation-sidebar li.nav-ico-monitoring {
    
   background: url(../../../condivise/immagini/generiche/ico-monitoraggio.png) no-repeat 15px 10px;
    background-size: 26px;
    font-weight: 600;
}

.navigation-sidebar li.nav-ico-monitoring.open,
.navigation-sidebar li.nav-ico-monitoring:hover {
    background: url(../../../condivise/immagini/icone/icone-default-blue/ico-monitoraggio.png) no-repeat 15px 10px;
    background-size: 26px;
    font-weight: 600;
}

.navigation-sidebar li.nav-ico-performance {
    
   background: url(../../../condivise/immagini/generiche/ico-performance.png) no-repeat 15px 10px;
    background-size: 26px;
    font-weight: 600;
}

.navigation-sidebar li.nav-ico-performance.open,
.navigation-sidebar li.nav-ico-performance:hover {
    background: url(../../../condivise/immagini/icone/icone-default-blue/ico-performance.png) no-repeat 15px 10px;
    background-size: 26px;
    font-weight: 600;
}

.navigation-sidebar li.nav-ico-reporting {
    
   background: url(../../../condivise/immagini/generiche/ico-reportistica.png) no-repeat 15px 10px;
    background-size: 26px;
    font-weight: 600;
}

.navigation-sidebar li.nav-ico-reporting.open,
.navigation-sidebar li.nav-ico-reporting:hover {
    background: url(../../../condivise/immagini/icone/icone-default-blue/ico-reportistica.png) no-repeat 15px 10px;
    background-size: 26px;
    font-weight: 600;
}

.navigation-sidebar li.nav-ico-documents {
    
   background: url(../../../condivise/immagini/generiche/ico-rendicontazione.png) no-repeat 15px 10px;
    background-size: 26px;
    font-weight: 600;
}

.navigation-sidebar li.nav-ico-documents.open,
.navigation-sidebar li.nav-ico-documents:hover {
    background: url(../../../condivise/immagini/icone/icone-default-blue/ico-rendicontazione.png) no-repeat 15px 10px;
    background-size: 26px;
    font-weight: 600;
}

.navigation-sidebar li.nav-ico-archive {
    
   background: url(../../../condivise/immagini/generiche/ico-archivio.png) no-repeat 15px 10px;
    background-size: 26px;
    font-weight: 600;
}

.navigation-sidebar li.nav-ico-archive.open,
.navigation-sidebar li.nav-ico-archive:hover {
    background: url(../../../condivise/immagini/icone/icone-default-blue/ico-archivio.png) no-repeat 15px 10px;
    background-size: 26px;
    font-weight: 600;
}


/* remote control user assistance */

.active #left-sidebar .content-remote-control {
    display: block !important;
    /*margin-top: -10px;*/
    margin-top: 20px;
}

.left-sidebar-wrapper #left-sidebar .content-remote-control {
    display: none;
}

#left-sidebar .content-remote-control {
    padding: 20px;
    border-top: 1px solid #ececec;
}

#left-sidebar .content-remote-control span {
    display: block;
}

.result-username,
.result-usercode {
    color: #000;
    font-weight: 600;
    margin-top: 7px;
}

.logout-remote-control {
    background-color: #f6f6f6;
    font-size: 15px;
    margin: 20px -20px 0 -20px;
    padding: 10px 20px 10px 20px;
}

.logout-remote-control a {
    color: #787878
}

.logout-remote-control a:hover {
    color: #0047bb
}

.logout-remote-control img {
    width: 24px;
}

.usercode-remote-control {
    margin-bottom: 20px;
}

.content-remote-control .label-like {
    color: #6d6e6f;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
}


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

/******* Box Base *******/

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

.box-container {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    box-shadow: none;
    background-color: #fff;
    border: 1px solid #d1d1d1;
    position: relative;
    margin-bottom: 30px;
}

.box-container-grey {
    background-color: #ECECEC !important;
    border-left: 1px solid #E0E0E0 !important;
    border-right: 1px solid #E0E0E0 !important;
    border-top: 1px solid #E0E0E0 !important;
    border-bottom: 1px solid #E0E0E0 !important;
}

.box-container-view-tabs {
    border-top: none !important;
}

.box-container .box-container-link-notext {
    position: absolute;
    bottom: 15px;
    right: 0px;
}


/*.box-container-view-default {
    min-height: 222px;
}*/

.box-container .box-container-link .box-btn span {
    display: block;
    background-color: #eedc00;
    color: #222427;
    /*font-size: 14px;*/
    font-weight: bold;
    line-height: 24px;
    padding: 3px 34px 3px 20px;
    text-transform: uppercase;
    line-height: 24px;
    -webkit-border-radius: 15px 0 0 15px;
    -moz-border-radius: 15px 0 0 15px;
    border-radius: 15px 0 0 15px;
   background: url(../../../condivise/immagini/generiche/ico-arrow-grey-right.png);
    background-position: right 13px center;
    background-repeat: no-repeat;
    background-size: 9px 14px;
    outline: none;
}

.box-container .box-container-link {
    position: absolute;
    bottom: 15px;
    right: 0px;
}

.box-container:hover .box-container-link .box-btn span:hover,
.need-scroller-slick-wrap li.need .need-btn span:hover {
    background-color: #ffec00;
}

.box-container-view-basic .box-container-wrap,
.box-container-view-default .box-container-wrap,
.box-container-view-default-icon .box-container-wrap,
.box-container-view-services .box-container-wrap,
.box-container-view-assistance .box-container-wrap,
.box-container-view-news .box-container-wrap,
.box-container-view-bg-double .box-container-wrap {
    padding: 30px 30px 45px 30px;
}

.box-evidence {
    border: none;
}


/* pagination */

.box-container-page-numbers {
    margin-top: 30px;
}

.box-container-page-numbers .pagination {
    margin-top: 0;
    margin-bottom: 0;
    background-color: #fff;
    border: 1px solid #e3e3e3;
}

.box-container-page-numbers .pagination > li > a,
.pagination > li > span {
    position: inherit;
    color: #222427;
    font-weight: 600;
}

.box-container-page-numbers .pagination > li > a:hover {
    color: #0047bb;
}

.box-container-page-numbers .content-page-search {
    /*font-size: 18px;*/
}

.box-container-page-numbers .content-page-search label {
    margin-right: 10px;
    text-transform: inherit;
}

.box-container-page-numbers .content-page-search input.page-search {
    background-color: #fff;
    width: 55px;
    margin-right: 10px;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
}

.box-container-page-numbers .pagination > .active > a,
.box-container-page-numbers .pagination > .active > span,
.box-container-page-numbers .pagination > .active > a:hover,
.box-container-page-numbers .pagination > .active > span:hover,
.box-container-page-numbers .pagination > .active > a:focus,
.box-container-page-numbers .pagination > .active > span:focus {
    background-color: #CBE0FF;
    color: #333;
}

.box-container-page-numbers .pagination > li > a,
.box-container-page-numbers .pagination > li > span {
    background: none;
    border: none;
}


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

/******* Table *******/

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

.thead-standard,
.thead-double {
    border-left: 1px solid #d1d1d1;
}

.thead-standard table th {
    border-left: none !important;
}

.thead-standard table th,
.thead-standard table td,
.thead-double table th,
.thead-double table td {
    border-right: 1px solid #d1d1d1;
}

.table-correlated table {
    margin-bottom: 0;
    border-top: 1px solid #d1d1d1;
}

.table-correlated table td:hover {
    background-color: #e7f1ff;
    font-weight: 600;
}

.table-correlated .popover {
    padding: 0;
    width: 250px;
    border: none;
    font-size: 14px;
    font-family: "Texta", sans-serif;
}

.table-correlated .popover-title {
    padding: 10px;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
    font-family: "Texta", sans-serif;
}

.table-correlated .popover-content {
    padding: 5px 0 0 0;
}

.table-correlated .popover-content a {
    display: block;
    padding: 10px;
    text-transform: uppercase;
    font-weight: 600;
}

.table-correlated .popover-content a:hover {
    background-color: #f6f6f6;
}

.table-correlated .head-popover {
    color: inherit;
    text-transform: none;
    color: #222327;
}

.table-correlated th {
    background-color: #e5e5e5;
    text-transform: uppercase;
}

.table-correlated th,
.table-correlated td {
    padding: 10px 15px !important;
}

.table-correlated td {
    background-color: #fff;
}

.table-template-list > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border-top: none;
    border-bottom: 1px solid #d1d1d1;
    line-height: 1.42857;
    padding: 8px;
    vertical-align: top;
}

th a {
    color: #222427;
}

.th-on {
   background: url("../../../condivise/immagini/generiche/ico-arrow-grey-up.png");
    background-position: right 5px;
    background-repeat: no-repeat;
    background-size: 12px;
    padding: 0 25px 0 0;
    color: #0047bb;
}

.th-off {
   background: url("../../../condivise/immagini/generiche/ico-arrow-grey-down.png");
    background-position: right 5px;
    background-repeat: no-repeat;
    background-size: 12px;
    padding: 0 25px 0 0;
}

th {
    font-weight: 600;
    color: #787878;
}


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

/******* Table Form *******/

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

table input.form-control,
table select.form-control,
table span.form-control,
table .form-control,
table .input-group-addon,
table .has-error .input-group-addon,
table .has-success .input-group-addon,
table .has-warning .input-group-addon {
    background-color: #fff;
    border-color: #fff;
    border-width: 1px;
}

table .select-wrapper {
    height: auto !important;
    font-style: italic;
}

table .select-wrapper:hover {
    background-color: #fff;
}

table .select-wrapper .holder {
    margin-top: 0;
    margin-left: 0;
}


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

/******* Filter *******/

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

.box-content {
    padding: 30px;
}

.box-container-body .area-heading,
.content-tabs-list-segment .area-heading {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
    color: #000;
}

.content-pre-main ul#anchor-submenu {
    margin: 0;
}

.container-active-filter ul > li {
    position: relative !important;
}

.content-filter-buttons .active-element a::before {
    border-color: transparent transparent #ececec;
    border-style: solid;
    border-width: 17px;
    bottom: 0;
    content: "";
    display: inline-block;
    left: 50%;
    top: 25px;
    position: absolute;
    transform: translateX(-50%);
    height: 20px;
    margin-bottom: 30px;
}

.content-filter-links {
    text-align: right;
}

.content-filter-links a {
    margin-left: 25px;
}

.content-filter-buttons .active-element a.collapsed::before {
    border: none;
    display: inline;
    position:
}

.content-active-filter span {
    text-indent: -9999px;
    display: block;
}

.content-tabs-list {
    position: relative;
}

.counter {
    text-transform: uppercase;
}

.go-to a {
   background: url("../../../condivise/immagini/icone/icone-tonde-16-blue/ico-freccia-blu.png");
    background-position: right 0;
    background-repeat: no-repeat;
    background-size: 16px auto;
    padding: 0 25px 0 0;
}

.container-box-filter-search {
    margin-bottom: 10px;
}

.content-filter-buttons {
    margin-bottom: 10px;
}

.content-filter-buttons p,
.content-filter-buttons a {
    margin-bottom: 0;
}


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

/* Barra conta selected check tbale */

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

.content_checked_table_input_note {
    background-color: #fff;
    bottom: -200px;
    box-shadow: 0 0 5px 0 #888;
    height: 90px;
    line-height: 90px;
    opacity: 0;
    position: fixed;
    width: 100%;
    z-index: 4;
}


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

/******* Tabs *******/

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

.content-tabs-list .tabs-list-standard li {
    margin-right: 10px;
    text-transform: uppercase;
    line-height: 50px;
    text-transform: none;
}

.content-tabs-list .tabs-list-standard li a {
    color: #222427;
    display: block;
    font-weight: 600;
}

.content-tabs-list .tabs-list-standard li a:hover {
    text-decoration: none;
    color: #0047bb;
}

.content-tabs-list .tabs-list-standard li.active a {
    color: #0047bb;
    border-bottom: 3px solid #0047bb;
    font-weight: 600;
}

.content-tabs-list .tabs-list-standard li.active:after {
    width: 100%;
    background: #0047bb;
}


/* tabs inline (with icons) */

.content-tabs-list-icons {
    border-bottom: 1px solid #d1d1d1;
}

.content-tabs-list ul.list-tabs-icons {
    margin: 0 0 -2px;
    width: auto;
}

.content-tabs-list ul.list-tabs-icons li {
    text-transform: none;
    margin: 0;
    padding: 0;
}

.content-tabs-list ul.list-tabs-icons li a {
    margin: 0;
    padding: 0 10px;
    line-height: 45px;
    display: block;
    background-color: #ececec;
    color: #222427;
    font-weight: 600;
    /*font-size: 16px;*/
    text-transform: uppercase;
    border-top: 1px solid #ececec;
    border-bottom: 2px solid #d1d1d1;
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
}

.content-tabs-list ul.list-tabs-icons li a:hover {
    text-decoration: none;
    color: #0047bb;
}

.content-tabs-list ul.list-tabs-icons li.active a {
    color: #222427;
    padding: 0 50px;
    background-color: #fff;
    border-bottom: 2px solid #fff;
    border-top: 1px solid #d1d1d1;
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
}

.content-tabs-list ul.list-tabs-icons li a span.list-tab-element-text {
    display: none;
}

.content-tabs-list ul.list-tabs-icons li.active a span.list-tab-element-text {
    display: inline-block;
    margin-left: 5px;
}


/* tabs full (no icons) */

.content-tabs-list ul.list-tabs-full {
    margin: 0 0 -1px;
}

.content-tabs-list ul.list-tabs-full li {
    text-transform: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.content-tabs-list ul.list-tabs-full li a {
    margin: 0;
    padding: 13px;
    display: block;
    background-color: #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    color: #222427;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
}

.content-tabs-list ul.list-tabs-full li.active {
    border-bottom-color: #fff;
}

.content-tabs-list ul.list-tabs-full li a:hover {
    text-decoration: none;
    color: #0047bb;
}

.content-tabs-list ul.list-tabs-full li.active a {
    color: #0047bb;
    background-color: #fff;
    border-right: 1px solid #d1d1d1;
    border-top: 1px solid #d1d1d1;
    border-left: 1px solid #d1d1d1;
}


/* tabs full (with flap) */

.content-tabs-list ul.list-tabs-full {
    margin: 0 0 -1px;
}

.content-tabs-list-full-forms {
    z-index: 2;
}

.content-tabs-list ul.list-tabs-full-forms {
    z-index: 1;
}

.content-tabs-list ul.list-tabs-full-forms li {
    text-transform: none;
    margin: 0;
    padding: 0;
    text-align: center
}

.content-tabs-list ul.list-tabs-full-forms li a {
    margin: 0;
    padding: 13px;
    display: block;
    background-color: #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    color: #222427;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    position: relative;
}

.content-tabs-list ul.list-tabs-full-forms li.active a {
    background-color: #fff;
    border-bottom-color: #fff;
}

.content-tabs-list ul.list-tabs-full-forms li.active a::after {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    content: "";
    left: 50%;
    margin-left: -8px;
    position: absolute;
    top: 100%;
}

.content-tabs-list ul.list-tabs-full-forms li a:hover {
    text-decoration: none;
    color: #0047bb;
}

.content-tabs-list ul.list-tabs-full-forms li.active a {
    color: #0047bb;
    background-color: #fff;
    border-right: 1px solid #E0E0E0;
    border-top: 1px solid #E0E0E0;
    border-left: 1px solid #E0E0E0;
}


/* tabs slickslider like */

.box-container-slick-tabs h3 {
    padding: 0 30px;
}

.box-container-slick-tabs .box-container-wrap {
    padding-left: 0;
    padding-bottom: 0;
    padding-right: 0;
}

.container-slick-tabs .content-slick-tabs .slick-tabs-scroller {
    position: relative;
    height: 80px;
    padding: 0 30px;
}

.container-slick-tabs .content-slick-tabs .slick-tabs-scroller li {
    vertical-align: middle;
    outline: none;
    margin-right: 20px;
    height: 80px;
    float: left;
}

.container-slick-tabs .content-slick-tabs .slick-tabs-scroller .slick-slide.active-element {
    position: relative;
}

.container-slick-tabs .content-slick-tabs .slick-tabs-scroller .slick-slide.active-element a {
    color: #0047bb;
    border-color: #0047bb;
}

.container-slick-tabs .content-slick-tabs .slick-tabs-scroller li {
    margin-right: 20px;
}

.container-slick-tabs .content-slick-tabs .slick-tabs-scroller li a {
    color: #787878;
    line-height: 20px;
    white-space: nowrap;
    /*font-size: 16px;*/
    font-weight: 600;
    display: table-cell;
    vertical-align: middle;
    border: 2px solid #ececec;
    padding: 0 20px;
    height: 50px;
    text-transform: uppercase;
}

.container-slick-tabs .content-slick-tabs .slick-tabs-scroller li a:hover,
.container-slick-tabs .content-slick-tabs .slick-tabs-scroller li.active a {
    color: #0047bb;
    text-decoration: none;
    border-color: #0047eb;
}


/*.submenu-need .submenu-need-scroller .scroller-need-item a {
    background-position: left 1px center;
    background-repeat: no-repeat;
    background-size: 32px;
    padding-left: 46px;
}*/

.container-slick-tabs .content-slick-tabs .slick-tabs-scroller .slick-prev,
.container-slick-tabs .content-slick-tabs .slick-tabs-scroller .slick-next {
    transform: translate(0px, -110%);
}

.container-slick-tabs .content-slick-tabs .slick-tabs-scroller .slick-prev {
    top: 38px;
    left: 30px;
}

.container-slick-tabs .content-slick-tabs .slick-tabs-scroller .slick-next {
    top: 32px;
    right: 30px;
}

.container-slick-tabs .content-slick-tabs .slick-tabs {
    position: relative;
}

.container-slick-tabs .content-slick-tabs .slick-tabs-scroller .slick-list {
    margin: 0 30px;
}


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

/******* Progress bar like *******/

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

.progress-business {
    position: relative;
    overflow: visible;
    height: 10px;
}

.graphic-stages span {
    display: block;
}

.graphic-stages li {
    display: table-cell;
}

.progress-bar-status {
    width: 30%;
}


/*.content-result {
    font-size: 18px;
}*/

.stage-color-one {
    color: #a8caff
}

.stage-bg-one {
    background-color: #a8caff;
}

.stage-color-two {
    color: #80aff9
}

.stage-bg-two {
    background-color: #80aff9;
}

.stage-color-three {
    color: #578ade
}

.stage-bg-three {
    background-color: #578ade;
}

.stage-color-four {
    color: #ffb906
}

.stage-bg-four {
    background-color: #ffb906;
}

.stage-color-five {
    color: #26b158
}

.stage-bg-five {
    background-color: #26b158;
}

.stage-color-six {
    color: #d26868
}

.stage-bg-six {
    background-color: #d26868;
}

.content-result-color-seven {
    color: #d26868
}

.progress-bar-result-color-seven {
    background-color: #d26868;
}

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


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

/******* Modal elements *******/

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

/* modal draggable elements */

.container-draggable-element {
    height: 200px;
    overflow: auto;
}

.modal-all-draggable-selection {
    padding: 15px 0;
}

.modal-all-draggable-selection span {
    color: #0047bb
}

.draggable-row {
    padding: 15px 0;
    border-top: 1px solid #ececec;
}

.draggable-row:hover {
    -webkit-transition: box-shadow 0.3s linear;
    -o-transition: box-shadow 0.3s linear;
    -moz-transition: box-shadow 0.3s linear;
    -ms-transition: box-shadow 0.3s linear;
    -kthtml-transition: box-shadow 0.3s linear;
    transition: box-shadow 0.3s linear;
    -webkit-box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.2);
}

.container-draggable-button {
    -webkit-box-shadow: 0 -8px 8px 0 rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 -8px 8px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 -8px 8px 0 rgba(0, 0, 0, 0.08);
}


/* modal v-tabs */

.content-modal-vtabs .modal-body,
.content-modal-vtabs .tab-content,
.content-modal-vtabs .tabs-left {
    min-height: 530px;
}

.content-modal-vtabs .tab-content {
    padding: 30px 0 0 0;
}

.container-modal-vtabs .v-tabs-container-application {
    min-height: 350px;
    padding: 30px;
    margin: 15px 0;
    text-align: center;
}

.container-modal-vtabs .v-tabs-content-application-zoom-in .object-name {
    font-weight: 600;
    margin-left: 20px;
    margin-right: 20px;
}

.content-modal-vtabs .tabs-left a {
    padding: 20px;
    color: #222327;
}

.content-modal-vtabs .tabs-left a:hover {
    color: #0047bb;
    background-color: #ececec;
}

.content-modal-vtabs .tabs-left li.active a {
    color: #0047bb;
}

.content-modal-vtabs .tabs-left a span {
    font-weight: 600;
    display: block;
}

.content-modal-vtabs .tabs-left a span.type-document {
    font-weight: normal;
}

.content-modal-vtabs .modal-body {
    padding-top: 0;
    padding-bottom: 0;
}

.tabs-left {
    background-color: #ececec;
    padding-top: 0 !important;
}

.tabs-left,
.tabs-right {
    border-bottom: none;
    padding-top: 2px;
}

.tabs-left {
    border-right: 1px solid #ddd;
}

.tabs-right {
    border-left: 1px solid #ddd;
}

.tabs-left li.active a {
    border-left: 3px solid #ccc !important;
}

.modal-body-tabs .tabs-left li a {
    padding: 30px;
}

.tabs-left > li.active > a,
.tabs-left > li.active > a:hover,
.tabs-left > li.active > a:focus {
    border: none !important;
    border-radius: 0;
}

.modal-body-tabs .tab-content {
    padding: 10px;
}

.nav-tabs > li > a {
    border: none !important;
}

.tabs-left > li > a,
.tabs-left > li > a:hover {
    border-radius: 0;
}

.modal-header {
    border: none;
}

.tabs-left > li,
.tabs-right > li {
    float: none;
}

.tabs-left > li {
    margin-right: -1px;
    margin-bottom: 0;
}

.tabs-right > li {
    margin-left: -1px;
}

.tabs-left > li.active > a,
.tabs-left > li.active > a:hover,
.tabs-left > li.active > a:focus {
    border-bottom-color: #ddd;
    border-right-color: transparent;
}

.tabs-left > li {
    border-left: 3px solid #ececec;
}

.tabs-left > li.active {
    border-left: 3px solid #0047bb;
}

.tabs-right > li.active > a,
.tabs-right > li.active > a:hover,
.tabs-right > li.active > a:focus {
    border-bottom: 1px solid #ddd;
    border-left-color: transparent;
}

.tabs-left > li > a {
    border-radius: 4px 0 0 4px;
    margin-right: 0;
    display: block;
}

.tabs-right > li > a {
    border-radius: 0 4px 4px 0;
    margin-right: 0;
}

.vertical-text {
    margin-top: 50px;
    border: none;
    position: relative;
}

.vertical-text > li {
    height: 20px;
    width: 120px;
    margin-bottom: 100px;
}

.vertical-text > li > a {
    border-bottom: 1px solid #ddd;
    border-right-color: transparent;
    text-align: center;
    border-radius: 4px 4px 0px 0px;
}

.vertical-text > li.active > a,
.vertical-text > li.active > a:hover,
.vertical-text > li.active > a:focus {
    border-bottom-color: transparent;
    border-right-color: #ddd;
    border-left-color: #ddd;
}

.vertical-text.tabs-left {
    left: -50px;
}

.vertical-text.tabs-right {
    right: -50px;
}

.vertical-text.tabs-right > li {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.vertical-text.tabs-left > li {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}


/* xs */

@media (max-width:767px) {
    .cover {
        z-index: 9;
        background-color: #eedc00;
    }
    /*.content,*/
    .left-sidebar-wrapper {
        display: none;
    }
}


/* sm */

@media (min-width: 768px) and (max-width: 991px) {
    html,
    body {
        font-size: 16px;
    }
    .content-logo-bu-pstl {
        width: auto;
    }
    .content-tabs-list-segment {
        padding: 30px 30px 0 30px;
        background-color: #fff;
        border-top: 1px solid #d1d1d1;
        border-left: 1px solid #d1d1d1;
        border-right: 1px solid #d1d1d1;
    }
    .form-group-lg .form-control {
        font-size: 16px;
    }
    .federation-bar-wrap-right {
        padding: 0;
    }
    .box-btn {
        font-size: 14px;
    }
    #left-sidebar {
        top: 93px;
    }
}


/* md */

@media (min-width: 992px) and (max-width: 1199px) {
    html,
    body,
    .form-group-lg .form-control {
        font-size: 16px;
    }
    .box-btn {
        font-size: 14px;
    }
    #left-sidebar {
        top: 93px;
    }
}


/* lg */

@media (min-width: 1200px) {
  
    .form-group-lg .form-control {
        font-size: 16px;
    }
    .box-btn {
        font-size: 14px;
    }
    /*div.header-dashboard-postlogin {
        padding-right: 100px;
    }*/
    #left-sidebar {
        top: 164px;
    }
}


/* xl */

@media (min-width: 1888px) {
    /*div.headbar {
        padding: 0 100px;
    }
    /*.container-fluid {
        padding: 0 100px
    }*/
    .spacer-xl-left-15 {
        margin-left: 15px!important;
    }
    .spacer-xl-bottom-0 {
        margin-bottom: 0px !important;
    }
    .box-btn {
        font-size: 14px;
    }
    .left-sidebar-on .left-sidebar-wrapper.active {
        padding-left: 250px;
    }
}


/* High res Display  - Tutti i device retina sopra i 992px */

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi) {
    .navigation-sidebar li.nav-ico-home {
        background: url(../../../condivise/immagini/generiche/ico-home@2x.png) no-repeat 15px 10px;
        background-size: 26px;
    }
    .navigation-sidebar li.nav-ico-home.open,
    .navigation-sidebar li.nav-ico-home:hover {
        background: url(../../../condivise/immagini/generiche/ico-home@2x.png) no-repeat 15px 10px;
        background-size: 26px;
    }
    .navigation-sidebar li.nav-ico-monitoring {
        background: url(../../../condivise/immagini/generiche/ico-monitoraggio@2x.png) no-repeat 15px 10px;
        background-size: 26px;
    }
    .navigation-sidebar li.nav-ico-monitoring.open,
    .navigation-sidebar li.nav-ico-monitoring:hover {
        background: url(../../../condivise/immagini/generiche/ico-monitoraggio@2x.png) no-repeat 15px 10px;
        background-size: 26px;
    }
    .navigation-sidebar li.nav-ico-performance {
        background: url(../../../condivise/immagini/generiche/ico-performance@2x.png) no-repeat 15px 10px;
        background-size: 26px;
        font-weight: 600;
    }
    .navigation-sidebar li.nav-ico-performance.open,
    .navigation-sidebar li.nav-ico-performance:hover {
        background: url(../../../condivise/immagini/generiche/ico-performance@2x.png) no-repeat 15px 10px;
        background-size: 26px;
        font-weight: 600;
    }
    .navigation-sidebar li.nav-ico-reporting {
        background: url(../../../condivise/immagini/generiche/ico-reportistica@2x.png) no-repeat 15px 10px;
        background-size: 26px;
    }
    .navigation-sidebar li.nav-ico-reporting.open,
    .navigation-sidebar li.nav-ico-reporting:hover {
        background: url(../../../condivise/immagini/generiche/ico-reportistica@2x.png) no-repeat 15px 10px;
        background-size: 26px;
    }
    .navigation-sidebar li.nav-ico-documents {
        background: url(../../../condivise/immagini/generiche/ico-documenti@2x.png) no-repeat 15px 10px;
        background-size: 26px;
    }
    .navigation-sidebar li.nav-ico-documents.open,
    .navigation-sidebar li.nav-ico-documents:hover {
        background: url(../../../condivise/immagini/generiche/ico-rendicontazione@2x.png) no-repeat 15px 10px;
        background-size: 26px;
    }
    .navigation-sidebar li.left-sidebar-li a,
    .navigation-sidebar li.left-sidebar-li a:hover {
        background: url(../../../condivise/immagini/generiche/ico-freccia-dx@2x.png) 220px no-repeat;
        background-size: 26px;
    }
    .navigation-sidebar li.open a,
    .navigation-sidebar li.open a:hover {
        background: url(../../../condivise/immagini/generiche/ico-freccia-down@2x.png) 220px no-repeat;
        background-size: 26px;
    }
    .th-on {
       background: url("../../../condivise/immagini/generiche-2x/ico-arrow-grey-up@2x.png");
    }
    .th-off {
       background: url("../../../condivise/immagini/generiche-2x/ico-arrow-grey-down@2x.png");
    }
}

.content-applicative{
  padding:0px 0 25px!important;
}
.col-mysda .component-container{
   padding: 0!important;
}

.panel-wrap.border-xs-bottom.border-sm-bottom.border-md-bottom {
   background-color:#fff;
}