body {
    background-color: #f0f0f0;
    font-family: 'Roboto', sans-serif;
}

.pills {
    background-color: rgba(220, 252, 231, 0.8);
    color: rgba(22, 101, 52, 1);
    padding: 5px 15px;
}

.download-documentazione {
    background-color: rgba(30, 90, 125, 1);
    border-radius: 16px;
    padding: 8px 16px;
}

.card-container {
    width: 24%;
}
@media (max-width: 991.98px) {
    .card-container {
        width: 100%;
    }
}

.icona-colorata {
    height: fit-content;
    padding: 8px 16px;
    font-size: 25px;
}

.card {
    border-radius: 16px;
    border: none;
    overflow: hidden;
}

.icona-accordion {
    background-color: #6FC2BD;
}

.accordion-button:not(.collapsed) {
    background-color: transparent;
}

.tab-header {
    background: linear-gradient(90deg, #509995 0%, rgba(111, 194, 189, 0.81) 100%);
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
}

.content-tab {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.documentazione-ufficiale {
    background-color: #D1FAE5;
}

#login_form {
	font-size: 200%;
}

#login_button {
	width: 400px;
	background-color: #66afe0;
	border-left-color: #66afe0;
	border-right-color: #66afe0;
	border-bottom-color: #66afe0;
	border-top-color: #66afe0;
	color: white;
	background-image: none;
}

/* TurboGears flash bootstrap look */
#flash > div {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  color: #c09853;
}

#flash > .ok {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

#flash > .error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

#flash > .info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}