/**************************************************************

    Foglio stile My Poste - (c) Poste Italiane 2016/2017/2018 - GDhttps://s.uybinm.com/_h/FShttps://s.uybinm.com/_h/DU

***************************************************************/


/***************************/


/******* Generici  *******/


/***************************/

.content-myposte {
    padding: 0;
}

.myposte-header .main-pills-wrap {
    padding-bottom: 0;
}

.myposte-header .welcome {
    margin-bottom: 40px;
}

.myposte-header .welcome .abstract h1 {
    margin: 0px 0px 10px 0px;
    font-size: 40px;
    letter-spacing: 0;
}

.myposte-header .welcome .abstract h1 span {
    display: block;
    font-size: 55px;
    font-weight: 600;
}

.avatar img {
    width: 124px;
    height: 124px;
    border-radius: 50px;
}

.myposte-header .welcome .abstract {
    margin-bottom: 50px;
}

.myposte-header .welcome .abstract {
    margin-bottom: 20px;
}

.myposte-header .welcome .abstract-heading p {
    color: #787878;
}

.myposte-header .content-pre-main ul#menu {
    margin: 0;
}

.myposte-header .content-pre-main ul#menu li {
    margin-right: 20px;
    text-transform: uppercase;
}

.myposte-header .content-pre-main ul#menu li a {
    border-bottom: 3px solid transparent;
    color: #222427;
    display: block;
    min-height: 45px;
    font-weight: bold;
}

.myposte-header .content-pre-main ul#menu li a:hover {
    text-decoration: none;
    border-bottom: 3px solid #0047bb;
    color: #0047bb;
}

.myposte-header .content-pre-main ul#menu li a.active {
    border-bottom: 3px solid #0047bb;
    color: #0047bb;
}


/***************************/


/******* MyPoste (nuovi sviluppi 11/02/2023) *******/

.myposte-header-tactical .main-pills {
    margin-bottom: 0;
    border: none
}

.myposte-disclamer {
    position: absolute;
    font-size: 13px;
    /*left: -75%;*/
    bottom: 10px;
    left: -260px;
    background: #fff;
    padding: 3px 7px;
}

.img-dem-margin-auto {
    margin: 0 auto;
}

.panel-cards-myposte-servizi .panel-wrap {
    padding: 30px 30px 45px 30px;
}

.panel-cards-myposte-servizi-focus .panel-body {
    padding: 0 0px 0 75px;
    background-repeat: no-repeat;
    min-height: 85px !important;
    background-size: 60px;
}

.myposte-tipologia-operazioni .panel-cards-default {
    min-height: auto;
}

.tag-tipologia-operazioni .cookie-link-default {
    background-color: #fff;
}

.tag-tipologia-operazioni .cookie-link {
    line-height: 25px;
}

.panel-cards-bg-double-myposte .panel-wrap {
    padding: 30px 30px 45px 30px;
}

.panel-cards-bg-double-myposte .panel-wrap .panel-heading {
    min-height: auto;
}

.panel-cards-bg-double-myposte {
    background-repeat: no-repeat;
    background-size: auto;
}

.panel-cards-bg-double-myposte {
    background-position: top left;
}

.panel-cards-bg-double-myposte .panel-link .btn-card span,
.panel-cards-bg-promo.promo-myp .panel-link .btn-card span {
    text-indent: -9999px;
    padding: 3px 20px 3px 20px;
    width: 38px;
}

.panel-cards-bg-promo.promo-myp .panel-wrap-pre-myp::after {
    display: block;
    position: relative;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%);
    margin-top: -150px;
    height: 150px;
    width: 100%;
    content: '';
}

.panel-cards-bg-promo.promo-myp .panel-wrap-pre-myp {
    background-size: cover;
}

.panel-cards-bg-promo.promo-myp .panel-wrap-pre-myp .panel-heading {
    min-height: 245px !important;
}

.panel-cards.panel-cards-bg-promo.promo-top .panel-wrap-pre-myp {
    background-position: top center;
}

.panel-cards.panel-cards-bg-promo.promo-top .panel-wrap-pre-myp .banner-advice {
    opacity: 1;
}


/* gestione (no slider) "cosa vuoi fare" */

.container-cosavuoifare-08items {
    column-count: 8;
    text-align: center;
}

.container-cosavuoifare-08items .asset-images {
    column-fill: auto;
    height: 100%;
}


/* gestione slider "cosa vuoi fare" */

.container-cosavuoifare-08items .asset-images span,
.submenu-cosavuoifare-scroller-wrap .asset-images span {
    background-color: #F2F8FF;
    display: inline-block;
    border-radius: 40px;
    height: 80px;
    width: 80px;
    text-align: center;
    position: relative;
}

.container-cosavuoifare-08items .asset-images span img,
.submenu-cosavuoifare-scroller-wrap .asset-images span img {
    position: absolute;
    top: 15px;
    left: 17px;
}

.submenu-product-scroller-myposte .asset-images {
    width: 85px;
}

.submenu-product .submenu-cosavuoifare-scroller {
    height: auto !important
}

.submenu-cosavuoifare-scroller .slick-prev {
    top: -48px !important;
    right: 45px;
    left: inherit;
    position: absolute;
    background-color: transparent;
    color: transparent;
    border: 1px solid #0047bb;
    transform: translate(0, -50%);
    border-radius: 2.25rem;
    height: 34px;
    width: 36px;
    background-position: center;
}

.submenu-cosavuoifare-scroller .slick-next {
    top: -48px !important;
    left: inherit;
    right: 0;
    position: absolute;
    background-color: transparent;
    color: transparent;
    border: 1px solid #0047bb;
    transform: translate(0, -50%);
    border-radius: 2.25rem;
    height: 34px;
    width: 36px;
    background-position: center;
}

.submenu-cosavuoifare-scroller .slick-prev:hover,
.submenu-cosavuoifare-scroller .slick-next:hover {
    background-color: #4270e4;
}

