/* Categorie impresa */

.container-categorie {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    margin-top: 0;
    margin-right: 12px;
    margin-bottom: 12px;
    padding: 12px 16px;
    border-radius: 10px;
    background-color: #dfe7ee;
    box-shadow: rgba(240, 244, 247, 1) 0 0 0 1px inset, rgba(129, 133, 238, .1) 0 2px 4px 0 inset;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    min-width: 140px;
    justify-content: center;
}
.container-categorie.verde {
background-color: #edf8d5;
}
.container-categorie.indaco {
background-color: #e1e2fa;
}
.etichetta-categoria {
    margin-bottom: 0px;
    margin-left: 8px;
}

.responsive-card-padding {
    padding: 22px !important;
}

/* Titoli */
.h3-blu {
    color: #14568a
}

/* Gestione background */
.container-grid.background-pattern-dx {
    background-size: auto auto, 1650px auto !important;
  }

  ul.list-container.navbar-nav {
    background-size: auto auto, 1650px auto !important;
  }

  .container-grid.background-pattern-sx {
    background-size: auto auto, 1650px auto !important;
  }

  .container-grid.col-funzionalita.col-funzionalita-img {
    background-size: auto auto, 1650px auto !important;
  }

/* Bottoni */
.dropbtn:focus {
    outline: none;   
   }

   .link-container-verticali:hover .h6-etichetta-verticalizzazioni {
    color: #14568a;
  }
  
  .link-container-verticali:hover .etichetta-verticalizzazione {
    -webkit-filter: none;
      filter: none;
  }

  .dropdown-bootstrap:hover #navbarSubnav-copy-1 {
    display: block;
  }
  .dropdown-bootstrap:hover .button.dropbtn {
    background: #F0F4F7 !important;
  }

  .link-container-verticali:hover .etichetta-verticalizzazione {
    -webkit-filter: none;
      filter: none;
  }

  a.link-container.link-container-verticali.verticali-sol-spec:hover {
    text-decoration: none;
  }
  
  a.link-container.link-container-verticali.verticali-sol-spec:hover:hover .paragraph.p-etichetta-verticalizzazione.sol-spec {
    text-decoration: underline;
  }

  .icon-subnav {
    width: 25px;
    margin-right: 4px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    color: #a1bbd0;
}

 .verticali-sol-spec:hover .icon-subnav {
    color: #14568A;
    text-decoration: none;
}

  .icon-subnav:hover {
    color: #14568A;
    text-decoration: none;
}

