/* CSS Document */
.container form {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.container label {
 margin: 5px auto; 
 min-width: 320px; 
 width: 50%; 
 border: 1px solid #d6d6e5; 
 background-color: #f7f7fe; 
 display: flex;
 cursor: pointer;
 font-weight: 500;
 position: relative;
 overflow: hidden;
 border-radius: 16px;
 transition: background .3s ease;
}

.container label i {
  padding: 10px 15px;
  color: red;
}

.container label input[type="radio"] {
  position: absolute;
  left: -9999px;
}

.container label input[type="text"], .container label input[type="password"] {
  position: absolute;
  right: 3%;
  border: 1px solid #414181; 
  background-color: #fff;
  height: 30px;
  width: 50%;
  margin-top: 10px;
  border-radius: 12px;
  font-size: 1em;
  padding: 0 2%;
}

.container label input:checked + span {
  background-color: #d1d1e5;
}

.container label input[type="radio"]:checked + span:before {
  box-shadow: inset 0 0 0 0.4375em #414181;
}

.container label span {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 15px;
  transition: 0.3s ease;
  color: #414181;
}

.container label:hover {
  background-color: #d1d1e5;
}

.container label input[type="radio"] + span:before {
  display: flex;
  flex-shrink: 0;
  content: "";
  background-color: #fff;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  margin-right: 10px;
  transition: 0.3s ease;
  box-shadow: inset 0 0 0 1px #414181;
} 







.container input[type="button"], .container input[type="submit"] {
 margin: 5px auto; 
 min-width: 320px; 
 width: 50%;
 height: 55px;
 font: 1.5em Roboto;
 color: #fff;
 cursor: pointer;
 font-weight: 500;
 position: relative;
 overflow: hidden;
 border-radius: 16px; 
 background-color: #0fcb9a;
 border: none;
 transition: background .3s ease;
 }
 
input[type="button"]:hover, input[type="submit"]:hover {
 background-color: #21ad88;
}

input[type="button"]:disabled, input[type="submit"]:disabled {
 background-color: #b4b4b4;
 cursor: not-allowed;
}

/*input.pridat {
  width: 35px!important;
  min-width: 40px; 
  height: 40px;
  border-radius: 8px;
}*//*
.tdtop input[type="text"] {
  border: 1px solid #414181; 
  background-color: #fff;
  height: 30px;
  width: 100%;
  margin-top: 10px;
  border-radius: 2px;
  font-size: 1em;
  padding: 0 2%;


}*/ /*
.tdtop input[type="date"] {
  border: 1px solid #414181; 
  background-color: #fff;
  height: 30px;
  width: 49%;
  margin-top: 10px;
  border-radius: 2px;
  font-size: 1em;
  padding: 0 2%;


} */