.rs__welcome__back__popup {
    margin: auto;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    max-height: 100vh;
    overflow-y: auto;
    background-color: transparent;
    z-index: 1000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 50px 0px;
}

.mf__popup__wrap {
    width: 600px;
    padding: 30px 30px;
    margin: auto 0px;
    background-color: white;
    border-radius: 25px;
    height: fit-content;
    position: relative;
}

/* width */
.mf__popup__wrap::-webkit-scrollbar {
  width: 7px;
}

/* Track */
.mf__popup__wrap::-webkit-scrollbar-track {
  background: #efefef; 
  border-radius: 20px;
}
 
/* Handle */
.mf__popup__wrap::-webkit-scrollbar-thumb {
  background: #585858; 
  border-radius: 20px;
}

/* Handle on hover */
.rs__welcome__back__popup .mf__popup__wrap::-webkit-scrollbar-thumb:hover {
  background: #555; 
}



.rs__welcome__back__popup .rs__grid {}

.rs__welcome__back__popup .rs__grid .rs__heading__wrap {
    margin: 0px 0px 25px;
}

.rs__welcome__back__popup .rs__grid .rs__toggle__btn__wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 21px;
    margin: 0px 0px 25px;
}

.rs__welcome__back__popup .rs__grid .rs__form__wrap {}

.rs__welcome__back__popup .rs__grid .rs__heading__wrap .rs__heading {
    display: inline-block;
    font-size: 25px;
    font-weight: 600;
}

.rs__welcome__back__popup .rs__grid .rs__toggle__btn__wrap button {
    width: 100%;
    border-radius: 25px;
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    border: 1px solid transparent;
}

.rs__welcome__back__popup .rs__grid .rs__form__wrap label {
    font-size: 20px;
    font-weight: 600;
    color: black;
}

.rs__welcome__back__popup .rs__grid .rs__form__wrap input {
    border: unset;
    border-bottom: 2px solid #1BC469;
    font-size: 20px;
    min-height: 30px;
    outline: none;
    padding: 0px 40px 0px 0px;
}

.rs__welcome__back__popup .rs__grid .rs__form__wrap .rs__btn__wrap button {
    background: #34C759;
    border: 1px solid transparent;
    font-size: 20px;
    font-weight: 700;
    color: white;
    padding: 15px 55px;
    border-radius: 100px;
}

.rs__welcome__back__popup .rs__grid .rs__form__wrap .rs__notify {
    margin: 10px 0px 0px;
    border: 2px solid lightgray;
    border-radius: 20px;
    padding: 8px 16px;
    color: lightgray;
    font-size: 18px;
}

