
.custom-rrule-container{
    margin-top:10px;
}

.current-repeat-option-select {
    margin-left: 3px;
}

#repeat-every-label {
    margin: 0px 5px 0px 0px;
    color :var(--main-text-color);
    font: Bold 10px/18px Lato;
    letter-spacing: 0px;
    opacity: 1;
}

.last-select {
    margin-left: 12px;
}


#on-day-label,
#on-the-label {
    align-items: center;
    color: var(--main-text-color);
    font: 12px/14px Lato;
    letter-spacing: 0px;
    margin-right: 3px;
}

#on-the-label {
    margin-right: 3px;
}

.repeat-template-container {
    margin: 0px 0px 10px 0px;
}

.weekly-option-container {
    margin: 0px 0px 10px 40px;
}

.weekly-option-container .recurrent-container {
    padding-top: 7px;
}

.weekly-option-container .recurrent-container .button {
    flex: 1;
    color: var(--main-placeholder-color);
}

.weekly-option-container .recurrent-container .selected {
    background-color: var(--main-key-color);
    color: white;
}

.end-time-section {
    margin: 10px 0px 0px 0px;
}
.repeat-template-container,
.end-time-section {
    justify-content: end;
}

.after-count-container #after-select-container{
    display: flex;
    flex: 3;
    justify-content: end;
    align-items: center;
}

.repeat-template-container > .react-select,
.end-time-section > .react-select,
.on-date-container > .end-repeat-input,
#repeat-every-container {
    flex: 3;
}

#repeat-every-container{
    align-items: center;
}

.repeat-selection-container .on-date-container {
    margin-left: 0;
}

#repeat-label,#end-label {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    padding-right: 10px;
}

.daily-text-input .ant-input-number-input,
.weekly-text-input .ant-input-number-input,
.monthly-text-input .ant-input-number-input,
.yearly-text-input .ant-input-number-input {
    height: 26px;
}

.daily-text-input,
.weekly-text-input,
.monthly-text-input,
.yearly-text-input {
    margin-right: 3px;
}

.current-date-select,
.week-step-select {
    margin-right: 3px;
}

.last-select {
    margin: 0px;
}

.margin-select {
    margin: 0px 6px 0px 0px;
}

#of-label {
    color: var(--main-text-color);
    font: 11px/18px Lato;
    letter-spacing: 0px;
    margin-right: 6px;
}

#after-label {
    margin-left: 22px;
    margin-right: 6px;
}

.count-input-container {
    width : 145px;
}

#on-label {
    text-align: left;
    color: var(--main-text-color);
    font: 12px/9px Lato;
    letter-spacing: 0px;
    opacity:1;
    margin-right: 25px;
}

#year-on-the-label {
    color: var(--main-text-color);
    font: 12px/14px Lato;
    opacity: 1;
    text-align: left;
    letter-spacing: 0px;
    margin-right: 5px;
}