.app {
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.redText {
  color: #bf1b2c;
}

.loaderContainer {
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.loaderContainer .loader {
  border: 12px solid #f5f5f5;
  border-top-color: #000;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin: auto;
  animation: 1s linear infinite spin;
}

.portalEmployeeTasking table {
  justify-content: space-evenly;
  width: 100%;
}

.portalEmployeeTasking table td {
  font-size: 1.4em;
  font-weight: 300;
}

.portalEmployeeTasking table th {
  font-size: 1.4em;
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.portalWorkoutTracker .interactiveWorkout {
  box-sizing: border-box;
  border: 1px solid #000;
  border-radius: 20px;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  margin-top: 2%;
  margin-bottom: 2%;
  padding: 3%;
  display: flex;
}

@media (width <= 1023px) {
  .portalWorkoutTracker .interactiveWorkout {
    align-items: center;
  }
}

.portalWorkoutTracker .interactiveWorkout .top, .portalWorkoutTracker .interactiveWorkout .bottom {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

@media (width <= 1023px) {
  .portalWorkoutTracker .interactiveWorkout .top, .portalWorkoutTracker .interactiveWorkout .bottom {
    box-sizing: border-box;
    flex-direction: column-reverse;
    display: flex;
  }
}

.portalWorkoutTracker .interactiveWorkout .top p, .portalWorkoutTracker .interactiveWorkout .bottom p {
  margin: 0;
  padding: 0;
}

@media (width <= 1023px) {
  .portalWorkoutTracker .interactiveWorkout .middle {
    box-sizing: border-box;
    flex-direction: row;
    display: flex;
  }
}

.portalWorkoutTracker .interactiveWorkout .bottom {
  margin-top: 2%;
}

@media (width <= 1023px) {
  .portalWorkoutTracker .interactiveWorkout .bottom {
    box-sizing: border-box;
    flex-direction: row;
    display: flex;
  }
}

.portalWorkoutTracker .interactiveWorkout .bottom button {
  width: 28vw;
  margin: 1%;
}

.portalWorkoutTutorialsModule .preWrapper {
  width: 100px;
}

.portalWorkoutTutorialsModule .preWrapper pre {
  width: 100%;
  font-size: 1.6em;
  font-weight: 300;
}

.videoContainer {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
}

.videoContainer iframe {
  border: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.portalWorkoutPlanModule {
  width: 100%;
}

.portalWorkoutPlanModule .display {
  box-sizing: border-box;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.portalWorkoutPlanModule .display .workoutDay {
  width: 100%;
}

.portalWorkoutPlanModule .display .workoutCard {
  box-sizing: border-box;
  border: 1px solid #000;
  border-radius: 5px;
  flex-direction: column;
  margin-top: 1.5%;
  margin-bottom: 1.5%;
  padding: 2%;
  display: flex;
}

.portalWorkoutPlanModule .display .workoutCard .label input {
  width: 100%;
  color: #000 !important;
}

.portalWorkoutPlanModule .display .workoutCard .label label {
  font-size: 1.4em;
}

.portalNutritionPlanModule {
  width: 100%;
}

.portalNutritionPlanModule textarea {
  color: #000;
  z-index: 5;
  overflow-y: scroll;
}

.portalNutritionPlanModule textarea > * {
  color: #000;
  z-index: -1;
}

.portalNutritionPlanModule pre {
  font-size: 1.4em;
}

.portalNutritionPlanModule .mealList .label {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.portalNutritionPlanModule .mealList label {
  font-size: 1.4em;
}

.portalNutritionPlanModule .mealList p {
  margin-left: 3%;
  font-size: 1.4em;
}

.portalNutritionPlanModule .mealList .mealCard {
  width: 25%;
}

.portalHomeModule .cards {
  box-sizing: border-box;
  flex-flow: wrap;
  justify-content: flex-start;
  width: 100%;
  display: flex;
}

.portalHomeModule .cards .card {
  box-sizing: border-box;
  background-color: #dfdfdf;
  border: 1px solid #dfdfdf;
  border-radius: 5px;
  flex-direction: column;
  align-items: center;
  width: 20%;
  margin: 2%;
  padding: 2%;
  transition: all .2s;
  display: flex;
}

@media (width <= 1023px) {
  .portalHomeModule .cards .card {
    width: 100%;
  }
}

.portalHomeModule .cards .card img {
  width: 100%;
  height: auto;
  margin-bottom: 2%;
}

@media (width <= 1023px) {
  .portalHomeModule .cards .card img {
    width: 50%;
  }
}

.portalHomeModule .cards .card:hover {
  cursor: pointer;
  color: #fff;
  background-color: #bf1b2c;
}

.portalNewCheckinsModule .checkinForm {
  box-sizing: border-box;
  background-color: #f5f5f5;
  border: 1px solid #000;
  border-radius: 5px;
  width: 100vw;
  margin-right: 3%;
  padding: 3%;
}

@media (width <= 1023px) {
  .portalNewCheckinsModule .checkinForm {
    width: 100%;
    margin-top: 3%;
    margin-bottom: 3%;
  }
}

.portalNewCheckinsModule .checkinForm strong {
  font-size: 1em;
}

.portalNewCheckinsModule .checkinForm button {
  width: 100%;
  margin-top: 6%;
}

.portalNewCheckinsModule .checkinForm .pad {
  margin-top: 5%;
}

.portalNewCheckinsModule .forms {
  box-sizing: border-box;
  flex-flow: wrap;
  align-items: stretch;
  width: 100%;
  margin-top: 3%;
  margin-bottom: 3%;
  display: flex;
}

.portalNewCheckinsModule .forms .checkinForm {
  background-color: #f5f5f5;
  border: 1px solid #000;
  border-radius: 5px;
  width: 100%;
  margin-right: 3%;
  padding: 3%;
}

@media (width <= 1023px) {
  .portalNewCheckinsModule .forms .checkinForm {
    width: 100%;
  }
}

.portalNewCheckinsModule .forms .checkinForm strong {
  font-size: 1em;
  font-weight: 600;
}

.portalNewCheckinsModule .forms .checkinForm button {
  width: 100%;
  margin-top: 6%;
}

.portalNewCheckinsModule .forms .checkinForm img {
  width: 100%;
  height: auto;
}

.portalNewCheckinsModule .forms .checkinForm .photoControl {
  color: #bf1b2c;
}

.portalNewCheckinsModule .forms .checkinForm .photoControl:hover {
  cursor: pointer;
}

.portalOldCheckinsModule .forms {
  box-sizing: border-box;
  flex-flow: wrap;
  align-items: stretch;
  width: 100%;
  margin-top: 3%;
  margin-bottom: 3%;
  display: flex;
}

.portalOldCheckinsModule .checkinForm {
  background-color: #f5f5f5;
  border: 1px solid #000;
  border-radius: 5px;
  width: 30%;
  margin-right: 3%;
  padding: 3%;
}

@media (width <= 1023px) {
  .portalOldCheckinsModule .checkinForm {
    width: 100%;
  }
}

.portalOldCheckinsModule .checkinForm strong {
  font-size: 1em;
}

.portalOldCheckinsModule .checkinForm button {
  width: 100%;
  margin-top: 6%;
}

.portalOldCheckinsModule .checkinForm .pad {
  margin-top: 2% !important;
  margin-bottom: 2% !important;
}

.portalCheckinsModule strong {
  margin-bottom: 1%;
}

.portalCheckinsModule input[type="file"] {
  box-sizing: border-box;
  margin-bottom: 20px;
  padding: 2% 2% 3%;
}

@media (width <= 1023px) {
  .portalCheckinsModule input[type="file"] {
    padding-bottom: 8%;
  }
}

.display {
  box-sizing: border-box;
  flex-flow: wrap;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.portalWorkoutPlanningModule .display, .portalWorkoutPlanModule .display {
  box-sizing: border-box;
  flex-direction: column;
  width: 66%;
  display: flex;
}

@media (width <= 1023px) {
  .portalWorkoutPlanningModule .display, .portalWorkoutPlanModule .display {
    width: 100%;
  }
}

.portalWorkoutPlanningModule .display .workoutDay, .portalWorkoutPlanModule .display .workoutDay {
  box-sizing: border-box;
  border: 1px solid #000;
  border-radius: 5px;
  width: 100%;
  margin-bottom: 1%;
  transition: all .2s;
  overflow: hidden;
}

.portalWorkoutPlanningModule .display .workoutDay input, .portalWorkoutPlanModule .display .workoutDay input {
  width: 100%;
  color: #000 !important;
}

.portalWorkoutPlanningModule .display .workoutDay .header, .portalWorkoutPlanModule .display .workoutDay .header {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: .5% 2%;
  display: flex;
}

.portalWorkoutPlanningModule .display .workoutDay .header:hover, .portalWorkoutPlanModule .display .workoutDay .header:hover {
  cursor: pointer;
}

.portalWorkoutPlanningModule .display .workoutDay .header img, .portalWorkoutPlanModule .display .workoutDay .header img {
  width: 25px;
  height: auto;
}

.portalWorkoutPlanningModule .display .workoutDay .content, .portalWorkoutPlanModule .display .workoutDay .content {
  box-sizing: border-box;
  color: #000;
  visibility: hidden;
  opacity: 0;
  background-color: #dfdfdf;
  flex-direction: column;
  height: 0;
  padding: 1% 2%;
  transition: all .2s;
  display: flex;
  overflow: hidden;
}

.portalWorkoutPlanningModule .display .workoutDay .content img, .portalWorkoutPlanModule .display .workoutDay .content img {
  align-self: center;
  width: 75px;
  height: auto;
}

.portalWorkoutPlanningModule .display .workoutDay .content img:hover, .portalWorkoutPlanModule .display .workoutDay .content img:hover {
  cursor: pointer;
}

.portalWorkoutPlanningModule .display .workoutDay .visible, .portalWorkoutPlanModule .display .workoutDay .visible {
  box-sizing: border-box;
  visibility: visible;
  opacity: 1;
  height: 100%;
}

.portalWorkoutPlanningModule .display .workoutDay .dayControls, .portalWorkoutPlanModule .display .workoutDay .dayControls {
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.portalWorkoutPlanningModule .display .workoutDay .dayControls button, .portalWorkoutPlanModule .display .workoutDay .dayControls button {
  width: 100%;
}

.portalWorkoutPlanningModule .display .workoutDay .workoutCard, .portalWorkoutPlanModule .display .workoutDay .workoutCard {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 5px;
  flex-direction: column;
  margin-bottom: 2%;
  padding: 1%;
  display: flex;
}

.portalWorkoutPlanningModule .display .workoutDay .workoutCard input, .portalWorkoutPlanModule .display .workoutDay .workoutCard input {
  width: 100%;
}

@media (width <= 1023px) {
  .portalWorkoutPlanningModule .display .workoutDay .workoutCard input, .portalWorkoutPlanModule .display .workoutDay .workoutCard input {
    color: #bdbdbd;
  }
}

.portalNutritionPlanningModule, .portalNutritionPlanModule {
  width: 100%;
}

.portalNutritionPlanningModule input, .portalNutritionPlanModule input {
  width: 100% !important;
}

@media (width <= 1023px) {
  .portalNutritionPlanningModule input, .portalNutritionPlanModule input {
    color: #bdbdbd;
  }
}

.portalNutritionPlanningModule textarea, .portalNutritionPlanModule textarea {
  width: 100% !important;
}

.portalNutritionPlanningModule .label, .portalNutritionPlanModule .label {
  box-sizing: border-box;
  flex-direction: column;
  display: flex;
  width: 100% !important;
}

.portalNutritionPlanningModule .top, .portalNutritionPlanModule .top, .portalNutritionPlanningModule .portalWorkoutTracker .interactiveWorkout .bottom, .portalWorkoutTracker .interactiveWorkout .portalNutritionPlanningModule .bottom, .portalNutritionPlanModule .portalWorkoutTracker .interactiveWorkout .bottom, .portalWorkoutTracker .interactiveWorkout .portalNutritionPlanModule .bottom {
  box-sizing: border-box;
  flex-direction: row;
  width: 100%;
  display: flex;
}

@media (width <= 1023px) {
  .portalNutritionPlanningModule .top, .portalNutritionPlanModule .top, .portalNutritionPlanningModule .portalWorkoutTracker .interactiveWorkout .bottom, .portalWorkoutTracker .interactiveWorkout .portalNutritionPlanningModule .bottom, .portalNutritionPlanModule .portalWorkoutTracker .interactiveWorkout .bottom, .portalWorkoutTracker .interactiveWorkout .portalNutritionPlanModule .bottom {
    box-sizing: border-box;
    flex-direction: column;
    display: flex;
  }
}

.portalNutritionPlanningModule .top .section, .portalNutritionPlanModule .top .section, .portalNutritionPlanningModule .portalWorkoutTracker .interactiveWorkout .bottom .section, .portalWorkoutTracker .interactiveWorkout .portalNutritionPlanningModule .bottom .section, .portalNutritionPlanModule .portalWorkoutTracker .interactiveWorkout .bottom .section, .portalWorkoutTracker .interactiveWorkout .portalNutritionPlanModule .bottom .section {
  box-sizing: border-box;
  flex-direction: column;
  width: 25%;
  display: flex;
}

@media (width <= 1023px) {
  .portalNutritionPlanningModule .top .section, .portalNutritionPlanModule .top .section, .portalNutritionPlanningModule .portalWorkoutTracker .interactiveWorkout .bottom .section, .portalWorkoutTracker .interactiveWorkout .portalNutritionPlanningModule .bottom .section, .portalNutritionPlanModule .portalWorkoutTracker .interactiveWorkout .bottom .section, .portalWorkoutTracker .interactiveWorkout .portalNutritionPlanModule .bottom .section {
    width: 100%;
    margin: 1%;
  }
}

.portalNutritionPlanningModule .top .section .label, .portalNutritionPlanModule .top .section .label, .portalNutritionPlanningModule .portalWorkoutTracker .interactiveWorkout .bottom .section .label, .portalWorkoutTracker .interactiveWorkout .portalNutritionPlanningModule .bottom .section .label, .portalNutritionPlanModule .portalWorkoutTracker .interactiveWorkout .bottom .section .label, .portalWorkoutTracker .interactiveWorkout .portalNutritionPlanModule .bottom .section .label {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.portalNutritionPlanningModule .top .section label, .portalNutritionPlanModule .top .section label, .portalNutritionPlanningModule .portalWorkoutTracker .interactiveWorkout .bottom .section label, .portalWorkoutTracker .interactiveWorkout .portalNutritionPlanningModule .bottom .section label, .portalNutritionPlanModule .portalWorkoutTracker .interactiveWorkout .bottom .section label, .portalWorkoutTracker .interactiveWorkout .portalNutritionPlanModule .bottom .section label {
  font-size: 1.4em;
}

.portalNutritionPlanningModule .top .section p, .portalNutritionPlanModule .top .section p, .portalNutritionPlanningModule .portalWorkoutTracker .interactiveWorkout .bottom .section p, .portalWorkoutTracker .interactiveWorkout .portalNutritionPlanningModule .bottom .section p, .portalNutritionPlanModule .portalWorkoutTracker .interactiveWorkout .bottom .section p, .portalWorkoutTracker .interactiveWorkout .portalNutritionPlanModule .bottom .section p {
  margin-left: 3%;
  font-size: 1.4em;
}

.portalNutritionPlanningModule .mealList, .portalNutritionPlanModule .mealList {
  box-sizing: border-box;
  flex-flow: wrap;
  width: 100%;
  display: flex;
}

.portalNutritionPlanningModule .mealList .mealCard, .portalNutritionPlanModule .mealList .mealCard {
  border: 1px solid #000;
  border-radius: 5px;
  margin: 1%;
  padding: 1%;
}

@media (width <= 1023px) {
  .portalNutritionPlanningModule .mealList .mealCard, .portalNutritionPlanModule .mealList .mealCard {
    width: 100%;
  }
}

.portalClientNotes textarea {
  height: 60vh;
}

.portalClientDatabase, .portalEmployeeTasking, .portalEmployeeDatabase, .portalWorkoutManager, .portalEComModule, .portalWorkoutTracker, .portalWorkoutTutorialsModule, .portalHomeModule, .portalNewCheckinsModule, .portalOldCheckinsModule, .portalCheckinsModule, .portalSchedulingManagerModule, .portalSchedulingModule, .portalWorkoutPlanningModule, .portalWorkoutPlanModule, .portalNutritionPlanningModule, .portalNutritionPlanModule, .portalClientNotes {
  box-sizing: border-box;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.portalClientDatabase select, .portalEmployeeTasking select, .portalEmployeeDatabase select, .portalWorkoutManager select, .portalEComModule select, .portalWorkoutTracker select, .portalWorkoutTutorialsModule select, .portalHomeModule select, .portalNewCheckinsModule select, .portalOldCheckinsModule select, .portalCheckinsModule select, .portalSchedulingManagerModule select, .portalSchedulingModule select, .portalWorkoutPlanningModule select, .portalWorkoutPlanModule select, .portalNutritionPlanningModule select, .portalNutritionPlanModule select, .portalClientNotes select {
  box-sizing: border-box;
  width: 50%;
  margin-bottom: 1%;
  padding: .8%;
}

@media (width <= 1023px) {
  .portalClientDatabase select, .portalEmployeeTasking select, .portalEmployeeDatabase select, .portalWorkoutManager select, .portalEComModule select, .portalWorkoutTracker select, .portalWorkoutTutorialsModule select, .portalHomeModule select, .portalNewCheckinsModule select, .portalOldCheckinsModule select, .portalCheckinsModule select, .portalSchedulingManagerModule select, .portalSchedulingModule select, .portalWorkoutPlanningModule select, .portalWorkoutPlanModule select, .portalNutritionPlanningModule select, .portalNutritionPlanModule select, .portalClientNotes select {
    width: 100%;
    margin-bottom: 3%;
    padding: 6%;
  }
}

.portalClientDatabase strong, .portalEmployeeTasking strong, .portalEmployeeDatabase strong, .portalWorkoutManager strong, .portalEComModule strong, .portalWorkoutTracker strong, .portalWorkoutTutorialsModule strong, .portalHomeModule strong, .portalNewCheckinsModule strong, .portalOldCheckinsModule strong, .portalCheckinsModule strong, .portalSchedulingManagerModule strong, .portalSchedulingModule strong, .portalWorkoutPlanningModule strong, .portalWorkoutPlanModule strong, .portalNutritionPlanningModule strong, .portalNutritionPlanModule strong, .portalClientNotes strong {
  margin-right: 10px;
  font-weight: bold;
}

.portalClientDatabase h3, .portalEmployeeTasking h3, .portalEmployeeDatabase h3, .portalWorkoutManager h3, .portalEComModule h3, .portalWorkoutTracker h3, .portalWorkoutTutorialsModule h3, .portalHomeModule h3, .portalNewCheckinsModule h3, .portalOldCheckinsModule h3, .portalCheckinsModule h3, .portalSchedulingManagerModule h3, .portalSchedulingModule h3, .portalWorkoutPlanningModule h3, .portalWorkoutPlanModule h3, .portalNutritionPlanningModule h3, .portalNutritionPlanModule h3, .portalClientNotes h3 {
  color: #000;
  margin-top: 2%;
  margin-bottom: 2%;
  font-weight: 600;
}

.portalClientDatabase input, .portalEmployeeTasking input, .portalEmployeeDatabase input, .portalWorkoutManager input, .portalEComModule input, .portalWorkoutTracker input, .portalWorkoutTutorialsModule input, .portalHomeModule input, .portalNewCheckinsModule input, .portalOldCheckinsModule input, .portalCheckinsModule input, .portalSchedulingManagerModule input, .portalSchedulingModule input, .portalWorkoutPlanningModule input, .portalWorkoutPlanModule input, .portalNutritionPlanningModule input, .portalNutritionPlanModule input, .portalClientNotes input {
  box-sizing: border-box;
  width: 50%;
  margin-bottom: 1%;
  padding: .8%;
  font-size: 1.4em;
  font-weight: 300;
}

@media (width <= 1023px) {
  .portalClientDatabase input, .portalEmployeeTasking input, .portalEmployeeDatabase input, .portalWorkoutManager input, .portalEComModule input, .portalWorkoutTracker input, .portalWorkoutTutorialsModule input, .portalHomeModule input, .portalNewCheckinsModule input, .portalOldCheckinsModule input, .portalCheckinsModule input, .portalSchedulingManagerModule input, .portalSchedulingModule input, .portalWorkoutPlanningModule input, .portalWorkoutPlanModule input, .portalNutritionPlanningModule input, .portalNutritionPlanModule input, .portalClientNotes input {
    width: 100%;
  }
}

.portalClientDatabase input::placeholder, .portalEmployeeTasking input::placeholder, .portalEmployeeDatabase input::placeholder, .portalWorkoutManager input::placeholder, .portalEComModule input::placeholder, .portalWorkoutTracker input::placeholder, .portalWorkoutTutorialsModule input::placeholder, .portalHomeModule input::placeholder, .portalNewCheckinsModule input::placeholder, .portalOldCheckinsModule input::placeholder, .portalCheckinsModule input::placeholder, .portalSchedulingManagerModule input::placeholder, .portalSchedulingModule input::placeholder, .portalWorkoutPlanningModule input::placeholder, .portalWorkoutPlanModule input::placeholder, .portalNutritionPlanningModule input::placeholder, .portalNutritionPlanModule input::placeholder, .portalClientNotes input::placeholder {
  color: #1b1b1b;
}

@media (width <= 1023px) {
  .portalClientDatabase input::placeholder, .portalEmployeeTasking input::placeholder, .portalEmployeeDatabase input::placeholder, .portalWorkoutManager input::placeholder, .portalEComModule input::placeholder, .portalWorkoutTracker input::placeholder, .portalWorkoutTutorialsModule input::placeholder, .portalHomeModule input::placeholder, .portalNewCheckinsModule input::placeholder, .portalOldCheckinsModule input::placeholder, .portalCheckinsModule input::placeholder, .portalSchedulingManagerModule input::placeholder, .portalSchedulingModule input::placeholder, .portalWorkoutPlanningModule input::placeholder, .portalWorkoutPlanModule input::placeholder, .portalNutritionPlanningModule input::placeholder, .portalNutritionPlanModule input::placeholder, .portalClientNotes input::placeholder {
    color: #bdbdbd;
  }
}

.portalClientDatabase textarea, .portalEmployeeTasking textarea, .portalEmployeeDatabase textarea, .portalWorkoutManager textarea, .portalEComModule textarea, .portalWorkoutTracker textarea, .portalWorkoutTutorialsModule textarea, .portalHomeModule textarea, .portalNewCheckinsModule textarea, .portalOldCheckinsModule textarea, .portalCheckinsModule textarea, .portalSchedulingManagerModule textarea, .portalSchedulingModule textarea, .portalWorkoutPlanningModule textarea, .portalWorkoutPlanModule textarea, .portalNutritionPlanningModule textarea, .portalNutritionPlanModule textarea, .portalClientNotes textarea {
  box-sizing: border-box;
  resize: none;
  white-space: pre-wrap;
  width: 50%;
  min-height: 150px;
  margin-bottom: 1%;
  padding: .8%;
  font-size: 1.4em;
  font-weight: 300;
}

@media (width <= 1023px) {
  .portalClientDatabase textarea, .portalEmployeeTasking textarea, .portalEmployeeDatabase textarea, .portalWorkoutManager textarea, .portalEComModule textarea, .portalWorkoutTracker textarea, .portalWorkoutTutorialsModule textarea, .portalHomeModule textarea, .portalNewCheckinsModule textarea, .portalOldCheckinsModule textarea, .portalCheckinsModule textarea, .portalSchedulingManagerModule textarea, .portalSchedulingModule textarea, .portalWorkoutPlanningModule textarea, .portalWorkoutPlanModule textarea, .portalNutritionPlanningModule textarea, .portalNutritionPlanModule textarea, .portalClientNotes textarea {
    width: 100%;
  }
}

.portalClientDatabase textarea::placeholder, .portalEmployeeTasking textarea::placeholder, .portalEmployeeDatabase textarea::placeholder, .portalWorkoutManager textarea::placeholder, .portalEComModule textarea::placeholder, .portalWorkoutTracker textarea::placeholder, .portalWorkoutTutorialsModule textarea::placeholder, .portalHomeModule textarea::placeholder, .portalNewCheckinsModule textarea::placeholder, .portalOldCheckinsModule textarea::placeholder, .portalCheckinsModule textarea::placeholder, .portalSchedulingManagerModule textarea::placeholder, .portalSchedulingModule textarea::placeholder, .portalWorkoutPlanningModule textarea::placeholder, .portalWorkoutPlanModule textarea::placeholder, .portalNutritionPlanningModule textarea::placeholder, .portalNutritionPlanModule textarea::placeholder, .portalClientNotes textarea::placeholder {
  color: #1b1b1b;
  font-size: 1.2em;
  font-weight: 300;
}

.portalClientDatabase button, .portalEmployeeTasking button, .portalEmployeeDatabase button, .portalWorkoutManager button, .portalEComModule button, .portalWorkoutTracker button, .portalWorkoutTutorialsModule button, .portalHomeModule button, .portalNewCheckinsModule button, .portalOldCheckinsModule button, .portalCheckinsModule button, .portalSchedulingManagerModule button, .portalSchedulingModule button, .portalWorkoutPlanningModule button, .portalWorkoutPlanModule button, .portalNutritionPlanningModule button, .portalNutritionPlanModule button, .portalClientNotes button {
  box-sizing: border-box;
  white-space: nowrap;
  color: #fff;
  background-color: #000;
  border: none;
  border-radius: 10px;
  width: 50%;
  margin: 0 0 1%;
  padding: 20px;
  font-size: 16px;
  font-weight: 300;
  transition: all .1s;
}

@media (width <= 1023px) {
  .portalClientDatabase button, .portalEmployeeTasking button, .portalEmployeeDatabase button, .portalWorkoutManager button, .portalEComModule button, .portalWorkoutTracker button, .portalWorkoutTutorialsModule button, .portalHomeModule button, .portalNewCheckinsModule button, .portalOldCheckinsModule button, .portalCheckinsModule button, .portalSchedulingManagerModule button, .portalSchedulingModule button, .portalWorkoutPlanningModule button, .portalWorkoutPlanModule button, .portalNutritionPlanningModule button, .portalNutritionPlanModule button, .portalClientNotes button {
    width: 100%;
  }
}

.portalClientDatabase button:hover, .portalEmployeeTasking button:hover, .portalEmployeeDatabase button:hover, .portalWorkoutManager button:hover, .portalEComModule button:hover, .portalWorkoutTracker button:hover, .portalWorkoutTutorialsModule button:hover, .portalHomeModule button:hover, .portalNewCheckinsModule button:hover, .portalOldCheckinsModule button:hover, .portalCheckinsModule button:hover, .portalSchedulingManagerModule button:hover, .portalSchedulingModule button:hover, .portalWorkoutPlanningModule button:hover, .portalWorkoutPlanModule button:hover, .portalNutritionPlanningModule button:hover, .portalNutritionPlanModule button:hover, .portalClientNotes button:hover {
  cursor: pointer;
  color: #fff;
  background-color: #bf1b2c;
}

.portalAccountModule {
  box-sizing: border-box;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.portalAccountModule strong {
  white-space: nowrap;
  margin-right: 10px;
}

.portalAccountModule h3 {
  margin-top: 2%;
  margin-bottom: 2%;
}

.portalAccountModule input {
  box-sizing: border-box;
  width: 50%;
  margin-bottom: 1%;
  padding: .8%;
  font-size: 1.4em;
  font-weight: 300;
}

@media (width <= 1023px) {
  .portalAccountModule input {
    width: 100%;
  }
}

.portalAccountModule input::placeholder {
  color: #1b1b1b;
}

@media (width <= 1023px) {
  .portalAccountModule input::placeholder {
    color: #bdbdbd;
  }
}

.portalAccountModule button {
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  border: none;
  width: 50%;
  margin: 0 0 1%;
  padding: 20px;
  transition: all .1s;
}

@media (width <= 1023px) {
  .portalAccountModule button {
    white-space: nowrap;
    color: #fff;
    background-color: #000;
    border: none;
    border-radius: 0;
    width: 100%;
    margin-top: 3%;
    margin-bottom: 3%;
    font-size: 16px;
    font-weight: 300;
  }
}

.portalAccountModule button:hover {
  cursor: pointer;
  color: #fff;
  background-color: #bf1b2c;
}

.rowWrapper {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.clientLogin {
  box-sizing: border-box;
  background-color: #000;
  flex-direction: column;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.clientLogin .window {
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 25px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60%;
  margin-top: auto;
  margin-bottom: auto;
  padding: 5%;
  display: flex;
}

@media (width <= 1023px) {
  .clientLogin .window {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 2% 4%;
  }
}

.clientLogin .window h1 {
  margin: 0 0 2%;
  font-weight: 300;
}

.clientLogin .window img {
  width: 30%;
  height: auto;
  margin-bottom: 6%;
}

@media (width <= 1023px) {
  .clientLogin .window img {
    width: 50%;
  }
}

.clientLogin .window input {
  border-color: #000;
  border-radius: 5px;
  width: 50%;
  margin: 1.5% 0;
  padding: .8%;
  font-size: 1.4em;
  font-weight: 300;
}

@media (width <= 1023px) {
  .clientLogin .window input {
    width: 100%;
  }
}

.clientLogin .window input::placeholder {
  color: #1b1b1b;
}

@media (width <= 1023px) {
  .clientLogin .window input::placeholder {
    color: #bdbdbd;
  }
}

.clientLogin .window a {
  color: #000;
  margin-bottom: 1%;
  font-size: 1.4em;
  text-decoration: none;
  transition: all .2s;
}

.clientLogin .window a:hover {
  cursor: pointer;
  color: #bf1b2c;
}

.clientLogin .window p {
  color: #000;
  margin-bottom: 1%;
  font-size: 1.4em;
  font-weight: 500;
  text-decoration: none;
  transition: all .2s;
}

.clientLogin .window p:hover {
  cursor: pointer;
  color: #bf1b2c;
}

.clientLogin .window button {
  box-sizing: border-box;
  white-space: nowrap;
  color: #fff;
  background-color: #000;
  border: none;
  border-radius: 0;
  width: 52%;
  margin: 1.5% 0;
  padding: 20px;
  font-size: 16px;
  font-weight: 300;
  transition: all .1s;
}

.clientLogin .window button:hover {
  cursor: pointer;
  color: #fff;
  background-color: #bf1b2c;
}

.clientMain {
  box-sizing: border-box;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.clientMain aside {
  box-sizing: border-box;
  background-color: #dfdfdf;
  border-right: 1px solid #000;
  flex-direction: column;
  align-items: flex-end;
  width: 15%;
  height: 93%;
  display: flex;
  overflow: hidden auto;
}

@media (width <= 1023px) {
  .clientMain aside {
    display: none;
  }
}

.clientMain aside a {
  box-sizing: border-box;
  color: #000;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 3%;
  text-decoration: none;
  display: flex;
}

.clientMain aside a:hover {
  cursor: pointer;
  color: #fff;
  background-color: #bf1b2c;
}

.clientMain aside label {
  box-sizing: border-box;
  color: #fff;
  text-align: center;
  background-color: #000;
  width: 100%;
  padding: 3%;
  font-size: 1.4em;
}

.clientMain section {
  box-sizing: border-box;
  flex-direction: column;
  align-items: flex-start;
  width: 85%;
  height: calc(100% - 80px);
  padding: 3%;
  display: flex;
  overflow: hidden auto;
}

@media (width <= 1023px) {
  .clientMain section {
    width: 100vw;
    height: 78vh;
    overflow-x: hidden;
  }
}

.clientHeader {
  box-sizing: border-box;
  background-color: #000;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 1% 3%;
  display: flex;
}

.clientHeader .desktop {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

@media (width <= 1023px) {
  .clientHeader .desktop {
    display: none;
  }
}

.clientHeader .desktop img {
  box-sizing: border-box;
  margin: 0;
  width: 10% !important;
  height: auto !important;
}

.clientHeader .desktop button {
  box-sizing: border-box;
  white-space: nowrap;
  color: #000;
  background-color: #fff;
  border: none;
  border-radius: 0;
  margin: 0;
  padding: 20px;
  font-size: 16px;
  font-weight: 300;
  transition: all .1s;
}

.clientHeader .desktop button:hover {
  cursor: pointer;
  color: #fff;
  background-color: #bf1b2c;
}

.clientHeader .mobile {
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: none;
}

@media (width <= 1023px) {
  .clientHeader .mobile {
    display: flex;
  }
}

.clientHeader .mobile img {
  box-sizing: border-box;
  width: 40%;
  height: auto;
  margin: 3%;
}

.mobileSlideOut {
  box-sizing: border-box;
  visibility: hidden;
  opacity: .98;
  z-index: 1000;
  background-color: #1b1b1b;
  flex-direction: column;
  justify-content: left;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 3% 3% 8%;
  transition: all .5s;
  display: flex;
  position: absolute;
  top: -100vh;
  left: 0;
  overflow: hidden scroll;
}

.mobileSlideOut label {
  color: #bf1b2c;
  margin-top: 3%;
  margin-bottom: 3%;
  font-size: 1.8em;
}

.mobileSlideOut a {
  color: #fff;
  margin-top: 1%;
  margin-bottom: 1%;
  font-size: 1.6em;
  text-decoration: none;
}

.mobileSlideOut button {
  box-sizing: border-box;
  white-space: nowrap;
  color: #000;
  background-color: #fff;
  border: none;
  border-radius: 0;
  width: 100%;
  margin: 0 0 6%;
  padding: 20px;
  font-size: 16px;
  font-weight: 300;
  transition: all .1s;
}

.mobileSlideOut button:hover {
  cursor: pointer;
  color: #fff;
  background-color: #bf1b2c;
}

.menuOpen {
  visibility: visible;
  top: 0;
}

.clientFooter {
  box-sizing: border-box;
  background-color: #000;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 1% 3%;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
}

@media (width <= 1023px) {
  .clientFooter {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    height: 100px;
  }
}

.clientFooter .mobile {
  width: 100%;
  display: none;
}

@media (width <= 1023px) {
  .clientFooter .mobile {
    box-sizing: border-box;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .clientFooter .mobile img {
    width: 10%;
    height: auto;
    margin: 3%;
  }
}

.clientFooter .desktop {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 6%;
  display: flex;
}

.clientFooter .desktop a {
  color: #fff;
  text-decoration: none;
  transition: all .2s;
}

.clientFooter .desktop a:hover {
  cursor: pointer;
  color: #bf1b2c;
}

@media (width <= 1023px) {
  .clientFooter .desktop {
    display: none;
  }
}

.timer {
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.timer .time {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 3%;
  font-size: 3em;
  font-weight: 600;
  display: flex;
}

.timer .buttons {
  box-sizing: border-box;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.timer .buttons button {
  align-self: center;
  width: 40%;
}

.timer .inputs {
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.timer .inputs label {
  font-size: 1.5em;
  font-weight: 400;
}

.timer .inputs select {
  width: 40%;
  padding: 1%;
  font-size: 1.5em;
}

body {
  background-color: #fff;
  margin: 0;
  padding: 0;
  font-family: Roboto, sans-serif;
  transition: all .2s linear;
  overflow-x: hidden;
}

body .container {
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 2% 15%;
  display: flex;
}

@media (width <= 1023px) {
  body .container {
    padding: 2%;
  }
}

body .divider {
  box-sizing: border-box;
  border: 2px solid #bf1b2c;
  width: 100%;
  height: 2px;
  margin-top: 5%;
  margin-bottom: 5%;
}

body p {
  margin: 0 0 1%;
  font-size: 1.4em;
  font-weight: 300;
}

body strong {
  white-space: normal;
  margin: 0;
  font-size: 1.4em;
  font-weight: 400;
}

body h4 {
  margin: 0;
  font-size: 1.4em;
  font-weight: 500;
}

body h3 {
  margin: 0;
  font-size: 2em;
  font-weight: 400;
}

body h2 {
  margin: 0;
  font-size: 3em;
}

body h1 {
  margin: 0;
  font-size: 3.6em;
}

body img {
  user-select: none;
}

body div {
  margin: 0;
  padding: 0;
}

body ul {
  flex-direction: column;
  margin: 0;
  padding: 0;
  display: flex;
}

body ul li {
  margin: 0;
  padding: 0;
  text-decoration: none;
}

body ul li a {
  color: #758bfd;
  text-decoration: none;
}
/*# sourceMappingURL=template.3be458c4.css.map */