html,body{background:linear-gradient(336deg,rgba(0,0,255,.8),rgba(0,0,255,0) 70.71%);background:url(/assets/images/background1.jpg) no-repeat;background-size:cover}*{box-sizing:border-box;margin:0;padding:0;font-family:Raleway,sans-serif}.marginTop{margin-top:20px}.pf-box{background-color:#fff!important;background-size:cover;background-position:center;padding:50px;margin:50px auto;min-height:600px;width:600px;box-shadow:0 2px 60px -5px #0000001a}.rowth{text-align:left;font-weight:2em}.rowtd{text-align:left}.font-weight-bold{font-weight:700!important;text-align:center}.boutton{background:#0e4194;border-color:#0e4194;border:none;color:#fff;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:5px}.email{display:flex;flex-flow:row wrap;align-items:center}.logout{align-items:center;margin-bottom:20px}.input{height:38px;width:244px}.login{width:320px;padding:156px 30px 30px}.login__field{padding:20px 0;position:relative}.login__icon{position:absolute;top:30px;color:#7875b5}.login__input{border:none;border-bottom:2px solid #D1D1D4;background:none;padding:10px 10px 10px 24px;font-weight:700;width:75%;transition:.2s}.login__input:active,.login__input:focus,.login__input:hover{outline:none;border-bottom-color:#6a679e}.login__submit{background:#fff;font-size:14px;margin-top:30px;padding:16px 20px;border-radius:26px;border:1px solid #D4D3E8;text-transform:uppercase;font-weight:700;display:flex;align-items:center;width:100%;color:#4c489d;box-shadow:0 2px 2px #5c5696;cursor:pointer;transition:.2s}.login__submit:active,.login__submit:focus,.login__submit:hover{border-color:#6a679e;outline:none}.button__icon{font-size:24px;margin-left:auto;color:#7875b5}.social-login{position:absolute;height:140px;width:160px;text-align:center;bottom:0px;right:0px;color:#fff}.social-icons{display:flex;align-items:center;justify-content:center}.social-login__icon{padding:20px 10px;color:#fff;text-decoration:none;text-shadow:0px 0px 8px #7875B5}.social-login__icon:hover{transform:scale(1.5)}.buttonfacture{display:inline-block;border-radius:4px;background-color:#2772db;border:none;color:#fff;text-align:center;font-size:20px;padding:5px;width:150px;transition:all .5s;cursor:pointer;margin:0}.buttonfacture span{cursor:pointer;display:inline-block;position:relative;transition:.5s}.buttonfacture span:after{position:absolute;opacity:0;top:0;right:-20px;transition:.5s}.buttonfacture:hover span{padding-right:10px}.buttonfacture:hover span:after{opacity:1;right:0}