#Checkout_Style {
  font-family: "Roboto", sans-serif !important;
  background-color: #f5f5f5;
}

@media (min-width: 1132px) {

#Checkout_Style {
    height: 100vh;
    padding-top: 100px;
    overflow: hidden;
}
  }

@media (max-width: 1132px) {

#Checkout_Style {
    max-width: 600px !important;
    margin: 0 auto;
    padding-top: 80px;
}
  }

@media (min-width: 1132px) {

#Checkout_Style.campaign-content {
      padding-top: 120px !important;
  }
    }

.redeem-error-message:is(#Checkout_Style .place-order) {
      color: red !important;
      margin-bottom: 14px;
      text-align: center !important;
    }

#Checkout_Style .row {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }

@media (max-width: 1132px) {

#Checkout_Style .row {
      margin-right: 0 !important;
      margin-left: 0 !important;
  }
    }

:is(#Checkout_Style .row) .col-lg-6.col-12 {
      padding: 0 !important;
    }

@media (max-width: 1132px) {

:is(#Checkout_Style .row) .col-lg-6.col-12 {
        padding: 0 !important;
    }
      }

.col-left:is(:is(#Checkout_Style .row) .col-lg-6.col-12) {
        background-color: #fafafb;
      }

@media (min-width: 1132px) {

.col-left:is(:is(#Checkout_Style .row) .col-lg-6.col-12) {
          height: calc(100vh - 92px);
          overflow-y: auto;
      }
        }

.col-left:is(:is(#Checkout_Style .row) .col-lg-6.col-12) .left-container {
          width: 100% !important;
          min-width: 100% !important;
        }

@media (min-width: 1132px) {

.col-left:is(:is(#Checkout_Style .row) .col-lg-6.col-12) .left-container {
            width: 620px !important;
            min-width: 620px !important;
            margin: 0 0 0 auto !important;
            padding: 24px 24px 0 0 !important;
        }
          }

:is(:is(.col-left:is(:is(#Checkout_Style .row) .col-lg-6.col-12) .left-container) #ShippingAddress.un-box-flat,:is(.col-left:is(:is(#Checkout_Style .row) .col-lg-6.col-12) .left-container) #BillingAddress.un-box-flat) .row {
              margin-right: -10px !important;
              margin-left: -10px !important;
            }

:is(:is(.col-left:is(:is(#Checkout_Style .row) .col-lg-6.col-12) .left-container) #ShippingAddress.un-box-flat,:is(.col-left:is(:is(#Checkout_Style .row) .col-lg-6.col-12) .left-container) #BillingAddress.un-box-flat) .caption {
              font-size: 14px !important;
              color: #647176 !important;
            }

:is(:is(.col-left:is(:is(#Checkout_Style .row) .col-lg-6.col-12) .left-container) #OrderDeliveryDate_Style.un-box-flat) .row {
              margin-right: -15px !important;
              margin-left: -15px !important;
            }

:is(:is(:is(.col-left:is(:is(#Checkout_Style .row) .col-lg-6.col-12) .left-container) #OrderDeliveryDate_Style.un-box-flat) .row) .delivery-time-list {
                margin-right: 0 !important;
                margin-left: 0 !important;
              }

.col-right:is(:is(#Checkout_Style .row) .col-lg-6.col-12) {
        background-color: #f5f5f5;
      }

@media (min-width: 1132px) {

.col-right:is(:is(#Checkout_Style .row) .col-lg-6.col-12) {
          height: calc(100vh - 92px);
          overflow-y: auto;
      }
        }

@media (max-width: 1132px) {

.col-right:is(:is(#Checkout_Style .row) .col-lg-6.col-12) {
          background-color: #fafafb !important;
      }
        }

.col-right:is(:is(#Checkout_Style .row) .col-lg-6.col-12) .right-container {
          width: 100% !important;
          min-width: 100% !important;
        }

@media (min-width: 1132px) {

.col-right:is(:is(#Checkout_Style .row) .col-lg-6.col-12) .right-container {
            width: 620px !important;
            min-width: 620px !important;
            margin: 0 auto 0 0 !important;
        }
          }

:is(:is(#Checkout_Style .row) .col-lg-6.col-12) .un-box-flat {
        position: relative;
        background-color: #ffffff !important;
        color: #0c2028 !important;
        margin-bottom: 12px !important;
      }

:is(:is(:is(#Checkout_Style .row) .col-lg-6.col-12) .un-box-flat) .sub-heading {
          color: #0c2028 !important;
          font-size: 20px !important;
          line-height: 24px !important;
          margin-bottom: 24px;
        }

@media (max-width: 1132px) {

:is(:is(:is(#Checkout_Style .row) .col-lg-6.col-12) .un-box-flat) .sub-heading {
            font-size: 20px !important;
            line-height: 20px !important;
            margin-bottom: 12px;
        }
          }

:is(:is(:is(#Checkout_Style .row) .col-lg-6.col-12) .un-box-flat) .ant-checkbox-wrapper {
          align-items: center !important;
          margin-bottom: 20px;
        }

:is(:is(:is(:is(#Checkout_Style .row) .col-lg-6.col-12) .un-box-flat) .ant-checkbox-wrapper) .ant-checkbox {
            top: 0 !important;
          }

:is(:is(:is(:is(#Checkout_Style .row) .col-lg-6.col-12) .un-box-flat) .ant-checkbox-wrapper) .ant-checkbox + span {
            color: #0c2028 !important;
            font-size: 16px !important;
            padding-left: 12px !important;
          }

:is(:is(:is(:is(#Checkout_Style .row) .col-lg-6.col-12) .un-box-flat) .ant-checkbox-wrapper) .ant-checkbox-wrapper:hover .ant-checkbox-inner,:is(:is(:is(:is(#Checkout_Style .row) .col-lg-6.col-12) .un-box-flat) .ant-checkbox-wrapper) .ant-checkbox-checked::after {
            border: unset !important;
          }

:is(:is(:is(:is(#Checkout_Style .row) .col-lg-6.col-12) .un-box-flat) .ant-checkbox-wrapper) .ant-checkbox-checked .ant-checkbox-inner,:is(:is(:is(:is(#Checkout_Style .row) .col-lg-6.col-12) .un-box-flat) .ant-checkbox-wrapper) .ant-checkbox-indeterminate .ant-checkbox-inner::after {
            background-color: #5acc5a !important;
            border-color: #5acc5a !important;
          }

:is(:is(:is(:is(#Checkout_Style .row) .col-lg-6.col-12) .un-box-flat) .ant-checkbox-wrapper) .ant-checkbox-checked .ant-checkbox-inner::after {
            background-color: 2px solid #ffffff !important;
          }

:is(:is(:is(:is(#Checkout_Style .row) .col-lg-6.col-12) .un-box-flat) .ant-checkbox-wrapper) .ant-checkbox-wrapper:hover .ant-checkbox-inner,:is(:is(:is(:is(#Checkout_Style .row) .col-lg-6.col-12) .un-box-flat) .ant-checkbox-wrapper) .ant-checkbox:hover .ant-checkbox-inner,:is(:is(:is(:is(#Checkout_Style .row) .col-lg-6.col-12) .un-box-flat) .ant-checkbox-wrapper) .ant-checkbox-input:focus + .ant-checkbox-inner {
            border-color: #e5e5e5 !important;
          }

:is(:is(#Checkout_Style .row) .col-lg-6.col-12) .primary-btn {
        border-radius: 4px !important;
        font-size: 18px !important;
        line-height: 46px !important;
        font-weight: normal !important;
        text-transform: capitalize !important;
        border-width: 0 !important;
        margin-bottom: 14px;
        width: 100% !important;
        height: 46px !important;
        padding: 0 !important;
        border-style: solid;
      }

:is(:is(#Checkout_Style .row) .col-lg-6.col-12) .primary-btn:hover,:is(:is(#Checkout_Style .row) .col-lg-6.col-12) .primary-btn:focus {
        border-radius: 4px !important;
        font-size: 18px !important;
        line-height: 46px !important;
        font-weight: normal !important;
        text-transform: capitalize !important;
        border-width: 0 !important;
        width: 100% !important;
        height: 46px !important;
        padding: 0 !important;
        border-style: solid;
      }

:is(:is(#Checkout_Style .row) .col-lg-6.col-12) .agree-text {
        color: #0c2028 !important;
        margin-bottom: 60px;
        text-align: center;
        font-size: 14px !important;
      }

:is(:is(:is(#Checkout_Style .row) .col-lg-6.col-12) .agree-text) .plain-btn {
          cursor: pointer;
          font-size: 14px !important;
          text-decoration: underline;
        }

:is(:is(#Checkout_Style .row) .col-lg-6.col-12) .mobile-place-order {
        padding: 24px 24px 40px !important;
        margin-bottom: 100px !important;
      }

:is(:is(:is(#Checkout_Style .row) .col-lg-6.col-12) .mobile-place-order) .agree-text {
          margin-bottom: 12px !important;
        }

@media (min-width: 1132px) {

:is(#Checkout_Style #leftCol)::-webkit-scrollbar {
        display: none;
    }
      }

@media (max-width: 1132px) {

.MuiPickersLayout-root {
    display: block !important;
}
  }