@charset "utf-8";
/* CSS Document */
/* Hauserresults sima verzió 1.5 2026.01 */

/*<style>*/

/*
	  @font-face		{ font-family: MyCond; 	src: url(/live/fonts/FiraSansCondensed-Bold.ttf); font-weight: bold; }
	  @font-face		{ font-family: MyCond;	src: url(/live/fonts/FiraSansCondensed-Regular.ttf); }
	  */
@font-face {
  font-family: MyCond;
  src: url(/live/fonts/RobotoCondensed-Bold.ttf);
  font-weight: bold;
}
@font-face {
  font-family: MyCond;
  src: url(/live/fonts/RobotoCondensed-Regular.ttf);
}
@font-face {
  font-family: MyFont;
  src: url(/live/fonts/Roboto-Bold.ttf);
  font-weight: bold;
}
@font-face {
  font-family: MyFont;
  src: url(/live/fonts/Roboto-Regular.ttf);
}

* {
  box-sizing: border-box;
} /* This makes sure that the padding and border are included in the total width and height of the elements. */

.container {
  /*max-width:		1000px;*/
  padding: 6px 3px 6px 3px;
  float: left;
  display: -webkit-flex; /* Safari */
  -webkit-flex-flow: row wrap; /* Safari 6.1+ */
  display: flex;
  flex-flow: row wrap;
}

/* For mobile phones: */
[class*="col-"] {
  width: 100%;
}
@media only screen and (min-width: 600px) {
  /*768px*/
  /* For desktop: */
  .col-1 {
    width: 8.33%;
  }
  .col-2 {
    width: 16.66%;
  }
  .col-3 {
    width: 25%;
  }
  .col-4 {
    width: 33.33%;
  }
  .col-5 {
    width: 41.66%;
  }
  .col-6 {
    width: 49.99%;
  }
  .col-7 {
    width: 58.33%;
  }
  .col-8 {
    width: 66.66%;
  }
  .col-9 {
    width: 75%;
  }
  .col-10 {
    width: 83.33%;
  }
  .col-11 {
    width: 91.66%;
  }
  .col-12 {
    width: 99.99%;
  }

  .versbr {
    display: none;
  }
}

@media only screen and (max-width: 999px) {
  /*768px*/
  .versbr {
    display: inline;
  }

  table.eredm {
    width: 100%;
    font-size: 10pt;
    border-collapse: collapse;
    /*border: 1px solid #404040;*/
    text-align: left;
    background-color: #f8fcff;
    background-image: url("ertekeles_live_bg_sima.png");
    box-shadow:
      2px 2px 6px rgba(0, 0, 0, 0.12),
      2px 2px 6px rgba(0, 0, 0, 0.24);
    font-family: MyFont;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
    /*table-layout:	fixed;*/
	border-radius: 10px;
  }

  .erVersBpt {
    width: 10% !important;
    min-width: 70px !important;
    max-width: 120px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
  }
  .erNevBpt {
    width: 10% !important;
    min-width: 70px !important;
    max-width: 120px !important;
    white-space: normal;
  }
  .erBajnpt {
    /*width: 65px;*/
    min-width: 60px !important;
    max-width: 75px !important;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: clip;
  }
}

body {
  font-size: 10pt;
  font-family: MyFont, "Arial";
  font-family: MyFont; /*,Arial,sans-serif;*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  /*font-smoothing: antialiased;*/
  max-width: 1360px; /*'.$maxwidth.' px;*/
}

h1,
h2,
h3,
h4,
h5,
h6 {
  /* 2020.10.10 w3-ról */
  font-family: MyFont; /*,Arial,sans-serif;*/
  font-weight: 400;
  margin: 10px 0;
}

.szineshatter {
  border-collapse: collapse;
  border: 1px solid #404040;
  background-color: #f8fcff;
  box-shadow:
    0px 2px 3px rgba(0, 0, 0, 0.12),
    0px 2px 3px rgba(0, 0, 0, 0.24);
} /*ua, mint table.eredm*/

/*table.eredm					{ border-collapse: collapse; border: 1px double #404040; text-align: center; border-spacing: 5px 0px; }*/
table.eredm {
  width: 100%;
  font-size: 10pt;
  border-collapse: collapse;
  /*border: 1px solid #404040;*/
  text-align: left;
  background-color: #f8fcff;
  background-image: url("ertekeles_live_bg_sima.png");
  box-shadow:
    2px 2px 6px rgba(0, 0, 0, 0.12),
    2px 2px 6px rgba(0, 0, 0, 0.24);
  font-family: MyFont;
  /*white-space:	nowrap;
								overflow: 		hidden;
								text-overflow: 	clip;*/
  /*table-layout:	fixed;*/
	border-radius: 10px;
}

