@font-face {
	font-family: "Eras";
	src: url("fonts/ErasBoldITC.ttf");
}

@font-face {
  font-family: barcode;
  src: url(fonts/LibreBarcode39Text-Regular.ttf);
}

@font-face {
  font-family: opensans;
  src: url(fonts/OpenSans-Regular.ttf);
}

#localeBar > img {
  margin-top: -2px; 
  padding: 0px 5px 5px 5px;
  filter: drop-shadow(0px 0px 6px gray);
  cursor: pointer;
  border-bottom: solid 1pt white;
}

#localeBar > img:hover {
  /*filter: drop-shadow(0px 0px 6px gray) contrast(200%);*/
  border-bottom: solid 1pt rgb(150, 150, 255);
}

.MarkerLabel {
  font: bold 12pt tahoma;
  color: red;
  background: black;
}

#map{
  height: 100%;
  width: 100%;
}

#leftPanelContainer {
  width: 400px;
  max-width: 400px;
  background: white;
  border-right: solid 1pt rgba(0,0,150,0.2);
}

#logoContainer {
  height: 100px;
  text-align: center;
  vertical-align: middle;
  padding-bottom: 10px;
}

#company {
  background: rgb(21,52,79); 
  color: white;
  padding: 2px 2px 0px 2px; 
  text-align: center; 
  vertical-align: middle; 
  height: 23px; 
  font: bold 10pt Arial;
  cursor: pointer;
  display: none;
}

#leftPanelMenuContainer {
  height: 30px;
  /*text-align: center;*/
  /* background: rgba(201, 222, 216, 0.5); */
  background: rgba(201, 201, 216, 0.1);
  padding: 8px 0px 6px 10px;
  border-top: solid 2pt rgba(0, 100, 155, 0.1);
  border-bottom: solid 1pt rgba(0, 100, 155, 0.3);
  white-space: nowrap;
}

#leftPanelSearchText {
  /* border: solid 1pt teal; */
  border: solid 1pt silver;
  border-radius: 1px;
}

#leftPanelSearchButton, #leftPanelGroupByButton, #leftPanelFilterButton, #leftPanelDockButton, #leftPaneltoggleAllGroupsButton {
  display: inline-block;
  color: white; 
  /* background: teal; */
  background: rgb(21,52,79); 
  font: bold 8pt Tahoma; 
  padding: 3px 5px 5px 5px; 
  height: 12px;
  border-radius: 2px;
  cursor: pointer;
}

#leftPaneltoggleAllGroupsButton {
  font: 10pt Arial; 
  color: teal; 
  background: none;
  vertical-align: bottom;
}

#leftPanelSearchButton:hover, #leftPanelGroupByButton:hover, #leftPanelFilterButton:hover, #leftPanelDockButton:hover {
  background: darkorange; 
}


.leftPanelGroupByContainer {
  position: relative;
  display: inline-block;
}

.leftPanelGroupByContent {
  display: none;
  position: absolute;
  min-width: 160px;
  white-space: nowrap;
  box-shadow: -4px 4px 4px 0px rgba(0,0,0,0.3);
  padding: 3px 0px 0px 0px;
  z-index: 1;
}

.leftPanelGroupByContent a {
  padding: 5px 10px 5px 12px;
  text-align: left;
  text-decoration: none;
  display: block;
}

.leftPanelGroupByContent, .leftPanelGroupByContent a {
  font: bold 8pt Tahoma;
  color: black;
  background: silver;
}

.leftPanelGroupByContent a:hover {background-color: orange;}

.leftPanelGroupByContainer:hover .leftPanelGroupByContent {display: block;}


#leftPanelDockButton {
  padding: 4px 5px 4px 5px; 
}

.search_map_row {
  cursor: pointer;
}

.search_map_row:hover {
  background: rgba(180, 255, 255, 1);
}

.vehicles_row:hover, .locks_row:hover, .sublocks_row:hover, .cellphones_row:hover, .zones_row:hover, .users_row:hover, .boats_row:hover, .dispatches_row:hover, .routes_row:hover {
  background: rgba(180, 255, 255, 1);
}

