@charset "UTF-8";._root_p8ot7_1 {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #f9f9f9;
  min-width: 1200px;
}

._centeredContainer_p8ot7_11 {
  display: flex;
  height: 686px;
  background-color: #ffffff;
  box-shadow: 40px 0px 40px rgba(0, 0, 0, 0.02);
  filter: drop-shadow(4px 4px 8px rgba(0, 0, 0, 0.25));
  border-radius: 8px;
  margin-top: 30px;
  margin-bottom: 30px;
}

._leftContainer_p8ot7_22 {
  width: 380px;
}

._formContainer_p8ot7_26 {
  position: relative;
  left: 40px;
  top: 50px;
  width: 302px;
}

._logo_p8ot7_33 {
  width: 100%;
  height: 68px;
}

._rightContainer_p8ot7_38 {
  width: 700px;
  border-radius: 0px 8px 8px 0px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

._rightContent_p8ot7_46 {
  padding: 56px;
  color: #fff;
}
._rightContent_p8ot7_46 ._link_p8ot7_50 {
  width: 139px;
  height: 42px;
  margin-top: 15px;
  margin-bottom: 45px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #318cf6;
}
._rightContent_p8ot7_46 ._link_p8ot7_50 a {
  text-decoration: none;
  color: #ffffff;
}
._rightContent_p8ot7_46 ._qrCode_p8ot7_65 {
  height: 118px;
  width: 118px;
}
._rightContent_p8ot7_46 ._row_p8ot7_69 {
  display: flex;
  margin-top: 15px;
}
._rightContent_p8ot7_46 ._column_p8ot7_73 {
  display: flex;
  flex-direction: column;
  font-size: 12px;
  gap: 7px;
  align-items: center;
  text-align: center;
}
._rightContent_p8ot7_46 ._spacer_p8ot7_81 {
  width: 400px;
}
._rightContent_p8ot7_46 ._width430_p8ot7_84 {
  width: 430px;
  min-width: 430px;
}

._title_p8ot7_89 {
  font-size: 40px;
  font-weight: 700;
  line-height: 43.5px;
  letter-spacing: 0.25px;
  font-family: "Poppins";
}

._imgWrapper_p8ot7_97 {
  margin-bottom: 55px;
  position: relative;
}
._imgWrapper_p8ot7_97 ._demoBtn_p8ot7_101 {
  position: absolute;
  padding: 5px 15px;
  bottom: 20px;
  left: 45px;
  cursor: pointer;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 28px;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.25px;
  background-color: #fff;
}
._imgWrapper_p8ot7_97 ._demoBtn_p8ot7_101 div {
  text-decoration: none;
  color: #318CF6;
}

._content_p8ot7_123 {
  font-size: 24px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.25px;
  margin-top: 15px;
  text-align: justify;
}

._middleContainer_p8ot7_132 {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  padding: 50px;
  color: #5f6f8d;
}

._lowerContainer_p8ot7_144 {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #f9f9f9;
  padding: 50px;
  color: #5f6f8d;
}
._lowerContainer_p8ot7_144 ._icon_p8ot7_155 {
  width: 20px;
}
._lowerContainer_p8ot7_144 table {
  border-spacing: 20px;
}
._lowerContainer_p8ot7_144 td {
  vertical-align: top;
  font-size: 24px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.25px;
  margin-top: 15px;
}

._fixedWidth_p8ot7_170 {
  width: 1000px;
  min-width: 1000px;
}

._bottomContainer_p8ot7_175 {
  width: 100%;
  background-color: #576265;
  padding: 39px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  line-height: 16.41px;
  text-align: center;
}

._mobileRoot_p8ot7_186 {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
}
._mobileRoot_p8ot7_186 ._banner_p8ot7_194 {
  margin: 150px 26px 20px 26px;
  padding: 14px 12px;
  border-radius: 5px;
  background-size: cover;
  display: flex;
  align-items: center;
  text-align: center;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.25px;
  text-decoration: none;
  cursor: pointer;
}
._mobileRoot_p8ot7_186 ._banner_p8ot7_194 p {
  width: 175px;
  text-align: left;
  color: #fff;
  font-family: "Poppins";
  font-size: 16px;
  line-height: 18px;
  margin-right: 40px;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
._mobileRoot_p8ot7_186 ._banner_p8ot7_194 div {
  font-family: "Roboto";
  padding: 4px 6px;
  width: 66px;
  background-color: #fff;
  color: #318CF6;
  font-size: 10px;
  line-height: 12px;
  align-self: flex-end;
}._indWrapper_vcme4_1 {
  display: flex;
  flex: 1;
}
._indWrapper_vcme4_1 ._indicator_vcme4_5 {
  display: flex;
  flex: 0.1 0 400px;
  height: 36px;
  border-radius: 18px;
  border: solid 1px #ffd7d7;
  background-color: #fce8e8;
  font-size: 12px;
  font-weight: 500;
  margin: auto;
}
._indWrapper_vcme4_1 ._indicator_vcme4_5 ._avatar_vcme4_16 {
  display: flex;
  flex: 0 0 25px;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  background-color: #fff;
  margin: 5px;
}
._indWrapper_vcme4_1 ._indicator_vcme4_5 ._fullName_vcme4_25 {
  color: #000;
  line-height: 36px;
  margin-right: 5px;
  overflow: visible;
  white-space: nowrap;
}
._indWrapper_vcme4_1 ._indicator_vcme4_5 ._message_vcme4_32 {
  color: #8a8a8a;
  line-height: 36px;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}
._indWrapper_vcme4_1 ._indicator_vcme4_5 ._button_vcme4_39 {
  line-height: 36px;
  font-weight: 600;
  text-transform: none;
  color: #318cf6;
}
._indWrapper_vcme4_1 ._indicator_vcme4_5 ._button_vcme4_39:hover {
  color: rgb(9.1465116279, 101.6279069767, 209.3534883721);
  background-color: transparent;
}._indWrapper_2iaph_1 {
  display: flex;
  flex: 1;
}
._indWrapper_2iaph_1 ._indicator_2iaph_5 {
  display: flex;
  flex: 0.1 0 400px;
  height: 36px;
  border-radius: 18px;
  border: solid 1px #ffd7d7;
  background-color: #fce8e8;
  font-size: 12px;
  font-weight: 500;
  margin: auto;
  align-items: center;
  justify-content: center;
  position: relative;
}
._indWrapper_2iaph_1 ._closeIcon_2iaph_19 {
  position: absolute;
  top: 8px;
  right: 13px;
  width: 21px;
  height: 21px;
  fill: #333333;
  cursor: pointer;
}
._indWrapper_2iaph_1 ._closeIcon_2iaph_19 svg {
  width: 22px;
  height: 22px;
}._menuRow_2mzon_1 {
  display: flex;
  padding: 15px 20px;
  cursor: pointer;
}
._menuRow_2mzon_1 ._menuIcon_2mzon_6 {
  width: 20px;
  height: 20px;
}
._menuRow_2mzon_1 ._menuTxt_2mzon_10 {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  color: #5f6f8d;
  text-decoration: none;
}

._menuRow_2mzon_1:hover {
  background-color: #efefef;
}

._menuRow_2mzon_1:hover > ._menuIcon_2mzon_6 > svg * {
  fill: #318cf6;
}

._link_2mzon_29 {
  text-decoration: none;
}._passwordForm_9snwv_1 {
  width: 100%;
}
._passwordForm_9snwv_1 ._title_9snwv_4 {
  font-weight: 700;
  font-size: 30px;
  color: #42505c;
}
._passwordForm_9snwv_1 ._description_9snwv_9 {
  margin-top: 10px;
  color: #5f6f8d;
  letter-spacing: 0.25px;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}
._passwordForm_9snwv_1 ._inputTitle_9snwv_17 {
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  margin-top: 10px;
  color: #5f6f8d;
}
._passwordForm_9snwv_1 ._endAdornment_9snwv_24 {
  width: 22px;
  cursor: pointer;
  margin-left: 10px;
}
._passwordForm_9snwv_1 ._button_9snwv_29 {
  margin-top: 30px;
}._modal_10tm5_1 {
  display: flex;
  outline: none;
  margin: auto;
}
._modal_10tm5_1 ._modalWrapper_10tm5_6 {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  margin: auto;
  border-radius: 6px;
  width: 550px;
  padding: 35px 51px;
  position: relative;
}
._modal_10tm5_1 ._modalWrapper_10tm5_6 ._closeIcon_10tm5_15 {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 20px;
  top: 15px;
  cursor: pointer;
}
._modal_10tm5_1 ._modalWrapper_10tm5_6 ._closeIcon_10tm5_15 > svg {
  fill: #576265;
}
._modal_10tm5_1 ._modalWrapper_10tm5_6 ._modalTitle_10tm5_26 {
  font-weight: 700;
  font-size: 30px;
  color: #42505c;
}
._modal_10tm5_1 ._modalWrapper_10tm5_6 ._modalSubTxt_10tm5_31 {
  margin-top: 10px;
  color: #5f6f8d;
  letter-spacing: 0.25px;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}
._modal_10tm5_1 ._modalWrapper_10tm5_6 ._inputRow_10tm5_39 ._inputTitle_10tm5_39 {
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  margin-top: 10px;
  color: #5f6f8d;
}
._modal_10tm5_1 ._modalWrapper_10tm5_6 ._saveBtn_10tm5_46 {
  width: 90%;
  padding: 10px 0px;
  background: #318cf6;
  color: #fff;
  text-align: center;
  margin-top: 31px;
  border: none;
  cursor: pointer;
}
._modal_10tm5_1 ._modalWrapper_10tm5_6 ._saveBtn_10tm5_46._disable_10tm5_56 {
  background-color: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.26);
}

._endAdornment_10tm5_61 {
  width: 22px;
  cursor: pointer;
  margin-left: 10px;
}._modal_1qqjg_1 {
  display: flex;
  outline: none;
  margin: auto;
}
._modal_1qqjg_1 ._modalWrapper_1qqjg_6 {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  margin: auto;
  border-radius: 6px;
  width: 800px;
  min-height: 400px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  position: relative;
}

._closeIcon_1qqjg_19 {
  position: absolute;
  top: 15px;
  right: 10px;
  width: 21px;
  fill: #333333;
  cursor: pointer;
}
._closeIcon_1qqjg_19 svg {
  width: 22px;
  height: 22px;
}

._modalTitleRow_1qqjg_32 {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 15px;
  gap: 16px;
  min-height: 39px;
}
._modalTitleRow_1qqjg_32 ._titleIcon_1qqjg_40 {
  width: 39px;
  height: 39px;
  flex-shrink: 0;
}
._modalTitleRow_1qqjg_32 ._modalTitle_1qqjg_32 {
  font-weight: 700;
  font-size: 18px;
  line-height: 21.09px;
  color: #5f6f8d;
}

._buttonGroup_1qqjg_52 {
  margin-left: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 13px;
}

._modalContent_1qqjg_60 {
  margin-bottom: auto;
  padding: 16px 7px;
  font-size: 14px;
  font-weight: 400;
  line-height: 16.9px;
  color: #5f6f8d;
}

._small_1qqjg_69 ._closeIcon_1qqjg_19 {
  top: 10px;
}
._small_1qqjg_69 ._modalTitleRow_1qqjg_32 {
  flex-direction: column;
  border: none;
}
._small_1qqjg_69 ._modalTitleRow_1qqjg_32 ._titleIcon_1qqjg_40 {
  width: 63px;
  height: 63px;
}
._small_1qqjg_69 ._buttonGroup_1qqjg_52 {
  margin-top: auto;
  margin-left: unset;
  justify-content: center;
}
._small_1qqjg_69 ._modalWrapper_1qqjg_6 {
  width: 400px;
  min-height: 280px;
  box-sizing: border-box;
  min-height: unset;
  padding: 60px 70px 40px 70px;
}._loadingWrapper_484nu_1 {
  padding-top: 50px;
  padding-bottom: 50px;
  justify-content: center;
}._container_1skao_1 {
  display: flex;
  flex: 1;
  margin: 0 auto;
  padding: auto;
  min-height: 300px;
}
._container_1skao_1 ._noDataImage_1skao_8 {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-self: center;
  align-content: center;
  align-items: center;
}
._container_1skao_1 ._noDataImage_1skao_8 > svg {
  width: 64px;
  height: 71px;
}
._container_1skao_1 ._noDataImage_1skao_8 ._caption_1skao_20 {
  font-size: 14px;
  white-space: noWrap;
  color: #949494;
  font-weight: 500;
  line-height: 16px;
  margin-top: 5px;
}._container_18dml_1 {
  background-color: #fafafa;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding: 35px 40px 20px 40px;
  border: 1px solid #d2d2d2;
  border-radius: 8px;
}
._container_18dml_1 canvas {
  border-bottom: 1px solid #d2d2d2;
  width: 100%;
  height: 130px;
}
._container_18dml_1 .MuiButtonBase-root {
  text-transform: none;
}

._placeholder_18dml_20 {
  padding: 18px;
}._typeButtonGroup_ytcjm_1 {
  display: flex;
  justify-content: center;
  padding: 5px;
  border-radius: 8px;
  border: 1px solid #d2d2d2;
  gap: 5px;
  margin-bottom: 16px;
}

.MuiButtonBase-root._typeButton_ytcjm_1 {
  flex: 1;
  background-color: #fafafa;
  color: #333333;
  text-transform: none;
}
.MuiButtonBase-root._typeButton_ytcjm_1._active_ytcjm_17 {
  background-color: #318CF6;
  color: #fff;
}

._signatureContainer_ytcjm_22 {
  height: 240px;
}

._noticeIcon_ytcjm_26 {
  width: 21px;
  flex: none;
}

._confirmButton_ytcjm_31 {
  background-color: #318CF6;
}

._disclaimerContainer_ytcjm_35 {
  margin: 20px 0 16px 0;
  display: flex;
  gap: 8px;
}

._disclaimer_ytcjm_35 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  color: #5f6f8d;
  letter-spacing: 0.25px;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  padding-top: 2px;
}

button._warnButton_ytcjm_53 {
  border-color: #ff3939;
  color: #ff3939;
}

._buttonGroup_ytcjm_58 {
  display: flex;
  align-items: center;
  gap: 13px;
  justify-content: flex-end;
}._container_ozh03_1 {
  background-color: #fafafa;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding: 120px 40px 20px 40px;
  border: 1px solid #d2d2d2;
  border-radius: 8px;
}

._textField_ozh03_12 {
  width: 100%;
}
._textField_ozh03_12 .MuiInputBase-root::before {
  border-bottom: 1px solid #d2d2d2;
}
._textField_ozh03_12 input {
  font-size: 25px;
  line-height: 50px;
  text-align: center;
  color: #333333;
}
._textField_ozh03_12 input::placeholder {
  font-family: "Roboto";
}
._textField_ozh03_12._rockSalt_ozh03_27 input {
  font-family: "Rock Salt";
}
._textField_ozh03_12._roboto_ozh03_30 input {
  font-family: "Roboto";
}
._textField_ozh03_12._greatVibes_ozh03_33 input {
  font-family: "Great Vibes";
}

._buttonGroup_ozh03_37 {
  display: flex;
  justify-content: center;
  gap: 50px;
}
._buttonGroup_ozh03_37 .MuiButtonBase-root {
  text-transform: none;
}

._fontButtonGroup_ozh03_46 {
  display: flex;
  flex-direction: column;
}
._fontButtonGroup_ozh03_46 .MuiButtonBase-root {
  text-transform: none;
}

._fontButton_ozh03_46 {
  text-transform: none;
  font-size: 20px;
  padding: 5px 50px;
}
._fontButton_ozh03_46._rockSalt_ozh03_27 {
  font-family: "Rock Salt";
}
._fontButton_ozh03_46._roboto_ozh03_30 {
  font-family: "Roboto";
}
._fontButton_ozh03_46._greatVibes_ozh03_33 {
  font-family: "Great Vibes";
}

._placeholder_ozh03_69 {
  padding: 18.5px;
}._uploader_s7m5x_1 {
  border: 1px dashed #1677ff;
  border-radius: 8px;
  padding: 55px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  color: #333333;
  cursor: pointer;
}

._uploadIcon_s7m5x_13 {
  width: 36px;
}

._highLightText_s7m5x_17 {
  color: #1677ff;
  font-weight: 600;
}

._commentText_s7m5x_22 {
  color: #717171;
}

._uploadedFileContainer_s7m5x_26 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  padding: 18px 40px;
  border: 1px solid #d2d2d2;
  border-radius: 8px;
  background-color: #fafafa;
  height: 175px;
}
._uploadedFileContainer_s7m5x_26 label {
  color: #1677ff;
  cursor: pointer;
}

._uploadedFile_s7m5x_26 {
  object-fit: contain;
  margin: auto 0px;
  height: fit-content;
  max-height: 70%;
}

._divider_s7m5x_49 {
  width: 100%;
  border-top: 1px solid #d2d2d2;
}

._container_s7m5x_54 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._errorText_s7m5x_60 {
  color: #ff3b30;
}

._commentRow_s7m5x_64 {
  display: flex;
  justify-content: space-between;
}._noticeIcon_o8flo_1 {
  width: 20px;
  flex: none;
}

._disclaimerContainer_o8flo_6 {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

._disclaimer_o8flo_6 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  color: #5f6f8d;
  letter-spacing: 0.25px;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  padding-top: 2px;
}

._preSetGroup_o8flo_24 {
  margin-top: 30px;
  display: flex;
  gap: 23px;
}