.submenu-cosavuoifare-scroller .slick-next {
    background-image: url("/risorse_dt/applicazioni/myposte/immagini/001b-arrow-forward-m-primary33.svg");
    background-size: 25px;
}

.submenu-cosavuoifare-scroller .slick-prev {
    background-image: url("/risorse_dt/applicazioni/myposte/immagini/001a-arrow-back-m-primary33.svg");
    background-size: 25px;
}

.submenu-cosavuoifare-scroller .slick-next:hover {
    background-image: url("/risorse_dt/applicazioni/myposte/immagini/001b-arrow-forward-m-neutral100.svg");
    background-size: 25px;
}

.submenu-cosavuoifare-scroller .slick-prev:hover {
    background-image: url("/risorse_dt/applicazioni/myposte/immagini/001a-arrow-back-m-neutral100.svg");
    background-size: 25px;
}

.submenu-cosavuoifare-scroller .slick-prev:hover,
.submenu-cosavuoifare-scroller .slick-next:hover {
    background-color: #4270e4;
}

.asset-images.slick-slide {
    margin-right: 55px;
}


/* gestione slider "messaggi bacheca" */

.submenu-bacheca-scroller-wrap .slick-dots {
    margin-top: 10px !important;
    position: static;
}

.submenu-product .submenu-bacheca-scroller {
    height: auto !important;
    margin-bottom: 0;
}

.submenu-bacheca-scroller .slick-prev {
    top: -48px !important;
    right: 45px;
    left: inherit;
    position: absolute;
    background-color: transparent;
    color: transparent;
    border: 1px solid #0047bb;
    transform: translate(0, -50%);
    border-radius: 2.25rem;
    height: 34px;
    width: 36px;
    background-position: center;
}

.submenu-bacheca-scroller .slick-next {
    top: -48px !important;
    left: inherit;
    right: 0;
    position: absolute;
    background-color: transparent;
    color: transparent;
    border: 1px solid #0047bb;
    transform: translate(0, -50%);
    border-radius: 2.25rem;
    height: 34px;
    width: 36px;
    background-position: center;
}

.submenu-bacheca-scroller-wrap .slick-next {
    background-image: url("/risorse_dt/applicazioni/myposte/immagini/001b-arrow-forward-m-primary33.svg");
    background-size: 25px;
}

.submenu-bacheca-scroller-wrap .slick-prev {
    background-image: url("/risorse_dt/applicazioni/myposte/immagini/001a-arrow-back-m-primary33.svg");
    background-size: 25px;
}

.submenu-bacheca-scroller-wrap .slick-next:hover {
    background-image: url("/risorse_dt/applicazioni/myposte/immagini/001b-arrow-forward-m-neutral100.svg");
    background-size: 25px;
}

.submenu-bacheca-scroller-wrap .slick-prev:hover {
    background-image: url("/risorse_dt/applicazioni/myposte/immagini/001a-arrow-back-m-neutral100.svg");
    background-size: 25px;
}

.submenu-bacheca-scroller .slick-prev:hover,
.submenu-bacheca-scroller .slick-next:hover {
    background-color: #4270e4;
}

.submenu-bacheca-scroller .attachments,
.submenu-bacheca-scroller .action-message,
.submenu-bacheca-scroller .panel-action {
    display: none;
}

.submenu-bacheca-scroller-wrap .slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 8px;
    padding: 0;
}

.submenu-bacheca-scroller-wrap .slick-dots li button {
    display: block;
    height: 0.625rem;
    width: 0.625rem;
    margin-top: -4px;
    margin-left: -4px;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    content: " ";
    border: 1px solid #0047bb;
    background-color: #fff;
    cursor: pointer;
    border-radius: 0.625rem;
    transition: all 0.05s linear;
}

.submenu-bacheca-scroller-wrap .slick-dots li.slick-active button {
    width: 1.25rem;
    background-color: #0047bb;
}

.submenu-bacheca-scroller-wrap .slick-dots li button::before {
    display: none;
}


/* over-ride messaggi bacheca myposte per lo slider */

.submenu-product-scroller-myposte-bacheca .panel-cards-edge {
    min-height: 125px !important;
}

.submenu-product-scroller-myposte-bacheca .container-panel-action {
    width: 110px;
}

.submenu-product-scroller-myposte-bacheca .container-panel-message {
    width: 965px;
}

.submenu-product-scroller-myposte-bacheca .content-message {
    width: 854px;
}

.submenu-product-scroller-myposte-bacheca .thumbnail-message.notify-dot-locked::after {
    right: 40px;
}

.submenu-product-scroller-myposte-bacheca .panel-marketing .panel-marketing-bg-rounded {
    margin: 0 !important;
}


/***************************/


/***************************/


/******* Modalità Edit  *******/


/***************************/

.edit-status {
    color: #787878;
}

.last {
    margin-bottom: 20px;
}

.myservices-tools a {
    background-image: url("/risorse_dt/condivise/immagini/icone/icone-tonde-16-blue/ico-modifica-blu.png");
    background-position: right 0;
    background-repeat: no-repeat;
    background-size: 16px;
    font-size: 16px;
    padding: 0 25px 0 0;
}

.myservices-tools a.cancels {
    background-image: url("/risorse_dt/condivise/immagini/icone/icone-tonde-16-blue/ico-ics-blu.png");
}


/***************************/


/******* Form  *******/


/***************************/

.myposte-application .main-pills-wrap {
    padding-top: 30px;
}

.main-post-login .segments {
    margin: 0 0 50px 0;
}

.main-post-login fieldset {
    padding: 0;
    margin-bottom: 40px;
}

.main-post-login fieldset .content-user-data {
    margin-bottom: 20px;
    padding: 0 30px 0 30px;
}

.main-post-login .form-group h1,
.main-post-login .form-group h2,
.main-post-login .form-group h3,
.main-post-login .form-group h4,
.main-post-login .form-group h5,
.main-post-login .form-group h6 {
    color: #787878;
}

.main-post-login .form-control-static {
    font-style: italic;
}

