.manage-pin { border-radius: 4px; background-color: #FFF; border: 1px solid #FFF; -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.02); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.02); }
.manage-pin .tab-content { padding: 50px; }
.manage-pin .tab-content .tab-pane.section-loading { min-height: 150px; }
.jumbotron h1 {color: #000000;}
.manage-pin h2 { color: #222; margin: 0 0 10px; font-weight: 500; font-size: 1.285714285714286em; line-height: 1.444444444444444; }
.manage-pin p { color: #757575; margin: 0 0 37px; max-width: 392px; font-size: .85714em; line-height: 1.5; }
.manage-pin #activateCard p { margin: 0 0 28px; }
.manage-pin #messageContent .alert { margin-top: 0; margin-bottom: 30px; }
.manage-pin .title, .manage-pin h3 { color: #222; margin: 0 0 22px; font-weight: 500; font-size: 1em; line-height: 1.5; }
.manage-pin .title .link, .manage-pin h3 .link { font-weight: 400; margin: 0 0 0 7px; font-size: .92857em; line-height: 1.46154; }
.manage-pin .title .link:hover, .manage-pin .title .link:focus { text-decoration: none; }
.manage-pin h3 .link:hover, .manage-pin h3 .link:focus { text-decoration: none; }
.manage-pin #terms > *:only-child.img-holder { height: 100%; }

@media (max-width: 991px) {
 .manage-pin #terms #bulletHeadings { margin: 20px 0 0; max-width: none; }
}
.manage-pin .img-holder { height: 100%; text-align: center; white-space: nowrap; max-width: 373px; margin: 0 auto; }
.manage-pin .img-holder > * { white-space: normal; }
.manage-pin .img-holder:before { float: none; display: inline-block; vertical-align: middle; content: ''; height: 100%; }
.manage-pin .img-holder > * { float: none; display: inline-block; vertical-align: middle; }
.manage-pin .img-holder img { vertical-align: middle; position: relative; z-index: 1; }

@media (max-width: 991px) {
 .manage-pin .img-holder { display: none; }
}
.manage-pin .radios-holder .bg { top: -1px; bottom: -1px; }
.manage-pin .list-gen-tab-nav .nav-tabs { background-color: transparent; }
.manage-pin .list-gen-tab-nav .nav-tabs .ico { color: #CCC; }
.manage-pin .list-gen-tab-nav .nav-tabs .ico.icon-change-pin { font-size: 1.8em; line-height: 0.7777777777777778; }
.manage-pin .list-gen-tab-nav .nav-tabs a.active .ico { color: #faa532; }
.manage-pin .list-gen-tab-nav .nav-tabs a[aria-controls="change-pin-tab"] { padding: 13.2px 15px; }
.manage-pin .list-gen-tab-nav .nav-tabs li { border: 0; }
.manage-pin .list-gen-tab-nav .nav-tabs li a { border-right: 1px solid rgba(191, 191, 191, 0.25); border-bottom: 1px solid rgba(191, 191, 191, 0.25); }
.manage-pin .list-gen-tab-nav .nav-tabs li a:focus { outline: dotted 1px; }
.manage-pin .list-gen-tab-nav .nav-tabs li a:hover, .manage-pin .list-gen-tab-nav .nav-tabs li a:focus, .manage-pin .list-gen-tab-nav .nav-tabs li a.active { border-color: transparent; }
.manage-pin .list-gen-tab-nav .nav-tabs li a:hover, .manage-pin .list-gen-tab-nav .nav-tabs li a:focus { background-color: rgba(235, 239, 244, 0.64); }
.manage-pin .list-gen-tab-nav .nav-tabs li a.active { background: #fff; }
.manage-pin .list-gen-tab-nav .nav-tabs li a.active:focus { background: #fff; }
.manage-pin .list-gen-tab-nav .nav-tabs li:not(first-child) a { border-left: 1px solid rgba(191, 191, 191, 0.25); }
.manage-pin .list-gen-tab-nav .nav-tabs li:first-child a { border-left: 0; }
.manage-pin .list-digits { margin: 0 0 36px; position: relative; }
.manage-pin .list-digits li { margin: 0; width: auto; float: left; padding: 0 5px; position: static; }
.manage-pin .list-digits .form-control { color: #222; width: 46px; text-align: center; font-size: 1.28571em; line-height: 1.44444; }
.manage-pin .list-digits .form-control::-webkit-input-placeholder {
 color: #D8D8D8;
}
.manage-pin .list-digits .form-control::-moz-placeholder {
 opacity: 1;
 color: #D8D8D8;
}
.manage-pin .list-digits .form-control:-moz-placeholder, .manage-pin .list-digits .form-control:-ms-input-placeholder, .manage-pin .list-digits .form-control.placeholder {
 color: #D8D8D8;
}
.manage-pin h4 { color: #666; margin: 0 0 18px; font-weight: 400; font-size: .92857em; line-height: 1.46154; letter-spacing: .2px; }
.manage-pin h4 label { margin-bottom: 0; }
.manage-pin .tab-content .alert-primary { margin: -3px 0 53px; position: relative; font-size: .92857em; line-height: 1.38462; padding: 21px 60px 21px 57px; }
.manage-pin .tab-content .alert-primary .icon-info, .manage-pin .tab-content .alert-primary .icon-info-thin { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 20px; font-size: 1.38em; position: absolute; }
.manage-pin .alert .close { font-size: 0.77em; margin-bottom: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.manage-pin .btn { min-width: 144px; margin: 0 20px 0 0;}
.manage-pin .btns .btn { float: left;}
.manage-pin .captcha-area { margin: 14px 0 50px; }
.manage-pin .captcha-area.google-captcha { margin-top: 0; }
.manage-pin .captcha.btn-3 { height: 81px; margin-bottom: 10px; }
.manage-pin .success { /*display:none;*/
 margin: 0 auto; padding-top: 35px; }
.manage-pin .success .ico-holder { margin: 0 auto 27px; }
.manage-pin .success p { max-width: 664px; margin: 0 auto 30px; font-size: .92857em; line-height: 1.38462; color: #444; font-weight: 300;}
.manage-pin .success h2 { margin: 0 0 12px; font-size: 1.57143em; line-height: 1.45455; color: #2D815F; }
.manage-pin .form.edit-ready .pin-detail, .manage-pin .form.edit-ready .success { display: block; }
.manage-pin .form.edit-ready .form-holder { display: none; }
.manage-pin .code-resend { margin: 0 0 40px; font-size: .92857em; line-height: 1.38462; }
.manage-pin .otp-container { margin-bottom: 38px; padding: 30px; }
.manage-pin .pin-tab .otp-container h3 { font-weight: 500; color: #222; }
/*.manage-pin .pin-detail{display:none}*/
.otp-container .passcode-box .radio label { top: auto; }
.manage-pin .pin-tab h2 { margin: 0 0 10px; }
.manage-pin .pin-tab h3 { color: #666; font-size: .92857em; line-height: 1.46154; font-weight: 400; margin-bottom: 17px; }
.manage-pin .pin-tab p { font-size: .85714em; line-height: 1.5; margin-bottom: 35px; }
.manage-pin .pin-tab .list-digits { margin: 0 -10px 35px 0; width: 100%; }
.manage-pin .pin-tab [data-tooltip] { top: 3px; font-size: 120%; margin: 0 0 0 10px; position: relative; }
.manage-pin .pin-tab .btns { margin-top: 50px; }
.manage-pin .tab-content .btns { margin-top: 15px; }
.manage-pin .old-pin { display: block; }
.manage-pin .old-pin .list-digits { text-align: left; }
.manage-pin .card-details { display: none; }
.manage-pin .change-pin-holder.edit-ready .old-pin { display: none; }
.manage-pin .change-pin-holder.edit-ready .card-details { display: block; }
.manage-pin .list-digits { color: #D8D8D8; text-align: center; }
.manage-pin .list-digits li { float: none; vertical-align: bottom; }
.manage-pin .error-message { position: relative; top: -30px; }
.manage-pin #reveal-pin-tab h2 { margin: 0 0 6px; }
.manage-pin #reveal-pin-tab p { margin: 0 0 30px; }
.manage-pin #reveal-pin-tab .field-holder { margin: 0 0 13px; }
.manage-pin #reveal-pin-tab .pin-detail p { margin-bottom: 53px; }
.manage-pin .passcode-box h3 { margin: 0 0 8px; font-size: 1em; line-height: 1.14286; }
.manage-pin .passcode-box p { margin: 0 -10px 17px 0; font-size: .8571428571428571em; line-height: 1.5;}
.manage-pin .passcode-box .radios-holder label { top: auto; width: 49.5%; }
.manage-pin .pin-counter { min-height: auto; display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; }
.manage-pin .pin-counter:last-child { margin-bottom: 0; }
.manage-pin .pin-counter .num { font-size: 2.571em; font-weight: 400; font-family: 'flavorsregular'; }
.manage-pin .pin-counter .pin-timer, .manage-pin .pin-counter .pin-number { float: none; }
.manage-pin .pin-counter .pin-timer:before, .manage-pin .pin-counter .pin-number:before { height: 100%; }
.manage-pin .pin-counter .pin-timer { background-color: #fff; padding: 10px 0; }
.manage-pin .pin-counter .pin-timer .box { width: 100%; }
.manage-pin .countDiv.countDiv2, .manage-pin .counter.time-inside .seconds { display: inline-block; vertical-align: top; }
.manage-pin .counter-countdown .mins { line-height: 1; display: inline-block; vertical-align: middle; }
.manage-pin .counter.time-inside { width: 100%; }
.manage-pin .counter.time-inside svg { width: 70%; height: 70%; min-width: 100px; min-height: 100px; }
.manage-pin .counter.time-inside .seconds { position: static; top: auto; right: auto; letter-spacing: 4px; }
.manage-pin .counter.time-inside .mins { font-size: 2.285em; margin: 0 0 0 -6px; }
.manage-pin .countDiv.countDiv2 { font-weight: 700; font-size: 1.143em; margin: 0 2px; }
.manage-pin .counter.time-inside .counter-countdown { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 70px; }
.manage-pin .counter-countdown .text { right: 10px; bottom: 10px; color: #757575; font-size: 10px; }
html[lang="es"] .manage-pin .counter-countdown .text {right: 0; font-size: 9px;}
.manage-pin .counter-countdown .mins .position { display: inline-block; }
.manage-pin .counter-countdown .mins .position:last-child { margin-left: 0; }
.counter-countdown .seconds { font-size: inherit; }
.manage-pin .counter.time-inside .seconds .position { display: inline-block; }
.manage-pin .counter.time-inside .seconds .position:last-child { margin-left: -4px; }
.manage-pin .Days, .manage-pin .Hours { display: none; }
.manage-pin .countDiv.countDiv1, .manage-pin .countDiv.countDiv3, .manage-pin .countDiv.countDiv0 { display: none; }
.manage-pin .counter-countdown .mins { font-size: 0; line-height: 0; }
.manage-pin .counter-countdown .mins  >  span { display: inline-block; vertical-align: top; font-size: 32px; line-height: 1.25; }
.manage-pin .card-steps-holder { position: relative; }
.manage-pin .card-steps-holder .input-step { padding: 0 6px; }
.manage-pin .card-steps-holder .input-step .form-control { border-width: 0 0 1px; color: #222; width: 100%; text-align: center; font-size: 18px; height: 36px; padding: 0; }

.manage-pin .card-steps-holder .input-step .form-control::-webkit-input-placeholder, .manage-pin .card-steps-holder .input-step .form-control::-moz-placeholder, .manage-pin .card-steps-holder .input-step .form-control:-ms-input-placeholder, .manage-pin .card-steps-holder .input-step .form-control:-moz-placeholder {
 color: #D8D8D8;
}
.manage-pin .card-steps-holder .input-step .input-divider { color: #666; font-size: 18px; position: relative; right: -8px; }
.manage-pin .verification-area .card-steps-holder { max-width: 100%; }
.manage-pin .form-control.datepicker { font-size: 1.14286em; color: #1c1c1c; }
.manage-pin .form-control.datepicker:-webkit-input-placeholder {
 color: #666;
}
.manage-pin .form-control.datepicker:-moz-placeholder {
 opacity: 1;
 color: #666;
 color: #666;
}
.manage-pin .form-control.datepicker:-ms-input-placeholder {
 color: #666;
}
.manage-pin label[for="accessCode"] { top: auto; }
.manage-pin #changePinTab .input { margin: 0 -6px; }
.manage-pin .input .error-text { padding-left: 6px; /*color: #D36E6E;*/ }
.manage-pin .btns .btn:last-child { margin-right: 0; }
.manage-pin .show-keypad .keypad-popup { font-size: initial; line-height: initial; }
.manage-pin .form .keypad-row { margin-left: -10px; margin-right: -10px; }
.manage-pin .form .keypad-popup .btn { border: 0; font-weight: 500; float: none; }
.manage-pin .form .keypad-popup .btn.keypad-close { background-color: transparent; font-size: 14px; }
.manage-pin .form .keypad-popup .btn.keypad-close:before { font-size: 60%; vertical-align: middle; }
.manage-pin .field-holder { margin-bottom: 20px; }
.manage-pin #retievePinContent .field-holder { margin-bottom: 0; }
.manage-pin #retievePinContent .captcha { margin: 11px 0 10px; }
.manage-pin #retievePinContent .error-text { margin-bottom: 13px; }
.manage-pin #retievePinContent .otp-container { margin-bottom: 35px; }
.manage-pin #retievePinContent .otp-container .passcode-box{overflow:hidden}
.manage-pin .otp-container .passcode-box .radio > label:not(.checkbox-checked) {color: #666666;}
.manage-pin #bulletHeadings { max-width: 510px; background-color: #F9FBFC; border-radius: 4px; margin: 0 auto 30px; padding: 45px 50px; position: relative; z-index: 2; }
.manage-pin #bulletHeadings ul{ padding:0; margin: 0;}
.manage-pin #bulletHeadings ul li { color: #444; font-size: 0.92857em; line-height: 1.53846; margin: 0; padding: 0 0 0 10px; }
.manage-pin #bulletHeadings ul li + li { margin: 15px 0 0; }
.manage-pin #bulletHeadings ul li::marker {color: #D7282E; margin: 0 15px 0 0;}
.manage-pin #unlockPinContent .img-holder img, .manage-pin #sendPinContent .img-holder img { margin-top: 60px; }
.manage-pin .verification-area .label { margin-bottom: 0; top: auto; }
.manage-pin #vf-container .label { margin-bottom: 18px; }
.manage-pin #sendPinContent .col-unlockPin, .manage-pin #unlockPinContent .col-unlockPin { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.manage-pin .col-unlockPin:first-child { margin-bottom: 35px; }
.keypad-popup .keypad-row .btn-light { background-color: #f8f9fa; }
/*
#multitext-expiryDate .input-step:first-child {padding-right: 20px;}
#multitext-expiryDate .input-step:last-child{padding-left: 20px;}
*/
/* .manage-pin .form-holder .error-text{margin-top: -26px; margin-bottom: 20px;} */
#changePinForm { width: 100%; }
#changePinFormDiv { margin-left: 0; margin-right: 0; }
.manage-pin .ind-tab .card-steps-holder { max-width: none; margin: 0; }
.manage-pin .btn-tooltip { margin: 0 0 0 10px; }
.manage-pin .input { margin: 0 -6px; }
.manage-pin .verification-area { margin: 0; }
.manage-pin [type="text"][tabindex="-1"] { cursor: not-allowed; }

/* keypad masking styling*/
.no-masking .field-masking {display: block !important; opacity: 0; visibility: hidden; transition-delay: 0s;}
.field-masking {transition: all 0s linear 0.5s;}
[type]:focus + .field-masking {transition-delay: 0s;}

@media (min-width: 992px) {
 .manage-pin .list-gen-tab-nav .nav-tabs li a { font-size: 0.85714em; line-height: 1.833333333333333; padding: 14px 15px; max-height: 51px; }
 .pos-right-keypad .card-steps-holder .input-step:nth-child(1) .show-keypad .keypad-popup { left: 234px !important; }
 .pos-right-keypad .card-steps-holder .input-step:nth-child(2) .show-keypad .keypad-popup { left: 192px !important; }
 .pos-right-keypad .card-steps-holder .input-step:nth-child(3) .show-keypad .keypad-popup { left: 151px !important; }
 .pos-right-keypad .card-steps-holder .input-step:nth-child(4) .show-keypad .keypad-popup { left: 109px !important; }
 .pos-right-keypad .card-steps-holder .input-step:nth-child(5) .show-keypad .keypad-popup { left: 68px !important; }
 .pos-right-keypad .card-steps-holder .input-step:nth-child(6) .show-keypad .keypad-popup { left: 26px !important; }

 .pos-right-keypad.pos-keypad-four-field .card-steps-holder .input-step:nth-child(2) .show-keypad .keypad-popup { left: 173px !important;}
 .pos-right-keypad.pos-keypad-four-field .card-steps-holder .input-step:nth-child(3) .show-keypad .keypad-popup { left: 112px !important;}
 .pos-right-keypad.pos-keypad-four-field .card-steps-holder .input-step:nth-child(4) .show-keypad .keypad-popup { left: 52px !important;}
}

@media (max-width: 991px) {

 .manage-pin .tab-content { padding: 23px 30px 30px; }
 .manage-pin .p-relative { max-width: 615px; }
 .manage-pin .show-keypad .keypad-popup { top: 100% !important; left: 50% !important; -ms-transform: translate(-50%, 0) !important; -webkit-transform: translate(-50%, 0) !important; transform: translate(-50%, 0) !important; }
 .manage-pin #bulletHeadings { max-width: none; margin: 0 0 30px; padding: 25px 25px 25px 50px; }
 .manage-pin .pin-detail > .row > div { max-width: 100%; flex: 0 0 100%; }
}

@media (min-width: 320px) and (max-width: 849px) {
 .manage-pin .pin-counter .pin-number { width: 60%; }
 .manage-pin .pin-counter .pin-timer { width: 40%; }
}

@media (min-width: 768px) and (max-width: 991px) {
 .manage-pin .pin-tab .list-digits { width: 70%; }
}

@media (max-width: 767px) {
 .manage-pin #terms { padding:0; }
 .manage-pin .p-relative { padding: 0; display: block; }
 .manage-pin .otp-container { padding: 20px 15px; }
 .manage-pin .p-relative { max-width: 98%; }
 .manage-pin p { max-width: 100%; }
 .list-gen-tab-nav {margin: 15px 15px 20px;}
 .list-gen-tab-nav:before {content: '';position: absolute;left: -17px;right: -17px;bottom: -17px;height: 1px;background: #dee2e6;}
}

@media (max-width: 579px) {
 .manage-pin .tab-content { padding: 13px 20px 20px; }
 .manage-pin #send-pin-tab .list-digits.field-3-xs { margin: -20px 0 30px; }
 .manage-pin #send-pin-tab .list-digits.field-3-xs li { float: left; width: 33.333%; display: block; margin: 20px 0 0; }
 .manage-pin #send-pin-tab .list-digits.field-3-xs .form-control { width: 100%; }
 .manage-pin .card-steps-holder { max-width: 100%; }
 .manage-pin .btns.btn { margin-right: 10px; }
}

@media (min-width: 576px) {
 #innerChangePinContent #multitext-currentPin { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-right: 15px; }
 #vf-container #multitext-last4SSN { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-right: 15px; }
 #vf-container .col-lg-6 #multitext-last4SSN { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-right: 0px; }
}

@media (max-width: 480px) {
 .manage-pin .pin-counter .pin-number { width: 55%; }
 .manage-pin .pin-counter .pin-timer { width: 45%; }
 .manage-pin .captcha-area.google-captcha { height: 66px; }
 .manage-pin .captcha-area.google-captcha .g-recaptcha { transform: scale(0.82); -ms-transform: scale(0.82); transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; }
}

@media (max-width: 415px) {
 .manage-pin .btns .btn { width: 100%; margin-right: 0; margin-bottom: 15px; }
 .manage-pin .btns .btn:last-child { margin-bottom: 0px; }
}
.manage-pin .col-unlockPin .input {margin:0;}
.manage-pin .col-unlockPin .input .error-text {padding-left: 0;}
#revealPinTab.section-loading,
#retievePinContent.section-loading { height: 300px; }
.non-popup:focus::placeholder {opacity: 0 !important;}
.non-popup[placeholder]:focus::-webkit-input-placeholder {opacity: 0;}
.non-popup[placeholder]:focus:-moz-placeholder {opacity: 0;}
.non-popup[placeholder]:focus::-moz-placeholder {opacity: 0;}
.non-popup[placeholder]:focus:-ms-input-placeholder {opacity: 0;}

@media (min-width: 768px) { #changePinPopup.generic-dialog { padding: 4.0rem 42px 50px 42px !important; } }
@media (max-width: 600px) { #changePinPopup.generic-dialog {padding-left: 0.5rem !important; padding-right: 0.5rem !important; } }
#changePinPopup .modalAction { text-align: center; min-width: 144px;}
#changePinPopup .modalAction > .btn { min-width: 144px; }
#changePinPopup.generic-dialog .title-desc { color: #757575;}