.vehicles_title_row, .locks_title_row, .sublocks_title_row, .cellphones_title_row, .zones_title_row, .users_title_row, .boats_title_row, .dispatches_title_row, .routes_title_row {
  /* background: linear-gradient(to bottom, rgba(100,100,100,0.1) 0%, rgba(100,100,100,0.1) 70%, rgba(100,100,200,0.2) 90%, rgba(100,100,200,0.2) 100%) */
  background: linear-gradient(to bottom, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.05) 70%, rgba(100,100,200,0.08) 80%, rgba(100,100,200,0.08) 80%);
}

.vehicles_title_row > :nth-child(1), .locks_title_row > :nth-child(1), .sublocks_title_row > :nth-child(1), .cellphones_title_row > :nth-child(1), .zones_title_row > :nth-child(1), .users_title_row > :nth-child(1), .boats_title_row > :nth-child(1), .dispatches_title_row > :nth-child(1), .routes_title_row > :nth-child(1) {
  height: 20px; 
  padding: 15px 0px 3px 10px; 
  font: bold 11pt Arial; 
  /* color: teal;  */
  color: rgb(41,72,129); 
  /* color: rgb(28,153,159);  */
  border-bottom: solid 1pt silver; 
  cursor: pointer;
}

.vehicles_title_row > :nth-child(1) > span, .locks_title_row > :nth-child(1) > span, .sublocks_title_row > :nth-child(1) > span, .cellphones_title_row > :nth-child(1) > span, .zones_title_row > :nth-child(1) > span, .users_title_row > :nth-child(1) > span, .boats_title_row > :nth-child(1) > span, .dispatches_title_row > :nth-child(1) > span, .routes_title_row > :nth-child(1) > span {
  color: darkgray; 
  font: 10pt Arial;
}

.vehicles_title_row > :nth-child(2), .locks_title_row > :nth-child(2), .sublocks_title_row > :nth-child(2), .cellphones_title_row > :nth-child(2), .zones_title_row > :nth-child(2), .users_title_row > :nth-child(2), .boats_title_row > :nth-child(2), .dispatches_title_row > :nth-child(2), .routes_title_row > :nth-child(2) {
  text-align: right; 
  vertical-align: bottom; 
  padding: 15px 5px 3px 0px; 
  font: bold 10pt Arial; 
  color: darkorange; 
  border-bottom: solid 1pt silver; 
  cursor: pointer;
}

.vehicles_row > :nth-child(1), .locks_row > :nth-child(1), .sublocks_row > :nth-child(1), .cellphones_row > :nth-child(1), .zones_row > :nth-child(1), .users_row > :nth-child(1), .boats_row > :nth-child(1), .dispatches_row > :nth-child(1), .routes_row > :nth-child(1)  {
  /* padding: 5px 0px 5px 10px;  */
  cursor: pointer; 
  width: 20px;
  vertical-align: middle;
  text-align: center;
  border-top: solid 2pt transparent;
  border-bottom: solid 2pt transparent;
  border-left: solid 2pt transparent;
}

.vehicles_row > :nth-child(2), .locks_row > :nth-child(2), .sublocks_row > :nth-child(2), .cellphones_row > :nth-child(2), .zones_row > :nth-child(2), .users_row > :nth-child(2), .boats_row > :nth-child(2), .dispatches_row > :nth-child(2), .routes_row > :nth-child(2)  {
  /* padding: 5px 0px 5px 1px;                                                                                                                                                                                          */
  cursor: pointer;                                                                                                                                                                                                  
  width: 20px;
  vertical-align: middle;
  text-align: center;
  border-top: solid 2pt transparent;
  border-bottom: solid 2pt transparent;
}                                                                                                                                                                                                                   
																																																					
.zones_row > :nth-child(2)  {
  padding-right: 5px;
  border-top: solid 2pt transparent;
  border-bottom: solid 2pt transparent;
}                                                                                                                                                                                                                   

.vehicles_row > :nth-child(3), .locks_row > :nth-child(3), .sublocks_row > :nth-child(3), .cellphones_row > :nth-child(3), .zones_row > :nth-child(3), .users_row > :nth-child(3), .boats_row > :nth-child(3), .dispatches_row > :nth-child(3), .routes_row > :nth-child(3)  {
  /* padding: 5px 0px 5px 0px;                                                                                                                                                                                          */
  cursor: pointer;                                                                                                                                                                                                  
  width: 20px;
  vertical-align: middle;
  text-align: center;
  border-top: solid 2pt transparent;
  border-bottom: solid 2pt transparent;
}                                                                                                                                                                                                                   
																																																					