.content-user-data-edit {
    border: 1px solid #efefef;
    background-color: #fbfbfb;
    padding-top: 25px !important;
    padding-bottom: 10px !important;
}

.content-user-data-edit .select-wrapper {
    background-color: #fbfbfb;
    color: inherit;
}

.content-user-data .form-group,
.content-user-data .form-inline,
.content-user-data .form-group {
    margin-bottom: 15px;
}

.myservices-tools a {
    font-size: 16px;
}

.title-favorite {
    border-bottom: 1px solid #d0d0d0;
    margin-bottom: 10px;
}

.title-favorite h4 {
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
    color: #787878;
}

.myposte-favorite-to-modifiy fieldset {
    border-color: #efefef;
    padding-bottom: 0;
    margin-bottom: 0
}

.myposte-favorite-to-modifiy fieldset h5,
.myposte-favorite-to-modifiy fieldset h6 {
    color: #787878;
    padding-bottom: 5px;
}

ol.privacy-list {
    padding: 0;
}

ol.privacy-list .box-evidence {
    border: none;
}

.title-border-top {
    border-top: 1px solid #ececec;
}

.myservices-other {
    height: 46px;
    line-height: 46px;
    padding: 0 10px;
}

.myservices-tools {
    padding: 10px 0;
}

.other {
    padding: 7px 0 10px 0;
}

.myservices-other a,
.other a {
    background-image: url("/risorse_dt/condivise/immagini/icone/icone-tonde-16-blue/ico-freccia-blu.png");
    background-position: right 0;
    background-repeat: no-repeat;
    background-size: 16px;
    font-size: 16px;
    padding: 0 25px 0 0;
}


/***************************/


/******* Tabelle Filtrate  *******/


/***************************/

.table-msg-board thead tr th {
    background-color: #fff !important;
    border-top: 1px solid #fff !important;
    border-left: 1px solid #fff !important;
    border-right: 1px solid #fff !important;
}

.table-msg-board thead tr th .checkbox {
    margin-bottom: auto;
}

.msg-board-abstract {
    font-size: 0.8889rem;
    line-height: 80%;
}

.msg-board-date {
    text-align: center;
    font-size: 16px;
}

.msg-board-date span {
    display: block;
    font-size: 18px;
    font-weight: bold;
}

img.notice-board-order:hover {
    cursor: pointer
}


/***************************/


/******* Bacheca New (05/2022)*******/


/***************************/

.panel-cards-edge-message-full-banner .container-panel-message {
    background-position: right;
}

.board-notify h4 {
    text-transform: none;
}

.container-panel-action {
    position: relative;
}

.panel-cards-edge-message-full-banner .panel-action {
    position: absolute;
    top: 27px;
    left: 0;
}

.panel-new-message h6 {
    position: relative
}

.panel-new-message h6 {
    padding-left: 18px;
}

.container-panel-message {
    background-position: right;
}

.panel-new-message h6::before {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 4px;
    background: #0047bb no-repeat center;
    height: 10px;
    width: 10px;
    border-radius: 20px;
}

.content-notice-board .panel-cards:hover .line-clamp::after,
.content-notice-board .panel-cards:hover .line-clamp::before {
    background-color: #f3f7fc;
}


/* bacheca in dropdown */

.dropdown-menu.dropdown-menu-federation .content-notice-board {
    width: 721px;
    font-size: 17px;
    text-transform: none;
}

.dropdown-menu.dropdown-menu-federation .content-notice-board a {
    padding: 0 !important;
}

.dropdown-menu.dropdown-menu-federation .content-notice-board .attachment-item a {
    padding: 4px 10px !important;
}

.dropdown-menu.dropdown-menu-federation .content-notice-board .container-panel-message {
    width: 550px;
}

.dropdown-menu.dropdown-menu-federation .content-notice-board .panel-cards-edge-message-full-banner .container-panel-message {
    width: 100%;
}

.dropdown-menu.dropdown-menu-federation .content-notice-board .container-panel-message .content-message {
    width: 436px;
}

.content-notice-board .panel-cards-edge {
    min-height: 102px;
    padding: 17px 17px 17px 17px;
}

.content-notice-board .panel-cards-edge {
    min-height: 102px;
    padding: 17px 17px 17px 17px;
}

.content-message {
    float: left;
    width: 480px
}

.content-status {
    float: right;
    width: 111px
}

.content-notice-board .radio,
.content-notice-board .checkbox {
    margin-top: 23px
}

.content-notice-board .panel-cards-edge.panel-cards-edge-new-message {
    border-width: 1px 0px 0px 7px;
    border-color: #ececec #fff #ececec #0047bb !important;
}

.content-notice-board .panel-cards-edge.panel-cards-edge-not-read-message .container-panel-message,
.content-notice-board .panel-cards-edge.panel-cards-edge-not-read-message .container-panel-message h6 {
    font-weight: 600;
    color: #000;
}

.message-full-banner {
    position: absolute;
    top: 40px;
    left: 30px;
    font-weight: 600;
    color: #fff;
}

.content-notice-board .panel-cards-edge.panel-cards-edge-read-message {
    color: inherit;
    font-weight: normal
}

.attachments span.attachment-item a {
    border-radius: 40px;
    padding: 7px 15px;
    border: 1px solid #888;
    display: inline-block;
    background-color: #fff;
}

.content-notice-board .panel-cards-edge.panel-cards-edge-message {
    border-width: 1px 0px 0px 7px;
    border-color: #ececec #fff #ececec #fff
}

.container-panel-action {
    float: left;
    width: 130px;
}

.panel-cards-edge-message .ico-message {
    padding: 21px 0;
    text-align: center
}

.container-panel-message {
    float: right;
    width: 873px;
    margin-top: 10px;
}

.title-message {
    font-size: 1rem !important;
    text-transform: none;
}

.cookie-link-default {
    background-color: #ececec;
}

