@font-face {
  font-family:cholder4;
  src:url(../../../../fonts/cholder4.eot?f4209dd);
  src:url(../../../../fonts/cholder4.eot?f4209dd#iefix) format("embedded-opentype"),
  url(../../../../fonts/cholder4.ttf?f4209dd) format("truetype"),
  url(../../../../fonts/cholder4.woff?f4209dd) format("woff"),
  url(../../../../fonts/cholder4.svg?f4209dd#cholder4) format("svg");
  font-weight:400;
  font-style:normal;
  font-display:block
}
@font-face {
  font-family:"flavorsregular";
  src:url(../../../../fonts/flavors-regular-webfont.woff2) format("woff2"),
  url(../../../../fonts/flavors-regular-webfont.woff) format("woff");
  font-weight:400;
  font-style:normal
}
[class*=" icon-"],
[class^="icon-"] {
  font-family:cholder4!important;
  speak:none;
  font-style:normal;
  font-weight:400;
  font-variant:normal;
  text-transform:none;
  line-height:1;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}
.icon-refresh_icon::before {
  content:"\e92d"
}
.icon-question_icon::before {
  content:"\e92e"
}
.icon-cross::before {
  content:"\e909"
}
.icon-sms-new:before {
  content:"\e978"
}
.icon-message:before {
  content:"\e90e"
}
.d-table {
  display:table;
  width:100%
}
.d-table>:not(script) {
  display:table-cell;
  vertical-align:top
}
.pl5 {
  padding-left:5px!important
}
.text-left {
  text-align:left!important
}
.pr5 {
  padding-right:5px!important
}
.text-right {
  text-align:right!important
}
.btn.radius:not(.rebtel-button):not([type="submit"]) {
  border-radius:40px
}
.btn.btn-light {
  color:#FFF;
  border-color:#dfe6ee;
  background:#fff0
}
.btn-block {
  display:block;
  width:100%;
  max-width:100%
}
.ui-helper-hidden-accessible {
  position:absolute;
  left:-99999999px
}
.ui-helper-reset {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  line-height:1.3;
  text-decoration:none;
  font-size:100%;
  list-style:none
}
.ui-helper-clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden
}
.ui-helper-clearfix {
  display:inline-block
}
* html .ui-helper-clearfix {
  height:1%
}
.ui-helper-clearfix {
  display:block
}
.ui-helper-zfix {
  width:100%;
  height:100%;
  top:0;
  left:0;
  position:absolute;
  opacity:0;
  filter:Alpha(Opacity=0)
}
.ui-tooltip {
  z-index:9999;
  max-width:310px;
  border:1px solid#FFFFFF;
  background:#FFF;
  color:#fff;
  font-size:1rem
}
.ui-tooltip.ui-widget {
  margin-top:4px
}
.ui-tooltip .ui-tooltip-content {
  text-align:left;
  padding:9px 15px 10px;
  font-weight:400;
  font-size:.78571em;
  line-height:1.54545
}
.tooltip {
  z-index:2001;
  font-size:.78571em;
  line-height:1.54545
}
.tooltip.bs-tooltip-bottom {
  margin-top:4px
}
.tooltip .tooltip-inner {
  text-align:left;
  padding:9px 15px 10px;
  font-weight:400;
  line-height:14px
}
.list-inline,
.list-unstyled {
  padding-left:0;
  list-style:none
}
.captcha .captcha-actions a {
  color:#ccc
}
.retrieve-pin .manage-pin,
.retrieve-pin .manage-pin .tab-content {
  border-width:0!important;
  border-radius:0!important;
  -webkit-box-shadow:none!important;
  box-shadow:none!important;
  padding:0!important
}
.password-field-holder .verificationAreaOtpContainer {
  margin:20px 0 0
}
.password-field-holder {
  margin-bottom:25px
}
.otp-container {
  background:#E3E9EA;
  border-radius:8px;
  padding:30px 28px;
  border:1px solid #E3E9EA;
  position:relative;
  z-index:5
}
.otp-container .passcode-box h3 {
  color:#3F4949;
  font-size:1em;
  line-height:1.143;
  letter-spacing:.233333px;
  font-weight:600;
  text-align:center;
  margin-bottom:7px
}
.otp-container .passcode-box p {
  font-size:.857em;
  line-height:1.333;
  color:#3F4949;
  letter-spacing:.2px;
  margin-bottom:19px;
  font-weight:400;
  text-align:center
}
.otp-container .passcode-box .radios-holder {
  margin:0
}
.otp-container .passcode-box .radio label {
  font-size:.928em;
  line-height:1.38462;
  font-weight:400;
  letter-spacing:.216667px;
  color:#FFF!important
}
.otp-container .passcode-box .radio label {
  color:#231F20!important
}
body .otp-container .passcode-box .radios-holder [class*="iradio_"].checked:nth-child(1)~.labels-holder label:nth-child(1) .ico:before,
body .otp-container .passcode-box .radios-holder [class*="iradio_"].checked:nth-child(1)~.labels-holder label:nth-child(1) {
  color:#FFFFFF !important;
}
.otp-container .passcode-box .radio label.checkbox-checked {
  font-weight:600
}
.otp-container .btn {
  margin:10px 0 0!important;
  font-weight:600;
  padding:8px 15px!important;
  font-size:.928em;
  line-height:1.46154
}
.otp-container .label {
  display:block;
  color:#747474
}
.otp-container .send-again {
  padding:20px;
  background:#FBFDFE;
  border:1px solid #6F7979;
  color:#3F4949;
  text-align:center;
  border-radius:4px;
  max-width:220px;
  margin:0 auto
}
.otp-container .send-again .ico {
  font-size:.92308em;
  line-height:1;
  color:#faa532
}
.otp-container .send-again .seconds-holder {
  font-size:1em;
  line-height:1.38462;
  color:#006971;
}
.otp-container .send-again a {
  font-size:1em;
  line-height:1.38462;
  margin:4px 0 7px;
  font-weight:500;
  display:block;
  cursor:pointer
}
.otp-container .send-again a:focus,
.otp-container .send-again a:hover {
  text-decoration:none
}
.otp-container .send-again-link.disabled {
  color:rgb(0 0 0 / .2)
}
.otp-container .send-again-link.disabled:hover {
  color:rgb(0 0 0 / .2)
}
.otp-container .source .ico {
  display:inline-block;
  vertical-align:middle;
  margin-right:5px;
  font-size:15px;
  line-height:1;
  position:relative
}
.otp-container .passcode-box {
  background:0 0;
  margin:0;
  padding:0;
  border:none;
  -webkit-box-shadow:none;
  box-shadow:none
}
.otp-container .otp-counter {
  text-align:center
}
.otp-container .otp-counter .label {
  color:#3F4949;
  font-size:1em;
  font-weight:500;
  line-height:1.5
}
.otp-container .otp-counter .source {
  font-size:1.07692em;
  line-height:1.28571;
  color:#3F4949;
  display:block;
  margin:0 0 20px;
  font-weight:500
}
.otp-container.otp-overlay:before {
  z-index:2;
  content:"";
  top:0;
  left:0;
  right:0;
  bottom:0;
  position:absolute
}
.otp-container.otp-overlay .send-again .send-again-link {
  color:#FFF;
  opacity:20%
}
.otp-container.counter-active .otp-counter {
  display:block
}
.body-loader .otp-container .otp-counter {
  display:block!important
}
.temp-overlay:before {
  position:relative;
  content:"";
  z-index:2;
  top:0;
  left:0;
  right:0;
  bottom:0;
  position:absolute
}
.section-loader .svg-holder svg circle {
  -webkit-transform:translateX(15px);
  -ms-transform:translateX(15px);
  transform:translateX(15px)
}
.captcha-area {
  position:relative;
  margin:0 0 30px
}
.captcha-area+.btns.rebtel-button {
  margin-top:0
}
.captcha-area>.label strong {
  font-weight:inherit
}
.captcha {
  height:80px;
  margin:0 0 20px;
  position:relative;
  border-radius:4px;
  background-color:#fff;
  border:1px solid #d7d9e0;
  padding:10px 30px 10px 10px
}
.captcha .captcha-img {
  top:50%;
  display:block;
  margin:0 auto;
  position:relative;
  -webkit-transform:translate(0,-50%);
  transform:translate(0,-50%);
  -ms-transform:translate(0,-50%)
}
.captcha .captcha-actions {
  top:0;
  right:0;
  bottom:0;
  margin:0;
  position:absolute;
  border-left:1px solid #dfe6ee
}
.captcha .captcha-actions li {
  height:50%
}
.captcha .captcha-actions li+li {
  border-top:1px solid #dfe6ee
}
.captcha .captcha-actions a {
  display:block;
  text-align:center;
  position:relative;
  width:30px;
  height:100%
}
.captcha .captcha-actions a:active,
.captcha .captcha-actions a:focus,
.captcha .captcha-actions a:hover {
  background:#f9f9f9
}
.captcha .captcha-actions a>span {
  top:50%;
  left:50%;
  position:absolute;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%)
}
.captcha.btn-2 .captcha-actions li {
  height:50%
}
.captcha.btn-1 .captcha-actions li {
  height:100%
}
.captcha.btn-3 {
  height:100px
}
.captcha.btn-3 .captcha-actions li {
  height:33.3333%
}
.captcha-wide .captcha-area {
  position:relative
}
.captcha-wide:after,
.captcha-wide .captcha-area:after {
  content:"";
  clear:both;
  display:block
}
.captcha-wide .captcha-area .label {
  position:absolute;
  right:20px;
  top:28px;
  width:43.2%
}
.captcha-wide .captcha-area .captcha-area {
  width:50%;
  margin:0;
  padding:0;
  background:none
}
.captcha-wide .captcha-area .captcha {
  margin:0;
  height:100px
}
.captcha-wide .captcha-area .field {
  position:absolute;
  top:35px;
  left:108%;
  width:85%
}
.captcha-wide .captcha-area {
  border-radius:4px;
  padding:20px;
  background-color:rgb(235 239 244 / .5);
  margin:0 0 40px
}
.captcha-wide .captcha-area .form-control {
  background:none
}
.passcode-box {
  margin:0 0 24px;
  border-radius:4px;
  padding:32px 23px;
  border:1px solid #d8dde4;
  -webkit-box-shadow:0 2px 4px 0 rgb(0 0 0 / .05);
  box-shadow:0 2px 4px 0 rgb(0 0 0 / .05);
  background:-o-linear-gradient(136.45deg,#f8fbff 0,rgb(255 255 255 / .3) 100%);
  background:linear-gradient(313.55deg,#f8fbff 0,rgb(255 255 255 / .3) 100%)
}
#activateCard h2 {
  display:none
}
.passcode-box .radios-holder {
  top:auto;
  right:auto;
  width:100%;
  margin:0 0 20px;
  position:relative
}
.passcode-box .radios-holder.radio-1 .radio {
  margin-right:0
}
.passcode-box .radios-holder .radio {
  display:block;
  border-radius:20px
}
.passcode-box .radios-holder label {
  padding:8.5px 10px;
  border-radius:20px;
  width:50%;
  margin:0
}
.passcode-box .radios-holder .bg {
  border-radius:20px
}
.passcode-box .radios-holder .checkbox-checked .on {
  display:block
}
[data-isandroid="true"][data-ismobile="true"] .table-switcher .select-holder {
  position:relative
}
[data-isandroid="true"][data-ismobile="true"] .table-switcher .select-holder:before {
  top:50%;
  z-index:5;
  right:20px;
  color:#7a7b87;
  margin:-3px 0 0;
  font:40%/1 cholder4;
  content:"\e902";
  position:absolute;
  pointer-events:none
}
.radios-holder {
  top:36px;
  right:50px;
  position:absolute;
  white-space:nowrap
}
.radios-holder [class*="iradio_"] {
  top:0;
  left:0;
  opacity:0;
  position:absolute
}
.radios-holder .radio {
  z-index:2;
  display:inline-block;
  vertical-align:top;
  position:relative;
  text-align:center;
  border-radius:20px
}
.radios-holder .radio:before {
  top:0;
  left:1px;
  right:1px;
  bottom:0;
  content:"";
  position:absolute;
  z-index:1;
  border-radius:20px;
  border:#6F7979 solid 1px !important;
}
.radios-holder label {
  margin:0;
  z-index:3;
  display:inline-block;
  vertical-align:top;
  cursor:pointer;
  min-width:70px;
  padding:10px 15px;
  position:relative;
  border-radius:20px;
  font-size:.85714em;
  line-height:1.5;
  -webkit-transition:all 0.25s ease;
  -o-transition:all 0.25s ease;
  transition:all 0.25s ease
}
.radios-holder label:only-child {
  width:100%!important
}
.radios-holder label span:before {
  color:#ccc
}
.radios-holder label.focus {
  outline:dotted 1px #505050;
  text-decoration:underline;
  outline-offset:2px
}
.radios-holder label .ico {
  margin:0 10px 0 0;
  font-size:10.5px;
  font-weight:600
}
.radios-holder.bg-active .bg {
  opacity:1
}
.radios-holder .bg {
  top:0;
  z-index:2;
  left:0;
  bottom:0;
  opacity:0;
  position:absolute;
  border-radius:20px;
  -webkit-transition:all 0.25s ease;
  -o-transition:all 0.25s ease;
  transition:all 0.25s ease
}
.radios-holder .invisible {
  top:0;
  left:0;
  width:0;
  height:0;
  position:absolute
}
.radios-holder.radio-1 .bg {
  left:0;
  width:100%!important
}
.otp-container .source .ico,
.otp-container .send-again a {
  text-decoration:none
}
.otp-container .btn.btn-orange {
  display:block;
  border-radius:40px
}
.alert {
  position:relative;
  color:#323232;
  margin:0 0 20px;
  font-weight:400;
  border-radius:4px;
  font-size:.78571em;
  line-height:1.27273;
  padding:11px 40px 11px 18px;
  -webkit-box-shadow:0 2px 2px 0 rgb(0 0 0 / .05);
  box-shadow:0 2px 2px 0 rgb(0 0 0 / .05)
}
.alert label {
  margin:0!important
}
.alert .text-normal {
  font-weight:400
}
.alert .link {
  margin:0 0 0 10px;
  text-decoration:underline
}
.alert .link:focus,
.alert .link:hover {
  text-decoration:none
}
.alert .close {
  top:50%;
  opacity:1;
  right:15px;
  font-size:10px;
  margin:0;
  position:absolute;
  text-shadow:none;
  -ms-transform:translate(0,-50%);
  -webkit-transform:translate(0,-50%);
  transform:translate(0,-50%)
}
.alert .close:focus,
.alert .close:hover {
  text-decoration:none;
  color:#262626;
  opacity:1;
  outline:dotted 1px;
  outline-offset:3px
}
.alert.alert-danger {
  color:#c64b31;
  font-size:.92857em;
  border:1px solid #faa9a9;
  background-color:#ffeeed;
  padding:16px 40px 16px 48px
}
.alert.alert-danger:before {
  content:"\e979";
  font:18px/1 cholder4!important;
  color:#9f2d2d;
  position:absolute;
  left:16px;
  top:15px
}
.alert.alert-danger .icon-cross {
  color:#9f2d2d;
  font-size:8px;
  font-weight:700
}
.alert.alert-primary {
  font-weight:400;
  padding:15px 50px 15px 15px
}
.alert.alert-primary a {
  font-weight:700;
  text-decoration:underline
}
.alert.alert-primary a:focus,
.alert.alert-primary a:hover {
  text-decoration:none
}
.alert.alert-primary .close {
  color:#2d619f
}
.alert.alert-primary .close:focus,
.alert.alert-primary .close:hover {
  text-decoration:none;
  color:#598cca
}
.alert .date {
  font-weight:400;
  letter-spacing:.03rem;
  font-size:.91667em;
  line-height:1.27273
}
.alert .alert-title {
  font-weight:400
}
.alert.alt {
  font-weight:500
}
.alert.alert-danger {
  background:#ffeeed;
  border-color:#faa9a9
}
button.close {
  padding:0;
  background-color:#fff0;
  border:0;
  -webkit-appearance:none
}
.pin-counter {
  display:-ms-flexbox!important;
  display:-webkit-box!important;
  display:flex!important;
  min-height:auto;
  margin:15px 0 50px;
  overflow:hidden;
  border-radius:8px;
  text-align:center;
  border:1px solid #D8DDE4;
  -webkit-box-shadow:none;
  box-shadow:none
}
.pin-counter .pin-number {
  float:left;
  width:70%;
  white-space:nowrap
}
.pin-counter .pin-number>* {
  white-space:normal
}
.pin-counter .pin-number:before,
.pin-counter .pin-number>* {
  float:none;
  display:inline-block;
  vertical-align:middle
}
.pin-counter .pin-number:before {
  content:"";
  height:120px
}
.pin-counter .pin-timer {
  float:left;
  width:30%;
  white-space:nowrap
}
.pin-counter .pin-timer>* {
  white-space:normal
}
.pin-counter .pin-timer:before,
.pin-counter .pin-timer>* {
  float:none;
  display:inline-block;
  vertical-align:middle
}
.pin-counter .pin-timer:before {
  content:"";
  height:120px
}
.pin-counter .pin-number {
  border-right:#D8DDE4 solid 1px;
  background:url(../../../../cstatic/aac66d66-64f7-4fa1-9264-0f57046716e5/pattern3.png)
}
.pin-counter .pin-timer {
  background:#f9fafb
}
.pin-counter .num {
  color:#757575;
  letter-spacing:5px;
  font-size:2.571em;
  line-height:.889;
  text-align:center
}
.pin-counter .counter-title {
  color:#747474;
  margin:0 10px 0 0;
  font-size:.85714em;
  line-height:1.25
}
.pin-counter .counter,
.pin-counter .counter-title {
  display:inline-block;
  vertical-align:middle
}
.counter {
  white-space:nowrap
}
.counter>* {
  white-space:normal
}
.counter:before,
.counter>* {
  float:none;
  display:inline-block;
  vertical-align:middle
}
.counter:before {
  content:"";
  height:100%
}
.counter svg {
  width:15px;
  height:15px;
  display:inline-block;
  margin-right:6px
}
.counter .progress-circle {
  -webkit-transform:rotate(-90deg);
  -ms-transform:rotate(-90deg);
  transform:rotate(-90deg)
}
body .counter .progress-circle circle:first-child {
  stroke:#D8DDE4 !important;
    fill: #FBFDFE !important;
}
.counter .progress__value {
  stroke-dasharray:339.292;
  stroke-dashoffset:339.292;
  -webkit-animation:progress paused linear;
  animation:progress paused linear
}
.counter.time-inside {
  position:relative
}
.counter.time-inside svg {
  display:inline-block
}
.counter.time-inside .counter-countdown {
  position:absolute
}
.counter.time-inside .seconds {
  color:#faa532;
  font-weight:600;
  font-size:1.143em;
  line-height:1;
  position:relative;
  top:-37px;
  right:-33px
}
.counter.time-inside .text:before {
  position:relative;
  top:-22px
}
.counter-countdown {
  display:inline-block
}
.counter-countdown .text {
  color:#FFF;
  font-size:.714em;
  line-height:1.4;
  letter-spacing:.07px;
  position:absolute;
  bottom:5px;
  right:-27px
}
.counter-countdown .text:before {
  display:block;
  content:attr(data-mins)
}
.counter-countdown .mins {
  display:block;
  color:#faa532;
  font-weight:500;
  font-size:32px;
  line-height:1.25
}
.counter-countdown .seconds {
  color:#006971;
  font-size:13px;
  line-height:1.38462;
  font-weight:400
}
.counter-countdown .seconds[data-seconds="0"]:before {
  content:"0"
}
.verification-area>h4,
.verification-area>label {
  margin-left:3px
}
.verification-area h4 {
  font-size:1.07692em;
  line-height:1.14286;
  color:#FFF;
  font-weight:500;
  letter-spacing:.23px
}
.verification-area .label {
  display:block;
  color:#3F4949;
  letter-spacing:.23px;
  font-size:1.07692em;
  line-height:1.5;
  margin-bottom:30px
}
.verification-area .error-message {
  font-size:.92308em;
  line-height:1.5;
  color:#d36e6e;
  margin-bottom:30px;
  position:relative;
  top:5px
}
.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:#FBFDFE;
  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 .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:2px;
  bottom:6px;
  color:#161616
}
h3 {
  color:#FFF
}
#PINDetails-desc h2.sectionTitle {
  display:none
}
#PINDetails-desc p.alertable-content {
  display:none
}
.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 .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 .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 .seconds {
  position:static;
  top:auto;
  right:auto;
  letter-spacing:4px;
  vertical-align:6px
}
.manage-pin .counter.time-inside .mins {
  font-size:2.143em;
  line-height:.533;
  font-weight:600;
  margin:0 0 0 -6px
}
.counter-active .progress__value {
  -webkit-animation-play-state:running!important;
  animation-play-state:running!important
}
.manage-pin .counter.time-inside .mins,
.manage-pin .counter.time-inside .seconds,
.session-timeout .minutes,
.session-timeout .seconds {
  color:#d7282e
}
.manage-pin .countDiv.countDiv2 {
  color:#d7282e
}
.counter svg circle:last-child {
  stroke:#d7282e
}
.retrieve-pin .section-loader {
  left:0;
  -webkit-transform:translate(0,-50%);
  -ms-transform:translate(0,-50%);
  transform:translate(0,-50%)
}
.rebtel-button .btn {
  -webkit-box-shadow:none!important;
  box-shadow:none!important
}
.ui-widget-overlay {
  opacity:.6;
  z-index:5000;
  background:#000;
  filter:Alpha(Opacity=60);
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%
}
.ui-dialog {
  position:absolute;
  top:0;
  left:0;
  padding:.2em;
  outline:0;
  z-index:2000;
  background:#fff
}
.manage-pin .Days,
.manage-pin .Hours,
.manage-pin .countDiv.countDiv1,
.manage-pin .countDiv.countDiv3,
.manage-pin .countDiv.countDiv0,
.ui-dialog-titlebar,
.ui-helper-hidden,
.passcode-box .radios-holder .on,
.otp-container.counter-active .passcode-box,
.otp-container .counter-countdown .text,
.passcode-box .radios-holder .checkbox-checked .off,
.otp-container .otp-counter {
  display:none
}
.d-none,
.body-loader .otp-counter.otp-overlay.d-none,
#terms,
.retrieve-pin .manage-pin .tab-content .btns>.btn:not(#next) {
 display:none!important
}
.ui-dialog .ui-dialog-content {
  overflow:visible!important;
  height:auto!important;
  padding:35px 30px;
  top:auto!important;
  left:auto!important
}
.ui-dialog.ui-widget-content[aria-describedby="sessionTimeoutdialog"] {
  top:50%!important;
  left:50%!important;
  -webkit-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  z-index:5001!important
}
.ui-dialog.session-timeout,
.ui-dialog.ui-widget-content.edit-alert-dialog-parent {
  max-height:90vh;
  overflow-y:auto
}
.ui-dialog.ui-widget-content {
  min-width:462px;
  min-height:250px;
  position:fixed!important;
  border:1px dotted #e3e7ed;
  border-radius:5px;
  overflow:visible;
  height:auto!important
}
.session-timeout {
  color:#777;
  background:#fff;
  max-width:462px;
  text-align:center;
  border-radius:4px;
  padding:55px!important;
  font-size:13px;
  line-height:1.38462;
  border:1px solid #d8dde4
}
.session-timeout .title {
  color:#FFF;
  display:block;
  margin:0 0 10px;
  font-size:18px;
  line-height:1.22222
}
.session-timeout p {
  margin:0
}
.session-timeout .info {
  font-weight:500;
  margin:0 auto 40px!important
}
.session-timeout .btn {
  min-width:144px;
  padding:11px 20px;
  font-size:1em;
  line-height:1.28571
}
.session-timeout .counter-timer {
  margin:0 auto 40px;
  position:relative;
  width:120px;
  height:120px
}
.session-timeout .counter-timer svg {
  width:100%;
  height:100%
}
.session-timeout .timer {
  top:50%;
  left:50%;
  position:absolute;
  -ms-transform:translate(-50%,-50%);
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  white-space:nowrap
}
.session-timeout #countDownTimer {
  color:#d7282e;
  font-weight:600
}
.session-timeout .minutes,
.session-timeout .seconds-holder {
  display:inline-block;
  vertical-align:top
}
.session-timeout .minutes {
  font-weight:600;
  font-size:30px;
  line-height:1;
  padding:0 3px 0 0
}
.session-timeout .seconds {
  font-weight:600
}
.session-timeout .text {
  color:#FFF;
  display:block;
  font-weight:500;
  font-size:10px;
  line-height:1.2;
  margin:-14px 0 6px 44px
}
.session-timeout [data-digits="0"]:before {
  content:attr(data-digits)
}
#sessionTimeoutdialog ul {
  margin:0
}
#sessionTimeoutdialog.ui-widget-content {
  text-align:center;
  padding:0!important
}
.label-only>em,
label>em {
  font-size:0;
  line-height:0;
  background-color:#c84c4c;
  width:4px;
  height:4px;
  border-radius:100%;
  margin:4px 0 0 4px;
  display:inline-block;
  vertical-align:top;
  color:#fff
}
.ui-datepicker {
  border:solid 1px #006971;
}
.ui-datepicker-calendar td a.ui-state-highlight,
.ui-datepicker-calendar td a:focus,
.ui-datepicker-calendar td a:hover {
  background:#006971;
  color:#FFFFFF !important;
}
.ui-datepicker .ui-datepicker-header a:focus,
.ui-datepicker .ui-datepicker-header a:hover {
  color:#FFF !important;
  background:#006971;
}
.ui-datepicker .ui-datepicker-header a.ui-state-disabled:hover span {
  color:#fff;
}
@media (max-width:579px) {
  .captcha-wide .captcha-area {
    min-height:inherit;
    padding:20px 20px 30px
  }
  .captcha-wide .field {
    width:100%
  }
  .captcha-wide .captcha-area .label {
    position:static;
    margin:0 0 10px;
    width:auto
  }
  .captcha-wide .captcha-area .captcha-area {
    width:100%;
    margin:0
  }
  .captcha-wide .captcha-area .captcha {
    margin:0 0 15px
  }
  .captcha-wide .captcha-area .field {
    width:100%;
    position:static
  }
}
@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%
  }
}
@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 {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:auto
  }
  .manage-pin .captcha-area.google-captcha .g-recaptcha {
    margin:0 auto
  }
}
@media (max-width:767px) {
  .ui-dialog.ui-widget-content {
    max-width:550px;
    width:auto!important;
    min-width:inherit!important
  }
  .session-timeout {
    padding:40px 25px!important
  }
}
@media (max-width:579px) {
  #sessionTimeoutdialog ul li {
    display:block;
    padding:0!important;
    font-size:1em
  }
  #sessionTimeoutdialog ul li .btn {
    display:block;
    width:100%
  }
  #sessionTimeoutdialog ul li+li {
    margin:15px 0 0
  }
  .ui-dialog.ui-widget-content {
    width:calc(100% - 30px)!important
  }
}
@-webkit-keyframes progress {
  from {
    stroke-dashoffset:339.292
  }
  to {
    stroke-dashoffset:0
  }
}
@keyframes progress {
  from {
    stroke-dashoffset:339.292
  }
  to {
    stroke-dashoffset:0
  }
}
.manage-pin .passcode-box .radios-holder label .ico::before, .radios-holder label.checkbox-checked .ico::before {
  color: #231F20 !important;
}