.field{ width:100%; display: flex; justify-content: flex-start; flex-wrap: wrap; max-height: 20rem; overflow-y: scroll; .ant-card{ width: 80%; margin-left: 4rem; } .ant-card-head-title{ flex: none; } .ant-card-extra{ margin-left: 0.2rem; } .ant-card-body{ // padding: 0 ; height: 15rem; overflow-y: scroll; } } .paneTitle{ font-weight: bold; font-size: 18px; margin: 0 0 0.5rem 4rem; } .listEvent{ display: flex; } .cardList{ .ant-card-body{ overflow-y:none !important; } } .unit{ display: flex; margin-left: 1.1rem; align-items: center; } .listCard{ display: flex; .cardItem{ width: 50%; padding: 0.5rem; } .cardContent{ height:35rem; overflow-y: scroll; width: 22rem; } .cardItemData{ padding: 1rem; border: 1px solid #b5b8c8; margin-bottom: 1rem; } } .sortable-ghost { border-bottom: 2px dashed #1890ff; } .doctorTable { margin-bottom: 16px; table { width: 100%; td { padding: 6px; border: 1px solid #e8e8e8; } thead { tr { font-weight: 600; background: #FAFAFA; } td{ width: 12rem; } } tbody{ tr:hover{ background-color:#ededed ; } } } } .defaultTile{ background-color:transparent ; } .activeTile{ background-color:#dfe8f6 ; }