.vehicles_row > :nth-child(4), .locks_row > :nth-child(4), .sublocks_row > :nth-child(4), .cellphones_row > :nth-child(4), .zones_row > :nth-child(4), .users_row > :nth-child(4), .boats_row > :nth-child(4), .dispatches_row > :nth-child(4), .routes_row > :nth-child(4)  {
  padding: 3px 0px 3px 5px; 
  cursor: pointer; 
  font: 10pt Arial;
  color: black;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 180px;
  border-top: solid 2pt transparent;
  border-bottom: solid 2pt transparent;
}

.vehicles_row > :nth-child(4) > span, .locks_row > :nth-child(4) > span, .sublocks_row > :nth-child(4) > span, .cellphones_row > :nth-child(4) > span, .zones_row > :nth-child(4) > span, .users_row > :nth-child(4) > span, .boats_row > :nth-child(4) > span, .dispatches_row > :nth-child(4) > span, .routes_row > :nth-child(4) > span {
    font-size: 8pt;
	border-top: solid 2pt transparent;
	border-bottom: solid 2pt transparent;
}

.vehicles_row > :nth-child(5), .locks_row > :nth-child(5), .sublocks_row > :nth-child(5), .cellphones_row > :nth-child(5), .zones_row > :nth-child(5), .users_row > :nth-child(5), .boats_row > :nth-child(5), .dispatches_row > :nth-child(5), .routes_row > :nth-child(5) {
  padding: 3px 5px 3px 0px; 
  cursor: pointer; 
  font: 10pt Arial; 
  width: 30%; 
  text-align: right;
  color: black;
  border-top: solid 2pt transparent;
  border-bottom: solid 2pt transparent;
  border-right: solid 2pt transparent;
}


.vehicles_trips_row, .locks_missions_row, .cellphones_trips_row, .zone_assets_row, .users_trips_row, .boats_trips_row, .dispatches_trips_row {
  cursor: pointer; 
  font: 8pt Arial;
  color: black;
}

.vehicles_trips_row:hover, .locks_missions_row:hover, .cellphones_trips_row:hover, .zone_assets_row:hover, .users_trips_row:hover, .boats_trips_row:hover, .dispatches_trips_row:hover {
  background: rgba(180, 255, 255, 1);
}

.vehicles_trips_row > :nth-child(1), .locks_missions_row > :nth-child(1), .cellphones_trips_row > :nth-child(1), .zone_assets_row > :nth-child(1), .users_trips_row > :nth-child(1), .boats_trips_row > :nth-child(1), .dispatches_trips_row > :nth-child(1)  {
  padding: 2px 0px 2px 2px; 
  width: 16px;
  border-bottom: solid 1pt silver;
  text-align: center;
}

.vehicles_trips_row > :nth-child(2), .locks_missions_row > :nth-child(2), .cellphones_trips_row > :nth-child(2), .zone_assets_row > :nth-child(2), .users_trips_row > :nth-child(2), .boats_trips_row > :nth-child(2), .dispatches_trips_row > :nth-child(2)  {
  padding: 2px 0px 2px 0px; 
  white-space: nowrap;
  border-bottom: solid 1pt silver;
  text-align: center;
}

.zone_assets_row > :nth-child(2) {
  text-align: left;
  padding-left: 5px;
}

.vehicles_trips_row > :nth-child(3), .locks_missions_row > :nth-child(3), .cellphones_trips_row > :nth-child(3), .zone_assets_row > :nth-child(3), .users_trips_row > :nth-child(3), .boats_trips_row > :nth-child(3), .dispatches_trips_row > :nth-child(3)  {
  padding: 2px 0px 2px 0px; 
  white-space: nowrap;
  border-bottom: solid 1pt silver;
  text-align: center;
}

.vehicles_trips_row > :nth-child(4), .locks_missions_row > :nth-child(4), .cellphones_trips_row > :nth-child(4), .zone_assets_row > :nth-child(4), .users_trips_row > :nth-child(4), .boats_trips_row > :nth-child(4), .dispatches_trips_row > :nth-child(4)  {
  padding: 2px 0px 2px 0px; 
  white-space: nowrap;
  border-bottom: solid 1pt silver;
  text-align: center;
}

