.hdn { display: none !important; }

#registerDialog {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
}

.backdrop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.65;
  background: #000;
  z-index: 9999;
}

.outerDialog {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  display: table;
}

.innerDialog {
  display: table-cell;
  vertical-align: middle;
}

.dialog {
  display: block;
  max-width: 664px;
  border: 5px solid black;
  background: #fff;
  border-radius: 16px;
  padding: 20px;
}

.infoinput {
  width: 100%;
  background-color: lightgray;
  border: none;
  margin-bottom: 20px;
  padding-left: 5px;
}

.title {
  font-size: 4em !important;
  line-height: 1;
}

.title strong {
  color: #db3f3f;
}

.date {
  font-size: 3em;
  font-family: "Bebas Neue";
}

.dialogButton {
  font-family: "Bebas Neue";
  background-color: #FFCA2F;
  border: none;
  height: 60px;
  font-size: 35px;
  transition: 0.2s ease;
  margin-top: 15px;
}

.dialogButton:hover {
  font-size: 40px;
}

.closeBtn {
  background-color: black;
  background-repeat:no-repeat;
  border: none;
  border-radius: 50%;
  cursor:pointer;
  overflow: hidden;
  outline:none;
  height: 40px;
  width: 40px;
  margin-top: -40px;
  margin-right: -20px;
}

.closeBtn i{
 color: white;
 /* padding-top: 7px; */
}

form {
  font-size: 24px;
  margin-top: 20px;
}

form .row {
  text-align: start;
}

form.ng-submitted *.ng-invalid,
form *.ng-dirty.ng-invalid {
   background: #ffcccc !important;
   border: 1px solid red !important;
}