@import url('/files/font/font.css');*{margin:0;padding:0;box-sizing:border-box;font-family:'ASPSahel';text-align:right}body{background-image:url(/files/Images/s-back.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;direction:rtl}.wrap-Signin{background-color:#fff;width:390px;background:#fff;border-radius:10px;overflow:hidden;padding:20px 30px 33px 30px;box-shadow:0 5px 10px 0 rgba(0,0,0,.1);-moz-box-shadow:0 5px 10px 0 rgba(0,0,0,.1);-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,.1);-o-box-shadow:0 5px 10px 0 rgba(0,0,0,.1);-ms-box-shadow:0 5px 10px 0 rgba(0,0,0,.1)}.container-Signin{width:100%;min-height:100vh;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:15px}.Signin-form{width:100%}.Signin-form-title{display:block;padding-bottom:38px;margin:0 auto;text-align:center;padding-bottom:26px;width:100px}.input{font-size:15px;color:#555;line-height:1.2;display:block;width:100%;height:45px;background:transparent;padding:0 5px;outline:none;border:none;text-align:center}.focus-input{font-size:16px;color:#999;line-height:1.2;content:attr(data-placeholder);display:block;width:100%;position:absolute;top:10px;right:0;padding-left:5px;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s;pointer-events:none}.focus-input:before{content:"";display:block;position:absolute;right:0;width:0;height:2px;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s;background:#6a7dfe;background:-webkit-linear-gradient(left,#21d4fd,#b721ff);background:-o-linear-gradient(left,#21d4fd,#b721ff);background:-moz-linear-gradient(left,#21d4fd,#b721ff);background:linear-gradient(left,#21d4fd,#b721ff);box-sizing:inherit}.focus-input::after{font-size:16px;color:#999;line-height:1.2;content:attr(data-placeholder);display:block;width:100%;position:absolute;top:10px;right:0;padding-right:5px;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}.container-Signin-form-btn{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:center;padding-top:13px}.wrap-Signin-form-btn{width:70%;display:block;position:relative;z-index:1;border-radius:25px;overflow:hidden;margin:0 auto}.Signin-form-bgbtn{position:absolute;z-index:-1;width:300%;height:100%;background:#a64bf4;background:-webkit-linear-gradient(right,#21d4fd,#b721ff,#21d4fd,#b721ff);background:-o-linear-gradient(right,#21d4fd,#b721ff,#21d4fd,#b721ff);background:-moz-linear-gradient(right,#21d4fd,#b721ff,#21d4fd,#b721ff);background:linear-gradient(right,#21d4fd,#b721ff,#21d4fd,#b721ff);top:0;left:-100%;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}.Signin-form-btn{font-size:15px;color:#fff;line-height:1.2;text-transform:uppercase;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;padding:0 20px;width:100%;height:50px;cursor:pointer}button{outline:none!important;border:none;background:transparent}