._preSetDisplay_o8flo_30 {
  padding: 15px 30px;
  border: 1px solid #d2d2d2;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
._preSetDisplay_o8flo_30 span {
  display: block;
}
._preSetDisplay_o8flo_30 ._imgContainer_o8flo_41 {
  display: flex;
  height: 60px;
}
._preSetDisplay_o8flo_30 img {
  object-fit: contain;
  height: fit-content;
  max-height: 100%;
  margin-top: auto;
}
._preSetDisplay_o8flo_30 .MuiButtonBase-root {
  text-transform: none;
  padding: 0;
}

._displayTitle_o8flo_56 {
  align-self: start;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  color: #5f6f8d;
}

._displayComment_o8flo_64 {
  font-size: 12px;
  color: #d2d2d2;
  height: 60px;
  display: flex;
  align-items: end;
}

._createButton_o8flo_72.MuiButtonBase-root {
  width: 100%;
  text-transform: none;
  margin-top: 16px;
  border-radius: 8px;
}

._displayContainer_o8flo_79 {
  flex: 1;
}

._buttonGroup_o8flo_83 {
  border-top: 1px solid #e9e9e9;
  margin-top: 5px;
  padding: 5px 0;
  width: 100%;
  display: flex;
}

._createModeButton_o8flo_91.MuiButtonBase-root {
  margin-left: auto;
}._title_es5mf_1 {
  font-size: 30px;
  font-weight: 700;
  color: #42505c;
  margin-bottom: 30px;
  display: block;
}

._doneButton_es5mf_9 {
  background-color: #318CF6;
}

._arrowIcon_es5mf_13 {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
._arrowIcon_es5mf_13 * {
  fill: #42505c;
}._navigateCaseWrapper_1tzpu_1 {
  margin-left: auto;
  margin-right: auto;
  height: 100vh;
  display: flex;
  background-color: #f7f8fa;
}

._leftMenu_1tzpu_9 {
  width: 304px;
  min-width: 304px;
  height: 100%;
  max-width: 100%;
  border-right: 1px solid #d7d7d7;
}

._johomeWorkPlatformCase_1tzpu_17 {
  margin-top: 34px;
  width: 182px;
  height: 47px;
  margin-bottom: 23px;
}

._johomeWorkPlatformText_1tzpu_24 {
  font-size: 17px;
  font-weight: 400;
  white-space: nowrap;
  letter-spacing: 0.7px;
  color: #318cf6;
}

._rightContent_1tzpu_32 {
  flex: 1;
  display: flex;
  flex-direction: column;
}
._rightContent_1tzpu_32 ._toolbarIcon_1tzpu_37 {
  cursor: pointer;
}
._rightContent_1tzpu_32 ._toolbarIcon_1tzpu_37 img {
  width: 20px;
  max-width: 20px;
  min-width: 20px;
  height: 20px;
  max-height: 20px;
  min-height: 20px;
  border-radius: 10px;
  object-fit: cover;
  object-position: top;
}

._toolBarWrapper_1tzpu_52 {
  border-bottom: 1px solid #d2d2d2;
}

._toolBar_1tzpu_52 {
  width: 100%;
  height: 47px;
  min-height: 47px;
  display: flex;
  justify-content: flex-end;
}

._toolbarAvator_1tzpu_64 {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 5px;
}

._toolbarName_1tzpu_72 {
  margin-right: 40px;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #000000;
}

._toolbarIcon_1tzpu_37 {
  width: 21px;
  height: 21px;
  padding: 2px;
  margin-right: 40px;
}

._logoutCase_1tzpu_89 {
  width: 19px;
  height: 19px;
  margin-right: 16px;
  padding: 3.5px;
  cursor: pointer;
}

._logoutCase_1tzpu_89:hover > svg *,
._logoutCase_1tzpu_89:hover {
  fill: #318cf6;
}

._pageBody_1tzpu_102 {
  overflow-y: auto;
}

._innerPageBody_1tzpu_106 {
  margin: 24px 40px;
}

._breadTxt_1tzpu_110 {
  display: flex;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  color: #969696;
  text-decoration: none;
}
._breadTxt_1tzpu_110:hover {
  color: #318cf6;
  text-decoration: underline;
}
._breadTxt_1tzpu_110._current_1tzpu_122 {
  font-weight: 600;
}

._popOverWrapper_1tzpu_126 {
  margin-top: 10px;
}

._personInfoWrapper_1tzpu_130 {
  display: flex;
  cursor: pointer;
}

._lessRightSpace_1tzpu_135 {
  margin-right: 10px;
}

._breadContainer_1tzpu_139 {
  display: flex;
  flex-direction: column;
}
._breadContainer_1tzpu_139 .MuiBreadcrumbs-root {
  min-width: 220px;
}

._innerPageBody_1tzpu_106 {
  position: relative;
}._immersiveLayoutWrapper_1xnxj_1 {
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow: hidden;
}
._immersiveLayoutWrapper_1xnxj_1 ._headerBar_1xnxj_7 {
  flex: 0 0 auto;
  display: flex;
  background: #f7f8fa;
  border-bottom: 1px solid #d2d2d2;
}
._immersiveLayoutWrapper_1xnxj_1 ._headerBar_1xnxj_7 ._johomeWorkText_1xnxj_13 {
  margin-left: 20px;
  width: 182px;
}
._immersiveLayoutWrapper_1xnxj_1 ._headerBar_1xnxj_7 ._johomeWork_1xnxj_13 {
  margin-left: 60px;
  width: 177px;
}._popOverWrapper_1hnhe_1 {
  margin-top: 10px;
}

._menuRow_1hnhe_5 {
  display: flex;
  padding: 15px 20px;
  cursor: pointer;
}
._menuRow_1hnhe_5 ._menuIcon_1hnhe_10 {
  width: 20px;
  height: 20px;
}
._menuRow_1hnhe_5 ._menuTxt_1hnhe_14 {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  color: #5f6f8d;
  text-decoration: none;
  width: 150px;
}
._menuRow_1hnhe_5 ._menuArrow_1hnhe_25 {
  height: 10px;
  width: 6px;
}

._menuRow_1hnhe_5:hover {
  background-color: #efefef;
}

._menuRow_1hnhe_5:hover > ._menuIcon_1hnhe_10 > svg * {
  fill: #318cf6;
}

._menuItemActive_1hnhe_38 {
  background-color: #efefef;
}

._link_1hnhe_42 {
  text-decoration: none;
}

._wrapper_1hnhe_46 {
  margin-left: auto;
  margin-right: auto;
  background-color: #f7f8fa;
  padding-bottom: 20px;
}

._top_1hnhe_53 {
  background-color: #ffffff;
  height: 40px;
  min-height: 40px;
  max-height: 40px;
  padding: 20px 10px 10px 10px;
  display: flex;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 1;
}

._breadcrumbs_1hnhe_67 {
  background-color: #f7f8fa;
  height: 25px;
  min-height: 25px;
  max-height: 25px;
  padding-left: 10px;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
  position: fixed;
  top: 70px;
  left: 0px;
  right: 0px;
  z-index: 2;
}

._center_1hnhe_81 {
  z-index: 3;
}

._spacer_1hnhe_85 {
  height: 100px;
  min-height: 100px;
  max-height: 100px;
  z-index: 4;
}

._leftIcon_1hnhe_92 {
  width: 20px;
  max-width: 20px;
  min-width: 20px;
  cursor: pointer;
  display: flex;
  margin-top: auto;
  margin-bottom: auto;
}

._rightIcon_1hnhe_102 {
  cursor: pointer;
  display: flex;
  margin-top: auto;
  margin-bottom: auto;
}
._rightIcon_1hnhe_102 img {
  width: 30px;
  max-width: 30px;
  min-width: 30px;
  height: 30px;
  max-height: 30px;
  min-height: 30px;
  border-radius: 15px;
  object-fit: cover;
  object-position: top;
}

._breadTxt_1hnhe_120 {
  display: flex;
  font-size: 14px;
  font-weight: 500;
  line-height: 12px;
  color: #969696;
  text-decoration: none;
  margin: 5px;
}
._breadTxt_1hnhe_120:hover {
  color: #318cf6;
  text-decoration: underline;
}
._breadTxt_1hnhe_120._current_1hnhe_133 {
  font-weight: 600;
}._menuItemActive_1o7bf_1,
._menuItemWrapper_1o7bf_2:hover {
  background-color: #efefef;
  transition-duration: 0.5s;
  text-decoration: underline;
}

._menuItemWrapper_1o7bf_2 {
  display: flex;
  flex: 1;
  cursor: pointer;
  position: relative;
  text-decoration: none;
}

._menuName_1o7bf_16 {
  line-height: 19px;
  padding: 27px 0 27px 32px;
  font-family: Roboto, sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #5f6f8d;
  flex: 1;
  display: flex;
  justify-content: space-between;
  text-decoration: none;
}

._subItem_1o7bf_29 {
  font-size: 14px;
  font-weight: 600;
  color: #5f6f8d;
  padding: 16px 0 16px 64px;
}._menuName_1ixcg_1 {
  line-height: 19px;
  padding: 27px 0 27px 32px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #5f6f8d;
  flex: 1;
  display: flex;
  justify-content: space-between;
  text-decoration: none;
}

._menuArrow_1ixcg_14 {
  height: 10px;
  width: 6px;
  margin-right: 38px;
}

._menuItems_1ixcg_20 {
  display: flex;
  flex-direction: column;
  padding-bottom: 20px;
  border-top: 1px solid #e0e0e0;
}

._menuItem_1ixcg_20 {
  flex: 1;
}

._menuItem_1ixcg_20._active_1ixcg_31,
._menuItem_1ixcg_20:hover {
  background-color: #efefef;
  transition-duration: 0.2s;
  text-decoration: none;
}

._arrow_1ixcg_38 {
  transition: transform 0.3s ease-in-out;
}

._arrow_1ixcg_38._open_1ixcg_42 {
  transform: rotate(90deg);
}._subNavigation_1gu68_1 {
  margin-top: 10px;
}
._subNavigation_1gu68_1 button a {
  text-decoration: none;
}
._subNavigation_1gu68_1 button:not(:last-child) {
  margin-right: 46px;
}
._subNavigation_1gu68_1 button._active_1gu68_10 a {
  text-align: center;
  color: #318CF6;
  text-decoration: underline;
  text-underline-offset: 6px;
}
._subNavigation_1gu68_1 button, ._subNavigation_1gu68_1 button a {
  box-sizing: border-box;
  padding: 0px;
  border-radius: 16px;
  background-color: transparent;
  color: #4C4641;
  font-size: 12px;
  font-weight: 600;
  text-transform: none;
  min-width: none;
}._panel_d9ips_1 {
  display: flex;
  flex-direction: column;
  flex: 1;
  background-color: #fff;
  padding: 39px 44px;
  border-radius: 6px;
  margin-top: 21px;
  margin-bottom: 20px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  min-height: calc(100vh - 220px);
  overflow: scroll;
}

._panelBig_d9ips_15 {
  display: flex;
  flex-direction: column;
  flex: 1;
  background-color: #fff;
  padding: 24px 22px 28px 35px;
  border-radius: 6px;
  margin-top: 22px;
  margin-bottom: 24px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  min-height: calc(100vh - 220px);
  overflow: scroll;
}

@media (max-width: 768px) {
  ._panel_d9ips_1 {
    padding: 10px;
    overflow: hidden;
    background-color: #fff;
    margin: 5px;
  }
}._wrapper_iveda_1 {
  width: 600px;
  display: flex;
  flex-direction: column;
  height: 100vh;
}
._wrapper_iveda_1 ._body_iveda_7 {
  display: flex;
  flex-direction: column;
  overflow: scroll;
  height: calc(100vh - 180px);
}
._wrapper_iveda_1 ._body_iveda_7 ._formRow_iveda_13 {
  display: flex;
  flex-direction: row;
  margin-bottom: 24px;
  flex-wrap: wrap;
  gap: 16px;
}
._wrapper_iveda_1 ._body_iveda_7 ._formItem_iveda_20 {
  display: flex;
  flex-direction: row;
  flex: 1;
  line-height: 44px;
  justify-content: space-between;
}
._wrapper_iveda_1 ._body_iveda_7 ._formItem_iveda_20._captionOnTop_iveda_27 {
  display: flex;
  flex-direction: column;
  height: fit-content;
  flex-shrink: 0;
}
._wrapper_iveda_1 ._body_iveda_7 ._formItem_iveda_20._center_iveda_33 {
  display: flex;
  align-items: center;
  justify-content: center;
}
._wrapper_iveda_1 ._body_iveda_7 ._formItem_iveda_20 ._formCaption_iveda_38 {
  font-size: 12px;
}
._wrapper_iveda_1 ._body_iveda_7 ._formItem_iveda_20 ._formCaptionSameLine_iveda_41 {
  flex: 0 0 150px;
  font-size: 12px;
  flex-wrap: nowrap;
}
._wrapper_iveda_1 ._body_iveda_7 ._formItem_iveda_20 ._formSplit_iveda_46 {
  margin-top: 32px;
  font-size: 12px;
}
._wrapper_iveda_1 ._body_iveda_7 ._formItem_iveda_20 ._tags_iveda_50 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  flex-wrap: wrap;
}
._wrapper_iveda_1 ._body_iveda_7 ._formItem_iveda_20 ._tags_iveda_50 ._tag_iveda_50 {
  flex-shrink: 0;
  flex-grow: 0;
  height: 32px;
  line-height: 32px;
  min-width: 40px;
  text-align: center;
}
._wrapper_iveda_1 ._footer_iveda_64 {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  margin-bottom: 24px;
  padding-bottom: 24px;
}

._input_iveda_72 {
  padding: 8px 12px;
  flex: 1;
}._table_1robh_1 {
  border-collapse: collapse;
  border: none;
  margin: 0 auto auto;
  padding: 0;
  width: 100%;
}
._table_1robh_1 tr {
  border-bottom: solid 1px #f7f7f7;
}
._table_1robh_1 tr ._displayOnHover_1robh_11 {
  visibility: hidden;
}
._table_1robh_1 tr:hover {
  background-color: #f4f9ff;
}
._table_1robh_1 tr:hover ._displayOnHover_1robh_11 {
  visibility: visible;
}
._table_1robh_1 tr:focus ._displayOnHover_1robh_11 {
  visibility: visible;
}
._table_1robh_1 th {
  text-align: left;
  background-color: #f7f7f7;
  color: #2b2b2b;
  font-size: 12px;
  font-weight: 600;
  padding: 15px 20px;
  white-space: nowrap;
}
._table_1robh_1 td {
  font-size: 12px;
  font-weight: 500;
  color: #717171;
  padding: 16px 22px;
}
._table_1robh_1 ._freeze_1robh_38 {
  position: sticky;
  left: 0;
  z-index: 1;
  background-color: #f7f7f7;
}
._table_1robh_1 ._left_1robh_44 {
  text-align: left;
}
._table_1robh_1 ._center_1robh_47 {
  text-align: center;
}
._table_1robh_1 ._right_1robh_50 {
  text-align: right;
}._nowrap_o4oqt_1 {
  white-space: nowrap;
}._button_110ux_1 {
  background: #318cf6;
  border: 1px solid #318cf6;
  border-radius: 4px;
  display: flex;
  cursor: pointer;
  text-decoration: none;
  padding: 10px 9px;
}
._button_110ux_1 ._icon_110ux_10 {
  height: 20px;
  width: 20px;
  margin-left: 12px;
}
._button_110ux_1 ._icon_110ux_10 > svg * {
  fill: #fff;
}
._button_110ux_1 ._buttonText_110ux_18 {
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  color: #fff;
  margin-left: 14px;
  margin-right: 14px;
  text-decoration: none;
  text-decoration-line: none;
}

._disabled_110ux_29 {
  opacity: 0.5;
  cursor: not-allowed;
}

._secondary_110ux_34 {
  border-radius: 4px;
  display: flex;
  cursor: pointer;
  text-decoration: none;
  background: #fff;
  border: 1px solid #318cf6;
  color: #318cf6;
}
._secondary_110ux_34 ._icon_110ux_10 {
  height: 20px;
  width: 20px;
  margin-left: 12px;
}
._secondary_110ux_34 ._icon_110ux_10 > svg * {
  fill: #318cf6;
}
._secondary_110ux_34 ._alterButtonText_110ux_51 {
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  color: #318cf6;
  margin-left: 14px;
  margin-right: 14px;
  text-decoration: none;
  text-decoration-line: none;
}

._secondaryRed_110ux_62 {
  border-radius: 4px;
  display: flex;
  cursor: pointer;
  text-decoration: none;
  background: #fff;
  border: 1px solid #d92d2d;
  color: #d92d2d;
}
._secondaryRed_110ux_62 ._icon_110ux_10 {
  height: 20px;
  width: 20px;
  margin-left: 12px;
}
._secondaryRed_110ux_62 ._icon_110ux_10 > svg * {
  fill: #d92d2d;
}
._secondaryRed_110ux_62 ._alterButtonText_110ux_51 {
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  color: #d92d2d;
  margin-left: 14px;
  margin-right: 14px;
  text-decoration: none;
  text-decoration-line: none;
}._wrapper_14z0l_1 {
  position: relative;
  padding: 28px 25px;
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
}
._wrapper_14z0l_1 ._header_14z0l_8 {
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  color: #5f6f8d;
  margin-bottom: 50px;
}
._wrapper_14z0l_1 ._closeIcon_14z0l_15 {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 28px;
  right: 25px;
  cursor: pointer;
}
._wrapper_14z0l_1 ._closeIcon_14z0l_15 > svg {
  fill: #576265;
}._pageWrapper_1cguu_1 {
  gap: 25px;
  display: flex;
  flex-direction: column;
  margin: 20px 0;
  overflow-x: hidden;
}
._pageWrapper_1cguu_1 ._card_1cguu_8 {
  flex: 1;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  padding: 19px 39px;
  gap: 10px;
  max-width: calc(100vw - 464px);
}
._pageWrapper_1cguu_1 ._row_1cguu_19 {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
._pageWrapper_1cguu_1 ._rowRight_1cguu_25 {
  display: flex;
  gap: 20px;
  align-items: center;
}
._pageWrapper_1cguu_1 ._tableWrapper_1cguu_30 {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-x: scroll;
}
._pageWrapper_1cguu_1 ._helperContainer_1cguu_36 {
  display: flex;
  flex-direction: row;
  gap: 6px;
  color: #717171;
  padding: 12px 10px 12px 26px;
  background-color: #dee7ff;
  border-radius: 6px;
}
._pageWrapper_1cguu_1 ._helperContainer_1cguu_36 svg {
  color: #318cf6;
}
._pageWrapper_1cguu_1 ._helperContainer_1cguu_36 ._helperContent_1cguu_48 {
  display: flex;
  align-items: center;
  gap: 6px;
}
._pageWrapper_1cguu_1 ._helperContainer_1cguu_36 ._helperContent_1cguu_48 span {
  color: #464646;
  font-size: 12px;
  font-weight: 700;
}
._pageWrapper_1cguu_1 ._helperContainer_1cguu_36 ._helperContent_1cguu_48 svg {
  fill: #2856af;
  width: 18px;
}
._pageWrapper_1cguu_1 ._helperContainer_1cguu_36 ._helperDivider_1cguu_62 {
  border-right: 1px solid #b7b7b7;
  margin: 0 15px;
}
._pageWrapper_1cguu_1 ._helperContainer_1cguu_36 ul {
  margin: 0 0 0 20px;
  padding-left: 20px;
  display: flex;
  flex-direction: row;
  gap: 40px;
}
._pageWrapper_1cguu_1 ._helperContainer_1cguu_36 ul li {
  font-size: 11px;
  font-weight: 700;
  color: #1677ff;
}
._pageWrapper_1cguu_1 ._helperContainer_1cguu_36 ul li:hover {
  text-decoration: underline;
  cursor: pointer;
}
._pageWrapper_1cguu_1 ._newRequestButton_1cguu_82 {
  padding: 10px 0;
}
._pageWrapper_1cguu_1 ._crossIcon_1cguu_85 {
  cursor: pointer;
  width: 24px;
  margin-left: auto;
}._actionSvg_1g7tz_1 {
  width: 18px;
  height: 18px;
  fill: #d8d8d8;
}
._actionSvg_1g7tz_1._onhold_1g7tz_6 {
  fill: #ed6a5e;
}
._actionSvg_1g7tz_1._released_1g7tz_9 {
  fill: #1ac000;
}._actions_1hgo9_1 {
  display: flex;
  gap: 32px;
}._pageWrapper_1szbp_1 {
  gap: 25px;
  display: flex;
  flex-direction: column;
  min-width: 1000px;
  margin: 20px 0;
}

._card_1szbp_9 {
  flex: 1;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  padding: 19px 39px;
  gap: 10px;
}

._row_1szbp_20 {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}

._rowRight_1szbp_27 {
  display: flex;
  gap: 20px;
  align-items: center;
}

._helperContainer_1szbp_33 {
  display: flex;
  flex-direction: row;
  gap: 6px;
  color: #717171;
  padding: 12px 10px 12px 26px;
  background-color: #dee7ff;
  border-radius: 6px;
}
._helperContainer_1szbp_33 svg {
  color: #318cf6;
}
._helperContainer_1szbp_33 ._helperContent_1szbp_45 {
  display: flex;
  align-items: center;
  gap: 6px;
}
._helperContainer_1szbp_33 ._helperContent_1szbp_45 span {
  color: #464646;
  font-size: 12px;
  font-weight: 700;
}
._helperContainer_1szbp_33 ._helperContent_1szbp_45 svg {
  fill: #2856af;
  width: 18px;
}
._helperContainer_1szbp_33 ._helperDivider_1szbp_59 {
  border-right: 1px solid #b7b7b7;
  margin: 0 15px;
}
._helperContainer_1szbp_33 ul {
  margin: 0 0 0 20px;
  padding-left: 20px;
  display: flex;
  flex-direction: row;
  gap: 40px;
}
._helperContainer_1szbp_33 ul li {
  font-size: 11px;
  font-weight: 700;
  color: #1677ff;
}
._helperContainer_1szbp_33 ul li:hover {
  text-decoration: underline;
  cursor: pointer;
}

._newRequestButton_1szbp_80 {
  padding: 10px 0;
}

._crossIcon_1szbp_84 {
  cursor: pointer;
  width: 24px;
  margin-left: auto;
}._wrapper_9l1yf_1 {
  display: flex;
  flex-direction: column;
  max-width: 900px;
}
._wrapper_9l1yf_1 ._row_9l1yf_6 {
  display: flex;
  flex-direction: row;
  gap: 16px;
  line-height: 28px;
  letter-spacing: 0.25px;
  margin-bottom: 16px;
}
._wrapper_9l1yf_1 ._row_9l1yf_6 ._label_9l1yf_14 {
  font-size: 12px;
  font-weight: 400;
  color: #333;
  flex: 0 0 110px;
}
._wrapper_9l1yf_1 ._row_9l1yf_6 ._info_9l1yf_20 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #404040;
  flex: 1;
}
._wrapper_9l1yf_1 ._spliter_9l1yf_30 {
  font-size: 12px;
  font-weight: 500;
  color: #404040;
  margin-top: 40px;
  margin-bottom: 8px;
}
._wrapper_9l1yf_1 ._refund_9l1yf_37 {
  color: #ff0000;
  font-weight: 500;
}._pageWrapper_vu20a_1 {
  gap: 25px;
  display: flex;
  flex-direction: column;
  margin: 20px 0;
}

._card_vu20a_8 {
  flex: 1;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  padding: 19px 39px;
  gap: 10px;
}

._header_vu20a_19 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._title_vu20a_25 {
  color: #5f6f8d;
  font-size: 18px;
  font-weight: 700;
}

._actions_vu20a_31 {
  display: flex;
  gap: 10px;
}
._actions_vu20a_31 ._button_vu20a_35 {
  padding: 10px 0;
}._yellowIcon_11o7d_1 > svg * {
  fill: #f2ca3d;
}

._blueIcon_11o7d_5 > svg * {
  fill: #3983da;
}

._greenIcon_11o7d_9 > svg * {
  fill: #4fd144;
}

._redIcon_11o7d_13 > svg * {
  fill: #f76233;
}

._statusIcon_11o7d_17 {
  width: 5px;
  height: 5px;
  margin-right: 6px;
}._statusCell_1lctb_1 {
  display: flex;
}
._statusCell_1lctb_1 ._invalid_1lctb_4 {
  color: #f76233;
  font-weight: 600;
}._searchIcon_111g6_1 {
  height: 15px;
  width: 15px;
  padding-left: 14px;
}

._searchBarWrapper_111g6_7 {
  display: flex;
  background: #f9f9f9;
  border: 1px solid #c2c2c2;
  border-radius: 29px;
}._pageWrapper_1szbp_1 {
  gap: 25px;
  display: flex;
  flex-direction: column;
  min-width: 1000px;
  margin: 20px 0;
}

._card_1szbp_9 {
  flex: 1;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  padding: 19px 39px;
  gap: 10px;
}

._row_1szbp_20 {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}

._rowRight_1szbp_27 {
  display: flex;
  gap: 20px;
  align-items: center;
}

._helperContainer_1szbp_33 {
  display: flex;
  flex-direction: row;
  gap: 6px;
  color: #717171;
  padding: 12px 10px 12px 26px;
  background-color: #dee7ff;
  border-radius: 6px;
}
._helperContainer_1szbp_33 svg {
  color: #318cf6;
}
._helperContainer_1szbp_33 ._helperContent_1szbp_45 {
  display: flex;
  align-items: center;
  gap: 6px;
}
._helperContainer_1szbp_33 ._helperContent_1szbp_45 span {
  color: #464646;
  font-size: 12px;
  font-weight: 700;
}
._helperContainer_1szbp_33 ._helperContent_1szbp_45 svg {
  fill: #2856af;
  width: 18px;
}
._helperContainer_1szbp_33 ._helperDivider_1szbp_59 {
  border-right: 1px solid #b7b7b7;
  margin: 0 15px;
}
._helperContainer_1szbp_33 ul {
  margin: 0 0 0 20px;
  padding-left: 20px;
  display: flex;
  flex-direction: row;
  gap: 40px;
}
._helperContainer_1szbp_33 ul li {
  font-size: 11px;
  font-weight: 700;
  color: #1677ff;
}
._helperContainer_1szbp_33 ul li:hover {
  text-decoration: underline;
  cursor: pointer;
}

._newRequestButton_1szbp_80 {
  padding: 10px 0;
}

._crossIcon_1szbp_84 {
  cursor: pointer;
  width: 24px;
  margin-left: auto;
}._formSplit_18xyw_1 {
  margin-top: 32px;
  font-size: 12px;
  color: #333;
  font-weight: 500;
  line-height: 28px;
}

._staffListHeader_18xyw_9 {
  display: flex;
  gap: 10px;
  background-color: #f5f5f5;
  line-height: 24px;
  padding: 10px 16px;
  font-size: 12px;
  color: #2b2b2b;
  font-weight: 500;
}

._staffListRow_18xyw_20 {
  display: flex;
  gap: 10px;
  line-height: 24px;
  padding: 10px 16px;
  font-size: 12px;
  color: #2b2b2b;
  font-weight: 400;
}

._cellRole_18xyw_30 {
  flex: 0 0 136px;
  margin-right: 16px;
  align-items: center;
  align-self: center;
  justify-content: center;
}

._cellStaff_18xyw_38 {
  display: flex;
  flex: 0 0 320px;
  margin-right: 30px;
}
._cellStaff_18xyw_38 ._select_18xyw_43 {
  flex: 1;
  display: flex;
  padding: 8px 4px;
  border-radius: 4px;
  border: 1px solid #c4c4c4;
}
._cellStaff_18xyw_38 ._na_18xyw_50 {
  flex: 1;
  display: flex;
  padding: 8px 4px;
  background-color: #f5f5f5;
}

._cellRate_18xyw_57 {
  flex: 0 0 166px;
}
._cellRate_18xyw_57 ._input_18xyw_60 {
  flex: 1;
  display: flex;
  padding: 12px 4px;
  border-radius: 4px;
  border: 1px solid #c4c4c4;
}
._cellRate_18xyw_57 ._input_18xyw_60:focus {
  border-color: #007bff;
  outline: none;
}

._radioGroup_18xyw_72 {
  display: flex;
  flex: 1;
  align-items: center;
  line-height: 40px;
  gap: 10px;
}._wrapper_15hyi_1 {
  display: flex;
  flex-direction: column;
}
._wrapper_15hyi_1 ._header_15hyi_5 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
._wrapper_15hyi_1 ._header_15hyi_5 ._title_15hyi_11 {
  font-size: 18px;
  font-weight: 700;
  color: #5f6f8d;
  line-height: normal;
  font-family: Roboto, sans-serif;
}
._wrapper_15hyi_1 ._header_15hyi_5 ._right_15hyi_18 {
  display: flex;
  gap: 10px;
}
._wrapper_15hyi_1 ._formBody_15hyi_22 {
  display: flex;
  flex-direction: column;
  max-width: 700px;
}
._wrapper_15hyi_1 ._row_15hyi_27 {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  line-height: 40px;
  margin-bottom: 14px;
}
._wrapper_15hyi_1 ._row_15hyi_27 ._label_15hyi_35 {
  font-size: 12px;
  font-weight: 500;
  color: #333333;
  flex: 0 0 116px;
}
._wrapper_15hyi_1 ._row_15hyi_27 ._label_15hyi_35._right_15hyi_18 {
  justify-content: flex-end;
  flex: 0 0 90px;
}
._wrapper_15hyi_1 ._row_15hyi_27 ._input_15hyi_45 {
  flex: 1;
  display: flex;
  padding: 12px 4px;
  border-radius: 4px;
  border: 1px solid #c4c4c4;
}
._wrapper_15hyi_1 ._row_15hyi_27 ._input_15hyi_45:focus {
  border-color: #007bff;
  outline: none;
}
._wrapper_15hyi_1 ._row_15hyi_27 ._select_15hyi_56 {
  flex: 1;
  display: flex;
  padding: 20px 0;
  border-radius: 4px;
  border: 1px solid #c4c4c4;
}
._wrapper_15hyi_1 ._row_15hyi_27 ._radioLabel_15hyi_63 {
  font-size: 14px;
  font-weight: 400;
  flex: 0 0 60px;
  color: #414141;
  letter-spacing: 0.25px;
}
._wrapper_15hyi_1 ._row_15hyi_27 ._floatRight_15hyi_70 {
  position: absolute;
  left: 750px;
  color: #414141;
  font-size: 12px;
}
._wrapper_15hyi_1 ._formSplit_15hyi_76 {
  margin-top: 32px;
  font-size: 12px;
  color: #333;
  font-weight: 500;
  line-height: 28px;
}
._wrapper_15hyi_1 ._staffListHeader_15hyi_83 {
  display: flex;
  gap: 10px;
  background-color: #f5f5f5;
  line-height: 24px;
  padding: 10px 16px;
  font-size: 12px;
  color: #2b2b2b;
  font-weight: 500;
}
._wrapper_15hyi_1 ._staffListRow_15hyi_93 {
  display: flex;
  gap: 10px;
  line-height: 24px;
  padding: 10px 16px;
  font-size: 12px;
  color: #2b2b2b;
  font-weight: 400;
}
._wrapper_15hyi_1 ._cellRole_15hyi_102 {
  flex: 0 0 136px;
  margin-right: 16px;
  align-items: center;
  align-self: center;
  justify-content: center;
}
._wrapper_15hyi_1 ._cellStaff_15hyi_109 {
  display: flex;
  flex: 0 0 320px;
  margin-right: 30px;
}
._wrapper_15hyi_1 ._cellStaff_15hyi_109 ._select_15hyi_56 {
  flex: 1;
  display: flex;
  padding: 8px 4px;
  border-radius: 4px;
  border: 1px solid #c4c4c4;
}
._wrapper_15hyi_1 ._cellStaff_15hyi_109 ._na_15hyi_121 {
  flex: 1;
  display: flex;
  padding: 8px 4px;
  background-color: #f5f5f5;
}
._wrapper_15hyi_1 ._cellRate_15hyi_127 {
  flex: 0 0 166px;
}
._wrapper_15hyi_1 ._cellRate_15hyi_127 ._input_15hyi_45 {
  flex: 1;
  display: flex;
  padding: 12px 4px;
  border-radius: 4px;
  border: 1px solid #c4c4c4;
}
._wrapper_15hyi_1 ._cellRate_15hyi_127 ._input_15hyi_45:focus {
  border-color: #007bff;
  outline: none;
}

._radioGroup_15hyi_142 {
  display: flex;
  flex: 1;
  align-items: center;
  line-height: 40px;
  gap: 10px;
}._wrapper_1yn28_1 {
  display: flex;
  flex-direction: column;
}
._wrapper_1yn28_1 ._header_1yn28_5 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
._wrapper_1yn28_1 ._header_1yn28_5 ._title_1yn28_11 {
  font-size: 18px;
  font-weight: 700;
  color: #5f6f8d;
  line-height: normal;
  font-family: Roboto, sans-serif;
}
._wrapper_1yn28_1 ._header_1yn28_5 ._right_1yn28_18 {
  display: flex;
  gap: 10px;
}
._wrapper_1yn28_1 ._formBody_1yn28_22 {
  display: flex;
  flex-direction: column;
  max-width: 700px;
}
._wrapper_1yn28_1 ._row_1yn28_27 {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  line-height: 40px;
  margin-bottom: 14px;
}
._wrapper_1yn28_1 ._row_1yn28_27 ._label_1yn28_35 {
  font-size: 12px;
  font-weight: 500;
  color: #333333;
  flex: 0 0 116px;
}
._wrapper_1yn28_1 ._row_1yn28_27 ._label_1yn28_35._right_1yn28_18 {
  justify-content: flex-end;
  flex: 0 0 90px;
}
._wrapper_1yn28_1 ._row_1yn28_27 ._value_1yn28_45 {
  flex: 1;
  font-size: 14px;
  font-weight: 400;
  color: #414141;
  letter-spacing: 0.25px;
}
._wrapper_1yn28_1 ._row_1yn28_27 ._input_1yn28_52 {
  flex: 1;
  display: flex;
  padding: 12px 4px;
  border-radius: 4px;
  border: 1px solid #c4c4c4;
}
._wrapper_1yn28_1 ._row_1yn28_27 ._input_1yn28_52:focus {
  border-color: #007bff;
  outline: none;
}
._wrapper_1yn28_1 ._row_1yn28_27 ._select_1yn28_63 {
  flex: 1;
  display: flex;
  padding: 20px 0;
  border-radius: 4px;
  border: 1px solid #c4c4c4;
}
._wrapper_1yn28_1 ._row_1yn28_27 ._radioLabel_1yn28_70 {
  font-size: 14px;
  font-weight: 400;
  flex: 0 0 60px;
  color: #414141;
  letter-spacing: 0.25px;
}
._wrapper_1yn28_1 ._row_1yn28_27 ._floatRight_1yn28_77 {
  position: absolute;
  left: 750px;
  color: #414141;
  font-size: 12px;
}
._wrapper_1yn28_1 ._formSplit_1yn28_83 {
  margin-top: 32px;
  font-size: 12px;
  color: #333;
  font-weight: 500;
  line-height: 28px;
}
._wrapper_1yn28_1 ._staffListHeader_1yn28_90 {
  display: flex;
  gap: 10px;
  background-color: #f5f5f5;
  line-height: 24px;
  padding: 10px 16px;
  font-size: 12px;
  color: #2b2b2b;
  font-weight: 500;
}
._wrapper_1yn28_1 ._staffListRow_1yn28_100 {
  display: flex;
  gap: 10px;
  line-height: 24px;
  padding: 10px 16px;
  font-size: 12px;
  color: #2b2b2b;
  font-weight: 400;
}
._wrapper_1yn28_1 ._cellRole_1yn28_109 {
  flex: 0 0 136px;
  margin-right: 16px;
  align-items: center;
  align-self: center;
  justify-content: center;
}
._wrapper_1yn28_1 ._cellStaff_1yn28_116 {
  display: flex;
  flex: 0 0 320px;
  margin-right: 30px;
}
._wrapper_1yn28_1 ._cellStaff_1yn28_116 ._select_1yn28_63 {
  flex: 1;
  display: flex;
  padding: 8px 4px;
  border-radius: 4px;
  border: 1px solid #c4c4c4;
}
._wrapper_1yn28_1 ._cellStaff_1yn28_116 ._na_1yn28_128 {
  flex: 1;
  display: flex;
  padding: 8px 4px;
  background-color: #f5f5f5;
}
._wrapper_1yn28_1 ._cellRate_1yn28_134 {
  flex: 0 0 166px;
}
._wrapper_1yn28_1 ._cellRate_1yn28_134 ._input_1yn28_52 {
  flex: 1;
  display: flex;
  padding: 12px 4px;
  border-radius: 4px;
  border: 1px solid #c4c4c4;
}
._wrapper_1yn28_1 ._cellRate_1yn28_134 ._input_1yn28_52:focus {
  border-color: #007bff;
  outline: none;
}

._radioGroup_1yn28_149 {
  display: flex;
  flex: 1;
  align-items: center;
  line-height: 40px;
  gap: 10px;
}._pageWrapper_kexcm_1 {
  gap: 25px;
  display: flex;
  flex-direction: column;
  margin: 20px 0;
}

._card_kexcm_8 {
  flex: 1;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  padding: 19px 39px;
  gap: 10px;
}._container_1cf3l_1 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
._container_1cf3l_1 ._header_1cf3l_6 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._container_1cf3l_1 ._title_1cf3l_11 {
  color: #5f6f8d;
  font-size: 18px;
  font-weight: 700;
}
._container_1cf3l_1 ._actions_1cf3l_16 {
  display: flex;
  gap: 10px;
}
._container_1cf3l_1 ._actions_1cf3l_16 ._button_1cf3l_20 {
  padding: 10px 0;
}
._container_1cf3l_1 ._formBody_1cf3l_23 {
  display: flex;
  flex-direction: column;
  max-width: 800px;
}
._container_1cf3l_1 ._row_1cf3l_28 {
  padding: 10px 0;
  display: flex;
  align-items: center;
}
._container_1cf3l_1 ._label_1cf3l_33 {
  font-size: 12px;
  font-weight: 500;
  color: #333333;
  flex: 0 0 130px;
}
._container_1cf3l_1 ._label_1cf3l_33._right_1cf3l_39 {
  justify-content: flex-end;
  flex: 0 0 90px;
  margin-right: 20px;
}
._container_1cf3l_1 ._input_1cf3l_44 {
  flex: 1;
  display: flex;
  padding: 12px 4px;
  border-radius: 4px;
  border: 1px solid #c4c4c4;
}
._container_1cf3l_1 ._input_1cf3l_44:focus {
  border-color: #007bff;
  outline: none;
}
._container_1cf3l_1 ._info_1cf3l_55 {
  flex: 1;
  display: flex;
  padding: 12px 4px;
}
._container_1cf3l_1 ._info_1cf3l_55:focus {
  border-color: #007bff;
  outline: none;
}
._container_1cf3l_1 ._formSplit_1cf3l_64 {
  margin-top: 32px;
  font-size: 12px;
  color: #333;
  font-weight: 500;
  line-height: 28px;
}
._container_1cf3l_1 ._summary_1cf3l_71 {
  display: flex;
  margin-top: 32px;
  border-top: 1px solid #c4c4c4;
  flex: 1;
}
._container_1cf3l_1 ._rate_1cf3l_77 {
  color: #5f6f8d;
  font-weight: 500;
  white-space: nowrap;
}
._container_1cf3l_1 ._actions_1cf3l_16 {
  display: flex;
  gap: 32px;
}._container_b2og6_1 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
._container_b2og6_1 ._header_b2og6_6 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._container_b2og6_1 ._title_b2og6_11 {
  color: #5f6f8d;
  font-size: 18px;
  font-weight: 700;
}
._container_b2og6_1 ._actions_b2og6_16 {
  display: flex;
  gap: 10px;
}
._container_b2og6_1 ._actions_b2og6_16 ._button_b2og6_20 {
  padding: 10px 0;
}
._container_b2og6_1 ._formBody_b2og6_23 {
  display: flex;
  flex-direction: column;
  max-width: 800px;
}
._container_b2og6_1 ._row_b2og6_28 {
  padding: 10px 0;
  display: flex;
  align-items: center;
}
._container_b2og6_1 ._label_b2og6_33 {
  font-size: 12px;
  font-weight: 500;
  color: #333333;
  flex: 0 0 130px;
}
._container_b2og6_1 ._label_b2og6_33._right_b2og6_39 {
  justify-content: flex-end;
  flex: 0 0 90px;
  margin-right: 20px;
}
._container_b2og6_1 ._input_b2og6_44 {
  flex: 1;
  display: flex;
  padding: 12px 4px;
  border-radius: 4px;
  border: 1px solid #c4c4c4;
}
._container_b2og6_1 ._input_b2og6_44:focus {
  border-color: #007bff;
  outline: none;
}
._container_b2og6_1 ._info_b2og6_55 {
  flex: 1;
  display: flex;
  padding: 12px 4px;
}
._container_b2og6_1 ._info_b2og6_55:focus {
  border-color: #007bff;
  outline: none;
}
._container_b2og6_1 ._formSplit_b2og6_64 {
  margin-top: 32px;
  font-size: 12px;
  color: #333;
  font-weight: 500;
  line-height: 28px;
}
._container_b2og6_1 ._summary_b2og6_71 {
  display: flex;
  margin-top: 32px;
  border-top: 1px solid #c4c4c4;
  flex: 1;
}
._container_b2og6_1 ._rate_b2og6_77 {
  color: #5f6f8d;
  font-weight: 500;
  white-space: nowrap;
}
._container_b2og6_1 ._actions_b2og6_16 {
  display: flex;
  gap: 32px;
}
._container_b2og6_1 ._actionSvg_b2og6_86 {
  width: 18px;
  height: 18px;
  fill: #d8d8d8;
}
._container_b2og6_1 ._actionSvg_b2og6_86._onhold_b2og6_91 {
  fill: #ed6a5e;
}
._container_b2og6_1 ._actionSvg_b2og6_86._released_b2og6_94 {
  fill: #1ac000;
}._pageWrapper_no99p_1 {
  gap: 25px;
  display: flex;
  flex-direction: column;
  min-width: 1000px;
  margin: 20px 0;
}
._pageWrapper_no99p_1 ._card_no99p_8 {
  flex: 1;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  padding: 19px 39px;
  gap: 10px;
}._wrapper_io3y9_1 {
  display: flex;
  flex-direction: column;
  max-width: 900px;
}
._wrapper_io3y9_1 ._row_io3y9_6 {
  display: flex;
  flex-direction: row;
  gap: 16px;
  line-height: 28px;
  letter-spacing: 0.25px;
  margin-bottom: 16px;
}
._wrapper_io3y9_1 ._row_io3y9_6 ._label_io3y9_14 {
  font-size: 12px;
  font-weight: 400;
  color: #333;
  flex: 0 0 120px;
}
._wrapper_io3y9_1 ._spliter_io3y9_20 {
  font-size: 16px;
  font-weight: 500;
  color: #404040;
  margin-top: 40px;
  margin-bottom: 8px;
}
._wrapper_io3y9_1 ._refund_io3y9_27 {
  color: #318cf6;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 4px;
}
._wrapper_io3y9_1 ._onholdSvg_io3y9_34 {
  fill: #ed6a5e;
  width: 18px;
  height: 18px;
}
._wrapper_io3y9_1 ._summary_io3y9_39 {
  display: flex;
  margin-top: 16px;
  border-top: 1px solid #c4c4c4;
  padding: 16px;
  flex: 1;
}
._wrapper_io3y9_1 ._info_io3y9_46 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #404040;
  flex: 3;
}
._wrapper_io3y9_1 ._info_io3y9_46._refund_io3y9_27 {
  color: #ff0000;
  font-size: 16px;
}
._wrapper_io3y9_1 ._amount_io3y9_60 {
  font-size: 16px;
  font-weight: 500;
  color: #404040;
  flex: 2;
}._pageWrapper_vu20a_1 {
  gap: 25px;
  display: flex;
  flex-direction: column;
  margin: 20px 0;
}

