body{height:100vh;background-color:#f5f5f5;font-family:Arial,Helvetica,sans-serif;padding:20px;box-sizing:border-box;position:relative}body .tweet-btn{display:flex;align-items:center;background:#000;color:#fff !important;text-decoration:none;padding:5px 8%;border-radius:5px;justify-content:center;grid-column:1;grid-row:2}body .snap-chat{grid-column:2;grid-row:2;background:#ff0;display:flex;font-size:16px;border-radius:5px}body .snap-chat:hover{box-shadow:0 2px 6px rgba(0,0,0,.16)}body .snap-chat button{height:40px;background-position:10px center;border-radius:5px !important}body .icon-tweet{width:30px;height:30px;background:url("../../img/tweet.png") no-repeat;background-size:30px}body .oauth-login{width:100%;overflow:hidden;padding:10px;box-sizing:border-box;display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:5px}body .oauth-login .appleid-signin{display:flex;border-radius:4px;grid-column:2;background:#000;justify-content:center;height:40px;width:100%;grid-row:1}body .oauth-login .google_login{align-self:center;justify-self:center;height:40px;background:#000;width:100%;display:flex;align-items:center;justify-content:center;border-radius:5px}body .oauth-login .fb-login-button{align-self:center;justify-self:center;height:40px;width:100%;grid-column:1;grid-row:2;background:#1977f2;border-radius:5px}body .custom-control{display:flex;align-items:center;text-wrap:nowrap}body .site-login:lang(ar){transform:translate(50%, -50%) !important}body .site-login{position:absolute;align-items:center;justify-items:center;padding:15px;border:none !important;border-radius:5px;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);box-sizing:border-box;width:clamp(200px,100% - 10px,600px) !important;top:50%;left:50%;right:50%;transform:translate(-50%, -50%);border-radius:15px}body .site-login h1{font-size:24px;margin-bottom:15px;text-align:center}body .site-login form{margin-bottom:15px}body .site-login form label{display:block;font-weight:600;margin-bottom:5px}body .site-login form input{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:16px;box-sizing:border-box}body .site-login form .btn{width:100%;padding:10px;border:0;border-radius:5px;background-color:#007bff;color:#fff;font-size:16px;cursor:pointer}body .site-login form .btn:hover{background-color:#0056b3}.forget,.login,.sign-up{text-decoration:none;color:#1b72e8}.dont-acc{margin-top:5px}.sign-up{text-decoration:none}.invalid-feedback{color:red}.is-invalid{border:1px solid red !important}.or-login{display:flex;align-items:center;justify-content:center;margin:10px 0}.or-login span{display:block;width:100%;height:1px;background:#ccc}.or-login p{margin:0 10px;text-wrap:nowrap;color:#1e41bb;font-weight:600}.or-login .line{width:100%;height:1px;background:#ccc}@media only screen and (max-width: 700px){.oauth-login{height:unset;justify-content:unset;grid-template-columns:1fr !important;grid-template-rows:1fr 1fr 1fr Im !important;grid-gap:10px !important}.fb-login-button{grid-row:2 !important;grid-column:1 !important}.appleid-signin{display:none !important;grid-column:1 !important;grid-row-start:3;grid-column:unset}.snap-chat{grid-row:4 !important;grid-column:1 !important}.google_login{grid-row:2 !important}.tweet-btn{grid-row:3 !important;grid-column:1 !important}}.close{position:absolute;top:10px;right:10px;cursor:pointer;font-size:20px;color:#333;width:20px;height:20px;background:url("../../img/close.png") no-repeat;background-size:20px}.close:hover{color:#000}.alert-success{background:#2ea72e;position:absolute;z-index:1;padding:10px 20px;border-radius:8px;right:0;margin:0;color:#fff;font-size:14px}.alert-danger{background:#a72e2e;position:absolute;z-index:1;padding:10px 20px;border-radius:8px;right:0;margin:0;color:#fff;font-size:14px}button.btn-close{border:none;padding:5px;border-radius:5px}.btn-close::after{content:"x";width:10px;height:10px;text-align:center;display:flex;align-items:center;justify-content:center;font-weight:bold;cursor:pointer}.btn-close::after:hover{color:rgba(0,0,0,.5098039216)}/*# sourceMappingURL=login.css.map */