table.eredm caption {
  font-weight: bold;
  padding: 6px 4px 6px 4px;
} /* top ri bot left*/
table.eredm th {
  font-weight: bold;
  padding: 6px 4px 6px 4px;
  border-bottom: 2px solid #a0c0c0;
} /* padding: top ri bot left*/
/*table.eredm	td		{ padding-top: 2px; padding-right: 4px; padding-bottom: 2px; padding-left: 4px; }*/
table.eredm td {
  padding: 2px 4px 2px 4px;
} /* top ri bot left*/
table.eredm tr {
  border-bottom: 1px dotted #c0c0c0;
}
/*
		.erPoz					{ width: 8%;  min-width: 35px; }
		.erVers					{ width: 35%; max-width: 105px; white-space: nowrap; overflow: hidden; text-overflow: clip;}
		.erGepo					{ width: 11%; min-width: 44px; }
		.erTelj					{ width: 14%; min-width: 54px; }
		.erOssz					{ width: 16%; min-width: 64px; }
		.erKul					{ width: 14%; min-width: 54px; }
		.erNev					{ width: 25%; min-width: 80px; max-width: 120px; white-space: normal;} */ /*max-width: 115px; white-space: nowrap; overflow: hidden; text-overflow: clip;*/
/*.erErt					{ width: 15%; white-space: normal;}*/ /* max-width: 60px; overflow: hidden; text-overflow: clip;*/
/*.erRajt		   			{ width: 12%; min-width: 50px; }
		.erBunt					{ width: 15%; white-space: normal;} */ /* büntetés szövege*/
/*.erInfo					{ width: 40%; min-width: 80px; white-space: normal; }*/

.erPoz {
  width: 5%;
  min-width: 35px;
}
.erVers {
  width: 35%;
  max-width: 105px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
}
.erGepo {
  width: 6%;
  min-width: 44px;
}
.erTelj {
  width: 6%;
  min-width: 54px;
}
.erOssz {
  width: 8%;
  min-width: 64px;
}
.erKul {
  width: 6%;
  min-width: 54px;
}
.erNev {
  width: 25%;
  min-width: 80px;
  max-width: 120px;
  white-space: normal; /*max-width: 115px; white-space: nowrap; overflow: hidden; text-overflow: clip;*/
}
.erErt {
  width: 15%;
  white-space: normal; /* max-width: 60px; overflow: hidden; text-overflow: clip;*/
}
.erRajt {
  width: 10%;
  min-width: 50px;
}
.erBunt {
  width: 15%;
  white-space: normal; /* büntetés szövege*/
}
.erInfo {
  width: 40%;
  min-width: 80px;
  white-space: normal;
}
.erTCapt {
  width: 100%;
  white-space: normal;
} /*white-space: nowarp; overflow: hidden; text-overflow: clip; min-width: 105px;*/
.erTeamVers {
  width: 25%;
  max-width: 105px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
}
.erTeamAuto {
  width: 25%;
  max-width: 105px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
}
.erTeamInfo {
  width: 25%;
  min-width: 80px;
  white-space: normal;
}

.erVersBpt {
  width: 25%;
  min-width: 70px;
  max-width: 120px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
}
.erNevBpt {
  width: 20%;
  min-width: 70px;
  max-width: 120px;
  white-space: normal;
}
.erBajnpt {
  width: 4%;
  min-width: 60px;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: clip;
  text-align: center;
}

/*table.eredm tr			{ background-color: #F0F8FF;	border-bottom: 1px dotted #C0C0C0; }*/
td.fresh {
  color: #0000a0;
  font-weight: bold;
}
.goodpos {
  color: #00a000;
  font-weight: bold;
}
.weakpos {
  color: #a00000;
  font-weight: bold;
}
.better {
  color: #00a000;
  font-weight: bold;
}
.worse {
  color: #a00000;
  font-weight: bold;
}
.diff {
  font-size: 8pt;
}
.valaszt {
  color: #0000a0;
  font-weight: bold;
  text-decoration: underline;
}
td.kul {
  font-size: 8pt;
  text-align: right;
  color: #606060;
}
td.mai {
  background-color: rgba(160, 192, 255, 0.2);
}
.rig {
  text-align: right;
}
.evesrsz {
  font-weight: bold;
  text-shadow: 2px 2px 3px #00000080;
}
/*span.kul				{ font-size: 8pt; text-aligh: right; color: #606060; }*/

/* A szűrések eredetileg table-el megoldva */
table.szur {
  font-size: 10pt;
  border-spacing: 4px;
} /* Ez biztosítja, hogy a cellák között 5 px lesz */
table.szur td {
  background-color: #e0f0ff;
  padding: 2px 6px 2px 6px;
} /* Felirat körül 3px szépes színes sáv lesz */
table.szur:hover td {
  cursor: pointer;
} /* Ha ráállunk az egérrel, akkor olyan ikonja lesz, mintha link lenne */
td.szurval {
  background-color: #b0d0ff;
  padding: 2px 6px 2px 6px;
  border-bottom: 3px solid #0080ff;
}
td.szurval:hover {
  cursor: pointer;
}

