.Cancel-div { display: flex; gap: 1rem; width: 100%; flex-direction: column; } .Cancel-Form-radio { display: flex; flex-direction: row; gap: 1rem; } .cancel-desc-div { display: flex; flex-direction: row; width: 100%; gap: 2rem; } .cancel-activitytype { display: flex; flex-direction: row; column-gap: 1rem; flex-wrap: wrap; width: 80%; } .Datediv { display: flex; flex-direction: row; gap: 1rem; flex-wrap: wrap; .ant-form-item { margin-bottom: 6px !important; } } .Cancellation-Date-from-heading { width: 6rem; } .Cancellation-submitButton { display: flex; justify-content: flex-end; margin: 10px; padding: 10px; } .Cancellation-div { display: flex; flex-direction: row; column-gap: 1rem; flex-wrap: wrap; width: 100%; } .Cancellation-div.ant-form { width: 100%; } .swtichDays { display: flex; align-items: flex-start; white-space: nowrap; gap: 1.5rem; flex-flow: column; > div:nth-child(1) { display: flex; align-items: flex-start; white-space: nowrap; gap: 1rem; } .switch-header { font-family: VAR(--PARA_FONT_FAMILY); font-weight: 500; } .ant-switch-inner-checked, .ant-switch-inner-unchecked { font-family: 'Poppins'; font-weight: 500; } .ant-switch { background-color: rgb(0, 132, 255); &:hover { background-color: rgb(0, 132, 255); } } .ant-switch.ant-switch-checked { background-color: #52c41a; background: #52c41a; } }