@import "mcss.1.css";
.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-field .mcss-LogVolunteerTime-hint {
  text-transform: uppercase;
  color: #60545c;
  font-size: 10px;
  margin-top: 4px;
}

.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-field .mcss-LogVolunteerTime-error {
  color: #eb5757;
  font-size: 10px;
  margin-top: 5px;
  text-transform: uppercase;
}

.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-durationTooltip {
  margin-bottom: 13px;
  position: relative;
}

.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-durationTooltip .mcss-LogVolunteerTime-tooltipTrigger {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #80767d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  font-size: 13px;
}

.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-durationTooltip .mcss-LogVolunteerTime-tooltipTrigger .mcss-LogVolunteerTime-iconInfo {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #62acb9;
  border-radius: 8px;
  color: #fff;
  cursor: help;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  height: 16px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 4px;
  padding-left: 1px;
  width: 16px;
}

.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-durationTooltip .mcss-LogVolunteerTime-tooltip {
  background-color: #fff;
  border: 1px solid #62acb9;
  box-shadow: 4px 4px 10px rgba(0,0,0,.1);
  color: #60545c;
  display: none;
  left: -46px;
  line-height: 150%;
  padding: 12px 16px 13px;
  position: absolute;
  text-align: center;
  top: -125px;
  width: 282px;
}

.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-durationTooltip .mcss-LogVolunteerTime-tooltip__visible {
  display: block;
}

.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-durationTooltip .mcss-LogVolunteerTime-tooltip:before {
  border-width: 8px 7px 0;
  border-style: solid;
  border-color: #62acb9 transparent;
  bottom: -8px;
  content: "";
  display: block;
  left: 46px;
  position: absolute;
  width: 0;
}

.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-durationTooltip .mcss-LogVolunteerTime-tooltip:after {
  border-color: #fff transparent;
  border-style: solid;
  border-width: 7px 6px 0;
  bottom: -7px;
  content: "";
  display: block;
  left: 47px;
  position: absolute;
  width: 0;
}

.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 24px;
}

.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-buttons>div {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  margin-right: 24px;
}

.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-buttons>div:last-child {
  margin-right: 0;
}

.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-buttons .mcss-LogVolunteerTime-submitButton .mcss-LogVolunteerTime-submitButtonInner>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

@media only screen and (max-width:800px) {
  .mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row {
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: unset;
    flex-direction: unset;
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
  }

  .mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-field {
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset;
    -ms-flex-preferred-size: unset;
    flex-basis: unset;
    margin-right: 0;
    margin-top: 20px;
  }
}

@media only screen and (max-width:600px) {
  .mcss-LogVolunteerTime-container {
    padding: 40px 50px;
  }

  .mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-durationTooltip .mcss-LogVolunteerTime-tooltip {
    left: -15px;
  }

  .mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-durationTooltip .mcss-LogVolunteerTime-tooltip:before {
    left: 15px;
  }

  .mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-durationTooltip .mcss-LogVolunteerTime-tooltip:after {
    left: 16px;
  }
}

@media only screen and (max-width:480px) {
  .mcss-LogVolunteerTime-container {
    padding: 40px 15px;
  }
}

.mcss-SkillsAutosuggest-container {
  border: 1px solid #aaa3a7;
  padding: 8px 14px 3px;
  color: #60545c;
  font-size: 15px;
  display: block;
}

.mcss-SkillsAutosuggest-container .ChipSelector {
  padding: 0;
}

.mcss-SkillsAutosuggest-container input.Typeahead2_input {
  border: 0;
  padding: 0 3px;
  height: 30px;
  line-height: 22px;
  font-size: 15px;
  margin: 0 0 5px;
}

.mcss-SkillsAutosuggest-skillsAutosuggestDropdown {
  bottom: auto;
  left: auto;
  margin-left: -15px;
  margin-top: 3px;
  position: fixed;
  right: auto;
  top: auto;
  width: auto!important;
}

.mcss-SuccessMessageModal-root {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 68px 0;
  width: 720px;
}

.mcss-SuccessMessageModal-root .mcss-SuccessMessageModal-buttonClose {
  right: 20px;
  top: 20px;
}

.mcss-SuccessMessageModal-root .mcss-SuccessMessageModal-content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.mcss-SuccessMessageModal-root .mcss-SuccessMessageModal-content .mcss-SuccessMessageModal-message,
.mcss-SuccessMessageModal-root .mcss-SuccessMessageModal-content .mcss-SuccessMessageModal-note {
  color: #60545c;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  line-height: 150%;
}

.mcss-SuccessMessageModal-root .mcss-SuccessMessageModal-content .mcss-SuccessMessageModal-message {
  font-size: 40px;
}

.mcss-SuccessMessageModal-root .mcss-SuccessMessageModal-content .mcss-SuccessMessageModal-note {
  font-size: 15px;
  margin-top: 5px;
}

.mcss-SuccessMessageModal-root .mcss-SuccessMessageModal-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 40px;
}

.mcss-SuccessMessageModal-root .mcss-SuccessMessageModal-buttons .mcss-SuccessMessageModal-button {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  margin: 0 20px;
  width: 200px;
}

@media only screen and (max-width:800px) {
  .mcss-SuccessMessageModal-root {
    width: 90%;
  }

  .mcss-SuccessMessageModal-root .mcss-SuccessMessageModal-content .mcss-SuccessMessageModal-message {
    font-size: 30px;
  }
}

@media only screen and (max-width:600px) {
  .mcss-SuccessMessageModal-root {
    padding: 68px 0 0;
  }

  .mcss-SuccessMessageModal-root .mcss-SuccessMessageModal-content .mcss-SuccessMessageModal-message {
    font-size: 26px;
  }

  .mcss-SuccessMessageModal-root .mcss-SuccessMessageModal-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 20px;
  }

  .mcss-SuccessMessageModal-root .mcss-SuccessMessageModal-buttons .mcss-SuccessMessageModal-button {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin: 10px 40px 0;
    width: auto;
  }
}

@media only screen and (max-width:480px) {
  .mcss-SuccessMessageModal-root {
    width: 100%;
  }

  .mcss-SuccessMessageModal-root .mcss-SuccessMessageModal-content .mcss-SuccessMessageModal-message {
    font-size: 24px;
  }
}