#my-login-form a {
    text-decoration: none !important;
    padding: 10px;
    border: 1px solid #b4b4b333;
    text-align: center;
    border-radius: 10px;
    color: #b4b4b4;
	height:50px;
}

#wellcome h4{
	font-size:20px !important;
	padding-bottom:40px !important;
}

#password-field {
    position: relative;
}

#getPass{
   margin-top: 10px;
}

#before , #beforePass{
    color: #fff;
    background: transparent;
    min-width: fit-content;
    display: flex;
    flex-direction: row;
    gap: 152px;
    align-items: center;
    padding: 0;
	font-size:20px;
	position:relative
}

#before {
	height:0;
}

#before svg , #beforePass svg {
    max-width:10px;
    fill:#b4b4b4;
    transform:rotate(180deg);
	margin-left:auto;
}

.textBefore{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
	width:100%;
}

.pass-div {
    position:relative;
}

.register-password-toggle-icon i {
    position: absolute;
    top: 38px !important;
    left: 10px;
    cursor:pointer;
    color:#000;
}
.password-toggle-icon i {
    position: absolute;
    top: 38px;
    left: 10px;
    cursor:pointer;
    color:#000;
}

.personal-data {
    display:flex;
    flex-direction:row;
    gap:10px;
}

.allert-icon {
    font-size: 30px;
    color: red;
    padding-left:5px;
}

#filter-off {
    text-align: center;
    margin-bottom: 10px;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    font-size: 15px;
}

@media screen and (max-width: 720px) {
    #filter-off {
        font-size:12px;
    }
	#before , #beforePass{
		gap:80px;
	}	
}

#my-login-form, #password-field {
    display:flex;
    flex-direction:column;
}

#forget-password {
    cursor:pointer;
}

#my-login-form button {
    margin: 25px 0px;
	border-radius:10px !important;
}

#my-login-form input {
    border-radius:10px !important;
    font-family: 'IranSans' !important;
	text-align:center;
	height:50px;
}

#next-button,#login-button,#confirm,#register-button {
	background-color: #D83939 !important;
    display: block;
    width: 100%;
    color: #fff !important;
    text-decoration: none;
    padding: 13px;
    font-size: 16px;
    transition: .2s ease;
    font-weight: 600 !important;
    height: 50px;
}

#my-login-form #errorMsg {
    text-align: center;
    color: red;
}

#my-login-form #password{
    margin-top: 20px;
}

#errorMsg {
    margin-top:25px;
}

.success{
    text-align: center;
    color: #44a044;
}

button {
	height: 40px;
    padding: 10px 13px;
}