.role_container { display: flex; flex-direction: row; width: 80%; .select_btn { display: inline-block; cursor: pointer; text-align: center; padding: 0 0.8rem; color: rgba(22,133,255,1); } } .list_card{ overflow-y: scroll; height: 500px; } .divBox { // display: flex; width: 100%; flex-wrap: wrap; border: 1px solid #c2cdfd; border-radius: 5px; margin-top: 20px; min-height: 50px; padding: 0 10px 10px 20px; .ant-checkbox-wrapper { background-color: #fff; } .topCheckbox { // height: 75px; margin: -10px 0 0 0px; line-height: 20px; } .topCheckbox>label :hover { font-weight: 600; } .checkdiv { display: flex; flex-wrap: wrap; // margin-left: 20px; // justify-content: space-between; } } .divSingle { border: none; margin-top: 20px; min-width: 180px; // flex-grow: 0; // flex-shrink: 0; // flex:0 0 auto; // flex-basis: auto; margin-right: 10px; background: transparent; } .isSearch { color: red; background-color: yellow; } .boldLabel { font-size: 15px; font-weight: bold; background-color: #fff; } .btnBox { position: sticky; bottom: 0px; right: 0px; background-color: #fff; width: 100%; height: 80px; padding: 0 20px; display: flex; justify-content: flex-end; align-items: center; }