._card_vu20a_8 {
  flex: 1;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  padding: 19px 39px;
  gap: 10px;
}

._header_vu20a_19 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._title_vu20a_25 {
  color: #5f6f8d;
  font-size: 18px;
  font-weight: 700;
}

._actions_vu20a_31 {
  display: flex;
  gap: 10px;
}
._actions_vu20a_31 ._button_vu20a_35 {
  padding: 10px 0;
}._wrapper_1hya9_1 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._title_1hya9_7 {
  font-size: 16px;
  font-weight: 600;
  margin: 20px 0 10px 0;
  color: #5f6f8d;
}

._refund_1hya9_14 {
  color: #ff0000;
}

._onhold_1hya9_18 {
  color: #f79824;
}.rdrCalendarWrapper {
  box-sizing: border-box;
  background: #ffffff;
  display: inline-flex;
  flex-direction: column;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.rdrDateDisplay{
  display: flex;
  justify-content: space-between;
}

.rdrDateDisplayItem{
  flex: 1 1;
  width: 0;
  text-align: center;
  color: inherit;
}

.rdrDateDisplayItem + .rdrDateDisplayItem{
    margin-left: 0.833em;
  }

.rdrDateDisplayItem input{
    text-align: inherit
  }

.rdrDateDisplayItem input:disabled{
      cursor: default;
    }

.rdrDateDisplayItemActive{}

.rdrMonthAndYearWrapper {
  box-sizing: inherit;
  display: flex;
  justify-content: space-between;
}

.rdrMonthAndYearPickers{
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rdrMonthPicker{}

.rdrYearPicker{}

.rdrNextPrevButton {
  box-sizing: inherit;
  cursor: pointer;
  outline: none;
}

.rdrPprevButton {}

.rdrNextButton {}

.rdrMonths{
  display: flex;
}

.rdrMonthsVertical{
  flex-direction: column;
}

.rdrMonthsHorizontal > div > div > div{
  display: flex;
  flex-direction: row;
}

.rdrMonth{
  width: 27.667em;
}

.rdrWeekDays{
  display: flex;
}

.rdrWeekDay {
  flex-basis: calc(100% / 7);
  box-sizing: inherit;
  text-align: center;
}

.rdrDays{
  display: flex;
  flex-wrap: wrap;
}

.rdrDateDisplayWrapper{}

.rdrMonthName{}

.rdrInfiniteMonths{
  overflow: auto;
}

.rdrDateRangeWrapper{
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.rdrDateInput {
  position: relative;
}

.rdrDateInput input {
    outline: none;
  }

.rdrDateInput .rdrWarning {
    position: absolute;
    font-size: 1.6em;
    line-height: 1.6em;
    top: 0;
    right: .25em;
    color: #FF0000;
  }

.rdrDay {
  box-sizing: inherit;
  width: calc(100% / 7);
  position: relative;
  font: inherit;
  cursor: pointer;
}

.rdrDayNumber {
  display: block;
  position: relative;
}

.rdrDayNumber span{
    color: #1d2429;
  }

.rdrDayDisabled {
  cursor: not-allowed;
}

@supports (-ms-ime-align: auto) {
  .rdrDay {
    flex-basis: 14.285% !important;
  }
}

.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge{
  pointer-events: none;
}

.rdrInRange{}

.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview{
  pointer-events: none;
}

.rdrDayHovered{}

.rdrDayActive{}

.rdrDateRangePickerWrapper{
  display: inline-flex;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.rdrDefinedRangesWrapper{}

.rdrStaticRanges{
  display: flex;
  flex-direction: column;
}

.rdrStaticRange{
  font-size: inherit;
}

.rdrStaticRangeLabel{}

.rdrInputRanges{}

.rdrInputRange{
  display: flex;
}

.rdrInputRangeInput{}
.rdrCalendarWrapper{
  color: #000000;
  font-size: 12px;
}

.rdrDateDisplayWrapper{
  background-color: rgb(239, 242, 247);
}

.rdrDateDisplay{
  margin: 0.833em;
}

.rdrDateDisplayItem{
  border-radius: 4px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0 1px 2px 0 rgba(35, 57, 66, 0.21);
  border: 1px solid transparent;
}

.rdrDateDisplayItem input{
    cursor: pointer;
    height: 2.5em;
    line-height: 2.5em;
    border: 0px;
    background: transparent;
    width: 100%;
    color: #849095;
  }

.rdrDateDisplayItemActive{
  border-color: currentColor;
}

.rdrDateDisplayItemActive input{
    color: #7d888d
  }

.rdrMonthAndYearWrapper {
  align-items: center;
  height: 60px;
  padding-top: 10px;
}

.rdrMonthAndYearPickers{
  font-weight: 600;
}

.rdrMonthAndYearPickers select{
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    border: 0;
    background: transparent;
    padding: 10px 30px 10px 10px;
    border-radius: 4px;
    outline: 0;
    color: #3e484f;
    background: url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>") no-repeat;
    background-position: right 8px center;
    cursor: pointer;
    text-align: center
  }

.rdrMonthAndYearPickers select:hover{
      background-color: rgba(0,0,0,0.07);
    }

.rdrMonthPicker, .rdrYearPicker{
  margin: 0 5px
}

.rdrNextPrevButton {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 0.833em;
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: #EFF2F7
}

.rdrNextPrevButton:hover{
    background: #E1E7F0;
  }

.rdrNextPrevButton i {
    display: block;
    width: 0;
    height: 0;
    padding: 0;
    text-align: center;
    border-style: solid;
    margin: auto;
    transform: translate(-3px, 0px);
  }

.rdrPprevButton i {
    border-width: 4px 6px 4px 4px;
    border-color: transparent rgb(52, 73, 94) transparent transparent;
    transform: translate(-3px, 0px);
  }

.rdrNextButton i {
    margin: 0 0 0 7px;
    border-width: 4px 4px 4px 6px;
    border-color: transparent transparent transparent rgb(52, 73, 94);
    transform: translate(3px, 0px);
  }

.rdrWeekDays {
  padding: 0 0.833em;
}

.rdrMonth{
  padding: 0 0.833em 1.666em 0.833em;
}

.rdrMonth .rdrWeekDays {
    padding: 0;
  }

.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{
  display: none;
}

.rdrWeekDay {
  font-weight: 400;
  line-height: 2.667em;
  color: rgb(132, 144, 149);
}

.rdrDay {
  background: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 0;
  padding: 0;
  line-height: 3.000em;
  height: 3.000em;
  text-align: center;
  color: #1d2429
}

.rdrDay:focus {
    outline: 0;
  }

.rdrDayNumber {
  outline: 0;
  font-weight: 300;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  top: 5px;
  bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rdrDayToday .rdrDayNumber span{
  font-weight: 500
}

.rdrDayToday .rdrDayNumber span:after{
    content: '';
    position: absolute;
    bottom: 4px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 18px;
    height: 2px;
    border-radius: 2px;
    background: #3d91ff;
  }

.rdrDayToday:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span:after{
      background: #fff;
    }

.rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span{
          color: rgba(255, 255, 255, 0.85);
        }

.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge{
  background: currentColor;
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  bottom: 5px;
}

.rdrSelected{
  left: 2px;
  right: 2px;
}

.rdrInRange{}

.rdrStartEdge{
  border-top-left-radius: 1.042em;
  border-bottom-left-radius: 1.042em;
  left: 2px;
}

.rdrEndEdge{
  border-top-right-radius: 1.042em;
  border-bottom-right-radius: 1.042em;
  right: 2px;
}

.rdrSelected{
  border-radius: 1.042em;
}

.rdrDayStartOfMonth .rdrInRange, .rdrDayStartOfMonth .rdrEndEdge, .rdrDayStartOfWeek .rdrInRange, .rdrDayStartOfWeek .rdrEndEdge{
    border-top-left-radius: 1.042em;
    border-bottom-left-radius: 1.042em;
    left: 2px;
  }

.rdrDayEndOfMonth .rdrInRange,  .rdrDayEndOfMonth .rdrStartEdge,  .rdrDayEndOfWeek .rdrInRange,  .rdrDayEndOfWeek .rdrStartEdge{
    border-top-right-radius: 1.042em;
    border-bottom-right-radius: 1.042em;
    right: 2px;
  }

.rdrDayStartOfMonth .rdrDayInPreview, .rdrDayStartOfMonth .rdrDayEndPreview, .rdrDayStartOfWeek .rdrDayInPreview, .rdrDayStartOfWeek .rdrDayEndPreview{
    border-top-left-radius: 1.333em;
    border-bottom-left-radius: 1.333em;
    border-left-width: 1px;
    left: 0px;
  }

.rdrDayEndOfMonth .rdrDayInPreview, .rdrDayEndOfMonth .rdrDayStartPreview, .rdrDayEndOfWeek .rdrDayInPreview, .rdrDayEndOfWeek .rdrDayStartPreview{
   border-top-right-radius: 1.333em;
   border-bottom-right-radius: 1.333em;
   border-right-width: 1px;
   right: 0px;
 }

.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview{
  background: rgba(255, 255, 255, 0.09);
  position: absolute;
  top: 3px;
  left: 0px;
  right: 0px;
  bottom: 3px;
  pointer-events: none;
  border: 0px solid currentColor;
  z-index: 1;
}

.rdrDayStartPreview{
  border-top-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-top-left-radius: 1.333em;
  border-bottom-left-radius: 1.333em;
  left: 0px;
}

.rdrDayInPreview{
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.rdrDayEndPreview{
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-top-right-radius: 1.333em;
  border-bottom-right-radius: 1.333em;
  right: 2px;
  right: 0px;
}

.rdrDefinedRangesWrapper{
  font-size: 12px;
  width: 226px;
  border-right: solid 1px #eff2f7;
  background: #fff;
}

.rdrDefinedRangesWrapper .rdrStaticRangeSelected{
    color: currentColor;
    font-weight: 600;
  }

.rdrStaticRange{
  border: 0;
  cursor: pointer;
  display: block;
  outline: 0;
  border-bottom: 1px solid #eff2f7;
  padding: 0;
  background: #fff
}

.rdrStaticRange:hover .rdrStaticRangeLabel,.rdrStaticRange:focus .rdrStaticRangeLabel{
      background: #eff2f7;
    }

.rdrStaticRangeLabel{
  display: block;
  outline: 0;
  line-height: 18px;
  padding: 10px 20px;
  text-align: left;
}

.rdrInputRanges{
  padding: 10px 0;
}

.rdrInputRange{
  align-items: center;
  padding: 5px 20px;
}

.rdrInputRangeInput{
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  text-align: center;
  border: solid 1px rgb(222, 231, 235);
  margin-right: 10px;
  color: rgb(108, 118, 122)
}

.rdrInputRangeInput:focus, .rdrInputRangeInput:hover{
    border-color: rgb(180, 191, 196);
    outline: 0;
    color: #333;
  }

.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{
  content: '';
  border: 1px solid currentColor;
  border-radius: 1.333em;
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: 0px;
  right: 0px;
  background: transparent;
}

.rdrDayPassive{
  pointer-events: none;
}

.rdrDayPassive .rdrDayNumber span{
    color: #d5dce0;
  }

.rdrDayPassive .rdrInRange, .rdrDayPassive .rdrStartEdge, .rdrDayPassive .rdrEndEdge, .rdrDayPassive .rdrSelected, .rdrDayPassive .rdrDayStartPreview, .rdrDayPassive .rdrDayInPreview, .rdrDayPassive .rdrDayEndPreview{
    display: none;
  }

.rdrDayDisabled {
  background-color: rgb(248, 248, 248);
}

.rdrDayDisabled .rdrDayNumber span{
    color: #aeb9bf;
  }

.rdrDayDisabled .rdrInRange, .rdrDayDisabled .rdrStartEdge, .rdrDayDisabled .rdrEndEdge, .rdrDayDisabled .rdrSelected, .rdrDayDisabled .rdrDayStartPreview, .rdrDayDisabled .rdrDayInPreview, .rdrDayDisabled .rdrDayEndPreview{
    filter: grayscale(100%) opacity(60%);
  }

.rdrMonthName{
  text-align: left;
  font-weight: 600;
  color: #849095;
  padding: 0.833em;
}
._pickerWrapper_1bmfp_1 {
  display: flex;
  background: #f9f9f9;
  border: 1px solid #c2c2c2;
  border-radius: 4px;
  height: 35px;
  width: 100%;
  min-width: 250px;
}
._pickerWrapper_1bmfp_1._disabled_1bmfp_10 {
  color: #c2c2c2;
}
._pickerWrapper_1bmfp_1._disabled_1bmfp_10 * {
  cursor: default;
}

._pickerDialogWrapper_1bmfp_17 .MuiPaper-root {
  max-width: none;
}
._pickerDialogWrapper_1bmfp_17 .rdrDefinedRangesWrapper {
  display: none;
}

._icon_1bmfp_24 {
  height: 24px;
  width: 24px;
  padding-left: 14px;
}

._displayRow_1bmfp_30 {
  display: flex;
  align-items: center;
  width: 100%;
  cursor: pointer;
}
._displayRow_1bmfp_30 ._displayDate_1bmfp_36 {
  padding-left: 16px;
}._pageWrapper_1aj5g_1 {
  gap: 25px;
  display: flex;
  flex-direction: column;
  margin: 20px 0;
}
._pageWrapper_1aj5g_1 ._card_1aj5g_7 {
  flex: 1;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  padding: 19px 39px;
  gap: 10px;
}
._pageWrapper_1aj5g_1 ._card_1aj5g_7 ._cardHeader_1aj5g_17 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
._pageWrapper_1aj5g_1 ._card_1aj5g_7 ._cardHeader_1aj5g_17 ._flex2_1aj5g_23 {
  flex: 2;
}
._pageWrapper_1aj5g_1 ._card_1aj5g_7 ._cardHeader_1aj5g_17 ._flex1_1aj5g_26 {
  flex: 1;
}
._pageWrapper_1aj5g_1 ._select_1aj5g_29 {
  flex: 1;
  display: flex;
  padding: 8px 4px;
  border-radius: 4px;
  border: 1px solid #c4c4c4;
}._splitter_10qux_1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 32px;
  margin: 32px 0 16px;
}

._tab_10qux_9 {
  font-size: 16px;
  font-weight: 500;
  color: #4c4641;
}
._tab_10qux_9._active_10qux_14 {
  color: #318cf6;
}

._refund_10qux_18 {
  color: #ff0000;
}

._net_10qux_22 {
  font-weight: 600;
  color: #333;
}._pageWrapper_1aj5g_1 {
  gap: 25px;
  display: flex;
  flex-direction: column;
  margin: 20px 0;
}
._pageWrapper_1aj5g_1 ._card_1aj5g_7 {
  flex: 1;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  padding: 19px 39px;
  gap: 10px;
}
._pageWrapper_1aj5g_1 ._card_1aj5g_7 ._cardHeader_1aj5g_17 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
._pageWrapper_1aj5g_1 ._card_1aj5g_7 ._cardHeader_1aj5g_17 ._flex2_1aj5g_23 {
  flex: 2;
}
._pageWrapper_1aj5g_1 ._card_1aj5g_7 ._cardHeader_1aj5g_17 ._flex1_1aj5g_26 {
  flex: 1;
}
._pageWrapper_1aj5g_1 ._select_1aj5g_29 {
  flex: 1;
  display: flex;
  padding: 8px 4px;
  border-radius: 4px;
  border: 1px solid #c4c4c4;
}
._tagWrapper_12k69_2 {
  position: relative;
  display: flex;
  padding: 2px 4px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #d1d1d1;
  background-color: #f3f9ff;
  flex: 0 0 auto;
  margin-right: 4px;
}
._tagWrapper_12k69_2 ._tag_12k69_2 {
  color: #717171;
  font-size: 12px;
  font-weight: 400;
  padding: 0;
}
._tagWrapper_12k69_2._clickable_12k69_20 {
  cursor: pointer;
}
._tagWrapper_12k69_2._selected_12k69_23 {
  border-color: #318cf6;
}
._tagWrapper_12k69_2._selected_12k69_23::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  border-top: 20px solid #318cf6; /* Controls height of triangle */
  border-left: 20px solid transparent;
}
._tagWrapper_12k69_2._selected_12k69_23::before {
  content: "✓"; /* or you can use '\2713' */
  position: absolute;
  top: -16px; /* Adjust these percentages */
  right: 0px; /* to position the checkmark */
  color: white; /* checkmark color */
  z-index: 1; /* ensures checkmark appears above triangle */
  font-size: 10px; /* responsive font size */
  font-weight: 400;
  font-family: system-ui;
}._wrapper_dq94f_1 {
  width: 600px;
  display: flex;
  flex-direction: column;
  height: 100vh;
}
._wrapper_dq94f_1 ._header_dq94f_7 {
  display: flex;
  flex-direction: row;
  font-size: 24px;
  font-weight: 500;
  color: #404040;
  line-height: 28px;
  letter-spacing: 0.25px;
  margin-bottom: 25px;
  justify-content: space-between;
}
._wrapper_dq94f_1 ._row_dq94f_18 {
  display: flex;
  flex-direction: row;
  gap: 16px;
  line-height: 28px;
  letter-spacing: 0.25px;
  margin-bottom: 16px;
}
._wrapper_dq94f_1 ._row_dq94f_18 ._label_dq94f_26 {
  font-size: 12px;
  font-weight: 400;
  color: #333;
  flex: 0 0 110px;
}
._wrapper_dq94f_1 ._row_dq94f_18 ._info_dq94f_32 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #404040;
}
._wrapper_dq94f_1 ._subTitle_dq94f_41 {
  font-size: 14px;
  font-weight: 700;
  color: #5f6f8d;
  margin-top: 21px;
}._cellWrapper_wgrar_1 {
  display: flex;
  flex-wrap: wrap;
}._pageWrapper_1szbp_1 {
  gap: 25px;
  display: flex;
  flex-direction: column;
  min-width: 1000px;
  margin: 20px 0;
}

._card_1szbp_9 {
  flex: 1;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  padding: 19px 39px;
  gap: 10px;
}

._row_1szbp_20 {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}

._rowRight_1szbp_27 {
  display: flex;
  gap: 20px;
  align-items: center;
}

._helperContainer_1szbp_33 {
  display: flex;
  flex-direction: row;
  gap: 6px;
  color: #717171;
  padding: 12px 10px 12px 26px;
  background-color: #dee7ff;
  border-radius: 6px;
}
._helperContainer_1szbp_33 svg {
  color: #318cf6;
}
._helperContainer_1szbp_33 ._helperContent_1szbp_45 {
  display: flex;
  align-items: center;
  gap: 6px;
}
._helperContainer_1szbp_33 ._helperContent_1szbp_45 span {
  color: #464646;
  font-size: 12px;
  font-weight: 700;
}
._helperContainer_1szbp_33 ._helperContent_1szbp_45 svg {
  fill: #2856af;
  width: 18px;
}
._helperContainer_1szbp_33 ._helperDivider_1szbp_59 {
  border-right: 1px solid #b7b7b7;
  margin: 0 15px;
}
._helperContainer_1szbp_33 ul {
  margin: 0 0 0 20px;
  padding-left: 20px;
  display: flex;
  flex-direction: row;
  gap: 40px;
}
._helperContainer_1szbp_33 ul li {
  font-size: 11px;
  font-weight: 700;
  color: #1677ff;
}
._helperContainer_1szbp_33 ul li:hover {
  text-decoration: underline;
  cursor: pointer;
}

._newRequestButton_1szbp_80 {
  padding: 10px 0;
}

._crossIcon_1szbp_84 {
  cursor: pointer;
  width: 24px;
  margin-left: auto;
}._icon_1wp7w_1 {
  height: 12px;
  width: 12px;
  cursor: pointer;
  margin-left: 12px;
  margin-bottom: -3px;
}._lineThrough_s7ds9_1 {
  margin-left: 20px;
  text-decoration-line: line-through;
}

._cardText_s7ds9_6 {
  margin-left: 5px;
}

._charge_s7ds9_10 {
  display: inline-block;
  color: #717171;
  margin-left: 15px;
}._modal_10kqx_1 {
  display: flex;
  outline: none;
  margin: auto;
}
._modal_10kqx_1 ._modalWrapper_10kqx_6 {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  margin: auto;
  border-radius: 6px;
  width: 550px;
  padding: 35px 51px;
  position: relative;
}
._modal_10kqx_1 ._modalWrapper_10kqx_6 ._closeIcon_10kqx_15 {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 20px;
  top: 15px;
  cursor: pointer;
}
._modal_10kqx_1 ._modalWrapper_10kqx_6 ._closeIcon_10kqx_15 > svg {
  fill: #576265;
}
._modal_10kqx_1 ._modalWrapper_10kqx_6 .rw-button {
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
}
._modal_10kqx_1 ._modalWrapper_10kqx_6 ._modalTitle_10kqx_31 {
  font-weight: 700;
  font-size: 30px;
  color: #42505c;
  display: block;
}
._modal_10kqx_1 ._modalWrapper_10kqx_6 ._modalSubTxt_10kqx_37, ._modal_10kqx_1 ._modalWrapper_10kqx_6 label {
  display: block;
  margin-top: 10px;
  color: #5f6f8d;
  letter-spacing: 0.25px;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}
._modal_10kqx_1 ._modalWrapper_10kqx_6 ._modalSubTxt_10kqx_37._warningText_10kqx_46, ._modal_10kqx_1 ._modalWrapper_10kqx_6 label._warningText_10kqx_46 {
  color: #e53e3e;
}._cardText_12fsp_1 {
  margin-left: 15px;
  color: #717171;
}._fileUploadCell_1ibbs_1 {
  cursor: pointer;
  border: none;
  display: flex;
  flex: 1;
  flex-direction: column;
  border-radius: 6px;
  width: 100%;
  margin: 0;
  padding: 22px auto 40px;
  border: dashed 1px #c2c2c2;
  margin-top: 10px;
}
._fileUploadCell_1ibbs_1 svg {
  margin: 22px auto;
  width: 40px;
  height: 40px;
}
._fileUploadCell_1ibbs_1 > p {
  flex: 0 0 30px;
  font-size: 12px;
  color: #8d8d8d;
  margin: 0 auto;
  text-align: center;
}

._error_1ibbs_27 {
  display: block;
  margin-top: 8px;
  color: #FF6666;
}._buttonGroup_v0d4g_1 button {
  cursor: pointer;
  color: #318cf6;
  border: none;
  background: none;
  font-weight: 700;
  font-size: 14px;
}
._buttonGroup_v0d4g_1 ._disabledButton_v0d4g_9 {
  color: #8C8C8C;
}
._buttonGroup_v0d4g_1 ._cancelButton_v0d4g_12 {
  color: #e53e3e;
}
._buttonGroup_v0d4g_1 ._disabledButton_v0d4g_9 {
  cursor: default;
}._form_qyj1y_1 {
  width: 600px;
  display: flex;
  flex-direction: column;
}
._form_qyj1y_1 input,
._form_qyj1y_1 select,
._form_qyj1y_1 div.MuiAutocomplete-root .MuiButtonBase-root {
  box-sizing: border-box;
  font-size: 14px;
}
._form_qyj1y_1 select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  background-image: url("data:image/svg+xml;utf8,<svg fill='rgba(0, 0, 0, 0.54)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-x: calc(100% - 10px);
  background-position-y: 5px;
}
._form_qyj1y_1 .MuiAutocomplete-root {
  margin-top: 0.5rem;
}
._form_qyj1y_1 .MuiAutocomplete-root .MuiInputBase-root {
  padding: 7px;
  background-color: #ffffff;
  font-size: 0.875rem;
  color: #4a5568;
}
._form_qyj1y_1 .MuiFormControl-root {
  margin-top: 0.5rem;
  width: 100%;
}

._serviceButton_qyj1y_36 {
  border-radius: 8px;
  padding: 6px 16px;
  margin-right: 16px;
  margin-top: 0.5rem;
  border: none;
  background: #f2f2fa;
  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1490196078);
  cursor: pointer;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.1000000015px;
  text-align: center;
  color: #49454f;
}
._serviceButton_qyj1y_36._selected_qyj1y_53 {
  background: #5194f8;
  color: #ffffff;
}

._card_qyj1y_58 {
  box-sizing: border-box;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  border: 1px solid #e4e4e4;
  padding: 20px 10px;
  margin: 10px 0px;
  border-radius: 5px;
  width: 100%;
  transition: box-shadow 0.3s ease;
}
._card_qyj1y_58 ._cardText_qyj1y_70 {
  margin-left: 10px;
  color: #717171;
}
._card_qyj1y_58 ._cardText_qyj1y_70.isPending {
  color: #318cf6;
}
._card_qyj1y_58 ._cardText_qyj1y_70.isCancelled, ._card_qyj1y_58 ._cardText_qyj1y_70.isCancelledWithCharge {
  color: #ff6767;
}
._card_qyj1y_58 ._cardText_qyj1y_70.isInProgress {
  color: #2eb922;
}
._card_qyj1y_58 p {
  color: #717171;
  margin: 10px 0px 20px 0px;
}
._card_qyj1y_58 p:last-child {
  margin-bottom: 0px;
}
._card_qyj1y_58 a {
  color: #3b5dd2;
  margin: 10px 0px 20px 0px;
  display: inline-block;
}
._card_qyj1y_58 a:last-child {
  margin-bottom: 0px;
}
._card_qyj1y_58 ._modifyButton_qyj1y_98 {
  float: right;
}
._card_qyj1y_58 ._lineThrough_qyj1y_101 {
  margin-left: 20px;
  text-decoration-line: line-through;
}
._card_qyj1y_58 ._row_qyj1y_105 {
  display: flex;
  gap: 150px;
}
._card_qyj1y_58 ._cardTitle_qyj1y_109 {
  margin-bottom: 10px;
}

._isModify_qyj1y_113 {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

._photographerInput_qyj1y_117 {
  flex-grow: 1;
  flex-shrink: 0;
}

._chargeOptions_qyj1y_122 {
  display: flex;
  color: #717171;
  width: 100%;
}
._chargeOptions_qyj1y_122 ._chargeOption_qyj1y_122 {
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
  width: 50%;
}
._chargeOptions_qyj1y_122 ._chargeOption_qyj1y_122 .rw-label {
  margin-top: 0;
}
._chargeOptions_qyj1y_122 ._chargeOption_qyj1y_122 input {
  margin-left: 0.5rem;
}

._statusCard_qyj1y_140 {
  display: flex;
  justify-content: space-between;
}

._formBody_qyj1y_145 {
  display: flex;
  flex-direction: column;
  overflow: scroll;
  height: calc(100vh - 140px);
}

._onSiteRow_qyj1y_152 {
  display: flex;
}
._onSiteRow_qyj1y_152._displayMode_qyj1y_155 {
  margin-bottom: 20px;
}
._onSiteRow_qyj1y_152._displayMode_qyj1y_155 > div {
  flex: none;
  margin-top: 0;
}
._onSiteRow_qyj1y_152 > div {
  flex: 1;
  margin-right: 12px;
  margin-top: 0.5rem;
}
._onSiteRow_qyj1y_152 > div:last-child {
  margin-right: 0px;
}
._onSiteRow_qyj1y_152 > div label {
  display: none;
}

._photographerNote_qyj1y_174 {
  background-color: #ffd0c5;
  padding: 6px 18px;
  font-weight: 400;
}
._photographerNote_qyj1y_174 ul {
  padding: 0;
}
._photographerNote_qyj1y_174 ul li {
  margin-bottom: 10px;
  display: flex;
  align-items: baseline;
  gap: 7px;
}
._photographerNote_qyj1y_174 ul li ._photographerName_qyj1y_188 {
  flex: 1;
  text-align: right;
  font-weight: 600;
}
._photographerNote_qyj1y_174 ul li ._photographerNote_qyj1y_174 {
  flex: 4;
}
._photographerNote_qyj1y_174 ul li span {
  white-space: pre-wrap;
  line-height: 1.2;
}._helperText_11rtz_1 {
  margin-top: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
._helperText_11rtz_1 span {
  margin-left: 8px;
  font-size: 12px;
  color: #4a5568;
}
._helperText_11rtz_1 svg {
  color: #1296db;
}

._helperText_11rtz_1._warning_11rtz_16 svg, ._helperText_11rtz_1._warning_11rtz_16 span {
  color: #FF6666;
}._card_vhcp4_1 {
  flex-shrink: 1;
  color: #444;
  font-size: 12px;
  font-style: normal;
  padding-right: 15px;
}

._title_vhcp4_9 {
  display: block;
  margin-bottom: 10px;
  color: #333;
  font-size: 14px;
}

._row_vhcp4_16 {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;
}

._label_vhcp4_23 {
  width: 86px;
  text-align: right;
  margin-right: 1rem;
  font-weight: 600;
  flex-shrink: 0;
}

._suggestionsRow_vhcp4_31 {
  align-items: baseline;
  justify-content: start;
}

._suggestions_vhcp4_31 {
  font-weight: 400;
}._row_1tkmm_1 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  padding: 10px 0px;
  align-items: center;
}

._searchRow_1tkmm_9 {
  margin-bottom: 15px;
}
._searchRow_1tkmm_9 span {
  font-size: 12px;
}
._searchRow_1tkmm_9 .MuiFormLabel-root {
  font-size: 12px;
}
._searchRow_1tkmm_9 .MuiFormControl-root .MuiInputBase-root {
  width: 200px;
  height: 33px;
  box-sizing: border-box;
  padding: 4px 10px;
  font-size: 12px;
}
._searchRow_1tkmm_9 .MuiFormControl-root .MuiInputBase-root input {
  padding: 0px;
  height: 25px;
}

._arrowIcon_1tkmm_30 {
  width: 24px;
  height: 24px;
  cursor: pointer;
}

._addressInput_1tkmm_36.MuiFormControl-root {
  margin-left: auto;
}

._summaryTitle_1tkmm_40 {
  display: block;
  margin-bottom: 15px;
}._inputRow_1qkw6_1 {
  display: flex;
  gap: 15px;
  margin: 20px 0px 30px 0px;
}
._inputRow_1qkw6_1 .MuiTextField-root {
  width: 220px;
}
._inputRow_1qkw6_1 input {
  height: 33px;
  box-sizing: border-box;
}
._inputRow_1qkw6_1 .MuiInputBase-root {
  font-size: 12px;
}

._realtorInput_1qkw6_17 {
  width: 300px;
}
._realtorInput_1qkw6_17 .MuiFormControl-root {
  width: 100%;
}
._realtorInput_1qkw6_17 .MuiFormControl-root .MuiInputBase-root {
  height: 33px;
  box-sizing: border-box;
  padding: 4px 10px;
}
._realtorInput_1qkw6_17 .MuiFormControl-root .MuiInputBase-root input {
  padding: 0px;
  height: 25px;
}._wrapper_f1si1_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
._wrapper_f1si1_1 ._caption_f1si1_6 {
  display: flex;
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  text-align: center;
  justify-content: center;
  align-items: baseline;
  color: #4c4641;
  flex: 1;
}
._wrapper_f1si1_1 ._dollar_f1si1_17 {
  font-size: 16px;
  margin-right: 5px;
  margin-bottom: 3px;
}
._wrapper_f1si1_1 ._decimal_f1si1_22 {
  font-size: 16px;
}
._wrapper_f1si1_1 ._description_f1si1_25 {
  color: #5f6f8d;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
}._pageWrapper_1b9yo_1 {
  height: 100vh;
  display: flex;
  background-color: #f7f8fa;
}

._banner_1b9yo_7 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: auto;
  z-index: 1;
}

._logo_1b9yo_16 {
  width: 200px;
  margin: 55px auto 17px auto;
  z-index: 2;
}

._cardWrapper_1b9yo_22 {
  z-index: 2;
  flex: 1;
  background: #ffffff;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  margin: auto;
  max-width: 1200px;
  display: flex;
}
._cardWrapper_1b9yo_22 ._leftTitle_1b9yo_32,
._cardWrapper_1b9yo_22 ._rightTitle_1b9yo_33 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  color: #5f6f8d;
}
._cardWrapper_1b9yo_22 ._leftTitle_1b9yo_32 {
  margin-bottom: 25px;
  display: flex;
  align-items: center;
}
._cardWrapper_1b9yo_22 ._leftControlPanel_1b9yo_46 {
  padding: 30px;
  background: #ffffff;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  flex: 3;
}
._cardWrapper_1b9yo_22 ._rightDisplay_1b9yo_53 {
  padding: 30px;
  flex: 4;
}
._cardWrapper_1b9yo_22 ._rightDisplay_1b9yo_53 ._demoResult_1b9yo_57 {
  display: flex;
  margin-top: 12px;
  justify-content: space-evenly;
}
._cardWrapper_1b9yo_22 ._rightDisplay_1b9yo_53 ._demoResult_1b9yo_57 ._line_1b9yo_62 {
  width: 1px;
  background-color: #dadada;
}
._cardWrapper_1b9yo_22 ._tiersBox_1b9yo_66 {
  margin-top: 21px;
}

._subDesc_1b9yo_70 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  margin-top: 9px;
  font-size: 12px;
  line-height: 12px;
  align-items: center;
  letter-spacing: 0.25px;
}
._subDesc_1b9yo_70 a {
  margin-right: 5px;
  color: #318cf6;
}

