/********************
overrides /rwe2/assets/design-italia/bootstrap-italia/css/bootstrap-italia.min.css
********************/
/*#pageBody h1 {
  display: none;
}*/
a {
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}

#footer {
    text-align: left !important; 
    padding:0 !important;
}
.prefooter {
    font-size: inherit !important;
}
.homePageLayout .grid_12 {
    width: 100% !important;
    margin: 0 !important;
}
.footer-heading-title .icon {
    height: 24px;
}

.it-footer-main {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  font-size: 16px;
}
.it-footer a {font-size: 100% !important;}
.it-footer a:hover {
    
}
.it-footer-small-prints ul.it-footer-small-prints-list {
  padding: 1.5rem 0;
}
.it-footer .it-footer-main .it-brand-wrapper .nextGenerationEULogo {
  margin-top: 10px;
  width: 178px;
  height: 56px;
}
.it-footer .it-footer-main .it-brand-wrapper a {
  display: inline-flex;
}
.it-footer-main .it-brand-wrapper a {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.it-footer .it-footer-main .it-brand-wrapper a .icon {
  width: 75px;
  height: 75px;
  margin-right: 27px;
}
.it-footer-main .it-brand-wrapper .it-brand-text {
  padding-right: 24px;
}

.it-brand-text h2 {
    text-decoration: none !important;
}
.it-brand-wrapper a {
   text-decoration: none !important; 
}
.logoTop {
    height: 100px;
    margin-right: 16px;
}
.navbar {
    margin-bottom:0 !important;
}

.it-footer-small-prints {
    font-size: 15px;
}
.it-footer .it-footer-main h4 {
    font-size: 16px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    margin-bottom: .889rem;
}
.it-footer .it-footer-main h4 a {
    text-decoration: none !important;
}
.it-footer .it-footer-main h4 a:hover {
    text-decoration: underline !important;
}
.it-footer-main .row > div h4, .it-footer-main .row > div .h4 {
    padding-bottom: .889rem;
}
.it-footer .it-footer-main .it-brand-wrapper a .iconLogo {
    width: 45px;
    height: auto !important;
    margin-right: 27px;
}
.it-footer .it-footer-main .it-brand-wrapper a h2 {
    font-size: 1.777778rem;
}
.it-footer .it-footer-main ul {
    list-style: none;
    padding: 0;
}

.breadcrumb-container .breadcrumb {
  padding: .5em 0 !important;
}
.cmp-hero .it-hero-wrapper .it-hero-text-wrapper .hero-title {
    margin-bottom: 8px !important;
}


.it-header-wrapper .it-nav-wrapper {
    position: relative;
    z-index: auto;
}

.it-header-wrapper .it-nav-wrapper .it-header-navbar-wrapper nav {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
@media(min-width:992px) {
    .it-header-wrapper .it-nav-wrapper .it-header-navbar-wrapper nav {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
img, svg {
    vertical-align: middle;
}
.it-brand-wrapper a .icon img {
    max-width: 100%;
    height: auto;
}

.it-header-slim-wrapper a {
    
}

.back-to-top {
    cursor: pointer;
    z-index: 6;
}


.categorySection ul  {
    margin-left:1em !important;
}
.categorySection ul li {
    list-style-position: outside !important;
}

.btn-primary-dark, .btn-primary-dark:hover {
     border:0 !important;
     box-shadow: none;
}
.btn-primary-dark:hover {
     text-decoration: underline !important;
     border:0 !important;
     box-shadow: none;
}
.it-socials-new {
    position:absolute;
    top:2em;
    right:2em;
    z-index: 20;
}
.info ul.dropdown-container  {
  display: inline-flex;
}

.it-header-slim-wrapper .it-header-slim-wrapper-content ul.dropdown-container {
    margin-bottom: 0;
    font-size: 16px;
}
.it-header-slim-wrapper .it-header-slim-wrapper-content ul.dropdown-container > li {
    margin-left:1em;
    list-style: none;
}
.it-header-slim-wrapper .it-header-slim-wrapper-content ul.dropdown-container .link-list-wrapper a {
    white-space: nowrap;
}


.it-header-slim-wrapper .it-header-slim-wrapper-content .it-header-slim-right-zone button {
    border:0;
}
.nolink, .nolink:hover {
    text-decoration: none !important;
    cursor: default;
}


/* we're done here
*********************************************************/

/* The following styles are needed in order to override 
the login styles in /rwe2/css/style.css 
********************************************************
-------------------------------------------------------*/


#login .login-content fieldset.info {
	padding-top:5px;
}
#login .description {
	padding:10px;
}
#login input.button,
#login .login-content fieldset.info input.button {
	font-weight:normal;
	text-shadow:none;
	font-family:Helvetica,Arial,sans-serif;
	letter-spacing: initial;
}
#login input.button:hover,
#login .login-content fieldset.info input.button:hover {
	font-weight:normal;
	text-shadow:none;
}
#login-form {
   box-shadow: none !important;
   padding:0 !important;
}
#login {
	width: 450px;
	font-family: 'Titillium Web', sans-serif;
    line-height: 1.42857143;
	font-size: 14px;
}
#login .login-content {
	margin: 30px 0;
}
#login .login-content fieldset {
/*	text-align: center;*/
}
#login .description {
    background: white;
}
#login input.button {
	float:none;
	display:block;
	margin:0 auto;
	text-transform: uppercase;
	font-weight:normal;
	padding-right: 2.1em !important;
	padding-left: 0.5em !important;
}
.login-content .btn-outline-secondary {
    border:0px !important;
}
.login-content .btn-outline-secondary span {
    font-size: inherit !important;
}
.cfLink {
    padding-top: 7.5px;
    
}


