.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{ }