/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./sfra-webpack-builder/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./sfra-webpack-builder/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./sfra-webpack-builder/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./code/app_digigold/cartridge/client/default/scss/checkoutDigiGold.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.proceed-digigold-sell[disabled] {
  opacity: 0.5;
  cursor: not-allowed; }

.proceed-digigold-sell-mobile[disabled] {
  opacity: 0.5;
  cursor: not-allowed; }

.otp-limit {
  position: absolute;
  top: 103%;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .otp-limit .limit-img {
    padding: 0.625rem; }
  .otp-limit .warning {
    font-size: 0.8125rem;
    color: #ff0607;
    margin: 0.3125rem 0 0 0.5rem; }

.is-customer-otp-limit-true {
  pointer-events: none;
  opacity: 0.5; }
  .is-customer-otp-limit-true .otp-limit {
    display: block;
    opacity: 1; }

.otp-limit-table {
  position: absolute;
  top: 105%;
  left: 1%;
  width: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .otp-limit-table .limit-img {
    padding: 0.625rem; }
  .otp-limit-table .warning {
    font-size: 0.8125rem;
    color: #ff0607;
    margin: 0.3125rem 0 0 0; }

.otp-confirm-error span {
  position: absolute;
  top: 64%;
  font-size: 0.8125rem;
  color: #b50000; }

.is-digigold-redeem-false .veil {
  height: 128% !important; }

.payment-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.redeemption-error {
  font-size: 0.75rem; }

.other-redeemption-error {
  font-size: 0.75rem; }

.digigolderrorblock {
  color: #b50000;
  font-size: 0.875rem;
  margin-bottom: 0.625rem; }

.digi-gold-balance .digigold-bal-heading h6 {
  font-family: "nunito_sansregular";
  font-size: 0.875rem;
  font-weight: 700; }

.digi-gold-balance .digigold-bal-body .t-first {
  width: 100%;
  font-size: 0.75rem;
  border-collapse: separate;
  border-spacing: 0 0.625rem;
  border-bottom: 0.0625rem solid #9d9999; }
  .digi-gold-balance .digigold-bal-body .t-first .table-heading {
    font-weight: 700;
    letter-spacing: 0.0375rem; }
  .digi-gold-balance .digigold-bal-body .t-first .table-body {
    letter-spacing: 0.0375rem; }

.digi-gold-balance .digigold-bal-body .t-second {
  width: 35%;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.0375rem;
  border-collapse: separate;
  border-spacing: 0 1.375rem;
  margin-top: -0.9375rem; }
  .digi-gold-balance .digigold-bal-body .t-second .t-second-left-heading {
    font-size: 0.6875rem; }
  .digi-gold-balance .digigold-bal-body .t-second .t-second-right-data {
    font-size: 0.8125rem; }

.digi-gold-balance .digigold-bal-body .dg-checkout-inputbox input {
  padding-left: 0.75rem;
  width: 42%;
  height: 3rem;
  background-color: #f6f6f6;
  border: 0.0625rem solid #dad9d8;
  opacity: 0.4;
  border-radius: 0.3125rem;
  margin-top: -0.625rem; }

.digi-gold-balance .digigold-bal-body .dg-checkout-inputbox input:disabled {
  cursor: not-allowed; }

.checkout-common-button button {
  border-radius: 0.3125rem;
  opacity: 1;
  width: 28%;
  height: 3.2rem !important;
  text-align: center;
  color: #fff;
  border: none;
  float: right;
  background: #832729 0 0 no-repeat padding-box;
  margin-top: 1.125rem;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.05rem; }

.digigold-checkout-redeemption {
  display: none; }
  .digigold-checkout-redeemption .veil {
    height: 100%; }

#checkout-main[data-checkout-stage="payment"] .digigold-checkout-redeemption {
  display: block;
  border-radius: 0.5rem; }

.checkout-box {
  padding: 0.625rem 0.625rem;
  font-family: "nunito_sansregular";
  background-color: #f2e9e9; }

.gold-rate-box {
  background-color: #f2e9e9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.25rem 0.3125rem; }

.gold-rate-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .gold-rate-heading h2:nth-child(1) {
    font-size: 0.75rem;
    color: #832729; }
  .gold-rate-heading .digi-gold-amount {
    font-size: 0.75rem;
    color: #832729; }

.digigold-checkout-tab button {
  border-radius: 0.3125rem;
  opacity: 1;
  width: 30%;
  height: 3.2rem !important;
  text-align: center;
  color: #fff;
  border: none;
  background: #832729 0 0 no-repeat padding-box;
  margin-top: 1.125rem;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.05rem;
  margin-left: auto;
  margin-right: 0;
  display: block; }
  @media (max-width: 767.98px) {
    .digigold-checkout-tab button {
      width: 100%; } }

.digigold-checkout-tab .horizontal-ruler {
  width: 100%;
  margin: auto;
  border-top: 0.125rem solid #dad9db; }

.digigold-checkout-tab .tanishq-digigold-heading {
  font-weight: bold;
  font-size: 0.875rem;
  padding: 0.75rem 0;
  margin-bottom: 0; }

.digi-table-bordered-mobile tr {
  height: 2.8125rem; }
  .digi-table-bordered-mobile tr td {
    border: 0.125rem solid #dad9db;
    vertical-align: middle;
    text-align: center;
    padding: 0;
    font-size: 0.75rem;
    width: 25%; }
    .digi-table-bordered-mobile tr td p {
      padding-bottom: 0;
      margin-bottom: 0; }
  .digi-table-bordered-mobile tr .mobile-digi-redeem-thead {
    background: #e1e1e1;
    border: 0.125rem solid #dad9db;
    vertical-align: middle;
    text-align: center;
    padding: 0;
    font-size: 0.75rem;
    font-weight: bold; }
    .digi-table-bordered-mobile tr .mobile-digi-redeem-thead .rupees-input-digigold .digi-rupee-input {
      padding-left: 0.25rem; }

.digi-table-bordered thead {
  height: 1.875rem; }
  .digi-table-bordered thead tr th {
    background: #e1e1e1;
    border: 0.125rem solid #dad9db;
    vertical-align: middle;
    text-align: center;
    padding: 0;
    font-size: 0.75rem;
    width: 25%; }

.digi-table-bordered tbody {
  height: 2.8125rem; }
  .digi-table-bordered tbody tr td {
    border: 0.125rem solid #dad9db;
    vertical-align: middle;
    text-align: center;
    padding: 0;
    font-size: 0.75rem;
    width: 25%; }
    .digi-table-bordered tbody tr td p {
      padding-bottom: 0;
      margin-bottom: 0; }

.rupees-input-digigold {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .rupees-input-digigold .digi-rupee-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .rupees-input-digigold .digi-rupee-input input {
      border: 0.0625rem solid #dad9db;
      border-radius: 0.1875rem;
      width: 85%;
      height: 1.75rem;
      font-size: 0.75rem;
      margin-right: 0.625rem;
      padding: 0.375rem; }

.enter-mobile {
  width: 100%;
  height: 7.0625rem;
  border-radius: 0.25rem;
  position: relative; }
  .enter-mobile > .mobile-heading {
    text-align: left;
    font-size: 0.8125rem;
    color: #000;
    position: absolute;
    top: 0.8125rem;
    left: 1.5625rem; }
  .enter-mobile > .mobile-with-country-code {
    width: 92%;
    margin: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 43%; }
    .enter-mobile > .mobile-with-country-code > .country-code {
      width: 11%;
      height: 3.125rem;
      background: #f6f6f6 0 0 no-repeat padding-box;
      border: 0.0625rem solid #908e8a;
      border-radius: 0.25rem;
      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;
      font-size: 0.8125rem; }
    .enter-mobile > .mobile-with-country-code > input {
      position: absolute;
      width: 55%;
      height: 3.125rem;
      background: #fff 0 0 no-repeat padding-box;
      border: 0.0625rem solid #908e8a;
      border-radius: 0.25rem;
      left: 14%;
      padding: 0.9375rem;
      outline: none;
      font-size: 0.875rem; }
    .enter-mobile > .mobile-with-country-code .mobile-number-div {
      position: absolute;
      width: 55%;
      height: 3.125rem;
      background: #fff 0 0 no-repeat padding-box;
      border-radius: 0.25rem;
      left: 14%;
      outline: none;
      font-size: 0.875rem; }
      .enter-mobile > .mobile-with-country-code .mobile-number-div input {
        width: 100%;
        height: 100%;
        border: 0.0625rem solid #908e8a;
        border-radius: 0.25rem; }
    .enter-mobile > .mobile-with-country-code > .mobile-num-error-message {
      position: absolute;
      top: 108%;
      left: 15%;
      color: #b50000;
      font-size: 0.75rem; }
    .enter-mobile > .mobile-with-country-code > button {
      width: 29%;
      height: 3.125rem;
      position: absolute;
      left: 71%;
      background-color: #832729;
      border: 0.0625rem solid #908e8a;
      color: #f6f6f6;
      border-radius: 0.25rem;
      font-size: 0.875rem; }
      .enter-mobile > .mobile-with-country-code > button:hover {
        background: none;
        color: #000; }

.enter-otp {
  width: 92%;
  margin: auto;
  border-radius: 0.25rem;
  position: relative; }
  .enter-otp > .otp-heading {
    text-align: left;
    font-size: 0.75rem;
    color: #000;
    margin: 1rem 0; }
  .enter-otp > .below-otp-heading {
    text-align: left;
    font-size: 0.75rem;
    color: #000;
    margin: 1.875rem 0 0 0; }
  .enter-otp > .mobile-otp {
    position: relative;
    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;
    margin-bottom: 2.5rem; }
    .enter-otp > .mobile-otp > input {
      width: 37%;
      height: 3.125rem;
      background: #fff 0 0 no-repeat padding-box;
      border: 0.125rem solid #dad9db;
      border-radius: 0.25rem;
      padding: 1rem;
      margin-right: 0.625rem;
      outline: none; }
    .enter-otp > .mobile-otp label {
      position: absolute;
      left: 6%;
      top: 32%;
      color: #908e8a;
      -webkit-transition: 0.4s ease all;
      transition: 0.4s ease all;
      font-size: 0.75rem;
      pointer-events: none; }
    .enter-otp > .mobile-otp > button {
      width: 34%;
      height: 3.125rem;
      background-color: #832729;
      color: #f6f6f6;
      border: 0.0625rem solid #908e8a;
      border-radius: 0.25rem;
      margin-right: 1.25rem;
      font-size: 0.875rem; }
    .enter-otp > .mobile-otp > a {
      color: #832729 !important;
      text-decoration: underline;
      height: 1.1875rem;
      font-size: 0.875rem;
      width: 25%; }

.mobile-with-country-code > input {
  padding: 0.8125rem; }

.mobile-with-country-code .mobile-label {
  position: absolute;
  left: 16%;
  top: 4%;
  color: #908e8a;
  padding: 0.8125rem;
  font-size: 0.875rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  pointer-events: none; }

.mobile-with-country-code .mobile-number:not([disabled]):focus ~ .mobile-label {
  -webkit-transform: scale(0.7) translateY(-2.125rem) translateX(-2rem);
          transform: scale(0.7) translateY(-2.125rem) translateX(-2rem);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
  background-image: linear-gradient(#fff, #fff); }

.mobile-with-country-code .mobile-number:not(:-moz-placeholder-shown).mobile-number:not(:focus) ~ .mobile-label {
  transform: scale(0.7) translateY(-2.125rem) translateX(-2rem);
  background-image: linear-gradient(#fff, #fff); }

.mobile-with-country-code .mobile-number:not(:-ms-input-placeholder).mobile-number:not(:focus) ~ .mobile-label {
  transform: scale(0.7) translateY(-2.125rem) translateX(-2rem);
  background-image: linear-gradient(#fff, #fff); }

.mobile-with-country-code .mobile-number:not(:placeholder-shown).mobile-number:not(:focus) ~ .mobile-label {
  -webkit-transform: scale(0.7) translateY(-2.125rem) translateX(-2rem);
          transform: scale(0.7) translateY(-2.125rem) translateX(-2rem);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
  background-image: linear-gradient(#fff, #fff); }

.mobile-number::-webkit-inner-spin-button,
.mobile-number::-webkit-outer-spin-button {
  -webkit-appearance: none;
          appearance: none; }

.otp:focus {
  border: 0.0625rem solid #363636; }
  .otp:focus ~ label {
    top: 28%;
    left: 3%;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
    font-size: 0.75rem;
    padding: 0.1875rem;
    opacity: 1;
    background-color: #fff; }

.otp:not(:-moz-placeholder-shown) ~ label {
  top: 28%;
  left: 3%;
  transform: translate3d(0, -100%, 0);
  font-size: 0.75rem;
  padding: 0.1875rem;
  opacity: 1;
  background-color: #fff; }

.otp:not(:-ms-input-placeholder) ~ label {
  top: 28%;
  left: 3%;
  transform: translate3d(0, -100%, 0);
  font-size: 0.75rem;
  padding: 0.1875rem;
  opacity: 1;
  background-color: #fff; }

.otp:not(:placeholder-shown) ~ label {
  top: 28%;
  left: 3%;
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
  font-size: 0.75rem;
  padding: 0.1875rem;
  opacity: 1;
  background-color: #fff; }

#myotp::-webkit-inner-spin-button,
#myotp::-webkit-outer-spin-button {
  -webkit-appearance: none;
          appearance: none; }

.error-msg {
  background: #fff;
  border-radius: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 5.375rem; }
  .error-msg .error-icon {
    width: 15%;
    background: transparent url("../../images/erroricon.svg") 0 0 no-repeat padding-box;
    background-position: center; }
  .error-msg .error-para {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 85%; }
    .error-msg .error-para p {
      font-size: 0.8125rem;
      margin: 0; }

@media screen and (max-width: 468px) {
  .digi-table-bordered-mobile {
    display: block !important; }
  .digi-table-bordered {
    display: none !important; }
  .proceed-digigold-sell-mobile {
    display: block !important; }
  .proceed-digigold-sell {
    display: none !important; }
  .enter-otp .otp-heading {
    font-size: 0.75rem;
    margin: 0.75rem 0; }
  .enter-otp .below-otp-heading {
    font-size: 0.75rem; }
  .enter-otp .mobile-otp {
    margin-bottom: 1.5rem; }
    .enter-otp .mobile-otp input {
      width: 48%; }
    .enter-otp .mobile-otp button {
      width: 48%;
      margin-right: 0;
      font-size: 0.8125rem; }
    .enter-otp .mobile-otp a {
      position: absolute;
      top: 116%;
      width: 100%;
      text-align: center;
      font-size: 0.8125rem; }
  .otp-confirm-error span {
    position: relative;
    font-size: 0.75rem;
    top: 60%; }
  .enter-mobile {
    margin-bottom: 5.625rem; }
    .enter-mobile .mobile-heading {
      left: 6%; }
    .enter-mobile .mobile-with-country-code .mobile-num-error-message {
      left: 26%; }
    .enter-mobile .mobile-with-country-code .country-code {
      width: 21%;
      margin-left: 0.375rem; }
    .enter-mobile .mobile-with-country-code input {
      width: 72%;
      left: 26%; }
    .enter-mobile .mobile-with-country-code .mobile-number-div {
      width: 72%;
      left: 26%; }
      .enter-mobile .mobile-with-country-code .mobile-number-div label {
        left: 0.625rem; }
    .enter-mobile .mobile-with-country-code label {
      left: 27%; }
    .enter-mobile .mobile-with-country-code button {
      left: 1%;
      top: 170%;
      width: 98%; }
  .mobile-with-country-code .mobile-number:not([disabled]):focus ~ .mobile-label {
    -webkit-transform: scale(0.7) translateY(-2.125rem) translateX(-1.25rem);
            transform: scale(0.7) translateY(-2.125rem) translateX(-1.25rem);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
    background-image: linear-gradient(#fff, #fff); }
  .mobile-with-country-code .mobile-number:not(:-moz-placeholder-shown).mobile-number:not(:focus) ~ .mobile-label {
    transform: scale(0.7) translateY(-2.125rem) translateX(-1.25rem);
    background-image: linear-gradient(#fff, #fff); }
  .mobile-with-country-code .mobile-number:not(:-ms-input-placeholder).mobile-number:not(:focus) ~ .mobile-label {
    transform: scale(0.7) translateY(-2.125rem) translateX(-1.25rem);
    background-image: linear-gradient(#fff, #fff); }
  .mobile-with-country-code .mobile-number:not(:placeholder-shown).mobile-number:not(:focus) ~ .mobile-label {
    -webkit-transform: scale(0.7) translateY(-2.125rem) translateX(-1.25rem);
            transform: scale(0.7) translateY(-2.125rem) translateX(-1.25rem);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
    background-image: linear-gradient(#fff, #fff); } }

@media screen and (max-width: 1280px) {
  .digi-table-bordered thead tr th {
    font-size: 0.6875rem; } }


/*# sourceMappingURL=default\css\checkoutDigiGold.css.map*/