.ico-message.notify-dot-locked::after {
    content: "";
    display: block;
    position: absolute;
    right: 3px;
    bottom: 0px;
    background: url("/risorse_dt/applicazioni/myposte/immagini/ic_lock.png") #0047bb no-repeat center;
    height: 20px;
    width: 20px;
    border-radius: 20px;
}

.thumbnail-message.notify-dot-locked::after {
    content: "";
    display: block;
    position: absolute;
    right: 22px;
    bottom: 0px;
    background: url("/risorse_dt/applicazioni/myposte/immagini/ic_lock.png") #0047bb no-repeat center;
    height: 20px;
    width: 20px;
    border-radius: 20px;
}

.panel-cards-edge-message-full-banner .container-panel-action {
    float: left;
    width: 30px;
}

.panel-cards-edge-message-full-banner .container-panel-message {
    float: right;
    width: 973px;
    height: 130px;
    background-repeat: no-repeat;
    background-color: #000;
    border-radius: 5px;
}

.content-notice-board .panel-cards:hover {
    box-shadow: none;
    background-color: #f3f7fc;
}

.content-notice-board .panel-cards:hover .date-message {
    visibility: hidden;
}

.panel-cards-edge-message-full-banner .content-message {
    position: absolute;
    color: #fff;
    left: 20px;
    top: 30px;
}

.content-notice-board .panel-cards-edge-message-full-banner:hover .container-panel-message {
    opacity: 0.2;
}

.content-notice-board .panel-cards:hover .panel-marketing-bg-rounded {
    background-color: #fff;
}

.content-notice-board .mass-message-action .action-message .last-action {
    border: none;
    padding-right: 0;
}

.content-notice-board .mass-message-action .dropdown-menu {
    top: 34px;
    border-radius: 0;
    border-top: none;
    font-size: 1rem;
    left: -130px;
    width: 300px;
}

.content-notice-board .mass-message-action .dropdown-menu>li>a:hover,
.content-notice-board .mass-message-action .dropdown-menu>li>a:focus {
    background-color: #F2F8FF;
}

.content-notice-board .mass-message-action .action-message .dropdown-menu a {
    border-right: none;
}

.content-notice-board .mass-message-action .action-message a {
    border-right: 2px solid #ccc;
    padding: 0px 5px 0 0
}

.content-notice-board .action-message img {
    margin: 0 3px;
}

.content-notice-board .panel-cards .action-message {
    visibility: hidden;
}

.content-notice-board .panel-cards:hover .action-message {
    visibility: visible;
}

.content-notice-board .panel-cards.panel-cards-edge-message-full-banner:hover .action-message {
    visibility: visible;
}

.content-status .date-message,
.content-status .action-message {
    position: absolute;
    right: 0;
    z-index: 10;
}

.panel-action {
    float: left;
    width: 20px;
}


/*submenu navigazione (da mdp)*/


/* #########  submenu applicazione verticale  ######### */

.submenu-vert-nav .submenu-vert-nav-inner {
    padding: 2px 0 0 0;
    text-transform: uppercase;
}

.submenu-vert-nav .submenu-vert-nav-inner {
    padding: 2px 0 0 0;
}

.submenu-vert-nav .submenu-vert-nav-scroller-wrap {
    padding: 0 30px;
}

.submenu-vert-nav .submenu-vert-nav-scroller {
    position: relative;
    height: 50px;
    margin-bottom: 20px;
}

.submenu-vert-nav .submenu-vert-nav-scroller img {
    width: 32px;
}

.submenu-vert-nav .submenu-vert-nav-scroller .slick-slide {
    vertical-align: middle;
    outline: none;
    margin-right: 35px;
    height: 80px;
}

.submenu-vert-nav .submenu-vert-nav-scroller .slick-slide a {
    color: #787878;
    line-height: 20px;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 600;
    display: table-cell;
    vertical-align: middle;
    border: 1px solid #ececec;
    border-radius: 30px;
    padding: 0 20px;
    height: 50px;
}

.mass-message-action {
    border-bottom: 1px solid #ccc;
}

.dropdown-toggle-nofifiche-myposte-on {
    position: relative;
}

.dropdown-toggle-nofifiche-myposte-on::after {
    content: "";
    display: block;
    position: absolute;
    left: 11px;
    top: 25px;
    background-color: #0047bb;
    height: 8px;
    width: 8px;
    border-radius: 20px;
}

.content-federation-bar .federation-bar-wrap ul.dropdown-menu-federation::before,
.content-header ul.dropdown-menu-federation::before {
    right: 7px
}

.submenu-vert-nav .submenu-vert-nav-scroller .slick-slide {
    margin-right: 5px
}

.filter-search-myposte-notice-board .box-evidence {
    border: none;
    padding: 0;
}

.content-federation-bar .federation-bar-wrap a.dropdown-toggle-nofifiche-myposte,
.content-header a.dropdown-toggle-nofifiche-myposte {
    background-image: url(/risorse_dt/applicazioni/myposte/immagini/ic_bell.png);
    background-size: 16px;
}

.header-minified .federation-bar-wrap-right a.dropdown-toggle-nofifiche-myposte {
    background-image: url(/risorse_dt/applicazioni/myposte/immagini/ic_bell.png);
    background-size: 17px;
    height: 18px;
}

.tag-myposte-notice-board .cookie-link-default:hover,
.tag-myposte-notice-board .cookie-link-default:focus,
.tag-myposte-notice-board .cookie-link-default.active,
.tag-myposte-notice-board cookie-link-default:active,
.tag-myposte-notice-boar.cookie-link-default.focus {
    background-color: #0047bb !important;
    color: #fff !important;
    box-shadow: none;
}

.submenu-vert-nav .submenu-vert-nav-scroller .slick-slide.active-element::before {
    display: none !important;
}

.submenu-vert-nav .submenu-vert-nav-scroller .slick-slide a:hover {
    color: #0047bb;
    text-decoration: none;
}

.submenu-vert-nav .submenu-vert-nav-scroller .slick-slide.active-element {
    position: relative;
}