._inputWrapper_1b9yo_85 {
  margin-top: 20px;
}
._inputWrapper_1b9yo_85 input::-webkit-outer-spin-button,
._inputWrapper_1b9yo_85 input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}
._inputWrapper_1b9yo_85 input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
  line-height: 0;
}

._tierWrapper_1b9yo_100 {
  display: flex;
  gap: 16px;
  margin-top: 25px;
}
._tierWrapper_1b9yo_100 ._lockIcon_1b9yo_105 {
  height: 12px;
  width: 12px;
  min-width: 12px;
}
._tierWrapper_1b9yo_100 ._tierLine_1b9yo_110 {
  display: flex;
  gap: 10px;
  white-space: nowrap;
}
._tierWrapper_1b9yo_100 ._tierLine_1b9yo_110 ._tierLieHightLight_1b9yo_115 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #2b2b2b;
}
._tierWrapper_1b9yo_100 ._tierSubLine_1b9yo_124 {
  margin-top: 4px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #949494;
}

._sliderWrapper_1b9yo_134 {
  margin-top: 15px;
}
._sliderWrapper_1b9yo_134 ._sliderTitle_1b9yo_137 {
  display: flex;
  gap: 5px;
}
._sliderWrapper_1b9yo_134 ._sliderTitle_1b9yo_137 ._sliderNumber_1b9yo_141 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 12px;
  display: flex;
  align-items: center;
  letter-spacing: 0.25px;
  color: #318cf6;
}
._sliderWrapper_1b9yo_134 ._sliderTitle_1b9yo_137 ._title_1b9yo_152 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 13px;
  color: #949494;
  margin-top: 2px;
}

._moreDetailButton_1b9yo_162,
._foldDetailButton_1b9yo_163 {
  width: 168px;
  font-weight: 500;
  font-size: 12px;
  color: #318cf6;
  margin-top: 13px;
  cursor: pointer;
}

._foldDetailButton_1b9yo_163 {
  margin-top: 24px;
}

._infoButton_1b9yo_176 {
  border-radius: 50%;
  background: #919cb1;
  width: 18px;
  height: 18px;
  color: #ffffff;
  border: none;
  cursor: pointer;
  margin-left: 5px;
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
}

._infoMessage_1b9yo_190 {
  padding: 10px;
  background-color: rgba(71, 71, 71, 0.9019607843);
  color: #fff;
}

._cappedLabel_1b9yo_196 {
  color: #318cf6;
  font-weight: 700;
  margin-left: 3px;
}

@media (max-width: 768px) {
  ._pageWrapper_1b9yo_1 {
    height: unset;
    background-color: #318cf6;
    flex-direction: column;
  }
  ._cardWrapper_1b9yo_22 {
    flex-direction: column-reverse;
    box-sizing: border-box;
    margin: 0 16px 30px 16px;
    background-color: #318cf6;
  }
  ._cardWrapper_1b9yo_22 ._rightTitle_1b9yo_33 {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #989898;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  ._cardWrapper_1b9yo_22 ._leftTitle_1b9yo_32 {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #5f6f8d;
  }
  ._cardWrapper_1b9yo_22 ._rightDisplay_1b9yo_53 {
    padding: 27px;
  }
  ._cardWrapper_1b9yo_22 ._rightDisplay_1b9yo_53 ._demoResult_1b9yo_57 {
    flex-direction: column;
  }
  ._cardWrapper_1b9yo_22 ._rightDisplay_1b9yo_53 ._demoResult_1b9yo_57 ._line_1b9yo_62 {
    width: unset;
    height: 1px;
    margin: 15px 0;
  }
  ._leftControlPanel_1b9yo_46 {
    box-sizing: border-box;
  }
  ._rightDisplay_1b9yo_53 {
    box-sizing: border-box;
    margin-bottom: 10px;
    background-color: #ffffff;
    border-radius: 6px;
  }
  ._subDesc_1b9yo_70 {
    text-align: center;
  }
  ._tierWrapper_1b9yo_100 ._tierLine_1b9yo_110 ._tierLieHightLight_1b9yo_115 {
    font-size: 14px;
    line-height: 16px;
  }
  ._tierWrapper_1b9yo_100 ._tierLine_1b9yo_110 {
    flex-direction: column;
    align-items: flex-start;
    gap: 0px;
  }
  ._tierSubLine_1b9yo_124 {
    margin-top: 5px;
  }
}
._sliderRow_1b9yo_265 {
  display: flex;
  gap: 18px;
}
._sliderRow_1b9yo_265 input {
  max-width: 58px;
  height: 15px;
  padding: 4px 8px;
  border: 0;
  outline: none;
  background: #E8F5FB;
  border-radius: 2px;
  margin: auto;
  font-weight: 400;
  font-size: 14px;
  line-height: 12px;
  text-align: center;
}
._sliderRow_1b9yo_265 input::-webkit-outer-spin-button,
._sliderRow_1b9yo_265 input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

._advanceButton_1b9yo_289 {
  color: #318cf6;
  font-size: 12px;
  width: 80px;
  text-align: end;
  margin-left: auto;
  cursor: pointer;
}

._advanceSettings_1b9yo_298 {
  margin-top: 15px;
  font-size: 12px;
}
._advanceSettings_1b9yo_298 p {
  color: #797979;
}._textract_1wjj7_1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100;
}._formWrapper_e2021_1 {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  padding: 0 1rem;
  background-color: #fff;
}

._formRow_e2021_9 {
  display: flex;
  flex-direction: row;
  flex: 1;
  line-height: 44px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}

._radioFormRow_e2021_18 {
  align-items: center;
}

._formRow_e2021_9 > input,
._formRow_e2021_9 > select {
  display: flex;
  flex: 1;
  flex-direction: row;
  gap: 6px;
  color: #414141;
  padding: 0 1rem;
  font-size: 14px;
  border: solid 1px #d1d1d1;
}

._radioRow_e2021_34 {
  display: felx;
  flex-direction: row;
}

._formCaption_e2021_39 {
  display: flex;
  color: #333333;
  font-size: 14px;
  font-weight: 400;
  flex: 0 0 158px;
}

._formInput_e2021_47 {
  display: flex;
  flex: 1;
  flex-direction: row;
  font-size: 14px;
  color: #414141;
}

._areaSelect_e2021_55 {
  display: flex;
  flex: 1;
  flex-direction: row;
  font-size: 14px;
  border: none;
  border-radius: 0;
  color: #666;
  height: 100%;
}
._areaSelect_e2021_55 fieldset {
  border: none;
  color: #999;
}

._addressWrapper_e2021_70 {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin: 0 auto;
  padding: 0;
  background-color: #fff;
  position: relative;
}

._addressRow_e2021_80 {
  display: flex;
  flex-direction: row;
  flex: 1;
  border: solid 1px #e5e5e5;
  gap: 6px;
  padding: 0 1rem;
}

._addressRow_e2021_80:first-of-type {
  margin-bottom: 8px;
}

._streetInfo_e2021_93 {
  display: flex;
  flex: 1;
}

._streetName_e2021_98 {
  display: flex;
  flex: 3;
}

._city_e2021_103 {
  display: flex;
  flex: 2;
}

