* {
  	box-sizing: border-box;
  	font-family: -apple-system, BlinkMacSystemFont, "segoe ui", roboto, oxygen, ubuntu, cantarell, "fira sans", "droid sans", "helvetica neue", Arial, sans-serif;
  	font-size: 16px;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
}
body {
  	/* background-color: #EBEBEB; */
	margin: 20px 20px 100px 20px;  
}

a    { color: #0074d9;}

.login {
  	width: 400px;
  	background-color: #ffffff;
  	box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);
  	margin: 100px auto;
}
.login h1 {
  	text-align: center;
  	color: #5b6574;
  	font-size: 24px;
  	padding: 20px 0 20px 0;
  	border-bottom: 1px solid #dee0e4;
}
.login h2{
  	text-align: center;
  	color: #1A1A1A;
  	font-size: 20px;
  	padding: 10px 0 10px 0;
}
.login h3{
  	text-align: center;
  	color: #5b6574;
  	font-size: 18px;
  	padding: 5px 0 5px 0;
}

.login form {
  	display: flex;
  	flex-wrap: wrap;
  	justify-content: center;
  	padding-top: 20px;
}
.login form label {
  	display: flex;
  	justify-content: center;
  	align-items: center;
  	width: 50px;
  	height: 50px;
  	background-color: #3274d6;
  	color: #ffffff;
}
.login form input[type="password"], .login form input[type="text"] {
  	width: 310px;
  	height: 50px;
  	border: 1px solid #dee0e4;
  	margin-bottom: 20px;
  	padding: 0 15px;
}
.login form input[type="submit"] {
  	width: 100%;
  	padding: 15px;
 	margin-top: 20px;
  	background-color: #3274d6;
  	border: 0;
  	cursor: pointer;
  	font-weight: bold;
  	color: #ffffff;
  	transition: background-color 0.2s;
}
.login form input[type="submit"]:hover {
	background-color: #2868c7;
  	transition: background-color 0.2s;
}

.user-logged{font-size:small;float:right;color:#0000FF;margin-bottom: 3px;}

#dashboard{margin:50px auto;display:table;}

/* Style the header with a grey background and some padding */
.header {
  overflow: hidden;
  background-color: #f1f1f1;
  padding: 5px;
  margin: 0 0 20px;
  border:1px solid #000;
  border-radius:5px;
  clear:both;
}

/* Style the header links */
.header a {
  float: left;
  color: black;
  text-align: center;
  padding: 12px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;  
  line-height: 25px;
  border-radius: 4px;
}

/* Style the logo link (notice that we set the same value of line-height and font-size to prevent the header to increase when the font gets bigger */
.header a.logo {
  font-size: 25px;
  font-weight: bold;
}

/* Change the background color on mouse-over */
.header a:hover {
  background-color: #ddd;
  color: black;
}

/* Style the active/current link*/
.header a.active {
  background-color: dodgerblue;
  color: white;
}

/* Float the link section to the right */
.header-right {
  float: right;
  margin-top:5px;
}

/* table cells */
#lm td   { padding: 6px; }
#lm th   { padding: 10px; background: #0074d9; color: #fff; }
#lm th a { color: #fff; text-decoration: none; }

/* inputs and buttons */
#lm input, #lm select, #lm textarea, #lm .lm_button  { background: #fff; border-radius: 3px; padding: 10px; border: 1px solid #ccc; font-size: 16px; }
#lm .lm_button       { padding: 10px; min-width: 100px; color: #fff; background: #0074d9; border: 0; font-weight: bold; margin: 5px; opacity: 0.90; cursor: pointer; }
#lm .lm_button:hover { opacity: 1.0; }
#lm .dull            { background: #888; }
#lm .error           { background: #FF4136; }
#lm input[type=checkbox], #lm input[type=radio] { margin: 0 7px 0 12px;	}

#lm input:read-only {
    background-color: #aaa;
    border: 1px solid #888;
}

#lm input:-moz-read-only {
    background-color: #aaa;
    border: 1px solid #888;
}

/* search box and pagination */
#lm input.lm_search_button     { margin-left: 12px; }
#lm form.lm_search_box a       { text-decoration: none; }
#lm table.lm_pagination select { padding: 3px; }
#lm table.lm_pagination        { margin-top: -10px; }
#lm table.lm_add_search        { margin-top: -10px; }

/* form */
#lm table.lm_form                { margin: 0 auto; }
#lm table.lm_form td:first-child { text-align: right; }
#lm table.lm_form tr             { background: #eee; }
#lm div.lm_form_button_bar       { text-align: center; }
#lm span.lm_validate_error       { color: #ff4136; font-size: 13px; font-weight: bold; margin-left: 10px; }
#lm span.lm_validate_tip         { color: #777777; font-size: 13px; font-weight: bold; margin-left: 10px; }
#lm div.lm_form_button_bar       { margin: 10px auto; }   

/* grid */
#lm table.lm_grid { margin-bottom: 11px; }
#lm table.lm_grid tr:nth-child(even)                        { background: #eee; }
#lm table.lm_grid tr.lm_active, #lm table.lm_grid tr:hover { background: #FFFFFF; } /* highlight hover and current row edited */ 

/* success and error messages */
#lm div.lm_success, #lm div.lm_error { color: #2ecc40; border: 1px solid #2ecc40; border-radius: 3px; padding: 10px; margin: 10px auto; width: 50%; text-align: center; }
#lm div.lm_error                     { color: #ff4136; border-color: #ff4136;  }

#lm table.lm_grid tr td:nth-child(2) { min-width: 50px; }

#lm table.lm_grid tr td{text-align:center;}

.inEvidenza {font-weight: bold;color: red;}
#autisti-select, #ambulanze-select, #cercaAssistito1, #cercaAssistito2, #cercaSoccoritore1, #cercaSoccoritore2, #paziente_cognome-select{border:1px solid #0074D9!important; background:#D3E6EC!important}
.lm_warning{background: #000000; color: #FFA500; border: 1px solid #FFA500; border-radius: 3px; padding: 10px; margin: 10px auto; width: 50%; text-align: center; }
img.firma{max-width:300px}

#sommaKm, #oreImpiegate{margin: 0 5px;color:blue;}

@media (min-width: 320px) and (max-width: 480px) {
  .login {
  	width: 320px;
  }
  .login form input[type="password"], .login form input[type="text"] {
  	width: 260px;
  }  

/* Add media queries for responsiveness - when the screen is 500px wide or less, stack the links on top of each other */
@media screen and (max-width: 500px) {
  .header a {
    float: none;
    display: block;
    text-align: left;
  }
  .header-right {
    float: none;
  }
}
  
}