.submenu-vert-nav .submenu-vert-nav-scroller .slick-slide.active-element::before {
    border-left: 17px solid transparent;
    border-top: 17px solid transparent;
    border-bottom: 17px solid #ececec;
    border-right: 17px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.submenu-vert-nav .submenu-vert-nav-scroller .slick-slide.active-element a {
    color: #0047bb;
    border-color: #0047bb;
}

.submenu-need .submenu-need-scroller .scroller-need-item a {
    background-position: left 1px center;
    background-repeat: no-repeat;
    background-size: 32px;
    padding-left: 46px;
}


/*stop*/

.panel-marketing {
    float: left;
    width: 110px;
}

.ico-dot-new-message {
    text-indent: -9999px;
    content: "";
    right: -14px;
    top: 5px;
    background: #0047bb no-repeat center;
    height: 10px;
    width: 10px;
    display: block;
    border-radius: 20px;
    position: absolute;
}

.panel-marketing .panel-marketing-bg-rounded {
    background-color: #d9e4f5;
    width: 70px;
    height: 70px;
    border-radius: 35px;
    margin: 0 auto;
}

.panel-cards-edge:last-child {
    border-bottom: 1px solid #ececec !important;
}


/***************************/


/******* Bacheca  *******/


/***************************/


/*.content-myposte-notice-board .select-wrapper,
.content-myposte-notice-board .holder {
    max-width: 150px;
}
*/

.content-myposte-notice-board-message ul.list-attatchments {
    padding: 0;
    margin: 0;
}

.content-myposte-notice-board-message .list-attatchments li {
    background-image: url("/risorse_dt/condivise/immagini/icone/icone-default-on/ico-downloadpay.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 24px;
    list-style: none;
    padding: 2px 0 8px 35px;
    margin: 0 0 5px;
}

.myposte-notice-board-message-dowload-all {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
}

.show-other a {
    font-size: 0.9rem;
    font-weight: 600;
    padding: 0 25px 0px 0;
    background-image: url("/risorse_dt/condivise/immagini/icone/icone-tonde-16-blue/ico-piu-blu.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 16px;
}


/***************************/


/******* Spalla Destra  *******/


/***************************/

.panel-message-boards .panel-wrap-pre {
    background-color: #ececec;
}

.panel-message-boards .panel-heading .panel-heading-subtitle {
    color: #222427;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
}

.panel-message-boards {
    border: 1px solid #ececec;
    margin-bottom: 0;
    position: relative;
    transition: box-shadow 0.5s linear 0s;
}

.panel-message-boards .panel-body {
    padding: 0;
}

.panel-message-boards .panel-body p {
    color: #787878;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
}

.panel-message-boards .panel-body .from {
    margin-bottom: 3px;
    font-weight: 600;
}

.panel-message-boards .panel-body .message-title {
    margin-bottom: 3px;
    font-weight: 600;
    color: #222427;
}

.panel-message-boards .new {
    background-image: url("/risorse_dt/condivise/immagini/icone/ico-pallino-giallo.png");
    background-position: 4% 28%;
    background-repeat: no-repeat;
}

.panel-message-boards .panel-wrap {
    padding: 20px 30px 20px 30px;
}

.title-not-found {
    font-weight: 300 !important;
    color: #0047bb !important;
}


/***************************/


/******* Cockpit (inizio sviluppo 11/11/2021)  *******/


/***************************/

.myposte-profile .panel-cards-cta .panel-link-pos1 .btn-card span,
.myposte-profile .panel-cards-cta .panel-link-abs .btn-card span {
    padding: 4px 34px 4px 20px;
    width: auto;
    background-position: right 13px center;
    text-indent: 0;
}

.myposte-profile .panel-cards-cta .panel-wrap {
    padding-bottom: 70px;
}


/* gestione progress bar */

.content-progress-bar-myposte {
    width: 150px;
    height: 150px;
    line-height: 150px;
    background: none;
    margin: 0 auto;
    box-shadow: none;
    position: relative;
    z-index: 1;
}

.content-progress-bar-myposte:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 12px solid #fff;
    position: absolute;
    top: 0;
    left: 0;
}

.content-progress-bar-myposte>span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
}

.content-progress-bar-myposte .progress-left {
    left: 0;
}

.content-progress-bar-myposte .progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: 7px;
    border-style: solid;
    position: absolute;
    top: 0;
}

.content-progress-bar-myposte .progress-left .progress-bar {
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}

.content-progress-bar-myposte .progress-right {
    right: 0;
}

.content-progress-bar-myposte .progress-right .progress-bar {
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
}

.content-progress-bar-myposte .progress-value {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    text-indent: -9999px;
    font-size: 24px;
    color: #006dd4;
    line-height: 85px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    padding: 10px;
}

.content-progress-bar-myposte .progress-value-myposte-home:hover {
    text-indent: initial;
    background-color: #fff;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
    padding: 10px;
    width: 80px;
    height: 80px;
    top: 35px;
    line-height: 63px;
    text-align: center;
    left: 35px;
    font-weight: 600;
}

.content-progress-bar-myposte .progress-value-myposte-home span {
    text-indent: -9999px;
    position: absolute;
}

.content-progress-bar-myposte.content-progress-bar-myposte-blue .progress-bar {
    border-color: #006dd4;
}


/* settaggi progress bar circle */


/* SETTINGS IMMAGINE AVATAR 1X */

.progress-value-base {
    background: url("/risorse_dt/applicazioni/myposte/immagini/profilo-base.png") no-repeat center center;
    background-size: calc(100% - 26px);
}

.progress-value-avanzato {
    background: url("/risorse_dt/applicazioni/myposte/immagini/profilo-avanzato.png") no-repeat center center;
    background-size: calc(100% - 26px);
}

.progress-value-completo {
    background: url("/risorse_dt/applicazioni/myposte/immagini/profilo-completo.png") no-repeat center center;
    background-size: calc(100% - 26px);
}


/* SETTINGS ANIMAZIONE */


/* valore 0% */

.content-progress-bar-myposte-0 .progress-right .progress-bar {
    animation: loading-0 1.8s linear forwards;
}