._addressRow_e2021_80 > div > input,
._addressRow_e2021_80 fieldset {
  border: none;
  border-bottom: solid 2px #e5e5e5;
  border-radius: 0;
  outline: none;
  padding: 0;
  font-size: 14px;
  color: #414141;
  line-height: 44px;
  display: flex;
  width: 0;
  min-width: 100%;
}

._dateField_e2021_123 {
  display: flex;
  flex: 1;
  flex-direction: row;
  gap: 6px;
  color: #414141;
  padding: 0 1rem;
  font-size: 14px;
  border: solid 1px #d1d1d1;
}

._addButton_e2021_134.MuiButtonBase-root {
  padding: 3px 0;
}

._header_e2021_138 {
  display: flex;
  position: relative;
  justify-content: space-between;
  margin-bottom: 16px;
}

._title_e2021_145 {
  font-size: 18px;
  font-weight: 700;
  color: #5f6f8d;
}

._actions_e2021_151 {
  gap: 8px;
  display: flex;
  align-items: center;
}

._fileupload_e2021_157 {
  border: dotted 1px #318cf6;
  padding: 0 16px;
  border-radius: 4px;
  white-space: nowrap;
  font-size: 14px;
  color: #318cf6;
  font-weight: 700;
  cursor: pointer;
}

._uploadRemark_e2021_168 {
  font-size: 12px;
  color: #9a9a9a;
  margin-left: 20px;
  height: 44px;
  line-height: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
}

._radioItem_e2021_179 {
  display: block;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

._radioItem_e2021_179 + ._radioItem_e2021_179 {
  margin-left: 24px;
}

._radioItem_e2021_179 > input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

._radioItem_e2021_179 > input:checked {
  background-color: #318cf6;
}

._checkmark_e2021_208 {
  position: absolute;
  top: 10px;
  left: 5px;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border: solid 2px #d1d1d1;
  border-radius: 50%;
}

._radioItem_e2021_179:hover input ~ ._checkmark_e2021_208 {
  border-color: #318cf6;
}

._radioItem_e2021_179 > input:checked ~ ._checkmark_e2021_208 {
  border-color: #318cf6;
}

._checkmark_e2021_208:after {
  content: "";
  position: absolute;
  display: none;
}

._radioItem_e2021_179 > input:checked ~ ._checkmark_e2021_208:after {
  display: block;
}

._radioItem_e2021_179 > ._checkmark_e2021_208:after {
  top: 3px;
  left: 3px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #318cf6;
}

._candidateList_e2021_246 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  border: solid 1px #e5e5e5;
  cursor: pointer;
  padding: 5px;
}
._candidateList_e2021_246 ._candidate_e2021_246 {
  display: flex;
  flex-direction: row;
  gap: 6px;
  padding: 5px;
  border-bottom: solid 1px #e5e5e5;
}
._candidateList_e2021_246 ._candidate_e2021_246:hover {
  background-color: #318cf6;
  color: #fff;
}

._fieldError_e2021_266.rw-field-error {
  margin: 0 0 0 158px;
  color: #ff6363;
  order: 1;
  flex-basis: 100%;
  line-height: 28px;
}
._fieldError_e2021_266.rw-field-error._radioFieldError_e2021_273 {
  margin: 0 0 0 40px;
  order: unset;
  flex-basis: unset;
}

._error_e2021_279.MuiInputBase-root {
  color: #ff6363;
}
._error_e2021_279 input::placeholder {
  color: #ff6363;
}

input[type=date]._error_e2021_279 {
  color: #ff6363;
}

input[type=text]._error_e2021_279::placeholder {
  color: #ff6363;
}

._disabled_e2021_294 ._radioItem_e2021_179 > ._checkmark_e2021_208:after {
  background-color: #9e9e9e;
}
._disabled_e2021_294 ._radioItem_e2021_179:hover input ~ ._checkmark_e2021_208 {
  border-color: #9e9e9e;
}
._disabled_e2021_294 ._radioItem_e2021_179 > input:checked ~ ._checkmark_e2021_208 {
  border-color: #9e9e9e;
}

._clearIcon_e2021_304 {
  width: 26px;
  height: 26px;
  position: absolute;
  right: -35px;
  top: 15px;
  cursor: pointer;
}._fileUploaded_1mvbk_1 {
  background-color: #f4f4f4;
  border-radius: 6px;
  display: flex;
  flex-direction: row;
  border: 1px dashed #000;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  min-width: 278px;
  flex: 1;
}

._fileUrl_1mvbk_13 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  color: #318cf6;
  cursor: pointer;
}

._pdfName_1mvbk_22 {
  display: flex;
  flex: 1;
  justify-content: space-between;
  align-content: center;
  align-items: center;
}

._pdfIcon_1mvbk_30 {
  width: 35px;
  height: 38px;
  margin: 3px 18px 3px 6px;
}

._eyeIcon_1mvbk_36 {
  width: 24px;
  height: 16px;
  margin: auto 12px;
}
._eyeIcon_1mvbk_36:hover path {
  fill: #318cf6;
}

._trashIcon_1mvbk_45 {
  width: 22px;
  height: 24px;
  margin: auto 12px auto 0;
}
._trashIcon_1mvbk_45:hover path {
  fill: #318cf6;
}

label {
  display: flex;
  flex: 1;
  cursor: pointer;
}._contentWrapper_1xkot_1 ._header_1xkot_1 {
  display: flex;
  position: relative;
  justify-content: space-between;
  margin-bottom: 16px;
}
._contentWrapper_1xkot_1 ._title_1xkot_7 {
  font-size: 18px;
  font-weight: 700;
  color: #5f6f8d;
}
._contentWrapper_1xkot_1 ._actions_1xkot_12 {
  gap: 8px;
  display: flex;
  align-items: center;
}._listingCardWrapper_bljky_1 {
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 13px 21px;
  border: 1px solid #bdbdbd;
}
._listingCardWrapper_bljky_1 ._cardWrapperHeader_bljky_12 {
  display: flex;
  gap: 10px;
}
._listingCardWrapper_bljky_1 ._cardWrapperHeader_bljky_12 ._cardWrapperHeaderContent_bljky_16 {
  flex: 3;
}
._listingCardWrapper_bljky_1 ._cardWrapperHeader_bljky_12 ._cardWrapperHeaderCover_bljky_19 {
  flex: 2;
}
._listingCardWrapper_bljky_1 ._cardWrapperHeader_bljky_12 ._cardWrapperHeaderCover_bljky_19 img {
  background-color: #f0f0f0;
  border-radius: 5px;
  width: 100%;
  height: auto;
  max-height: 125px;
  object-fit: contain;
}
._listingCardWrapper_bljky_1 ._divider_bljky_30 {
  height: 1px;
  background-color: #e0e0e0;
}
._listingCardWrapper_bljky_1 ._mlsNumber_bljky_34 {
  font-size: 14px;
  font-weight: 600;
  color: #414141;
  margin-bottom: 6px;
  font-family: sans-serif;
}
._listingCardWrapper_bljky_1 ._address_bljky_41 {
  font-size: 16px;
  font-weight: 600;
  color: #414141;
  font-family: sans-serif;
}
._listingCardWrapper_bljky_1 ._lp_bljky_47 {
  margin-top: 6px;
  font-size: 16px;
  font-weight: 300;
  color: #717171;
  font-family: sans-serif;
}
._listingCardWrapper_bljky_1 ._lp_bljky_47 span {
  font-weight: 600;
  color: #414141;
}

._cardWrapperContent_bljky_59 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
._cardWrapperContent_bljky_59 > * {
  flex: 1 1 calc(50% - 10px);
  box-sizing: border-box;
}
._cardWrapperContent_bljky_59::after {
  content: "";
  flex: 1 1 calc(50% - 10px);
}
._cardWrapperContent_bljky_59 ._cardWrapperContentItem_bljky_72 {
  display: flex;
  gap: 7px;
}
._cardWrapperContent_bljky_59 ._cardWrapperContentItem_bljky_72 ._cardWrapperContentItemTitle_bljky_76 {
  flex: 1;
  font-size: 14px;
  font-weight: 400;
  color: #717171;
  font-family: sans-serif;
}
._cardWrapperContent_bljky_59 ._cardWrapperContentItem_bljky_72 ._cardWrapperContentItemValue_bljky_83 {
  flex: 1;
  font-size: 14px;
  font-weight: 600;
  color: #414141;
  font-family: sans-serif;
  white-space: nowrap;
}._noOptionsTextContainer_u1pu6_1 {
  display: flex;
  flex-direction: row;
  gap: 4px;
}
._noOptionsTextContainer_u1pu6_1 ._newListingRequest_u1pu6_6 {
  color: #1677ff;
  cursor: pointer;
}._pageWrapper_1gty0_1 ._pageTitle_1gty0_1 {
  font-size: 18px;
  font-weight: 600;
  color: #5f6f8d;
}
._pageWrapper_1gty0_1 ._pageTitleRow_1gty0_6 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._pageWrapper_1gty0_1 ._pageTitleRow_1gty0_6 ._pageOpRow_1gty0_11 {
  display: flex;
  gap: 10px;
}
._pageWrapper_1gty0_1 ._pageTitleRow_1gty0_6 ._pageOpRow_1gty0_11 ._cancelButton_1gty0_15 {
  background-color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
  border: 1px solid #1976d2;
  color: #1976d2;
}
._pageWrapper_1gty0_1 ._pageTitleRow_1gty0_6 ._pageOpRow_1gty0_11 ._nextButton_1gty0_23 {
  background-color: #1976d2;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
  border: 1px solid #1976d2;
  color: #fff;
}
._pageWrapper_1gty0_1 ._contentSpace_1gty0_31 {
  display: flex;
}
._pageWrapper_1gty0_1 ._contentWrapper_1gty0_34 {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 10px;
  margin-top: 40px;
  max-width: 740px;
}
._pageWrapper_1gty0_1 ._contentEmpty_1gty0_42 {
  flex: 2;
}
._pageWrapper_1gty0_1 ._divider_1gty0_45 {
  width: 100%;
  height: 1px;
  background-color: #e0e0e0;
  margin: 13px 0;
}
._pageWrapper_1gty0_1 ._contentRow_1gty0_51 {
  display: flex;
  gap: 50px;
}
._pageWrapper_1gty0_1 ._contentRow_1gty0_51 ._contentTitle_1gty0_55 {
  font-size: 13px;
  line-height: 17px;
  font-weight: 400;
  color: #333333;
  display: flex;
  align-items: center;
  min-width: 136px;
}
._pageWrapper_1gty0_1 ._contentRow_1gty0_51 ._contentBody_1gty0_64 {
  display: flex;
  flex-direction: column;
  flex: 1;
}
._pageWrapper_1gty0_1 ._contentRow_1gty0_51 ._contentBody_1gty0_64 ._input_1gty0_69 {
  flex: 1;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  padding: 10px;
  font-size: 13px;
  font-weight: 400;
  color: #333333;
}
._pageWrapper_1gty0_1 ._contentRow_1gty0_51 ._contentBody_1gty0_64 ._warning_1gty0_78 {
  background-color: #f4f9ff;
  border-radius: 6px;
  margin-top: 14px;
  padding: 10px;
  display: flex;
  gap: 12px;
}
._pageWrapper_1gty0_1 ._contentRow_1gty0_51 ._contentBody_1gty0_64 ._warning_1gty0_78 ._warningIcon_1gty0_86 {
  height: 20px;
  width: 20px;
  min-width: 20px;
}
._pageWrapper_1gty0_1 ._contentRow_1gty0_51 ._contentBody_1gty0_64 ._warning_1gty0_78 ._warningText_1gty0_91 {
  font-size: 13px;
  line-height: 17px;
  font-weight: 400;
  color: #5f6f8d;
}
._pageWrapper_1gty0_1 ._contentRow_1gty0_51 ._contentBody_1gty0_64 ._warning_1gty0_78 ._warningText_1gty0_91 span {
  font-weight: 800;
}

._listingCard_1gty0_101 {
  margin-top: 20px;
}

._pageDescription_1gty0_105 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #333333;
  margin-top: 10px;
}

._radioGroup_1gty0_113 ._radioLabel_1gty0_113 {
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
  color: #333333;
  white-space: nowrap;
}._circle_jzdh4_1 {
  width: 19px;
  height: 19px;
  transform: rotate(-90deg);
}._partialStatus_g459u_1 {
  display: flex;
  align-items: center;
}

._icon_g459u_6 {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

._statusIcon_g459u_12 {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: white;
  background-color: #e8e8e8;
  flex-shrink: 0;
}

._dashedCircle_g459u_25 {
  border: 1px dashed #b2b2b2;
  width: 17px;
  height: 17px;
}

._success_g459u_31 {
  background-color: #4caf50;
}

._failure_g459u_35 {
  background-color: #90caf9;
}

._none_g459u_39 {
  background-color: #f7c136;
}

._completeIcon_g459u_43 {
  fill: #16c612;
}

._loadingIcon_g459u_47 {
  width: 21px;
  height: 21px;
}._processIcon_tia83_1 {
  width: 19px;
  height: 19px;
}

._process_tia83_1 {
  display: flex;
  align-items: center;
}

._processText_tia83_11 {
  margin-left: 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}._checklistTable_1c5t3_1 tr {
  height: 45px;
}
._checklistTable_1c5t3_1 td {
  padding: 8px 22px;
  height: 28px;
  overflow: hidden;
}
._checklistTable_1c5t3_1 .th-num {
  width: 22px;
}
._checklistTable_1c5t3_1 .th-file_name {
  width: 297px;
}
._checklistTable_1c5t3_1 .td-file_name div {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
._checklistTable_1c5t3_1 .th-completeness {
  width: 101px;
}
._checklistTable_1c5t3_1 .th-review {
  width: 200px;
}
._checklistTable_1c5t3_1 ._download_1c5t3_26 {
  border: none;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
}
._checklistTable_1c5t3_1 ._actionIcon_1c5t3_35 {
  width: 27px;
  height: 27px;
}
._checklistTable_1c5t3_1 ._trashIcon_1c5t3_39 {
  width: 24px;
  height: 24px;
  padding-bottom: 2px;
}
._checklistTable_1c5t3_1 ._uploadFile_1c5t3_44 {
  display: flex;
  align-items: center;
  cursor: pointer;
}
._checklistTable_1c5t3_1 ._actionGroup_1c5t3_49 {
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  display: flex;
  height: 27px;
  visibility: hidden;
}
._checklistTable_1c5t3_1 ._showActionGroup_1c5t3_57 {
  visibility: visible;
}
._checklistTable_1c5t3_1 tr:hover ._actionGroup_1c5t3_49 {
  visibility: visible;
}
._checklistTable_1c5t3_1 ._tdNo_1c5t3_63 {
  display: flex;
  align-items: center;
  justify-self: flex-end;
}
._checklistTable_1c5t3_1 ._tdNo_1c5t3_63 ._starIcon_1c5t3_68 {
  width: 8px;
  height: 8px;
  margin-right: 17px;
}
._checklistTable_1c5t3_1 ._tdNo_1c5t3_63 span {
  color: #bdbdbd;
  display: flex;
  align-items: center;
}

._process_1c5t3_79 {
  display: flex;
  align-items: center;
  gap: 6px;
  line-height: 14px;
}

._inputFile_1c5t3_86 {
  display: none;
}

._redFont_1c5t3_90 {
  color: #ff3939;
  font-weight: 700;
}

._loadingContainer_1c5t3_95 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

._checklistNameInputWrapper_1c5t3_108 {
  width: 297px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 3px;
}

._checklistNameInputContainer_1c5t3_116 {
  flex: 1;
  position: relative;
}

._checklistNameInput_1c5t3_108 {
  width: 100%;
  box-sizing: border-box;
  padding: 6px 50px 6px 8px;
  border: 1px solid #318CF6;
  background-color: #E3EDFF;
  border-radius: 2px;
}

._checkIcon_1c5t3_130 {
  width: 20px;
  height: 20px;
  z-index: 1;
  position: absolute;
  right: 12px;
  top: 4px;
  cursor: pointer;
}

._closeIcon_1c5t3_140 {
  width: 23px;
  height: 23px;
}

._editNameIcon_1c5t3_145 {
  width: 20px;
  height: 20px;
  cursor: pointer;
  margin-left: 10px;
  flex-shrink: 0;
}._modalContent_17s1o_1 {
  display: flex;
  flex-direction: column;
  gap: 17px;
}
._modalContent_17s1o_1 > ._description_17s1o_6 {
  color: #989898;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.25px;
}
._modalContent_17s1o_1 ._title_17s1o_13 {
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
  text-align: left;
  color: #5f6f8d;
}
._modalContent_17s1o_1 ._form_17s1o_20 {
  display: flex;
}
._modalContent_17s1o_1 ._form_17s1o_20 ._documentName_17s1o_23 {
  flex: 1;
  gap: 6px;
  height: 50px;
  font-size: 14px;
  border: 1px solid #e2e2e2;
  border-radius: 6px;
  padding: 11px 22px;
  background-color: #f9f9f9;
  width: 732px;
  color: #989898;
}

._confirmButton_17s1o_36 {
  background-color: #318cf6;
  color: #ffffff;
  height: 44px;
  padding: 0 16px;
  border-radius: 6px;
  font-size: 14px;
}

._requestId_17s1o_45 {
  color: red;
  font-size: 16px;
  font-weight: 700;
}._downloadIcon_tsips_1 {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
}
._downloadIcon_tsips_1 svg._downloadIcon_tsips_1 {
  width: 21px;
  height: 21px;
}
._downloadIcon_tsips_1 ._text_tsips_12 {
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  color: #4466dd;
  flex: 1;
}._container_4sj90_1 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 28px;
}
._container_4sj90_1 ._title_4sj90_7 {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  height: 16px;
  margin-left: 7px;
}

._ownerRow_4sj90_16 {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 32px;
}
._ownerRow_4sj90_16 ._info_4sj90_22 {
  display: flex;
  margin: 0 9px;
  gap: 20px;
}
._ownerRow_4sj90_16 ._info_4sj90_22 ._title_4sj90_7 {
  font-size: 14px;
  font-weight: 700;
  color: #414141;
  margin: 0;
}
._ownerRow_4sj90_16 ._disableInfo_4sj90_33 {
  color: #9e9e9e;
}
._ownerRow_4sj90_16 ._disableInfo_4sj90_33 ._title_4sj90_7 {
  color: #9e9e9e;
}

._confirmButton_4sj90_40 {
  background-color: #318cf6;
}

button._warnButton_4sj90_44 {
  border-color: #ff3939;
  color: #ff3939;
}

._arrowIcon_4sj90_49 {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
._arrowIcon_4sj90_49 * {
  fill: #42505c;
}._commentInputBoxWrapper_1s3a6_1 {
  display: flex;
  flex-direction: column;
  flex: 1;
  border-radius: 6px;
  border: 1px solid #dadada;
  background-color: #f4f4f4;
  box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.1);
}
._commentInputBoxWrapper_1s3a6_1 ._boxBottomLine_1s3a6_10 {
  display: flex;
  align-items: space-between;
}
._commentInputBoxWrapper_1s3a6_1 ._boxBottomLine_1s3a6_10 ._charsCounter_1s3a6_14 {
  margin: auto 0;
  padding-left: 11px;
  color: gray;
  height: fit-content;
}
._commentInputBoxWrapper_1s3a6_1 ._commentInputSubmit_1s3a6_20 {
  justify-content: flex-end;
  margin: 0 11px 11px auto;
  background-color: #318cf6;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  cursor: pointer;
  padding: 9px 16px;
  width: fit-content;
  pointer-events: auto;
}._commentItemWrapper_s5i6g_1 ._commentNameRow_s5i6g_1 {
  display: flex;
  flex: 1;
  justify-content: space-between;
  margin-bottom: 6px;
}
._commentItemWrapper_s5i6g_1 ._commentNameText_s5i6g_7 {
  font-weight: 400;
  font-size: 14px;
  line-height: 16.9px;
  color: #5f6f8d;
}
._commentItemWrapper_s5i6g_1 ._fileId_s5i6g_13 {
  margin-bottom: 6px;
  font-weight: 700;
  font-size: 14px;
  line-height: 16.9px;
  color: #1677FF;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
._commentItemWrapper_s5i6g_1 ._commentBox_s5i6g_25 {
  margin-right: 50px;
  padding: 12px 13px;
  background-color: #fff;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  width: fit-content;
  font-weight: 400;
  font-size: 14px;
  line-height: 16.9px;
  color: #5f6f8d;
  word-break: break-word;
  white-space: pre-wrap;
  word-wrap: break-word;
}
._commentItemWrapper_s5i6g_1 ._mineCommentBox_s5i6g_41 {
  margin-right: 50px;
  padding: 12px 13px;
  background-color: #6aec67;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  width: fit-content;
  font-weight: 400;
  font-size: 14px;
  line-height: 16.9px;
  color: #2a2a2a;
  word-break: break-word;
  white-space: pre-wrap;
  word-wrap: break-word;
}._commentSectionWrapper_y74z0_1 {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  transition-duration: 0.5s;
}
._commentSectionWrapper_y74z0_1 ._commentTitleRow_y74z0_9 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  margin: 11px 22px 0 22px;
}
._commentSectionWrapper_y74z0_1 ._commentTitleRow_y74z0_9 ._commentTitle_y74z0_9 {
  font-size: 16px;
  font-weight: 700;
  color: #5f6f8d;
}
._commentSectionWrapper_y74z0_1 ._commentTitleRow_y74z0_9 ._sectionClose_y74z0_21 {
  cursor: pointer;
  height: 17px;
  width: 17px;
}
._commentSectionWrapper_y74z0_1 ._commentListWrapper_y74z0_26 {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: auto;
  min-height: 0;
  padding: 0 22px;
  pointer-events: auto;
}
._commentSectionWrapper_y74z0_1 ._commentListWrapper_y74z0_26 ._commentItemWrapper_y74z0_35 {
  padding: 18px 0;
  border-bottom: 1px solid #dcdcdc;
}
._commentSectionWrapper_y74z0_1 ._commentInputWrapper_y74z0_39 {
  padding: 14px 12px;
  box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1);
}

._commentIcon_y74z0_44 {
  width: 45px;
  height: 45px;
}

._noCommentPlaceholder_y74z0_49 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: auto auto;
  gap: 20px;
}

._noCommentText_y74z0_58 {
  font-size: 14px;
  font-weight: 400;
  color: #9f9d9d;
}._sliderPageContainer_6kcvm_1 {
  display: flex;
  flex: 1;
  min-height: 0;
  pointer-events: none;
  transition-duration: 0.25s;
}
._sliderPageContainer_6kcvm_1 ._sliderBox_6kcvm_8 {
  width: 383px;
  min-height: 0;
  display: flex;
  transition-duration: 0.25s;
  pointer-events: auto;
}
._sliderPageContainer_6kcvm_1 ._sliderBoxClose_6kcvm_15 {
  width: 0;
  display: flex;
  transition-duration: 0.25s;
}
._sliderPageContainer_6kcvm_1 ._enableClick_6kcvm_20 {
  pointer-events: auto;
}
._sliderPageContainer_6kcvm_1 ._childrenBox_6kcvm_23 {
  flex: 3;
  transition-duration: 0.25s;
  display: flex;
}

._sliderContentWrapper_6kcvm_29 {
  position: relative;
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  border-left: 1px solid #ececec;
  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
  transition-duration: 0.25s;
  width: 100%;
}

._sliderContentWrapperLeft_6kcvm_41 {
  position: relative;
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  border-right: 1px solid #ececec;
  box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
  transition-duration: 0.25s;
}

._pullTab_6kcvm_52 {
  position: absolute;
  top: 50%;
  transform: translateY(-33px);
  width: 20px;
  height: 66px;
  background-color: #fff;
  cursor: pointer;
  display: flex;
  pointer-events: auto;
  z-index: 1;
  transition-duration: 0.25s;
}

._pullTabRight_6kcvm_66 {
  left: -22px;
  border-left: 1px solid #d9d9d9;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  box-shadow: inset -2px 0px 4px rgba(0, 0, 0, 0.1);
}

._pullTabLeft_6kcvm_76 {
  right: -22px;
  border-right: 1px solid #d9d9d9;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  box-shadow: inset 2px 0px 4px rgba(0, 0, 0, 0.1);
}

._sliderChildrenWrapper_6kcvm_86 {
  flex: 1;
  display: flex;
  min-height: 0;
  flex-direction: column;
  overflow: hidden;
  transition-duration: 0.25s;
  min-width: 383px;
}

._sliderChildrenWrapperClose_6kcvm_96 {
  width: 0;
  transition-duration: 0.25s;
  min-width: 0;
}

._icon_6kcvm_102 {
  margin: auto;
  width: 8px;
  height: 24px;
}._basicInfo_fr7ta_1 {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  flex: 1;
}

._label_fr7ta_8 {
  font-size: 12px;
  font-weight: 400;
  color: #333333;
  flex: 0 0 120px;
}

._value_fr7ta_15 {
  display: flex;
  font-size: 14px;
  font-weight: 700;
  color: #414141;
  word-break: break-all;
  flex: 1;
}._value_1o1v5_1 {
  display: unset;
}

._agentName_1o1v5_5 {
  font-size: 14px;
  font-weight: 700;
  color: #989898;
  margin-left: 10px;
}

._brokerageName_1o1v5_12 {
  font-size: 14px;
  font-weight: 700;
  color: #989898;
  display: block;
  margin-top: 5px;
}._tableHeaderRight_q06kc_1 {
  display: flex;
  align-items: center;
  gap: 13px;
}