/* A szűrés ul/li-vel megoldva---------------------- */
ul.szur {
  /*font-size: 		10pt; */
  list-style-type: none;
  padding: 0px; /* A szűrés listán belül mennyi padding hézag van */
  margin: 4px 0px 4px 0px; /* Ez biztosítja, hogy a szűrés listák között mennyi távolság lesz */
  display: -webkit-flex; /* Safari */
  -webkit-flex-flow: row wrap; /* Safari 6.1+ */
  display: flex;
  flex-flow: row wrap;
  border-radius: 5px;
}

ul.szur li {
  background-color: #e0f0ff;
  margin: 2px;
  padding: 2px 6px 3px 6px; /* margin: Felirat körül pár px széles színes sáv lesz; padding: a gombon belül lesz sáv */
  box-shadow:
    1px 2px 4px rgba(0, 0, 0, 0.12),
    1px 2px 4px rgba(0, 0, 0, 0.24); /* shadow: x y blur color*/
  /*max-width: 150px;*/
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
  border-radius: 5px;
} /* text-overflow: ellipsis; */
ul.szur:hover li {
  cursor: pointer; /*border-bottom: 1px solid #0080FF; padding-bottom:1px;*/
} /* Ha ráállunk az egérrel, akkor olyan ikonja lesz, mintha link lenne */
/* A kiválasztott szűrés így jelenik meg */
ul.szur li.szurval {
  background-color: #b0d0ff;
  margin: 2px;
  padding-bottom: 0px;
  border-bottom: 3px solid #a0c0e0; /*border-bottom: 3px solid #0080FF;*/
  box-shadow:
    1px 2px 4px rgba(0, 0, 0, 0.24),
    1px 2px 4px rgba(0, 0, 0, 0.48);
}
ul.szur li.szurval:hover {
  cursor: pointer;
}

/* A almenü ul/li-vel megoldva (elvileg mindenben egyezik 'szur'-el, csak más szín)---------------------- */
ul.almenu {
  /*font-size: 		10pt; */
  list-style-type: none;
  padding: 0px; /* A szűrés listán belül mennyi padding hézag van */
  margin: 4px 0px 4px 0px; /* Ez biztosítja, hogy a szűrés listák között mennyi távolság lesz */
  display: -webkit-flex; /* Safari */
  -webkit-flex-flow: row wrap; /* Safari 6.1+ */
  display: flex;
  flex-flow: row wrap;
}

ul.almenu li {
  background-color: #c0e0e0;
  margin: 2px;
  padding: 2px 6px 3px 6px; /* margin: Felirat körül pár px széles színes sáv lesz; padding: a gombon belül lesz sáv */
  box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.12),
    0 2px 4px rgba(0, 0, 0, 0.24); /* shadow: x y blur color*/
  /*max-width: 150px;*/
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
  border-radius: 5px;
} /* text-overflow: ellipsis; */
ul.almenu:hover li {
  cursor: pointer; /*border-bottom: 1px solid #0070D0; padding-bottom:1px;*/
} /* Ha ráállunk az egérrel, akkor olyan ikonja lesz, mintha link lenne */
/* A kiválasztott szűrés így jelenik meg */
ul.almenu li.almenuval {
  background-color: #a0c0e0;
  margin: 2px;
  padding-bottom: 0px;
  border-bottom: 3px solid #a0c0e0; /*border-bottom: 3px solid #0070D0*/
  box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.24),
    0 2px 4px rgba(0, 0, 0, 0.48);
}

ul.almenu li.almenuval:hover {
  cursor: pointer;
}

.NoSS {
  color: #a0a0d0;
}

.BuntRed {
  color: #a02020;
  font-weight: bold;
}

#popGpsChartContainer {
  background-color: #ffffff;
  border: 1px solid #a0a0a0;
  margin: 0px;
  position: absolute;
  box-shadow:
    1px 1px 2px #8080c040,
    2px 2px 5px #8080c040;
}

.clickPtr {
  cursor: pointer;
}
.charticon {
  width: 24px;
  margin: 3px;
}
.charticon:hover {
  cursor: pointer;
}

.natFlag {
	width: 16px;
	height: 12px;
	margin: 0px 2px 0px 0px;
	object-fit: contain;
  }

.autoMarka {
	width: 30px;
	height: 18px;
	/*margin: 2px;*/
	object-fit: contain;
}

.autoMarkaLarge {
	width: 36px;
	height: 24px;
	/*margin: 2px;*/
	object-fit: contain;
}

/*</style>*/