.glossare-wrapper{
padding:40px;
background:#ffffff;
}

.glossare-letters{
text-align:center;
margin-bottom:30px;
}

.glossare-letter{

display:inline-block;
padding:8px 12px;
margin:3px;
border:1px solid #ccc;
cursor:pointer;
font-size:14px;
background:#ffffff;

}

.glossare-letter.active,
.glossare-letter:hover{
background: #265C91!important;
color:#ffffff;
}

.glossare-item{

background:#ffffff;
padding:20px;
margin-bottom:20px;
border-left:2px solid #5587c8 !important;

}

.glossare-item h3{
margin-top:0;
}




/* .glossare-letter{
display:inline-block;
padding:8px 12px;
margin:3px;
border:1px solid #ccc;
cursor:pointer;
background:#f5f5f5;
} */

.glossare-letter.available{
border:2px solid #265C91 !important;
background:#ffffff;
}

.glossare-letter.disabled{
opacity:0.4;
cursor:not-allowed;
}

.glossare-letter.active{
background:#265C91 !important;
color:#ffffff;
}


.glossare-letter-heading{
font-size:28px;
margin-top:40px;
margin-bottom:20px;
background:#265C91 !important;
color:#ffffff;
padding:2px 15px;
border-radius:4px;
}

@media(max-width: 576px){
	.glossare-wrapper {
    padding: 10px;
}
}