._icon_q06kc_7 {
  height: 21px;
  width: 21px;
}

._button_q06kc_12 {
  display: flex;
  gap: 3px;
  align-items: center;
  cursor: pointer;
}

._buttonText_q06kc_19 {
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  color: #4466dd;
}

._uploadFile_q06kc_26 {
  display: flex;
  align-items: center;
  cursor: pointer;
  height: 21px;
}

._tooltip_q06kc_33 {
  padding: 5px;
  width: 200px;
}

._loadingContainer_q06kc_38 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

._uploadButton_q06kc_51 {
  flex: 1;
}
._uploadButton_q06kc_51 input {
  width: 100%;
}._pageContainer_1eyr7_1 {
  min-width: 1000px;
  position: relative;
}

._buttonGroup_1eyr7_6 {
  display: flex;
  gap: 10px;
  margin-left: auto;
}

._address_1eyr7_12 {
  color: #5f6f8d;
  font-size: 18px;
  font-weight: 700;
  margin-left: 15px;
}

._row_1eyr7_19 {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  align-items: center;
}

._startTop_1eyr7_26 {
  align-items: flex-start;
  padding-top: 32px;
}

._column_1eyr7_31 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

._comment_1eyr7_38 {
  font-weight: 400;
  color: #5f6f8d;
}

._basicInfo_1eyr7_43 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: baseline;
}

._label_1eyr7_50 {
  font-size: 12px;
  font-weight: 400;
  color: #333333;
  width: 100px;
  display: block;
}

._value_1eyr7_58 {
  font-size: 14px;
  font-weight: 700;
  color: #414141;
}

._basicSection_1eyr7_64 {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 30px;
}

._backIcon_1eyr7_71 {
  width: 25px;
  cursor: pointer;
}

button._warnButton_1eyr7_76 {
  border-color: #ff3939;
  color: #ff3939;
}

button._button_1eyr7_6 {
  border-color: #318cf6;
  color: #318cf6;
}

._listContainer_1eyr7_86 {
  display: flex;
  flex-direction: column;
  padding-top: 31px;
}
._listContainer_1eyr7_86 ._tableHeader_1eyr7_91 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
._listContainer_1eyr7_86 ._tableHeader_1eyr7_91 ._tableHeaderRight_1eyr7_97 {
  height: 33px;
  display: flex;
  gap: 13px;
}

._commentSliderContainer_1eyr7_103 {
  position: fixed;
  top: 48px;
  left: 0;
  width: 100%;
  height: calc(100vh - 48px);
  z-index: 10;
  display: flex;
  min-height: 0;
}

._commentSection_1eyr7_114 {
  background: #fff;
}

._alignRight_1eyr7_118 {
  align-items: flex-end;
  justify-content: flex-end;
}

._latestComment_1eyr7_123 {
  display: block;
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}._modal_1akc8_1 svg circle {
  fill: #ED6A5E;
  stroke: #ED6A5E;
}

._confirmButton_1akc8_6.MuiButtonBase-root {
  background-color: #ED6A5E;
}

._title_1akc8_10 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
._title_1akc8_10 span {
  text-align: center;
}
._title_1akc8_10 ._checklistName_1akc8_20 {
  font-size: 16px;
}._content_gjptr_1 {
  display: flex;
  flex-direction: column;
}
._content_gjptr_1 p {
  color: #5f6f8d;
  font-weight: 700;
  font-size: 18px;
  margin: 10px 0;
}

._checklist_gjptr_12 {
  padding-left: 20px;
  padding-top: 0;
  margin: 0;
}
._checklist_gjptr_12 li {
  line-height: 30px;
  font-size: 14px;
}
._checklist_gjptr_12 li button {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  color: #1677FF;
  font-weight: 700;
}

._confirmButton_gjptr_31 {
  background-color: #318cf6;
}

._complete_gjptr_35 {
  fill: #5bcc3f;
}._modalContent_15a5c_1 {
  display: flex;
  flex-direction: column;
}
._modalContent_15a5c_1 span {
  display: block;
}
._modalContent_15a5c_1 span:first-child {
  margin-bottom: 10px;
}
._modalContent_15a5c_1 ul {
  list-style-type: none;
  padding-left: 10px;
  margin-bottom: 30px;
}
._modalContent_15a5c_1 b {
  font-weight: 700;
}

._confirmButton_15a5c_20 {
  background-color: #318cf6;
}._signTime_7o2sg_1 {
  font-size: 14px;
  font-weight: 700;
  color: #989898;
  margin-left: 10px;
}._pageContainer_prgc6_1 {
  min-width: 1000px;
  position: relative;
}

._buttonGroup_prgc6_6 {
  display: flex;
  gap: 10px;
  margin-left: auto;
}

._address_prgc6_12 {
  color: #5f6f8d;
  font-size: 18px;
  font-weight: 700;
  margin-left: 15px;
}

._row_prgc6_19 {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  align-items: center;
}

._startTop_prgc6_26 {
  align-items: flex-start;
  padding-top: 32px;
}

._column_prgc6_31 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

._comment_prgc6_38 {
  font-weight: 400;
  color: #5f6f8d;
}

._basicInfo_prgc6_43 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: baseline;
}

._label_prgc6_50 {
  font-size: 12px;
  font-weight: 400;
  color: #333333;
  width: 100px;
  display: block;
}

._value_prgc6_58 {
  font-size: 14px;
  font-weight: 700;
  color: #414141;
}

._basicSection_prgc6_64 {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 30px;
}

._backIcon_prgc6_71 {
  width: 25px;
  cursor: pointer;
}

button._warnButton_prgc6_76 {
  border-color: #ff3939;
  color: #ff3939;
}

button._button_prgc6_6 {
  border-color: #318cf6;
  color: #318cf6;
}

._listContainer_prgc6_86 {
  display: flex;
  flex-direction: column;
  padding-top: 31px;
}

._listContainer_prgc6_86 ._tableHeader_prgc6_91 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}

._listContainer_prgc6_86 ._tableHeader_prgc6_91 ._tableHeaderRight_prgc6_97 {
  height: 33px;
  display: flex;
  gap: 13px;
}

._commentSliderContainer_prgc6_103 {
  position: fixed;
  top: 48px;
  left: 0;
  width: 100%;
  height: calc(100vh - 48px);
  z-index: 10;
  display: flex;
  min-height: 0;
}

._commentSection_prgc6_114 {
  background: #fff;
}

._alignRight_prgc6_118 {
  align-items: flex-end;
  justify-content: flex-end;
}

._latestComment_prgc6_123 {
  display: block;
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._mlsInput_prgc6_131 {
  display: flex;
  padding: 6px;
  flex: 1;
}

._fileupload_prgc6_137 {
  border: dotted 1px #318cf6;
  padding: 16px;
  border-radius: 4px;
  white-space: nowrap;
  font-size: 14px;
  color: #318cf6;
  font-weight: 700;
  cursor: pointer;
  width: 100%;
  margin: 0;
}

button._highLightButton_prgc6_150 {
  background-color: #318cf6;
  max-width: max-content;
}

._actionIcon_prgc6_155 {
  width: 27px;
  height: 27px;
}

._pdfContainer_prgc6_160 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}

._featureSheet_prgc6_167 {
  align-items: center;
}._buttonGroup_1wsts_1 {
  display: flex;
  gap: 10px;
  margin-left: auto;
}

button._highLightButton_1wsts_7 {
  background-color: #318cf6;
}

button._warnButton_1wsts_11 {
  border-color: #ff3939;
  color: #ff3939;
}

._requestApproval_1wsts_16 {
  display: flex;
  flex-direction: column;
}
._requestApproval_1wsts_16 span {
  line-height: 16px;
}
._requestApproval_1wsts_16 ._discription_1wsts_23 {
  font-size: 10px;
  font-weight: 500;
  line-height: 13px;
}

button._greenButton_1wsts_29 {
  border-color: #2CA60E;
  color: #2CA60E;
}
button._greenButton_1wsts_29:hover {
  color: #228109;
  border-color: #228109;
}

._commentBadge_1wsts_38 .MuiBadge-badge {
  background-color: #ff0000;
  color: #fff;
}._stepper_f38qv_1 .MuiStep-root:first-child {
  padding: 0;
  width: 0px;
}
._stepper_f38qv_1 .MuiStep-root {
  padding: 0;
  width: 120px;
}

._statusLabel_f38qv_10 .MuiStepLabel-label {
  font-size: 9px;
  font-weight: 400;
  margin-top: 7px;
}

._successStep_f38qv_16 svg {
  fill: #16c612;
}

._failStep_f38qv_20 svg {
  fill: #e41919;
}._statusCell_1qgg3_1 {
  display: flex;
}

._warning_1qgg3_5 {
  color: #e07a02;
  font-weight: 600;
}

._error_1qgg3_10 {
  color: #f76233;
  font-weight: 600;
}

._loadMoreBtn_1qgg3_15 {
  margin: auto;
  cursor: pointer;
  background-color: #318cf5;
  color: #fff;
  padding: 8px 16px;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transition: background-color 0.3s ease;
}

._loadMoreBtn_1qgg3_15:hover {
  background-color: #217bf4;
}

._noMoreData_1qgg3_30 {
  color: #717171;
  margin: auto;
  padding: 8px 16px;
}._container_tujd8_1 {
  display: flex;
  flex: 1;
  background: #ffffff;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  align-items: center;
}

._overviewItem_tujd8_10 {
  padding-top: 31px;
  padding-bottom: 28px;
  flex-grow: 1;
  position: relative;
  cursor: pointer;
  color: #4c4641;
}
._overviewItem_tujd8_10:hover {
  background-color: #f7f7f7;
}
._overviewItem_tujd8_10 ._itemTitle_tujd8_21 {
  font-weight: 700;
  font-size: 40px;
  line-height: 47px;
  text-align: center;
}
._overviewItem_tujd8_10 ._itemDesc_tujd8_27 {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: #5f6f8d;
  margin-top: 3px;
}
._overviewItem_tujd8_10._activeOverviewItem_tujd8_35 {
  color: #318cf6;
}
._overviewItem_tujd8_10._warningOverviewItem_tujd8_38 {
  color: #f66233;
}

._borderRight_tujd8_42 {
  border-right: 1px solid rgba(0, 0, 0, 0.24);
  position: absolute;
  top: 42px;
  left: 0;
  bottom: 41px;
  width: 100%;
}._pageWrapper_h3q4r_1 {
  gap: 25px;
  display: flex;
  flex-direction: column;
  min-width: 1000px;
}

._card_h3q4r_8 {
  flex: 1;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  padding: 19px 39px;
  gap: 10px;
}

._row_h3q4r_19 {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}

._rowRight_h3q4r_26 {
  display: flex;
  gap: 20px;
  align-items: center;
}

._rowGroup_h3q4r_32 {
  display: flex;
  gap: 9px;
  align-items: center;
}

._helperContainer_h3q4r_38 {
  display: flex;
  flex-direction: row;
  gap: 6px;
  color: #717171;
  padding: 12px 10px 12px 26px;
  background-color: #dee7ff;
  border-radius: 6px;
}
._helperContainer_h3q4r_38 svg {
  color: #318cf6;
}
._helperContainer_h3q4r_38 ._helperContent_h3q4r_50 {
  display: flex;
  align-items: center;
  gap: 6px;
}
._helperContainer_h3q4r_38 ._helperContent_h3q4r_50 span {
  color: #464646;
  font-size: 12px;
  font-weight: 700;
}
._helperContainer_h3q4r_38 ._helperContent_h3q4r_50 svg {
  fill: #2856af;
  width: 18px;
}
._helperContainer_h3q4r_38 ._helperDivider_h3q4r_64 {
  border-right: 1px solid #b7b7b7;
  margin: 0 15px;
}
._helperContainer_h3q4r_38 ul {
  margin: 0 0 0 20px;
  padding-left: 20px;
  display: flex;
  flex-direction: row;
  gap: 40px;
}
._helperContainer_h3q4r_38 ul li {
  font-size: 11px;
  font-weight: 700;
  color: #1677ff;
}
._helperContainer_h3q4r_38 ul li:hover {
  text-decoration: underline;
  cursor: pointer;
}

._newRequestButton_h3q4r_85 {
  padding: 10px 0;
}

._crossIcon_h3q4r_89 {
  cursor: pointer;
  width: 24px;
  margin-left: auto;
}._pageWrapper_1vkcb_1 ._pageTitle_1vkcb_1 {
  font-size: 18px;
  font-weight: 600;
  color: #5f6f8d;
}
._pageWrapper_1vkcb_1 ._pageTitleRow_1vkcb_6 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._pageWrapper_1vkcb_1 ._pageTitleRow_1vkcb_6 ._pageOpRow_1vkcb_11 {
  display: flex;
  gap: 10px;
}
._pageWrapper_1vkcb_1 ._pageTitleRow_1vkcb_6 ._pageOpRow_1vkcb_11 ._cancelButton_1vkcb_15 {
  background-color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
  border: 1px solid #1976d2;
  color: #1976d2;
}
._pageWrapper_1vkcb_1 ._pageTitleRow_1vkcb_6 ._pageOpRow_1vkcb_11 ._nextButton_1vkcb_23 {
  background-color: #1976d2;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
  border: 1px solid #1976d2;
  color: #fff;
}
._pageWrapper_1vkcb_1 ._contentSpace_1vkcb_31 {
  display: flex;
}
._pageWrapper_1vkcb_1 ._contentWrapper_1vkcb_34 {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-top: 40px;
  max-width: 740px;
}
._pageWrapper_1vkcb_1 ._contentEmpty_1vkcb_41 {
  flex: 2;
}
._pageWrapper_1vkcb_1 ._divider_1vkcb_44 {
  width: 100%;
  height: 1px;
  background-color: #e0e0e0;
  margin: 13px 0;
}
._pageWrapper_1vkcb_1 ._contentRow_1vkcb_50 {
  display: flex;
  gap: 50px;
}
._pageWrapper_1vkcb_1 ._contentRow_1vkcb_50 ._contentTitle_1vkcb_54 {
  font-size: 13px;
  line-height: 17px;
  font-weight: 400;
  color: #333333;
  display: flex;
  align-items: center;
  min-width: 136px;
}
._pageWrapper_1vkcb_1 ._contentRow_1vkcb_50 ._contentBody_1vkcb_63 {
  display: flex;
  flex-direction: column;
  flex: 1;
}
._pageWrapper_1vkcb_1 ._contentRow_1vkcb_50 ._contentBody_1vkcb_63 ._input_1vkcb_68 {
  flex: 1;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  padding: 10px;
  font-size: 13px;
  font-weight: 400;
  color: #333333;
}
._pageWrapper_1vkcb_1 ._contentRow_1vkcb_50 ._contentBody_1vkcb_63 ._warning_1vkcb_77 {
  background-color: #f4f9ff;
  border-radius: 6px;
  margin-top: 14px;
  padding: 10px;
  display: flex;
  gap: 12px;
}
._pageWrapper_1vkcb_1 ._contentRow_1vkcb_50 ._contentBody_1vkcb_63 ._warning_1vkcb_77 ._warningIcon_1vkcb_85 {
  height: 20px;
  width: 20px;
  min-width: 20px;
}
._pageWrapper_1vkcb_1 ._contentRow_1vkcb_50 ._contentBody_1vkcb_63 ._warning_1vkcb_77 ._warningText_1vkcb_90 {
  font-size: 13px;
  line-height: 17px;
  font-weight: 400;
  color: #5f6f8d;
}
._pageWrapper_1vkcb_1 ._contentRow_1vkcb_50 ._contentBody_1vkcb_63 ._warning_1vkcb_77 ._warningText_1vkcb_90 span {
  font-weight: 800;
}

._listingCard_1vkcb_100 {
  margin-top: 20px;
}._statWrapper_1k8l4_1 {
  display: flex;
  flex-direction: row;
  margin: 0;
  padding: 0;
  align-items: center;
  justify-content: space-between;
}

._numbers_1k8l4_10 {
  padding: 15px 15px 0;
  flex: 1;
  margin: 15px auto;
}

._numbers_1k8l4_10 + ._numbers_1k8l4_10 {
  border-left: solid 1px #f0f0f0;
}._component_1d42k_1 {
  display: flex;
  flex-direction: column;
  margin: 20px 10px;
  padding: 0 26px;
  min-width: 180px;
}

._column_1d42k_9 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

._icon_1d42k_15 {
  width: 9px;
  height: 18px;
  margin-top: 30px;
}

._description_1d42k_21 {
  color: #5f6f8d;
  font-size: 12px;
  font-weight: 400;
  line-height: 13px;
  text-align: center;
  margin-top: 13px;
}

._tierInfo_1d42k_30 {
  display: flex;
  margin: 10px auto;
}
._tierInfo_1d42k_30 ._tierDetail_1d42k_34 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 15px;
  min-width: 120px;
}
._tierInfo_1d42k_30 ._tierDetail_1d42k_34 ._tierName_1d42k_42 {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  color: #4c4641;
}
._tierInfo_1d42k_30 ._tierDetail_1d42k_34 ._tierDescription_1d42k_48 {
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  color: #5f6f8d;
  margin-top: 4px;
}
._tierInfo_1d42k_30 ._tierDetail_1d42k_34 ._locked_1d42k_55 {
  color: #a9a9a9;
}* {
  font-family: "Roboto", "SF Pro";
}

._cardContainer_1cqhq_5 {
  display: flex;
  flex-direction: column;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  margin: 8px;
  padding: 0px;
  background-color: #fff;
  min-width: 150px;
  min-height: 137px;
  flex: 1;
  border: solid 2px #fff;
}
._cardContainer_1cqhq_5._hover_1cqhq_18:hover {
  border: solid 2px #318cf6;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.15);
}

._cardBody_1cqhq_23 {
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  flex: 1;
}

._cardBodySmall_1cqhq_31 {
  margin-top: 20px;
}

._caption_1cqhq_35 {
  display: flex;
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  text-align: center;
  justify-content: center;
  align-items: baseline;
  color: #4c4641;
  flex: 1;
}

._dollar_1cqhq_47 {
  font-size: 16px;
  margin-right: 3px;
  margin-bottom: 3px;
}

._explain_1cqhq_53 {
  color: #5f6f8d;
  background-color: #f9f9f9;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 9px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex: 0 0 30px;
}

._explainTitle_1cqhq_68 {
  margin: 0 auto;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}

._explainText_1cqhq_75 {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  overflow: hidden;
}._cards_qhasn_1 {
  display: flex;
  flex: 1;
}
._cards_qhasn_1 ._mainCard_qhasn_5 {
  display: flex;
  min-height: 290px;
  flex: 1;
}
._cards_qhasn_1 ._otherCards_qhasn_10 {
  display: flex;
  flex-direction: column;
  flex: 2;
}
._cards_qhasn_1 ._link_qhasn_15 {
  display: flex;
  flex: 1;
  text-decoration: none;
}
._cards_qhasn_1 ._link_qhasn_15:hover {
  cursor: pointer;
}
._cards_qhasn_1 ._tierDescription_qhasn_23 {
  background-color: #919cb1;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 15px;
  margin-left: 5px;
  color: white;
}

._tooltip_qhasn_32 {
  padding: 5px;
  width: 220px;
}._statusWrapper_1gztc_1 {
  display: flex;
  gap: 10px;
}
._statusWrapper_1gztc_1 ._statusIcon_1gztc_5 {
  display: flex;
  margin-top: auto;
  margin-bottom: auto;
  height: 19px;
  min-width: 16px;
}
._statusWrapper_1gztc_1 ._statusTag_1gztc_12 {
  display: flex;
  margin-top: auto;
  margin-bottom: auto;
  height: 15px;
  min-width: 16px;
}
._statusWrapper_1gztc_1 ._disabledTag_1gztc_19 {
  border-radius: 6px;
  background-color: #ffdede;
  color: #ff6565;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  padding: 3px 5px;
}._personContainer_1jpfe_1 {
  display: flex;
}

._subAvatar_1jpfe_5 {
  width: 39px;
  height: 39px;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 10px;
  display: flex;
  border-radius: 50%;
  overflow: hidden;
  min-width: 39px;
  min-height: 39px;
  border: 1px solid #d9d9d9;
}

._icon_1jpfe_19 {
  width: 14px;
  height: 14px;
}

._avatar_1jpfe_24 {
  width: 39px;
  height: 39px;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 10px;
  border: 4px solid rgba(49, 140, 246, 0.32);
  border-radius: 50%;
  overflow: hidden;
  min-width: 39px;
  min-height: 39px;
}

._personInfoRowOne_1jpfe_37 {
  display: flex;
  gap: 5px;
}

._personInfoRowTwo_1jpfe_42 {
  display: flex;
  margin-top: 4px;
}

._personInfo_1jpfe_37 {
  padding-left: 13px;
}

._icon_1jpfe_19 {
  width: 14px;
  height: 14px;
}

._infoTxt_1jpfe_56 {
  padding-left: 3px;
  font-weight: 400;
  font-size: 13px;
  line-height: 15px;
  color: #898484;
}

._iconSpace_1jpfe_64 {
  margin-left: 11px;
}

._personName_1jpfe_68 {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  white-space: nowrap;
  overflow: hidden;
}

._personTag_1jpfe_76 {
  margin-left: 6px;
  padding: 1px 7px;
  background-color: #e5ebf9;
  color: #5f6f8d;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 700;
}

._subordinateNumbers_1jpfe_86 {
  color: #898484;
  font-size: 13px;
  display: flex;
  margin-left: 3px;
  margin-top: 1px;
}._subpersonWrapper_16j14_1 {
  padding-top: 49px;
  display: flex;
}

._subAvatar_16j14_6 {
  width: 39px;
  height: 39px;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 10px;
  display: flex;
  border-radius: 50%;
  overflow: hidden;
}

._lockIcon_16j14_17 {
  padding-left: 5px;
  width: 8.67px;
  height: 11.38px;
}

._icon_16j14_23 {
  width: 14px;
  height: 14px;
  /* overflow: hidden; */
}

._levelTitle_16j14_29 {
  display: flex;
  height: 20px;
  width: 40px;
  border-bottom: 1px solid #e9e9e9;
}

._levelTitle_16j14_29 div {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  padding-right: 5px;
}

._subWrapper_16j14_43 {
  height: calc(100% - 44px);
  border-left: 1px solid #e9e9e9;
}

._subPersonListInsub_16j14_48 {
  margin-left: 92px;
}

._personWrapper_16j14_52 {
  display: flex;
  padding-bottom: 10px;
}

._spanBtnOpen_16j14_57 {
  transform: rotate(90deg);
  transition-duration: 0.3s;
  cursor: pointer;
  width: 22px;
  min-width: 22px;
  height: 22px;
  margin-top: auto;
  margin-bottom: auto;
}

._spanBtn_16j14_57 {
  cursor: pointer;
  transition-duration: 0.3s;
  width: 22px;
  min-width: 22px;
  height: 22px;
  margin-top: auto;
  margin-bottom: auto;
}

._extend_16j14_78 {
  display: flex;
  width: 22px;
  border-bottom: 1px solid #e9e9e9;
  margin-top: auto;
  margin-bottom: auto;
}

._arrowPng_16j14_86 {
  width: 100%;
  height: 100%;
  margin-top: auto;
  margin-bottom: auto;
}

._avatar_16j14_93 {
  width: 39px;
  height: 39px;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 10px;
  border: 4px solid rgba(49, 140, 246, 0.32);
  border-radius: 50%;
  overflow: hidden;
}

img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

._personInfoRowOne_16j14_111 {
  display: flex;
}

._personInfoRowTwo_16j14_115 {
  display: flex;
  padding-top: 4px;
}

._personInfo_16j14_111 {
  padding-left: 13px;
}

._icon_16j14_23 {
  width: 14px;
  height: 14px;
  /* overflow: hidden; */
}

._infoTxt_16j14_130 {
  padding-left: 3px;
  font-weight: 400;
  font-size: 13px;
  line-height: 15px;
  color: #898484;
}

._iconSpace_16j14_138 {
  padding-left: 11px;
}

._personName_16j14_142 {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
}

._personTag_16j14_148 {
  padding-left: 6px;
}

._personTag_16j14_148 div {
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 1px;
  padding-bottom: 1px;
  background-color: #e5ebf9;
  color: #5f6f8d;
  border-radius: 10px;
  height: 15px;
  font-size: 11px;
  font-weight: 700;
  line-height: 13px;
}

._subPersonList_16j14_48 {
  margin-left: 52px;
}

._borderLine_16j14_170 {
  border-left: 1px solid #e9e9e9;
}

._lastBorderLine_16j14_174 {
  position: relative;
}

._lastBorderLineInner_16j14_178 {
  position: absolute;
  height: 70px;
  border-left: 1px solid #e9e9e9;
}

/* some global style  for level person component */
div {
  font-family: "Roboto", sans-serif;
}._personWrapper_12vt7_1 {
  display: flex;
  padding-bottom: 10px;
}

._spanBtnOpen_12vt7_6 {
  transform: rotate(90deg);
  transition-duration: 0.3s;
  cursor: pointer;
  width: 22px;
  height: 22px;
  margin-top: auto;
  margin-bottom: auto;
}

._spanBtn_12vt7_6 {
  cursor: pointer;
  transition-duration: 0.3s;
  width: 22px;
  height: 22px;
  margin-top: auto;
  margin-bottom: auto;
}

._arrowPng_12vt7_25 {
  width: 100%;
  height: 100%;
  margin-top: auto;
  margin-bottom: auto;
}