.vehicles_trips_row > :nth-child(5), .locks_missions_row > :nth-child(5), .cellphones_trips_row > :nth-child(5), .zone_assets_row > :nth-child(5), .users_trips_row > :nth-child(5), .boats_trips_row > :nth-child(5), .dispatches_trips_row > :nth-child(5)  {
  padding: 2px 0px 2px 0px; 
  text-align: right;
  white-space: nowrap;
  border-bottom: solid 1pt silver;
  text-align: center;
}

.vehicles_reports_row, .locks_reports_row, .sublocks_reports_row, .locks_unlock_reports_row, .cellphones_reports_row, .zone_reports_row, .users_reports_row, .boats_reports_row, .dispatches_reports_row, .dispatch_docs_row {
  cursor: pointer; 
  font: 8pt Arial;
  color: black;
}

.vehicles_reports_row:hover, .locks_reports_row:hover, .sublocks_reports_row:hover, .locks_unlock_reports_row:hover, .cellphones_reports_row:hover, .zone_reports_row:hover, .users_reports_row:hover, .boats_reports_row:hover, .dispatches_reports_row:hover, .dispatch_docs_row:hover {
  background: rgba(180, 255, 255, 1);
}

.vehicles_reports_row > :nth-child(1), .locks_reports_row > :nth-child(1), .sublocks_reports_row > :nth-child(1), .locks_unlock_reports_row > :nth-child(1), .cellphones_reports_row > :nth-child(1), .zone_reports_row > :nth-child(1), .users_reports_row > :nth-child(1), .boats_reports_row > :nth-child(1), .dispatches_reports_row > :nth-child(1), .dispatch_docs_row > :nth-child(1)  {
  padding: 2px 0px 2px 2px; 
  width: 16px;
  border-bottom: solid 1pt silver;
  text-align: center;
}

.vehicles_reports_row > :nth-child(2), .cellphones_reports_row > :nth-child(2), .users_reports_row > :nth-child(2), .boats_reports_row > :nth-child(2), .dispatches_reports_row > :nth-child(2)  {
  padding: 2px 0px 2px 2px; 
  width: 16px;
  border-bottom: solid 1pt silver;
  text-align: center;
}

.vehicles_reports_row > :nth-child(3), .locks_reports_row > :nth-child(2), .sublocks_reports_row > :nth-child(2), .locks_unlock_reports_row > :nth-child(2), .cellphones_reports_row > :nth-child(3), .zone_reports_row > :nth-child(2), .users_reports_row > :nth-child(3), .boats_reports_row > :nth-child(3), .dispatches_reports_row > :nth-child(3), .dispatch_docs_row > :nth-child(2)  {
  padding: 2px 0px 2px 0px; 
  white-space: nowrap;
  border-bottom: solid 1pt silver;
  text-align: center;
}

.vehicles_reports_row > :nth-child(4), .locks_reports_row > :nth-child(3), .sublocks_reports_row > :nth-child(3), .locks_unlock_reports_row > :nth-child(3), .cellphones_reports_row > :nth-child(4), .zone_reports_row > :nth-child(3), .users_reports_row > :nth-child(4), .boats_reports_row > :nth-child(4), .dispatches_reports_row > :nth-child(4), .dispatch_docs_row > :nth-child(3)  {
  padding: 2px 0px 2px 0px; 
  white-space: nowrap;
  border-bottom: solid 1pt silver;
  text-align: center;
}

.dispatches_reports_row > :nth-child(5) {
  padding: 2px 0px 2px 0px; 
  white-space: nowrap;
  border-bottom: solid 1pt silver;
  text-align: center;
}

.dispatch_docs_row > :nth-child(3) > div {
  width: 120px; 
  text-align: left; 
  text-overflow: ellipsis; 
  overflow: hidden;
}

#mainContainer {
  background: gray;
}

#bottomPanelContainer {
  height: 200px; 
  background: rgb(21,52,79);
  border-top: solid 1pt black;
}

.bottomPanelTitle {
  padding: 10px 0px 5px 15px; 
  color: orange; 
  font: bold 10pt Tahoma;
}