.content-progress-bar-myposte-0.content-progress-bar-myposte-blue .progress-left .progress-bar {
    animation: loading-0 1.5s linear forwards 1.8s;
}


/* valore 15% */

.content-progress-bar-myposte-15 .progress-right .progress-bar {
    animation: loading-5 1.8s linear forwards;
}

.content-progress-bar-myposte-15.content-progress-bar-myposte-blue .progress-left .progress-bar {
    animation: loading-0 1.5s linear forwards 1.8s;
}


/* valore 25% */

.content-progress-bar-myposte-25 .progress-right .progress-bar {
    animation: loading-3 1.8s linear forwards;
}

.content-progress-bar-myposte-25.content-progress-bar-myposte-blue .progress-left .progress-bar {
    animation: loading-0 1.5s linear forwards 1.8s;
}


/* valore 50% */

.content-progress-bar-myposte-50 .progress-right .progress-bar {
    animation: loading-1 1.8s linear forwards;
}

.content-progress-bar-myposte-50.content-progress-bar-myposte-blue .progress-left .progress-bar {
    animation: loading-0 1.5s linear forwards 1.8s;
}


/* valore 65% */

.content-progress-bar-myposte-65 .progress-right .progress-bar {
    animation: loading-1 1.8s linear forwards;
}

.content-progress-bar-myposte-65.content-progress-bar-myposte-blue .progress-left .progress-bar {
    animation: loading-5 1.5s linear forwards 1.8s;
}


/* valore 75% */

.content-progress-bar-myposte-75 .progress-right .progress-bar {
    animation: loading-1 1.8s linear forwards;
}

.content-progress-bar-myposte-75.content-progress-bar-myposte-blue .progress-left .progress-bar {
    animation: loading-3 1.5s linear forwards 1.8s;
}


/* valore 100% */

.content-progress-bar-myposte-100 .progress-right .progress-bar {
    animation: loading-1 1.8s linear forwards;
}

.content-progress-bar-myposte-100.content-progress-bar-myposte-blue .progress-left .progress-bar {
    animation: loading-1 1.5s linear forwards 1.8s;
}


/* SETTINGS PERCENTUALE */

@keyframes loading-0 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes loading-1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

@keyframes loading-2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(144deg);
        transform: rotate(144deg);
    }
}

@keyframes loading-3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

@keyframes loading-4 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(36deg);
        transform: rotate(36deg);
    }
}

@keyframes loading-5 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(54deg);
        transform: rotate(54deg);
    }
}

@media only screen and (max-width: 990px) {
    .progress {
        margin-bottom: 20px;
    }
}


/* end settaggi */


/*xs*/

