.filteredProductModal {
  .proModalWrap {
    .info {
      background: #ecf1fd;
      border: 1px solid #bdcff9;
      border-radius: 2px;
      padding: 8px 0 8px 16px;
      margin-bottom: 12px;
    }

    .filteredProductModalContent {
      display: flex;

      .rightCot {
        width: 100%;
        margin-left: 16px;

        .selectedCot {
          width: 722px;
          margin-left: 4px;
          // height: 148px;
          padding-bottom: 12px;
          background: #f8f8f8;
          border: 1px solid #e0e0e0;
          border-radius: 2px;
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;

          .selectedItem {
            box-sizing: border-box;
            margin-top: 12px;
            margin-left: 18px;
            height: 52px;
            position: relative;

            // &:nth-child(10){
            //     margin-left: 0px !important;
            // }
            &:hover {
              .selectedItemImg {
                width: 52px;
                height: 52px;
                border: 1px solid #4477ee;
                box-shadow: 0 0 0 2px rgba(68, 119, 238, 0.15);
                border-radius: 2px;
              }

              .selectedItemClose {
                display: inline-block;
                width: 16px;
                position: absolute;
                top: -10px;
                right: -8px;
                z-index: 400;
              }
            }

            .selectedItemClose {
              display: none;
            }

            &:nth-child(n + 11) {
              margin-top: 5px !important;
            }

            .selectedItemImg {
              height: 52px;
              width: 52px;
              border: 1px solid #e0e0e0;
              border-radius: 2px;
            }
          }
        }
      }

      .leftCot {
        width: 300px;
        // height: 400px;
        box-sizing: border-box;
        border-right: 1px solid #e0e0e0;

        .price {
          display: flex;
          width: calc(100% - 16px);

          .icon {
            width: 100px;
            display: flex;
            justify-content: center;
            align-items: center;
            border: 1px solid #e0e0e0;
            border-radius: 2px;
          }
        }

        .inputStyle {
          width: calc(100% - 16px);
          // height: 28px;
        }

        .buttonStyle {
          width: calc(100% - 16px);
          margin-top: 20px;
          display: flex;
          flex-direction: row-reverse;
          align-items: center;
        }
      }
    }

    .footer {
      height: 44px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-top: 1px solid #e0e0e0;
    }

    .total {
      font-family: NunitoSans-Regular;
      font-size: 13px;
      color: #2d3040;
    }
  }

  .ant-modal-body {
    padding: 16px 16px 0 16px !important;
  }

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

  .ant-modal {
    top: 25px;
  }
}

.ant-modal-root {
  display: flex;
  justify-content: center;
}
