body
{
  margin: 0 auto;
  background-color: #f4f5f7;
  font-family: Inter, sans-serif;
  font-size: 14px;
  text-align: center;
  line-height: 150%;
  vertical-align: top;
  color: #2d3e50;
}

a  {text-decoration: none;  color: #2d3e50;}
a:hover {color: #1e3a9f;}

table
{
  margin-left: auto;
  margin-right: auto;
  text-align: center;
	vertical-align: top;
}	

img.lang-flag
{
	height: 12px;
}
.panel-title
{
  background-color: #f4f5f7;
  min-height: 40px;
  padding: 5px;
	padding-bottom: 8px;
}
span.page-title
{
  font-size: 180%;
  font-weight: bold;
  color: #2d3e50;
}
.main-data
{
  padding: 10px;
  min-width: 250px;
  background-color: #e0e3e7;	
}

.login-button
{
  padding: 10px;
}
span.login-option
{
	display: inline-block;
  min-width: 200px;
  border: 1px solid #444444;
  border-radius: 10px;	
  padding: 20px;
	font-size: 150%;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 20px;
	cursor: pointer;
  color: #dddddd;
  background-color: #1e3a5f;	
}
span.login-option:hover
{
  background-color: #5588aa;
  color: #1e3a9f;
}

.login-card
{
	text-align: center;
	font-size: 150%;
	font-weight: bold;
	padding: 20px;
	padding-top: 100px;
	padding-bottom: 100px;	
}
.login-code
{
	text-align: center;
	font-size: 150%;
	font-weight: bold;
	padding: 5px;
}
.login-code-buttons
{
	text-align: center;
  padding: 10px;	
}

td.td-code-button
{
	padding: 3px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
}
span.code-button
{
	display: inline-block;
	width: 50px;
  border: 1px solid #444444;
  border-radius: 10px;	
  padding: 7px;
	font-size: 150%;
	font-weight: bold;
	padding-top: 16px;
	padding-bottom: 16px;
	cursor: pointer;
  color: #dddddd;
  background-color: #1e3a5f;	
}
span.code-button:hover
{
  background-color: #5588aa;
  color: #1e3a9f;
}
span#code-enter
{
  width: 180px;
}

td.td-dashboard-label
{
	font-size: 80%;	
	padding-left: 8px;
	padding-right: 8px;
  text-align: left;
}
td.td-dashboard-data
{
	padding-left: 8px;
	padding-right: 8px;
  text-align: left;
	font-weight: bold;
}

.session-start
{
  padding-top: 25px;	
	padding-bottom: 25px;	
}	
span.session-start
{
	display: inline-block;
	width: 200px;
  border: 1px solid #444444;
  border-radius: 10px;	
  padding: 15px;
	font-size: 150%;
	font-weight: bold;
	padding-top: 30px;
	padding-bottom: 30px;
	cursor: pointer;
  color: #dddddd;
  background-color: #1e3a5f;	
}	
span.session-start:hover
{
  background-color: #5588aa;
  color: #1e3a9f;
}

.session-start-maintenance
{
  padding-top: 25px;	
	padding-bottom: 25px;	
}	
span.session-start-maintenance
{
	display: inline-block;
	width: 150px;
  border: 1px solid #444444;
  border-radius: 10px;	
  padding: 15px;
	font-size: 125%;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 20px;
	cursor: pointer;
  color: #dddddd;
  background-color: #1e3a5f;	
}	
span.session-start-maintenance:hover
{
  background-color: #5588aa;
  color: #1e3a9f;
}

.session-maintenance
{
  padding-top: 20px;	
	padding-bottom: 20px;	
}	
span.session-maintenance
{
	display: inline-block;
	width: 220px;
  border: 1px solid #444444;
  border-radius: 10px;	
  padding: 15px;
	font-size: 150%;
	font-weight: bold;
	line-height: 150%;
	padding-top: 15px;
	padding-bottom: 15px;
	cursor: pointer;
  color: #dddddd;
  background-color: #1e3a5f;	
}	
span.session-maintenance:hover
{
  background-color: #5588aa;
  color: #1e3a9f;
}

.session-diagnostics
{
  padding-top: 30px;	
	padding-bottom: 70px;	
}
.session-diagnostics-back
{
  padding-top: 30px;	
	padding-bottom: 30px;	
}

.session-maintenance-manual
{
  padding-top: 15px;	
	padding-bottom: 10px;	
}
span.maintenance-manual-title
{
  font-size: 150%;
  font-weight: bold;
  color: #2d3e50;
}
.session-report
{
  padding-top: 10px;	
	padding-bottom: 10px;	
}
input.button-report
{
	display: inline-block;
	min-width: 200px;
  border: 1px solid #444444;
  border-radius: 10px;	
  padding: 15px;
	font-size: 150%;
	font-weight: bold;
	padding-top: 25px;
	padding-bottom: 25px;
	cursor: pointer;
  color: #dddddd;
  background-color: #1e3a5f;	
}	
input.button-report:hover
{
  background-color: #5588aa;
  color: #1e3a9f;
}
span.session-back
{
	display: inline-block;
	width: 120px;
  border: 1px solid #444444;
  border-radius: 10px;	
  padding: 15px;
	font-size: 125%;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 15px;
	cursor: pointer;
  color: #dddddd;
  background-color: #1e3a5f;	
}	
span.session-back:hover
{
  background-color: #5588aa;
  color: #1e3a9f;
}


.session-add
{
  padding-top: 20px;	
  padding-bottom: 50px;	
}
input.button-submit
{
	display: inline-block;
	min-width: 150px;
  border: 1px solid #444444;
  border-radius: 10px;	
  padding: 15px;
	font-size: 150%;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 15px;
	cursor: pointer;
  color: #dddddd;
  background-color: #1e3a5f;	
}	
input.button-submit:hover
{
  background-color: #5588aa;
  color: #1e3a9f;
}

.session-shipment
{
  padding-top: 20px;	
  padding-bottom: 50px;	
}
span.shipment-label
{
	font-weight: bold;
}
span.shipment-end
{
	display: inline-block;
	width: 200px;
  border: 1px solid #444444;
  border-radius: 10px;	
  padding: 15px;
	font-size: 150%;
	font-weight: bold;
	padding-top: 30px;
	padding-bottom: 30px;
	cursor: pointer;
  color: #dddddd;
  background-color: #1e3a5f;	
}	
span.shipment-end:hover
{
  background-color: #5588aa;
  color: #1e3a9f;
}

.session-confirm
{
  padding-top: 20px;	
  padding-bottom: 50px;	
}
.confirm-label
{
	font-size: 150%;
	font-weight: bold;
	padding: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
}
span.confirm-yes
{
	display: inline-block;
	width: 80px;
  border: 1px solid #444444;
  border-radius: 10px;	
  padding: 15px;
	font-size: 180%;
	font-weight: bold;
	padding-top: 30px;
	padding-bottom: 30px;
	cursor: pointer;
  color: #dddddd;
  background-color: #007722;	
}	
span.confirm-yes:hover
{
  background-color: #44aa66;
  color: #1e3a9f;
}
span.confirm-no
{
	display: inline-block;
	width: 80px;
  border: 1px solid #444444;
  border-radius: 10px;	
  padding: 15px;
	font-size: 180%;
	font-weight: bold;
	padding-top: 30px;
	padding-bottom: 30px;
	cursor: pointer;
  color: #dddddd;
  background-color: #770000;	
}
span.confirm-no:hover
{
  background-color: #bb5555;
  color: #1e3a9f;
}

.session-restart
{
  padding-top: 50px;	
	padding-bottom: 10px;	
}
.session-end
{
  padding-top: 50px;	
	padding-bottom: 50px;	
}



.register						  {padding: 5px;	  font-weight: bold;}
input.register-input  {}
span.register-login		{font-weight: normal;}
a.register-login			{font-weight: bold;}	
p.error								{color: #aa0000;  font-weight: bold;}
p.success							{color: #006622;  font-weight: bold;}


.vehicle-choose-label
{
	font-size: 150%;
	font-weight: bold;
	padding: 20px;
	padding-top: 10px;
	padding-bottom: 5px;
}
select.select-add-title
{
  width: 220px;
}
span.batt-5  {color: #008800;}	
span.batt-4  {color: #669900;}
span.batt-3  {color: #999900;}	
span.batt-2  {color: #aa5500;}		
span.batt-1  {color: #aa0000;}