/* You can add global styles to this file, and also import other style files */
body {
  padding: 0px;
  margin: 0px;
  height: 100%;
  width: 100%;
}
.form {
  font-size: 1.1em;
}
.form .block {
  display: flex;
}
.form .block .label {
  width: 300px;
  flex: 0 1 auto;
  margin-left: 10px;
}
.form .block .enter {
  width: 500px;
  flex: 1 1 auto;
}
.form .block .spot {
  border: 1px grey solid;
  border-radius: 3px;
  flex: 0 0 auto;
  display: table;
}
.form .block .table {
  display: table;
}
.form .block .table .inner {
  vertical-align: bottom;
}
.form .block .end-of-line {
  flex: 1 1 auto;
}
.form .line {
  margin-left: 10px;
}
.form .new-section {
  margin-top: 20px;
}
.form .new-section table .tab-line:nth-of-type(odd) {
  background-color: lightgray;
}
.form .new-section table tr .col-header {
  padding: 5px;
  font-weight: bold;
}
.form .new-section table tr .cell {
  padding: 2px 5px;
}
.form .new-section table tr th.bgc {
  background-color: #b8c4cc;
}
.form .new-section table tr td .icone {
  height: 15px;
}
.form .new-section table tr td .list-results {
  position: absolute;
  background-color: white;
  padding: 5px;
  border: 1px solid grey;
  box-shadow: 2px 4px 8px 1px grey;
}
.form .title-sheet {
  padding: 5px;
  background-color: lightgray;
  font-size: 1.1em;
  font-weight: bold;
}
.form .spaced {
  margin-top: 10px;
  margin-bottom: 10px;
}
.form .list {
  margin-left: 30px;
}
.deleteButton {
  background-color: #eb8484;
  border: 1px solid grey;
  padding: 5px 10px;
  font-weight: bold;
  color: #434343;
  cursor: pointer;
}
input[type="text"],
input[type="password"],
input[type="number"] {
  border-top: none;
  border-left: none;
  border-right: none;
  color: #595959;
}
input[type="text"]:focus {
  color: black;
}
a,
a:hover,
a:visited {
  text-decoration: none;
  color: #0d3959;
}
.router-link-active {
  font-weight: bold;
  text-decoration: underline;
}
nav {
  margin: 0px;
  padding: 0px;
}
nav ul {
  margin: 0px;
  padding: 0px;
}
nav ul li {
  list-style: none;
  width: 100%;
  height: 50px;
  border: 1px solid #0d3959;
  margin: 0px;
  padding: 0px 10px;
  line-height: 50px;
  box-sizing: border-box;
}
nav ul li:hover {
  background-color: #cedee9;
}
.back-dialog {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(51, 51, 51, 0.4);
}
.back-dialog .dialog {
  margin: auto;
  margin-top: 50px;
}
.back-dialog .dialog-license {
  background-color: white;
  padding: 10px;
}
.back-dialog .dialog-license .title {
  font-weight: bold;
  border-bottom: 1px black solid;
}
.back-dialog .dialog-license .title .button {
  font-weight: bold;
  float: right;
  cursor: pointer;
}
.back-dialog .dialog-license .content {
  margin-top: 10px;
}
.back-dialog .dialog-license .content .title {
  font-weight: bold;
}
.back-dialog .dialog-license .content .tableau {
  display: flex;
}
.back-dialog .dialog-license .content .tableau .c1 {
  flex: 1 1 auto;
}
.back-dialog .dialog-license .content .tableau .c2 {
  flex: 1 1 auto;
}
.back-dialog .dialog-license .content .tableau .c3 {
  flex: 1 1 auto;
}
.back-dialog .dialog-popup {
  width: 300px;
}
.back-dialog .dialog-popup .window {
  display: table-cell;
  background-color: white;
  vertical-align: middle;
}
.back-dialog .dialog-popup .window .border {
  border: 1px solid grey;
}
.back-dialog .dialog-popup .window .border .title {
  background-color: #960808;
  color: white;
  font-weight: bold;
  font-size: 1.3em;
  padding: 10px;
}
.back-dialog .dialog-popup .window .border .content {
  padding: 10px;
}
.back-dialog .dialog-popup .window .border .button {
  text-align: center;
  padding: 10px;
}
.back-dialog .waiting {
  left: 50%;
  margin: auto;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
.back-dialog .save-dialog {
  width: 300px;
  margin: auto;
  margin-top: 50px;
}
.back-dialog .save-dialog .window {
  display: table-cell;
  background-color: white;
  vertical-align: middle;
}
.back-dialog .save-dialog .window .border {
  border: 1px solid grey;
}
.back-dialog .save-dialog .window .border .title {
  background-color: #960808;
  color: white;
  font-weight: bold;
  font-size: 1.3em;
  padding: 10px;
}
.back-dialog .save-dialog .window .border .content {
  padding: 10px;
}
.back-dialog .save-dialog .window .border .content .line .data {
  height: 15px;
}
.back-dialog .save-dialog .window .border .button {
  text-align: center;
  padding: 10px;
}
.couche-100 {
  z-index: 100;
}
.couche-80 {
  z-index: 80;
}
.couche-1000 {
  z-index: 1000;
}
.back-waiting-message {
  text-align: center;
  font-size: 25px;
  margin-top: 50px;
  z-index: 1001;
  padding: 10px;
}
.archive {
  position: relative;
  width: 750px;
  margin: auto;
}
.archive .title {
  font-size: 300px;
  opacity: 0.7;
  color: #b2d2e8;
}
.archive .b1 {
  position: absolute;
  top: 227px;
  font-size: 50px;
  cursor: pointer;
}
.archive .b2 {
  position: absolute;
  top: 160px;
  font-size: 50px;
  left: 300px;
  cursor: pointer;
}
.archive .b3 {
  font-size: 50px;
  position: absolute;
  top: 227px;
  left: 300px;
  cursor: pointer;
}
.archive .b4 {
  font-size: 50px;
  position: absolute;
  top: 93px;
  left: 300px;
  cursor: pointer;
}
.home {
  margin-bottom: 50px;
}
.home .stats {
  padding: 20px 10px 20px 10px;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}
.home .stats .title {
  text-align: center;
  font-size: 2em;
  margin-bottom: 20px;
}
.home .stats .stat-list {
  display: flex;
}
.home .stats .stat-list .stat {
  flex: 1 1 auto;
}
.home .stats .stat-list .stat .stat-box {
  text-align: center;
  font-size: 2em;
  width: 200px;
  margin: auto;
  padding: 10px;
  height: 165px;
}
.home .stats .stat-list .stat .stat-box .stat-content {
  font-size: 2em;
}
.home .stats .stat-enum {
  width: 1500px;
  margin: auto;
}
.home .stats .stat-enum .stat {
  float: left;
  width: 300px;
}
.home .stats .stat-enum .stat .stat-box {
  text-align: center;
  font-size: 2em;
  width: 200px;
  padding: 10px;
  box-sizing: border-box;
}
.home .stats .stat-enum .stat .stat-box .stat-content {
  font-size: 2em;
}
.home .stats:nth-of-type(even) {
  background-color: #0050a3;
}
.home .stats:nth-of-type(even) .stat-list .stat .stat-box .stat-title,
.home .stats:nth-of-type(even) .stat-enum .stat .stat-box .stat-title {
  color: #dfdfdf;
}
.home .stats:nth-of-type(even) .stat-list .stat .stat-box .stat-content,
.home .stats:nth-of-type(even) .stat-enum .stat .stat-box .stat-content {
  color: white;
}
.home .stats:nth-of-type(odd) .stat-list .stat .stat-box .stat-title,
.home .stats:nth-of-type(odd) .stat-enum .stat .stat-box .stat-title {
  color: #626262;
}
.home .stats:nth-of-type(odd) .stat-list .stat .stat-box .stat-content,
.home .stats:nth-of-type(odd) .stat-enum .stat .stat-box .stat-content {
  color: black;
}
.status-bar {
  position: fixed;
  z-index: 2;
  background-color: #0050a3;
  height: 30px;
  width: 100%;
  top: 0px;
  z-index: 5;
}
.status-bar .account {
  float: right;
}
.status-bar .account .icone-block {
  float: left;
}
.status-bar .account .icone-block .icone {
  height: 30px;
}
.status-bar .account .button-block {
  float: left;
}
.status-bar .account .button-block .button {
  height: 30px;
  border: none;
  background-color: #0050a3;
  color: white;
  cursor: pointer;
  margin: 0px 10px;
}
.status-bar .account .user-block {
  float: left;
  line-height: 30px;
  padding: 0px 10px;
}
.main {
  display: flex;
}
.main .admin-menu {
  /*
        position: fixed; 
        top: 0px; 
        width: 200px; 
        height: 100%; 
        box-sizing: border-box; 
        padding-top: 400px;
        */
  width: 200px;
  box-sizing: border-box;
  flex: 0 0 200px;
}
.main .content {
  /*
        box-sizing: border-box; 
        margin-left: 200px; 
        overflow: auto; 
        z-index: 0;
        */
  flex: 1 1 auto;
  box-sizing: border-box;
  overflow: auto;
}
.pointer {
  cursor: pointer;
}
.difference {
  color: #bf1d1d;
}
@media screen and (min-width: 1200px) {
  .challenge-result .pointLabel {
    display: none;
  }
  .challenge-result .title .title-bloc {
    width: 1150px;
  }
  .challenge-result .tableau {
    width: 1150px;
  }
  .challenge-result .tableau .entete {
    display: flex;
    font-weight: bold;
  }
  .challenge-result .tableau .entete .c1,
  .challenge-result .tableau .entete .c2 {
    flex: 0 0 40px;
  }
  .challenge-result .tableau .entete .c3 {
    flex: 0 0 250px;
  }
  .challenge-result .tableau .entete .c4 {
    flex: 0 0 400px;
  }
  .challenge-result .tableau .entete .c5 {
    flex: 0 0 350px;
  }
  .challenge-result .tableau .ligne {
    display: flex;
  }
  .challenge-result .tableau .ligne .c1,
  .challenge-result .tableau .ligne .c2 {
    flex: 0 0 40px;
  }
  .challenge-result .tableau .ligne .c3 {
    flex: 0 0 250px;
  }
  .challenge-result .tableau .ligne .c4 {
    flex: 0 0 400px;
  }
  .challenge-result .tableau .ligne .c5 {
    flex: 0 0 350px;
  }
}
@media screen and (max-width: 1199px) and (min-width: 1000px) {
  .challenge-result .pointLabel {
    display: none;
  }
  .challenge-result .title .title-bloc {
    width: 1000px;
  }
  .challenge-result .tableau {
    width: 1000px;
  }
  .challenge-result .tableau .entete {
    display: flex;
    font-weight: bold;
  }
  .challenge-result .tableau .entete .c1,
  .challenge-result .tableau .entete .c2 {
    flex: 0 0 40px;
  }
  .challenge-result .tableau .entete .c3 {
    flex: 0 0 250px;
  }
  .challenge-result .tableau .entete .c4 {
    flex: 0 0 250px;
  }
  .challenge-result .tableau .entete .c5 {
    flex: 0 0 350px;
  }
  .challenge-result .tableau .ligne {
    display: flex;
  }
  .challenge-result .tableau .ligne .c1,
  .challenge-result .tableau .ligne .c2 {
    flex: 0 0 40px;
  }
  .challenge-result .tableau .ligne .c3 {
    flex: 0 0 250px;
  }
  .challenge-result .tableau .ligne .c4 {
    flex: 0 0 250px;
  }
  .challenge-result .tableau .ligne .c5 {
    flex: 0 0 350px;
  }
}
@media screen and (max-width: 999px) and (min-width: 700px) {
  .challenge-result .title .title-bloc {
    width: 700px;
  }
  .challenge-result .tableau {
    width: 700px;
  }
  .challenge-result .tableau .entete {
    display: grid;
    grid-template-columns: 40px 380px 80px 200px;
    grid-gap: 0px;
    font-weight: bold;
  }
  .challenge-result .tableau .entete .c1 {
    grid-row: 1;
    grid-column: 1;
  }
  .challenge-result .tableau .entete .c2 {
    display: none;
  }
  .challenge-result .tableau .entete .c3 {
    grid-row: 1;
    grid-column: 2 / span 3;
  }
  .challenge-result .tableau .entete .c4 {
    display: none;
  }
  .challenge-result .tableau .entete .c5 {
    grid-row: 1;
    grid-column: 4;
  }
  .challenge-result .tableau .ligne {
    display: grid;
    grid-template-columns: 40px 380px 80px 200px;
    grid-gap: 0px;
  }
  .challenge-result .tableau .ligne .c1 {
    grid-row: 1;
    grid-column: 1;
  }
  .challenge-result .tableau .ligne .c2 {
    grid-row: 1;
    grid-column: 3;
  }
  .challenge-result .tableau .ligne .c3 {
    grid-row: 1;
    grid-column: 2;
  }
  .challenge-result .tableau .ligne .c4 {
    grid-row: 2;
    grid-column: 2 / span 3;
  }
  .challenge-result .tableau .ligne .c5 {
    grid-row: 1 / span 2;
    grid-column: 4;
  }
}
@media screen and (max-width: 699px) {
  .challenge-result .title .title-bloc {
    width: 100%;
  }
  .challenge-result .tableau {
    width: 100%;
  }
  .challenge-result .tableau .entete {
    display: grid;
    grid-template-columns: 40px auto 80px 120px;
    grid-gap: 0px;
    font-weight: bold;
  }
  .challenge-result .tableau .entete .c1 {
    grid-row: 1;
    grid-column: 1;
  }
  .challenge-result .tableau .entete .c2 {
    display: none;
  }
  .challenge-result .tableau .entete .c3 {
    grid-row: 1;
    grid-column: 2 / span 3;
  }
  .challenge-result .tableau .entete .c4 {
    display: none;
  }
  .challenge-result .tableau .entete .c5 {
    grid-row: 1;
    grid-column: 4;
  }
  .challenge-result .tableau .ligne {
    display: grid;
    grid-template-columns: 40px auto 80px 120px;
    grid-gap: 0px;
  }
  .challenge-result .tableau .ligne .c1 {
    grid-row: 1;
    grid-column: 1;
  }
  .challenge-result .tableau .ligne .c2 {
    grid-row: 1;
    grid-column: 3;
  }
  .challenge-result .tableau .ligne .c3 {
    grid-row: 1;
    grid-column: 2;
  }
  .challenge-result .tableau .ligne .c4 {
    grid-row: 2;
    grid-column: 2 / span 3;
  }
  .challenge-result .tableau .ligne .c5 {
    grid-row: 1 / span 2;
    grid-column: 4;
  }
}
.races-list .title .title-bloc,
.race-result .title .title-bloc,
.challenge-list .title .title-bloc,
.item-list .title .title-bloc {
  width: 1000px;
}
.races-list .tableau,
.race-result .tableau,
.challenge-list .tableau,
.item-list .tableau {
  width: 1000px;
}
.races-list .title,
.race-result .title,
.challenge-list .title,
.challenge-result .title,
.item-list .title {
  background-color: #0050a3;
}
.races-list .title .title-bloc,
.race-result .title .title-bloc,
.challenge-list .title .title-bloc,
.challenge-result .title .title-bloc,
.item-list .title .title-bloc {
  padding: 10px 0px;
  margin: auto;
}
.races-list .title .title-bloc .main,
.race-result .title .title-bloc .main,
.challenge-list .title .title-bloc .main,
.challenge-result .title .title-bloc .main,
.item-list .title .title-bloc .main {
  font-size: 2em;
  color: white;
  padding: 0px 10px;
  box-sizing: border-box;
}
.races-list .title .title-bloc .main a,
.race-result .title .title-bloc .main a,
.challenge-list .title .title-bloc .main a,
.challenge-result .title .title-bloc .main a,
.item-list .title .title-bloc .main a {
  color: white;
}
.races-list .title .title-bloc .sub,
.race-result .title .title-bloc .sub,
.challenge-list .title .title-bloc .sub,
.challenge-result .title .title-bloc .sub,
.item-list .title .title-bloc .sub {
  font-size: 1.2em;
  color: white;
  padding: 0px 10px;
  box-sizing: border-box;
}
.races-list .table,
.race-result .table,
.challenge-list .table,
.challenge-result .table,
.item-list .table {
  margin-top: 20px;
  width: 1000px;
  margin: auto;
  box-sizing: border-box;
}
.races-list .table table,
.race-result .table table,
.challenge-list .table table,
.challenge-result .table table,
.item-list .table table {
  width: 100%;
}
.races-list .table table tr th,
.race-result .table table tr th,
.challenge-list .table table tr th,
.challenge-result .table table tr th,
.item-list .table table tr th {
  background-color: #0050a3;
  color: white;
  font-weight: bold;
  font-size: 1.1em;
}
.races-list .table table tr td,
.race-result .table table tr td,
.challenge-list .table table tr td,
.challenge-result .table table tr td,
.item-list .table table tr td {
  font-size: 1.1em;
}
.races-list .boxes-list,
.race-result .boxes-list,
.challenge-list .boxes-list,
.challenge-result .boxes-list,
.item-list .boxes-list {
  margin: auto;
  padding-bottom: 30px;
}
.races-list .boxes-list .line,
.race-result .boxes-list .line,
.challenge-list .boxes-list .line,
.challenge-result .boxes-list .line,
.item-list .boxes-list .line {
  margin-top: 20px;
}
.races-list .boxes-list .line .box .link,
.race-result .boxes-list .line .box .link,
.challenge-list .boxes-list .line .box .link,
.challenge-result .boxes-list .line .box .link,
.item-list .boxes-list .line .box .link {
  padding: 5px;
  font-size: 30px;
  width: 300px;
  box-sizing: border-box;
  margin: 5px;
  float: left;
  position: relative;
  left: -70px;
}
.races-list .boxes-list .line .box .link a,
.race-result .boxes-list .line .box .link a,
.challenge-list .boxes-list .line .box .link a,
.challenge-result .boxes-list .line .box .link a,
.item-list .boxes-list .line .box .link a {
  font-family: Arial, Helvetica, sans-serif;
  color: #626262;
}
.races-list .boxes-list .line .box .gender-h,
.race-result .boxes-list .line .box .gender-h,
.challenge-list .boxes-list .line .box .gender-h,
.challenge-result .boxes-list .line .box .gender-h,
.item-list .boxes-list .line .box .gender-h {
  overflow: hidden;
  width: 65px;
  opacity: 0.3;
  float: left;
  padding-left: 15px;
}
.races-list .boxes-list .line .box .gender-h img,
.race-result .boxes-list .line .box .gender-h img,
.challenge-list .boxes-list .line .box .gender-h img,
.challenge-result .boxes-list .line .box .gender-h img,
.item-list .boxes-list .line .box .gender-h img {
  position: relative;
  height: 80px;
  left: -70px;
}
.races-list .boxes-list .line .box .gender-f,
.race-result .boxes-list .line .box .gender-f,
.challenge-list .boxes-list .line .box .gender-f,
.challenge-result .boxes-list .line .box .gender-f,
.item-list .boxes-list .line .box .gender-f {
  overflow: hidden;
  width: 55px;
  opacity: 0.3;
  float: left;
  padding-left: 15px;
}
.races-list .boxes-list .line .box .gender-f img,
.race-result .boxes-list .line .box .gender-f img,
.challenge-list .boxes-list .line .box .gender-f img,
.challenge-result .boxes-list .line .box .gender-f img,
.item-list .boxes-list .line .box .gender-f img {
  height: 80px;
}
.races-list .boxes-list .line .box .categorie,
.race-result .boxes-list .line .box .categorie,
.challenge-list .boxes-list .line .box .categorie,
.challenge-result .boxes-list .line .box .categorie,
.item-list .boxes-list .line .box .categorie {
  float: left;
  color: #0050a3;
  font-size: 70px;
  font-weight: bold;
  font-family: sans-serif;
  opacity: 0.8;
  top: 15px;
  position: relative;
  width: 110px;
}
.races-list .boxes-list .line .box .categorie-h,
.race-result .boxes-list .line .box .categorie-h,
.challenge-list .boxes-list .line .box .categorie-h,
.challenge-result .boxes-list .line .box .categorie-h,
.item-list .boxes-list .line .box .categorie-h {
  left: -80px;
}
.races-list .boxes-list .line .box .categorie-f,
.race-result .boxes-list .line .box .categorie-f,
.challenge-list .boxes-list .line .box .categorie-f,
.challenge-result .boxes-list .line .box .categorie-f,
.item-list .boxes-list .line .box .categorie-f {
  left: -70px;
}
.races-list .tableau,
.race-result .tableau,
.challenge-list .tableau,
.challenge-result .tableau,
.item-list .tableau {
  margin-top: 20px;
  margin: auto;
  box-sizing: border-box;
}
.races-list .tableau .entete,
.race-result .tableau .entete,
.challenge-list .tableau .entete,
.challenge-result .tableau .entete,
.item-list .tableau .entete {
  font-weight: bold;
}
.races-list .tableau .entete .c1,
.race-result .tableau .entete .c1,
.challenge-list .tableau .entete .c1,
.challenge-result .tableau .entete .c1,
.item-list .tableau .entete .c1,
.races-list .tableau .entete .c2,
.race-result .tableau .entete .c2,
.challenge-list .tableau .entete .c2,
.challenge-result .tableau .entete .c2,
.item-list .tableau .entete .c2 {
  overflow: hidden;
  padding: 5px;
}
.races-list .tableau .entete .c2,
.race-result .tableau .entete .c2,
.challenge-list .tableau .entete .c2,
.challenge-result .tableau .entete .c2,
.item-list .tableau .entete .c2 {
  text-align: right;
}
.races-list .tableau .entete .c3,
.race-result .tableau .entete .c3,
.challenge-list .tableau .entete .c3,
.challenge-result .tableau .entete .c3,
.item-list .tableau .entete .c3 {
  overflow: hidden;
  padding: 5px;
}
.races-list .tableau .entete .c4,
.race-result .tableau .entete .c4,
.challenge-list .tableau .entete .c4,
.challenge-result .tableau .entete .c4,
.item-list .tableau .entete .c4 {
  overflow: hidden;
  padding: 5px;
}
.races-list .tableau .entete .c5,
.race-result .tableau .entete .c5,
.challenge-list .tableau .entete .c5,
.challenge-result .tableau .entete .c5,
.item-list .tableau .entete .c5 {
  overflow: hidden;
  text-align: center;
  background-color: #e1e1e1;
  padding: 5px;
}
.races-list .tableau .entete .c5 .prev,
.race-result .tableau .entete .c5 .prev,
.challenge-list .tableau .entete .c5 .prev,
.challenge-result .tableau .entete .c5 .prev,
.item-list .tableau .entete .c5 .prev {
  cursor: pointer;
  height: 15px;
  float: left;
}
.races-list .tableau .entete .c5 .next,
.race-result .tableau .entete .c5 .next,
.challenge-list .tableau .entete .c5 .next,
.challenge-result .tableau .entete .c5 .next,
.item-list .tableau .entete .c5 .next {
  cursor: pointer;
  height: 15px;
  float: right;
}
.races-list .tableau .ligne .c1,
.race-result .tableau .ligne .c1,
.challenge-list .tableau .ligne .c1,
.challenge-result .tableau .ligne .c1,
.item-list .tableau .ligne .c1,
.races-list .tableau .ligne .c2,
.race-result .tableau .ligne .c2,
.challenge-list .tableau .ligne .c2,
.challenge-result .tableau .ligne .c2,
.item-list .tableau .ligne .c2 {
  overflow: hidden;
  padding: 5px;
}
.races-list .tableau .ligne .c2,
.race-result .tableau .ligne .c2,
.challenge-list .tableau .ligne .c2,
.challenge-result .tableau .ligne .c2,
.item-list .tableau .ligne .c2 {
  text-align: right;
  padding: 5px;
}
.races-list .tableau .ligne .c3,
.race-result .tableau .ligne .c3,
.challenge-list .tableau .ligne .c3,
.challenge-result .tableau .ligne .c3,
.item-list .tableau .ligne .c3 {
  overflow: hidden;
  padding: 5px;
}
.races-list .tableau .ligne .c4,
.race-result .tableau .ligne .c4,
.challenge-list .tableau .ligne .c4,
.challenge-result .tableau .ligne .c4,
.item-list .tableau .ligne .c4 {
  overflow: hidden;
  padding: 5px;
}
.races-list .tableau .ligne .c5,
.race-result .tableau .ligne .c5,
.challenge-list .tableau .ligne .c5,
.challenge-result .tableau .ligne .c5,
.item-list .tableau .ligne .c5 {
  overflow: hidden;
  text-align: center;
  background-color: #e1e1e1;
  padding: 5px;
}
@media screen and (min-width: 1400px) {
  .header .menu .block-menu {
    display: flex;
  }
  .header .menu .block-menu .item {
    line-height: 50px;
    border-top: 1px solid white;
    padding: 0px 20px;
  }
  .header .menu .block-menu .i1,
  .header .menu .block-menu .i5,
  .header .menu .block-menu .i6 {
    flex: 0 0;
  }
  .header .menu .block-menu .i3,
  .header .menu .block-menu .i2 {
    flex: 0 0 250px;
  }
  .header .menu .block-menu .i4 {
    flex: 0 0 200px;
  }
  .header .menu .block-menu .left {
    flex: 1 1;
    padding: 0px;
  }
  .header .menu .block-menu .right {
    flex: 1 1;
    padding: 0px;
  }
  .status-bar .vertical-menu {
    display: none;
  }
}
@media screen and (max-width: 1399px) and (min-width: 1001px) {
  .header .menu .block-menu {
    display: flex;
  }
  .header .menu .block-menu .item {
    line-height: 50px;
    border-top: 1px solid white;
    padding: 0px 20px;
  }
  .header .menu .block-menu .i1,
  .header .menu .block-menu .i4,
  .header .menu .block-menu .i5 {
    flex: 0 0;
  }
  .header .menu .block-menu .i3,
  .header .menu .block-menu .i2 {
    flex: 0 0 250px;
  }
  .header .menu .block-menu .left {
    flex: 1 1;
    padding: 0px;
  }
  .header .menu .block-menu .right {
    flex: 1 1;
    padding: 0px;
  }
  .home .large-stat {
    display: none;
  }
  .status-bar .vertical-menu {
    display: none;
  }
}
/*
@media screen and (max-width: 1400px) {
    .admin-menu {
        display: none;
    }
}
*/
@media screen and (max-width: 1000px) {
  .header .menu .block-menu {
    display: none;
  }
  .home .large-stat {
    display: none;
  }
  .home .last-races .picture {
    display: none;
  }
  .status-bar .vertical-menu {
    float: left;
  }
  .status-bar .vertical-menu .icon {
    font-size: 50px;
    color: white;
    font-weight: bold;
    padding: 0px 10px;
    position: relative;
    top: -15px;
    width: 50px;
    height: 30px;
  }
  .status-bar .vertical-menu .block-menu {
    background-color: white;
    font-size: 25px;
  }
  .status-bar .vertical-menu .block-menu .item {
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    padding: 10px;
    border: 1px solid grey;
  }
}
@media screen and (max-width: 1000px) {
  .header {
    width: 100%;
    z-index: 2;
    background-color: #0050a3;
  }
  .header .background {
    width: 100%;
  }
  .header .background img {
    width: 100%;
  }
  .header .title1 {
    position: absolute;
    top: 40px;
    margin-top: 30px;
    width: 100%;
    text-align: center;
    font-size: 2.5em;
    font-family: "Droid Sans", sans-serif, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: white;
    font-weight: bold;
  }
  .header .title2 {
    width: 100%;
    text-align: center;
    font-size: 1.8em;
    font-family: "Droid Sans", sans-serif, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: white;
    font-weight: bold;
    position: absolute;
    top: 180px;
  }
  .home .last-races {
    width: 500px;
    margin: auto;
    padding: 40px 0px;
  }
  .home .last-races .picture {
    display: none;
  }
  .home .last-races .title {
    height: 300px;
    color: white;
    font-size: 1.8em;
    font-family: arial;
    letter-spacing: 2px;
    font-weight: bold;
    padding: 250px 10px 0px 10px;
    box-sizing: border-box;
    background-image: url("/img/last-results.jpg");
  }
  .home .last-races .races {
    /*margin-left: 500px;*/
    background-color: #dfdfdf;
    box-sizing: border-box;
  }
  .home .last-races .races .race {
    font-size: 1.8em;
    padding: 10px 20px;
    color: #3D3D3D;
  }
  .challenge-list .boxes-list {
    width: 500px;
  }
}
@media screen and (min-width: 1001px) {
  .header {
    width: 100%;
    height: 400px;
    overflow: hidden;
    z-index: 2;
    background-color: #0050a3;
  }
  .header .background {
    height: 400px;
    overflow: hidden;
    position: relative;
  }
  .header .background .image {
    width: 100%;
    top: 50%;
    position: absolute;
    transform: translate(0%, -50%);
  }
  .header .title1 {
    position: absolute;
    top: 30px;
    z-index: 3;
    width: 100%;
    text-align: center;
    padding-top: 120px;
    font-size: 2.5em;
    font-family: "Droid Sans", sans-serif, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: white;
    font-weight: bold;
  }
  .header .title2 {
    position: absolute;
    top: 30px;
    z-index: 3;
    width: 100%;
    text-align: center;
    padding-top: 190px;
    font-size: 1.8em;
    font-family: "Droid Sans", sans-serif, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: white;
    font-weight: bold;
  }
  .header .menu {
    position: absolute;
    top: 30px;
    z-index: 3;
    width: 100%;
    text-align: center;
    padding-top: 320px;
    font-size: 1.2em;
    font-family: "Droid Sans", sans-serif, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: white;
    font-weight: bold;
  }
  .home .last-races {
    width: 1000px;
    margin: auto;
    padding: 40px 0px;
    display: flex;
  }
  .home .last-races .picture {
    display: none;
  }
  .home .last-races .title {
    flex: 1 1 500px;
    height: 300px;
    color: white;
    font-size: 1.8em;
    font-family: arial;
    letter-spacing: 2px;
    font-weight: bold;
    padding: 250px 10px 0px 10px;
    box-sizing: border-box;
    background-image: url("/img/last-results.jpg");
  }
  .home .last-races .races {
    height: 300px;
    background-color: #dfdfdf;
    flex: 1 1 500px;
    padding-top: 20px;
    box-sizing: border-box;
  }
  .home .last-races .races .race {
    font-size: 1.8em;
    padding: 10px 20px;
    color: #3D3D3D;
  }
  .challenge-list .boxes-list {
    width: 1000px;
  }
  .challenge-list .boxes-list .line {
    display: flex;
  }
  .challenge-list .boxes-list .line .box {
    flex: 1 1 auto;
  }
}
@media screen and (max-width: 499px) {
  .back-dialog .dialog-license {
    width: 100%;
    box-sizing: border-box;
  }
  .header .title1 {
    font-size: 1.8em;
  }
  .header .title2 {
    top: 130px;
  }
}
@media screen and (min-width: 500px) {
  .back-dialog .dialog-license {
    width: 500px;
  }
}