.container{
    width: 100%;

    background-color: #ffffff;
    display: flex;
  
    padding: 0.8rem;
    .ant-table-thead tr th {
        font-weight: 600;
        color: rgba(0, 0, 0, 0.85);
      }
      overflow-y: scroll;
      .ant-input-number-input{
          background-color: #ffffff;
          color: #000000;
      }
}
.imgList{
    display: flex;
}
.imgItem{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin:0  1rem 1rem 0;
}
.tileBtn{
    display: flex;
    justify-content: flex-end;
    width: 100%;
    padding: 0 0 2rem
}
.schemeName{
    margin-right: 0.8rem;
    font-weight: bold;
}

.schemeItem,.schemeBtn{
    display: flex;
    align-items: center;
}
.schemeBtn{
    width: 12rem;
    justify-content: center;
}
.mapItem{
    display: flex;
    border: 1px solid #ccc;
    border-radius: 4px;
    height: 2.2rem;
    align-items: center;
    margin: 0.5rem 0;
    width: 14.5rem;
}
.defaultTile{
    background: #ccc;
    color: white;
    cursor: pointer;
    height: 100%;
    display: flex;
    align-items: center;
    width: 3rem;
     justify-content: center;

}
.mapText{
    width: 10rem;
    text-align: center;
}
.mapIcon{
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.activeTile{
    background-color: #4699f4
}
.dropList {
    position: absolute;
    right: 2%;
    top: 25%;
    color: rgba(0, 0, 0, 0.25);
    z-index: 99;
}
.divider{
    display: flex;
    align-items: center;
    line-height: 100%;
    padding: 0.5rem;
    .dividerIcon{
        margin-left: 0.8rem;
        color: #4699f4;   
        cursor: pointer; 
    }
}
.ant-table {
    min-height: 15rem !important;
  }
  .cardsList{
    display: flex;
    flex-wrap: wrap;
  }
  .cardItem{
    width: 18rem;
    height: 26rem;
    margin: 0 2rem;
  }
.solutionConfig{
  
}