@media (max-width: 767px) {
    .myposte-header .welcome .abstract h1 {
        font-size: 30px
    }
    .panel-cards-bg-double-myposte {
        background-size: 112% 220px;
    }
    .myposte-disclamer {
        position: absolute;
        font-size: 13px;
        left: 10%;
        top: 0;
        background-color: #fff;
        padding: 0 7px;
        display: inline;
        height: 25px;
        line-height: 25px;
    }
    .myposte-header .welcome .abstract h1 span {
        display: block;
        font-size: 35px;
        font-weight: 600;
    }
    .main-post-login fieldset .content-user-data {
        padding: 0;
    }
    .main-post-login fieldset .content-user-data-edit {
        padding: 10px;
    }
    ol.privacy-list {
        padding: 0 0 0 20px;
    }
    .content-notice-board .panel-cards .action-message {
        display: none;
    }
    .panel-cards-bg-double-myposte {
        padding-top: 155px;
    }
    .content-notice-board .panel-cards:hover .line-clamp::after,
.content-notice-board .panel-cards:hover .line-clamp::before {
    background-color: #fff;
}
    .myposte-header .content-pre-main ul#menu li.li-list-top-01 a {
        background-image: url("/risorse_dt/condivise/immagini/icone/icone-default-on/ico-cruscotto.png");
        background-repeat: no-repeat;
        background-position: left top;
        background-size: 24px;
        width: 25px;
        height: 25px;
    }
    .myposte-header .content-pre-main ul#menu li.li-list-top-01 a {
        text-indent: -9999px;
    }
    .myposte-header .content-pre-main ul#menu li.li-list-top-01 a:hover {
        background-image: url("/risorse_dt/condivise/immagini/icone/icone-default-blue/ico-cruscotto.png");
        background-repeat: no-repeat;
        background-position: left top;
        width: 25px;
        height: 25px;
    }
    .myposte-header .content-pre-main ul#menu li.li-list-top-01 a.active {
        background-image: url("/risorse_dt/condivise/immagini/icone/icone-default-blue/ico-cruscotto.png");
        background-repeat: no-repeat;
        background-position: left top;
        width: 25px;
        height: 25px;
    }
    .myposte-header .content-pre-main ul#menu li.li-list-top-02 a {
        background-image: url("/risorse_dt/condivise/immagini/icone/icone-default-on/ico-bacheca.png");
        background-repeat: no-repeat;
        background-position: left top;
        background-size: 24px;
        width: 25px;
        height: 25px;
    }
    .myposte-header .content-pre-main ul#menu li.li-list-top-02 a {
        text-indent: -9999px;
    }
    .myposte-header .content-pre-main ul#menu li.li-list-top-02 a:hover {
        background-image: url("/risorse_dt/condivise/immagini/icone/icone-default-blue/ico-bacheca.png");
        background-repeat: no-repeat;
        background-position: left top;
        width: 25px;
        height: 25px;
    }
    .myposte-header .content-pre-main ul#menu li.li-list-top-02 a.active {
        background-image: url("/risorse_dt/condivise/immagini/icone/icone-default-blue/ico-bacheca.png");
        background-repeat: no-repeat;
        background-position: left top;
        width: 25px;
        height: 25px;
    }
    .myposte-header .content-pre-main ul#menu li.li-list-top-03 a {
        background-image: url("/risorse_dt/condivise/immagini/icone/icone-default-on/ico-appuntamenti.png");
        background-repeat: no-repeat;
        background-position: left top;
        background-size: 24px;
        width: 25px;
        height: 25px;
    }
    .myposte-header .content-pre-main ul#menu li.li-list-top-03 a {
        text-indent: -9999px;
    }
    .myposte-header .content-pre-main ul#menu li.li-list-top-03 a:hover {
        background-image: url("/risorse_dt/condivise/immagini/icone/icone-default-blue/ico-appuntamenti.png");
        background-repeat: no-repeat;
        background-position: left top;
        width: 25px;
        height: 25px;
    }
    .myposte-header .content-pre-main ul#menu li.li-list-top-03 a.active {
        background-image: url("/risorse_dt/condivise/immagini/icone/icone-default-blue/ico-appuntamenti.png");
        background-repeat: no-repeat;
        background-position: left top;
        width: 25px;
        height: 25px;
    }
    .myposte-header .content-pre-main ul#menu li.li-list-top-04 a {
        background-image: url("/risorse_dt/condivise/immagini/icone/icone-default-on/ico-impostazioni.png");
        background-repeat: no-repeat;
        background-position: left top;
        background-size: 24px;
        width: 25px;
        height: 25px;
    }
    .myposte-header .content-pre-main ul#menu li.li-list-top-04 a {
        text-indent: -9999px;
    }
    .myposte-header .content-pre-main ul#menu li.li-list-top-04 a:hover {
        background-image: url("/risorse_dt/condivise/immagini/icone/icone-default-blue/ico-impostazioni.png");
        background-repeat: no-repeat;
        background-position: left top;
        width: 25px;
        height: 25px;
    }
    .myposte-header .content-pre-main ul#menu li.li-list-top-04 a.active {
        background-image: url("/risorse_dt/condivise/immagini/icone/icone-default-blue/ico-impostazioni.png");
        background-repeat: no-repeat;
        background-position: left top;
        width: 25px;
        height: 25px;
    }
    .panel-message-boards .new {
        background-position: 11px 26px;
    }
    table.table-msg-board .msg-board-selection,
    table.table-msg-board .msg-board-sender {
        display: none;
    }
    .panel-wrap {
        position: relative
    }
    .content-notice-board .panel-cards-edge {
        padding: 10px 0 10px 10px;
    }
    .attachments span.attachment-item-second {
        display: none
    }
    .content-status {
        margin-top: 10px
    }
    .thumbnail-message img {
        height: 55px;
        width: 55px;
    }
    .panel-marketing .panel-marketing-bg-rounded {
        width: 55px;
        height: 55px;
    }
    .panel-action {
        position: absolute;
        left: calc(50% - 10px);
        top: calc(50% - 10px);
    }
    .content-notice-board .action-message-mobile .dropdown-menu {
        top: 34px;
        border-radius: 0;
        border-top: none;
        font-size: 1rem;
        left: -155px;
        width: 300px;
    }
    .content-notice-board .action-message-mobile .dropdown-menu>li>a:hover,
    .content-notice-board .action-message-mobile .dropdown-menu>li>a:focus {
        background-color: #F2F8FF;
    }
    .content-notice-board .panel-cards:hover .panel-marketing-bg-rounded {
        background-color: #d9e4f5;
    }
    .panel-marketing .panel-marketing-bg-rounded img {
        position: absolute;
        top: calc(50% - 14px);
        left: calc(50% - 8px)
    }
    .content-notice-board .panel-cards:hover {
        background: #fff;
    }
    .content-notice-board .panel-cards:hover .date-message {
        visibility: visible;
    }
    .panel-cards-edge-message .ico-message {
        padding: 0;
    }
    .not-selected-mobile {
        display: none;
    }
    .panel-marketing {
        width: auto
    }
    .container-panel-action {
        width: 65px;
    }
    .content-notice-board .panel-cards-edge {
        min-height: auto;
    }
    .custom-checkbox {
        background-color: #fff;
    }
    .content-status {
        width: auto;
    }
    .content-status .date-message,
    .content-status .action-message {
        position: static
    }
    .container-panel-message,
    .submenu-product-scroller-myposte-bacheca .container-panel-message {
        width: 100%;
        margin-top: 0;
        float: none;
    }
    .content-notice-board .radio,
    .content-notice-board .checkbox {
        margin: 0;
    }
    .panel-cards-edge-message-full-banner .content-message {
        left: 0px;
    }
    .content-message,
    .submenu-product-scroller-myposte-bacheca .content-message {
        width: auto;
        float: none;
        padding-left: 70px;
    }
    .container-panel-action,
    .submenu-product-scroller-myposte-bacheca .container-panel-action {
        width: 55px;
        margin-right: 15px;
        position: relative;
    }
    /*
    .thumbnail-message.selected-mobile,
    .action-message,
    .container-panel-action.selected-mobile img {
        display: none
    }*/
    .content-notice-board .mass-message-action .action-message a {
        border: none;
    }
    .attachments span:last-child {
        white-space: nowrap;
    }
    .panel-cards-edge-message-full-banner .container-panel-message {
        width: 100%;
        padding: 0;
        background-position: right;
    }
    .thumbnail-message.notify-dot-locked::after {
        right: 0;
    }
    .attachments span.attachment-item a {
        font-size: 90%;
        padding: 5px 16px;
        display: block;
        max-width: 170px;
        margin-bottom: 5px
    }
    .panel-cards-edge-message-full-banner .panel-action {
        left: 16px;
        top: 50px;
    }
}


/*sm*/

