#login_button {    
    height: 35px;
}
/*  login */
.login-menu{
	width:740px;
	height:100% /* 900px*/;
	background-color: var(--a-global-color-blue);
    color: white;
    padding: 3% 8% /*120px*/;
    display: inline-block;
    vertical-align: middle;
    transform: translateY(5%);
    -webkit-transform: translateY(15%);
    transition: all .3s;
}
@media (max-width: 767px) {
  .login-menu{
	width:100%;
   	  
	}
}

.login-menu .text-box{
	width: 100% /*500px*/;
	height: 42px;
	background-color: var(--a-global-color-lightblue);
	color: white;
}
.login-menu button{
	 width: 100% /*500px*/;
}
.login-menu a:active,.login-menu a:hover{
	 color: var(--a-global-color-orange);
}

.login-menu #login_form {
    text-align: initial;
}

/* personal-area-menu */
.agron-popup.personal-area-menu{
    margin: 1.75rem auto;
    position: relative;
    margin-top: 60px;
}
.reader-section .personal-area-menu{
    width: 280px;
}
.agron-popup.personal-area-menu{
    width: 330px;
}

.personal-area-menu{
    
    box-shadow: 0px 1px 20px -1px rgb(0 0 0 / 13%);
    padding: 25px;
    background-color: white;
    text-align: initial;
}

.personal-area-menu .user-menu-item{	
    padding: 10px 13px;
	cursor: pointer;
	color: var(--a-global-color-blue) ;
    display: block;
    border: 1px solid transparent;
}
.personal-area-menu .user-menu-item/*:not(:last-child)*/{
	border-bottom: 1px solid var(--a-global-color-blue);
}

.personal-area-menu .user-menu-item.active{
	background: var(--a-global-color-lightblue);
    border-radius: 0px;
    color: white ;
    font-weight: bold;
}
.agron-reset-password{
    width: 50%;
    margin: auto;
}
.d-none{
    display:none;
}

/* reset password */

.agron-reset-password input[type=password]{
    margin-bottom: 40px;
    background: #E7E7E7;
    
    border: 1px solid #E7E7E7;
    border-radius: 0px;
}

.agron-reset-password button[type=submit]{
    width: 100%;
}