.fallback_constent {
  .fallback_select {
    h4 {
      margin-bottom: 5px;
    }

    >.ant-form-item {
      min-width: 100px;
      width: 200px;
      margin-bottom: 10px;
    }
  }

  .endorsement-approval {
    .countersigner_form {
      margin-bottom: 0px;

      .ant-input {
        margin-bottom: 10px;
      }

      .endorsement-approval_text {
        border-bottom: 1px solid rgba($color: #000000, $alpha: 0.06);
        color: rgba($color: #000000, $alpha: 0.25);
        margin-bottom: 10px;

        .recommend {
          margin-bottom: 10px;
        }

        .recommend_value {
          display: flex;
          flex-wrap: wrap;

          .Tag_value {
            background: #F2F2F2;
            font-size: 13px;
            color: #31373D;
            padding: 4px 10px;
            margin-right: 5px;
            border-radius: 4px;
            cursor: pointer;
            margin-bottom: 10px;
          }
        }
      }
    }
  }

  .fallback_upload {
    display: flex;
    margin-bottom: 10px;

    .upload_content {
      .upload_content_btn {
        border-radius: 5px;
      }
    }

    .text {
      svg {
        g {
          path {
            fill: rgba($color: #000000, $alpha: .45)
          }

          polygon {
            fill: rgba($color: #000000, $alpha: 0.45)
          }
        }
      }
    }
  }

  .fallback_checkbox {
    .ant-form-item {
      margin-bottom: 10px;
    }
  }

  .uploadimg {
    display: flex;
    flex-wrap: wrap;
    background-color: #FAFAFA;
    margin-bottom: 10px;

    .pieceimg {
      width: 6.875rem;
      height: 6.875rem;
      margin: 10px 8px;
      position: relative;
      cursor: pointer;

      .cxd-Image-thumb img {
        width: 100%;
        height: 100%;
      }

      .pieceimg_shadow {
        display: none;

      }

      &:hover {
        .pieceimg_shadow {
          width: 100%;
          height: 100%;
          position: absolute;
          display: flex;
          justify-content: space-around;
          align-items: center;
          top: 0;
          left: 0;
          background-color: #aaa;
          opacity: 0.7;
        }
      }

      .pieceimg_img {
        padding: 0;

      }

      .remove {
        position: absolute;
        width: 17px;
        height: 17px;
        top: -6px;
        right: -9px;
        z-index: 1;
        font-size: 18px;

        .remove_blank {
          svg {
            top: 0;
            color: #ffffff;
            background: #BBBDBF;
            border-radius: 50%;
          }
        }
      }
    }
  }

  .uploadtext {
    margin-bottom: 10px;

    .textfile_xls {
      padding: 3px 12px 3px 12px;
      border-radius: 4px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      background-color: #FAFAFA;
      margin-bottom: 5px;
      cursor: pointer;

      .textfile_size {
        display: flex;
        align-items: center;
        width: 80px;
        justify-content: space-between;

        .item-select-tag-size {
          font-size: 12px;
          margin-right: 20px;
          display: inline-block;
          width: 60px;
          text-align: right;
          color: rgba(0, 0, 0, 0.45);
        }

        .item-select-tag-btn {

          display: none;
          font-size: 15px;
          cursor: pointer;

          svg {
            color: #ffffff;
            background: #BBBDBF;
            border-radius: 50%;
          }
        }
      }

      .textfile_text {
        display: flex;
        align-items: center;
        flex: 1;
        padding-right: 10px;
        overflow: hidden;

        .textfile_icon {
          font-size: 20px;
          margin-right: 10px;
        }

        .text {
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          font-size: 13px;
        }


      }

      &:hover {
        background-color: #ebeaea;

        .textfile_size {
          .item-select-tag-btn {

            display: inline-block;
          }
        }
      }
    }
  }
}

.fallback_constent_Mobile {
  width: 100%;
  padding: 10px 0;
  line-height: 1.5715;

  .fallback_select {
    display: flex;
    background-color: #fff;
    padding: 5px 12px;
    margin-bottom: 5px;


    label {
      line-height: 1.5715;
      display: flex;
      align-items: center;

    }

    .fallback_select_text {
      flex: 1;

      .ant-select-arrow {
        transform: rotate(-90deg);
      }
    }
  }

  .endorsement_button {
    padding: 10px 10px;

    .Button_Mobile {
      border-radius: 4px;
    }
  }

  .endorsement-approval {
    .endorsement-approval_text {
      padding-left: 10px;

      .recommend_value {
        .Tag_value {
          background: rgb(234 235 237);
        }
      }
    }
  }

  .fallback_upload,
  .fallback_checkbox {
    padding-left: 10px;

  }


}