#OrderDeliveryDate_Style {
  font-family: "Roboto", sans-serif !important;
}

#OrderDeliveryDate_Style .delivery-time-label {
    color: #0c2028 !important;
    font-size: 16px !important;
    margin-bottom: 8px;
  }

#OrderDeliveryDate_Style .delivery-time-list {
    width: 100% !important;
    margin: 0 0 24px 0 !important;
  }

:is(#OrderDeliveryDate_Style .delivery-time-list) .MuiButtonBase-root {
      font-size: 16px !important;
      text-transform: capitalize !important;
      border: 1px solid #e5e5e5;
      background-color: transparent;
      border-radius: 0 !important;
      margin-top: -1px;
      margin-left: -1px;
    }

@media (max-width: 1132px) {

:is(#OrderDeliveryDate_Style .delivery-time-list) .MuiButtonBase-root {
        font-size: 16px !important;
    }
      }

:is(:is(#OrderDeliveryDate_Style .delivery-time-list) .MuiButtonBase-root):not(:first-of-type) {
        border: 1px solid #e5e5e5 !important;
      }

:is(:is(#OrderDeliveryDate_Style .delivery-time-list) .MuiButtonBase-root):hover .delivery-time-item {
          color: #0c2028 !important;
        }

.Mui-selected:is(:is(#OrderDeliveryDate_Style .delivery-time-list) .MuiButtonBase-root) {
        background-color: #5acc5a !important;
      }

.Mui-selected:is(:is(#OrderDeliveryDate_Style .delivery-time-list) .MuiButtonBase-root) .delivery-time-item {
          color: #ffffff !important;
        }

.Mui-selected:is(:is(#OrderDeliveryDate_Style .delivery-time-list) .MuiButtonBase-root):hover {
          background-color: #5acc5a !important;
        }

.Mui-selected:is(:is(#OrderDeliveryDate_Style .delivery-time-list) .MuiButtonBase-root):hover .delivery-time-item {
            color: #ffffff !important;
          }

.Mui-disabled:is(:is(#OrderDeliveryDate_Style .delivery-time-list) .MuiButtonBase-root) {
        background-color: #f5f5f5;
        border-color: #d9d9d9;
        cursor: not-allowed !important;
        pointer-events: unset !important;
      }

:is(:is(#OrderDeliveryDate_Style .delivery-time-list) .MuiButtonBase-root) .delivery-time-item {
        font-family: "Roboto", sans-serif !important;
        color: #0c2028 !important;
      }

:is(#OrderDeliveryDate_Style .delivery-time-list) .MuiTouchRipple-root {
      display: none !important;
    }

#OrderDeliveryDate_Style .additional-remark {
    color: #0c2028 !important;
    font-size: 14px !important;
  }

#OrderDeliveryDate_Style .MuiFormControl-root {
    width: 100% !important;
    width: -moz-available !important;
    width: -webkit-fill-available !important;
    margin-bottom: 20px;
  }

:is(#OrderDeliveryDate_Style .MuiFormControl-root) .MuiFormLabel-root {
      font-family: "Roboto", sans-serif !important;
      color: #0c2028 !important;
    }

.Mui-focused:is(:is(#OrderDeliveryDate_Style .MuiFormControl-root) .MuiFormLabel-root) {
        color: #007ce0 !important;
      }

.Mui-error:is(:is(#OrderDeliveryDate_Style .MuiFormControl-root) .MuiFormLabel-root) {
        color: red !important;
      }

:is(#OrderDeliveryDate_Style .MuiFormControl-root) .MuiTypography-root {
      font-family: "Roboto", sans-serif !important;
      color: #0c2028 !important;
    }

#OrderDeliveryDate_Style .MuiTextField-root {
    width: 100% !important;
    width: -moz-available !important;
    width: -webkit-fill-available !important;
  }

:is(#OrderDeliveryDate_Style .MuiTextField-root) .MuiFormLabel-root {
      font-family: "Roboto", sans-serif !important;
      color: #0c2028 !important;
      font-size: 16px !important;
      transform: translate(14px, 12px);
    }

.MuiInputLabel-shrink:is(:is(#OrderDeliveryDate_Style .MuiTextField-root) .MuiFormLabel-root) {
        color: #0c2028 !important;
        transform: translate(14px, -9px) !important;
        font-size: 12px !important;
      }

.Mui-focused:is(:is(#OrderDeliveryDate_Style .MuiTextField-root) .MuiFormLabel-root) {
        color: #007ce0 !important;
      }

.Mui-error:is(:is(#OrderDeliveryDate_Style .MuiTextField-root) .MuiFormLabel-root) {
        color: red !important;
      }

:is(:is(#OrderDeliveryDate_Style .MuiTextField-root) .MuiInputBase-root) .MuiInputBase-input {
        font-family: "Roboto", sans-serif !important;
        color: #0c2028 !important;
        font-size: 16px !important;
        padding: 12px 16px !important;
        line-height: 22px !important;
      }

:is(:is(#OrderDeliveryDate_Style .MuiTextField-root) .MuiInputBase-root) legend {
        font-family: "Roboto", sans-serif !important;
        color: #0c2028 !important;
        width: auto !important;
        font-size: 12px !important;
      }

:is(.Mui-focused:is(:is(#OrderDeliveryDate_Style .MuiTextField-root) .MuiInputBase-root),.Mui-focused:is(:is(#OrderDeliveryDate_Style .MuiTextField-root) .MuiInputBase-root):hover) .MuiOutlinedInput-notchedOutline {
          border-color: #007ce0 !important;
        }

:is(:is(#OrderDeliveryDate_Style .MuiTextField-root) .MuiInputBase-root):hover .MuiOutlinedInput-notchedOutline {
          border-color: #e5e5e5 !important;
        }

:is(:is(#OrderDeliveryDate_Style .MuiTextField-root) .MuiInputBase-root) .MuiOutlinedInput-notchedOutline {
        border-color: #e5e5e5 !important;
      }

:is(#OrderDeliveryDate_Style .MuiTextField-root) .MuiInputAdornment-root {
      color: #0c2028 !important;
    }

#OrderDeliveryDate_Style .MuiTouchRipple-root {
    display: none !important;
  }

#OrderDeliveryDate_Style .MuiFormHelperText-root {
    margin: 8px 0 0 !important;
  }

:is(#OrderDeliveryDate_Style .MuiFormHelperText-root) label {
      font-size: 12px !important;
    }

#OrderDeliveryDate_Style .MuiButtonBase-root {
    outline: none !important;
  }

:is(#OrderDeliveryDate_Style .MuiButtonBase-root):hover,:is(#OrderDeliveryDate_Style .MuiButtonBase-root):active,:is(#OrderDeliveryDate_Style .MuiButtonBase-root):focus,.Mui-selected:is(#OrderDeliveryDate_Style .MuiButtonBase-root):focus {
      outline: none !important;
    }

@media (max-width: 1132px) {

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