._avatar_12vt7_32 {
  width: 39px;
  height: 39px;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 10px;
  border: 4px solid rgba(49, 140, 246, 0.32);
  border-radius: 50%;
  overflow: hidden;
}

img {
  width: 100%;
  height: 100%;
}

._personInfoRowOne_12vt7_48 {
  display: flex;
}

._personInfoRowTwo_12vt7_52 {
  display: flex;
  padding-top: 4px;
}

._personInfo_12vt7_48 {
  padding-left: 13px;
}

._icon_12vt7_61 {
  width: 14px;
  height: 14px;
  /* overflow: hidden; */
}

._infoTxt_12vt7_67 {
  padding-left: 3px;
  font-weight: 400;
  font-size: 13px;
  line-height: 15px;
  color: #898484;
}

._iconSpace_12vt7_75 {
  padding-left: 11px;
}

._personName_12vt7_79 {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
}

._personTag_12vt7_85 {
  padding-left: 6px;
}

._personTag_12vt7_85 div {
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 1px;
  padding-bottom: 1px;
  background-color: #e5ebf9;
  color: #5f6f8d;
  border-radius: 10px;
  height: 15px;
  font-size: 11px;
  font-weight: 700;
  line-height: 13px;
}

._subPersonList_12vt7_103 {
  margin-left: 32px;
}

._borderLine_12vt7_107 {
  border-left: 1px solid #e9e9e9;
}

._lastBorderLine_12vt7_111 {
  position: relative;
}

._lastBorderLineInner_12vt7_115 {
  position: absolute;
  height: 70px;
  border-left: 1px solid #e9e9e9;
}

div {
  font-family: "Roboto", sans-serif;
}._realtorsContainer_s238g_1 {
  display: flex;
  flex-direction: column;
}

._totalAmount_s238g_6 {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  color: #4c4641;
}

._totalAmountDescription_s238g_13 {
  font-size: 12px;
  font-weight: 400;
  color: #5f6f8d;
  line-height: 14px;
}

._realtor_s238g_1 {
  display: flex;
  margin: 10px 0;
  align-items: center;
}
._realtor_s238g_1 ._rank_s238g_25 {
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  padding: 6px 0px;
  margin: 0;
  border-radius: 50%;
  width: 28px;
  text-align: center;
}
._realtor_s238g_1 ._rank_s238g_25._first_s238g_35 {
  background: linear-gradient(0deg, #C1A875, #C1A875), linear-gradient(339.03deg, rgba(255, 255, 255, 0) 52.79%, #FFFFFF 95.95%), linear-gradient(341.88deg, #576265 8.81%, #757A7B 90.75%);
  background-blend-mode: color, overlay, normal;
  color: #fff;
}
._realtor_s238g_1 ._rank_s238g_25._second_s238g_40 {
  background: linear-gradient(0deg, #CDC9C2, #CDC9C2), linear-gradient(339.03deg, rgba(255, 255, 255, 0) 52.79%, #FFFFFF 95.95%), linear-gradient(356.87deg, #9EA1A1 18.9%, #757A7B 90.31%);
  background-blend-mode: color, overlay, normal;
  color: #fff;
}
._realtor_s238g_1 ._rank_s238g_25._third_s238g_45 {
  background: linear-gradient(0deg, #D09742, #D09742), linear-gradient(339.03deg, rgba(255, 255, 255, 0) 52.79%, #FFFFFF 95.95%), linear-gradient(356.87deg, #9EA1A1 18.9%, #576265 80.67%, #576265 97.41%);
  background-blend-mode: color, overlay, normal;
  color: #fff;
}._pageContainer_1i5tj_1 {
  display: flex;
  flex-direction: column;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  margin: 20px 5px;
  padding: 23px 26px;
  background-color: #ffffff;
}
._pageContainer_1i5tj_1 h2 {
  color: #5f6f8d;
  font-size: 20px;
  font-weight: 700;
  line-height: 23px;
  margin: 0;
}
._pageContainer_1i5tj_1 ._topPanel_1i5tj_17 {
  display: flex;
  flex-direction: column;
  flex: 0 0 175px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}
._pageContainer_1i5tj_1 ._body_1i5tj_23 {
  display: flex;
  flex: 1;
}
._pageContainer_1i5tj_1 ._mainPanel_1i5tj_27 {
  padding-top: 23px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
._pageContainer_1i5tj_1 ._mainPanel_1i5tj_27 ._content_1i5tj_33 {
  margin-top: 48px;
  overflow-x: auto;
}
._pageContainer_1i5tj_1 ._rightPanel_1i5tj_37 {
  padding: 23px;
  display: flex;
  flex-direction: column;
  flex: 0 0 312px;
  border-top: none;
  border-left: solid 1px rgba(0, 0, 0, 0.1);
}
._pageContainer_1i5tj_1 ._rightPanel_1i5tj_37 ._content_1i5tj_33 {
  margin-top: 14px;
}
@media (max-width: 768px) {
  ._pageContainer_1i5tj_1 ._rightPanel_1i5tj_37 {
    margin-top: 23px;
    padding: 23px 0px 0px 0px;
    flex: 1;
    border-top: solid 1px rgba(0, 0, 0, 0.1);
    border-left: none;
  }
}._column_tcyup_1 {
  display: flex;
  flex-direction: column;
  padding: 10px;
  gap: 10px;
  font-size: 14px;
}

._row_tcyup_9 {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}._container_1f1qa_1 {
  height: 62px;
  width: 62px;
  position: relative;
}
._container_1f1qa_1._isEditable_1f1qa_6 {
  cursor: pointer;
}
._container_1f1qa_1 img {
  border-radius: 50%;
  overflow: hidden;
}
._container_1f1qa_1 ._editAvatar_1f1qa_13 {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 2px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #f4f9ff;
  z-index: 10;
  display: flex;
  color: #318cf6;
}._wrapper_mufno_1 {
  display: flex;
  flex-direction: column;
}
._wrapper_mufno_1 table {
  display: flex;
}
._wrapper_mufno_1 tbody {
  display: flex;
  flex-direction: column;
  flex: 1;
}
._wrapper_mufno_1 tr {
  flex: 1;
}

._card_mufno_17 {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  margin: 20px 5px;
  padding: 30px 36px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  min-height: 128px;
  justify-content: space-between;
  flex: 1;
}
._card_mufno_17._hover_mufno_29 {
  border: solid 1px #f7f7f7;
}
._card_mufno_17._hover_mufno_29:hover {
  border: solid 1px #1a90ff;
  cursor: pointer;
}
._card_mufno_17 ._imgBig_mufno_36 {
  width: 62px;
  max-width: 62px;
  min-width: 62px;
  height: 62px;
  max-height: 62px;
  min-height: 62px;
  border-radius: 31px;
  margin: 8px;
  object-fit: cover;
  object-position: top;
}
._card_mufno_17 ._h2_mufno_48 {
  font-weight: 700;
  font-size: 30px;
  line-height: 35px;
  color: #4c4641;
}
._card_mufno_17 ._h3_mufno_54 {
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  color: #4c4641;
}
._card_mufno_17 ._h4_mufno_60 {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  color: #5f6f8d;
}
._card_mufno_17 ._h5_mufno_66 {
  font-weight: 300;
  font-size: 12px;
  line-height: 16px;
  color: #404040;
}
._card_mufno_17 ._subTitle_mufno_72 {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  color: #404040;
}
._card_mufno_17 button {
  border: none;
  background: #fff;
  cursor: pointer;
  margin-left: 8px;
  padding: 0px;
  color: #404040;
  font-weight: 300;
  font-size: 12px;
}
._card_mufno_17 ._flexEnd_mufno_88 {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
._card_mufno_17 ._flexStart_mufno_93 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-bottom: 12px;
}
._card_mufno_17 ._flexCenter_mufno_99 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 12px;
  width: 100%;
}
._card_mufno_17 ._grandFather_mufno_106 {
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  background: #ffa34e;
  border-radius: 10px;
  color: #ffffff;
  padding: 2px 10px 2px 10px;
  height: 15px;
  margin: 10px;
}
._card_mufno_17 ._teamLeader_mufno_118 {
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  background: #caab3e;
  border-radius: 10px;
  color: #ffffff;
  padding: 2px 10px 2px 10px;
  height: 15px;
  margin: 10px;
}
._card_mufno_17 table {
  border-collapse: collapse;
  border: none;
  padding: 0;
  width: 100%;
}
._card_mufno_17 table tr ._eye_mufno_136 {
  display: none;
  width: 20px;
  cursor: pointer;
}
._card_mufno_17 table tr:hover {
  background-color: #f4f9ff;
}
._card_mufno_17 table tr:hover ._eye_mufno_136 {
  display: block;
}
._card_mufno_17 table th {
  text-align: left;
  background-color: #f7f7f7;
  color: #2b2b2b;
  font-size: 12px;
  font-weight: 600;
  padding: 15px 20px;
}
._card_mufno_17 table td {
  font-size: 12px;
  font-weight: 500;
  color: #717171;
  padding: 16px 22px;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: top;
}
._card_mufno_17 table td._caption_mufno_164 {
  width: 110px;
  min-width: 110px;
  max-width: 110px;
  white-space: nowrap;
  overflow: hidden;
}
._card_mufno_17 table td._information_mufno_171 {
  font-size: 14px;
  font-weight: 700;
  color: #333333;
}
._card_mufno_17 table td._information_mufno_171 ._extraInfo_mufno_176 {
  margin-left: 10px;
  font-weight: 400;
  color: #999999;
}
._card_mufno_17 table td._information_mufno_171 ._extraInfo_mufno_176._invalid_mufno_181 {
  color: #ff4343;
}
._card_mufno_17 table td._information_mufno_171 ._yellowTxt_mufno_184 {
  color: #FACC23;
}
._card_mufno_17 table td._information_mufno_171 ._redTxt_mufno_187 {
  color: #FA5A23;
}
._card_mufno_17 table td._information_mufno_171._rowDisplay_mufno_190 {
  display: flex;
  flex-direction: row;
}
._card_mufno_17 table td._information_mufno_171._invalid_mufno_181 {
  color: #ff4343;
}
._card_mufno_17 ._seeAll_mufno_197 {
  margin-right: 10px;
  cursor: pointer;
  color: #318cf6;
  font-weight: 700;
  font-size: 30px;
  height: 30px;
  line-height: 15px;
}

._emptyCard_mufno_207 {
  margin: 0px 5px;
  padding: 0px 36px;
  flex: 1;
}

._vDivider_mufno_213 {
  width: 0px;
  height: 42px;
  margin: 20px;
  border: 1px solid rgba(0, 0, 0, 0.24);
}

._vDashedDivider_mufno_220 {
  width: 0px;
  height: 138px;
  margin: 10px;
  border-left: 1px dashed rgba(0, 0, 0, 0.24);
}
._vDashedDivider_mufno_220._short_mufno_226 {
  height: 40px;
}

._hDivider_mufno_230 {
  width: 100%;
  height: 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.24);
  margin: 8px;
}

._popover_mufno_237 {
  display: flex;
  flex-direction: column;
  padding: 10px;
  gap: 5px;
}

._endAdornment_mufno_244 {
  width: 22px;
  cursor: pointer;
  margin-left: 10px;
}

._column_mufno_250 {
  display: flex;
  flex-direction: column;
}

._gap_mufno_255 {
  margin: 0;
  padding: 0;
  align-items: inherit;
  justify-content: space-between;
}

._row_mufno_190 {
  display: flex;
  flex-direction: row;
  margin: 0;
  padding: 0;
  align-items: center;
  justify-content: space-between;
}

._imgSmall_mufno_271 {
  width: 40px;
  max-width: 40px;
  min-width: 40px;
  height: 40px;
  max-height: 40px;
  min-height: 40px;
  border-radius: 20px;
  object-fit: cover;
  object-position: top;
  margin: 5px;
}

._imgMiddle_mufno_284 {
  width: 50px;
  max-width: 50px;
  min-width: 50px;
  height: 50px;
  max-height: 50px;
  min-height: 50px;
  border-radius: 25px;
  object-fit: cover;
  object-position: top;
  margin: 5px 15px 5px 5px;
}

._userName_mufno_297 {
  flex: 1;
  white-space: noWrap;
  overflow: visible;
}

._closeIcon_mufno_303 {
  position: fixed;
  right: 30px;
  top: 30px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  fill: #c9c9c9;
}

._numbers_mufno_313 {
  margin: 15px 15px 0;
}

._circleSection_mufno_317 {
  text-align: center;
}

._circleTitle_mufno_321 {
  margin-left: 5px;
  color: #4c4641;
  font-size: 20px;
  font-weight: 700;
}

._textLine_mufno_328 {
  padding: 10px 0 0;
}

._link_mufno_332 {
  text-decoration: none;
}
._link_mufno_332:hover {
  cursor: pointer;
}

._title_mufno_339 {
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  color: #4c4641;
}

._drawer_mufno_346 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 30px;
}

._memberName_mufno_353 {
  font-weight: 500;
  font-size: 16px;
  color: #4c4641;
  display: flex;
  gap: 10px;
  margin-bottom: 5px;
  width: 100%;
}

._memberContact_mufno_363 {
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  gap: 5px;
  justify-content: flex-start;
}

._fixed_mufno_374 {
  width: 150px;
  min-width: 150px;
}

._icon_mufno_379 {
  cursor: pointer;
  width: 16px;
  min-width: 16px;
  max-width: 16px;
  height: 16px;
  min-height: 16px;
  max-height: 16px;
}

._award_mufno_389 {
  margin-top: 2px;
  margin-left: 4px;
}

._tagWrapper_mufno_394 {
  padding: 1px 7px;
  font-weight: 700;
  font-size: 11px;
  line-height: 17px;
  border-radius: 10px;
  letter-spacing: 1px;
  color: #5f6f8d;
  background-color: #e5ebf9;
}

._teamRow_mufno_405:hover {
  cursor: pointer;
}

@media (max-width: 768px) {
  ._card_mufno_17 {
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  ._card_mufno_17 ._avatar_mufno_416 {
    margin-left: 0;
  }
  ._card_mufno_17 ._imgBig_mufno_36 {
    margin-left: 0;
  }
  ._card_mufno_17 table td._caption_mufno_164 {
    padding-left: 0;
  }
  ._hDivider_mufno_230 {
    margin-left: 0;
    margin-right: 0;
  }
  ._drawer_mufno_346 {
    margin-left: 20px;
  }
  ._closeIcon_mufno_303 {
    right: 15px;
    top: 10px;
  }
  ._memberContact_mufno_363 {
    line-break: anywhere;
  }
}
._avatar_mufno_416 {
  margin-right: 20px;
}._clause_bynpr_1 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 20px;
  align-items: flex-start;
}
._clause_bynpr_1 ._info_bynpr_8 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-right: 10px;
  margin-left: 10px;
}
._clause_bynpr_1 ._info_bynpr_8 ._title_bynpr_15 {
  font-size: 16px;
  font-weight: 700;
  color: #414141;
  margin-bottom: 6px;
}

._confirmButton_bynpr_22 {
  background-color: #318cf6;
}._container_1m080_1 {
  display: flex;
  height: 75px;
  align-items: center;
  padding: 10px 20px;
  justify-content: space-between;
  border-bottom: 1px solid #bfbfbf;
}
._container_1m080_1 ._info_1m080_9 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
._container_1m080_1 ._info_1m080_9 ._backIcon_1m080_14 {
  width: 25px;
  cursor: pointer;
  margin-right: 12px;
}
._container_1m080_1 ._info_1m080_9 ._documentName_1m080_19 {
  display: flex;
  align-items: center;
}
._container_1m080_1 ._info_1m080_9 ._documentName_1m080_19 span {
  color: #5f6f8d;
  font-size: 18px;
  font-weight: 700;
}
._container_1m080_1 ._info_1m080_9 ._details_1m080_28 {
  display: flex;
  gap: 33px;
  align-items: center;
  height: 33px;
  padding-left: 37px;
}
._container_1m080_1 ._info_1m080_9 ._details_1m080_28 ._content_1m080_35 {
  display: flex;
  font-weight: 400;
  font-size: 12px;
  color: #333333;
  gap: 10px;
}
._container_1m080_1 ._info_1m080_9 ._details_1m080_28 ._content_1m080_35 :last-child {
  font-weight: 700;
  font-size: 14px;
  color: #414141;
}
._container_1m080_1 ._actionButtonGroup_1m080_47 {
  display: flex;
  gap: 12px;
}
._container_1m080_1 ._actionButtonGroup_1m080_47 ._arrow_1m080_51 {
  width: 9px;
  height: 16px;
  fill: #1976d2;
}
._container_1m080_1 ._actionButtonGroup_1m080_47 button:disabled {
  border: 1px solid #939393;
  background-color: #f2f2f2;
}
._container_1m080_1 ._actionButtonGroup_1m080_47 button:disabled ._arrow_1m080_51 {
  fill: #d8d8d8;
}
._container_1m080_1 ._actionButtonGroup_1m080_47 ._rightArrow_1m080_63 {
  rotate: 180deg;
}

button._button_1m080_67 {
  min-width: 55px;
  border-color: #318cf6;
  color: #ffffff;
  height: 44px;
  font-size: 14px;
}

button._highLightButton_1m080_75 {
  background-color: #318cf6;
  height: 44px;
}

button._disapproveButton_1m080_80 {
  border-color: #ff3939;
  color: #ff3939;
}

button._approveButton_1m080_85 {
  border-color: #2ca60e;
  color: #2ca60e;
}

._commentButton_1m080_90.MuiButton-root {
  color: #318cf6;
}

._commentBadge_1m080_94 .MuiBadge-badge {
  background-color: #ff0000;
  color: #fff;
}._pdfviewerWrapper_125id_1 {
  flex: 1;
  display: flex;
  flex-direction: column;
  background-color: #a5a5a5;
  overflow-y: auto;
  overflow-x: auto;
}
._pdfviewerWrapper_125id_1 ._pdfviewer_125id_1 {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 27px 31px;
}
._pdfviewerWrapper_125id_1 ._pdfviewer_125id_1 ._pageWrapper_125id_15 {
  width: fit-content;
  height: fit-content;
  position: relative;
}
._pdfviewerWrapper_125id_1 ._pdfviewer_125id_1 ._pageWrapper_125id_15 ._pageFormItemBase_125id_20 {
  position: absolute;
  background-color: rgba(3, 50, 255, 0.05);
}
._pdfviewerWrapper_125id_1 ._pdfviewer_125id_1 ._pageWrapper_125id_15 ._pageFormItemBase_125id_20._required_125id_24 {
  background-color: rgba(246, 155, 49, 0.29);
}
._pdfviewerWrapper_125id_1 ._pdfviewer_125id_1 ._pageWrapper_125id_15 ._pageFormItemBase_125id_20._invalid_125id_27 {
  background-color: #ffcccc;
}
._pdfviewerWrapper_125id_1 ._pdfviewer_125id_1 ._pageWrapper_125id_15 ._pageFormItemBase_125id_20._readOnly_125id_30 {
  background-color: rgba(3, 50, 255, 0.05);
  background-color: transparent;
  border: 0px solid transparent;
  pointer-events: none;
}

._viewerOperationContainer_125id_37 {
  position: absolute;
  display: flex;
  top: 100;
  left: 0;
  z-index: 1;
  pointer-events: none;
  flex: 1;
}
._viewerOperationContainer_125id_37 ._zoomButton_125id_46 {
  pointer-events: auto;
  height: fit-content;
  width: fit-content;
  background: #fff;
  border: 1px solid #9d9d9d;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
  padding: 6px 15px;
  border-radius: 20px;
  margin: 10px 0 0 12px;
  cursor: pointer;
  display: flex;
  gap: 6px;
}
._viewerOperationContainer_125id_37 ._zoomButton_125id_46 ._buttonIcon_125id_60 {
  width: 18px;
  height: 18px;
}
._viewerOperationContainer_125id_37 ._zoomButton_125id_46 ._buttonText_125id_64 {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: #000;
}
._viewerOperationContainer_125id_37 ._zoomButton_125id_46 ._buttonRate_125id_70 {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  color: #000;
}

._viewerMoveContainer_125id_77 {
  flex: 1;
  position: relative;
}
._viewerMoveContainer_125id_77 ._viewerInnerContainer_125id_81 {
  position: absolute;
  display: flex;
  flex-direction: column;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

._pdfUploaderWrapper_125id_91 {
  margin: auto;
  padding: 9px;
  border-radius: 6px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 17px;
  flex: 1;
}
._pdfUploaderWrapper_125id_91 label:focus-within {
  outline: unset;
}
._pdfUploaderWrapper_125id_91._loading_125id_105 {
  background-color: transparent;
}

._uploadIcon_125id_109 {
  width: 67px;
}
._uploadIcon_125id_109 path {
  fill: #717171;
}

._fileUploader_125id_116 {
  border: 1px dashed rgba(0, 0, 0, 0.4);
  border-radius: 6px;
  flex: 1;
  display: flex;
  gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 26px 76px 29px 76px;
}
._fileUploader_125id_116 ._uploadTitle_125id_127 {
  color: #939393;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
._fileUploader_125id_116 p {
  margin: 0 0 20px 0;
}
._fileUploader_125id_116 button {
  padding: 2px 20px;
}

._fileDropper_125id_140 {
  pointer-events: none;
}

._pdfButton_125id_144 {
  border-radius: 2px;
  border: 1px solid #d6d6d6;
  background-color: #fff;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.25);
  color: #318cf6;
}

._container_125id_152 {
  display: flex;
  flex-direction: column;
  flex: 1;
}

._customCheckbox_125id_158 ._checkmark_125id_158::after {
  content: "";
  position: absolute;
  display: none;
}

._customCheckbox_125id_158 input:checked + ._checkmark_125id_158::after {
  display: block;
}

._customCheckbox_125id_158 ._checkmark_125id_158::after {
  left: 20%;
  top: -20%;
  width: 40%;
  height: 80%;
  border: solid #333;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  pointer-events: none;
}

._pdfUploaderContainer_125id_179 {
  display: flex;
  gap: 10px;
  margin: auto;
  padding: 9px;
  border-radius: 6px;
}

._questionnaireWrapper_125id_187 {
  background-color: #fff;
  padding: 17px;
  flex: 1;
  border-radius: 6px;
  display: flex;
}
._questionnaireWrapper_125id_187 ._questionnaireAgent_125id_194 {
  margin: auto;
  justify-items: center;
  align-items: center;
  text-align: center;
  margin: auto;
}
._questionnaireWrapper_125id_187 ._questionnaireContext_125id_201 {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 10px;
}
._questionnaireWrapper_125id_187 ._questionnaireContext_125id_201 ._questionnaireButton_125id_207 {
  width: fit-content;
  margin: auto auto 29px auto;
  padding: 2px 20px;
}

._questionnaireTitle_125id_213 {
  color: #5f6f8d;
  font-size: 14px;
  line-height: 17px;
  font-weight: 700;
  text-wrap: wrap;
  word-wrap: break-word;
}

._optionalCardWrapper_125id_222 {
  display: flex;
  margin: auto;
  gap: 10px;
}
._optionalCardWrapper_125id_222 ._optionalCardItem_125id_227 {
  flex: 1;
  max-width: 500px;
  display: flex;
  flex-direction: column;
  border-radius: 6px;
  background-color: #fff;
}
._optionalCardWrapper_125id_222 ._optionalCardItem_125id_227 ._optionalCardTitleRow_125id_235 {
  display: flex;
  justify-items: center;
  padding-top: 10px;
}
._optionalCardWrapper_125id_222 ._optionalCardItem_125id_227 ._optionalCardTitleRow_125id_235 ._optionalCardTitle_125id_235 {
  color: #5f6f8d;
  font-size: 14px;
  line-height: 17px;
  font-weight: 700;
  margin: auto auto auto 0;
}
._optionalCardWrapper_125id_222 ._optionalCardItem_125id_227 ._optionalCardItemContent_125id_247 {
  flex: 1;
  display: flex;
}._signatureBoxWrapper_1p47z_1 {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  cursor: pointer;
  border: solid 2px transparent;
}
._signatureBoxWrapper_1p47z_1 ._signatureTitle_1p47z_11 {
  color: #4b4b4b;
  font-size: 1em;
  line-height: 16px;
  font-weight: 700;
  margin-bottom: 2px;
  min-width: 38px;
  max-width: 38px;
  text-align: center;
  padding-bottom: 5px;
}
._signatureBoxWrapper_1p47z_1 ._signatureIcon_1p47z_22 {
  width: 33%;
  height: 33%;
}

._signatureBoxWrapperSmall_1p47z_27 {
  gap: 4px;
  display: flex;
  height: fit-content;
  min-width: 53px;
  max-width: 53px;
  border-radius: 2px;
}

._requiredBox_1p47z_36 {
  background-color: rgba(255, 206, 60, 0.8);
}

._optionalBox_1p47z_40 {
  background-color: rgba(222, 228, 253, 0.8);
}

._signatureBoxWrapper_1p47z_1:hover {
  border: solid 2px #318cf6;
  transition-duration: 0.5s;
}

._signatureBoxHighlight_1p47z_49 {
  border: solid 2px #318cf6;
}

._signatureBoxWarning_1p47z_53 {
  border: dashed 2px #f63131;
}

._baseSignatureContainer_1p47z_57 {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}

._signatureImage_1p47z_66 {
  width: unset;
  max-width: 100%;
  height: unset;
  object-fit: unset;
  object-position: center;
}

._signatureContainer_1p47z_74 {
  display: flex;
}

._dragIcon_1p47z_78 {
  position: absolute;
  top: -14px;
  left: -14px;
  width: 28px;
  height: 28px;
  cursor: grab;
  border-radius: 50%;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
}

@keyframes _tilt-shaking_1p47z_1 {
  0% {
    transform: rotate(0deg) scale(1);
  }
  25% {
    transform: rotate(5deg) scale(1.1);
  }
  50% {
    transform: rotate(0deg) scale(1.1);
  }
  75% {
    transform: rotate(-5deg) scale(1.1);
  }
  100% {
    transform: rotate(0deg) scale(1);
  }
}
._tiltShaking_1p47z_106 {
  animation: _tilt-shaking_1p47z_1 0.2s ease 3;
}._container_lmg5p_1 {
  display: flex;
  flex-direction: column;
  flex: 1;
}
._container_lmg5p_1 ._auditStamp_lmg5p_6 {
  position: absolute;
  left: 28%;
  top: 0%;
  width: 28%;
  height: 16%;
}._pdfWebViewerWrapper_w8cyc_1 {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background-color: #a5a5a5;
}
._pdfWebViewerWrapper_w8cyc_1 .react-pdf__Document {
  display: flex;
  flex-direction: column;
  align-items: center;
}
._pdfWebViewerWrapper_w8cyc_1 .react-pdf__Page {
  max-width: 100%;
}
._pdfWebViewerWrapper_w8cyc_1 .react-pdf__Page canvas {
  max-width: 100% !important;
  height: auto !important;
}
._pdfWebViewerWrapper_w8cyc_1 ._pageWrapper_w8cyc_20 {
  position: relative;
  margin-bottom: 1rem;
}
._pdfWebViewerWrapper_w8cyc_1 ._pageWrapper_w8cyc_20 ._pageFieldsContainer_w8cyc_24 {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
._pdfWebViewerWrapper_w8cyc_1 ._noDocument_w8cyc_31 {
  height: 95vh;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
  padding: 40px;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: #fff;
}
._pdfWebViewerWrapper_w8cyc_1 ._noDocumentText_w8cyc_45 {
  margin: auto;
}

._signalPage_w8cyc_49 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}
._viewSwitch_1kbtw_2 {
  width: 70px;
  height: 28px;
  background-color: #F0F0F0;
  border-radius: 14px;
  position: relative;
  cursor: pointer;
  transition: background-color 0.2s;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.25) inset;
}
._viewSwitch_1kbtw_2 > svg path {
  fill: #3182CE;
}
._viewSwitch_1kbtw_2 > svg:first-child {
  position: absolute;
  top: 2px;
  left: 2px;
}
._viewSwitch_1kbtw_2 > svg:last-child {
  position: absolute;
  top: 2px;
  right: 2px;
}
._viewSwitch_1kbtw_2 svg {
  width: 24px;
  height: 24px;
  padding: 2px;
  box-sizing: border-box;
}

/* 滑块 */
._viewSwitchSlider_1kbtw_33 {
  width: 26px;
  height: 26px;
  background-color: #fff;
  border-radius: 35px;
  position: absolute;
  margin: 1px;
  transition: transform 0.2s ease;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.25);
  z-index: 1;
  border: 1px solid #E9E9E9;
  box-sizing: border-box;
}

