@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}
.section-loader .svg-loader svg circle {color: #A3825C;}
body{font-family:'Roboto'}
.card-auth-info-wrapper #header .container-fluid{display: none;}
.card-auth-info-wrapper #wrapper{padding: 18px 0;}
.card-auth-info-wrapper form label, .card-auth-info-wrapper .label-txt{font-size: 12px; line-height: 12px; font-weight: 400;margin-bottom: 8px;}
.card-auth-info-wrapper .field-holder{margin-bottom: 0}
.card-auth-info-wrapper .form-control, .card-auth-info-wrapper .field-static{font-weight: 400; font-size: 16px; line-height: 24px;padding: 10px 16px;height: 44px;}
.card-auth-info-wrapper #cvvholder {min-width: 50%;}
.card-auth-info-wrapper .field-static.has-icon-right .ico.copy{text-indent: -9999px; width: 19px;height: 22px;background-image: url("https://static-cdn1.mycardplace.com/componentcontentdelivery/cstatic/e60980d6-8294-4d89-9db1-c5e7c7cfa99e/bankpro-copy.png");margin: -10px 0;}
[data-theme=dark] .card-auth-info-wrapper .field-static.has-icon-right .ico.copy{background-image: url("https://static-cdn1.mycardplace.com/componentcontentdelivery/cstatic/de6fcec7-1645-4b8b-accb-d0b7dce98a28/dark-bankpro-copy.png");}
 .field{border-radius: 12px;}
.btn-default, .otp-container .btn.btn-orange{background: #F9CB76;  border-color: #F9CB76;  color: #673E1D;}
#verificationAreaContainer .field:not(.field-focused) .label { font-size: 16px; line-height: 24px; font-weight: 400; }
#verificationAreaContainer .field .label { color: #9F9FA7;}
#verificationAreaContainer .form-control{height: 48px;padding: 12px 14px;border-radius: 4px; border-color: #ECECED; font-size: 16px; line-height: 24px; font-weight: 400; color: #36363A;} 
#verificationAreaContainer .form-control:focus{ border-color: #7F78E3;}
.field-holder label { position: absolute; top: 12px; left: 14px; z-index: 3; transition: 0.4s all; font-size: 17px; line-height: 25px; margin: 0; }
.field-focused label { top: -10px; font-size: 12px; transition: 0.4s all; line-height: 16px; background-color: #fff; font-weight: 400; padding: 0 5px; color: #7F78E3 !important; }
.field-focused:not(.has-focused) label { color: #8D8D96 !important;}
form label{ font-weight: 400;}
.btn.btn-orange{ color: #673E1D; border-color:#F9CB76;; background:#F9CB76;;font-size: 16px; line-height: 22px; padding:8px 15px; font-weight: 400;border-radius: 6px;text-transform: uppercase;}
.rebtel-button{ margin: 0;}
.rebtel-button .btn[type="submit"] { border-radius: 6px;}
#revealPinOtpSuccessContainer{ position: relative;}
.otp-container .otp-counter .label:before {font-family: 'Roboto'; position: absolute; top: -34px; left: 2px; /*background: linear-gradient(to bottom, #fff 50%, #FAFAFB 50%);*/ padding: 0 5px; content: "OTP verification"; display: block; color: #8D8D96; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; z-index: 2;}
#revealPinOtpSuccessContainer:after { height: 2px; content: ''; position: absolute; z-index: 1; left: 2px; width: 103px; top: -25px; background: #fafafb; }
.pagecontent .manage-pin .countDiv.countDiv2{ color: #8D8D96 !important;}