.bottomPanelTitleNew {
	color: orange; 
	font: bold 12pt Helvetica;
	vertical-align: top;
}

.bottomPanelLabel {
  padding: 10px 0px 0px 10px; 
  color: orange; 
  font: 7pt Tahoma;
  white-space: nowrap;
}

.bottomPanelLabelNew {
	font: 8pt Helvetica; 
	color: orange; 
	background: rgba(0,0,0,0.1);
}

.bottomPanelTextNew {
	color: white; 
	font: 10pt Helvetica; 
	white-space: nowrap;
}  

.bottomPanelText {
  color: silver; 
  font: bold 8pt Arial; 
  white-space: nowrap;
}

.bottomPanelMenuButton {
  padding: 5px 7px 5px 10px; 
  border-bottom: solid 1pt rgb(30,30,60); 
  cursor: pointer;
  opacity: 0.7;
}

.bottomPanelMenuButton > img {
  width: 24px;
  height: 24px;
}

.bottomPanelMenuButton:hover {
  opacity: 1;
  background: rgba(0,0,0,0.1);
}

.bottomPanelMenuButtonActive {
  opacity: 1;
  background: rgb(30,30,60); 
}

.bottomPanelMenuButtonActive:hover {
  opacity: 1;
  background: rgb(30,30,60); 
}

.bottomPanelDate {
  width: 110px;
  /*display: inline; */
  /*padding: 1px 5px 1px 5px; */
  /*border-radius: 3px; */
  /*border-width: 0px; */
  /*color: black; */
  /*background: linear-gradient(to bottom, rgb(230,230,255) 0%, rgba(150,200,255) 90%);*/
  font: bold 7pt Arial; 
  /*text-align: center;*/
  /*cursor: pointer;*/
  padding: 0px;
  text-align: left;
  overflow-x: hidden;

}

/*::-webkit-datetime-edit { padding: 0px; width: 0px; }*/
/*::-webkit-datetime-edit-fields-wrapper { padding: 0px; width: 0px; }*/
::-webkit-datetime-edit-text { color: transparent; display: none; }
/*::-webkit-datetime-edit-month-field { padding: 0px; width: 0px; }*/
/*::-webkit-datetime-edit-day-field { padding: 0px; width: 0px; }*/
/*::-webkit-datetime-edit-year-field { padding: 0px; width: 0px; }*/
/*::-webkit-inner-spin-button { display: none; width: 0px; padding: 0px;}*/

/*::-webkit-datetime-edit-hour-field { display: none; }
::-webkit-datetime-edit-minute-field { display: none; }
::-webkit-datetime-edit-second-field { display: none; }
*/
::-webkit-datetime-edit-ampm-field { display: none; }
::-webkit-calendar-picker-indicator { padding: 0px;}  

.bottomPanelDate:hover {
  background: linear-gradient(to bottom, rgb(255,255,255) 0%, rgba(180,230,255) 90%);  
}

.bottomPanelRadio {
  padding: 0px 0px 3px 10px;
  color: silver;
  font: 8pt arial;
  cursor: pointer; 
}

.bottomPanelRadio > label {
  cursor: pointer; 
}

.bottomPanelRadio > label > input {
  vertical-align: bottom;
  cursor: pointer; 
}

.bottomPanel_routes_zoneField {
	width: 200px; 
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis;
	cursor: pointer;
}

.bottomPanel_routes_zoneField:hover {
	color: cyan;
}

.topMenu, #mapsButton, #reportsButton, #resourcesButton, #localeButton {
  display: inline-block; 
  font: bold 10pt Arial; 
  color: white; 
  cursor: pointer; 
  padding: 12px 10px 2px 10px;
  border-bottom: solid 2pt;
  border-color: rgba(255,255,255,0.1);
}

.topMenu:hover, #mapsButton:hover, #reportsButton:hover, #resourcesButton:hover, #localeButton:hover {
  border-color: lime;
}


.mapsButtonContainer, .reportsButtonContainer, .resourcesButtonContainer, .localeButtonContainer {
  position: relative;
  display: inline-block;
  padding: 0px;
}

.mapsButtonContent, .reportsButtonContent, .resourcesButtonContent, .localeButtonContent {
  display: none;
  position: absolute;
  min-width: 160px;
  box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.4);
  padding: 0px;
  z-index: 1;
}

