body {
      background-color: black;
      display: flex;
      flex-direction: column;

      height: 100vh;
    }
img {
  width: 80%;
  max-width: 200px;
  margin-top: 20px;
}
h1 {
  color: white;
  margin-top: 20px;
}
/* Add styles for the login form */
input[type=text], input[type=password] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
  border-radius: 10px;
}
/* Add styles for the submit button */
.normalSubmitButton {
  height: 50px;
  width: 100%;
  background-color: #4CAF50;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 10px;
  cursor: pointer;
}
input[type=button] {
  height: 50px;
  width: 100%;
  background-color: #4CAF50;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 10px;
  cursor: pointer;
}
.button {
  height: 50px;
  width: 100%;
  background-color: #4CAF50;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 10px;
  cursor: pointer;
}
.button_back {
  height: 50px;
  width: 100%;
  background-color: #fa6b6b;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 10px;
  cursor: pointer;
}
#btnCancelHitch {
  height: 50px;
  width: 100%;
  background-color: #fa6b6b;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 10px;
  cursor: pointer;
}
.divForm {
  background-color: white;
  padding: 20px;
  border-radius: 10px;
  width: 90%;
  max-width: 300px;
  align-items: center;
  text-align: center;
  margin: 0 auto;
}
.divFormAddHitch {
  background-color: white;
  padding: 20px;
  border-radius: 10px;
  width: 90%;
  max-width: 300px;
  align-items: center;
  text-align: left;
  margin: 0 auto;
}
.divDashList {
  background-color: white;
  padding: 20px;
  border-radius: 10px;
  width: 90%;
  max-width: 300px;
  align-items: center;
  text-align: left;
  margin: 0 auto;
}
.divDashHeader {
  width: 90%;
  max-width: 300px;
  align-items: left;
  text-align: left;
  margin: 0 auto;
}
.divHeader {
  width: 90%;
  max-width: 300px;
  align-items: center;
  text-align: center;
  margin: 0 auto;
}
.index_date {
  color: white;
  margin-top: 20px;
}

.imgDash {
  width: 80%;
  max-width: 30px;
  margin-top: 20px;
}
.imgTelegram {
  width: 80%;
  max-width: 20px;
  margin-top: 20px;
}
.imgTelegramLong {
  width: 80%;
  max-width: 50px;
  margin-top: 20px;
  align-items: center;
  text-align: center;
}
.drvHeaderFont {
  color: white;
  margin-top: 0px;
  align-items: center;
  text-align: center;
}
    