.r2z__signup__form { text-align: left;   }
.casf__signup__outer.closed .r2z__signup__form { display: none; }

.r2z__section__open_close { position: absolute; top: 24px; right: 16px; width: 66px; height: 26px; background-color: #ec1c99;  padding: 0px 8px; cursor: pointer;  z-index: 10; font-size: 12px; line-height: 26px; text-align: center; font-family: 'VAGRoundedNext-SemiBold';  }
.r2z__section__open_close:before { content: "CLOSE"; color: #FFFFFF; display: inline-block;  }
.closed .r2z__section__open_close:before { content: "OPEN"; color: #FFFFFF; display: inline-block;  }

.disabled .r2z__section__open_close { display: none;   }


.r2z__pathway__actions { position: relative;  display: flex; flex-direction: column; flex-wrap: nowrap;  }


.r2z__action__button { position: relative; display: block;  font-size: 15px; line-height: 20px; margin: 4px 0px 0px;   border-radius: 10px; cursor: pointer; padding: 6px 16px; border: 2px solid #ec1c99; text-align: center; text-transform: uppercase; font-family: 'VAGRoundedNext-SemiBold';  }
.r2z__action__button--add { margin-left: auto !important; background-color: #ec1c99; color: #FFFFFF;   }
.r2z__action__button--already_back { display: none;   }
.r2z__action__button--na_back { display: none;   }


.casf__action--already_do .r2z__action__button--add { display: none;   }
.casf__action--already_do .r2z__action__button--already { display: none;   }
.casf__action--already_do .r2z__action__button--na { display: none;   }
.casf__action--already_do .r2z__action__button--already_back { display: block;   }

.casf__action--na .r2z__action__button--add { display: none;   }
.casf__action--na .r2z__action__button--already { display: none;   }
.casf__action--na .r2z__action__button--na { display: none;   }
.casf__action--na .r2z__action__button--na_back { display: block;   }

.casf__action:hover .r2z__action__button:hover { color: #ef8631;  border-color: #ef8631; }
.casf__action:hover .r2z__action__button--add:hover { color: #FFFFFF;  border-color: #ef8631; background-color: #ef8631; }

.r2z__action__button--add { font-size: 15px; line-height: 20px;  }

.r2z__actionplan__action__share { position: relative; display: block; width: 32px; height: 32px; margin: 4px auto !important; cursor: pointer;   }
.r2z__actionplan__action__complete { position: relative; display: block; width: 32px; height: 32px; margin: 4px auto !important; cursor: pointer;  }
.r2z__actionplan__action__uncomplete { position: relative; display: none; width: 32px; height: 32px; margin: 4px auto !important; cursor: pointer;  }
.r2z__actionplan__action__remove { position: relative; display: block; width: 24px; height: 24px; margin: 4px auto !important; cursor: pointer;  }

.r2z__actionplan__action__edit { position: relative; display: block; width: 34px; height: 34px; margin: 4px auto !important; cursor: pointer; right: -3px;   }
.r2z__actionplan__action__save { position: relative; display: none; width: 32px; height: 32px; margin: 4px auto !important; cursor: pointer;  }

.casf__actionplan__action__edit { position: relative; display: block; width: 34px; height: 34px; margin: 4px auto !important; cursor: pointer; right: -3px;   }
.casf__actionplan__action__save { position: relative; display: none; width: 32px; height: 32px; margin: 4px auto !important; cursor: pointer;  }



.editing .r2z__actionplan__action__edit  { display: none;   }
.editing .r2z__actionplan__action__save { display: block;   }
.editing .r2z__actionplan__action__complete { display: none;   }
.editing .r2z__actionplan__action__share { display: none;   }
.editing .r2z__actionplan__action__remove { display: none;   }

.editing .casf__actionplan__action__edit  { display: none;   }
.editing .casf__actionplan__action__save { display: block;   }
.editing .casf__actionplan__action__complete { display: none;   }
.editing .casf__actionplan__action__share { display: none;   }
.editing .casf__actionplan__action__remove { display: none;   }


.r2z__actionplan__each--complete .r2z__actionplan__action__edit { display: none;   }
.r2z__actionplan__each--complete .r2z__actionplan__action__save { display: none;   }
.casf__actionplan__each--complete .casf__actionplan__action__edit { display: none;   }
.casf__actionplan__each--complete .casf__actionplan__action__save { display: none;   }


.r2z__actionplan__each--complete .r2z__actionplan__action__complete { display: none;   }
.r2z__actionplan__each--complete .r2z__actionplan__action__remove { display: none;   }
.r2z__actionplan__each--complete .r2z__actionplan__action__uncomplete { display: block;   }

.r2z__actionplan__each--own-complete .r2z__actionplan__action__edit { display: none;   }
.r2z__actionplan__each--own-complete .r2z__actionplan__action__save { display: none;   }
.r2z__actionplan__each--own-complete .r2z__actionplan__action__complete { display: none;   }
.r2z__actionplan__each--own-complete .r2z__actionplan__action__remove { display: none;   }
.r2z__actionplan__each--own-complete .r2z__actionplan__action__uncomplete { display: block;   }

.casf__actionplan__each--own-complete .casf__actionplan__action__edit { display: none;   }
.casf__actionplan__each--own-complete .casf__actionplan__action__save { display: none;   }
.casf__actionplan__each--own-complete .casf__actionplan__action__complete { display: none;   }
.casf__actionplan__each--own-complete .casf__actionplan__action__remove { display: none;   }
.casf__actionplan__each--own-complete .casf__actionplan__action__uncomplete { display: block;   }

.r2z__actionplan__each { position: relative; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap;  background-color: #FFFFFF; border-color: #292929; border-style: solid; border-width: 0px 0px 0px 0px;  }
.r2z__actionplan__each--complete { background-color: rgba(160, 227, 0,0.1);  }
.r2z__actionplan__each--own-complete { background-color: rgba(160, 227, 0,0.1); }
.casf__actionplan__each--own-complete { background-color: rgba(160, 227, 0,0.1); }
.r2z__actionplan__each--complete .r2z__actionplan__action--action::before { content: "Completed"; position: absolute; top: 0px; left: 0px; font-family: 'VAGRoundedNext-SemiBold'; font-size: 12px; line-height: 14px; padding: 2px 6px; color: #292929; background-color: #A0E300; border-radius: 0px 0px 3px 0px;    }
.r2z__actionplan__each--complete .r2z__actionplan__action--action { padding-top: 24px;   }


.r2z__actionplan__each__complete_message {  position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #333333; display: flex; flex-direction: column; flex-wrap: nowrap;  justify-content: center; opacity: 0; z-index: -1;  }
.r2z__actionplan__each__complete_message_title { position: relative; display: block; font-family: 'VAGRoundedNext-SemiBold'; color: #FFFFFF; font-size: 24px; line-height: 36px; text-transform: uppercase; text-align: center;   }
.r2z__actionplan__each__complete_message_text { position: relative; display: block; font-family: 'VAGRoundedNext-Light'; color: #FFFFFF; font-size: 15px; line-height: 21px; text-align: center;   }

.r2z__actionplan__action--action { font-family: 'VAGRoundedNext-SemiBold';    }



.r2z__actionplan__action { position: relative; display: inline-flex;   flex-direction: column; flex-wrap: nowrap; justify-content: space-between;  width: 31%;  text-align: left;  font-size: 18px; line-height: 24px; border-color: #292929; border-style: solid; border-width: 0px 0px 0px 1px;  padding: 8px;   }

@media only screen and (max-width: 500px) {  
  
    .r2z__actionplan__action { width: 80%; justify-content: flex-start;  font-size: 16px; line-height: 21px;  }
}

@media only screen and (min-width:  500px) and (max-width: 767px) {
    .r2z__actionplan__action { width: 80%; justify-content: flex-start;  font-size: 16px; line-height: 21px;  }
}

@media only screen and (min-width:  768px) and (max-width: 1200px)   { 
    .r2z__actionplan__action { width: 44%;  font-size: 16px; line-height: 21px;  }
}