.line-register-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    padding: 10px 20px;
}

.line-register-form .form-row {
    display: flex;
    /* flex-direction: column; */
    justify-content: space-between;
    /* gap: 20px; */
    width: 100%;
    font-size: .18em;
    /* border-radius: 10px;
    border: 1px solid; */
    background: #eef6fd;
    border-radius: 5px;
    color: #73838a;
    height: 40px;
    margin-bottom: 20px;
}

.line-register-form .label {
    text-align: left;
    font-size: 0.16em;
}

.line-register-form .form-row input {
    /* width: 100%;
    font-size: .18em;
    padding: 5px 10px; */
    /* border-radius: 10px;
    border: 1px solid; */
    /* background: #eef6fd;
    border-radius: 5px;
    padding: 5px;
    color: #73838a; */
    background: none;
    width: 100%;
    border: none;
    padding: 5px;
    font-size: 0.8em;
}

.line-register-form .form-submit-row {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.line-register-form .form-submit-row .button-register {
    width: 100%;
    padding: 10px;
    text-align: center;
    border-radius: 10px;
    color: #fff;
    background: #00796B;
    cursor: pointer;
    font-size: .18em;
    font-weight: 500;
}

.line-register-form .form-submit-row .button-register:hover {
    background: #00665a;
}

.line-register-form .flex{
    display: flex;
    flex-direction: column;
    /* gap: 10px; */
}

.line-register-form .topic{
    background: #595b5c;
    color: white;
    height: 100%;
    border-radius: 5px 0 0 5px;
    width: 12%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.line-register-form .avatar {
    vertical-align: middle;
    width: 126px;
    height: 126px;
    border-radius: 50%;
    background: #595b5c;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

input[type="date"] {
    -webkit-appearance: none; /* Remove default arrow in WebKit browsers (Chrome, Safari) */
    -moz-appearance: none;    /* Remove default arrow in Firefox */
    appearance: none;        /* Remove default arrow in modern browsers */
}

/* input[type="date"]:before {
    content: attr(placeholder) !important;
    color: #73838a;
  } */

/* input[type=date]:invalid+span:after {
  content:"Birth Date";
  color: #73838a;
  position:absolute;
  left:0;
  top:0;
} */