@font-face{font-family:'Roboto';src:url(../../../../fonts/roboto-bold-webfont.woff2) format("woff2"),url(../../../../fonts/roboto-bold-webfont.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Roboto';src:url(../../../../fonts/roboto-medium-webfont.woff2) format("woff2"),url(../../../../fonts/roboto-medium-webfont.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Roboto';src:url(../../../../fonts/roboto-regular-webfont.woff2) format("woff2"),url(../../../../fonts/roboto-regular-webfont.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
body{font-family:'Roboto'}
#card-summary-container .jumbotron .row { display: none; }
#card-summary-container.content-container{padding:0;}
#card-summary-container .jumbotron .card-form{ display:none}
#main { background-color: #fff;}
#myCards .card-summary{box-shadow:none;}
#myCards .card-summary .tag{display:none;}
#myCards .card-summary.v-card{ padding:0 9px 32px;}
#myCards .card-summary .sc-vertical-card-holder .img-holder{ border-radius: 9.75px; max-width: 305px;}
#myCards .card-summary .card-num { padding: 0;}
#myCards .card-summary .balance-info.clearboth, 
#myCards .card-summary .list-inline.add-info{ display:none;}
#myCards .card-summary .col-lg-7.mb25{ margin-bottom: 24px !important;}
#myCards .card-summary .card-author-info .heading { color: #000000; line-height: 100%;}
#myCards .card-summary .card-num .dot { background: #D2D2D2;}
#myCards .card-summary .masked-data .slash{ color:#000; position:relative; top:1px}
.card-summary .img-holder{ width: 100%; max-width: 305px;}
@media (max-width: 767px) {
  .jumbotron { margin: 0 0 24px; }
  #myCards .card-summary .card-author-info li:not(:last-child) { margin: 0 0 16px; }
  #myCards .card-summary .img-holder { margin: 0 auto 24px; }
}
@media (max-width: 600px) {
  #myCards .card-summary .sc-vertical-card-holder .img-holder { margin: 24px auto 19px; }
}
@media (max-width: 579px) {
  #myCards .card-summary .card-num { font-size: 1.29em !important; letter-spacing: 1.11px; font-weight:700; }
  #myCards .card-summary .masked-data .card-num { font-size: 1em !important; letter-spacing: 0; font-weight: 500; line-height: 100%; }
  #myCards .card-summary .card-author-info li { padding: 15px 16px 15px; border-radius: 4px; border: solid 1px #ECECED; height: 48px; min-height: auto; }
}
@media (max-width: 575px) {
   .card-author-info .text { line-height: 1.3334; font-weight:400;Letter-spacing:0.2px;color:#444;flex-grow: 1;} 
}

/**/
.ui-dialog > div[id] .dialog-title { margin: 0 0 16px; color: #000; }
.ui-dialog div[id].ui-dialog-content { padding: 24px; }
.ui-dialog > div[id] .dialog-title + span[id] { color: #606068; line-height: normal; }
.otp_widget-form { margin: 24px 0 0; border-width: 0; background: none; }
.otp_widget-form .otp_widget-wrapper.left-panel { padding: 0 !important; border-width: 0; }
.ui-dialog.ui-widget-content.gen-dialog-parent .scroll-holder { padding: 0 !important; }
.otp-container .otp-counter {
        border: #ECECED solid 1px;
        background: #FAFAFB;
        position: relative;
        max-width: none;
        padding: 24px 22px 32px;
        margin: 0;
        border-radius: 4px;
}
.otp-container .otp-counter:before {
        top: -9px;
        left: 14px;
        z-index: 3;
        color: #8D8D96;
        max-width: 80%;
        line-height: 1.25;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        text-overflow: ellipsis;
        content: 'OTP verification';
        font-size: 0.8571428571428571em;
}
.otp-container .otp-counter:after {
        top: -1px;
        left: 10px;
        z-index: 2;
        height: 1px;
        content: '';
        width: 94px;
        background: #FAFAFB;
        position: absolute;
}
.otp_widget-form .otp_widget-wrapper.left-panel .otp-container.counter-active .otp-counter > .send-again {
        padding: 0;
        border-width: 0;
        background: none;
}
.otp_widget-form .otp_widget-wrapper.left-panel .otp-container.counter-active .otp-counter .label {
        font-size: 1em;
        margin: 0 0 8px;
        display: block;
        color: #606068;
        line-height: 1.428571428571429;
    font-weight: 400;
}
.otp_widget-form.otp-selected.email_otp-selected .left-panel .otp-container.counter-active .otp-counter .email_source{ color: #201F1D;}
.otp-container .source .ico,
.otp_widget-form .otp_widget-wrapper.left-panel .otp-container.counter-active .otp-counter > .send-again > span { display: none; }
.otp_widget-form .otp_widget-wrapper.left-panel .otp-container .otp-counter > .send-again .send-again-link {
        width: 139px;
        margin: 0 auto;
        color: #AF6931;
        font-size: 1em;
        padding: 5px 16px;
        border-radius: 6px;
        line-height: 1.428571428571429;
        border: solid 1px #E8C187;
}
.otp_widget-form .otp_widget-wrapper.left-panel .otp-container.otp-overlay .otp-counter > .send-again .send-again-link {
        opacity: 1;
        color: #9F9FA7;
        border-color: #ECECED;
        background: #fff;
}
.otp_widget-form .otp_widget-wrapper { padding: 0 !important; }
.otp-counter .counter { display: flex; gap: 8px; align-items: center; justify-content: center; margin: 16px 0 0; }
.counter svg { display: block; margin: 0; }
.otp-container .send-again .seconds-holder { font-size: 0.9285714285714286em; line-height: 1.384615384615385; color: #B3B3B9; font-weight: 500; }
.progress-circle circle { fill: none; }
.otp_widget-form .otp_widget-wrapper.left-panel .otp-container.counter-active .otp-counter > .send-again .send-again-link + .counter .progress-circle circle {
        stroke-width: 16px;
    stroke: #D9D9DC;
}
.progress-circle circle.progress__value { stroke: #7F78E3 !important; }
.otp_widget-wrapper .form-control {
        height: 48px;
        font-size: 16px;
        color: #36363A;
        line-height: 1.5;
        padding: 12px 14px;
        border: solid 1px #ECECED;
        border-radius: 4px;
}

.otp_widget-wrapper .field-focused .form-control:not(:focus) { border-color: #ECECED !important; }

.otp_widget-wrapper .form-control::placeholder {
        color: #9F9FA7;
}

.otp_widget-wrapper .form-control:focus {
        border-color: #ECECED !important;
}

.ui-dialog.ui-widget-content.gen-dialog-parent label { left: 14px; top: 37px; }
.ui-dialog.ui-widget-content.gen-dialog-parent .label-slide.field-focused label {
        top: 40px;
        left: 14px;
        color: #9F9FA7;
        padding: 0 6px;
        background: #fff;
}

.ui-dialog .btn-holder li:last-child { display: none; }
.ui-dialog.ui-widget-content.gen-dialog-parent .btn-holder .btn {
        color: #673E1D;
        padding: 7px 16px;
        border-radius: 6px;
        line-height: 1.4375;
        background: #F9CB76;
        border-color: #F9CB76;
        text-transform: uppercase;
        font-size: 1.142857142857143em;
}
#card-summary-container .card-summary .secure-check-holder .slider-checkbox { justify-content: center; max-width: 305px; margin:  0 auto; padding: 0 2px 0 10px;}
#card-summary-container .card-summary .secure-check-holder label{flex: 1; font-weight: 400;     color: #363C51;font-size: 0.855em;}
#card-summary-container .card-summary .secure-check-holder { margin: 0 0 19px; }
#card-summary-container .card-summary .slider-checkbox [class*="icheckbox"] {   background:  #D6D7DC;  }
#card-summary-container .card-summary .slider-checkbox [class*="icheckbox"]::before {   background:  #BBBDC5; border: solid 1px #BBBDC5; }
#card-summary-container .card-summary .slider-checkbox [class*="icheckbox"].checked::before { background-color: #7F78E3; border: solid 1px #7F78E3; }
#myCards .card-summary .card-author-info li { padding: 16px; }
.ui-dialog .btn-holder li { float: none; width: auto; }

.otp_widget-form .otp_widget-wrapper.left-panel .otp-container.counter-active .otp-counter > .send-again .counter-countdown span[aria-hidden="true"],
.otp_widget-form .otp_widget-wrapper.left-panel .otp-container.counter-active .otp-counter > .send-again .counter-countdown .seconds,
.otp_widget-form .otp_widget-wrapper.left-panel .otp-container.counter-active .otp-counter > .send-again .counter-countdown .minutes { color: #B3B3B9; }
.otp_widget-form .otp_widget-wrapper.left-panel .otp-container.counter-active.otp-overlay .otp-counter > .send-again .counter-countdown span[aria-hidden="true"],
.otp_widget-form .otp_widget-wrapper.left-panel .otp-container.counter-active.otp-overlay .otp-counter > .send-again .counter-countdown .seconds,
.otp_widget-form .otp_widget-wrapper.left-panel .otp-container.counter-active.otp-overlay .otp-counter > .send-again .counter-countdown .minutes { color: #36363A; }
body .manage-pin .counter-countdown .text { right: 0; }

/*.otp-container.otp-overlay::before { display: none; }*/

.dialog-close-cross {
  position: absolute;
  top: 15px;
  right: 15px;
  color: #666;
  font-size: 12px;
  text-decoration: none;
  display: block !important;
}
#copy-virtual-card-toast{visibility: hidden;display: block;box-sizing:border-box;width:calc(100% - 32px);max-width:358px;background-color:#333;color:#fff;border-radius:12px;padding:16px 16px 16px 18px;position:fixed;z-index:1;left:50%;transform:translateX(-50%);top:70px}
#copy-virtual-card-toast .copy-virtual-card-toast-img{ display: inline-block; vertical-align: top;}
#copy-virtual-card-toast .copy-virtual-card-toast{ display: inline-block; vertical-align: top; padding: 0 0 0 5px;}
.copy-virtual-card-toast{font-size:16px;font-style:normal;font-weight:500;line-height:1.5}
#copy-virtual-card-toast.show{visibility:visible;-webkit-animation:fadein 0.5s,fadeout .5s 2.5s;animation:fadein 0.5s,fadeout .5s 2.5s}
@-webkit-keyframes fadein {
from{top:-30px;opacity:0}
to{top:0;opacity:1}
}
@keyframes fadein {
from{top:-30px;opacity:0}
to{top:0;opacity:1}
}
@-webkit-keyframes fadeout {
from{top:0;opacity:1}
to{top:-30px;opacity:0}
}
@keyframes fadeout {
from{top:0;opacity:1}
to{top:-30px;opacity:0}
}
.card-num #copy-button {position: relative; z-index: 999;}