.container3d { width: 100%; height: 100%; background-color: #ffffff; display: flex; .ant-tabs-content { height: 100%; } .ant-table-wrapper { height: calc(100% - 51px); } .ant-table { height: calc(100% - 70px); } 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; } .ant-card-body { padding: 12px 24px 24px 25px; } } .imgList { display: flex; flex-wrap: wrap; } .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; } } .cardsList { display: flex; flex-wrap: wrap; } .cardItem { width: 18rem; height: 26rem; margin: 0 2rem; } .containerFileds { display: flex; justify-content: space-between; width: 98%; border: 1px solid #f0f0f0; margin-top: 0.5rem; }