.link-button-glyph.btn.btn-blu:active .link-button-text {
    color: #a1bbd0;
}
  .link-button-glyph.btn.btn-blu:active .coffeecup-icons-paperplane {
    color: #a1bbd0;
}
.btn.btn-blu {
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.coffeecup-icons-paperplane {
    vertical-align: baseline;   
   }

   .link-button.tabslink {
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
}

.link-button-glyph.btn.btn-blu:active .link-button-text {
    color: #a1bbd0;
}
  .link-button-glyph.btn.btn-blu:active .coffeecup-icons-arrow-right2 {
    color: #a1bbd0;
}
.btn.btn-blu {
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.link-button-glyph.btn.btn-verde-scuro:active .link-button-text {
    color: #8FC2A6;
}
  .link-button-glyph.btn.btn-verde-scuro:active .coffeecup-icons-paperplane {
    color: #8FC2A6;
}
.btn.btn-blu {
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.link-container.contatti-riga:hover .p-footer {
    color: #f0f4f7;
    text-decoration: underline;
}
.icon-contatti {
    width: 25px;
    height: 25px;
    display: flex;
    flex-direction: row;
    justify-content: left;
}

.social-button {
    width: 25px;
    height: 25px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    border-radius: 8px;
    text-decoration: none !important;
}

 .social-button:hover {
    background: #14568A;
}

 .social-button:active {
    background: #14568A40;
}

.social-icon {
    color: #a1bbd0;
    align-self: center;
}

.social-button:hover .social-icon {
    color: #F0F4F7;
}

/* Video */
.video {
    aspect-ratio: 16 / 9;
 }

/* Spaziature */
.margin-bottom-responsive {
  margin-bottom: 22px;
}
@media screen and (min-width: 36rem) {
  .margin-bottom-responsive {
    margin-bottom: 35px;
  }
}
@media screen and (min-width: 75rem) {
  .margin-bottom-responsive {
    margin-bottom: 44px;
  }
}
.padding-responsive {
  padding: 22px;
}
@media screen and (min-width: 28.75rem) {
  .padding-responsive {
      padding: 22px;
  }
}
@media screen and (min-width: 36rem) {
  .padding-responsive {
      padding: 22px;
  }
}
@media screen and (min-width: 48rem) {
  .padding-responsive {
      padding: 35px;
  }
}
@media screen and (min-width: 75rem) {
  .padding-responsive {
      padding: 44px;
  }
}
.margin-bottom-l {
  margin-bottom: 110px;
}

/* Allineamento */
.container-centrato-oriz {
  margin-left: auto;
  margin-right: auto;
}
.col-centrata-vert {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.txt-align {
  text-align: center;
}
@media screen and (min-width: 28.75rem) {
  .txt-align {
      text-align: center;
  }
}
@media screen and (min-width: 36rem) {
  .txt-align {
      text-align: center;
  }
}
@media screen and (min-width: 48rem) {
  .txt-align {
      text-align: left;
  }
}
@media screen and (min-width: 75rem) {
  .txt-align {
      text-align: left;
  }
}

p.paragraph.p-verde {
  color: #3a885e;
}

p.paragraph.p-blu {
  color: #14568A;
}

.bold-verde-1 {
font-weight: 600;
color: #3a885e;
}

.bold-blu {
font-weight: 600;
color: #14568A;
}

.col-ul-custom {
  padding: 0px 0px 0px 15px;
}
@media screen and (min-width: 28.75rem) {
  .col-ul-custom {
      padding: 0px 0px 0px 15px;
  }
}
@media screen and (min-width: 36rem) {
  .col-ul-custom {
      padding: 0px;
  }
}
@media screen and (min-width: 75rem) {
  .col-ul-custom {
      padding: 0px;
  }
}

.container-grid.sezione-blu {
border-top: .1875rem solid #DFE7EE;
border-bottom: .1875rem solid #DFE7EE;
background-color: #C0D1DF;
}

form.form-container.green-form {
position: relative;
z-index: 1;
margin-right: auto;
margin-left: auto;
max-width: 1200px;
border: .0625rem solid #aadb42;
border-radius: 44px;
background-color: #edf8d5;
}

.icon-btn-header {
  width: 34px;
  height: 34px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  border-radius: 100px;
  background: #3A885E;
  box-shadow: rgba(161, 187, 208, 1) 0 0 0 2px inset, #dfdfdf 0 1px 0 0;
 -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  margin-left: 0px;
  margin-bottom: 20px;
}
 
  .icon-btn-header:hover {
  box-shadow: rgba(161, 187, 208, 1) 0 0 0 4px inset, #dfdfdf 0 1px 0 0;
 -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
 
   .icon-btn-header:active {
  box-shadow: rgba(161, 187, 208, 1) 0 0 0 2px inset, #dfdfdf 0 1px 0 0;
 -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
 
    .icon-btn-header:active .icon-btn-header::before  {
  color: #a1bbd0;
}
@media screen and (min-width: 48rem) {
  .icon-btn-header {
      margin-left: 12px;
      margin-bottom: 0px;
  }
}

/* Separatori */
.hr-verde {
  margin-bottom: 22px;
  margin-top: 22px;
  border: 0;
  border-top-width: 0px;
  border-top-style: none;
  border-top-color: currentcolor;
  border-top: 1px solid rgba(141, 192, 34, 0.25);
}



.input-green {
  margin-bottom: 6px;
  padding: 16px 24px;
  width: 100%;
  border-style: solid;
  border-color: #3a885e;
  border-radius: 20px;
  background-color: #f8fcf0;
}
.input-green:hover {
  box-shadow: rgba(129, 133, 238, .35) 0 0 20px 0;
  background: #F8FCF0;
  background-color: rgb(248, 252, 240);
  border: solid 2px #F8FCF0 !important;
}
.input-green:hover {
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s;
}
.input-green:focus {
  box-shadow: rgba(129, 133, 238, .35) 0 0 20px 0;
  background: #F8FCF0;
  background-color: rgb(248, 252, 240);
  border: solid 2px #F8FCF0 !important;
}
.input-green:focus {
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s;
}
.select.drop-down-categoria {
  background: #F0F4F7;
  border: solid 2px #14568A;
  border-radius: 20px;
  height: 60.6px;
  padding: 0px 12px;
}
.select.drop-down-categoria:hover {
  box-shadow: rgba(129, 133, 238, .35) 0 0 20px 0;
  background: #F0F4F7;
  border: solid 2px #F0F4F7;
  border-radius: 20px;
  height: 60.6px;
  padding: 0px 12px; 
}