.esig-verified-logo  { height:60px; display: flex; align-items: center; } .input-field:focus  { border:3px solid #3F7FCC; } .esig-access-form { width: 70%; align-items: center; margin:0px auto; } .esig-slv-row { display: flex; justify-content: space-between; align-items: center; } .esig-documentation { border: 2px #EAEAEA solid; padding:10px; position: relative; display: flex; justify-content: space-between; width:90%; margin: auto; } .document-section-title{ position: relative; left: 7px !important;  } .esig-documentationcon { border: 2px #EAEAEA solid; height:140px; position: relative; } .esig-documentation-popup{ border: 2px #EAEAEA solid; height:120px; position: relative; top:10px; left: 15px; width:420px; } .esig-documentation-confirmation { border: 2px #EAEAEA solid; height:120px; position: relative; left: 15px; width:400px; } .access_code_login { background:#3F7FCC; border:none; padding: 8px 40px; color:white; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; display: flex; } #reset-password { background:#3D7ECB; padding: 8px 25px; color:white; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border:none;    } .login { font-size: 22px; position: relative; } #access_code_login_popup { background: #3D7ECB; padding:5px 15px; color:white; font-size:20px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; } #access_login { background: #F9F9F9; padding: 10px; display: flex; justify-content: space-between; align-items: center; } #access_login_popup { background: #F9F9F9; padding: 11px; } #doc-pic { position: relative; top:7px;    } #esig-approveme { position: absolute; top:6px; left:0px;    } #verify-logo { top:10px; } #password-reset { top:11px; font-size:16px ; } #password-reset h4 { margin-left: 0px !important; } #password-resett { position: absolute; top:8px; left:5px; } #verify-logoo { position: absolute; top:1px; left:310px; } #sending_shortly { position: absolute; top:3px; bottom: 3px; left:4px; right:4px; } .esig-cc-template { position: relative; top:15 px; } #forget_access_password { position: relative; top:1px; text-decoration: none; color: #787878; color:#B6B6B6;font-size:12px; } .popup-heading { position: absolute; top:2px; } #go-back { position: absolute; bottom:18px; left:40px; text-decoration: none; color:#9D9D9D;font-size:12px; } .input-field { height:35px; border: 2px #EAEAEA solid; } #document-section { right:1px; top:10px;   } #doc-png { position:absolute; left:4px; top:12px; } #document-section-popup { position:absolute; right:1px; top:10px; } #popup-field { width:421px; height:35px; border: 2px #EAEAEA solid; } #document_text { color:#9D9D9D; font-size:12px; } #esig-slv-reset-password { background:#3F7FCC; border:none; padding: 8px 20px; color:white; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;    } #slv-go-back { text-decoration: none; color:#B6B6B6; } .esig-documentation-popupre { border: 2px #EAEAEA solid; height:120px; position: relative; top:50px; left: 15px; width:420px; } .confirm-heading { position: relative; top:50px; } #slv_reset_confirmation { position: relative; top:50px; } #document_textcon { width:450px; margin: auto; font-weight: 30px; color:#797878; } .esig-icon-esig-alert {  margin:12px; font-size: 36px; } .error-email-password { left:80px; bottom:4px; font-size:14px;  } .esigalert { display:block; left: 12px; bottom:5px; } .error-password { position:absolute; left:80px; bottom:14px;  } .error-reset { display:none; border:2px solid red; width:440px; height:70px; position:relative; top: 30px; } .sending-error { position:relative; left:45px; top:10px; } .document-error { position:relative; left:45px; top:10px; } .text-error { color:red; font-size: 14px; } .invalid-email { position: relative; left:20px !important;   } #login_text { position: relative; left:10px !important;  font-size: 16px; align-self: center; } #esig-show-error { display:none; border:2px solid red; margin-top: 20px; } #esig-set-error { display:none; border:2px solid red; width:440px; height:70px; position:relative; bottom: -25px; } #esig-confirm-error { display:none; border:2px solid red; position:relative; bottom: 18px;  margin-top:15px; align-items: center; } .esig-space  { display:block; position: relative; margin-top:2% !important; margin-bottom:2% !important; } .esig-space-login{ display:block; position: relative; margin-top:4.5% !important; margin-bottom:4.5% !important; } .esig-space-con { display:block; position: relative; margin-top:3% !important; margin-bottom:3% !important;    } .set-login { position: relative; left:10px !important; font-size: 16px; } .password-text { color:#797878; font-size:14px; } .access-text { color:#797878; font-size:14px; } .email-text { color:#797878; font-size:12px; } .esig-slv-create-pass { border: 2px solid #3F7FCC; padding: 14px 25px; margin: 4px 0 17px; border-radius: 4px; color: #3F7FCC; } .esig-slv-login-form { margin:0 auto; width: 90%; } .esig-slv-form-details { display: flex; flex-direction: column; } .esig-password-set-form { margin:0 auto; width: 90%; } @media only screen and (max-width: 450px) { #access_login { flex-direction: column; } .esig-documentation { flex-direction: column; } #access_login a { padding-bottom: 15px; } } #reset-password-popup { margin-top: 20px; } .esig-password-reset-form { margin:0 auto; width: 90%; }