.create-order-modal {
  font-family: SpaceGrotesk-Regular;
  color: #141414;
}
.create-order-modal .modal-dialog {
    border-radius: 24px;
}
.create-order-modal .modal-title {
    margin: 0 auto;
}
.create-order-modal .modal-content {
    border-radius: 24px;
}
.create-order-modal .vuestic-vertical-center-modal {
    -webkit-box-align: unset !important;
        -ms-flex-align: unset !important;
            align-items: unset !important;
}
.create-order-modal .w-100 {
    width: 100%;
}
.create-order-modal .modal-lg {
    width: 837px;
    margin-top: 20px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}
.create-order-modal .el-divider {
    margin: 6px 0;
}
.create-order-modal .label-title {
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 500;
}
.create-order-modal .modal-header {
    font-size: 20px;
}
.create-order-modal .modal-header img {
      width: 20px;
      height: auto;
      margin-right: 3px;
}
.create-order-modal .switch-parent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0.5;
        -ms-flex: 0.5 1 100%;
            flex: 0.5 1 100%;
}
.create-order-modal .switch-parent .el-switch {
      -webkit-box-flex: unset;
          -ms-flex: unset;
              flex: unset;
      margin-right: 12px;
}
.create-order-modal input[type='text'] {
    color: rgba(20, 20, 20, 0.9);
    border: 1px solid rgba(0, 0, 0, 0.2);
    background-color: #FFFFFF;
    border-radius: 12px;
    height: 42px;
    font-size: 14px;
    font-weight: 500;
    padding: 12px 0 12px 24px;
}
.create-order-modal input[type='text']:placeholder-shown, .create-order-modal textarea:placeholder-shown {
    color: rgba(20, 20, 20, 0.9);
    border: 1px solid rgba(0, 0, 0, 0.2);
    background-color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
}
.create-order-modal input[type='text']::-webkit-input-placeholder, .create-order-modal textarea::-webkit-input-placeholder {
    font-size: 14px;
    font-weight: 500;
}
.create-order-modal input[type='text']::-moz-placeholder, .create-order-modal textarea::-moz-placeholder {
    font-size: 14px;
    font-weight: 500;
}
.create-order-modal input[type='text']::-ms-input-placeholder, .create-order-modal textarea::-ms-input-placeholder {
    font-size: 14px;
    font-weight: 500;
}
.create-order-modal input[type='text']::placeholder, .create-order-modal textarea::placeholder {
    font-size: 14px;
    font-weight: 500;
}
.create-order-modal textarea {
    color: rgba(20, 20, 20, 0.9);
    border: 1px solid rgba(0, 0, 0, 0.2);
    background-color: #FFFFFF;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 500;
    padding: 12px 0 12px 24px;
}
.create-order-modal .modal-footer {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    font-size: 14px;
}
.create-order-modal .modal-footer button:nth-of-type(1) {
      font-size: 14px;
      color: rgba(20, 20, 20, 0.8);
      background-color: #FFFFFF;
      border: 1px solid rgba(0, 0, 0, 0.2);
      padding: 10px 60.25px;
      border-radius: 12px;
      text-transform: capitalize;
}
.create-order-modal .modal-footer button:nth-of-type(1):hover {
        color: rgba(20, 20, 20, 0.8) !important;
        background-color: rgba(239, 239, 239, 0.9) !important;
        border: 1px solid rgba(0, 0, 0, 0.2) !important;
}
.create-order-modal .modal-footer button:nth-of-type(1):focus {
        color: rgba(20, 20, 20, 0.8) !important;
        background-color: rgba(239, 239, 239, 0.9) !important;
        border: 1px solid rgba(0, 0, 0, 0.2) !important;
}
.create-order-modal .modal-footer button:nth-of-type(1):active {
        color: rgba(20, 20, 20, 0.8) !important;
        background-color: rgba(239, 239, 239, 0.9) !important;
        border: 1px solid rgba(0, 0, 0, 0.2) !important;
}
.create-order-modal .modal-footer button:nth-of-type(2) {
      font-size: 14px;
      color: rgba(255, 255, 255, 0.8);
      background-color: #4ab2e3 !important;
      padding: 12px 62.25px;
      border-radius: 12px;
      text-transform: capitalize;
      -webkit-box-shadow: unset;
              box-shadow: unset;
}
.create-order-modal .modal-footer button:nth-of-type(2):hover {
        background-color: #4AB2E3 !important;
        padding: 12px 62.25px;
}
.create-order-modal .modal-footer button:nth-of-type(2):foucs {
        background-color: #4AB2E3 !important;
        padding: 12px 62.25px;
}
.create-order-modal .modal-footer button:nth-of-type(2):active {
        background-color: #4AB2E3 !important;
        padding: 12px 62.25px;
}
.el-select-dropdown__list {
  padding: 0;
}
.order-select-option {
  font-size: 14px;
  font-weight: 500;
  background: #FFFFFF !important;
  height: 42px;
  line-height: 42px;
  padding: 0 24px;
}
.order-select-option.selected {
  background: rgba(74, 178, 227, 0.7) !important;
}
.order-select-option.hover, .order-select-option:hover {
  background: rgba(74, 178, 227, 0.7) !important;
}
.create-success-modal .modal-title {
  margin: 0 auto;
}
.create-success-modal .modal-lg {
  width: 637px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.create-success-content {
  font-family: SpaceGrotesk-Regular;
  color: #141414;
}
.create-success-content p {
    font-size: 14px;
    font-weight: 500;
    line-height: 17.86px;
    text-align: center;
    padding: 0;
    margin: 0;
}
.create-success-content .el-input {
    margin-top: 24px;
}
.create-success-content .el-input .el-input-group__append {
      border: none;
}
.create-success-content .el-input button {
      font-size: 14px;
      color: rgba(255, 255, 255, 0.8);
      background-color: #4ab2e3;
      padding: 12px 24px;
      border-radius: 12px;
      text-transform: capitalize;
      -webkit-box-shadow: unset;
              box-shadow: unset;
}
.create-success-content .el-input button:hover {
        background-color: #4AB2E3 !important;
}
.create-success-content .el-input button:foucs {
        background-color: #4AB2E3 !important;
}
.create-success-content .el-input button:active {
        background-color: #4AB2E3 !important;
}
.create-success-modal .modal-footer {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-size: 14px;
}
.create-success-modal .modal-footer button:nth-of-type(1) {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
    background-color: #4ab2e3 !important;
    padding: 12px 62.25px;
    border-radius: 12px;
    text-transform: capitalize;
    -webkit-box-shadow: unset;
            box-shadow: unset;
}
.create-success-modal .modal-footer button:nth-of-type(1):hover {
      background-color: #4AB2E3 !important;
      padding: 12px 62.25px;
}
.create-success-modal .modal-footer button:nth-of-type(1):foucs {
      background-color: #4AB2E3 !important;
      padding: 12px 62.25px;
}
.create-success-modal .modal-footer button:nth-of-type(1):active {
      background-color: #4AB2E3 !important;
      padding: 12px 62.25px;
}


/*# sourceMappingURL=28.0f93386a.css.map*/