.hidden {
		display: none;
	}
	.container {
	  display: flex;
	  flex-direction: column;
	  flex-wrap: nowrap;
	  justify-content: space-between;
	  align-items: stretch;
	  align-content: stretch;
	  height: 100vh;
	}
	.logo-container {
		width: 100%;
		text-align: center;
		padding-bottom: 10px;
	}

	.header {
	  display: flex;
	  flex-direction: row;
	  flex-wrap: nowrap;
	  justify-content: flex-start;
	  align-items: stretch;
	  align-content: stretch;
	}
	
	input {
		border: 1px solid #ccc;
		padding: 10px;
		font-size: 16px;
	}
	.input-text {
		border: 1px solid #ccc;
		padding: 10px;
		font-size: 30px;
	}
	
	.input-time-text {
		border: 1px solid #ccc;
		padding: 10px;
		font-size: 100px;
		text-align: center;
	}
	
	.body {
	  display: flex;
	  flex-direction: column;
	  flex-wrap: nowrap;
	  justify-content: center;
	  align-items: center;
	  align-content: center;
	  border-top: 20px solid #ef1923;
	  width: 100%;
	  border-bottom: 20px solid #ef1923;
	  padding-top: 2%;
	  padding-bottom: 4%;
	  height: 30vh;
	  font-family: arial;
	}

	.body-title {
	  font-size: 2.5vw;
	  cursor: pointer;
	  font-family: arial;
	  margin-top: 1%;
	}

	.body-text {
	  font-size: 12vw;
	  font-family: arial;
	}

	.country-flag {
	  width: 30px;
	  background-color: red;
	}

	.nameSection {
	  display: flex;
	  flex-direction: column;
	  flex-wrap: nowrap;
	  justify-content: center;
	  align-items: flex-end;
	  align-content: flex-end;
	  width: 100%;
	  padding-right: 10%;
	}

	.imageLogo {
	  width: 1000px;
	  height: 250px;
	  @media (max-width: 1090px) {
		width: 50%;
	  }
	}

	@media (max-width: 1090px) {
	  .imageLogo {
		width: 50%
	  }

	  .nameSection {
		font-size: 2vw;
		padding-right: 5%;
	  }

	  .service-click-edit {
		font-size: 1.5vw;
		vertical-align: middle;
	  }

	  .service-in-out {
		font-size: 1vw;
		font-family: arial;
	  }

	  .service-text {
		vertical-align: middle;
	  }

	  .country-flag {
		width: 1.3rem;
	  }
	}
	.service-in-out {
	  font-size: 1.5vw;
	}
	.rowName {
	  display: flex;
	  flex-direction: row;
	  flex-wrap: nowrap;
	  justify-content: flex-start;
	  align-items: center;
	  align-content: center;
	}

	.logoSection {
	  display: flex;
	  flex-direction: row;
	  flex-wrap: nowrap;
	  justify-content: center;
	  align-items: center;
	  align-content: stretch;
	}

	.footer {
	  display: flex;
	  flex-direction: row;
	  flex-wrap: nowrap;
	  justify-content: space-between;
	  align-items: center;
	  align-content: stretch;
	  width: 100%;
	}
	
	.footer-container {
	  display: flex;
	  flex-direction: column;
	  flex-wrap: nowrap;
	  justify-content: space-between;
	  align-items: center;
	  align-content: stretch;
	  padding-inline: 10%;
	}

	.footerItem1 {
	  display: flex;
	  flex-direction: column;
	  flex-wrap: nowrap;
	  justify-content: center;
	  align-items: center;
	  align-content: stretch;
	  margin-top: 0%;
	  min-width: 30%;
	}

	.service-text {
	  cursor: pointer;
	  font-size: 3vw;

	  @media (max-width: 1090px) {
		vertical-align: middle;
	  }
	}
	
	.service-click-edit {
	  cursor: pointer;
	  font-size: 1.7vw;
	}

	.footerItem2 {
	  display: flex;
	  flex-direction: column;
	  flex-wrap: nowrap;
	  justify-content: center;
	  align-items: center;
	  align-content: stretch;
	  margin-top: 0%;
	  min-width: 10%;

	  @media (max-width: 1090px) {
		width: 350px
	  }
	}

	.rally-text {
	  font-size: 6vw;
	  font-family: arial;
	}

	.serviceRow {
	  display: flex;
	  flex-direction: row;
	  flex-wrap: nowrap;
	  justify-content: space-between;
	  align-items: center;
	  align-content: stretch;
	  width: 100%;
	  margin-bottom: 5%;
	  font-family: arial;
	}

	.rallyRow {
	  display: flex;
	  flex-direction: row;
	  flex-wrap: nowrap;
	  justify-content: center;
	  align-items: center;
	  align-content: center;
	  width: 100%;
	  margin-bottom: 5%;
	}
	.driver {
		font-family: arial;
		font-size: 2.5vw;
	}
	.btn-ok {
		background-color: #4CAF50; /* Set the background color */
		color: white; /* Set the text color */
		border-radius: 4px; /* Add rounded corners */
		padding: 10px 20px; /* Add padding */
		font-size: 16px; /* Increase the font size */
		border: none; /* Remove borders */
		cursor: pointer; /* Change cursor style on hover */
	}
	.btn-cancel {
		background-color: red; /* Set the background color */
		color: white; /* Set the text color */
		border-radius: 4px; /* Add rounded corners */
		padding: 10px 20px; /* Add padding */
		font-size: 16px; /* Increase the font size */
		border: none; /* Remove borders */
		cursor: pointer; /* Change cursor style on hover */
	}
	.btn-ok:hover {
	  background-color: #3e8e41; /* Darken the background on hover */
	}
	.btn-cancel:hover {
	  background-color: #8b0000; /* Darken the background on hover */
	}