@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&display=swap');
@import url('https://fonts.cdnfonts.com/css/open-dyslexic');


h1 {
	text-align: center;
	padding: 10px;
	font-weight: bold;
	color: white;
}

#header {
	background-color: #217599;
	font-weight: bold;
}

#footer {
	background-color: #217599;
	width: 100%;
}

#mainmenu {
	margin-right: 40px;
	margin-left: auto;
}

#mainmenu li a {
	min-width: 100px;
	margin-left: 10px;
	margin-right: 10px;
}

#main {
	width:90%;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

.form-center {
	margin:0 auto;
}

.mainpageimage {
	max-width: 100%;
}

#pagetitle {
	text-align: center;
	margin-bottom: 30px;
}

p#pagetitle {
	font-size: 200%;
}

#foto {
	text-align: center;
}

#logo {
	text-align: right;
	margin-right: 10px;
	color: white;
}

#subtitle {
	color: red;
	font-size: larger;
	text-align: center;
}

p#startmessage {
	text-align: center;
	padding: 10px;
	font-size: x-large;
	width: 100%;
	margin: auto;
}

em {
	 font-weight: bold;
}

#resetpassword {
	float: right;
}

th {
	text-align: center;
}

td {
	text-align: center;
	color: black;
}

#filtri button {
	margin-left: 10px;
}

button {
	background: #217599;
	color: white;
}

button:hover {
	color: #2e3436;
}

a .btn {
	background: #217599;
	color: white;
	display: block;
}

a:hover {
	color: #2e3436;
}

#legenda {
	float: right;
	margin-bottom: 10px;
	color: black;
}

#legenda button {
	margin-right: 5px;
	margin-left: 10px;
}

#secondaryaction {
	background-color : #ffbf004f;
}

#primaryaction {
	background-color : #f2060647;
}

#noaction {
	background-color : white;
}

#alreadyactioned {
	background-color : #ccc;
}

.DA_CONFERMARE {
	background-color: #ffa;
}

.APPROVATO {
	background-color: #afa;
}

.RESPINTO {
	background-color: #faa;
}

.button {
	font-weight: bold;
	display: block;
	background: #217599;
	color: white;
	padding:5px;	
}

img.poi {
	width: 100%;
}

img {
	margin-top:10px;
}

.dropdown {
	margin-left:10px;
}

.dropdown-menu {
	min-width : 0;
}

.dropdown-item {
	padding-left: 0;
	padding-right: 0;
}

.dropdown-menu a:hover {
	max-width: 100px;
	background-color: #ddd;
}

.row1 {
	display:flex;
}

.coordinate {
	padding-left:0;
	padding-right:0;
}

.latitude {
	padding-left:0;
}

.longitude {
	padding-right:0;
}

.title {
	text-align: center;
	font-weight: bold;
}

.login-form {
	padding: 10px;
	border: solid 1px black;
	border-radius: 10px;
}

.nickname {
	display: inline;
	margin: 5px;
	font-weight: bold;
}

.logout {
	display: inline;
	font-weight: normal;
}

.form-commenti {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
}

.button-commenti {
	text-align: center;
	margin-top: 0px;
	margin-bottom: 10px;
}

.button-tutti {
	text-align: right;
}

.itinerari-testo {
	font-family: 'Rubik';
    font-size: 18px;
    color: #00476b;
}

dd {
	margin-left:10px;
}

dt {
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	border-radius: 25px;
}

.itinerari-input {
    background-color: #fcf8f0;
    border: none;
}

.itinerari-dettagli-commento {
    background-color: #90d974;
}

.itinerari-background {
    background-color: #fcf8f0;
}