.rs__welcome__back__popup .rs__grid .rs__toggle__btn__wrap button.rs__primary__btn {
    border: 1px solid var(--Accents-Green, #34C759);
    background: var(--Accents-Green, #34C759);
}

.rs__welcome__back__popup .rs__grid .rs__toggle__btn__wrap button img {
    height: 52px;
    width: 52px;
}

.rs__welcome__back__popup .rs__grid .rs__toggle__btn__wrap button span {
    font-size: 26px;
    font-weight: 500;
}

.rs__welcome__back__popup .rs__grid .rs__toggle__btn__wrap button.rs__primary__btn span {
    color: white;
}

.rs__welcome__back__popup .rs__grid .rs__toggle__btn__wrap button.rs__secondry__btn {
    border: 1px solid var(--Accents-Green, #34C759);
    background-color: white;
}

.rs__welcome__back__popup .rs__grid .rs__toggle__btn__wrap button.rs__secondry__btn span {
    color: black;
}

.rs__welcome__back__popup .rs__grid .rs__form__wrap .rs__input__group {
    display: flex;
    flex-direction: column;
    gap: 0px;
    margin: 0px 0px 25px;
    position: relative;
}

.rs__welcome__back__popup .rs__grid .rs__form__wrap form {
    display: flex;
    flex-direction: column;
    gap: 0px;
}

.rs__popup__shadow {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: .8;
}

.rs__welcome__back__popup .rs__grid .rs__form__wrap .rs__btn__wrap {}

.rs__welcome__back__popup .rs__grid .rs__form__wrap .rs__notify.rs__error__msg {
    border: 2px solid red;
    color: red;
}

.rs__welcome__back__popup .rs__grid .rs__form__wrap .rs__notify.rs__success__msg {
    border: 2px solid green;
    color: green;
}
.rs__welcome__back__popup .rs__grid .rs__form__wrap .rs__input__group .password__text__toggle {
    position: absolute;
    right: 0;
    bottom: 3px;
    background-color: transparent;
    border: 1px solid transparent;
}
.rs__popup__shadow.rs__popup__shadow__hide {
    display: none;
}

.rs__popup.rs__welcome__back__popup.rs__welcome__back__popup__hide {
    display: none;
}


.popup-close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 15px;
    cursor: pointer;
    z-index: 999;
    border: 1px solid #34c759;
    padding: 10px 15px;
    border-radius: 100%;
}



@media (max-width:1537px) {
    .rs__project__detail__popup .rs__popup__header .rs__top .rs__left .rs__text__wrap .rs__subTitle {
    font-size: 18px;
}
.rs__job__details__wrap .rs__job__details .rs__bottom .rs__text__wrap p {
    font-size: 18px;
}
.rs__teams__wrap .rs__team__overview .rs__top .rs__text__wrap .rs__title {
    font-size: 20px;
    
}
.rs__project__duration__startEnd .rs__end__date {
    font-size: 18px;
}
.rs__teams__wrap .rs__task__dev__grid .rs__task__dev__col .rs__top .rs__text__wrap .rs__title {
    font-size: 18px;
}
.rs__teams__wrap .rs__task__dev__grid .rs__task__dev__col .rs__top .rs__text__wrap .rs__subTitle {
    font-size: 14px;
}
.rs__teams__wrap .rs__task__dev__grid .rs__task__dev__col .rs__bottom .rs__quant .rs__text {
    font-size: 16px;
}
.rs__project__detail__popup .rs__popup__header .rs__bottom .rs__right .rs__pro__status p span {
    font-size: 17px;
}
.rs__tickets__and__tasks__wrap .rs__ticket__and__task .rs__top .rs__left .rs__text__wrap .rs__title {
    font-size: 18px;
}
.rs__tickets__and__tasks__wrap .rs__ticket__and__task .rs__top .rs__left .rs__text__wrap .rs__subTitle {
    font-size: 16px;
}
.rs__notes__wrap .rs__current__notes .rs__note__box .rs__note .rs__note__header .rs__note__date .rs__project__duration__startEnd span {
    font-size: 18px;
}
.rs__notes__wrap .rs__notes__nav .rs__nav__btn {
    font-size: 18px;
}
.rs__notes__wrap .rs__current__notes .rs__note__box .rs__note .rs__note__header .rs__note__title .rs__title {
    font-size: 20px;
}
.rs__notes__wrap .rs__current__notes .rs__note__box .rs__note .rs__note__content .rs__note__text__wrap .rs__note__text {
    font-size: 18px;
}

.rs__create__new__ticket .rs__popup__body .rs__ticket__duration__wrap .rs__date__field__wrap .rs__field.rs__date__field label {
    font-size: 16px;
}

.mf__upload__logo__btn {
    font-size: 16px;
}
.rs__compo__span span {
    font-size: 18px;
}
.rs__popup.rs__member__detail__popup .rs__header__detail .rs__right .rs__title__wrap .rs__header__bar .rs__sm__box .rs__text {
    font-size: 18px;
}
.mf__member__docs .mf__member__doc__info span {
    font-size: 16px;
}
.mf__member__card .mf__member__docs .mf__member__doc__info small {
    font-size: 14px;
}
}

@media (max-width:568px) {

    .mf__popup__wrap {
    width: 95%;
    padding: 25px 20px;
}

.rs__add__new__project .rs__popup__body .rs__fields__wrap .rs__field label.active {
    font-size: 14px;
}
.rs__add__new__project .rs__popup__body .rs__fields__wrap .rs__field input[type="date"] {
    font-size: 14px;
}
.rs__add__new__project .rs__popup__body .rs__fields__wrap .rs__field input[type="text"], .rs__add__new__project .rs__popup__body .rs__fields__wrap .rs__field select, .rs__add__new__project .rs__popup__body .rs__fields__wrap .rs__field input[type="date"], .rs__add__new__project .rs__popup__body .rs__fields__wrap .rs__field input[type="number"] {
    font-size: 14px;
}
.rs__popup .rs__popup__footer button {
    font-size: 14px;
}
.rs__grid__2p .rs__nav__wrap .rs__nav__btn {
    font-size: 16px;
}
.rs__project__detail__popup .rs__popup__header .rs__top .rs__left .rs__text__wrap .rs__title {
    font-size: 20px;
}
.rs__project__detail__popup .rs__popup__header .rs__top .rs__left .rs__text__wrap .rs__subTitle {
    font-size: 15px;
}
.rs__project__duration__startEnd .rs__start__date {
    font-size: 14px;
}
.rs__project__duration__startEnd .rs__end__date {
    font-size: 14px;
}
.rs__project__detail__popup .rs__popup__header .rs__bottom .rs__right .rs__pro__status p span {
    font-size: 13px;
}
.rs__notes__wrap .rs__notes__nav .rs__nav__btn {
    font-size: 15px;
}
.rs__phases__wrap .rs__phase .rs__sections__wrap .rs__section .rs__section__top .rs__title__wrap .rs__section__title {
    font-size: 16px;
}
.rs__phases__wrap .rs__phase .rs__sections__wrap .rs__section .rs__section__top .rs__title__wrap .rs__section__subTitle {
    font-size: 14px;
}
.rs__job__details__wrap .rs__job__details .rs__bottom .rs__text__wrap p {
    font-size: 14px;
}
.rs__job__details__wrap .rs__project__files__wrap .rs__top .rs__title {
    font-size: 20px;
}
.rs__job__details__wrap .rs__job__details .rs__top .rs__title {
    font-size: 20px;
}
.rs__teams__wrap .rs__team__overview .rs__top .rs__text__wrap .rs__title {
    font-size: 18px;
}
.rs__teams__wrap .rs__team__overview .rs__top .rs__text__wrap .rs__subTitle {
    font-size: 14px;
}
.rs__tickets__and__tasks__wrap .rs__ticket__and__task .rs__top .rs__left .rs__text__wrap .rs__title {
    font-size: 16px;
}
.rs__tickets__and__tasks__wrap .rs__ticket__and__task .rs__bottom .rs__task__overview .rs__task__overview__top .rs__title__wrap .rs__title {
    font-size: 16px;
}
.rs__tickets__and__tasks__wrap .rs__ticket__and__task .rs__bottom .rs__task__overview .rs__task__overview__bottom .rs__project__duration__startEnd > span {
    font-size: 14px;
}
.rs__notes__wrap .rs__current__notes .rs__note__box .rs__note .rs__note__header .rs__note__title .rs__title {
    font-size: 18px;
}
.rs__notes__wrap .rs__current__notes .rs__note__box .rs__note .rs__note__header .rs__note__date .rs__project__duration__startEnd span {
    font-size: 14px;
}
.rs__notes__wrap .rs__current__notes .rs__note__box .rs__note .rs__note__content .rs__note__text__wrap .rs__note__text {
    font-size: 14px;
}
.rs__create__new__ticket .rs__popup__body .rs__ticket__duration__wrap .rs__date__field__wrap .rs__field.rs__date__field label {
    font-size: 14px;
}
.rs__popup .rs__popup__body .rs__select__users__wrap .rs__users__grid .rs__user__box .rs__user__text__wrap .rs__user__name {
    font-size: 14px;
}

.rs__create__new__todo .rs__popup__body .rs__upload__files__wrap .rs__files__grid .rs__file__col.empty span {
    font-size: 12px;;
}
.rs__popup .rs__popup__body .rs__fields__wrap.rs__radio__wrap .rs__field.rs__radio .rs__radio__btn {
    font-size: 13px;
}

.rs__popup .rs__popup__body .rs__meeting__timer__wrap .rs__title__wrap .rs__title {
    font-size: 20px;
}
.rs__popup .rs__popup__body .rs__meeting__title__wrap .rs__title__wrap .rs__title {
    font-size: 20px;
}
.rs__popup .rs__popup__body .rs__todo__and__deliver__time .rs__title__wrap .rs__title {
    font-size: 20px;
}
.rs__popup .rs__popup__body .rs__select__users__wrap .rs__users__grid {
    grid-template-columns: 1fr 1fr;
}
.rs__popup.rs__member__detail__popup
  .rs__popup__body
  .rs__tabs__wrap
  .rs__overview__wrap
  .rs__card__grid
  .rs__card__box {
    width: 96%;
    margin: 10px 0;
}
.rs__card__box .rs__tubs__grid .rs__tub__wrap .rs__timeline__progressbar {
    width: 40px;
}
.rs__tubs__grid .rs__tub__wrap .rs__struc {
    padding: 10px 5px;
    text-align: left;
    font-size: 14px;
}
.rs__tubs__grid .rs__tub__wrap .rs__tub__details {
    border-right: none;
}
.rs__text__wrap {
    font-size: 14px;
}
.rs__compo__span span {
    font-size: 14px;
}
.rs__popup.rs__member__detail__popup {
    width: 100%;
}
.mf__member__card .mf__member__card__header h3 {
    font-size: 20px;
}
.mf__member__card__body
  .mf__member__card__main__box
  .mf__member__card__grid
  .mf__member__card__box
  span {
    font-size: 16px;
}
.rs__popup__header .rs__header__detail .mf__default__shape__second {
    right: 9px;
    top: 34px;
}
.mf__member__card__btns button {
    padding: 10px 5px;
}
}