._viewSwitch_1kbtw_2._checked_1kbtw_47 ._viewSwitchSlider_1kbtw_33 {
  transform: translateX(42px);
}._container_12mp1_1 {
  display: flex;
  flex-direction: row;
  align-items: center;
}
._container_12mp1_1 span {
  margin-left: 3px;
}

._statusLight_12mp1_10 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid #FFF;
}

._statusLight_12mp1_10.pending {
  background-color: #318CF6;
}

._statusLight_12mp1_10.inprogress {
  background-color: #EE8F00;
}

._statusLight_12mp1_10.delivered {
  background-color: #9F9F9F;
}

._statusLight_12mp1_10.cancelled {
  background-color: #FF5B5B;
}._photographerAvatar_11tz9_1 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: cover;
  color: #FFF;
  font-size: 16px;
  font-weight: 600;
}._card_1cbwi_1 {
  display: flex;
  flex-direction: column;
  padding: 11px 0px 15px 0px;
  font-weight: 600;
  color: #515151;
  position: relative;
  cursor: pointer;
}

._titleRow_1cbwi_11, ._dataRow_1cbwi_11 {
  display: flex;
}
._titleRow_1cbwi_11:not(:last-child), ._dataRow_1cbwi_11:not(:last-child) {
  margin-bottom: 9px;
}

._titleRow_1cbwi_11 {
  align-items: center;
}

._dataRow_1cbwi_11 {
  align-items: flex-start;
}

._photographerAvatar_1cbwi_26 {
  width: 34px;
  height: 34px;
}

._photographerName_1cbwi_31, ._value_1cbwi_31 {
  margin-left: 7px;
}

._status_1cbwi_35 {
  margin-left: auto;
  font-weight: 500;
}

._label_1cbwi_40 {
  color: #ABABAB;
  width: 45px;
  display: inline-block;
}

._arrow_1cbwi_46 {
  position: absolute;
  right: 0;
  top: 80px;
  width: 6px;
  height: 10px;
}._calendarHeader_ot9sj_1 {
  display: flex;
  justify-content: space-between;
}
._calendarHeader_ot9sj_1 ._calendarHeaderDay_ot9sj_5 {
  flex: 1;
  color: #8c8c8c;
  font-weight: 400;
  padding: 4px 10px;
  border: solid 1px #d5d5d5;
  border-bottom: none;
  margin-bottom: 0;
  border-collapse: collapse;
  border-right: none;
}
._calendarHeader_ot9sj_1 ._calendarHeaderDay_ot9sj_5:last-child {
  border-right: solid 1px #d5d5d5;
}
._calendarHeader_ot9sj_1 ._calendarHeaderDay_ot9sj_5._today_ot9sj_19 {
  color: #4466dd;
}

._calendarBody_ot9sj_23 {
  display: flex;
  flex-direction: column;
  margin-top: 0px;
}

._calendarWeek_ot9sj_29 {
  display: flex;
  height: 158px;
  border-bottom: 1px solid #d5d5d5;
}
._calendarWeek_ot9sj_29:first-child {
  border-top: 1px solid #d5d5d5;
}

._calendarDay_ot9sj_38 {
  flex: 1;
  border-right: 1px solid #d5d5d5;
  padding: 2px 8px 13px 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
._calendarDay_ot9sj_38:first-child {
  border-left: 1px solid #d5d5d5;
}
._calendarDay_ot9sj_38 ._day_ot9sj_49 {
  color: #808080;
  text-align: right;
  font-size: 16px;
  font-weight: 600;
}
._calendarDay_ot9sj_38._today_ot9sj_19 {
  border: 1px solid #4466dd;
}

._timeSlot_ot9sj_59 {
  height: 34px;
  border-radius: 24px;
  background-color: #f0f0f0;
  display: flex;
}
._timeSlot_ot9sj_59 ._addOrderButton_ot9sj_65 {
  cursor: pointer;
  margin-left: auto;
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  border: none;
}
._timeSlot_ot9sj_59._isAvailable_ot9sj_73 {
  background-color: #84d47d;
}
._timeSlot_ot9sj_59._isAvailable_ot9sj_73 ._addOrderButton_ot9sj_65 circle {
  fill: #84d47d;
}
._timeSlot_ot9sj_59._photographerView_ot9sj_79 {
  background-color: unset;
  border: 1px solid #f2f2f2;
}
._timeSlot_ot9sj_59._allowCreateOrder_ot9sj_83 {
  cursor: pointer;
}
._timeSlot_ot9sj_59:hover {
  filter: brightness(0.85);
}

._orders_ot9sj_90 {
  display: flex;
}
._orders_ot9sj_90._collapsed_ot9sj_93 {
  position: relative;
  width: 90px;
}
._orders_ot9sj_90._collapsed_ot9sj_93 ._order_ot9sj_90:not(:first-child) {
  position: relative;
}
._orders_ot9sj_90._collapsed_ot9sj_93 ._order_ot9sj_90:not(:first-child):nth-child(2) {
  left: -16px;
}
._orders_ot9sj_90._collapsed_ot9sj_93 ._order_ot9sj_90:not(:first-child):nth-child(3) {
  left: -32px;
}
._orders_ot9sj_90._collapsed_ot9sj_93 ._orderCount_ot9sj_106 {
  left: -32px;
  position: relative;
  display: flex;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  flex-shrink: 0;
  background-color: #d9d9d9;
  color: #1464ff;
  border: 1px solid #fff;
  justify-content: center;
  align-items: center;
  font-weight: 600;
}
._orders_ot9sj_90._collapsed_ot9sj_93 ._order_ot9sj_90 ._orderStatus_ot9sj_121 {
  display: none;
}

._order_ot9sj_90 {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  flex-shrink: 0;
  cursor: pointer;
  border: 1px solid #fff;
  position: relative;
}
._order_ot9sj_90:not(:first-child) {
  margin-left: 4px;
}
._order_ot9sj_90 ._orderStatus_ot9sj_121 {
  position: absolute;
  bottom: -1px;
  right: -3px;
}

._cardsContainer_ot9sj_143 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  background-color: #fff;
  border-radius: 6px;
  overflow: hidden;
  width: 265px;
  font-size: 12px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
._cardsContainer_ot9sj_143 ._cardsHeader_ot9sj_154 {
  padding: 8px 15px;
  font-weight: 600;
  background-color: #f1f1f1;
}
._cardsContainer_ot9sj_143 ._cards_ot9sj_143 {
  padding: 0px 15px;
  overflow-y: scroll;
  max-height: 425px;
}
._cardsContainer_ot9sj_143 ._cards_ot9sj_143 ._card_ot9sj_143:not(:last-child) {
  border-bottom: 1px solid #ededed;
}

._calendar_ot9sj_1 {
  min-width: 1000px;
}._controlRow_1go9o_1 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  padding-bottom: 20px;
  align-items: center;
  justify-content: end;
}
._controlRow_1go9o_1 .MuiButtonBase-root {
  margin-left: 15px;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: none;
  border-radius: 6px;
}

._row_1go9o_19 {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
._row_1go9o_19 input {
  height: 20px;
}

._searchRow_1go9o_28 {
  flex: 1;
  justify-content: end;
}
._searchRow_1go9o_28 span {
  font-size: 12px;
}
._searchRow_1go9o_28 .MuiFormLabel-root {
  font-size: 12px;
}
._searchRow_1go9o_28 .MuiFormControl-root .MuiInputBase-root, ._searchRow_1go9o_28 ._dateRangePicker_1go9o_38, ._searchRow_1go9o_28 ._select_1go9o_38 {
  font-size: 12px;
  height: 33px;
  box-sizing: border-box;
}
._searchRow_1go9o_28 .MuiFormControl-root .MuiInputBase-root {
  padding: 4px 10px;
}
._searchRow_1go9o_28 .MuiFormControl-root .MuiInputBase-root input {
  padding: 0px;
  height: 25px;
}

._searchField_1go9o_51 {
  flex: 1;
}

.MuiButtonBase-root._floatRight_1go9o_55 {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: none;
  padding: 10px 20px;
  border-radius: 6px;
}

._option_1go9o_65 {
  font-size: 12px;
}

._viewSwitch_1go9o_69 {
  margin-left: 20px;
}

._container_1go9o_73.rw-segment {
  border-radius: unset;
  min-width: 1000px;
}._row_1tkmm_1 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  padding: 10px 0px;
  align-items: center;
}

._searchRow_1tkmm_9 {
  margin-bottom: 15px;
}
._searchRow_1tkmm_9 span {
  font-size: 12px;
}
._searchRow_1tkmm_9 .MuiFormLabel-root {
  font-size: 12px;
}
._searchRow_1tkmm_9 .MuiFormControl-root .MuiInputBase-root {
  width: 200px;
  height: 33px;
  box-sizing: border-box;
  padding: 4px 10px;
  font-size: 12px;
}
._searchRow_1tkmm_9 .MuiFormControl-root .MuiInputBase-root input {
  padding: 0px;
  height: 25px;
}

._arrowIcon_1tkmm_30 {
  width: 24px;
  height: 24px;
  cursor: pointer;
}

._addressInput_1tkmm_36.MuiFormControl-root {
  margin-left: auto;
}

._summaryTitle_1tkmm_40 {
  display: block;
  margin-bottom: 15px;
}._inputRow_1vaqe_1 {
  display: flex;
  gap: 15px;
  margin: 20px 0px 30px 0px;
}
._inputRow_1vaqe_1 .MuiTextField-root {
  width: 220px;
}
._inputRow_1vaqe_1 input {
  height: 33px;
  box-sizing: border-box;
}
._inputRow_1vaqe_1 ._dateRangePicker_1vaqe_13 {
  width: 260px;
  height: 33px;
  box-sizing: border-box;
  font-size: 12px;
}

._realtorInput_1vaqe_20 {
  width: 300px;
}
._realtorInput_1vaqe_20 .MuiFormControl-root {
  width: 100%;
}
._realtorInput_1vaqe_20 .MuiFormControl-root .MuiInputBase-root {
  height: 33px;
  box-sizing: border-box;
  padding: 4px 10px;
  font-size: 12px;
}
._realtorInput_1vaqe_20 .MuiFormControl-root .MuiInputBase-root input {
  padding: 0px;
  height: 25px;
}._form_1w1gr_1 {
  height: 100vh;
}
._form_1w1gr_1 ._closeIcon_1w1gr_4 {
  margin-left: auto;
  width: 20px;
  height: 20px;
  padding: 10px;
  cursor: pointer;
}
._form_1w1gr_1 ._closeIcon_1w1gr_4 > svg {
  fill: #576265;
}

._row_1w1gr_15 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  padding: 10px 0px;
  align-items: center;
  margin-bottom: 15px;
}
._row_1w1gr_15 span {
  font-size: 12px;
}
._row_1w1gr_15 .MuiFormLabel-root {
  font-size: 12px;
}
._row_1w1gr_15 .MuiFormControl-root {
  width: 200px;
}
._row_1w1gr_15 .MuiFormControl-root .MuiInputBase-root {
  height: 33px;
  box-sizing: border-box;
  padding: 4px 10px;
  font-size: 12px;
}
._row_1w1gr_15 .MuiFormControl-root .MuiInputBase-root input {
  padding: 0px;
  height: 25px;
}

._w20_1w1gr_43 {
  width: 20%;
}

._floatRight_1w1gr_47 {
  margin-left: auto;
}

._summaryTitle_1w1gr_51 {
  display: block;
  margin-bottom: 15px;
}

._arrowIcon_1w1gr_56 {
  width: 24px;
  height: 24px;
  cursor: pointer;
}

._addressInput_1w1gr_62.MuiFormControl-root {
  margin-left: auto;
}._row_hsp6p_1 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  padding: 10px 0px;
  align-items: center;
}

._inputRow_hsp6p_9 {
  display: flex;
  gap: 15px;
  margin: 20px 0px 30px 0px;
}
._inputRow_hsp6p_9 .MuiTextField-root {
  width: 220px;
}
._inputRow_hsp6p_9 input {
  height: 33px;
  box-sizing: border-box;
}
._inputRow_hsp6p_9 .MuiInputBase-root {
  font-size: 12px;
}

._photographerInput_hsp6p_25 {
  width: 300px;
}
._photographerInput_hsp6p_25 .MuiFormControl-root {
  width: 100%;
}
._photographerInput_hsp6p_25 .MuiFormControl-root .MuiInputBase-root {
  height: 33px;
  box-sizing: border-box;
  padding: 4px 10px;
}
._photographerInput_hsp6p_25 .MuiFormControl-root .MuiInputBase-root input {
  padding: 0px;
  height: 25px;
}

._arrowIcon_hsp6p_41 {
  width: 24px;
  height: 24px;
  cursor: pointer;
}

._dateInput_hsp6p_47 {
  height: 23px;
  margin: 0px;
  border: 1px solid rgba(0, 0, 0, 0.23);
  padding: 7.5px 14px;
}

._addressInput_hsp6p_54 {
  margin-left: auto;
}/* some global use style */
body {
  margin: 0px !important;
}

a {
  text-decoration: none;
}

svg {
  width: 100%;
  height: 100%;
}

img {
  width: 100%;
  height: 100%;
}

.v-center {
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
}

.h-center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* All for style bar */
::-webkit-scrollbar {
  width: 20px;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgb(175, 175, 175);
  border: 7px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #888;
  cursor: pointer;
}

::-webkit-scrollbar-track {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 10px;
  margin-block: 15px;
}/* some global use style */
* {
  font: 'Roboto', 'SF Pro';
}

body {
  margin: 0px !important;
}

/* TODO: remove this for svg file, control size in component level */
svg,
img {
  width: 100%;
  height: 100%;
}

.v-center {
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
}

.h-center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.h-right {
  text-align: right;
  flex: 1;
}

/* All for style bar */
::-webkit-scrollbar {
  width: 20px;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgb(175, 175, 175);
  border: 7px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #888;
  cursor: pointer;
}

::-webkit-scrollbar-track {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 10px;
  margin-block: 15px;
}

/* collapse animate */
.ReactCollapse--collapse {
  transition: height 500ms;
}

/* global font style */
div {
  font-family: 'Roboto', sans-serif;
}

.showOnWeb {
  display: flex;
}

.showOnMobile {
  display: none;
}

.rowToColumn {
  display: flex;
  flex-direction: row;
}

@media (max-width: 768px) {
  .showOnWeb {
    display: none;
  }

  .showOnMobile {
    display: flex;
  }

  .showOnMobile.h-center {
    justify-content: center;
  }
  .rowToColumn {
    display: flex;
    flex-direction: column;
  }
}
/*
  normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css
*/

.rw-scaffold *,
.rw-scaffold ::after,
.rw-scaffold ::before {
  box-sizing: inherit;
}
.rw-scaffold main {
  color: #4a5568;
  display: block;
}
.rw-scaffold h1,
.rw-scaffold h2 {
  margin: 0;
}
.rw-scaffold a {
  background-color: transparent;
}
.rw-scaffold ul {
  margin: 0;
  padding: 0;
}
.rw-scaffold input {
  font-family: inherit;
  font-size: 100%;
  overflow: visible;
}
.rw-scaffold input:-ms-input-placeholder {
  color: #a0aec0;
}
.rw-scaffold input::-ms-input-placeholder {
  color: #a0aec0;
}
.rw-scaffold input::placeholder {
  color: #a0aec0;
}
.rw-scaffold table {
  border-collapse: collapse;
}

/*
  Style
*/

.rw-scaffold,
.rw-toast {
  background-color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.rw-header {
  display: flex;
  justify-content: space-between;
  padding: 1rem 2rem 1rem 2rem;
}
.rw-main {
  margin-left: 1rem;
  margin-right: 1rem;
  padding-bottom: 1rem;
}
.rw-segment {
  border-radius: 0.5rem;
  border-width: 1px;
  border-color: #e5e7eb;
  overflow: hidden;
  width: 100%;
  scrollbar-color: #a1a1aa transparent;
}
.rw-segment::-webkit-scrollbar {
  height: initial;
}
.rw-segment::-webkit-scrollbar-track {
  background-color: transparent;
  border-color: #e2e8f0;
  border-style: solid;
  border-radius: 0 0 10px 10px;
  border-width: 1px 0 0 0;
  padding: 2px;
}
.rw-segment::-webkit-scrollbar-thumb {
  background-color: #a1a1aa;
  background-clip: content-box;
  border: 3px solid transparent;
  border-radius: 10px;
}
.rw-segment-header {
  background-color: #e2e8f0;
  color: #4a5568;
  padding: 0.75rem 1rem;
}
.rw-segment-main {
  background-color: #f7fafc;
  padding: 1rem;
}
.rw-link {
  color: #4299e1;
  text-decoration: underline;
}
.rw-link:hover {
  color: #2b6cb0;
}
.rw-forgot-link {
  font-size: 0.75rem;
  color: #a0aec0;
  text-align: right;
  margin-top: 0.1rem;
}
.rw-forgot-link:hover {
  font-size: 0.75rem;
  color: #4299e1;
}
.rw-heading {
  font-weight: 600;
}
.rw-heading.rw-heading-primary {
  font-size: 1.25rem;
}
.rw-heading.rw-heading-secondary {
  font-size: 0.875rem;
}
.rw-heading .rw-link {
  color: #4a5568;
  text-decoration: none;
}
.rw-heading .rw-link:hover {
  color: #1a202c;
  text-decoration: underline;
}
.rw-cell-error {
  font-size: 90%;
  font-weight: 600;
}
.rw-form-wrapper {
  box-sizing: border-box;
  font-size: 0.875rem;
  margin-top: -1rem;
}
.rw-cell-error,
.rw-form-error-wrapper {
  padding: 1rem;
  background-color: #fff5f5;
  color: #c53030;
  border-width: 1px;
  border-color: #feb2b2;
  border-radius: 0.25rem;
  margin: 1rem 0;
}
.rw-form-error-title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
}
.rw-form-error-list {
  margin-top: 0.5rem;
  list-style-type: disc;
  list-style-position: inside;
}
.rw-button {
  border: none;
  color: #718096;
  cursor: pointer;
  display: flex;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.25rem 1rem;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.025em;
  border-radius: 0.25rem;
  line-height: 2;
  border: 0;
}
.rw-button:hover {
  background-color: #718096;
  color: #fff;
}
.rw-button.rw-button-small {
  font-size: 0.75rem;
  border-radius: 0.125rem;
  padding: 0.25rem 0.5rem;
  line-height: inherit;
}
.rw-button.rw-button-green {
  background-color: #48bb78;
  color: #fff;
}
.rw-button.rw-button-green:hover {
  background-color: #38a169;
  color: #fff;
}
.rw-button.rw-button-blue {
  background-color: #3182ce;
  color: #fff;
}
.rw-button.rw-button-blue:hover {
  background-color: #2b6cb0;
}
.rw-button.rw-button-red {
  background-color: #e53e3e;
  color: #fff;
}
.rw-button.rw-button-red:hover {
  background-color: #c53030;
}
.rw-button-icon {
  font-size: 1.25rem;
  line-height: 1;
  margin-right: 0.25rem;
}
.rw-button-group {
  display: flex;
  justify-content: center;
}
.rw-button-group .rw-button {
  margin: 0 0.25rem;
}
.rw-form-wrapper .rw-button-group {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.rw-label {
  display: block;
  margin-top: 1.5rem;
  color: #4a5568;
  font-weight: 600;
}
.rw-label.rw-label-error {
  color: #c53030;
}
.rw-input {
  display: block;
  margin-top: 0.5rem;
  width: 100%;
  padding: 0.5rem;
  border-width: 1px;
  border-style: solid;
  border-color: #e2e8f0;
  color: #4a5568;
  border-radius: 0.25rem;
  outline: none;
}
.rw-check-radio-item-none {
  color: #4a5568;
}
.rw-check-radio-items {
  display: flex;
  justify-items: center;
}
.rw-input[type='checkbox'] {
  display: inline;
  width: 1rem;
  margin-left: 0;
  margin-right: 0.5rem;
  margin-top: 0.25rem;
}
.rw-input[type='radio'] {
  display: inline;
  width: 1rem;
  margin-left: 0;
  margin-right: 0.5rem;
  margin-top: 0.25rem;
}
.rw-input:focus {
  border-color: #a0aec0;
}
.rw-input-error {
  border-color: #c53030;
  color: #c53030;
}

.rw-input-error:focus {
  outline: none;
  border-color: #c53030;
  box-shadow: 0 0 5px #c53030;
}

.rw-field-error {
  display: block;
  margin-top: 0.25rem;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.75rem;
  color: #c53030;
}
.rw-table-wrapper-responsive {
  overflow-x: auto;
}
.rw-table-wrapper-responsive .rw-table {
  min-width: 48rem;
}
.rw-table {
  table-layout: auto;
  width: 100%;
  font-size: 0.875rem;
}
.rw-table th,
.rw-table td {
  padding: 0.75rem;
}
.rw-table td {
  background-color: #ffffff;
  color: #1a202c;
}
.rw-table tr:nth-child(odd) td,
.rw-table tr:nth-child(odd) th {
  background-color: #f7fafc;
}
.rw-table thead tr {
  color: #4a5568;
}
.rw-table th {
  font-weight: 600;
  text-align: left;
}
.rw-table thead th {
  background-color: #e2e8f0;
  text-align: left;
}
.rw-table tbody th {
  text-align: left;
}
@media (min-width: 768px) {
  .rw-table tbody th {
    width: 20%;
  }
}
.rw-table tbody tr {
  border-top-width: 1px;
}
.rw-table input {
  margin-left: 0;
}
.rw-table-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 17px;
  padding-right: 0.25rem;
}
.rw-table-actions .rw-button {
  background-color: transparent;
}
.rw-table-actions .rw-button:hover {
  background-color: #718096;
  color: #fff;
}
.rw-table-actions .rw-button-blue {
  color: #3182ce;
}
.rw-table-actions .rw-button-blue:hover {
  background-color: #3182ce;
  color: #fff;
}
.rw-table-actions .rw-button-red {
  color: #e53e3e;
}
.rw-table-actions .rw-button-red:hover {
  background-color: #e53e3e;
  color: #fff;
}
.rw-text-center {
  text-align: center;
}
.rw-login-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24rem;
  margin: 4rem auto;
  flex-wrap: wrap;
}
.rw-login-container .rw-form-wrapper {
  width: 100%;
}
.rw-login-link {
  margin-top: 1rem;
  color: #4a5568;
  font-size: 90%;
  text-align: center;
  flex-basis: 100%;
}