body { font-family: 'Futura' , Arial, "Helvetica Neue", sans-serif; }
.container .form-control::placeholder{opacity: 0.6}
.btn.disabled, .btn:disabled {opacity: 0.5}
.activate-card-wrapper #linkCardForm #cardActivationsecurityCode {max-width: 100px;}
.field-static.has-icon-right .ico.copy{text-indent: -9999px; width: 15px; height: 15px; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2225%22%20viewBox%3D%220%200%2024%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M17.552%204.36144C17.552%202.22884%2015.8232%200.5%2013.6906%200.5H3.86144C1.72877%200.5%200%202.22884%200%204.36144V14.1906C0%2016.3232%201.72878%2018.052%203.86144%2018.052H3.96768C4.5493%2018.052%205.0208%2017.5805%205.0208%2016.9989C5.0208%2016.4173%204.5493%2015.9458%203.96768%2015.9458H3.86144C2.89203%2015.9458%202.10624%2015.16%202.10624%2014.1906V4.36144C2.10624%203.39206%202.89204%202.60624%203.86144%202.60624H13.6906C14.66%202.60624%2015.4458%203.39206%2015.4458%204.36144V4.46769C15.4458%205.04931%2015.9173%205.52081%2016.4989%205.52081C17.0805%205.52081%2017.552%205.04931%2017.552%204.46769V4.36144ZM20.1386%209.05423C21.1079%209.05423%2021.8938%209.84003%2021.8938%2010.8094V20.6386C21.8938%2021.608%2021.1079%2022.3938%2020.1386%2022.3938H10.3094C9.34001%2022.3938%208.55423%2021.608%208.55423%2020.6386V10.8094C8.55423%209.84002%209.34001%209.05423%2010.3094%209.05423H20.1386ZM24%2010.8094C24%208.67676%2022.2712%206.94799%2020.1386%206.94799H10.3094C8.17677%206.94799%206.44798%208.67677%206.44798%2010.8094V20.6386C6.44798%2022.7712%208.17677%2024.5%2010.3094%2024.5H20.1386C22.2712%2024.5%2024%2022.7712%2024%2020.6386V10.8094Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E"); background-size: 100% auto; margin: -17px 0 0;}


.rebtel-button{margin: 0;}
.form-control, .field-static{font-size: 18px; line-height: 25px;}
.form-control:focus{border-width: 2px; /*! border: 2px solid #32302F; */}
.gen_msg{border-radius: 16px;margin-bottom: 24px;color: #7D2D0B;background-color: #F7DDD9;border-color: #F7DDD9;padding: .9rem 1.25rem !important;}
.btn.disabled, .btn:disabled{opacity: 1;}
.field-holder{min-height: 1px;}
#wrapper{padding: 0 1px;}

/* Card Detail Style */
.card-auth-info-wrapper form label, .card-auth-info-wrapper .label-txt{font-size: 16px; color: #32302F; line-height: 22.4px; margin: 0 0 8px;}
.card-auth-info-wrapper .form-control, .card-auth-info-wrapper .field-static{border-radius: 0; border: none; border-bottom: 1px solid #E4E2E1; padding: 0 60px 18px 0; font-size: 16px; color: #32302F; line-height: 22.4px; height: auto;}
/* .card-auth-info-wrapper .cardverification_container .container-fluid-inner .row {flex-direction: column;} */
.card-auth-info-wrapper .cardverification_container .container-fluid-inner .row #cvvholder .field-static{border-bottom: none}
.card-auth-info-wrapper .cardverification_container .container-fluid-inner .row #cvvholder{min-width: 100%;}

/* Set-pin Style change-pin Style */
.field-holder {  position: relative;} .field-holder label {  position: absolute;  top: 17.5px;  left: 16px;  z-index: 3;  transition: 0.4s all;   font-size: 17px;  line-height: 25px;margin: 0;} .field-focused label {  top: 0px; /* Position when field is focused */  font-size: 14px;transition: 0.4s all;   line-height: 20px;  padding-top:7.5px;}  
em{display:none;}  #changePinBean\.confirmPinError{ display:flex; align-items:center; gap:4px; margin: 4px 0 0 16px;font-size: 16px;line-height: 1.4; }
.desc-pattern{ font-size: 16px; font-style: normal; font-weight: 400; line-height:22.4px; color: #615E5C;  margin: 0 24px 12px 24px;}
.btn:focus{box-shadow: 0 0 0 .2rem rgba(0, 0, 0, 0.02) !important;}
.error-text{margin: 7px 0 0 16px;font-size: 16px;line-height: 22px; }
.gen_msg.error-msg { color: #7D2D0B; background-color: #F7DDD9;border-color: #F7DDD9; }
#setPinForm #changePinBean\.confirmPinError { position: relative; display:flex; align-items:center; gap:4px; margin: 4px 0 0 16px;font-size: 16px;line-height: 22px; }
#setPinForm #changePinBean\.confirmPinError::before { content: url("https://static-impl2.mycardplace.com/componentcontentdelivery/cstatic/8d7f7f10-3ab3-4ba8-b1c1-fe5050ed8c23/inline-error.svg");display: inline-block; margin: 4px 0 0;}


/* Retrive pin Style */
#PINDetails-desc h2 {font-size: 18px;line-height: 25.2px;color: #32302F;text-align: center;margin: -24px 0 8px;}
#PINDetails-desc p{font-size: 16px;line-height: 22.4px;color: #615E5C;margin: 0;text-align: center;}
.manage-pin .pin-counter .pin-timer { background-color:#eceaed !important;}
.progress-circle circle { stroke: #d2d2d6 !important;}
.progress-circle .progress__value {  fill: #eceaed; stroke: #3f3c3f !important; }
.pin-counter{border-radius: 16px !important;margin: 16px 16px 48px 16px !important; }
.pin-counter .pin-number {
    border-right: #eceff2 solid 1px;
    background: url(../../../../cstatic/aac66d66-64f7-4fa1-9264-0f57046716e5/pattern4.png) !important;
  }
  #cardverification .text-center {
    margin: -8px 0 24px;
    font-size: 16px;
    line-height: 22.4px;
    color: #615E5C !important;
  }
  #activateCard h2{ font-size: 24px; text-align: center; margin: 0 0 14px; line-height: 31px;color: #272526;font-weight: 600;}
  
/*.lds-spinner.lds-spinner-sdk{display: block;}
.lds-spinner.lds-spinner-sdk div:after{background: #BAB9BA;}*/
 
.gen_msg.success-msg { white-space: nowrap; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08); background: #E0EAF3; border-color: #E0EAF3; color: #27516F; }
.gen_msg.success-msg:before { margin: 1px 4px 0 0; content: ''; width: 19px; height: 20px; display: inline-block; vertical-align: top; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2219%22%20height%3D%2220%22%20viewBox%3D%220%200%2019%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%229.5%22%20cy%3D%2210%22%20r%3D%229.5%22%20fill%3D%22%23D9D9D9%22%2F%3E%3Ccircle%20cx%3D%229.5%22%20cy%3D%2210%22%20r%3D%229.5%22%20fill%3D%22%23375771%22%2F%3E%3Cpath%20d%3D%22M13.1435%207.46667L8.39349%2012.2167L5.7002%209.52338%22%20stroke%3D%22%23E1E8F5%22%20stroke-width%3D%221.53%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: 50% 50%; }
.card-auth-info-wrapper .field-static #name { text-transform: capitalize; }
.field-static.has-icon-right .ico.copy { cursor: pointer; }
.field-static.has-icon-right .ico.copy.copied { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2228%22%20height%3D%2229%22%20viewBox%3D%220%200%2028%2029%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M23.4168%207.625L10.8127%2020.2292L5.0835%2014.5%22%20stroke%3D%22black%22%20stroke-width%3D%221.71875%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); }
body .verification-area .label { position: static; margin: 0 0 5px; }
.verificationAreaOtpContainer div.input { margin: 0 -3px; }
.verification-area .card-steps-holder .form-control { border-bottom: solid #E4E2E1 1px; line-height: 26px; padding: 18px 16px; }
.verification-area .card-steps-holder .form-control:focus { border: solid #E4E2E1 1px; }
#PINDetails-desc h2,
#PINDetails-desc p { text-align: left; }
.pin-counter { margin: 40px 0 48px !important }
.manage-pin .counter-countdown .text { font-size: 1em; }
.progress-circle .progress__value { fill: none; }
body .otp-container { border-color: #E7EAEE; background: #F7F8FA; }
body .otp-container .otp-counter .label { color: #000; margin: 0 0 8px; font-size: 16px; line-height: 1.395; }
body .otp-container .otp-counter .source { color: #000; margin: 0 0 9px; font-size: 14px; line-height: 1.594285714285714; }
body .otp-container .source .ico { margin-top: 5px; margin-right: 4px; }
body .otp-container .send-again { padding: 10px 20px; border-color: #E7EAEE; }
body .otp-container .send-again > span[id] { font-weight: 600; display: block; font-size: 12px; line-height: 1.86; color: #000; margin: 0 0 6px; }
body .pagecontent .otp-container .send-again a { margin: 0; opacity: 1; color: #BABABA; font-size: 12px; line-height: 1.86; font-weight: 600; }
body .otp-container .send-again .counter { margin: 6px 0 0; }
body .otp-container .send-again .seconds-holder { color: #3A3D5A; font-size: 12px; font-weight: 600; }
body .counter-countdown .seconds { color: #3A3D5A; font-weight: 600; }

body .password-field-holder .verificationAreaOtpContainer { margin: 14px 0 0; }
body .password-field-holder .verificationAreaOtpContainer .form-control { padding: 25px 14px 12px; border-width: 1px; }
body .password-field-holder .verificationAreaOtpContainer .field:not(.field-focused) .label { font-size: 18px; line-height: 23px;  }
body .password-field-holder .verificationAreaOtpContainer .field .label { color: #626262; }
body .rebtel-button .btn[type="submit"][disabled] { background: rgb(49, 47, 47, 0.05); color: #727171; }
body .rebtel-button .btn[type="submit"]:not([disabled]) { background: #312F2F; color: #fff;  }
body .rebtel-button .btn[type="submit"] { font-size: 20px; line-height: 27px; padding: 19px; border-width: 0; }
body .password-field-holder { margin-bottom: 25px; }
#PINDetails-desc h2, #PINDetails-desc p { text-align: center; }
#PINDetails-desc h2 { font-size: 24px; line-height: 1.291666666666667; color: #272526; margin: 0; }
#PINDetails-desc p { font-size: 18px; line-height: 1.277777777777778; color: #616161; }
#header .container-fluid { padding: 0; }
#retievePinContent,
#retrievePinFormId { padding: 20px 0 0; }
#retievePinContent #retrievePinFormId { padding: 0; }
#retievePinContent .pin-counter { margin: 24px 0 !important; }
body #retievePinContent .counter.time-inside .seconds { font-size: 16px; }
body .manage-pin #retievePinContent  .countDiv.countDiv2 { position: relative; top: -4px; }
.card-auth-info-wrapper #header .header-card-auth { padding: 20px 0 14px; }
.setpin-wrapper #header .pagetitle-rebtel,
.changepin-wrapper .setup-current-pin-page #header .pagetitle-rebtel,
.changepin-new-wrapper #header .pagetitle-rebtel{margin-bottom:-1px}
.setpin-wrapper .internal-page-container #setPinForm,
.changepin-wrapper .internal-page-container #currentPinForm,
.changepin-new-wrapper .internal-page-container #changePinForm{margin-top:16px}