.profile-place  {



   
}

.ulprofile ul{ display:none;}
#signOutUser{cursor:pointer;


}
.icon-angle-double-down::before

{
  
  
  float: left;

}


.ulprofile{    

 z-index:100;
  right:0;
position: relative;
  float:right;
  display:none;
  min-width: 140px;
  border: 1px solid #ccc;
  padding: 2px;
  margin: 3px;
  border-radius: 5px;
}


.profile-place ul li{
text-align: right;
background-color: var(--color12);
width: 170px;
padding: 8px;
border-bottom: 1px dotted var(--color8);
color: var(--origin1);
list-style: none;
  float: right;
  font-size: .8em;
  

   
}

.profile-place ul li a:link,.profile-place ul li a:visited,a {

  color: var(--color2);
}


.profile-place ul{
  
  float:right;
  
  padding:0px;
position: absolute;
margin:0;
  margin-top: 3px;
  left: 0px;
}



.profile-place li a[class*="icon-"]:before {
    color: var(--color8);
    padding-left: 25px;
}





.profile{display:none;


}

 .profile:hover > ul {
 display: block;
}

.ulprofile:hover > ul {
 display: block;
}


.login-cont {
    background-color: #f6f4f4;
    border: 1px solid #d0cbcb;
    border-radius: 10px;
    padding: 15px;
    width: 350px;
    margin-top: 15px;
  
   
}

#formforget div.login-cont {
   
    width: 95%;
}


fieldset .register {
    width: 70%;
    display: inline-block;
}
.login-cont a {
    color: black;
    cursor: pointer;

    }

.registerinlogin a:link, .registerinlogin a:visited {
    color: black;
}



.login-cont ul {
    padding: 0px;
    list-style-type: none;
}
form[id^=form] .register ul li {
    width: 48%;
}

form[id^=form] .login-cont li label:not([class=error]) {
    text-align: right;
    color: black;
  
    margin-top: 19px;
    line-height: 1;
  font-size: .85em;
}

html :lang(en) form[id^="form"] .login-cont li label:not([class="error"]) {
    text-align: left;
}



.login-cont input:not([type=checked]), .login-cont input:not([type=radio]),
.login-cont input[type=email] {
    background-color: white;
    border: 1px solid #C0C0C0;
    border-radius: 3px;
    color: black;
       padding: 5px;
    min-width: 260px;
    box-shadow: none;
    width: 100%;
    user-select: none;
    height:40px;

}
 form[id^="form"]  fieldset li input[type=password], form[id^="form"]  fieldset li input[name=username]{
text-align:left !important;
   outline: none;

}
.profile-line {
    width: 100%;
    background-color: #e0e0e0;
    opacity: 0.99;
    display: none;
    position: relative;
    float:right;
  font-size:.9em;
}

    .profile-line a {
        display: inline-block;
        padding: 5px;
    }

        .profile-line a:nth-child(1) {
           
        }

        .profile-line a:nth-child(2) {
            float: left;
        }


 

html:lang(en) .profile-line {
   
}

#formforget, #formchange {
    display: none
}

.icon-logout {
    cursor: pointer;
    float: left
}

html:lang(en) .icon-logout {
    float: right
}

#confirmmobile,#confirmcode

{
text-align:left;
  width:70%;

}

.formCodeconfirm span 
{
 font-size:.9m; 
}




ul#right-pane {
    list-style: none;
    position: absolute;
    z-index: 110;
   
    padding: 0;
    margin: 0;
    text-align: left;
    padding: 0;
    margin: 0;
    cursor: pointer;
  margin-right: .7%;
}

html:lang(fa) ul#right-pane {
    text-align: right;
}

ul#right-pane ul {
    display: none;
    padding: 0;
   
    margin-bottom: 0;
    margin-top: 0;
}


#right-pane li {
    width: 250px;
    text-align: left;
    list-style: none;
}


html:lang(fa) ul#right-pane li {
    text-align: right;
}



ul#right-pane li li {
    background-color: #f2f0f0;
    border-bottom: 1px solid #ece7e7;
    padding: 5px;
}
ul#right-pane li:hover > ul {
    display:  block;
    
}


    #right-pane {
       
      
      float: right;
  margin-top: 7px;
  padding: 3px;
    }



.form-icon-place li{

    cursor :pointer

}

.bottondiv {
    width: 100%;
    display: inline-block;
}


div.registerinlogin {
    text-align: center;
    margin-top: 30px;
    font-size: .75em;
}

div.registerinlogin a {

    margin:20px;

}



/* Under 800px	*/
@media (max-width: 820px) {
    .login {
       
    }
    .login-cont {
       
    }

        .login-cont input:not([type=checked]), .login-cont input:not([type=radio]),
        .login-cont input[type=password], .login-cont input[type=email] {
            
        }

    form[id^="form"] .register ul li {
        width: 100%
    }


  
}

@media (max-width: 500px) {

  
  .ulprofile{min-width: auto;}
  .profile-place ul {
  
  

  }


    div.login-cont {
        width: 99%;
    }

    fieldset .register {
        width: auto;
       
    }


    .login {
        
    }

    .register {
        width: 100%;
    }



    .login-cont {
        padding: 3px;
        width: 100%;
        margin-top: 5px;
    }

}