body .chip {
 background-color: #eaeaea;
 color: #212121;
 border-radius: 16px;
 padding: 0 0.5rem;
 margin-right: 5px;
}
.chip.neutrale {
 background-color: #eaeaea;
 color: #212121;
}
.chip.evidenza {
 background-color: #f6b73c;
 color: black;
}
.chip.allerta {
 background-color: #D32F2F;
 color: white;
}
.chip.primario {
 background: #0096E5;;
 color: white;
}
.chip.disabilitato {
 background: white;
 color: black;
}
.chip {
 display: inline-flex;
 align-items: center;
}
.chip-container {
 position: absolute;
 bottom: 15px;
 left:15px;
}
body .chip .chip-text {
 line-height: 1.5;
 margin-top: 0.25rem;
 margin-bottom: 0.25rem;
 font-size: 0.80rem;
}
.ui-dataview.servizi .ui-dataview-content {
 padding: 0;
 background-color: unset;
}
.container {
 display: flex;
 align-items: center;
 justify-content: flex-start;
}
.image {
 padding-right: 10px;
}
.servizio {
 height:300px;
 position: relative;
 color:#212121;
}
.servizio:hover {
 background-color: #e8e8e8;
 color: #212121;
}
.servizio {
 height:300px;
 position: relative;
 color:#212121;
}
.title-card {
 background-size: cover;
 background-position: 60% 40%;
 background-image: linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,.7)), url(../resources/img/appuntamenti.jpg);
}
.card-subtitle {
 font-weight: 400;
 margin-bottom: 0.5rem;
}

.landing-wrapper #header {
 background-size: cover;
 background-position: 60% 40%;
 background-image: linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,.7)), url(../resources/img/appuntamenti.jpg);
 min-height: 300px;
}
.landing-wrapper #header .header-top {
  padding: 20px 0px;
  margin-left:20px;
  width:auto;
}
.landing-wrapper #header .header-top .logo {
 background: url("/bukko-open/jakarta.faces.resource/images/logo-small.png.xhtml?ln=ultima-layout&v=1.0.9") top left no-repeat;
 background-size: auto 60px;
 vertical-align: middle;
 height: 60px;
}
.landing-wrapper #header .header-content {
 width:100%;
}
.landing-wrapper #header .header-content h1 {
 color: #212121;
 margin: 35px 0px 50px 0px;
 font-weight:500;
}   
.landing-wrapper #header .header-content h2 {
 font-weight:500;
 margin:5px;
}
.landing-wrapper #header .header-top #menu2 li a {
 color: #212121;
}
.landing-wrapper #header .language {
	border: 2px solid #212121;
}
.landing-wrapper #header .header-top #menu2 {
  float: right;
  list-style: none;
  margin-right:20px;
  padding: 0; }
.landing-wrapper #header .header-top #menu2 li {
 float: left;
 display: block;
 margin-left: 20px;
}
@media (max-width: 1024px) {
.landing-wrapper #header {
 min-height: 260px;
 background-size: cover; }
.landing-wrapper #header .header-top {
 padding: 10px 0px;
 margin-left:10px;
 z-index: unset;
 position: unset;
 top: unset;
 background: unset;
 background-size: unset;
 box-sizing: unset;
 -webkit-box-shadow: unset;
 -moz-box-shadow: unset;
 box-shadow: unset}
.landing-wrapper #header .header-top #menu2 {
  margin-right:10px;
}
.landing-wrapper #header .header-content {
 padding: unset;
 box-sizing: border-box; }
.landing-wrapper #header .header-content h1 {
  margin: 0px 0px 35px 0px;	
  font-weight: unset; }
.landing-wrapper .footer .footer-content {
  text-align: unset; }
.landing-wrapper .footer .footer-content ul {
 float: none;
 margin: 0;
 padding: 0; } }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.landing-wrapper .header .header-top .logo {
  background: unset;
  background-size: unset; }
}