@font-face {
    font-family: 'BYekan';
    src: url('../fonts/IRANSansWeb.eot');  /* IE6–8 */
    src: url('../fonts/IRANSansWeb.eot?#iefix') format('embedded-opentype'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/IRANSansWeb.ttf') format('truetype');
}
@font-face {
    font-family: 'ziba';
    src: url('../fonts/ziba_font.eot?#') format('eot'),  /* IE6–8 */
    url('../fonts/ziba_font.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/ziba_font.ttf') format('truetype');
}
body{
    margin: 0 auto;
    padding: 0px;
    width: 100%;
    max-height: 750px;
    background: #009688;
    text-align: center;
    font-family: tahoma;
    direction: rtl;
    z-index: 0;
    overflow: auto;
}
a{
    text-decoration: none;
    color: #fff;
    cursor: pointer;
}
a:hover{
    color: #ffad00;
}
#login-logo{
    display: none;
}
#login-panel{
    width: 95%;
    min-height: 250px;
    margin: auto;
    margin-top: 50px;
    text-align: right;
    vertical-align: middle;
    background: rgba(255,255,255,0.1);
    border-radius: 5px;
    padding: 5px;
    padding-top: 10px;
    z-index: 999;
}
#user-img{
    display: block;
    vertical-align: middle;
    text-align: center;
    font-size: 100px;
}
#user-img i{
    background: #555;
    color: #fff;
    width: 120px;
    height: 120px;
    line-height: 120px;
    border: 1px solid #000;
}
#login-details{
    display: block;
    vertical-align: middle;
    margin: 0 auto;
    width: 90%;
    min-height: 200px;
    text-align: right;
    font-family: BYekan;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    line-height: 40px;
}
#login-details span{
    display: block;
    vertical-align: middle;
    text-align: right;
}
#login-details span input{
    display: inline-block !important;
    width: 20px;
    vertical-align: middle;
    
}
#login-panel h2{
    display: block;
    font-family: BYekan;
    font-size: 16px;
}
#login-panel input,textarea,select{
    display: inline-block;
    width: 90%;
    margin:6px auto;
    padding:7px;
    font-family: tahoma;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
    outline: 0;
}
#login-panel a{
    display: block;
    width: 100%;
    text-align: right;
}
.loginbutton{
    display: inline-block;
    margin: 5px auto;
    margin-left: 20px;
    min-width: 100px;
    border: 0px;
    padding: 10px;
    background: #006064;
    border-radius: 5px;
    outline: 0;
    font-family: BYekan;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
}
.loginbutton:hover{
    background: #ffad00;
}
.signup{
    background: #00a99d;
}
.none{
    display: none;
}
#register-panel{
    display: none;
    vertical-align: middle;
    margin: 0 auto;
    width: 95%;
    min-height: 200px;
    text-align: right;
    font-family: BYekan;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}
#forget-panel{
    display: none;
    vertical-align: middle;
    margin: 0 auto;
    width: 90%;
    min-height: 200px;
    text-align: right;
    font-family: BYekan;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}
.errorbox{
    display: none;
    width: 100%;
    padding: 0;
    margin: 2px auto;
    background: #f35a5a;
    border: 1px solid #fff;
    border-radius: 5px;
    text-align: right;
}
.errorbox i{
    display: inline-block;
    width: 12px;
    line-height: 12px;
    font-size: 17px;
    text-align: center;
    margin: 5px auto;
    margin-right: 10px;
    vertical-align: middle;
    background: #ff4545 center ;
    padding: 5px;
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
}
.errorbox span{
    display: inline-block !important;
    margin-right: 10px;
    color: #fff;
}
.successbox{
    display: block;
    width: 95%;
    padding: 0;
    margin: 2px auto;
    background: #25e844;
    border: 1px solid #fff;
    border-radius: 5px;
    text-align: right;
}
.successbox i{
    display: inline-block;
    width: 12px;
    line-height: 12px;
    font-size: 13px;
    text-align: center;
    margin: 5px auto;
    margin-right: 10px;
    vertical-align: middle;
    background: #00b286 center ;
    padding: 5px;
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
}
.successbox span{
    display: inline-block !important;
    margin-right: 10px;
    color: #fff;
}
.login-panel label{
    width: 100%;
    display: inline-block;
    text-align: left;
    padding: 0;
    margin: 0 auto;
}
.requierd:after{
    display: inline-block;
    content: " *";
    color: red;
    vertical-align: top;
    font-size: 19px;
}
.pointer{
    cursor: pointer;
}
#changebrowser{
    display: block;
    margin: 100px auto;
    background: #fff;
    width: 95%;
    min-height: 150px;
    padding: 5px;
    border-radius: 5px;
}
#changebrowser span{
    display: block;
    font-family: BYekan;
    font-size: 13px;
    font-weight: bold;
    text-align: justify;
    padding: 10px;
}
#changebrowser a{
    display: inline;
    border: 0;
    outline: 0;
    cursor: pointer;
}
.space{
    display: block;
    height: 50px;
}
.panel_kind label{
    display: inline-block !important;
    width: 100px;
    text-align: right;
    
}
.panel_kind label input,.panel_kind label span{
    display: inline-block !important;
    vertical-align: middle !important;
    line-height: 25px;
    padding: 5px;
    margin: 0 auto;
    width: auto !important;
    cursor: pointer;
}
.birth_date label{
    display: table-cell;
}
.birth_date select{
    display: inline-block !important;
    width: auto !important;
    max-width: 100px !important;
}
.hoghoghi_panel{
    display: none;
    
}
input[type=tel],.en,.email{
    direction: ltr;
    text-align: left;
}
input[type=tel]:-moz-placeholder,.en:-moz-placeholder,.email:-moz-placeholder{
    direction: rtl;
    text-align: right !important;
}
input[type=tel]::-webkit-input-placeholder,.en::-webkit-input-placeholder,.email::-webkit-input-placeholder  { direction: rtl;text-align:right; }