90 lines
1.5 KiB
SCSS
90 lines
1.5 KiB
SCSS
|
|
.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;
|
||
|
|
}
|
||
|
|
}
|