@media (min-width: 768px) and (max-width: 991px) {
    .panel-cards-bg-double-myposte {
        background-size: 120% 220px;
    }
    .myposte-disclamer {
        position: absolute;
        font-size: 13px;
        left: 10%;
        top: 0;
        background-color: #fff;
        padding: 0 7px;
        display: inline;
        height: 25px;
        line-height: 25px;
    }
    .panel-message-boards .new {
        background-position: 11px 27px;
    }
    .container-panel-message {
        width: 467px;
    }
    .panel-cards-bg-double-myposte {
        /*background-image: none !important;*/
        padding-top: 165px;
    }
    .content-message {
        width: 350px;
    }
    .submenu-product-scroller-myposte-bacheca .container-panel-message {
        width: 545px;
    }
    .submenu-product-scroller-myposte-bacheca .content-message {
        width: 414px;
    }
    .panel-cards-edge-message-full-banner .container-panel-message {
        float: none;
    }
    .attachments span.attachment-item-second {
        display: none
    }
    .panel-cards-edge-message-full-banner .container-panel-message {
        float: right;
        width: 556px;
    }
    .panel-cards-edge-message-full-banner .content-message {
        left: 20px
    }
}


/*md*/

@media (min-width: 992px) and (max-width: 1199px) {
    .myposte-disclamer {
        position: absolute;
        font-size: 13px;
        left: -90px;
        bottom: 10px;
    }
    .container-panel-message {
        width: 673px;
    }
    .content-message {
        width: 331px;
    }
    .panel-cards-edge-message-full-banner .content-message {
        left: 20px;
    }
    .panel-cards.panel-cards-bg-double-myposte {
        background-position: top left -100%;
    }
    .attachments span.attachment-item-second {
        display: none;
    }
    .panel-cards-edge-message-full-banner .container-panel-message {
        float: right;
        width: 775px;
    }
    .submenu-product-scroller-myposte-bacheca .container-panel-message {
        width: 745px;
    }
    .submenu-product-scroller-myposte-bacheca .content-message {
        width: 550px;
    }
}

@media (min-width: 1199px) {
    .dropdown-menu.dropdown-menu-federation .content-notice-board .panel-cards-edge-message-full-banner .container-panel-message {
        width: 645px;
    }
}


/* High res Display  */

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi) {
    .myservices-tools a {
        background-image: url("/risorse_dt/condivise/immagini/icone/icone-tonde-16-blue-2x/ico-freccia-blu@2x.png");
    }
    .myservices-tools a.cancels {
        background-image: url("/risorse_dt/condivise/immagini/icone/icone-tonde-16-blue-2x/ico-ics-blu@2x.png");
    }
    .myservices-other a,
    .other a {
        background-image: url("/risorse_dt/condivise/immagini/icone/icone-tonde-16-blue-2x/ico-freccia-blu@2x.png");
    }
    .content-myposte-notice-board-message .list-attatchments li {
        background-image: url("/risorse_dt/condivise/immagini/icone/icone-default-on-2x/ico-downloadpay@2x.png");
    }
    .panel-message-boards .new {
        background-image: url("/risorse_dt/condivise/immagini/icone/ico-pallino-giallo.png");
    }
    .show-other a {
        background-image: url("/risorse_dt/condivise/immagini/icone/icone-tonde-16-blue-2x/ico-piu-blu@2x.png");
    }
    .panel-cards-edge:not(.panel-cards-news) .panel-link .btn-card span {
        background-image: url("/risorse_dt/condivise/immagini/generiche/ico-arrow-grey-right@2x.png");
    }
    .progress-value-base {
        background-image: url("/risorse_dt/applicazioni/myposte/immagini/profilo-base@2x.png");
    }
    .progress-value-avanzato {
        background-image: url("/risorse_dt/applicazioni/myposte/immagini/profilo-avanzato@2x.png");
    }
    .progress-value-completo {
        background-image: url("/risorse_dt/applicazioni/myposte/immagini/profilo-completo@2x.png");
    }
}


/* High res Display and XS */

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px),
only screen and (min-resolution: 192dpi) and (max-width: 767px) {
    .myposte-header .content-pre-main ul#menu li.li-list-top-01 a {
        background-image: url("/risorse_dt/condivise/immagini/icone/icone-default-on-2x/ico-cruscotto@2x.png");
    }
    .content-federation-bar .federation-bar-wrap a.dropdown-toggle-nofifiche-myposte,
    .content-header a.dropdown-toggle-nofifiche-myposte {
        background-image: url(/risorse_dt/applicazioni/myposte/immagini/ic_bell@2x.png);
    }
    .myposte-header .content-pre-main ul#menu li.li-list-top-01 a:hover,
    .myposte-header .content-pre-main ul#menu li.li-list-top-01 a.active {
        background-image: url("/risorse_dt/condivise/immagini/icone/icone-default-blue-2x/ico-cruscotto@2x.png");
    }
    .myposte-header .content-pre-main ul#menu li.li-list-top-02 a {
        background-image: url("/risorse_dt/condivise/immagini/icone/icone-default-on-2x/ico-bacheca@2x.png");
    }
    .myposte-header .content-pre-main ul#menu li.li-list-top-02 a:hover,
    .myposte-header .content-pre-main ul#menu li.li-list-top-02 a.active {
        background-image: url("/risorse_dt/condivise/immagini/icone/icone-default-blue-2x/ico-bacheca@2x.png");
    }
    .myposte-header .content-pre-main ul#menu li.li-list-top-03 a {
        background-image: url("/risorse_dt/condivise/immagini/icone/icone-default-on-2x/ico-appuntamenti@2x.png");
    }
    .myposte-header .content-pre-main ul#menu li.li-list-top-03 a:hover,
    .myposte-header .content-pre-main ul#menu li.li-list-top-03 a.active {
        background-image: url("/risorse_dt/condivise/immagini/icone/icone-default-blue-2x/ico-appuntamenti@2x.png");
    }
    .myposte-header .content-pre-main ul#menu li.li-list-top-04 a {
        background-image: url("/risorse_dt/condivise/immagini/icone/icone-default-on-2x/ico-impostazioni@2x.png");
    }
    .myposte-header .content-pre-main ul#menu li.li-list-top-04 a:hover,
    .myposte-header .content-pre-main ul#menu li.li-list-top-04 a.active {
        background-image: url("/risorse_dt/condivise/immagini/icone/icone-default-blue-2x/ico-impostazioni@2x.png");
    }
}