.reportsButtonContent {
  min-width: 200px;
}

.localeButtonContent {
  left: calc(50% - 80px);
}

.localeButtonContent a > img {
  filter: drop-shadow(2px 2px 0 darkgray) drop-shadow(-2px -2px 0 darkgray);
  margin-top: -2px; 
  width: 18px; 
  height: 18px;
}

.localeButtonContent a > span {
  vertical-align: top; 
  padding-left: 10px;
}

.mapsButtonContent a, .reportsButtonContent a, .resourcesButtonContent a, .localeButtonContent a {
  padding: 8px 0px 8px 12px;
  text-align: left;
  text-decoration: none;
  display: block;
}

.mapsButtonContent, .mapsButtonContent a, .reportsButtonContent, .reportsButtonContent a, .resourcesButtonContent, .resourcesButtonContent a, .localeButtonContent, .localeButtonContent a {
  font: bold 10pt Tahoma;
  color: black;
  background: silver;
}

.mapsButtonContent a:hover, .reportsButtonContent a:hover, .resourcesButtonContent a:hover, .localeButtonContent a:hover {background-color: orange;}
.mapsButtonContainer:hover .mapsButtonContent, .reportsButtonContainer:hover .reportsButtonContent, .resourcesButtonContainer:hover .resourcesButtonContent, .localeButtonContainer:hover .localeButtonContent {display: block;}


.statusField {
   background: rgb(0,0,60); 
   color: rgba(205,255,255,0.3); 
   font: bold 7pt Arial;
   padding: 5px;
   border-radius: 3px;
   border-bottom: solid 1pt rgba(205,255,255,0.3); 
   border-right: solid 1pt rgba(205,255,255,0.3); 
   border-top: solid 1pt rgba(0,0,0,0.8); 
   border-left: solid 1pt rgba(0,0,0,0.8); 
}

.statusFieldActive {
   color: cyan; 
}

.live_button {
  color: black; 
  font: bold 8pt Arial; 
  background: silver;
  border-top: solid 1pt white;
  border-left: solid 1pt white;
  border-right: solid 1pt gray;
  border-bottom: solid 1pt gray;
  padding: 1px 0px 2px 0px; 
  border-radius: 2px;  
  width: 70px;
  height: 12px;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
}

.live_button:hover {
  background: rgba(220,220,200,0.8);
}

.live_buttonActive {
  background: darkgray;
  border-top: solid 1pt gray;
  border-left: solid 1pt gray;
  border-right: solid 1pt white;
  border-bottom: solid 1pt white;
}

.mapMenuButton {
  padding: 2px 10px 2px 10px; 
  background: rgb(0,0,150); 
  color: white; 
  font: 10pt Arial; 
  border-radius: 3px;
}

.mapMenuButton:hover {
  background: rgb(0,0,255); 
}

.blink {
  animation: blinker 0.5s linear infinite;
}

@keyframes blinker {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}


div::-webkit-scrollbar-track {
  background-color: rgba(30,40,100,0.05);
}

div::-webkit-scrollbar {
  width: 10px;
  background-color: rgba(30,40,100,0.05);
}

div::-webkit-scrollbar-thumb {
  background-color: rgba(30,40,100,0.1);
}

div::-webkit-scrollbar-thumb:hover {
  background-color: rgba(30,40,100,0.3);
}


#terminalContainer::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #555;
}

#terminalContainer::-webkit-scrollbar {
  width: 25px;
  background-color: #555;
}

#terminalContainer::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: gray;
}

.tablet_container {
  width: 200px;
  height: 133px;
  perspective: 1000px;
}

.tablet {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 1s;
  transform-style: preserve-3d;
  vertical-align: middle;
}

.tablet_front, .tablet_back {
  position: absolute;
  width: 100%;
  height: 100%;
}

.tablet_back {
  transform: rotateX(180deg);
}

.mapButton {
	box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1); 
	margin-top: 10px; 
	padding: 10px 15px 10px 15px; 
	text-align: center; 
	color: black; 
	background: white; 
	font: bold 13pt Arial; 
	cursor: pointer;
}

.mapButton:hover {
	background: rgba(235,235,235,1);
}

input[type="date"] {
  display: inline-block;
  position: relative;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  background: transparent;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}