.login-content .form-group label.active {
	line-height: calc(2rem - 1px);/*2rem instead of 2.5rem*/
}
#confirmemailForm input::placeholder {
    visibility: hidden;
    color: transparent;
}

.input-group-addon {
    width: auto !important;
}
.input-group input[type="email"] {
    border: 1px solid #ccc;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.search-link {
    width: 3rem;
    height: 3rem;
    border-radius: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 16px;
    transition: all .3s;
}

/********************
css custom x Mypage
********************/


.link-list-wrapper ul li a:hover:not(.disabled) span {
  text-decoration: underline;
}

/********************
css custom _mobile
********************/


@media (min-width: 992px){
    .navbar .navbar-collapsable .overlay {
      display: none !important;
    }
    .navbar .navbar-collapsable .menu-wrapper .it-brand-wrapper, .navbar .navbar-collapsable .menu-wrapper .it-socials {
        display: none !important;
      }

    .it-header-center-wrapper
      .it-header-center-content-wrapper
      .it-brand-wrapper
      a
      .icon {
      height: 100px;
    }
    
    
    .btn-full {
        padding: 11px 24px!important;
    }
    
    .it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper a .icon {
        width: 50px;
        height: 86px;
        margin-top: 30px;
      }
    
    
}


@media (max-width: 991px) {
    .d-sd-flex {
        display: flex !important;
    }
    
    .navbar .navbar-collapsable .menu-wrapper .it-brand-wrapper .it-brand-text {
        flex: 1;
        padding-left: 1rem;
    }
      
    .navbar .navbar-collapsable .menu-wrapper .it-brand-wrapper h2, .public-ui .navbar .navbar-collapsable .menu-wrapper .it-brand-wrapper .h2 {
        margin-bottom: 0;
        font-size: 1.5rem;
        text-decoration: underline !important;
    }

    .navbar .navbar-collapsable .menu-wrapper .it-brand-wrapper {
        padding: 3rem 1.5rem 1.5rem;
    }

    .navbar .navbar-collapsable .menu-wrapper .it-brand-wrapper a {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .navbar .navbar-collapsable .menu-wrapper .it-socials {
        display: flex !important;
        flex-direction: column;
    }
    
    .navbar .navbar-collapsable .menu-wrapper .navbar-nav {
        margin-left: 0.1rem;
    }
    .navbar .navbar-collapsable .navbar-nav li a.nav-link {
        padding-left: 24px;
        font-size: 18px;
    }
    
    .navbar .navbar-collapsable .menu-wrapper .it-socials:before, 
    .navbar .navbar-collapsable .menu-wrapper .navbar-secondary:before {
        width: 100%;
        max-width: 65px;
        height: 1px;
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
        margin-left: 1.5rem;
        content: "";
    }
    .navbar .navbar-collapsable .menu-wrapper .it-socials span, 
    .navbar .navbar-collapsable .menu-wrapper .it-socials ul {
        padding: 0 1.5rem;
    }
    .navbar .navbar-collapsable .menu-wrapper .it-socials ul {
        margin: 1rem 0;
        list-style: none;
    }
    .navbar .navbar-collapsable .menu-wrapper .it-socials ul li {
        display: inline-block;
        margin: .5rem 1rem .5rem 0;
    }
    .navbar .navbar-collapsable .menu-wrapper .it-socials ul li .icon {
        height: 28px;
        width: 28px;
    }
    .it-header-center-wrapper {
        height: 80px;
        display: flex;
        align-items: center;
        padding-left: 18px;
        padding-right: 18px;
    }
    
    .search-link {
    }
    .btn-full {
        padding: 16px!important;
    }
    
    
    .navbar-collapsable {
      &,
      .public-ui & {
        z-index: 10;
        display: block !important;
        overflow: hidden;
        max-width: 0;
        opacity: 0;
      }

      &.expanded {
        z-index: 1001;
        max-width: 100%;
        opacity: 1;
      }

      .menu-wrapper {

        .it-brand-wrapper {
          padding: 3rem 1.5rem 1.5rem;

          a {
            display: flex;
            align-items: center;
            justify-content: space-between;
          }

          h2 {
            margin-bottom: 0;
            font-size: 1.5rem;
          }

          h3 {
            margin-bottom: 0;
            font-size: 1rem;
          }

          svg {
            width: 3rem;
            height: 3rem;
          }

          .it-brand-text {
            flex: 1;
            padding-left: 1rem;
          }

          a {
            text-decoration: none;
          }
        }

        .navbar-nav {
          li.nav-item {
            &.active {
              a.nav-link {
                
              }
            }

            a.nav-link {
              &.active {
              }
            }
          }
        }

        .it-socials {
          display: flex !important;
          flex-direction: column;

          span,
          ul {
            padding: 0 1.5rem;
          }

          ul {
            margin: 1rem 0;
            list-style: none;

            li {
              display: inline-block;
              margin: 0.5rem 1rem;

              margin-left: 0;

              .icon {
                width: 28px;
                height: 28px;
              }
            }
          }
        }
      }
      
      

      .close-div {
        left: calc(100vw - 48px);
        text-align: center;

        button.close-menu {
          float: none;
          border-radius: 0;

          &:focus {
            outline: none;
          }

        }
      }

      
    }
    
    .fade {
      transition:opacity .15s linear;
      opacity:inherit !important;
     }
     .fade:not(.show) {
      opacity:0;
     }
    
    .it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper a .icon {
        width: 48px;
        height: 48px;
        margin-right: 8px;
        flex-shrink: 0;
    }
}


@media (max-width: 766px) {
    .it-nav-wrapper {
        position:relative;
        z-index: auto;
    }
    .it-header-slim-wrapper {
        padding:0;
    }
    .it-header-navbar-wrapper {
        transition: padding-top .3s ease;
        position: absolute;
        z-index: 3;
        left: 0%;
        top: 20%;
        margin-top: 0px;
        background: transparent;
    }
}

@media ( max-width: 991px ) and (min-width: 767px) {
    .it-nav-wrapper {
        position:relative;
        z-index: auto;
    }
    .it-header-navbar-wrapper {
        transition: padding-top .3s ease;
        position: absolute;
        z-index: 3;
        left: 0%;
        top: 20%;
        margin-top: 0px;
        background: transparent;
    }
    .it-header-slim-wrapper {
        padding:0;
    }
}


/*************
override comunicazioni formali
***************/
.formalcommunications-list .item .panel-heading {
    text-transform: none;
    font-weight: 700 !important;
}
.formalcommunications-list .text-muted {
}

.formalcommunications-list .item ul.attachments {
}
.formalcommunications-list .item ul.attachments a {
}
.formalcommunications-list .item .iuSearchRow_operationsContainer.myrequests.fc-reply .btnSend,
.contactform-container.formalcommunication-reply-container .operationsContainer .btnSend {
    text-decoration: none; 

}
.formalcommunications-list .item .iuSearchRow_operationsContainer.myrequests.fc-reply .btnSend:hover {
    text-decoration: none;   
}