@charset "UTF-8";
@import url("/static/admin/fonts/Oswald.min.css");
@font-face {
  font-family: "Trade Gothic Bold Condensed";
  src: url("/static/admin/fonts/tradegothicboldcondensed.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "icons";
  src: url("/static/admin/fonts/icons.svg#icons") format("svg"),
    url("/static/admin/fonts/icons.woff") format("woff"),
    url("/static/admin/fonts/icons.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak,
.ng-hide {
  display: none !important;
}
[class^="icon-"],
[class^="icon-"]:before,
[class*=" icon-"],
[class*=" icon-"]:before {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
}
.icon-triangle-up:before {
  content: "\e600";
}
.icon-triangle-right:before {
  content: "\e601";
}
.icon-triangle-down:before {
  content: "\e602";
}
.icon-triangle-left:before {
  content: "\e603";
}
.icon-triangle-up-small:before {
  content: "\e604";
}
.icon-triangle-right-small:before {
  content: "\e605";
}
.icon-triangle-down-small:before {
  content: "\e606";
}
.icon-triangle-left-small:before {
  content: "\e607";
}
.icon-menu:before {
  content: "\e608";
}
.icon-share:before {
  content: "\e609";
}
.icon-settings:before {
  content: "\e60a";
}
.icon-browse:before {
  content: "\e60b";
}
.icon-search:before {
  content: "\e60c";
}
.icon-check:before {
  content: "\e60d";
}
.icon-facebook:before {
  content: "\e60e";
}
.icon-twitter:before {
  content: "\e60f";
}
.icon-googleplus:before {
  content: "\e610";
}
.icon-linkedIn:before {
  content: "\e644";
}
.icon-checkmark:before {
  content: "\e611";
}
.icon-groups-allowed:before {
  content: "\e612";
}
.icon-all-ages:before {
  content: "\e613";
}
.icon-person:before {
  content: "\e614";
}
.icon-metrics-arrow-right:before {
  content: "\e615";
}
.icon-metrics-graph-endpoint:before {
  content: "\e616";
}
.icon-up-arrow:before {
  content: "\2B06";
}
.icon-up-arrow-short:before {
  content: "\e635";
}
.icon-down-arrow:before {
  content: "\2B07";
}
.icon-plus:before {
  content: "\e617";
}
.icon-calendar:before {
  content: "\e618";
}
.icon-edit:before {
  content: "\e619";
}
.icon-delete:before {
  content: "\e61a";
}
.icon-youtube:before {
  content: "\e61b";
}
.icon-instagram:before {
  content: "\e634";
}
.icon-logo:before {
  content: "\e61c";
}
.icon-help:before {
  content: "\e61d";
}
.icon-map:before {
  content: "\e61e";
}
.icon-tiles:before {
  content: "\e61f";
}
.icon-angle-up:before {
  content: "\e620";
}
.icon-angle-right:before {
  content: "\e621";
}
.icon-angle-down:before {
  content: "\e622";
}
.icon-angle-left:before {
  content: "\e623";
}
.icon-play:before {
  content: "\e624";
}
.icon-email:before {
  content: "\e625";
}
.icon-template:before {
  content: "\e626";
}
.icon-language:before {
  content: "\e627";
}
.icon-heart:before {
  content: "\e628";
}
.icon-pdf-instructions:before {
  content: "\e629";
}
.icon-radio:before {
  content: "\e630";
}
.icon-radio:checked::before {
  content: "\e631";
}
.icon-delete-circle:before {
  content: "\e632";
}
.icon-tutorial:before {
  content: "\e633";
}
.icon-attachment-jpg:before {
  content: "\e636";
}
.icon-attachment-pdf:before {
  content: "\e637";
}
.icon-attachment-png:before {
  content: "\e638";
}
.icon-attachment-ppt:before {
  content: "\e639";
}
.icon-attachment-doc:before {
  content: "\e640";
}
.icon-attachment-xls:before {
  content: "\e641";
}
.icon-attachment-txt:before {
  content: "\e642";
}
.icon-search-arrow:before {
  content: "\e643";
}
.icon-cross:before {
  content: "\ea0f";
}
.icon-exclamation-circle:before {
  content: "\e645";
}
.icon-link:before {
  content: "\e655";
}
.select-gray-arrow {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2235%22%20height%3D%2235%22%20viewBox%3D%220%200%2035%2035%22%3E%3Cpath%20fill%3D%22rgb(152 155 159)%22%20style%3D%22%22%20d%3D%22M31.914 9.090l-15.957 13.819-15.956-13.819z%22%20%2F%3E%3C%2Fsvg%3E");
}
.select-blue-arrow,
.blue-arrow-after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2235%22%20height%3D%2235%22%20viewBox%3D%220%200%2035%2035%22%3E%3Cpath%20fill%3D%22rgb(71 167 198)%22%20style%3D%22%22%20d%3D%22M31.914 9.090l-15.957 13.819-15.956-13.819z%22%20%2F%3E%3C%2Fsvg%3E");
}
.blue-plus-before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22rgb(71 167 198)%22%20style%3D%22%22%20d%3D%22M12.4,12.3v7.5H7.7v-7.5H0V7.7h7.6V0.2h4.7v7.5H20v4.5H12.4z%22%20%2F%3E%3C%2Fsvg%3E");
}
.clearfix:after,
.projects-and-users-wrap__sub:after,
.projects:after,
.projects output header:after,
.projects .projects__listing > li:after,
.users tr:after,
.admins form:after,
.admins tr:after,
.admins .users-projects__inner-list:after,
.admins .users-projects__inner-list__instances li:after,
.reassign tr:after,
.reassignCheck tr:after,
.edit .edit__area-admin__missions li:after,
.edit .edit__keywords:after,
.jcrop__buttons:after,
.updates-modal__content:after,
.sign-in-and-register:after,
.assign__project:after,
.assign__user:after,
.assign__results > ul > li:after,
.assign__results section:last-of-type li:after,
.basic-info:after,
.location-info .location-info-element-wrapper:after,
.action-buttons:after,
.story__form__images:after,
.story__form__images__list:after,
.story__form__images__list li:after,
#f__mobile-apps ul:after,
#f__nav-links:after,
.home .hero__videos__list:after,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .boundary-edit-header
  .header-content-wrapper
  #boundary-edit-status
  .progress
  ol:after,
#manage_admins #manage-admins-panel .admins-panel-tab-content tr:after,
#manage_admins .projects-and-users-wrap__sub:after,
#manage_admins .admins-um form:after,
#manage_admins .admins-um tr:after,
#manage_admins .admins-um .users-projects__inner-list:after,
#manage_admins .admins-um .users-projects__inner-list__instances li:after,
#manage_admins .reassign tr:after,
#partners form:after,
.partner:after,
#manage-projects:after,
#manage-projects .aside > section > ul > li:after,
.legal:after,
.not-authorized:after,
.oops:after,
.org-project-approval:after,
.partner__header:after,
.partner__header__text:after,
.partner__header__text .social:after,
.partner__header__text .social ul:after,
.partner__body:after,
.partner__announcements:after,
.announcement .announcement__action-buttons:after,
.new-actions:after,
.partners:after,
.partners form:after,
.partners form ul:after,
.profileHeartedPreferences .HeartedPreferences__labels:after,
.project-search .project-search-form .project-search-banner:after,
.project-search .view-options:after,
.project-search .calendar:after,
.story-list li:after,
project-volunteers-directive .volunteers-header--sub:after,
.wizard
  .wizard__header
  #header-content-wrapper
  #project-status-wrapper
  .progress
  ol:after,
.wizard-details-pane .details-about:after,
.wizard-details-pane .details-labels:after,
.wizard-guidelines-pane:after,
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl__datetime
  .dtl__datetime__start-time
  div:after,
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl__datetime
  .dtl__datetime__end-time
  div:after,
.personal-settings:after,
.personal-settings__password ul:after,
.notification-settings:after,
.notification-settings__toggle:after,
.notification-settings__details:after,
#sponsored-projects:after,
.sponsored_project:after,
.successStoriesBody:after,
.successStoriesBody__inner:after,
.successStoriesHeader:after,
.successStoriesHeaderStories:after,
.successStoryNav:after,
.successStorySocial:after,
.updates li:after {
  content: "";
  display: table;
  clear: both;
}
#__bs_notify__ {
  display: block !important;
  position: fixed !important;
  z-index: 9999 !important;
  top: auto !important;
  right: 0 !important;
  bottom: 0 !important;
  margin: 0 !important;
  width: 100%;
  border-radius: 0 !important;
  padding: 15px !important;
  font-family: sans-serif !important;
  font-size: 2em !important;
  color: #fff !important;
  text-align: center !important;
  background-color: rgba(234, 103, 37, 0.75) !important;
}
::-webkit-scrollbar {
  width: 12px;
}
::-webkit-scrollbar-track {
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
}
::-webkit-scrollbar-thumb {
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
}
*,
*:before,
*:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  font-family: inherit;
  font-size: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
}
html {
  height: 100%;
  min-height: 100%;
  background: #fff;
}
body {
  font: 400 16px/1.4 "Helvetica", "arial", sans-serif;
}
body,
body > #ajs-app,
body > #ajs-app > div[ng-app],
body > #ajs-app > div[ng-app] > index-directive,
body > #ajs-app > div[ng-app] > index-directive > div {
  height: 100%;
  min-height: 100%;
}
img {
  width: 100%;
}
input,
textarea {
  vertical-align: middle;
  width: 100%;
  padding: 5px;
  outline: none;
}
input:focus,
textarea:focus {
  box-shadow: inset 0 0 0 1px #47a4c6 !important;
}
input:disabled,
textarea:disabled {
  background: inherit;
  opacity: 0.25;
  cursor: not-allowed;
}
input:not(:disabled),
textarea:not(:disabled) {
  cursor: pointer;
}
ol,
ul {
  list-style-type: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
}
a {
  text-decoration: none;
  font-size: inherit;
  color: inherit;
}
a.disabled {
  cursor: default !important;
}
a[href^="mailto:"] {
  color: #47a4c6;
}
table {
  width: 100%;
  border-collapse: collapse;
}
select {
  width: 100%;
}
select#proj_country2 {
  border: 1px solid #989b9f;
  padding: 2px 4px;
  width: 100%;
}
@media (min-width: 1024px) {
  .m:not(.d),
  .t:not(.d) {
    display: none;
  }
}
@media (min-width: 450px) and (max-width: 1023px) {
  .m:not(.t),
  .d:not(.t) {
    display: none;
  }
}
@media (max-width: 450px) {
  .t:not(.m),
  .d:not(.m) {
    display: none;
  }
}
main {
  min-height: calc(100% - 305px);
  margin-bottom: 100px;
}
.main {
  position: relative;
  width: 100%;
  min-height: calc(100% - 355px);
  margin: 0 auto;
  padding: 0;
}
.main > * > * {
  max-width: 1024px;
  margin: 0 auto;
}
.narrow {
  max-width: 1024px;
  margin: 0 auto;
}
.container_contents > * {
  max-width: 1024px;
  margin: 0 auto;
}
.unbutton,
a.unbutton,
input[type="button"].unbutton,
button.unbutton,
button[type="button"].unbutton,
input[type="submit"].unbutton {
  text-decoration: none;
  display: inline;
  width: auto;
  height: auto;
  padding: 0;
  border: none !important;
  background: none;
  color: inherit;
  font-family: inherit;
  text-transform: none;
  text-align: left;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.unbutton:hover,
.unbutton:focus,
a.unbutton:hover,
a.unbutton:focus,
input[type="button"].unbutton:hover,
input[type="button"].unbutton:focus,
button.unbutton:hover,
button.unbutton:focus,
button[type="button"].unbutton:hover,
button[type="button"].unbutton:focus,
input[type="submit"].unbutton:hover,
input[type="submit"].unbutton:focus {
  background: none;
  color: inherit;
}
input[type="button"],
button,
button[type="button"],
input[type="submit"],
.button {
  text-decoration: none;
  display: inline-block;
  padding: 8px 20px;
  border: none !important;
  background: #47a4c6;
  color: #fff;
  font-family: "Oswald";
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
}
input[type="button"]:focus,
button:focus,
button[type="button"]:focus,
input[type="submit"]:focus,
.button:focus {
  outline: 1px solid #47a4c6;
}
input[type="button"]:hover,
button:hover,
button[type="button"]:hover,
input[type="submit"]:hover,
.button:hover {
  background: #74af43;
}
input[type="button"]:disabled,
button:disabled,
button[type="button"]:disabled,
input[type="submit"]:disabled,
.button:disabled {
  background: #d9dadb;
  box-shadow: unset;
  opacity: 1;
  cursor: not-allowed;
}
@media (max-width: 450px) {
  input[type="button"],
  button,
  button[type="button"],
  input[type="submit"],
  .button {
    padding: 4px 10px;
  }
}
button.full {
  width: 100%;
}
.clearfix:after,
.projects-and-users-wrap__sub:after,
.projects:after,
.projects output header:after,
.projects .projects__listing > li:after,
.users tr:after,
.admins form:after,
.admins tr:after,
.admins .users-projects__inner-list:after,
.admins .users-projects__inner-list__instances li:after,
.reassign tr:after,
.reassignCheck tr:after,
.edit .edit__area-admin__missions li:after,
.edit .edit__keywords:after,
.jcrop__buttons:after,
.updates-modal__content:after,
.sign-in-and-register:after,
.assign__project:after,
.assign__user:after,
.assign__results > ul > li:after,
.assign__results section:last-of-type li:after,
.basic-info:after,
.location-info .location-info-element-wrapper:after,
.action-buttons:after,
.story__form__images:after,
.story__form__images__list:after,
.story__form__images__list li:after,
#f__mobile-apps ul:after,
#f__nav-links:after,
.home .hero__videos__list:after,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .boundary-edit-header
  .header-content-wrapper
  #boundary-edit-status
  .progress
  ol:after,
#manage_admins #manage-admins-panel .admins-panel-tab-content tr:after,
#manage_admins .projects-and-users-wrap__sub:after,
#manage_admins .admins-um form:after,
#manage_admins .admins-um tr:after,
#manage_admins .admins-um .users-projects__inner-list:after,
#manage_admins .admins-um .users-projects__inner-list__instances li:after,
#manage_admins .reassign tr:after,
#partners form:after,
.partner:after,
#manage-projects:after,
#manage-projects .aside > section > ul > li:after,
.legal:after,
.not-authorized:after,
.oops:after,
.org-project-approval:after,
.partner__header:after,
.partner__header__text:after,
.partner__header__text .social:after,
.partner__header__text .social ul:after,
.partner__body:after,
.partner__announcements:after,
.announcement .announcement__action-buttons:after,
.new-actions:after,
.partners:after,
.partners form:after,
.partners form ul:after,
.profileHeartedPreferences .HeartedPreferences__labels:after,
.project-search .project-search-form .project-search-banner:after,
.project-search .view-options:after,
.project-search .calendar:after,
.story-list li:after,
project-volunteers-directive .volunteers-header--sub:after,
.wizard
  .wizard__header
  #header-content-wrapper
  #project-status-wrapper
  .progress
  ol:after,
.wizard-details-pane .details-about:after,
.wizard-details-pane .details-labels:after,
.wizard-guidelines-pane:after,
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl__datetime
  .dtl__datetime__start-time
  div:after,
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl__datetime
  .dtl__datetime__end-time
  div:after,
.personal-settings:after,
.personal-settings__password ul:after,
.notification-settings:after,
.notification-settings__toggle:after,
.notification-settings__details:after,
#sponsored-projects:after,
.sponsored_project:after,
.successStoriesBody:after,
.successStoriesBody__inner:after,
.successStoriesHeader:after,
.successStoriesHeaderStories:after,
.successStoryNav:after,
.successStorySocial:after,
.updates li:after {
  content: "";
  display: table;
  clear: both;
}
.project-logo-box {
  position: relative;
  width: auto;
  line-height: 0;
}
.project-logo-box [class^="icon-"] {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  background: rgba(71, 164, 198, 0.5);
  width: 36px;
  height: 36px;
  border: none;
}
.project-logo-box [class^="icon-"]:nth-of-type(1) {
  left: 0;
}
.project-logo-box [class^="icon-"]:nth-of-type(2) {
  left: 38px;
}
.project-logo-box [class^="icon-"]:before {
  display: block;
  margin: 5px 0 0 5px;
  color: #fff;
  font-size: 26px;
}
.gone {
  opacity: 0;
}
.invisible {
  visibility: hidden;
  height: 0 !important;
}
._16x9 {
  position: relative;
  padding-top: 56.25%;
}
._16x9 img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  margin: auto;
}
.select-gray-arrow,
.select-blue-arrow {
  background-repeat: no-repeat;
  background-position: right 6px bottom 50%;
  padding: 2px 30px 2px 5px;
  border: 1px solid #989b9f;
  background-size: 16px;
  width: auto;
}
.select-gray-arrow:focus + .select__text,
.select-blue-arrow:focus + .select__text {
  outline: 1px solid #47a4c6;
}
.select-gray-arrow:disabled + .select__text,
.select-blue-arrow:disabled + .select__text {
  opacity: 0.25;
  cursor: not-allowed;
}
.select-gray-arrow::-ms-expand,
.select-blue-arrow::-ms-expand {
  display: none;
}
.blue-arrow-after {
  background-repeat: no-repeat;
  background-position: 99% 50%;
  background-size: 12px 12px;
}
.blue-plus-before {
  background-repeat: no-repeat;
  background-position: 5% 50%;
  background-size: 12px 12px;
}
.flagstone__bar__button {
  box-shadow: unset;
}
.hidden {
  display: none !important;
}
.project_options_btn,
.sponsored__project__options .sponsored__project__options__toggle {
  vertical-align: middle;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAATCAMAAADVnb8xAAAAaVBMVEUAAACTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiUiUg8AAAAInRSTlMA0zZ8WVT75cjAiyQgC7Osl4FwbCoaGNvDdktFPQKcmnQwTxbHwQAAAKhJREFUKM/dj1kWgyAMABNBpQhqXahbN+5/yALBR2tP0M7XvDDwAvwQWceWqDnrKjLVs/zQXaXAho6zGsVM005gvX2GjXWUyneF19YPpbcig8TY20Djnj6Rbu4KGT5TmMfTUsNYkJ4BZhv1O7xoMCl8xJClUHNr981qUrfZQDYN8MY9PGicVaVX6YcsrBO6RC9QavpZixPfV8KbggMLN9EUXyGy8gr+kRdXQBJUf325nwAAAABJRU5ErkJggg==")
    no-repeat center center;
  height: 31px;
  cursor: pointer;
}
.project_options_btn_active,
.sponsored__project__options .sponsored__project__options__toggle.active {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAATCAMAAADVnb8xAAAAflBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////vroaSAAAAKXRSTlMA0sd9VCKybDMn+tWWhnVZF+TfwL+qnI6BcE1FPzguGQ4I9+q+WlgeGx/8A6MAAACpSURBVCjP3Y5XFoMgEAAXELGXGHtNj/e/YIDlBeMN4nzNWwZY+CO8lnVGHSY42kswZx/WlJS+ttENaYLDlobu8Nu5qyTn6umr0ggksbJgBMssVk0p/Yw6yCtoZLKhY05PF5gD1BggWZFmE96/YWbCxobMhkuKowi3VXgAExr1YUOlRmEmzc/xZwlTdtOdRVBSL9reESlSs1JBKg47umdmjKc9GPoHhyPyAeJGFdyN99+RAAAAAElFTkSuQmCC")
    no-repeat center center #47a4c6;
}
.nav--sub + main .main {
  padding: 0 0 15px;
}
.loading .active {
  background: none !important;
  opacity: 1;
}
.loading .active + .loading__bar:before {
  content: "";
  speak: none;
  position: absolute;
  bottom: 15px;
  left: 0;
  display: block;
  width: 100%;
  height: 8px;
  background: url("https://www.justserve.org/api/images/static/animated-loading-bar.gif");
  background-size: 100%;
}
.capitalize {
  text-transform: capitalize;
}
.lowercase {
  text-transform: lowercase;
}
@media (max-width: 450px) {
  .hide-on-mobile {
    display: none;
  }
}
@media (min-width: 450px) and (max-width: 1023px) {
  .hide-on-tablet {
    display: none;
  }
}
@media (min-width: 1024px) {
  .hide-on-desktop {
    display: none;
  }
}
.ellipses-1 {
  max-width: 1ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-2 {
  max-width: 2ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-3 {
  max-width: 3ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-4 {
  max-width: 4ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-5 {
  max-width: 5ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-6 {
  max-width: 6ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-7 {
  max-width: 7ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-8 {
  max-width: 8ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-9 {
  max-width: 9ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-10 {
  max-width: 10ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-11 {
  max-width: 11ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-12 {
  max-width: 12ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-13 {
  max-width: 13ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-14 {
  max-width: 14ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-15 {
  max-width: 15ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-16 {
  max-width: 16ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-17 {
  max-width: 17ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-18 {
  max-width: 18ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-19 {
  max-width: 19ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-20 {
  max-width: 20ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-21 {
  max-width: 21ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-22 {
  max-width: 22ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-23 {
  max-width: 23ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-24 {
  max-width: 24ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-25 {
  max-width: 25ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-26 {
  max-width: 26ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-27 {
  max-width: 27ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-28 {
  max-width: 28ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-29 {
  max-width: 29ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-30 {
  max-width: 30ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-31 {
  max-width: 31ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-32 {
  max-width: 32ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-33 {
  max-width: 33ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-34 {
  max-width: 34ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-35 {
  max-width: 35ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-36 {
  max-width: 36ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-37 {
  max-width: 37ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-38 {
  max-width: 38ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-39 {
  max-width: 39ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-40 {
  max-width: 40ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-41 {
  max-width: 41ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-42 {
  max-width: 42ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-43 {
  max-width: 43ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-44 {
  max-width: 44ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-45 {
  max-width: 45ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-46 {
  max-width: 46ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-47 {
  max-width: 47ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-48 {
  max-width: 48ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-49 {
  max-width: 49ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-50 {
  max-width: 50ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-51 {
  max-width: 51ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-52 {
  max-width: 52ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-53 {
  max-width: 53ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-54 {
  max-width: 54ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-55 {
  max-width: 55ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-56 {
  max-width: 56ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-57 {
  max-width: 57ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-58 {
  max-width: 58ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-59 {
  max-width: 59ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-60 {
  max-width: 60ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-61 {
  max-width: 61ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-62 {
  max-width: 62ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-63 {
  max-width: 63ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-64 {
  max-width: 64ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-65 {
  max-width: 65ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-66 {
  max-width: 66ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-67 {
  max-width: 67ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-68 {
  max-width: 68ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-69 {
  max-width: 69ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-70 {
  max-width: 70ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-71 {
  max-width: 71ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-72 {
  max-width: 72ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-73 {
  max-width: 73ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-74 {
  max-width: 74ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-75 {
  max-width: 75ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-76 {
  max-width: 76ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-77 {
  max-width: 77ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-78 {
  max-width: 78ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-79 {
  max-width: 79ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-80 {
  max-width: 80ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-81 {
  max-width: 81ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-82 {
  max-width: 82ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-83 {
  max-width: 83ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-84 {
  max-width: 84ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-85 {
  max-width: 85ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-86 {
  max-width: 86ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-87 {
  max-width: 87ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-88 {
  max-width: 88ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-89 {
  max-width: 89ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-90 {
  max-width: 90ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-91 {
  max-width: 91ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-92 {
  max-width: 92ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-93 {
  max-width: 93ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-94 {
  max-width: 94ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-95 {
  max-width: 95ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-96 {
  max-width: 96ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-97 {
  max-width: 97ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-98 {
  max-width: 98ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-99 {
  max-width: 99ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-100 {
  max-width: 100ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-101 {
  max-width: 101ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-102 {
  max-width: 102ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-103 {
  max-width: 103ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-104 {
  max-width: 104ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-105 {
  max-width: 105ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-106 {
  max-width: 106ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-107 {
  max-width: 107ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-108 {
  max-width: 108ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-109 {
  max-width: 109ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-110 {
  max-width: 110ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-111 {
  max-width: 111ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-112 {
  max-width: 112ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-113 {
  max-width: 113ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-114 {
  max-width: 114ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-115 {
  max-width: 115ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-116 {
  max-width: 116ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-117 {
  max-width: 117ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-118 {
  max-width: 118ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-119 {
  max-width: 119ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-120 {
  max-width: 120ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-121 {
  max-width: 121ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-122 {
  max-width: 122ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-123 {
  max-width: 123ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-124 {
  max-width: 124ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-125 {
  max-width: 125ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-126 {
  max-width: 126ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-127 {
  max-width: 127ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-128 {
  max-width: 128ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-129 {
  max-width: 129ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-130 {
  max-width: 130ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-131 {
  max-width: 131ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-132 {
  max-width: 132ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-133 {
  max-width: 133ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-134 {
  max-width: 134ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-135 {
  max-width: 135ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-136 {
  max-width: 136ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-137 {
  max-width: 137ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-138 {
  max-width: 138ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-139 {
  max-width: 139ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-140 {
  max-width: 140ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-141 {
  max-width: 141ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-142 {
  max-width: 142ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-143 {
  max-width: 143ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-144 {
  max-width: 144ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-145 {
  max-width: 145ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-146 {
  max-width: 146ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-147 {
  max-width: 147ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-148 {
  max-width: 148ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-149 {
  max-width: 149ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-150 {
  max-width: 150ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-151 {
  max-width: 151ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-152 {
  max-width: 152ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-153 {
  max-width: 153ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-154 {
  max-width: 154ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-155 {
  max-width: 155ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-156 {
  max-width: 156ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-157 {
  max-width: 157ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-158 {
  max-width: 158ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-159 {
  max-width: 159ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-160 {
  max-width: 160ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-161 {
  max-width: 161ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-162 {
  max-width: 162ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-163 {
  max-width: 163ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-164 {
  max-width: 164ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-165 {
  max-width: 165ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-166 {
  max-width: 166ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-167 {
  max-width: 167ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-168 {
  max-width: 168ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-169 {
  max-width: 169ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-170 {
  max-width: 170ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-171 {
  max-width: 171ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-172 {
  max-width: 172ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-173 {
  max-width: 173ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-174 {
  max-width: 174ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-175 {
  max-width: 175ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-176 {
  max-width: 176ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-177 {
  max-width: 177ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-178 {
  max-width: 178ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-179 {
  max-width: 179ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-180 {
  max-width: 180ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-181 {
  max-width: 181ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-182 {
  max-width: 182ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-183 {
  max-width: 183ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-184 {
  max-width: 184ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-185 {
  max-width: 185ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-186 {
  max-width: 186ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-187 {
  max-width: 187ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-188 {
  max-width: 188ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-189 {
  max-width: 189ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-190 {
  max-width: 190ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-191 {
  max-width: 191ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-192 {
  max-width: 192ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-193 {
  max-width: 193ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-194 {
  max-width: 194ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-195 {
  max-width: 195ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-196 {
  max-width: 196ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-197 {
  max-width: 197ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-198 {
  max-width: 198ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-199 {
  max-width: 199ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-200 {
  max-width: 200ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-201 {
  max-width: 201ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-202 {
  max-width: 202ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-203 {
  max-width: 203ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-204 {
  max-width: 204ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-205 {
  max-width: 205ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-206 {
  max-width: 206ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-207 {
  max-width: 207ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-208 {
  max-width: 208ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-209 {
  max-width: 209ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-210 {
  max-width: 210ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-211 {
  max-width: 211ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-212 {
  max-width: 212ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-213 {
  max-width: 213ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-214 {
  max-width: 214ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-215 {
  max-width: 215ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-216 {
  max-width: 216ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-217 {
  max-width: 217ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-218 {
  max-width: 218ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-219 {
  max-width: 219ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-220 {
  max-width: 220ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-221 {
  max-width: 221ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-222 {
  max-width: 222ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-223 {
  max-width: 223ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-224 {
  max-width: 224ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-225 {
  max-width: 225ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-226 {
  max-width: 226ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-227 {
  max-width: 227ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-228 {
  max-width: 228ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-229 {
  max-width: 229ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-230 {
  max-width: 230ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-231 {
  max-width: 231ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-232 {
  max-width: 232ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-233 {
  max-width: 233ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-234 {
  max-width: 234ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-235 {
  max-width: 235ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-236 {
  max-width: 236ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-237 {
  max-width: 237ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-238 {
  max-width: 238ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-239 {
  max-width: 239ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-240 {
  max-width: 240ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-241 {
  max-width: 241ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-242 {
  max-width: 242ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-243 {
  max-width: 243ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-244 {
  max-width: 244ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-245 {
  max-width: 245ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-246 {
  max-width: 246ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-247 {
  max-width: 247ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-248 {
  max-width: 248ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-249 {
  max-width: 249ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-250 {
  max-width: 250ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-251 {
  max-width: 251ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-252 {
  max-width: 252ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-253 {
  max-width: 253ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-254 {
  max-width: 254ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-255 {
  max-width: 255ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-256 {
  max-width: 256ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-257 {
  max-width: 257ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-258 {
  max-width: 258ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-259 {
  max-width: 259ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-260 {
  max-width: 260ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-261 {
  max-width: 261ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-262 {
  max-width: 262ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-263 {
  max-width: 263ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-264 {
  max-width: 264ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-265 {
  max-width: 265ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-266 {
  max-width: 266ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-267 {
  max-width: 267ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-268 {
  max-width: 268ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-269 {
  max-width: 269ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-270 {
  max-width: 270ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-271 {
  max-width: 271ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-272 {
  max-width: 272ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-273 {
  max-width: 273ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-274 {
  max-width: 274ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-275 {
  max-width: 275ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-276 {
  max-width: 276ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-277 {
  max-width: 277ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-278 {
  max-width: 278ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-279 {
  max-width: 279ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-280 {
  max-width: 280ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-281 {
  max-width: 281ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-282 {
  max-width: 282ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-283 {
  max-width: 283ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-284 {
  max-width: 284ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-285 {
  max-width: 285ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-286 {
  max-width: 286ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-287 {
  max-width: 287ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-288 {
  max-width: 288ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-289 {
  max-width: 289ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-290 {
  max-width: 290ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-291 {
  max-width: 291ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-292 {
  max-width: 292ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-293 {
  max-width: 293ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-294 {
  max-width: 294ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-295 {
  max-width: 295ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-296 {
  max-width: 296ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-297 {
  max-width: 297ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-298 {
  max-width: 298ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-299 {
  max-width: 299ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-300 {
  max-width: 300ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-301 {
  max-width: 301ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-302 {
  max-width: 302ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-303 {
  max-width: 303ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-304 {
  max-width: 304ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-305 {
  max-width: 305ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-306 {
  max-width: 306ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-307 {
  max-width: 307ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-308 {
  max-width: 308ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-309 {
  max-width: 309ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-310 {
  max-width: 310ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-311 {
  max-width: 311ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-312 {
  max-width: 312ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-313 {
  max-width: 313ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-314 {
  max-width: 314ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-315 {
  max-width: 315ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-316 {
  max-width: 316ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-317 {
  max-width: 317ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-318 {
  max-width: 318ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-319 {
  max-width: 319ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-320 {
  max-width: 320ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-321 {
  max-width: 321ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-322 {
  max-width: 322ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-323 {
  max-width: 323ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-324 {
  max-width: 324ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-325 {
  max-width: 325ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-326 {
  max-width: 326ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-327 {
  max-width: 327ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-328 {
  max-width: 328ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-329 {
  max-width: 329ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-330 {
  max-width: 330ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-331 {
  max-width: 331ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-332 {
  max-width: 332ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-333 {
  max-width: 333ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-334 {
  max-width: 334ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-335 {
  max-width: 335ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-336 {
  max-width: 336ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-337 {
  max-width: 337ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-338 {
  max-width: 338ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-339 {
  max-width: 339ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-340 {
  max-width: 340ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-341 {
  max-width: 341ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-342 {
  max-width: 342ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-343 {
  max-width: 343ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-344 {
  max-width: 344ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-345 {
  max-width: 345ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-346 {
  max-width: 346ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-347 {
  max-width: 347ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-348 {
  max-width: 348ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-349 {
  max-width: 349ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-350 {
  max-width: 350ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-351 {
  max-width: 351ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-352 {
  max-width: 352ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-353 {
  max-width: 353ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-354 {
  max-width: 354ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-355 {
  max-width: 355ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-356 {
  max-width: 356ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-357 {
  max-width: 357ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-358 {
  max-width: 358ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-359 {
  max-width: 359ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-360 {
  max-width: 360ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-361 {
  max-width: 361ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-362 {
  max-width: 362ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-363 {
  max-width: 363ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-364 {
  max-width: 364ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-365 {
  max-width: 365ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-366 {
  max-width: 366ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-367 {
  max-width: 367ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-368 {
  max-width: 368ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-369 {
  max-width: 369ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-370 {
  max-width: 370ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-371 {
  max-width: 371ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-372 {
  max-width: 372ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-373 {
  max-width: 373ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-374 {
  max-width: 374ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-375 {
  max-width: 375ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-376 {
  max-width: 376ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-377 {
  max-width: 377ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-378 {
  max-width: 378ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-379 {
  max-width: 379ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-380 {
  max-width: 380ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-381 {
  max-width: 381ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-382 {
  max-width: 382ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-383 {
  max-width: 383ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-384 {
  max-width: 384ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-385 {
  max-width: 385ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-386 {
  max-width: 386ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-387 {
  max-width: 387ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-388 {
  max-width: 388ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-389 {
  max-width: 389ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-390 {
  max-width: 390ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-391 {
  max-width: 391ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-392 {
  max-width: 392ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-393 {
  max-width: 393ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-394 {
  max-width: 394ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-395 {
  max-width: 395ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-396 {
  max-width: 396ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-397 {
  max-width: 397ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-398 {
  max-width: 398ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-399 {
  max-width: 399ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses-400 {
  max-width: 400ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipses {
  width: 1024px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.admins.jserve-highlighted-bg {
  background: #e5e3e3;
  width: 100%;
  margin: 0;
  padding: 30px 20px;
  height: auto;
}
@media (min-width: 1024px) {
  .admins.jserve-highlighted-bg {
    padding: 30px 0;
  }
}
.admins.jserve-highlighted-bg > div {
  width: 100%;
}
@media (min-width: 1024px) {
  .admins.jserve-highlighted-bg > div {
    width: 1024px;
    margin: 0 auto;
  }
}
.admins.jserve-highlighted-bg > div .button-hold-right {
  min-width: 0;
}
.admins.jserve-highlighted-bg h3 {
  font-family: "Oswald", sans-serif;
  font-size: 24px;
  color: #47a4c6;
}
.all-users h3 {
  font-family: "Oswald", sans-serif;
  font-size: 24px;
  color: #47a4c6;
}
.um-boundaries legend {
  font-size: 18px;
  color: #47a4c6;
}
.new-boundary.um-boundary-options {
  display: none;
}
.um-boundary-FAYT {
  position: relative;
  border: 1px solid #bbbdc0;
  height: 32px;
}
.um-boundary-FAYT__dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  border: 1px solid #bbbdc0;
  max-height: 480px;
  overflow: scroll;
  display: none;
  z-index: 1;
}
.um-boundary-FAYT__dropdown li {
  padding: 8px 12px;
  cursor: pointer;
}
.um-boundary-FAYT__dropdown li:hover {
  background: #e5e3e3;
}
#admin {
  max-width: 100%;
  color: #64686c;
}
.admin h1 {
  margin-bottom: 10px;
  font-family: "Oswald", sans-serif;
  font-size: 30px;
  color: #47a4c6;
}
.admin input[type="text"] {
  font-family: "Oswald", sans-serif;
  color: #000;
  float: left;
}
.admin .select {
  height: 1.8em;
  line-height: 1.4em;
}
.admin .select__text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 25px;
}
.admin .highlight {
  background: #fdf8c8;
}
.admin .select {
  float: left;
}
.admin .help-button {
  float: right;
  color: #47a4c6;
  cursor: pointer;
}
.projects-and-users-wrap {
  position: relative;
  background: #e5e3e3;
}
.projects-and-users-wrap__sub {
  position: relative;
  max-width: 1024px;
  margin: 0 auto;
  padding: 20px 20px 0;
  background: #fff;
}
@media (min-width: 768px) {
  .projects-and-users-wrap__sub {
    padding: 20px;
    background: #e5e3e3;
  }
}
@media (min-width: 1064px) {
  .projects-and-users-wrap__sub {
    padding: 20px 0;
  }
}
.um-third {
  width: 100%;
  float: left;
}
@media (min-width: 768px) {
  .um-third {
    width: calc(33.33333% - 17px);
    margin-right: 17px;
  }
}
.um-third label {
  font-size: 11px;
}
.um-third > * {
  width: 100%;
  float: left;
}
.projects {
  position: relative;
  height: 46px;
  overflow: hidden;
  padding: 5px 10px;
  border: 1px solid #64686c;
}
.projects.active {
  height: auto;
  overflow: initial;
}
.projects.active h1:before {
  content: "\e606";
}
@media (min-width: 768px) {
  .projects {
    width: 70%;
    min-height: 285px;
    height: auto;
    overflow: initial;
    border: none;
    padding: 0;
    background: #e5e3e3;
  }
  .projects .sub-section {
    padding: 20px;
    background: #fff;
  }
}
.projects h1 {
  cursor: pointer;
}
.projects h1 a {
  display: block;
}
.projects h1:before {
  content: "\e605";
  font-family: "icons";
  font-size: 16px;
  position: absolute;
  top: 11px;
  right: 10px;
  color: #64686c;
}
@media (min-width: 768px) {
  .projects h1 {
    cursor: default;
  }
  .projects h1 a {
    overflow: visible;
    white-space: initial;
    text-overflow: initial;
    padding-right: 0;
    cursor: default;
  }
  .projects h1:before {
    display: none;
  }
}
.projects form legend {
  margin-bottom: 10px;
}
.projects input[type="text"] {
  margin-bottom: 10px;
  border: 1px solid #64686c;
}
@media (min-width: 768px) {
  .projects input[type="text"] {
    width: 30%;
    width: calc(33.33333% - 10px);
    margin-bottom: 20px;
  }
  .projects input[type="text"]:nth-child(2),
  .projects input[type="text"]:nth-of-type(5) {
    margin: 0 10px;
  }
}
@media (min-width: 768px) {
  .projects .search-button-wrap {
    margin-top: 32px;
    text-align: right;
  }
}
.projects output {
  display: block;
  margin-top: 30px;
}
@media (min-width: 900px) {
  .projects output {
    margin-top: 0;
  }
}
.projects output header {
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.projects output header h2 {
  position: relative;
  display: inline-block;
}
.projects output header h2.icon-triangle-down-small:before {
  position: absolute;
  display: block;
  width: 100%;
  margin-top: 18px;
  text-align: inherit;
  color: #47a4c6;
}
.projects output header span {
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
  font-size: 20px;
  color: #47a4c6;
}
.projects .projects__listing {
  margin-top: 10px;
}
.projects .projects__listing > li {
  border-top: 1px solid #64686c;
  padding: 10px 0 20px;
}
@media (min-width: 900px) {
  .projects .projects__listing > li {
    padding-bottom: 10px;
  }
}
.projects .projects__listing > li > div:first-of-type {
  margin-bottom: 10px;
}
@media (min-width: 900px) {
  .projects .projects__listing > li > div:first-of-type {
    float: left;
    width: 80%;
  }
  .projects .projects__listing > li > div:last-of-type {
    float: right;
    width: 20%;
    width: calc(20% - 10px);
  }
}
.projects .projects__listing > li h3 {
  margin-bottom: 10px;
  font-family: "Oswald", sans-serif;
  font-size: 18px;
}
.projects .projects__listing > li h3 a {
  color: #47a4c6;
}
.projects .projects__listing > li .projects__submitted-online {
  margin: -10px 0 10px;
}
.projects .projects__listing > li .projects__location {
  margin-bottom: 20px;
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  color: #ef5e39;
}
.projects .projects__listing > li .projects__location span {
  color: inherit;
}
@media (min-width: 900px) {
  .projects .projects__listing > li .projects__location {
    text-align: right;
  }
}
.projects .projects__listing > li ul {
  font-size: 14px;
}
@media (min-width: 900px) {
  .projects .projects__listing > li ul {
    font-size: initial;
  }
}
.projects .projects__listing > li .projects__listing__button-wrap {
  text-align: center;
}
@media (min-width: 900px) {
  .projects .projects__listing > li .projects__listing__button-wrap {
    text-align: right;
  }
}
.projects .projects__listing > li .projects__listing__button-wrap input {
  width: auto;
}
.users {
  position: relative;
  height: 46px;
  overflow: hidden;
  padding: 5px 10px;
  border: 1px solid #64686c;
  margin-top: 10px;
  cursor: pointer;
}
.users.active {
  height: auto;
  overflow: initial;
}
.users.active h1:before {
  content: "\e606";
}
@media (min-width: 768px) {
  .users {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    margin-top: 0;
    width: 30%;
    width: calc(30% + 5px);
    height: auto;
    overflow: visible;
    border: none;
    padding: 20px;
    background: #e5e3e3;
    transition-duration: 0.25s;
  }
  .users.active {
    width: 50%;
    padding-left: 30px;
  }
  .users.active:before {
    content: "\e621";
    font-family: "icons";
    font-size: 20px;
    color: #64686c;
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 100%;
    padding: 30px 0 0 5px;
  }
  .users.active h1:before {
    display: none;
  }
  .users.active output {
    height: auto;
  }
  .users .sub-section {
    min-height: 285px;
    padding: 20px;
    background: #fff;
    cursor: initial;
  }
}
@media (min-width: 1064px) {
  .users {
    width: 30%;
  }
}
.users h1 {
  cursor: pointer;
}
.users h1 a {
  display: block;
}
.users h1:before {
  content: "\e605";
  font-family: "icons";
  font-size: 16px;
  position: absolute;
  top: 11px;
  right: 10px;
  color: #64686c;
}
@media (min-width: 768px) {
  .users h1 {
    cursor: default;
  }
  .users h1 a {
    overflow: visible;
    white-space: initial;
    text-overflow: initial;
    padding-right: 0;
    cursor: default;
  }
  .users h1:before {
    display: none;
  }
}
.users form.active .select:last-of-type {
  display: inline-block;
}
.users form legend {
  margin-bottom: 10px;
}
.users form .select:last-of-type {
  display: none;
}
.users input[type="text"] {
  border: 1px solid #64686c;
}
.users .select {
  margin-top: 10px;
  border: 1px solid #64686c;
}
.users .search-button-wrap {
  margin-top: 20px;
}
.users output {
  display: none;
  max-height: 0;
  overflow: hidden;
  margin-top: 10px;
  font-size: 14px;
  transition-duration: 0.25s;
}
.users output.active {
  max-height: 175px;
}
.users.active output {
  display: block;
}
.users .users__count {
  margin-bottom: 10px;
}
.users table,
.users thead,
.users tbody,
.users tfoot,
.users tr,
.users th,
.users td {
  display: block;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
  border-collapse: inherit;
  border-spacing: 0;
  border-color: inherit;
  vertical-align: inherit;
  text-align: left;
  font-weight: inherit;
  -webkit-border-horizontal-spacing: 0;
  -webkit-border-vertical-spacing: 0;
}
.users th,
.users td {
  display: inline;
}
.users thead {
  border-bottom: 1px solid #64686c;
}
.users thead th:first-of-type {
  cursor: pointer;
}
.users th {
  float: left;
  font-family: "Oswald", sans-serif;
  font-weight: normal;
}
.users th:nth-child(1) {
  width: 35%;
  padding-left: 10px;
  padding-left: 10px;
}
.users th:nth-child(1):after {
  content: " \e622";
  font-family: "icons";
  font-size: 10px;
  vertical-align: middle;
}
.users th:nth-child(2) {
  width: 40%;
  padding-left: 5px;
}
.users th:nth-child(3) {
  width: 25%;
}
.users tbody {
  max-height: 150px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.users tbody tr {
  cursor: pointer;
}
.users tbody tr:nth-child(even) {
  background: #e5e3e3;
}
.users td {
  display: inline-block;
  float: left;
  padding: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.users td:nth-child(1) {
  padding: 5px 10px;
  width: 35%;
}
.users td:nth-child(2) {
  padding: 5px 10px;
  width: 40%;
}
.users td:nth-child(3) {
  padding: 5px 10px;
  width: 25%;
}
.users td a {
  color: #47a4c6;
}
#user-search-roles {
  height: 44px;
}
#user-search-searchName + .select {
  height: 45px;
  padding-top: 12px;
}
.admins .label-line {
  margin-top: 15px;
}
.admins .label-line label {
  font-size: 11px;
}
.admins .label-line label {
  margin-right: 10px;
  width: 100%;
}
@media (min-width: 1024px) {
  .admins .label-line label {
    width: calc(25% - 10px);
    float: left;
  }
}
.admins .user-area-line {
  width: 100%;
  float: left;
}
.admins .user-area-line .select {
  margin-right: 10px;
  width: 100%;
}
@media (min-width: 1024px) {
  .admins .user-area-line .select {
    width: calc(25% - 10px);
    float: left;
  }
}
.full-width {
  width: 100% !important;
  float: left;
}
.user-manager-top {
  width: 100%;
  padding: 0 20px;
}
@media (min-width: 1024px) {
  .user-manager-top {
    padding: 0;
  }
}
.user-manager-top > div {
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .user-manager-top > div {
    width: 1024px;
  }
}
.back-to-dashboard:before {
  content: "<";
  margin-right: 4px;
}
.back-to-dashboard {
  color: #ef5e39;
  text-transform: uppercase;
  font-size: 16px;
  font-family: "Oswald", sans-serif;
  margin: 30px 0 40px 0;
  float: left;
}
.admins__row .admins-phone {
  color: #989b9f;
}
.admins__row .only-show-active {
  display: none;
  width: 100%;
}
.admins__row.active .only-show-active {
  display: block;
}
.admins__row.active .for-name {
  color: #ef5e39;
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  text-transform: uppercase;
}
.admins__row.active .users-email {
  padding-top: 45px;
}
.admins__row.active .admins-phone {
  margin: 15px 0 0 20px;
}
.admins__row .user-edit-profile {
  background: #ef5e39;
  font-size: 18px;
  font-family: "Oswald", sans-serif;
  color: #fff;
  text-transform: uppercase;
  padding: 4px 8px;
  margin-bottom: 8px;
  float: right;
  text-align: center;
  cursor: pointer;
  width: auto;
}
.admins__row .user-edit-profile + p {
  width: 100%;
  display: inline-block;
}
.um-results-highlight {
  color: #ef5e39;
}
.users-projects .action-buttons {
  width: 100%;
  float: left;
  padding: 25px 10px 15px;
}
.users-projects .action-buttons input[type="button"] {
  float: left;
}
.admins .user-area-line .select {
  display: none;
}
.admins .user-area-line .select:first-child {
  display: inline-block;
}
.um-boundaries {
  margin: 10px 0;
}
.um-boundaries,
.edit__contents header {
  width: 100%;
  display: inline-block;
}
.morsie.right,
.lessie.right,
.halfsie.right {
  float: right;
}
@media (max-width: 450px) {
  .morsie.right,
  .lessie.right,
  .halfsie.right {
    float: unset;
    margin-bottom: 10px;
  }
}
.morsie.left,
.lessie.left,
.halfsie.left {
  float: left;
}
@media (max-width: 1023px) {
  .morsie.left,
  .lessie.left,
  .halfsie.left {
    float: unset;
    margin-bottom: 10px;
  }
}
.fullsie {
  width: 100%;
  margin-bottom: 10px;
}
.morsie {
  width: 75%;
}
@media (max-width: 1023px) {
  .morsie {
    width: 100%;
    margin-bottom: 10px;
  }
}
.lessie {
  width: 25%;
}
@media (max-width: 1023px) {
  .lessie {
    width: 100%;
    margin-bottom: 10px;
  }
}
.halfsie {
  width: 50%;
}
@media (max-width: 1023px) {
  .halfsie {
    width: 100%;
    margin-bottom: 10px;
  }
}
.edit__role {
  float: left;
}
.edit__roles {
  width: 75%;
  float: left;
  display: none;
}
.edit .edit__main .edit__status .select,
.edit .edit__main .select {
  width: 90%;
}
.inactive-text {
  color: #be1e2d;
  font-family: "Oswald", sans-serif;
}
.um-make-active {
  background: #74af43;
  padding: 6px 16px;
  color: #fff;
  margin-top: 15px;
  float: left;
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
  cursor: pointer;
}
.all-users.admins th:nth-child(3),
.all-users.admins td:nth-child(3) {
  display: none;
}
@media (min-width: 1024px) {
  .all-users.admins th:nth-child(3),
  .all-users.admins td:nth-child(3) {
    display: inline-block;
  }
}
.admins.all-users {
  border-top: 2px solid #808083;
  padding-top: 50px;
  height: auto;
}
#all-users-search {
  width: 70%;
  float: left;
}
#search-all-users-button {
  width: auto;
  float: left;
  height: 45px;
  float: right;
}
.centered {
  text-align: center;
}
.admins__sub .full-width.centered {
  display: inline-block;
  float: none;
}
.load-more-line .loading {
  display: inline-block;
}
.um-load-more {
  margin: 0 auto;
  min-width: 200px;
  padding: 12px 20px;
  background: #47a4c6;
  cursor: pointer;
  color: #fff;
  margin: 30px 0 0;
  font-family: "Oswald", sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  display: inline-block;
}
.um-results-text {
  margin-bottom: 35px;
}
.admins {
  position: relative;
  margin: 10px 20px 0;
  overflow: hidden;
  padding: 5px 10px;
}
.admins.active {
  height: auto;
  overflow: visible;
}
.admins.active h1:before {
  content: "\e606";
}
@media (min-width: 768px) {
  .admins {
    height: auto;
    overflow: visible;
    margin-top: 30px;
    padding: 0;
    border: none;
  }
  .admins h1 {
    font-size: 30px;
  }
  .admins h1:before {
    display: none;
  }
  .admins .admins__sub {
    width: 70%;
  }
}
@media (min-width: 1064px) {
  .admins {
    width: 1024px;
    margin: 30px auto;
  }
}
.admins h1 {
  cursor: pointer;
}
.admins h1 a {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 20px;
}
.admins h1:before {
  content: "\e605";
  font-family: "icons";
  font-size: 16px;
  position: absolute;
  top: 11px;
  right: 10px;
  color: #64686c;
}
@media (min-width: 768px) {
  .admins h1 {
    cursor: default;
  }
  .admins h1 a {
    overflow: visible;
    white-space: initial;
    text-overflow: initial;
    padding-right: 0;
    cursor: default;
  }
  .admins h1:before {
    display: none;
  }
}
.admins form legend {
  margin-bottom: 10px;
}
.admins input[type="text"] {
  margin-bottom: 10px;
  padding: 10px;
  border: 1px solid #47a4c6;
  font-size: 18px;
}
@media (min-width: 768px) {
  .admins input[type="text"]:nth-of-type(2) {
    margin: 0 20px;
  }
}
.admins .select {
  width: 50%;
  width: calc(50% - 5px);
  margin-bottom: 10px;
  border-color: #bbbdc0;
}
.admins form > .select:nth-of-type(1) {
  float: left;
  width: calc(33.3333% - 17px);
  height: 45px;
  padding-top: 12px;
}
.admins form > .select:nth-of-type(2) {
  float: right;
  width: calc(50% - 5px);
}
.admins .admins__search {
  text-align: right;
}
.admins .admins__search--button {
  width: auto;
}
.admins .sort:after {
  content: "\e622";
  font-family: "icons";
  font-size: 14px;
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
}
.admins table,
.admins thead,
.admins tbody,
.admins tfoot,
.admins tr,
.admins th,
.admins td {
  display: block;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
  border-collapse: inherit;
  border-spacing: 0;
  border-color: inherit;
  vertical-align: inherit;
  text-align: left;
  font-weight: inherit;
  -webkit-border-horizontal-spacing: 0;
  -webkit-border-vertical-spacing: 0;
}
.admins th,
.admins td {
  display: inline-block;
}
.admins table {
  margin-top: 10px;
  width: 100%;
}
.admins table a {
  color: #47a4c6;
}
.admins table a.exclamation:before {
  content: "!";
  font-family: "Oswald", sans-serif;
  color: #ef5e39;
  margin-right: 5px;
}
.admins thead {
  width: 100%;
  border-bottom: 1px solid #64686c;
}
.admins thead th {
  cursor: pointer;
}
.admins thead a {
  color: inherit;
}
.admins tbody {
  width: 100%;
}
.admins tbody * {
  font-size: 12px;
}
@media (min-width: 480px) {
  .admins tbody * {
    font-size: 16px;
  }
}
.admins tbody > tr {
  margin-top: 8px;
}
.admins tr {
  width: 100%;
}
.admins tr.active {
  margin-top: 10px;
  background: #e5e3e3;
}
.admins tr.active .users-projects {
  border-top: 2px solid #989b9f;
  width: calc(100% - 40px);
  margin: 0 20px;
  padding: 10px 0;
}
.admins tr.active td.arrow:nth-of-type(1):before {
  content: "\e606";
}
.admins tr.admins__row {
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.admins th {
  float: left;
  padding: 5px 5px 0;
  font-family: "Oswald", sans-serif;
  color: #64686c;
}
.admins th:nth-child(1) {
  width: 75%;
}
.admins th:nth-child(2) {
  width: 25%;
}
.admins th:nth-child(3) {
  display: none;
}
@media (min-width: 480px) {
  .admins th:nth-child(1) {
    width: 50%;
  }
  .admins th:nth-child(2) {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .admins th:nth-child(1) {
    width: 25%;
  }
  .admins th:nth-child(2) {
    width: 75%;
  }
}
@media (min-width: 1024px) {
  .admins th:nth-child(1) {
    width: 30%;
  }
  .admins th:nth-child(2) {
    width: 35%;
  }
  .admins th:nth-child(3) {
    width: 35%;
    display: inline-block;
  }
}
.admins td {
  float: left;
  padding: 5px;
}
.admins td:nth-of-type(1) {
  width: 86.5%;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}
.admins td:nth-of-type(1).arrow:before {
  content: "\e605";
  font-family: "icons";
  font-size: 14px;
  vertical-align: middle;
  display: inline-block;
  padding-right: 5px;
  color: #64686c;
}
.admins td:nth-of-type(2) {
  width: 12.5%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.admins td:nth-of-type(3) {
  width: 100%;
  display: none;
}
@media (min-width: 480px) {
  .admins td:nth-of-type(1) {
    width: 50%;
  }
  .admins td:nth-of-type(2) {
    width: 50%;
  }
  .admins td:nth-of-type(3) {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .admins td:nth-of-type(1) {
    width: 25%;
  }
  .admins td:nth-of-type(2) {
    width: 75%;
  }
  .admins td:nth-of-type(3) {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .admins td:nth-child(1) {
    width: 30%;
  }
  .admins td:nth-child(2) {
    width: 35%;
  }
  .admins td:nth-child(3) {
    width: 35%;
    display: inline-block;
  }
}
.admins .allUsers__row td {
  float: left;
  padding: 5px;
}
.admins .allUsers__row td:nth-of-type(1) {
  width: 86.5%;
}
.admins .allUsers__row td:nth-of-type(2) {
  width: 12.5%;
}
.admins .allUsers__row td:nth-of-type(3) {
  width: 100%;
}
@media (min-width: 480px) {
  .admins .allUsers__row td:nth-of-type(1) {
    width: 50%;
  }
  .admins .allUsers__row td:nth-of-type(2) {
    width: 50%;
  }
  .admins .allUsers__row td:nth-of-type(3) {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .admins .allUsers__row td:nth-of-type(1) {
    width: 25%;
  }
  .admins .allUsers__row td:nth-of-type(2) {
    width: 75%;
  }
  .admins .allUsers__row td:nth-of-type(3) {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .admins .allUsers__row td:nth-child(1) {
    width: 30%;
  }
  .admins .allUsers__row td:nth-child(2) {
    width: 30%;
  }
  .admins .allUsers__row td:nth-child(3) {
    width: 25%;
  }
  .admins .allUsers__row td:nth-child(4) {
    width: 15%;
    color: #47a4c6;
    cursor: pointer;
  }
}
.admins .users-name {
  color: #47a4c6;
  position: relative;
  overflow: visible;
}
.admins .users-name .um-proj-count {
  position: absolute;
  right: 100%;
  background: #bbbdc0;
  color: #fff;
  font-size: 12px;
  min-width: 27px;
  border-radius: 5px;
  padding: 2px 4px 0;
  text-align: center;
  display: none;
}
@media (min-width: 1024px) {
  .admins .users-name .um-proj-count {
    display: inline-block;
  }
}
.admins .active .users-name .um-proj-count {
  display: none;
}
.admins .users-email a:last-child {
  display: none;
}
@media (min-width: 480px) {
  .admins .users-email a:first-child {
    display: none;
  }
  .admins .users-email a:last-child {
    display: inline;
  }
}
.admins .users-projects {
  display: none;
  padding: 10px;
}
.admins .users-projects h3 {
  display: inline-block;
  vertical-align: middle;
  margin-left: 25px;
  font-size: 16px;
  color: #989b9f;
}
.admins .users-projects h3 span {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  text-transform: inherit;
}
.admins .users-projects .users-projects__toggle-all {
  width: auto;
  vertical-align: middle;
  margin: 0 0 0 10px;
  padding: 0;
  background: none;
  color: #ef5e39;
  font-family: inherit;
  font-size: 13px;
  text-transform: lowercase;
}
.admins .users-projects .users-projects__toggle-all:focus,
.admins .users-projects .users-projects__toggle-all:active {
  outline: none;
  border: none;
  box-shadow: none !important;
}
.admins .users-projects > ul > li {
  padding: 5px;
}
@media (min-width: 768px) {
  .admins .users-projects {
    padding: 10px 25px;
  }
  .admins .users-projects h3 {
    margin-left: 0;
  }
}
.admins .users-projects__inner-list {
  padding-left: 10px;
}
.admins .users-projects__inner-list li {
  float: left;
}
.admins .users-projects__inner-list li:nth-of-type(1) {
  width: 60%;
  width: 90%;
}
.admins .users-projects__inner-list li:nth-of-type(2) {
  display: none;
}
.admins .users-projects__inner-list li:nth-of-type(3) {
  width: 10%;
}
.admins .users-projects__inner-list li:nth-of-type(4) {
  width: 10%;
}
.admins .users-projects__inner-list li input[type="checkbox"],
.admins .users-projects__inner-list li .checkbox {
  float: left;
  margin-top: 2px;
}
.admins .users-projects__inner-list li.active input[type="checkbox"],
.admins .users-projects__inner-list li.active .checkbox {
  display: inline-block;
}
@media (min-width: 768px) {
  .admins .users-projects__inner-list li:nth-of-type(1) {
    width: 25%;
    width: 55%;
  }
  .admins .users-projects__inner-list li:nth-of-type(2) {
    display: block;
    width: 25%;
    width: 35%;
  }
  .admins .users-projects__inner-list li:nth-of-type(3) {
    width: 35%;
    width: 10%;
    text-align: center;
  }
  .admins .users-projects__inner-list li:nth-of-type(4) {
    width: 15%;
    text-align: right;
  }
}
@media (min-width: 900px) {
  .admins .users-projects__inner-list li:nth-of-type(2) {
    display: block;
    width: 25%;
  }
  .admins .users-projects__inner-list li:nth-of-type(3) {
    width: 20%;
    float: right;
    text-align: right;
  }
}
.admins .users-projects__inner-list .checkbox {
  margin-right: 5px;
  border: 1px solid #64686c;
}
.admins .users-projects__inner-list h4 {
  padding: 0 10px 0 25px;
}
.admins
  .users-projects__inner-list
  input[type="checkbox"]:checked
  + .checkbox__checkmark:before {
  font-size: 0.6em;
}
.admins .users-projects__inner-list .pending-approval {
  display: inline-block;
  padding: 0 2px;
  font-family: "Oswald", sans-serif;
  color: #be1e2d;
}
.admins .users-projects__inner-list__location {
  width: 100%;
}
.admins .users-projects__inner-list__instances li:hover a,
.admins .users-projects__inner-list__instances li:focus a {
  text-decoration: underline;
}
.admins .users-projects__inner-list__instances a {
  float: left;
  display: inline-block;
  width: 50%;
}
.admins .users-projects__inner-list__instances a:first-child {
  padding-left: 50px;
}
.admins .users-projects__inner-list__instances a:last-child {
  width: 45%;
  padding-left: 33px;
  text-align: left;
}
.admins .users-volunteers a:last-child {
  display: none;
}
@media (min-width: 900px) {
  .admins .users-volunteers a:first-child {
    display: none;
  }
  .admins .users-volunteers a:last-child {
    display: inline;
  }
}
.admins .users-edit a:last-child {
  display: none;
}
@media (min-width: 900px) {
  .admins .users-edit a:first-child {
    display: none;
  }
  .admins .users-edit a:last-child {
    display: inline;
  }
}
.admins .action-buttons {
  margin: 10px 10px 0 0;
}
.admins .action-buttons .loading:nth-of-type(2) input {
  background: #be1e2d;
}
.admins .action-buttons .loading .active + .loading__bar:before {
  bottom: -8px;
}
.admins .action-buttons input {
  width: auto;
  color: #fff;
}
.reassign-overlay {
  display: none;
  position: fixed;
  z-index: 24;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.9);
}
.reassign {
  display: none;
  position: absolute;
  z-index: 25;
  top: 5%;
  left: 5%;
  width: 90%;
  max-height: 500px;
  border: 1px solid #64686c;
  padding: 20px;
  box-shadow: 0 0 30px 0 rgba(192, 192, 192, 0.5);
  background: #fff;
}
@media (min-width: 768px) {
  .reassign {
    left: 50%;
    width: 700px;
    margin-left: -350px;
  }
}
.reassign form {
  position: relative;
}
.reassign form legend {
  margin-bottom: 10px;
  font-family: "Oswald", sans-serif;
  font-size: 24px;
  color: #ef5e39;
}
.reassign form .icon-check {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 24px;
  color: #47a4c6;
}
.reassign form span {
  font-family: "Oswald", sans-serif;
  color: #bbbdc0;
  float: left;
  font-family: Helvetica, arial;
  font-size: 14px;
}
.reassign form input[type="text"] {
  margin: 5px 0;
  border: 1px solid #47a4c6;
}
@media (min-width: 550px) {
  .reassign form input[type="text"] {
    width: 260px;
    margin: 0 5px;
  }
}
.reassign form input[type="submit"] {
  width: auto;
  height: 31px;
  padding: 0 20px;
}
.reassign output {
  display: block;
  margin-top: 20px;
}
.reassign table,
.reassign thead,
.reassign tbody,
.reassign tfoot,
.reassign tr,
.reassign th,
.reassign td {
  display: block;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
  border-collapse: inherit;
  border-spacing: 0;
  border-color: inherit;
  vertical-align: inherit;
  text-align: left;
  font-weight: inherit;
  -webkit-border-horizontal-spacing: 0;
  -webkit-border-vertical-spacing: 0;
}
.reassign th,
.reassign td {
  display: inline;
}
.reassign thead {
  border-bottom: 1px solid #64686c;
}
.reassign th {
  float: left;
  color: #bbbdc0;
  font-family: "Oswald", sans-serif;
  font-weight: normal;
}
.reassign th:nth-child(1) {
  width: 35%;
  padding-left: 10px;
  padding-left: 10px;
}
.reassign th:nth-child(2) {
  width: 40%;
  padding-left: 5px;
}
.reassign th:nth-child(3) {
  width: 25%;
}
.reassign tbody {
  max-height: 100px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.reassign tbody tr:hover {
  background: #e5e3e3;
}
.reassign tr {
  cursor: pointer;
}
.reassign td {
  display: inline-block;
  float: left;
  padding: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.reassign td:nth-child(1) {
  padding: 5px 10px;
  width: 35%;
}
.reassign td:nth-child(2) {
  padding: 5px 10px;
  width: 40%;
}
.reassign td:nth-child(3) {
  padding: 5px 10px;
  width: 25%;
}
.reset-um-admin-search {
  color: #47a4c6;
  margin: 8px 20px 0 0;
  float: right;
  cursor: pointer;
}
.reassignCheck-overlay {
  display: none;
  position: fixed;
  z-index: 39;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.9);
}
.reassignCheck {
  display: none;
  position: absolute;
  z-index: 40;
  top: 5%;
  left: 5%;
  width: 90%;
  max-height: 500px;
  border: 1px solid #64686c;
  padding: 20px;
  box-shadow: 0 0 30px 0 rgba(192, 192, 192, 0.5);
  background: #fff;
}
.reassignCheck > p {
  text-align: center;
}
.reassignCheck > p.large-modal-text {
  font-size: 20px;
  padding: 0 20px;
  margin-bottom: 10px;
}
.reassignCheck > .button-line {
  text-align: center;
  margin: 20px 0 10px;
}
.reassignCheck > .button-line .reassignCheck-cancel {
  background: #bbbdc0;
}
.reassignCheck > .button-line .reassignCheck-delete {
  background: #ef5e39;
}
@media (min-width: 768px) {
  .reassignCheck {
    left: 50%;
    width: 700px;
    margin-left: -350px;
  }
}
.reassignCheck form {
  position: relative;
}
.reassignCheck form legend {
  margin-bottom: 10px;
  font-family: "Oswald", sans-serif;
  font-size: 24px;
  color: #ef5e39;
}
.reassignCheck form .icon-check {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 24px;
  color: #47a4c6;
}
.reassignCheck form span {
  font-family: "Oswald", sans-serif;
  color: #bbbdc0;
}
.reassignCheck form input[type="text"] {
  margin: 5px 0;
  border: 1px solid #47a4c6;
}
@media (min-width: 550px) {
  .reassignCheck form input[type="text"] {
    width: 260px;
    margin: 0 5px;
  }
}
.reassignCheck form input[type="submit"] {
  width: auto;
  height: 31px;
  padding: 0 20px;
}
.reassignCheck output {
  display: block;
  margin-top: 20px;
}
.reassignCheck table,
.reassignCheck thead,
.reassignCheck tbody,
.reassignCheck tfoot,
.reassignCheck tr,
.reassignCheck th,
.reassignCheck td {
  display: block;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
  border-collapse: inherit;
  border-spacing: 0;
  border-color: inherit;
  vertical-align: inherit;
  text-align: left;
  font-weight: inherit;
  -webkit-border-horizontal-spacing: 0;
  -webkit-border-vertical-spacing: 0;
}
.reassignCheck th,
.reassignCheck td {
  display: inline;
}
.reassignCheck thead {
  border-bottom: 1px solid #64686c;
}
.reassignCheck th {
  float: left;
  color: #bbbdc0;
  font-family: "Oswald", sans-serif;
  font-weight: normal;
}
.reassignCheck th:nth-child(1) {
  width: 35%;
  padding-left: 10px;
  padding-left: 10px;
}
.reassignCheck th:nth-child(2) {
  width: 40%;
  padding-left: 5px;
}
.reassignCheck th:nth-child(3) {
  width: 25%;
}
.reassignCheck tbody {
  max-height: 100px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.reassignCheck tbody tr:hover {
  background: #e5e3e3;
}
.reassignCheck tr {
  cursor: pointer;
}
.reassignCheck td {
  display: inline-block;
  float: left;
  padding: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.reassignCheck td:nth-child(1) {
  padding: 5px 10px;
  width: 35%;
}
.reassignCheck td:nth-child(2) {
  padding: 5px 10px;
  width: 40%;
}
.reassignCheck td:nth-child(3) {
  padding: 5px 10px;
  width: 25%;
}
.edit-overlay {
  display: none;
  position: fixed;
  z-index: 24;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.9);
}
.edit__contents {
  position: relative;
}
.edit {
  display: none;
  position: absolute;
  z-index: 25;
  top: 5%;
  left: 5%;
  width: 90%;
  border: 1px solid #64686c;
  padding: 20px 20px 40px;
  box-shadow: 0 0 30px 0 rgba(192, 192, 192, 0.5);
  background: #fff;
}
@media (min-width: 768px) {
  .edit {
    left: 50%;
    width: 700px;
    margin-left: -350px;
  }
}
.edit .icon-check {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 24px;
  color: #47a4c6;
}
.edit header .edit__delete {
  width: auto;
  margin-top: 10px;
  padding: 0;
  background: none;
  color: #ef5e39;
  font-family: inherit;
  font-size: 13px;
  text-transform: lowercase;
}
.edit header h3 {
  font-family: "Oswald", sans-serif;
  font-size: 24px;
  color: #ef5e39;
}
.edit form legend {
  margin-bottom: 5px;
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  color: #47a4c6;
}
.edit .edit__main {
  margin: 20px 0;
  border-top: 1px solid #e5e3e3;
  padding: 20px 0;
}
.edit .edit__main .select {
  border-color: #bbbdc0;
}
.edit .edit__attention {
  margin-top: 10px;
  color: #be1e2d;
  font-size: 14px;
}
.edit .edit__roles > li {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.edit .edit__roles .unbutton {
  float: right;
  display: inline-block;
  margin-left: 10px;
  color: #be1e2d;
  text-transform: lowercase;
}
.edit .edit__roles .unbutton:hover {
  color: #be1e2d;
}
.edit .edit__roles .checkbox {
  border-color: #64686c;
}
.edit .edit__roles input[type="text"] {
  width: 150px;
  border: 1px solid #47a4c6;
  padding: 2px 4px;
  font-family: inherit;
  font-size: 14px;
  color: inherit;
}
.edit .edit__area-admin__missions {
  padding-left: 38px;
}
.edit .edit__area-admin__missions li {
  padding: 2px 2px 0;
}
.edit .edit__area-admin__missions li:not(:last-of-type):hover,
.edit .edit__area-admin__missions li:not(:last-of-type):focus {
  border-bottom: 1px solid #be1e2d;
}
.edit .edit__area-admin__missions span {
  display: block;
}
.edit .edit__area-admin__missions__add .unbutton {
  color: #47a4c6;
}
.edit .edit__area-admin__missions__add .unbutton:hover {
  color: #47a4c6;
}
.edit .edit__area-admin__missions__add .select {
  display: inline-block;
  width: auto;
}
.edit .edit__area-admin__missions__add__select option {
  display: none;
}
.edit .edit__area-admin__missions__add__select option.active {
  display: block;
}
.edit .edit__main__actions {
  margin-top: 15px;
}
.edit .edit__main__actions input {
  width: auto;
}
.edit .edit__status .select {
  width: auto;
  padding-right: 30px;
}
.edit .edit__password input {
  width: auto;
  border: 1px solid #47a4c6;
}
.edit .edit__password input[type="button"] {
  height: 30px;
  padding: 0 20px;
}
.edit .edit__keywords textarea {
  border: 1px solid #47a4c6;
}
.edit .edit__keywords p {
  font-size: 13px;
  line-height: 15px;
}
@media (min-width: 550px) {
  .edit .edit__keywords div {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: -ms-flexbox;
    -o-display: flex;
    display: flex;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -o-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .edit .edit__keywords p {
    width: 50%;
  }
  .edit .edit__keywords textarea {
    width: 50%;
    margin-right: 10px;
  }
}
.edit .edit__password input[type="password"] {
  margin-bottom: 5px;
}
.new-boundary .um-boundary-options {
  display: none;
}
.wrapper-dropdown {
  position: relative;
  width: 150px;
  padding: 10px;
  border-width: 1px;
  border-style: solid;
  border-color: #bbbdc0;
}
.wrapper-dropdown i {
  float: right;
}
.wrapper-dropdown .dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  padding: 0;
  background-color: white;
  margin-top: 0;
  width: 520px;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 620px) {
  .wrapper-dropdown .dropdown {
    width: 300px;
  }
}
.wrapper-dropdown .dropdown li {
  padding: 10px 20px;
  border-style: solid solid none;
  border-color: #bbbdc0;
  border-width: 1px;
  color: #64686c;
}
.wrapper-dropdown .dropdown li:hover {
  background-color: #47a4c6;
  color: white;
}
.wrapper-dropdown .dropdown li:last-child {
  border-style: solid;
}
.wrapper-dropdown.active .dropdown {
  opacity: 1;
  pointer-events: auto;
}
.loader-button-white-gray:before,
.loader-button-white-gray-full:before {
  animation: fadeIn 1s;
  text-align: center;
  background-repeat: no-repeat;
  background: url("https://www.justserve.org/api/images/static/JS-logo-loader-white.gif");
  background-size: 17px 17px;
  width: 17px;
  height: 17px;
  display: inline-block;
  content: "";
}
input.loader-button-white-gray,
button.loader-button-white-gray {
  vertical-align: top;
}
.loader-button-white-gray-full {
  width: 100%;
}
.page-loader-blue-white {
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #fff;
  opacity: 0.9;
  content: "";
}
.page-loader-blue-white:before {
  position: absolute;
  content: url("https://www.justserve.org/api/images/static/JS-logo-loader-blueonwhite.gif");
  top: 25%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.inline-loader {
  transition: background-color 250ms ease;
  text-align: center;
  background: url("https://www.justserve.org/api/images/static/JS-logo-loader-blueonwhite.gif");
  background-size: 100px 100px;
  width: 100px;
  height: 100px;
  display: inline-block;
}
.medium-loader-blue-white:before {
  content: url("https://www.justserve.org/api/images/static/JS-logo-loader-blueonwhite.gif");
  transform: translate(-50%, -50%);
}
.wrapper-dropdown .loading-heart {
  position: relative;
  padding: 0 5px;
  width: 30px;
  height: 30px;
  float: right;
}
.wrapper-dropdown .loading-heart:before {
  text-align: center;
  background-repeat: no-repeat;
  background: url("https://www.justserve.org/api/images/static/JS-logo-loader-white.gif");
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
  content: "";
  position: absolute;
}
.jcrop__overlay {
  display: none;
  position: fixed;
  z-index: 9998;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  background: rgba(255, 255, 255, 0.9);
}
.jcrop {
  display: none;
  position: absolute;
  z-index: 9999;
  top: 2.5%;
  left: 2.5%;
  width: 95%;
  max-height: 95%;
  background: #fff;
  box-shadow: 3px 3px 10px 0 #ccc;
  font-family: "Oswald";
}
.jcrop__contents {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 40px 20px 20px;
  overflow-y: auto;
}
.jcrop__contents img {
  width: 100%;
  height: 100%;
}
.jcrop__close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 20px;
  height: 20px;
  color: #818282;
  font-size: 20px;
}
.jcrop__main--wrap {
  display: inline-block;
}
.jcrop__main {
  display: inline-block;
  min-height: 100px;
  border: 1px solid #e5e3e3;
  line-height: 0;
}
.jcrop__info {
  margin-bottom: 15px;
  font-family: "arial";
  font-size: 12px;
}
.jcrop__info.error {
  color: #be1e2d;
  font-weight: bold;
}
.jcrop__certify {
  margin-bottom: 15px;
  font-family: "arial";
  font-size: 12px;
}
.jcrop__certify .checkbox {
  border-color: #47a4c6;
}
.jcrop__certify
  .checkbox
  input[type="checkbox"]:checked
  + .checkbox__checkmark:before {
  top: 1px;
  left: 1px;
  font-size: 8px;
}
.jcrop__certify a {
  color: #47a4c6;
  text-decoration: underline;
  cursor: pointer;
}
.jcrop__certify small {
  display: none;
  margin-top: 10px;
  max-height: 90px;
  overflow-y: auto;
}
.jcrop__certify small.active {
  display: block;
}
.jcrop__preview {
  display: inline-block;
  width: 100px;
  height: 100px;
  overflow: hidden;
  margin-bottom: 15px;
  border: 1px solid #e5e3e3;
  line-height: 0;
}
.jcrop__buttons {
  text-align: right !important;
}
.jcrop__buttons * {
  margin-right: 10px !important;
}
.jcrop__buttons .jcrop__button--cancel:not(:disabled) {
  background: #47a4c6 !important;
}
.jcrop__buttons .jcrop__button--update:not(:disabled) {
  background: #74af43 !important;
}
@media (min-width: 500px) {
  .jcrop {
    left: 50%;
    width: 470px;
    margin-left: -235px;
  }
  .jcrop__contents {
    padding: 40px;
  }
  .jcrop__preview {
    position: absolute;
    top: 40px;
    left: 310px;
  }
}
.ui-datepicker {
  font-size: 12px !important;
}
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.ui-helper-clearfix {
  display: inline-block;
}
* html .ui-helper-clearfix {
  height: 1%;
}
.ui-helper-clearfix {
  display: block;
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
.ui-state-disabled {
  cursor: default !important;
}
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-widget {
  font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-size: 1.1em;
}
.ui-widget .ui-widget {
  font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-size: 1em;
}
.ui-widget-content {
  border: 1px solid #ddd;
  background: #eee
    url("https://www.justserve.org/api/images/static/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top
    repeat-x;
  color: #333;
}
.ui-widget-content a {
  color: #333;
}
.ui-widget-header {
  border: 1px solid #e78f08;
  background: #f6a828
    url("https://www.justserve.org/api/images/static/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50%
    repeat-x;
  color: #fff;
  font-weight: bold;
}
.ui-widget-header a {
  color: #fff;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #ccc;
  background: #f6f6f6 url("https://www.justserve.org/api/images/static/ui-bg_glass_100_f6f6f6_1x400.png") 50%
    50% repeat-x;
  font-weight: bold;
  color: #1c94c4;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #1c94c4;
  text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #fbcb09;
  background: #fdf5ce url("https://www.justserve.org/api/images/static/ui-bg_glass_100_fdf5ce_1x400.png") 50%
    50% repeat-x;
  font-weight: bold;
  color: #c77405;
}
.ui-state-hover a,
.ui-state-hover a:hover {
  color: #c77405;
  text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #fbd850;
  background: #fff url("https://www.justserve.org/api/images/static/ui-bg_glass_65_ffffff_1x400.png") 50% 50%
    repeat-x;
  font-weight: bold;
  color: #eb8f00;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #eb8f00;
  text-decoration: none;
}
.ui-widget :active {
  outline: 0;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fed22f;
  background: #ffe45c
    url("https://www.justserve.org/api/images/static/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top
    repeat-x;
  color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #b81900
    url("https://www.justserve.org/api/images/static/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50%
    repeat;
  color: #fff;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #fff;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #fff;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: alpha(opacity=70);
  font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: alpha(opacity=35);
  background-image: none;
}
.ui-icon {
  width: 16px;
  height: 16px;
  background-image: url("https://www.justserve.org/api/images/static/ui-icons_222222_256x240.png");
}
.ui-widget-content .ui-icon {
  background-image: url("https://www.justserve.org/api/images/static/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
  background-image: url("https://www.justserve.org/api/images/static/ui-icons_ffffff_256x240.png");
}
.ui-state-default .ui-icon {
  background-image: url("https://www.justserve.org/api/images/static/ui-icons_ef8c08_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url("https://www.justserve.org/api/images/static/ui-icons_ef8c08_256x240.png");
}
.ui-state-active .ui-icon {
  background-image: url("https://www.justserve.org/api/images/static/ui-icons_ef8c08_256x240.png");
}
.ui-state-highlight .ui-icon {
  background-image: url("https://www.justserve.org/api/images/static/ui-icons_228ef1_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("https://www.justserve.org/api/images/static/ui-icons_ffd27a_256x240.png");
}
.ui-icon-calendar {
  background-position: -32px -112px;
}
.ui-icon-circle-plus {
  background-position: 0 -192px;
}
.ui-icon-circle-minus {
  background-position: -16px -192px;
}
.ui-icon-circle-close {
  background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}
.ui-icon-circle-check {
  background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}
.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}
.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}
.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}
.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
.ui-datepicker-cover {
  display: none;
  position: absolute;
  z-index: -1;
  filter: mask();
  top: -4px;
  left: -4px;
  width: 200px;
  height: 200px;
}
.modal__content--prep {
  speak: none;
  display: none;
}
.modal-overlay {
  display: none;
  position: fixed;
  z-index: 9998;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  background: rgba(255, 255, 255, 0.9);
}
.modal {
  display: none;
  position: absolute;
  z-index: 9999;
  top: 5%;
  left: 5%;
  width: 90%;
  height: 90%;
  max-height: 500px;
  padding: 40px 20px 40px 40px;
  background: #fff;
  box-shadow: 2px 2px 10px 0 #ccc;
}
.modal__content {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.modal__close {
  position: absolute;
  z-index: 2;
  top: 15px;
  right: 15px;
  width: 20px;
  height: 20px;
  color: #818282;
  font-size: 20px;
  cursor: pointer;
}
@media (min-width: 800px) {
  .modal {
    left: 50%;
    width: 750px;
    margin-left: -375px;
    padding: 40px;
  }
}
.prompt-overlay {
  display: none;
  position: fixed;
  z-index: 9998;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  background: rgba(255, 255, 255, 0.9);
}
.prompt {
  display: none;
  position: fixed;
  z-index: 10000;
  top: 60px;
  background: #fff;
  border: 1px solid #818282;
  box-shadow: 2px 2px 10px 0 #ccc;
  transform: translateX(50%);
  width: 50%;
}
.prompt__content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.prompt__close {
  position: absolute;
  z-index: 2;
  top: 15px;
  right: 15px;
  width: 20px;
  height: 20px;
  color: #818282;
  font-size: 20px;
  cursor: pointer;
}
.prompt__message {
  margin-bottom: 15px;
  color: #47a4c6;
  font-weight: 400;
  font-size: 24px;
  padding: 60px 20px 80px 20px;
  font-family: "Oswald", sans-serif;
}
.prompt__buttons {
  background: #e6e6e6;
  display: flex;
  justify-content: flex-end;
  padding: 20px 40px 20px 40px;
}
.prompt__buttons input {
  width: auto;
  min-width: 125px;
  margin: 5px;
}
.prompt__buttons .prompt__button--warn {
  background: #ef5e39;
}
.prompt__buttons .prompt__button--confirm {
  background: #74af43;
}
.prompt__buttons .prompt__button--cancel {
  background: #959696;
}
.prompt__buttons .prompt__button--close {
  background: #47a4c6;
}
.prompt__warn {
  color: #be1e2d;
}
@media (max-width: 1024px) {
  .prompt {
    transform: translateX(13%);
    width: 80%;
  }
  .prompt__message {
    text-align: center;
  }
  .prompt__buttons {
    padding: 20px;
    justify-content: center;
  }
  input {
    padding: 0;
  }
}
.icon-facebook:before {
  color: #3b5893;
}
.icon-twitter:before {
  color: #28a6d6;
}
.icon-googleplus:before {
  color: #d14a3a;
}
.icon-youtube:before {
  color: #df3f3b;
}
.icon-instagram:before {
  color: #71aa31;
}
.icon-linkedIn:before {
  color: #007bb5;
}
.updates-modal {
  display: none;
  position: absolute;
  z-index: 9000;
  top: 75px;
  left: 10px;
  width: 100%;
  width: calc(100% - 20px);
  background: #fff;
  box-shadow: 3px 3px 10px 0 #888;
}
@media (min-width: 1120px) {
  .updates-modal {
    width: 1100px;
    left: 50%;
    margin-left: -550px;
  }
}
.updates-modal__content {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  padding: 10px;
}
@media (min-width: 480px) {
  .updates-modal__content {
    padding: 20px;
  }
}
@media (min-width: 768px) {
  .updates-modal__content {
    padding: 40px;
  }
}
.updates-modal__content * {
  color: #64686c;
}
.updates-modal__content h2 {
  margin: 20px 0 10px;
  font-family: "Oswald";
  font-size: 28px;
  color: #ef5e39;
}
.updates-modal__content p {
  margin-bottom: 10px;
}
.updates-modal__content strong {
  font-weight: normal;
  color: #ef5e39;
}
.updates-modal__content header img {
  width: auto;
  height: 40px;
  margin: 10px;
}
@media (min-width: 768px) {
  .updates-modal__content header {
    float: right;
    width: 47.5%;
  }
  .updates-modal__content header h2 {
    margin-top: 0;
  }
  .updates-modal__content header img {
    margin: 10px 10px 25px 0;
  }
}
.updates-modal__content figure {
  margin-bottom: 20px;
  line-height: 0;
}
@media (min-width: 480px) {
  .updates-modal__content figure {
    float: left;
    width: 45%;
    padding-left: 2.5%;
  }
}
@media (min-width: 480px) {
  .updates-modal__content footer {
    float: right;
    width: 47.5%;
  }
}
.updates-modal__content footer p {
  margin-bottom: 0;
}
.updates-modal__content footer .updates-modal__signature {
  font-family: "Oswald";
  font-size: 22px;
  color: #47a4c6;
}
.updates-modal__content footer .updates-modal__button-wrap {
  margin: 20px 0;
  text-align: center;
}
@media (min-width: 480px) {
  .updates-modal__content footer .updates-modal__button-wrap {
    text-align: left;
  }
}
.updates-modal__content footer .updates-modal__button-wrap input {
  width: auto;
  background: #74af43;
}
.updates-modal__close {
  position: absolute;
  z-index: 2;
  top: 15px;
  right: 15px;
  width: 20px;
  height: 20px;
  color: #47a4c6;
  font-size: 20px;
  cursor: pointer;
}
.whatsnew-overlay {
  display: none;
  position: fixed;
  z-index: 9998;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  background: rgba(255, 255, 255, 0.9);
}
.whatsnew {
  display: none;
  position: absolute;
  z-index: 9999;
  top: 5%;
  left: 5%;
  width: 90%;
  min-width: 350px;
  background: #fff;
  box-shadow: 2px 2px 10px 0 #ccc;
}
@media (max-width: 375px) {
  .whatsnew {
    min-width: 330px;
  }
}
@media (max-width: 325px) {
  .whatsnew {
    min-width: 280px;
  }
}
.whatsnew .whatsnew__content .manage-admin {
  width: 185px;
  background-color: #ef5e39;
  color: #fff;
  font-size: 24px;
  font-family: "Oswald", sans-serif;
  padding: 15px 25px;
}
.whatsnew .whatsnew__content .whatsnew__message {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  height: auto;
  padding: 20px 30px;
}
@media (min-width: 1024px) {
  .whatsnew .whatsnew__content .whatsnew__message {
    height: 500px;
  }
}
@media (min-width: 450px) and (max-width: 1023px) {
  .whatsnew .whatsnew__content .whatsnew__message {
    height: auto;
  }
}
@media (max-width: 450px) {
  .whatsnew .whatsnew__content .whatsnew__message {
    display: block;
    height: 840px;
  }
}
.whatsnew .whatsnew__content .whatsnew__message .whatsnew_image {
  max-width: 290px;
}
.whatsnew .whatsnew__content .whatsnew__message .whatsnew_image img {
  border: 1px solid #64686c;
}
@media (min-width: 1024px) {
  .whatsnew .whatsnew__content .whatsnew__message .whatsnew_image {
    min-width: 300px;
    max-width: 500px;
    margin-right: 30px;
  }
}
@media (min-width: 450px) and (max-width: 1023px) {
  .whatsnew .whatsnew__content .whatsnew__message .whatsnew_image {
    margin-right: 30px;
  }
}
.whatsnew .whatsnew__content .whatsnew__message .whatsnew_contents {
  min-width: 200px;
  -ms-flex: 1;
  flex: 1;
  height: auto;
  padding-top: 20px;
  overflow-y: auto;
  font-size: 14px;
  vertical-align: top;
}
.whatsnew .whatsnew__content .whatsnew__message .whatsnew_contents img {
  border: 2px solid #808083;
}
@media (max-width: 450px) {
  .whatsnew .whatsnew__content .whatsnew__message .whatsnew_contents {
    min-width: 0;
  }
  .whatsnew
    .whatsnew__content
    .whatsnew__message
    .whatsnew_contents
    p:last-of-type {
    margin-bottom: 25px;
  }
}
.whatsnew .whatsnew__content .whatsnew__message .whatsnew_contents h2 {
  font-family: "Oswald";
  font-size: 24px;
  color: #ef5e39;
  margin-bottom: 10px;
}
.whatsnew .whatsnew__content .whatsnew__message .whatsnew_contents p {
  margin-bottom: 10px;
}
.whatsnew .whatsnew__content .whatsnew__message .signed_jsteam {
  font-family: "Oswald";
  font-size: 18px;
  color: #47a4c6;
}
.whatsnew .whatsnew__content .controls {
  text-align: center;
  font-size: 70px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
  line-height: 0.8em;
  min-width: 200px;
}
@media (min-width: 450px) and (max-width: 1023px) {
  .whatsnew .whatsnew__content .controls {
    position: relative;
  }
}
@media (max-width: 450px) {
  .whatsnew .whatsnew__content .controls {
    position: relative;
  }
}
.whatsnew .whatsnew__content a.control-button {
  color: #444;
  opacity: 0.4;
  padding: 0 8px;
  margin: auto -8px;
}
.whatsnew
  .whatsnew__content
  .control-operator:target
  ~ .controls
  .control-button {
  color: #444;
  opacity: 0.4;
}
.whatsnew .whatsnew__content .control-button:first-of-type,
.whatsnew
  .whatsnew__content
  .items-4
  .control-operator:nth-of-type(1):target
  ~ .controls
  .control-button:nth-of-type(1),
.whatsnew
  .whatsnew__content
  .items-4
  .control-operator:nth-of-type(2):target
  ~ .controls
  .control-button:nth-of-type(2),
.whatsnew
  .whatsnew__content
  .items-4
  .control-operator:nth-of-type(3):target
  ~ .controls
  .control-button:nth-of-type(3),
.whatsnew
  .whatsnew__content
  .items-4
  .control-operator:nth-of-type(4):target
  ~ .controls
  .control-button:nth-of-type(4) {
  color: #444;
  opacity: 0.8;
}
.whatsnew .whatsnew__close {
  position: absolute;
  z-index: 2;
  top: 15px;
  right: 15px;
  width: 20px;
  height: 20px;
  color: #818282;
  font-size: 20px;
  cursor: pointer;
}
.whatsnew .whatsnew__message {
  margin-bottom: 15px;
  color: #818282;
  font-size: 24px;
}
.whatsnew .whatsnew__buttons {
  font-family: "Oswald";
  text-align: center;
  margin-top: 30px;
}
@media (min-width: 1024px) {
  .whatsnew .whatsnew__buttons {
    text-align: left;
  }
}
@media (min-width: 450px) and (max-width: 1023px) {
  .whatsnew .whatsnew__buttons {
    text-align: left;
  }
}
.whatsnew .whatsnew__buttons .button {
  background: #74af43;
}
.whatsnew .whatsnew__buttons .button:hover {
  background: #47a4c6;
}
.whatsnew .whatsnew__buttons .whatsnew__button--confirm {
  background: #74af43;
}
.whatsnew .whatsnew__buttons .whatsnew__button--cancel {
  background: #47a4c6;
}
.whatsnew .whatsnew__buttons .whatsnew__button--close {
  background: #47a4c6;
}
.x-0 {
  width: 0% !important;
  display: none;
}
.x-1 {
  width: 1% !important;
}
.x-2 {
  width: 2% !important;
}
.x-3 {
  width: 3% !important;
}
.x-4 {
  width: 4% !important;
}
.x-5 {
  width: 5% !important;
}
.x-6 {
  width: 6% !important;
}
.x-7 {
  width: 7% !important;
}
.x-8 {
  width: 8% !important;
}
.x-9 {
  width: 9% !important;
}
.x-10 {
  width: 10% !important;
}
.x-11 {
  width: 11% !important;
}
.x-12 {
  width: 12% !important;
}
.x-13 {
  width: 13% !important;
}
.x-14 {
  width: 14% !important;
}
.x-15 {
  width: 15% !important;
}
.x-16 {
  width: 16% !important;
}
.x-17 {
  width: 17% !important;
}
.x-18 {
  width: 18% !important;
}
.x-19 {
  width: 19% !important;
}
.x-20 {
  width: 20% !important;
}
.x-21 {
  width: 21% !important;
}
.x-22 {
  width: 22% !important;
}
.x-23 {
  width: 23% !important;
}
.x-24 {
  width: 24% !important;
}
.x-25 {
  width: 25% !important;
}
.x-26 {
  width: 26% !important;
}
.x-27 {
  width: 27% !important;
}
.x-28 {
  width: 28% !important;
}
.x-29 {
  width: 29% !important;
}
.x-30 {
  width: 30% !important;
}
.x-31 {
  width: 31% !important;
}
.x-32 {
  width: 32% !important;
}
.x-33 {
  width: 33% !important;
}
.x-34 {
  width: 34% !important;
}
.x-35 {
  width: 35% !important;
}
.x-36 {
  width: 36% !important;
}
.x-37 {
  width: 37% !important;
}
.x-38 {
  width: 38% !important;
}
.x-39 {
  width: 39% !important;
}
.x-40 {
  width: 40% !important;
}
.x-41 {
  width: 41% !important;
}
.x-42 {
  width: 42% !important;
}
.x-43 {
  width: 43% !important;
}
.x-44 {
  width: 44% !important;
}
.x-45 {
  width: 45% !important;
}
.x-46 {
  width: 46% !important;
}
.x-47 {
  width: 47% !important;
}
.x-48 {
  width: 48% !important;
}
.x-49 {
  width: 49% !important;
}
.x-50 {
  width: 50% !important;
}
.x-51 {
  width: 51% !important;
}
.x-52 {
  width: 52% !important;
}
.x-53 {
  width: 53% !important;
}
.x-54 {
  width: 54% !important;
}
.x-55 {
  width: 55% !important;
}
.x-56 {
  width: 56% !important;
}
.x-57 {
  width: 57% !important;
}
.x-58 {
  width: 58% !important;
}
.x-59 {
  width: 59% !important;
}
.x-60 {
  width: 60% !important;
}
.x-61 {
  width: 61% !important;
}
.x-62 {
  width: 62% !important;
}
.x-63 {
  width: 63% !important;
}
.x-64 {
  width: 64% !important;
}
.x-65 {
  width: 65% !important;
}
.x-66 {
  width: 66% !important;
}
.x-67 {
  width: 67% !important;
}
.x-68 {
  width: 68% !important;
}
.x-69 {
  width: 69% !important;
}
.x-70 {
  width: 70% !important;
}
.x-71 {
  width: 71% !important;
}
.x-72 {
  width: 72% !important;
}
.x-73 {
  width: 73% !important;
}
.x-74 {
  width: 74% !important;
}
.x-75 {
  width: 75% !important;
}
.x-76 {
  width: 76% !important;
}
.x-77 {
  width: 77% !important;
}
.x-78 {
  width: 78% !important;
}
.x-79 {
  width: 79% !important;
}
.x-80 {
  width: 80% !important;
}
.x-81 {
  width: 81% !important;
}
.x-82 {
  width: 82% !important;
}
.x-83 {
  width: 83% !important;
}
.x-84 {
  width: 84% !important;
}
.x-85 {
  width: 85% !important;
}
.x-86 {
  width: 86% !important;
}
.x-87 {
  width: 87% !important;
}
.x-88 {
  width: 88% !important;
}
.x-89 {
  width: 89% !important;
}
.x-90 {
  width: 90% !important;
}
.x-91 {
  width: 91% !important;
}
.x-92 {
  width: 92% !important;
}
.x-93 {
  width: 93% !important;
}
.x-94 {
  width: 94% !important;
}
.x-95 {
  width: 95% !important;
}
.x-96 {
  width: 96% !important;
}
.x-97 {
  width: 97% !important;
}
.x-98 {
  width: 98% !important;
}
.x-99 {
  width: 99% !important;
}
.x-100 {
  width: 100% !important;
}
.y-0 {
  height: 0% !important;
}
.y-1 {
  height: 1% !important;
}
.y-2 {
  height: 2% !important;
}
.y-3 {
  height: 3% !important;
}
.y-4 {
  height: 4% !important;
}
.y-5 {
  height: 5% !important;
}
.y-6 {
  height: 6% !important;
}
.y-7 {
  height: 7% !important;
}
.y-8 {
  height: 8% !important;
}
.y-9 {
  height: 9% !important;
}
.y-10 {
  height: 10% !important;
}
.y-11 {
  height: 11% !important;
}
.y-12 {
  height: 12% !important;
}
.y-13 {
  height: 13% !important;
}
.y-14 {
  height: 14% !important;
}
.y-15 {
  height: 15% !important;
}
.y-16 {
  height: 16% !important;
}
.y-17 {
  height: 17% !important;
}
.y-18 {
  height: 18% !important;
}
.y-19 {
  height: 19% !important;
}
.y-20 {
  height: 20% !important;
}
.y-21 {
  height: 21% !important;
}
.y-22 {
  height: 22% !important;
}
.y-23 {
  height: 23% !important;
}
.y-24 {
  height: 24% !important;
}
.y-25 {
  height: 25% !important;
}
.y-26 {
  height: 26% !important;
}
.y-27 {
  height: 27% !important;
}
.y-28 {
  height: 28% !important;
}
.y-29 {
  height: 29% !important;
}
.y-30 {
  height: 30% !important;
}
.y-31 {
  height: 31% !important;
}
.y-32 {
  height: 32% !important;
}
.y-33 {
  height: 33% !important;
}
.y-34 {
  height: 34% !important;
}
.y-35 {
  height: 35% !important;
}
.y-36 {
  height: 36% !important;
}
.y-37 {
  height: 37% !important;
}
.y-38 {
  height: 38% !important;
}
.y-39 {
  height: 39% !important;
}
.y-40 {
  height: 40% !important;
}
.y-41 {
  height: 41% !important;
}
.y-42 {
  height: 42% !important;
}
.y-43 {
  height: 43% !important;
}
.y-44 {
  height: 44% !important;
}
.y-45 {
  height: 45% !important;
}
.y-46 {
  height: 46% !important;
}
.y-47 {
  height: 47% !important;
}
.y-48 {
  height: 48% !important;
}
.y-49 {
  height: 49% !important;
}
.y-50 {
  height: 50% !important;
}
.y-51 {
  height: 51% !important;
}
.y-52 {
  height: 52% !important;
}
.y-53 {
  height: 53% !important;
}
.y-54 {
  height: 54% !important;
}
.y-55 {
  height: 55% !important;
}
.y-56 {
  height: 56% !important;
}
.y-57 {
  height: 57% !important;
}
.y-58 {
  height: 58% !important;
}
.y-59 {
  height: 59% !important;
}
.y-60 {
  height: 60% !important;
}
.y-61 {
  height: 61% !important;
}
.y-62 {
  height: 62% !important;
}
.y-63 {
  height: 63% !important;
}
.y-64 {
  height: 64% !important;
}
.y-65 {
  height: 65% !important;
}
.y-66 {
  height: 66% !important;
}
.y-67 {
  height: 67% !important;
}
.y-68 {
  height: 68% !important;
}
.y-69 {
  height: 69% !important;
}
.y-70 {
  height: 70% !important;
}
.y-71 {
  height: 71% !important;
}
.y-72 {
  height: 72% !important;
}
.y-73 {
  height: 73% !important;
}
.y-74 {
  height: 74% !important;
}
.y-75 {
  height: 75% !important;
}
.y-76 {
  height: 76% !important;
}
.y-77 {
  height: 77% !important;
}
.y-78 {
  height: 78% !important;
}
.y-79 {
  height: 79% !important;
}
.y-80 {
  height: 80% !important;
}
.y-81 {
  height: 81% !important;
}
.y-82 {
  height: 82% !important;
}
.y-83 {
  height: 83% !important;
}
.y-84 {
  height: 84% !important;
}
.y-85 {
  height: 85% !important;
}
.y-86 {
  height: 86% !important;
}
.y-87 {
  height: 87% !important;
}
.y-88 {
  height: 88% !important;
}
.y-89 {
  height: 89% !important;
}
.y-90 {
  height: 90% !important;
}
.y-91 {
  height: 91% !important;
}
.y-92 {
  height: 92% !important;
}
.y-93 {
  height: 93% !important;
}
.y-94 {
  height: 94% !important;
}
.y-95 {
  height: 95% !important;
}
.y-96 {
  height: 96% !important;
}
.y-97 {
  height: 97% !important;
}
.y-98 {
  height: 98% !important;
}
.y-99 {
  height: 99% !important;
}
.y-100 {
  height: 100% !important;
}
.zip-code-reminder {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  transition: 2s ease-in-out;
  font-size: 62.5%;
}
.zip-code-reminder.active {
  max-height: 20em;
}
.zip-code-reminder-contents {
  position: relative;
  padding: 15px;
  background: #47a4c6;
  color: #fff;
  text-align: center;
}
.zip-code-reminder-contents a {
  text-decoration: underline;
  font-size: 1.3em;
}
.zip-code-reminder-contents ul li:first-child {
  margin-bottom: 1em;
}
.zip-code-reminder-text {
  font-size: 14px;
}
@media screen and (min-width: 541px) {
  .zip-code-reminder-contents:after {
    content: "";
    display: table;
    clear: both;
  }
  .zip-code-reminder-text {
    float: left;
    width: 60%;
  }
  .zip-code-reminder ul li:first-child {
    margin-bottom: auto;
  }
  .zip-code-reminder ul {
    float: right;
    width: 150px;
  }
  .zip-code-reminder ul li {
    float: left;
  }
  .zip-code-reminder-to-profile {
    margin-right: 1em;
  }
  a.zip-code-reminder-close {
    position: absolute;
    top: 5px;
    right: 5px;
    display: inline-block;
    visibility: hidden;
  }
  .zip-code-reminder-close:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: inherit;
    visibility: visible;
    width: 14px;
    height: 14px;
  }
  .zip-code-reminder-close:after {
    content: "\e60d";
    font-family: "icons";
    speak: none;
    position: absolute;
    top: -5px;
    right: 3px;
    display: inherit;
    visibility: visible;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
  }
}
@media (min-width: 1024px) {
  .zip-code-reminder {
    left: 50%;
    width: 1024px;
    margin-left: -480px;
  }
  .zip-code-reminder.active {
    max-height: 20em;
    margin-bottom: 0.5em;
  }
  .zip-code-reminder ul {
    width: 250px;
  }
  .zip-code-reminder-text {
    margin-bottom: 0;
    text-align: left;
  }
}
.admin-search-box {
  border-bottom-style: solid;
  border-width: 1px;
  border-color: #47a4c6;
}
.admin-search-box .all-or-my-tabs {
  margin-top: 28px;
  display: -ms-flexbox;
  display: flex;
}
.admin-search-box .all-or-my-tabs input[type="radio"]:checked + label {
  background-color: #e5e3e3;
  color: #47a4c6;
}
.admin-search-box .all-or-my-tabs .all-or-my-tab {
  color: #47a4c6;
  height: 36px;
  display: inline-block;
  text-align: center;
  font-size: 18px;
  font-family: "Oswald", sans-serif;
  cursor: pointer;
  padding: 4px 12px;
}
.admin-search-box .all-or-my-tabs .all-or-my-tab:hover {
  color: #74af43;
}
@media (min-width: 1024px) {
  .admin-search-box .all-or-my-tabs .all-or-my-tab span.icon {
    display: none;
  }
}
@media (max-width: 1023px) {
  .admin-search-box .all-or-my-tabs .all-or-my-tab span:not(.icon) {
    display: none;
  }
}
.admin-search-box .all-or-my-tabs .fill-tab {
  -ms-flex-positive: 3;
  flex-grow: 3;
}
@media (max-width: 1023px) {
  .admin-search-box .all-or-my-tabs .fill-tab {
    display: none;
  }
}
.admin-search-box .search-container {
  background-color: #e5e3e3;
  padding: 21px 20px 13px;
  display: -ms-flexbox;
  display: flex;
}
.admin-search-box .search-container #user-search-box {
  margin: 0;
  width: 100%;
  max-width: 460px;
}
.admin-search-box .search-container #user-search-box input {
  border-style: solid;
  border-width: 1px;
  border-color: #989b9f;
  vertical-align: top;
  height: 30px;
  width: 100%;
  font-family: icons;
}
.admin-search-box .search-container #user-search-box input::placeholder {
  text-align: right;
}
@media (max-width: 450px) {
  .admin-search-box .search-container #user-search-box input {
    height: 40px;
  }
}
.admin-search-box .search-container #user-search-box .reset-button {
  float: right;
  color: #47a4c6;
  text-align: right;
  font-size: 12px;
  cursor: pointer;
}
.admin-search-box .search-container #user-search-box .reset-button:hover {
  color: #74af43;
}
.admin-search-box .search-container .search-button-container {
  display: inline-block;
  margin-left: 13px;
}
@media (max-width: 450px) {
  .admin-search-box .search-container .search-button-container {
    margin-left: 8px;
  }
}
.admin-search-box .search-container .search-button-container button {
  padding: 5.5px 16px;
}
.admin-search-box .search-container .search-button-container button i {
  display: none;
}
@media (max-width: 1023px) {
  .admin-search-box .search-container .search-button-container button i {
    display: block;
  }
  .admin-search-box .search-container .search-button-container button span {
    display: none;
  }
}
@media (max-width: 450px) {
  .admin-search-box .search-container .search-button-container button {
    padding: 10.5px 16px;
  }
}
.admin-search-box .search-container .search-button-container .loading-indicator,
.admin-search-box
  .search-container
  .search-button-container
  .loading-indicator-invisible {
  width: 100%;
  height: 8px;
  background: url("https://www.justserve.org/api/images/static/animated-loading-bar.gif");
  background-size: cover;
  margin: 6px auto -5px;
}
.admin-search-box
  .search-container
  .search-button-container
  .loading-indicator-invisible {
  visibility: hidden;
}
.admin-search-box .horizontal-scroll-container {
  position: relative;
}
.admin-search-box .horizontal-scroll-container .left-gradient,
.admin-search-box .horizontal-scroll-container .right-gradient {
  position: absolute;
  content: " ";
  width: 18px;
  height: 100%;
  display: none;
}
@media (max-width: 1023px) {
  .admin-search-box .horizontal-scroll-container .left-gradient,
  .admin-search-box .horizontal-scroll-container .right-gradient {
    display: inline-block;
  }
}
.admin-search-box .horizontal-scroll-container .left-gradient {
  left: 0;
  background-image: linear-gradient(to left, rgba(229, 227, 227, 0), #e5e3e3);
}
.admin-search-box .horizontal-scroll-container .right-gradient {
  right: 0;
  background-image: linear-gradient(to right, rgba(229, 227, 227, 0), #e5e3e3);
}
.admin-search-box .horizontal-scroll-container .filter-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  overflow-x: scroll;
  padding: 9px 0;
}
.admin-search-box
  .horizontal-scroll-container
  .filter-container
  .input-container {
  text-align: center;
  padding: 0 0 0 1em;
}
.admin-search-box
  .horizontal-scroll-container
  .filter-container
  .input-container
  label {
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  line-height: 18px;
}
.admin-search-box
  .horizontal-scroll-container
  .filter-container
  .input-container
  label:hover {
  color: #74af43;
}
.admin-search-box
  .horizontal-scroll-container
  .filter-container
  .input-container
  label
  i {
  display: none;
}
@media (max-width: 1023px) {
  .admin-search-box
    .horizontal-scroll-container
    .filter-container
    .input-container
    label
    i {
    display: block;
  }
  .admin-search-box
    .horizontal-scroll-container
    .filter-container
    .input-container
    label
    span {
    display: none;
  }
}
.admin-search-box
  .horizontal-scroll-container
  .filter-container
  input[type="radio"]:checked
  + label {
  color: #47a4c6;
}
@media (max-width: 1023px) {
  .admin-search-box
    .horizontal-scroll-container
    .filter-container
    .refine-your-search {
    display: none;
  }
}
.admin-search-box
  .horizontal-scroll-container
  .filter-container::-webkit-scrollbar {
  display: none;
}
.international-location-directive {
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}
.international-location-directive > div {
  padding: 0 !important;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex: unset;
  flex: unset;
}
.international-location-directive .left {
  text-align: right;
}
.international-location-directive .left span {
  font-weight: lighter;
  font-size: 10px !important;
}
.international-location-directive p {
  max-width: 200px;
  margin: 0 2px !important;
  line-height: 20px;
  white-space: nowrap;
}
.international-location-directive .mb20{
  margin-bottom: 20px !important;
}
.international-location-directive p.address {
    height: unset;
}
.international-location-directive .above {
    display: none;
    font-weight: bold;
}
@media (max-width: 1023px) {
  .international-location-directive .left {
    display: none;
  }
  .international-location-directive .above {
      display: block;
  }
  .international-location-directive p {
    max-width: 170px;
  }
  .international-location-directive p:hover {
    background: white;
    max-width: unset;
    z-index: 10;
  }
}
@media (min-width: 1024px) {
  .international-location-directive {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
bagel-directive {
  position: fixed;
  z-index: 22;
  left: 50%;
  transition: top 0.2s ease-in;
  top: 0;
  transform: translateX(-50%);
  display: block;
}
bagel-directive .smear {
  transition: top 0.25s ease 0s;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  border: 1px solid #808083;
  background: white;
  color: #444;
  text-align: center;
  overflow-y: auto;
  overflow-x: hidden;
  hyphens: auto;
  padding: 0 5px;
  width: 250px;
  min-height: 30px;
  max-height: 400px;
  font-size: 16px;
  font-family: "Oswald", sans-serif;
  line-height: 30px;
  margin-top: -100px;
  padding-top: 100px;
}
bagel-directive .toasting {
  top: 65px;
}
bagel-directive .toasting:hover {
  cursor: pointer;
  border: none;
  background: #47a4c6;
  color: white;
}
bagel-directive.sticky {
  top: -27px;
}
not-available-directive .modal-directive-container {
  padding: 0 !important;
}
not-available-directive .modal-directive-container .opportunities,
not-available-directive .modal-directive-container .social_icons {
  padding: 20px;
}
not-available-directive #not-available-modal {
  width: 1024px;
}
not-available-directive p:not(:first-child) {
  margin: 15px 0 0 0;
}
not-available-directive .social_icons {
  background: #e5e3e3;
}
not-available-directive .social_icons p {
  font-size: 12px !important;
  color: black !important;
}
not-available-directive .social_icons a {
  font-size: 30px;
}
organization-search-directive > h3 {
  font-size: 20px;
  line-height: 24px;
}
organization-search-directive #org-dropdown-search form {
  width: 750px;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 5px 0;
}
@media (max-width: 1024px) {
  organization-search-directive #org-dropdown-search form {
    width: 100%;
  }
}
organization-search-directive #org-dropdown-search form > div {
  width: 100%;
  margin: 0 5px 0 0;
  position: relative;
}
organization-search-directive #org-dropdown-search form > div input {
  padding: 8px;
  margin: 0 !important;
}
organization-search-directive #org-dropdown-search form > div input:hover {
  cursor: text;
}
organization-search-directive
  #org-dropdown-search
  form
  > div
  input::placeholder {
  color: #000000;
}
organization-search-directive
  #org-dropdown-search
  form
  > div
  #org-dropdown-list {
  transition: height 0.25s ease-in;
  position: absolute;
  border: 1px solid #989b9f;
  background: white;
  z-index: 11;
  width: 100%;
  height: 200px;
  overflow-y: scroll;
  overflow-x: hidden;
  top: 35px;
}
organization-search-directive
  #org-dropdown-search
  form
  > div
  #org-dropdown-list
  a {
  padding: 2px 5px;
}
organization-search-directive
  #org-dropdown-search
  form
  > div
  #org-dropdown-list
  a:not(.org-item) {
  display: block;
  width: 100%;
}
organization-search-directive .org-item {
  display: flex;
  flex-direction: row;
}
organization-search-directive .org-item > *:not(:hover) {
  overflow: hidden;
  white-space: nowrap;
}
organization-search-directive .org-item > *:first-child {
  width: 70%;
}
organization-search-directive .org-item > *:last-child {
  width: 30%;
  padding-left: 4px;
}
organization-search-directive
  #org-dropdown-search
  form
  > div
  #org-dropdown-list
  a.create:not(:hover) {
  color: #47a4c6;
}
organization-search-directive
  #org-dropdown-search
  form
  > div
  #org-dropdown-list
  a.cancel {
  color: #be1e2d;
}
organization-search-directive
  #org-dropdown-search
  form
  > div
  #org-dropdown-list
  a:not(.cancel):hover {
  background: #47a4c6;
  color: white;
}
organization-search-directive
  #org-dropdown-search
  form
  > div
  #org-dropdown-list
  a.cancel:hover {
  background: #be1e2d;
  color: white;
}
feedback-directive .feedback-form {
  color: #444;
}
feedback-directive .feedback-form h1 {
  font-size: 20px !important;
  text-transform: none !important;
}
feedback-directive .feedback-form p {
  padding: 4px 0 0 0;
}
feedback-directive .feedback-form label {
  padding: 15px 0 0 0;
  display: block;
}
feedback-directive .feedback-form textarea,
feedback-directive .feedback-form input[type="text"] {
  border: 1px solid #989b9f;
}
feedback-directive .feedback-form .feedback-help-center-link {
  color: #47a4c6;
}
feedback-directive .feedback-form .button-container {
  margin-top: 100px;
  text-align: center;
}
feedback-directive .feedback-form .button-container .cancel-feedback-button {
  background: #bbbdc0;
}
feedback-directive
  .feedback-form
  .button-container
  .cancel-feedback-button:hover {
  background: #47a4c6;
}
feedback-directive
  .feedback-form
  .button-container
  .submit-feedback-button[disabled] {
  background-color: #d9dadb;
}
.blue-checkmark-box [type="checkbox"]:not(:checked),
.blue-checkmark-box [type="checkbox"]:checked {
  display: none;
}
.blue-checkmark-box [type="checkbox"]:not(:checked) + label,
.blue-checkmark-box [type="checkbox"]:checked + label {
  position: relative;
  padding-left: 1.95em;
  cursor: pointer;
}
.blue-checkmark-box [type="checkbox"]:not(:checked) + label:before,
.blue-checkmark-box [type="checkbox"]:checked + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #64686c;
  background: #fff;
  border-radius: 2px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
.blue-checkmark-box [type="checkbox"]:not(:checked) + label:after,
.blue-checkmark-box [type="checkbox"]:checked + label:after {
  font-family: "icons";
  content: "\e611";
  position: absolute;
  top: 5px;
  left: 4px;
  font-size: 1em;
  line-height: 0.8;
  color: #47a4c6;
  transition: all 0.2s;
}
.blue-checkmark-box [type="checkbox"]:not(:checked) + label:after {
  display: none;
}
.blue-checkmark-box [type="checkbox"]:checked + label:after {
  display: block;
}
.blue-checkmark-box [type="checkbox"]:disabled:not(:checked) + label:before,
.blue-checkmark-box [type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #64686c;
  background-color: #e5e3e3;
}
.blue-checkmark-box [type="checkbox"]:disabled:checked + label:after {
  color: gray_3;
}
.blue-checkmark-box [type="checkbox"]:checked:focus + label:before,
.blue-checkmark-box [type="checkbox"]:not(:checked):focus + label:before {
  border: 1px solid #47a4c6;
}
.blue-checkmark-box label:hover:before {
  border: 1px solid #47a4c6 !important;
}
.calendar-view .icon-triangle-left-small,
.calendar-view .icon-triangle-right-small {
  color: #bbbdc0;
}
@media (max-width: 450px) {
  .calendar-view .week-view {
    display: none;
  }
}
.calendar-view .calendar-week-view {
  min-height: 544px;
  width: 100%;
}
@media (max-width: 450px) {
  .calendar-view .calendar-week-view {
    display: none;
  }
}
.calendar-view .calendar-week-view .calendar-week-upper-wrapper {
  border: 1px #bbbdc0 solid;
}
.calendar-view
  .calendar-week-view
  .calendar-week-upper-wrapper
  .calendar-week-header {
  height: 50px;
}
.calendar-view
  .calendar-week-view
  .calendar-week-upper-wrapper
  #calendar-body-date-picker-week {
  margin: auto;
  height: 50px;
}
.calendar-view
  .calendar-week-view
  .calendar-week-upper-wrapper
  .calendar-week-view-table-view-more {
  background-color: #ef5e39;
  padding: 3px 20px;
  font-size: 12px;
}
.calendar-view .calendar-week-view .calendar-week-upper-wrapper .entry-title {
  font-size: 16px;
  color: #47a4c6;
}
.calendar-view .calendar-week-view .calendar-week-upper-wrapper .entry-heading {
  font-family: "Oswald", sans-serif;
}
.calendar-view
  .calendar-week-view
  .calendar-week-upper-wrapper
  table.calendar-week-view-table {
  height: 494px;
  border: none;
  border-collapse: collapse;
  font-size: 14px;
  width: 100%;
  table-layout: fixed;
}
.calendar-view
  .calendar-week-view
  .calendar-week-upper-wrapper
  table.calendar-week-view-table
  th {
  border-width: 0 0 1px 0;
  border-color: #bbbdc0;
  border-style: solid;
  color: #bbbdc0;
  font-weight: normal;
  text-align: center;
}
.calendar-view
  .calendar-week-view
  .calendar-week-upper-wrapper
  table.calendar-week-view-table
  th
  .icon-triangle-left-small {
  position: absolute;
  left: 5px;
  padding-top: 2px;
}
.calendar-view
  .calendar-week-view
  .calendar-week-upper-wrapper
  table.calendar-week-view-table
  th
  .icon-triangle-right-small {
  position: absolute;
  right: 5px;
  padding-top: 2px;
}
.calendar-view
  .calendar-week-view
  .calendar-week-upper-wrapper
  table.calendar-week-view-table
  th
  .calendar-selected-date {
  color: #47a4c6;
  font-weight: bold;
}
.calendar-view
  .calendar-week-view
  .calendar-week-upper-wrapper
  table.calendar-week-view-table
  tbody
  tr:first-child {
  height: 410px;
}
.calendar-view
  .calendar-week-view
  .calendar-week-upper-wrapper
  table.calendar-week-view-table
  tbody
  tr:last-child {
  height: 35px;
}
.calendar-view
  .calendar-week-view
  .calendar-week-upper-wrapper
  table.calendar-week-view-table
  tbody
  tr:last-child
  td {
  padding: 10px 6px 2px 6px;
}
.calendar-view
  .calendar-week-view
  .calendar-week-upper-wrapper
  table.calendar-week-view-table
  td {
  border-left: 1px solid #bbbdc0;
  border-right: 1px solid #bbbdc0;
  width: calc(100% / 7);
  vertical-align: top;
}
.calendar-view
  .calendar-week-view
  .calendar-week-upper-wrapper
  table.calendar-week-view-table
  td
  li {
  height: 82px;
  padding: 15px 6px;
}
.calendar-view
  .calendar-week-view
  .calendar-week-upper-wrapper
  table.calendar-week-view-table
  td
  li:hover {
  background-image: url("https://www.justserve.org/api/images/static/email/pattern.gif");
  background-size: 50px;
}
.calendar-view
  .calendar-week-view
  .calendar-week-upper-wrapper
  table.calendar-week-view-table
  td
  li
  .calendar-week-view-table-entry-title {
  height: 80%;
}
.calendar-view
  .calendar-week-view
  .calendar-week-upper-wrapper
  table.calendar-week-view-table
  td
  li
  a {
  color: #47a4c6;
  display: block;
  height: 100%;
  overflow: hidden;
  font-size: 14px;
}
.calendar-view
  .calendar-week-view
  .calendar-week-upper-wrapper
  table.calendar-week-view-table
  td:first-child {
  border-left: none;
}
.calendar-view
  .calendar-week-view
  .calendar-week-upper-wrapper
  table.calendar-week-view-table
  td:last-child {
  border-right: none;
}
.calendar-view .calendar-day-view {
  min-height: 544px;
  display: none;
  width: 100%;
}
@media (max-width: 450px) {
  .calendar-view .calendar-day-view {
    display: inline-block;
  }
}
.calendar-view .calendar-day-view .calendar-day-upper-wrapper {
  border-bottom: 1px #bbbdc0 solid;
  min-height: 514px;
}
@media (max-width: 450px) {
  .calendar-view .calendar-day-view .calendar-day-upper-wrapper {
    border-bottom: none;
  }
}
.calendar-view
  .calendar-day-view
  .calendar-day-upper-wrapper
  .calendar-day-header {
  height: 100px;
  border: 1px #bbbdc0 solid;
}
@media (max-width: 450px) {
  .calendar-view
    .calendar-day-view
    .calendar-day-upper-wrapper
    .calendar-day-header {
    border: none;
  }
}
.calendar-view
  .calendar-day-view
  .calendar-day-upper-wrapper
  .calendar-day-header
  .header-buttons-wrapper {
  width: calc(100% - 36px);
  display: inline-block;
  margin-top: 15px;
}
.calendar-view
  .calendar-day-view
  .calendar-day-upper-wrapper
  .calendar-day-header
  #back-to-week-button {
  width: 120px;
  height: 20px;
  font-size: 12px;
  background-color: #ef5e39;
  padding: 2px 25px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
@media (max-width: 450px) {
  .calendar-view
    .calendar-day-view
    .calendar-day-upper-wrapper
    .calendar-day-header
    #back-to-week-button {
    display: none !important;
  }
  
}
.calendar-view
  .calendar-day-view
  .calendar-day-upper-wrapper
  .calendar-day-header
  #back-to-week-button.long {
    width: 150px;
  }
.calendar-view
  .calendar-day-view
  .calendar-day-upper-wrapper
  .calendar-day-header
  .header-nav-left {
  float: left;
  margin-top: 40px;
}
.calendar-view
  .calendar-day-view
  .calendar-day-upper-wrapper
  .calendar-day-header
  .header-nav-right {
  float: right;
  margin-top: 40px;
}
.calendar-view
  .calendar-day-view
  .calendar-day-upper-wrapper
  #calendar-body-date-picker-day {
  margin: auto;
  height: 50px;
}
.calendar-view .calendar-day-view .calendar-day-upper-wrapper .entry-title {
  font-size: 16px;
  color: #47a4c6;
  font-family: "Oswald", sans-serif;
}
.calendar-view
  .calendar-day-view
  .calendar-day-upper-wrapper
  table.calendar-day-view-table {
  border: none;
  border-collapse: collapse;
  font-size: 14px;
  font-family: Helvetica, arial;
  margin-top: 15px;
  width: 100%;
}
.calendar-view
  .calendar-day-view
  .calendar-day-upper-wrapper
  table.calendar-day-view-table
  .project-row {
  cursor: pointer;
}
.calendar-view
  .calendar-day-view
  .calendar-day-upper-wrapper
  table.calendar-day-view-table
  .project-row:hover {
  background-image: url("https://www.justserve.org/api/images/static/pattern.gif");
  background-size: 50px;
}
.calendar-view
  .calendar-day-view
  .calendar-day-upper-wrapper
  table.calendar-day-view-table
  tbody
  tr {
  height: 100px;
}
.calendar-view
  .calendar-day-view
  .calendar-day-upper-wrapper
  table.calendar-day-view-table
  td {
  vertical-align: top;
  padding-top: 9px;
}
@media (max-width: 450px) {
  .calendar-view
    .calendar-day-view
    .calendar-day-upper-wrapper
    table.calendar-day-view-table
    td {
    padding: 20px;
  }
}
.calendar-view
  .calendar-day-view
  .calendar-day-upper-wrapper
  table.calendar-day-view-table
  td:first-child {
  padding-top: 11px;
  padding-left: 15px;
  width: 200px;
}
@media (max-width: 450px) {
  .calendar-view
    .calendar-day-view
    .calendar-day-upper-wrapper
    table.calendar-day-view-table
    .entry-time-desktop {
    display: none;
  }
}
.calendar-view
  .calendar-day-view
  .calendar-day-upper-wrapper
  table.calendar-day-view-table
  .entry-time-mobile {
  display: none;
}
@media (max-width: 450px) {
  .calendar-view
    .calendar-day-view
    .calendar-day-upper-wrapper
    table.calendar-day-view-table
    .entry-time-mobile {
    display: inline-block;
  }
}
.calendar-view .calendar-view-banner-message {
  color: #fff;
  background-color: #47a4c6;
  background-image: url("https://www.justserve.org/api/images/static/diamondpattern.png");
  background-size: 100%;
  background-position-y: 25%;
  text-align: center;
  padding-top: 12px;
  padding-bottom: 10px;
}
@media (max-width: 450px) {
  .calendar-view .calendar-view-banner-message {
    padding-bottom: 20px;
  }
}
.calendar-view .calendar-view-banner-message h2 {
  display: inline-block;
}
.calendar-view .calendar-view-banner-message input[type="button"] {
  font-size: 14px;
  background-color: #ef5e39;
  padding: 3px 14px;
  width: 162px;
  height: 28px;
  margin-left: 12px;
}
.calendar-view .calendar-view-banner-message input[type="button"].long {
  width: 230px;
}

@media (max-width: 450px) {
  .calendar-view .calendar-view-banner-message input[type="button"] {
    margin-top: 12px;
  }
}
.calendar-view .calendar-view-footer-nav {
  height: 30px;
}
.calendar-view .calendar-view-footer-nav a {
  color: #47a4c6;
  font-family: "Oswald", sans-serif;
}
.calendar-view .calendar-view-footer-nav .calendar-view-previous {
  margin-top: 10px;
  position: absolute;
  left: 0px;
}
.calendar-view .calendar-view-footer-nav .calendar-view-next {
  margin-top: 10px;
  position: absolute;
  right: 0px;
}
.calendar-view .calendar-view-footer-nav .icon-triangle-left-small,
.calendar-view .calendar-view-footer-nav .icon-triangle-right-small {
  font-size: 14px;
}
#copy-to-clipboard-button {
  display: inline-block;
  color: #64686c;
  height: 22px;
  font-size: 22px;
  padding: 0;
  margin: 0;
  background: none;
  border: none;
  text-transform: lowercase;
}
#copy-to-clipboard-button:before {
  content: "\e655";
  font-family: icons;
  font-size: 22px;
  color: #64686c;
}
#copy-to-clipboard-button #copy-to-clipboard-text-area {
  position: absolute;
  padding: 0;
  margin: 0;
  border: 0;
  height: 0;
  opacity: 0;
  width: 0;
}
.custom-date-picker {
  text-align: center;
  background-color: #fff;
  padding-top: 2px;
  width: 400px;
}
@media (max-width: 450px) {
  .custom-date-picker {
    width: 325px;
  }
}
#selected-date-button {
  background-color: #fff;
  border: none;
  outline: none;
  width: 100%;
}
.selected-date {
  font-family: "Oswald", sans-serif;
  color: #47a4c6;
  font-size: 25px;
}
.selected-date:after {
  content: "\e606";
  font-family: "icons";
  color: #bbbdc0;
  position: absolute;
  margin-left: 10px;
  font-size: 14px;
  margin-top: 8px;
}
.custom-date-picker-expanded .selected-date {
  opacity: 0.3;
}
.custom-date-picker-calendar-view {
  padding: 10px;
  width: 400px;
  display: none;
  max-height: 350px;
  overflow-y: auto;
  position: absolute;
  z-index: 1;
  margin-left: -2px;
  border-width: 2px;
  border-color: #bbbdc0;
  border-style: solid;
  background-color: #fff;
}
@media (max-width: 450px) {
  .custom-date-picker-calendar-view {
    width: 325px;
  }
}
.month-label {
  color: #47a4c6;
  font-size: 18px;
  width: 90%;
  margin: 20px auto 4px auto;
  padding-bottom: 4px;
  font-family: "Oswald", sans-serif;
  border-bottom: 1px solid #bbbdc0;
}
.week {
  padding: 2px;
  margin: 0;
}
.week li {
  list-style-type: none;
  display: inline-block;
  width: 14%;
  height: auto;
  text-align: center;
  font-size: 12px;
  color: #989b9f;
}
#day-button {
  width: 45px;
  height: 45px;
  padding: 0;
  margin: auto;
  background-color: rgba(255, 255, 255, 0);
  color: #9b9b9b;
  font-size: 11px;
  font-family: Helvetica, arial;
}
#day-button:hover {
  color: #bbbdc0;
}
.selected-day {
  background-color: #47a4c6 !important;
  border-radius: 50%;
  color: #fff !important;
}
.transition-date-display {
  display: none;
  overflow: hidden;
  position: relative;
  height: 29px;
}
.transition-date {
  font-family: "Oswald", sans-serif;
  color: #47a4c6;
  font-size: 24px;
  overflow: hidden;
  position: absolute;
  left: 10px;
  top: 0px;
  width: 550px;
}
.transition-date-left {
  margin-right: 100px;
}
.find-as-you-type__list {
  z-index: 1;
  border-style: solid;
  border-width: 1px;
  max-height: 200px;
  overflow-y: auto;
  position: absolute;
  background-color: #fff;
}
.find-as-you-type__list__item {
  cursor: pointer;
  padding-left: 5px;
  padding-right: 5px;
}
.find-as-you-type__list__item.selected {
  background-color: #e5e3e3;
}
.google-map {
  height: 400px;
}
.google-map .map {
  width: 100%;
  height: 400px;
}
.map-content-window.map-ul {
  overflow-y: scroll;
  max-height: 114px;
}
.map-content-window a {
  color: #47a4c6;
  font-family: "Oswald", sans-serif;
  font-size: 18px;
}
.subtext {
  font-weight: bold;
}
.subtext-multi {
  color: #64686c;
  margin-bottom: 15px;
}
.gm-style-iw {
  width: 125px;
  height: auto;
  max-height: 200px;
}
.gm-style-iw h3 {
  margin-bottom: 10px;
  color: #989b9f;
  font-family: "Oswald", sans-serif;
  font-size: 20px;
  line-height: 20px;
  text-transform: uppercase;
  border-bottom: 1px solid #e5e3e3;
  padding: 5px 0;
}
.gm-style-iw p {
  margin-bottom: 0;
  color: #000;
  font-size: 13px;
}
@media (min-width: 700px) {
  .gm-style-iw {
    width: 250px;
  }
}
.modal-directive .modal-directive-overlay {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0.9;
}
.modal-directive .modal-directive-wrapper {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -56%);
  z-index: 10000;
  width: 500px;
  max-width: 100%;
  min-height: 265px;
  max-height: 80%;
  box-shadow: 2px 2px 3px 0 #bbbdc0;
  border: solid 1px #64686c;
  background-color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.modal-directive .modal-directive-wrapper .modal-header-container {
  width: 100%;
  position: relative;
  padding: 0 20px;
  margin-top: 20px;
}
.modal-directive
  .modal-directive-wrapper
  .modal-header-container
  .modal-close-container {
  text-align: right;
  line-height: 1em;
}
.modal-directive
  .modal-directive-wrapper
  .modal-header-container
  .modal-close-container
  .modal-directive-close {
  color: #47a4c6;
  font-size: 20px;
  cursor: pointer;
}
.modal-directive .modal-directive-wrapper .modal-header-container h1 {
  font-family: "Oswald", sans-serif;
  font-size: 22px;
  color: #47a4c6;
}
.modal-directive .modal-directive-wrapper .modal-header-container hr {
  margin: 20px 0;
  border-bottom: solid #e5e3e3 2px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .modal-directive .modal-directive-wrapper .modal-directive-container {
    min-height: 200px;
  }
}
.modal-directive .modal-directive-wrapper .modal-directive-container {
  color: #444;
  -ms-flex: 1;
  flex: 1;
  overflow-y: auto;
  padding: 20px 20px 50px;
}
@media print {
  .modal-directive .modal-directive-wrapper .modal-directive-container {
    display: none !important;
    overflow-y: hidden;
  }
  .modal-directive
    .modal-directive-wrapper
    .modal-directive-container:nth-child(1) {
    display: none;
  }
  .modal-directive
    .modal-directive-wrapper
    .modal-directive-container:nth-child(2) {
    display: none;
  }
}
.modal-directive
  .modal-directive-wrapper
  .modal-directive-container
  .modal-directive-content {
  text-align: left;
}
.modal-directive
  .modal-directive-wrapper
  .modal-directive-container
  .modal-directive-content
  h1 {
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
}
.modal-directive
  .modal-directive-wrapper
  .modal-directive-container
  .modal-directive-content
  h2 {
  margin: 10px 0 20px;
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  font-size: 16px;
}
.modal-directive
  .modal-directive-wrapper
  .modal-directive-container
  .modal-directive-content
  h3 {
  color: #47a4c6;
  margin: 10px 0;
  font-size: 16px;
}
.modal-directive
  .modal-directive-wrapper
  .modal-directive-container
  .modal-directive-content
  hr {
  margin-top: 10px;
}
.modal-directive
  .modal-directive-wrapper
  .modal-directive-container
  .modal-directive-content
  p {
  color: #989b9f;
  font-size: 16px;
}
.modal-directive
  .modal-directive-wrapper
  .modal-directive-container
  .modal-directive-content
  p
  + hr {
  margin: 40px 0;
  width: 40px;
}
.modal-directive .modal-directive-wrapper .modal-footer-container {
  position: relative;
  height: auto;
  background-color: #e5e3e3;
  text-align: right;
  padding: 20px;
}
.modal-directive .modal-directive-wrapper .modal-footer-container .button {
  width: auto;
  height: auto;
  padding: 4px 12px;
}
.modal-directive .modal-directive-wrapper .modal-footer-container .hide-btn {
  background-color: #64686c;
}
.modal-directive
  .modal-directive-wrapper
  .modal-footer-container
  .hide-btn:hover {
  background-color: #47a4c6;
}
.location_lookup {
  display: none;
}
.location_lookup__overlay {
  position: fixed;
  z-index: 49;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.9);
}
.location_lookup__modal {
  overflow: auto;
  position: fixed;
  z-index: 50;
  top: 5%;
  left: 5%;
  width: 90%;
  max-height: 90%;
  border: 1px solid #64686c;
  padding: 30px;
  background: #fff;
}
.location_lookup__modal .modal-header h1 {
  font-size: 22px;
  color: #47a4c6;
  font-family: "Oswald", sans-serif;
}
.location_lookup__modal .modal-body {
  padding: 0.5em 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.location_lookup__modal .modal-body #body-content-wrapper {
  display: -ms-flexbox;
  display: flex;
}
.location_lookup__modal .modal-body #body-content-wrapper #lists {
  overflow-y: auto;
  max-height: 385px;
  width: 40%;
}
.location_lookup__modal
  .modal-body
  #body-content-wrapper
  #lists
  #nearby-button {
  margin: 20px 0 0 24px;
  color: #47a4c6;
}
.location_lookup__modal .modal-body #body-content-wrapper #lists #nearby-label {
  margin: 12px 0 6px 24px;
}
.location_lookup__modal .modal-body #body-content-wrapper #lists ul li {
  padding-left: 3px;
}
.location_lookup__modal
  .modal-body
  #body-content-wrapper
  #lists
  ul
  li
  .target-radio-input-wrapper
  label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
}
.location_lookup__modal
  .modal-body
  #body-content-wrapper
  #lists
  ul
  li
  .target-radio-input-wrapper
  .target-radio-input__check {
  margin-right: 8px;
}
.location_lookup__modal
  .modal-body
  #body-content-wrapper
  #lists
  ul
  li
  .target-radio-input-wrapper
  span {
  overflow: hidden;
  white-space: pre-wrap;
}
.location_lookup__modal
  .modal-body
  #body-content-wrapper
  #lists
  ul
  li
  .selected-address
  .target-radio-input__check:before {
  background: #47a4c6;
}
.location_lookup__modal
  .modal-body
  #body-content-wrapper
  #lists
  ul
  li
  .selected-address
  p {
  border: 1px solid #47a4c6;
}
.location_lookup__modal .modal-body #body-content-wrapper #lists ul li p {
  display: inline-block;
  width: calc(100% - 20px);
  background: #e5e3e3;
  border-bottom: 1px solid #bbbdc0;
  padding: 13px;
}
.location_lookup__modal .modal-body #body-content-wrapper #map-wrapper.empty {
  width: 100%;
}
.location_lookup__modal .modal-body #body-content-wrapper #map-wrapper {
  width: 60%;
  position: relative;
}
.location_lookup__modal .modal-body #body-content-wrapper #map-wrapper .dim {
  position: absolute;
  top: 0;
  right: 0;
  height: 385px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  color: white;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 20px;
}
.location_lookup__modal .modal-body #body-content-wrapper #map-wrapper figure {
  width: 100%;
  min-height: 385px;
  border: 1px solid #bbbdc0;
}
.location_lookup__modal .modal-footer {
  padding: 18px 0;
}
.location_lookup__modal .modal-footer .footer-text p a {
  color: #47a4c6;
}
.location_lookup__modal .modal-footer .footer-search {
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.location_lookup__modal .modal-footer .footer-search label {
  font-weight: bold;
  width: 75%;
}
.location_lookup__modal .modal-footer .footer-search input[type="text"] {
  height: 26px;
  border: 1px solid #989b9f;
}
.location_lookup__modal .modal-footer .footer-search button[type="submit"] {
  height: 26px;
  margin-left: 2px;
  width: 25%;
  padding: 2px 12px;
}
.location_lookup__modal
  .modal-footer
  .footer-search
  button[type="submit"]:not(:disabled) {
  background: white;
  color: #47a4c6;
  border: 1px solid #47a4c6 !important;
}
.location_lookup__modal
  .modal-footer
  .footer-search
  button[type="submit"]:not(:disabled):hover {
  background: #47a4c6;
  color: white;
  border: none;
}
.location_lookup__modal #button-wrapper {
  text-align: right;
}
.location_lookup__modal #button-wrapper #cancel {
  background-color: #989b9f;
}
.location_lookup__modal #button-wrapper .modal-button {
  height: 27px;
  padding: 3px 16px;
}
@media (min-width: 1024px) {
  .location_lookup__modal .modal-footer .footer-text .search-again {
    display: none;
  }
}
@media (min-width: 768px) {
  .location_lookup__modal {
    width: 700px;
    left: 50%;
    margin-left: -350px;
  }
}
@media (max-width: 450px) {
  .location_lookup__modal .modal-body {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .location_lookup__modal .modal-body #body-content-wrapper #lists {
    width: 100%;
  }
  .location_lookup__modal
    .modal-body
    #body-content-wrapper
    #map-wrapper:not(.empty) {
    display: none;
  }
  .location_lookup__modal .modal-footer {
    margin-left: 0;
  }
  .location_lookup__modal .modal-footer .footer-text {
    text-align: center;
  }
  .location_lookup__modal .modal-footer .footer-search {
    font-size: 14px;
    flex-direction: column;
    align-items: center;
  }
  .location_lookup__modal .modal-footer .footer-search label {
    width: 100%;
  }
  .location_lookup__modal .modal-footer .footer-search button[type="submit"] {
    margin-top: 15px;
    width: auto;
  }
  .location_lookup__modal #button-wrapper {
    text-align: center;
    margin-bottom: 0px;
    margin-top: 25px;
  }
}
picker-directive {
  position: relative;
  margin-top: 20px;
  margin-bottom: 50px;
}
picker-directive label {
  margin-bottom: 10px;
}
picker-directive .options-input-area {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
picker-directive .options-input-area button {
  margin-left: 16px;
}
picker-directive .options-input-area:not(.empty) button {
  display: none;
}
picker-directive .options.green li.marked:before {
  color: #74af43;
}
picker-directive .options.yellow li.marked:before {
  color: #edc314;
}
picker-directive .options.tomato li.marked:before {
  color: #ef5e39;
}
picker-directive .options {
  height: 180px;
  margin: 4px 0 14px 0;
  overflow-x: auto;
  border: 1px solid #bbbdc0;
}
picker-directive .options.marked {
  padding: 0 0 0 30px;
}
picker-directive .options li {
  padding: 5px;
  position: relative;
}
picker-directive .options li:hover:not(.disabled) {
  background-color: #47a4c6;
  color: white;
}
picker-directive .options li.marked:before {
  position: absolute;
  left: -22px;
  content: "\e611";
  font-family: "icons";
}
picker-directive li:not(.marked):not(.disabled) {
  cursor: pointer;
}
picker-directive .selections.green li {
  background-color: #74af43;
}
picker-directive .selections.green li:before {
  border: 12px solid rgba(255, 255, 255, 0);
  border-right: 6px solid #74af43;
}
picker-directive .selections.green li:after {
  border: 12px solid rgba(255, 255, 255, 0);
  border-left: 6px solid #74af43;
}
picker-directive .selections.yellow li {
  background-color: #edc314;
}
picker-directive .selections.yellow li:before {
  border: 12px solid rgba(255, 255, 255, 0);
  border-right: 6px solid #edc314;
}
picker-directive .selections.yellow li:after {
  border: 12px solid rgba(255, 255, 255, 0);
  border-left: 6px solid #edc314;
}
picker-directive .selections.green li,
picker-directive .selections.yellow li {
  margin: 0 25px 4px 6px;
}
picker-directive .selections.green li span.icon-check:before,
picker-directive .selections.yellow li span.icon-check:before {
  right: -19px;
}
picker-directive .selections.green li:before,
picker-directive .selections.yellow li:before {
  left: -24px;
  width: 24px;
  height: 24px;
}
picker-directive .selections.green li:after,
picker-directive .selections.yellow li:after {
  top: 0;
  right: -24px;
  width: 24px;
  height: 24px;
}
picker-directive .selections.tomato li {
  background-color: #ef5e39;
  margin: 0 33px 4px 13px;
}
picker-directive .selections.tomato li span.icon-check:before {
  right: -27px;
}
picker-directive .selections.tomato li:before {
  background-color: #ef5e39;
  left: -12px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
picker-directive .selections.tomato li:after {
  background-color: #ef5e39;
  right: -12px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
picker-directive .selections {
  margin-top: 20px;
  margin-bottom: 50px;
}
picker-directive .selections li {
  position: relative;
  display: inline-block;
  padding: 0 5px;
  font-family: "Oswald", sans-serif;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  color: white;
  line-height: 24px;
}
picker-directive .selections li span.icon-check:before {
  position: absolute;
  top: -3px;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #bbbdc0;
  padding: 1px;
  font-size: 10px;
  color: #bbbdc0 !important;
}
picker-directive .selections li:before,
picker-directive .selections li:after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 0;
  z-index: -1;
}
.jcrop {
  width: 370px;
}
.jcrop__contents {
  padding: 40px 20px 20px;
}
.jcrop__main {
  border: none;
}
.jcrop__main--wrap {
  text-align: center;
}
.jcrop__buttons {
  text-align: right;
}
.jcrop__buttons span {
  margin-right: 0 !important;
}
.jcrop__certify {
  text-align: left;
  font-size: 16px;
}
.jcrop__certify .checkbox {
  margin-right: 5px;
}
.jcrop__certify
  .checkbox
  input[type="checkbox"]:checked
  + .checkbox__checkmark:before {
  top: 0;
  left: 0;
  font-size: 14px;
}
image-editor .modal-directive-container {
  padding: 20px !important;
}
image-editor #image-editor-image-container {
  border: 1px solid #808083;
}
image-editor #image-editor-image {
  display: none;
}
image-editor .validate-input-message {
  text-align: center;
}
image-editor .canvas-container {
  margin: auto;
}
image-editor p {
  font-size: 16px;
  font-family: Helvetica, arial;
  color: #808083;
}
image-editor p.privacy-agreement {
  margin: 15px 0 0 0;
}
image-editor p.privacy-notice {
  margin: 15px 0 0 0;
  height: 100px;
  overflow-y: auto;
}
image-editor a {
  color: #47a4c6;
  text-decoration: underline;
}
image-editor .image-editor-buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin: 15px 0 0 0;
}
image-editor .image-editor-buttons button {
  margin: 0 0 0 15px;
}
image-editor .image-editor-actions {
  overflow-x: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  padding: 15px 15px 15px 0;
}
image-editor .image-editor-actions button {
  margin: 0 0 0 5px;
  padding: 5px;
}
image-editor .image-editor-actions button .icon-edit {
  position: unset;
  top: unset;
  right: unset;
  z-index: unset;
  padding: unset;
  font-size: 16px;
  background: unset !important;
}
@media (max-width: 450px) {
  image-editor .image-editor-actions button > span:nth-child(1) {
    display: none;
  }
  image-editor .image-editor-actions button {
    border-radius: 15px;
    height: 30px;
  }
  image-editor .image-editor-actions button:after {
    line-height: 20px;
    font-family: icons;
  }
  image-editor .image-editor-actions button[name="reset"]:after {
    content: "\e632";
  }
  image-editor .image-editor-actions button[name="undo"]:after {
    content: "\e607\e607";
    padding-right: 2px;
  }
  image-editor .image-editor-actions button[name="redo"]:after {
    content: " \e605\e605";
    padding-left: 2px;
  }
  image-editor .image-editor-actions button[name="cancel"]:after {
    content: "\ea0f";
  }
  image-editor .image-editor-actions button[name="accept"]:after {
    content: "\e611";
  }
  image-editor .image-editor-actions button[name="crop"]:after {
    content: "\e61f";
  }
  image-editor .image-editor-actions button[name="left"]:after {
    content: "\e623";
    padding-right: 2px;
  }
  image-editor .image-editor-actions button[name="right"]:after {
    content: "\e621";
    padding-left: 2px;
  }
  image-editor .image-editor-actions button[name="zoom-in"]:after {
    content: "\e617";
  }
  image-editor .image-editor-actions button[name="zoom-out"]:after {
    content: "\e61a";
  }
}
.random-banner-1 {
  background-image: url("https://www.justserve.org/api/images/static/banner-1.jpg");
  background-size: 100%;
  background-position: 0 50%;
  background-repeat: no-repeat;
}
.random-banner-2 {
  background-image: url("https://www.justserve.org/api/images/static/banner-2.jpg");
  background-size: 100%;
  background-position: 0 59%;
  background-repeat: no-repeat;
}
.random-banner-3 {
  background-image: url("https://www.justserve.org/api/images/static/banner-3.jpg");
  background-size: 100%;
  background-position: 0 40%;
  background-repeat: no-repeat;
}
.random-banner-4 {
  background-image: url("https://www.justserve.org/api/images/static/banner-4.jpg");
  background-size: 100%;
  background-position: 0 28%;
  background-repeat: no-repeat;
}
.random-banner-5 {
  background-image: url("https://www.justserve.org/api/images/static/banner-5.jpg");
  background-size: 100%;
  background-position: 0 70%;
  background-repeat: no-repeat;
}
.random-banner-6 {
  background-image: url("https://www.justserve.org/api/images/static/banner-6.jpg");
  background-size: 100%;
  background-position: 0 25%;
  background-repeat: no-repeat;
}
.target-radio-input-wrapper {
  display: block;
  position: relative;
}
.target-radio-input-wrapper label {
  display: block;
  position: relative;
  margin: 2px auto;
  transition: all 0.25s linear;
  cursor: not-allowed;
}
.target-radio-input-wrapper label:not(:disabled) {
  cursor: pointer;
}
.target-radio-input-wrapper .target-radio-input {
  visibility: hidden;
  position: absolute;
  width: 1px;
}
.target-radio-input-wrapper .target-radio-input__check {
  display: inline-block;
  border: 1px solid #47a4c6;
  transform: scale(1.5);
  border-radius: 100%;
  margin-right: 10px;
  height: 12px;
  width: 12px;
  transition: border 0.25s linear;
  -webkit-transition: border 0.25s linear;
}
.target-radio-input-wrapper .target-radio-input__check::before {
  display: block;
  position: absolute;
  content: "";
  border-radius: 100%;
  top: 2px;
  left: 2px;
  height: 6px;
  width: 6px;
  margin: auto;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
}
.target-radio-input-wrapper
  .target-radio-input:checked
  ~ .target-radio-input__check::before {
  background: #47a4c6;
}
.target-radio-input-wrapper .international-location-directive {
  margin: 0 0 0 35px;
}
.to-top {
  position: fixed;
  z-index: 20;
  top: 40px;
  right: 50%;
  display: none;
  min-width: 65px;
  max-width: 80px;
  padding: 8px 10px;
  background: #ef5e39;
  color: #fff !important;
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
  text-align: center;
  opacity: 0.5;
}
.to-top:hover {
  opacity: 1;
}
.to-top.active {
  display: block;
}
.to-top:before {
  font-size: 10px;
  padding-right: 5px;
}
@media (max-width: 450px) {
  .to-top {
    top: 67px;
    right: 43%;
  }
}
.valid-input-message,
.validate-input-message {
  margin: 0 !important;
  font-family: "Helvetica", "arial", sans-serif !important;
  font-size: 12px !important;
}
.validate-input-message {
  color: #be1e2d !important;
}
.validate-input-error {
  border: 2px solid #be1e2d !important;
}
#about-us {
  max-width: none;
  font-size: 21px;
  font-family: "Helvetica Light", "Helvetica", "Arial", sans-serif;
  color: #64686c;
  line-height: 37px;
}
@media (max-width: 450px) {
  #about-us {
    font-size: 18px;
    line-height: 32px;
  }
}
#about-us #about-videos-wrapper {
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#about-us #about-videos-wrapper .icon-check {
  position: fixed;
  z-index: 7;
  top: 30px;
  right: 0px;
  display: inline-block;
  font-size: 40px;
  line-height: 0;
  color: #64686c;
  margin: 60px 35px 0 0;
}
#about-us #about-videos-wrapper #about-videos-overlay {
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: white;
  opacity: 0.8;
  background-size: 4px 4px;
  background-position: 0px 0px, 10px 10px;
}
#about-us #about-videos-wrapper #youtube {
  z-index: 7;
  position: fixed;
  top: calc(50vh - 270px);
  left: calc(50vw - 480px);
  width: 1024px;
  height: 540px;
}
@media (max-width: 1023px) {
  #about-us #about-videos-wrapper #youtube {
    top: calc(50vh - 101px);
    left: calc(50vw - 170px);
    width: 340px;
    height: 180px;
  }
}
#about-us #banner img {
  width: 100%;
}
#about-us #about-just-serve section {
    overflow: auto;
}
#about-us #about-just-serve section > * {
  max-width: 1024px;
  margin: auto;
}
@media (max-width: 1023px) {
  #about-us #about-just-serve section > * {
    width: 88%;
  }
}
#about-us #about-just-serve h1 {
  margin-bottom: 17px;
  color: #ef5e39;
  font-family: "Oswald", sans-serif;
  font-size: 38px;
  text-transform: uppercase;
  text-align: center;
}
#about-us #about-just-serve h2 {
  margin-bottom: 17px;
  color: #47a4c6;
  font-family: "Oswald", sans-serif;
  font-size: 30px;
  text-align: center;
}
#about-us #about-just-serve p {
  margin-bottom: 1em;
}
#about-us #about-just-serve a {
  color: #47a4c6;
}
#about-us #about-just-serve #about-header {
  padding-top: 60px;
}
#about-us #about-just-serve #about-header #pattern-container {
  background-image: url("https://www.justserve.org/api/images/static/pattern.gif");
  background-size: 60px 60px;
  height: 30px;
  width: 100%;
  background-repeat: repeat-x;
  max-width: none;
}


#about-just-serve .contrast-section {
  background-color: #e5e3e3 !important;
}


#about-us #about-just-serve section {
  padding-top: 45px;
}
#about-us #about-just-serve #about-videos-section > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 450px) {
  #about-us #about-just-serve #about-videos-section > div {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
#about-us #about-just-serve #about-videos-section > div .start-video-image {
  width: calc(50% - 16px);
  position: relative;
}
@media (max-width: 450px) {
  #about-us #about-just-serve #about-videos-section > div .start-video-image {
    width: 100%;
  }
}
#about-us
  #about-just-serve
  #about-videos-section
  > div
  .start-video-image
  .play-video-icon {
  position: absolute;
  top: calc(50% - 40px);
  left: calc(50% - 40px);
  color: white;
  opacity: 0.6;
  font-size: 80px;
  cursor: pointer;
}
#about-us
  #about-just-serve
  #about-videos-section
  > div
  .start-video-image
  .start-video-title {
  color: white;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px;
  font-family: "Helvetica Light", "Helvetica", "Arial", sans-serif;
  cursor: pointer;
}
@media (max-width: 450px) {
  #about-us
    #about-just-serve
    #about-videos-section
    > div
    .start-video-image
    .start-video-title {
    padding: 10px;
  }
}
@media (max-width: 450px) {
  #about-us #about-just-serve #how-it-works-section figure {
    max-width: none;
    width: 100%;
  }
}
#about-us #about-just-serve #sign-up-section {
  padding-top: 18px;
  padding-bottom: 68px;
}
#about-us #about-just-serve #sign-up-section > div {
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  padding: 30px 40px;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 1023px) {
  #about-us #about-just-serve #sign-up-section > div {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
#about-us #about-just-serve #sign-up-section > div #sign-up-button-wrapper {
  -ms-flex: 1 1 25%;
  flex: 1 1 25%;
  text-align: center;
}
#about-us
  #about-just-serve
  #sign-up-section
  > div
  #sign-up-button-wrapper
  .button {
  font-size: 33px;
  width: auto;
  color: #fff;
}
@media (max-width: 450px) {
  #about-us
    #about-just-serve
    #sign-up-section
    > div
    #sign-up-button-wrapper
    .button {
    font-size: 24px;
    padding: 2px 20px;
  }
}
#about-us #about-just-serve #sign-up-section > div #sign-up-text-wrapper {
  -ms-flex: 4 1 75%;
  flex: 4 1 75%;
  text-align: justify;
}
@media (max-width: 1023px) {
  #about-us #about-just-serve #sign-up-section > div #sign-up-text-wrapper {
    margin-top: 20px;
    text-align: center;
  }
}
#about-us
  #about-just-serve
  #sign-up-section
  > div
  #sign-up-text-wrapper
  .text__link {
  font-weight: bold;
}
#about-us #about-just-serve #sign-up-section > div #sign-up-text-wrapper p {
  margin-bottom: 0;
}
#about-us #about-just-serve #guidelines-section {
  padding-bottom: 70px;
}
#about-us #about-just-serve #guidelines-section ol {
  list-style-type: decimal;
  padding-left: 20px;
}
#about-us #about-just-serve #guidelines-section hr {
  border-top: 1px solid #989b9f;
  width: calc(100% + 20px);
  margin: 20px -20px;
}
#about-us #about-just-serve #guidelines-section #slide-down {
  transition: all 0.5s ease;
  font-size: 16px;
}
@media (max-width: 450px) {
  #about-us #about-just-serve #guidelines-section #slide-down {
    font-size: 14px;
  }
}
#about-us #about-just-serve #guidelines-section #slide-down .close {
  float: right;
}
#about-us #about-just-serve #guidelines-section #slide-down li > span {
  margin-left: 20px;
  display: block;
}
#about-us #about-just-serve #guidelines-section #slide-down ol {
  list-style-type: lower-alpha;
  padding-left: 40px;
}
#about-us #about-just-serve #guidelines-section #slide-down ul {
  list-style-type: lower-roman;
  padding-left: 20px;
}
#about-us #about-just-serve #why-volunteer {
  padding-bottom: 70px;
}
#about-us #about-just-serve #why-volunteer figure {
  text-align: center;
}
#about-us #about-just-serve #why-volunteer figure #shovel__gif {
  height: 100px;
  width: 100px;
}
#about-us #about-just-serve #why-volunteer h2 {
  margin-bottom: 35px;
}
#about-us #about-just-serve #contact-us figure {
  text-align: center;
}
#about-us #about-just-serve #contact-us figure #mail__gif {
  height: 100px;
  width: 100px;
}
#about-us #about-just-serve #contact-us h2 {
  margin-bottom: 35px;
}
#about-us #about-just-serve #contact-us form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 30px 100px;
  font-size: 15px;
}
@media (max-width: 450px) {
  #about-us #about-just-serve #contact-us form {
    padding: 0;
  }
}
#about-us #about-just-serve #contact-us form > span {
  width: calc(50% - 7px);
  float: left;
  margin-bottom: 18px;
}
#about-us #about-just-serve #contact-us form > textarea {
  border: 1px solid #989b9f;
  padding: 2px 4px;
  min-height: 100px;
  resize: none;
}
#obfuscated-email{
  font-style: italic;
  text-decoration: underline;
}
#message-wrapper{
  width:100%;
  height: 100%;
}
@media (max-width: 450px) {
  #about-us #about-just-serve #contact-us form > span {
    width: 100%;
  }
}
#about-us #about-just-serve #contact-us form > span:nth-child(odd) {
  margin-right: 14px;
}
@media (max-width: 450px) {
  #about-us #about-just-serve #contact-us form > span:nth-child(odd) {
    margin-right: 0;
  }
}
#about-us #about-just-serve #contact-us form > span > input {
  border: 1px solid #989b9f;
  height: 30px;
  padding: 5px;
}
#about-us #about-just-serve #contact-us form > span .form-select {
  margin-right: 5px;
  width: 100%;
  height: 30px;
}
#about-us #about-just-serve #contact-us form > span .country-select {
  height: 30px;
  width: 100%;
  border: 1px solid #989b9f;
  padding: 3px 30px 3px 5px;
  margin-right: 5px;
  margin-top: 5px;
  background: rgba(255, 255, 255, 0);
}
#about-us #about-just-serve #contact-us form #submit-button-wrapper {
  margin-top: 30px;
  width: 100%;
  text-align: center;
  font-size: 21px;
}
#about-us #about-just-serve #contact-us form #submit-button-wrapper button {
  width: 106px;
}
#about-us
  #about-just-serve
  #contact-us
  form
  #submit-button-wrapper
  .email-status-message {
  margin-top: 10px;
}
.sign-in-and-register {
  padding: 50px 15px;
  padding-bottom: 0;
}
.sign-in-and-register #lockout-modal .modal-directive-container {
  padding: 20px;
}
.sign-in-and-register #lockout-modal .modal-directive-container h1 {
  color: #989b9f;
  font-size: 20px;
  text-transform: none;
}
.sign-in-and-register
  #lockout-modal
  .modal-directive-container
  #button-container {
  margin-top: 100px;
  text-align: center;
}
.sign-in-and-register
  #lockout-modal
  .modal-directive-container
  #button-container
  #lockout-retry-button {
  background: #74af43;
  margin-left: 10px;
}
.sign-in-and-register
  #lockout-modal
  .modal-directive-container
  #button-container
  #lockout-retry-button:hover {
  background: #47a4c6;
}
.sign-in-and-register__message {
  margin-bottom: 50px;
  padding: 10px;
  background: #ef5e39;
  color: #fff;
  text-align: center;
}
.sign-in-and-register__message--success {
  margin-bottom: 50px;
  padding: 10px;
  background: #74af43;
  color: #fff;
  text-align: center;
}
.sign-in-and-register__message--error {
  margin-bottom: 50px;
  padding: 10px;
  background: #be1e2d;
  color: #fff;
  text-align: center;
}
.sign-in-and-register__or {
  position: relative;
  margin: 0;
  font-family: Helvetica, arial;
  font-size: 22px;
  color: #64686c;
}
@media (max-width: 1023px) {
  .sign-in-and-register__or {
    margin: 25px 0;
  }
}
.sign-in-and-register__or p {
  position: relative;
  text-align: center;
}
.sign-in-and-register__or p:before {
  content: "";
  display: inline-block;
  width: 25%;
  height: 8px;
  margin-right: 15px;
  border-top: 1px solid #bbbdc0;
}
.sign-in-and-register__or p:after {
  content: "";
  display: inline-block;
  width: 25%;
  height: 8px;
  margin-left: 15px;
  border-top: 1px solid #bbbdc0;
}
.sign-in-and-register #sign-in-container {
  margin-bottom: 40px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1023px) {
  .sign-in-and-register #sign-in-container {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.sign-in-and-register #sign-in-container #register-overlay {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0.7;
}
.sign-in-and-register #register-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
.sign-in-and-register #register-wrapper h2 {
  font-size: 22px;
  margin-right: 15px;
}
.sign-in-and-register #register-wrapper input {
  width: auto;
}
@media (min-width: 1024px) {
  .sign-in-and-register sign-in-directive {
    width: 40%;
  }
  .sign-in-and-register facebook-directive {
    width: 40%;
  }
  .sign-in-and-register__or {
    width: 20%;
  }
  .sign-in-and-register__or p:before {
    display: none;
  }
  .sign-in-and-register__or p:after {
    position: absolute;
    top: 40px;
    left: 50%;
    display: block;
    width: 1px;
    height: 189px;
    margin: 0;
    border-top: none;
    border-left: 1px solid #bbbdc0;
  }
}
#admin_dashboard_main h1 {
  margin-top: 43px;
  margin-bottom: 25px;
  vertical-align: middle;
  font-family: "Oswald", sans-serif;
  font-size: 24px;
  color: #47a4c6;
}
@media (max-width: 450px) {
  #admin_dashboard_main h1 {
    margin-top: 90px;
    margin-bottom: 11px;
    margin-left: 27px;
  }
}
@media (min-width: 450px) and (max-width: 1023px) {
  #admin_dashboard_main {
    padding: 0 10px;
  }
}
#dashboard_icons {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
@media (min-width: 1024px) {
  #dashboard_icons {
    width: 878px;
  }
}
@media (max-width: 450px) {
  #dashboard_icons {
    margin-bottom: 70px;
  }
}
#dashboard_icons .dash_icon_box {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 177px;
  width: 210px;
  text-align: center;
  padding: 1px;
  position: relative;
  margin: 6px 6px 0 0;
}
@media (max-width: 450px) {
  #dashboard_icons .dash_icon_box {
    width: 100%;
    margin: 0;
  }
}
@media (min-width: 450px) and (max-width: 1023px) {
  #dashboard_icons .dash_icon_box {
    width: 50%;
    margin: 0;
  }
}
#dashboard_icons .trainings_icon,
#dashboard_icons .dash_icon_box[disabled] {
  color: #bbbdc0;
}
#dashboard_icons a.dash_icon_box:hover {
  border: 1px solid #bbbdc0;
  padding: 0;
}
#dashboard_icons .container {
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#dashboard_icons .container svg {
  margin: 4px;
}
#dashboard_icons .title {
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
  font-size: 16px;
  margin-top: -7px;
}
#dashboard_icons .coming_soon {
  color: #ef5e39;
  font-size: 12px;
}
#dashboard_icons .icon {
  height: 81px;
  width: 81px;
  overflow: hidden;
  display: inline-block;
}
#dashboard_icons .inactive_icon {
  color: #bbbdc0;
  fill: #bbbdc0;
}
#dashboard_icons .container {
  color: #ef5e39;
  fill: #ef5e39;
}
.assign {
  padding: 20px;
}
@media (min-width: 768px) {
  .assign {
    padding: 40px;
  }
}
.assign__project figure {
  width: 150px;
  margin-bottom: 15px;
}
@media (min-width: 600px) {
  .assign__project figure {
    float: right;
    margin-left: 100px;
  }
}
.assign__project figure ._16x9 {
  border: 1px solid #e5e3e3;
}
.assign__project figure h2 {
  margin-top: 0;
  font-family: "Oswald";
  font-size: 20px;
  line-height: 22px;
  color: #ef5e39;
}
.assign__project h1 {
  font-family: "Oswald";
  font-size: 24px;
  line-height: 26px;
  margin-bottom: 15px;
  color: #47a4c6;
}
.assign__project time {
  display: block;
  margin-bottom: 15px;
}
.assign__project h2 {
  margin: 15px 0;
}
.assign__project > a {
  display: inline-block;
  margin-top: 15px;
  color: #47a4c6;
}
.assign__project .assign__project__description p {
  margin: 5px 0;
}
.assign__project .assign__project__description a {
  color: #47a4c6;
}
.assign__project .assign__project__description ul {
  padding-left: 2em;
  list-style-type: disc;
}
.assign__project .assign__project__description ol {
  padding-left: 2em;
  list-style-type: decimal;
}
.assign__project .assign__project__description strong,
.assign__project .assign__project__description b {
  font-weight: bold;
}
.assign__project .assign__project__description em,
.assign__project .assign__project__description i {
  font-style: italic;
}
.assign__project .assign__project__description u {
  text-decoration: underline;
}
.assign__user {
  margin-top: 15px;
  border-top: 1px solid #e5e3e3;
  padding-top: 15px;
}
.assign__user h3 {
  font-family: "Oswald";
  font-size: 18px;
  color: #64686c;
}
.assign__user input[type="text"] {
  display: block;
  border: 1px solid #e5e3e3;
}
.assign__user input[type="button"] {
  margin-top: 10px;
  padding: 4px 10px 3px;
}
.assign__user h4 {
  margin-bottom: 15px;
  font-family: "Oswald";
  font-size: 18px;
  color: #ef5e39;
}
@media (min-width: 550px) {
  .assign__user h3 {
    display: inline-block;
    margin-right: 15px;
  }
  .assign__user input[type="text"] {
    display: inline-block;
    width: 300px;
  }
  .assign__user .loading {
    display: inline-block;
  }
  .assign__user .loading input {
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
  }
}
.assign__results input {
  width: auto;
}
.assign__results > ul > li {
  margin-top: 15px;
}
.assign__results > ul > li:not(:first-of-type) {
  padding-top: 15px;
  border-top: 1px solid #e5e3e3;
}
.assign__results section:last-of-type li {
  font-size: 14px;
  color: #64686c;
}
.assign__results h5 {
  font-family: "Oswald";
  font-size: 18px;
  color: #47a4c6;
}
@media (min-width: 550px) {
  .assign__results section {
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
  }
  .assign__results section:first-of-type h5 {
    display: inline-block;
  }
}
.badgesEarned__back {
  font-family: "Oswald";
  color: #ef5e39;
  position: absolute;
  margin: 2em;
}
.badgesEarned__header {
  padding-top: 2em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
  -ms-flex-align: center;
  align-items: center;
  background-color: #e5e3e3;
}
.badgesEarned__title {
  font-family: "Oswald";
  font-size: 2em;
  color: #64686c;
}
.badgesEarned__summary {
  color: #47a4c6;
  text-align: center;
}
.badgesEarned__honeyComb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  height: 20em;
  padding: 1em 1em 4em 1em;
  overflow-x: scroll;
  background-color: #e5e3e3;
}
.badgesEarned__badge {
  height: 4em;
  width: 4em;
  margin: 0.3em 0;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
  -ms-flex-align: center;
  align-items: center;
}
.badgesEarned__badge--toggle {
  margin: -1em;
  display: none;
  z-index: 5;
}
.badgesEarned__badge--selected > * {
  display: block;
  position: absolute;
  z-index: 4;
}
.badgesEarned__badge:hover > * {
  display: block;
  position: absolute;
  z-index: 5;
}
.badgesEarned__badge__header {
  font-family: "Oswald";
  font-size: 0.8em;
  text-align: center;
  background-color: white;
}
.badgesEarned__badge__image {
  height: 4em;
  width: 4em;
  border-radius: 50%;
  z-index: 0;
}
.badgesEarned__badge__image--toggle {
  height: 6em;
  width: 6em;
}
.badgesEarned__badge:nth-child(5n + 1) {
  margin-top: 2.6em;
}
.badgesEarned__list {
  margin: 1em;
}
.badgesEarned__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.5em;
  border-bottom: solid 1px #e5e3e3;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.badgesEarned__item__image {
  height: 5.5em;
  width: 5.5em;
  margin-right: 1em;
  border-radius: 50%;
}
.badgesEarned__item__header {
  width: calc(100% - 8em);
  font-family: "Oswald";
  color: #47a4c6;
  font-size: 1.3em;
}
@media (min-width: 45em) {
  .badgesEarned__item__header {
    width: calc(40% - 5em);
  }
}
.badgesEarned__item__requirement {
  width: 10em;
  display: none;
  margin: 0 0.5em;
}
@media (min-width: 45em) {
  .badgesEarned__item__requirement {
    width: calc(60% - 5em);
    display: block;
  }
}
.badgesEarned__item__shareButton {
  width: 2em;
  display: none;
}
@media (min-width: 45em) {
  .badgesEarned__item__shareButton {
    display: block;
  }
}
.badgesEarned__item__points {
  width: 3em;
}
.badgesEarned__item__points:after {
  content: "\e621";
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 45em) {
  .badgesEarned__item__points:after {
    content: "";
  }
}
.change-password {
  padding: 15px;
}
@media (min-width: 768px) {
  .change-password {
    padding: 40px;
  }
}
.change-password h1 {
  margin-bottom: 15px;
  font-family: "Oswald";
  font-size: 24px;
  color: #64686c;
}
.change-password p {
  margin-bottom: 5px;
}
.change-password form {
  margin-top: 15px;
}
.change-password form label {
  display: block;
  font-size: 12px;
  color: #64686c;
}
.change-password form input[type="password"] {
  max-width: 300px;
  margin-bottom: 5px;
  border: 1px solid #bbbdc0;
  color: #64686c;
}
.change-password form input[type="submit"] {
  width: auto;
  height: 31px;
  line-height: 31px;
  padding: 0 20px;
}
.change-password__requirements {
  color: #47a4c6;
  font-size: 12px;
  line-height: 14px;
}
#disaster-relief-details {
  max-width: none;
}
#disaster-relief-details h1 {
  font-family: "Oswald", sans-serif;
  font-size: 22px;
  font-weight: bold;
}
#disaster-relief-details h2 {
  font-size: 22px;
  font-family: "Oswald", sans-serif;
  color: #47a4c6;
  margin: 0 0 12px 0;
}
#disaster-relief-details header {
  background: #47a4c6;
  color: #fff;
  text-align: center;
  position: relative;
  padding: 31px 0 27px;
}
#disaster-relief-details header h1 {
  max-width: 1024px;
  margin: 16px auto;
}
#disaster-relief-details #relief-details-section {
  background: #e5e3e3;
  padding: 30px 15px 27px 15px;
}
#disaster-relief-details #relief-details-section > * {
  margin: 0 114px;
}
#disaster-relief-details #relief-details-section #relief-details-container {
  display: flex;
  justify-content: space-between;
}
#disaster-relief-details
  #relief-details-section
  #relief-details-container
  > #relief-details-contact {
  padding-left: 30px;
}
@media (max-width: 1023px) {
  #disaster-relief-details #relief-details-section > * {
    margin: 0;
  }
  #disaster-relief-details #relief-details-section #relief-details-container {
    flex-direction: column;
  }
  #disaster-relief-details
    #relief-details-section
    #relief-details-container
    > #relief-details-contact {
    padding-left: 0;
  }
}
#disaster-relief-details #relief-details-section #relief-details-container > p {
  margin: 0 30px 0 0;
  white-space: pre-line;
}
#disaster-relief-details
  #relief-details-section
  #relief-details-container
  #contact-container {
  display: flex;
}

#disaster-relief-details
  #relief-details-section
  #relief-details-container
  #contact-container
  p {
  white-space: nowrap;
}
#disaster-relief-details
  #relief-details-section
  #relief-details-container
  #contact-container
  p:not(:first-of-type) {
  border-left: 1px solid #000;
  padding-left: 5px;
  margin-left: 5px;
}
@media (max-width: 1023px) {
  #disaster-relief-details
    #relief-details-section
    #relief-details-container
    #contact-container {
    flex-direction: column;
  }
  #disaster-relief-details
    #relief-details-section
    #relief-details-container
    #contact-container
    p:not(:first-of-type) {
    border-left: unset;
    padding-left: unset;
    margin-left: unset;
  }
}
#disaster-relief-details
  #relief-details-section
  #relief-details-container
  #effort-share-links {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px;
}
#disaster-relief-details
  #relief-details-section
  #relief-details-container
  #effort-share-links
  > p {
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #808083;
  text-transform: uppercase;
  margin-right: 20px;
}
#disaster-relief-details
  #relief-details-section
  #relief-details-container
  #effort-share-links
  #social-icons {
  font-size: 24px;
  width: 100%;
  max-width: 190px;
  margin-left: 10px;
}
@media (max-width: 450px) {
  #disaster-relief-details
    #relief-details-section
    #relief-details-container
    #effort-share-links
    #social-icons {
    margin: 0;
  }
}
#disaster-relief-details
  #relief-details-section
  #relief-details-container
  #effort-share-links
  #social-icons
  li {
  display: inline-block;
  vertical-align: middle;
}
#disaster-relief-details
  #relief-details-section
  #relief-details-container
  #effort-share-links
  #social-icons
  li:not(:last-of-type) {
  margin-right: 8px;
}
#disaster-relief-details
  #relief-details-section
  #relief-details-container
  #effort-share-links
  #social-icons
  li
  a {
  vertical-align: middle;
  display: inline-block;
  line-height: 0.5em;
}
#disaster-relief-details
  #relief-details-section
  #relief-details-container
  #effort-share-links
  #social-icons
  li
  a.icon-facebook:before {
  color: #3b5893;
}
#disaster-relief-details
  #relief-details-section
  #relief-details-container
  #effort-share-links
  #social-icons
  li
  a.icon-twitter:before {
  color: #28a6d6;
}
#disaster-relief-details
  #relief-details-section
  #relief-details-container
  #effort-share-links
  #social-icons
  li
  a.icon-googleplus:before {
  color: #d14a3a;
}
#disaster-relief-details
  #relief-details-section
  #relief-details-container
  #effort-share-links
  #social-icons
  li
  a.icon-email:before {
  font-size: 18px;
  color: #ef5e39;
}
#disaster-relief-details
  #relief-details-section
  #relief-details-container
  #effort-share-links
  #social-icons
  li
  a.icon-youtube:before {
  color: #df3f3b;
}
#disaster-relief-details #relief-update-section {
  max-width: 1024px;
  margin: 50px auto 0;
  display: flex;
}
@media (max-width: 1023px) {
  #disaster-relief-details #relief-update-section {
    padding: 8px;
    margin: 50px 15px 0 15px;
    flex-direction: column;
  }
}
#disaster-relief-details #relief-update-section #update-date {
  text-transform: uppercase;
  white-space: nowrap;
}
#disaster-relief-details #relief-update-section #update-description-container {
  width: 100%;
  margin: 0 0 0 50px;
}
@media (max-width: 1023px) {
  #disaster-relief-details
    #relief-update-section
    #update-description-container {
    margin: 0;
  }
}
#disaster-relief-details
  #relief-update-section
  #update-description-container
  p {
  font-size: 18px;
}
#disaster-relief-details
  #relief-update-section
  #update-description-container
  a {
  color: #47a4c6;
}
#disaster-relief-details #relief-help-section {
  max-width: 1024px;
  margin: 0 auto;
  margin-top: 50px;
}
#disaster-relief-details #relief-help-section > h2 {
  margin-bottom: 12px;
}
@media (max-width: 1023px) {
  #disaster-relief-details #relief-help-section {
    margin: 50px 15px 0 15px;
  }
}
#disaster-relief-details #relief-help-section #help-donate {
  background: #ef5e39;
  color: #fff;
  margin-top: 31px;
  position: relative;
}
#disaster-relief-details #relief-help-section #help-donate h2 {
  margin: 0;
  color: unset;
}
#disaster-relief-details
  #relief-help-section
  #help-donate
  #donate-text-container {
  padding: 27px 15px 30px 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}
#disaster-relief-details
  #relief-help-section
  #help-donate
  #donate-text-container
  > p {
  font-size: 14px;
  border-right: 1px #fff solid;
  padding: 11px 30px 11px 0;
}
#disaster-relief-details
  #relief-help-section
  #help-donate
  #donate-text-container
  > a {
  padding: 8px 30px;
  font-size: 14px;
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
#disaster-relief-details
  #relief-help-section
  #help-donate
  #donate-text-container
  > a:after {
  padding-left: 5px;
  font-family: icons;
  content: "\e606";
  font-size: 12px;
}
#disaster-relief-details #relief-help-section #help-donate #help-donate-drawer {
  position: absolute;
  bottom: 0;
  transform: translateY(100%);
  border: 2px solid #ef5e39;
  color: #444;
  background: #fff;
  width: 100%;
  z-index: 1;
}
#disaster-relief-details
  #relief-help-section
  #help-donate
  #help-donate-drawer
  > * {
  margin: 0 auto;
  max-width: 480px;
}
#disaster-relief-details
  #relief-help-section
  #help-donate
  #help-donate-drawer
  #donate-drawer-close {
  position: relative;
  display: block;
  max-width: 100%;
  width: 100%;
  margin: 0;
  padding: 40px 0 0;
  content: "";
}
#disaster-relief-details
  #relief-help-section
  #help-donate
  #help-donate-drawer
  #donate-drawer-close:after {
  position: absolute;
  top: 10px;
  right: 10px;
  font-weight: bold;
  color: #47a4c6;
  font-family: icons;
  content: "\e60d";
  font-size: 12px;
}
#disaster-relief-details
  #relief-help-section
  #help-donate
  #help-donate-drawer
  > p {
  padding: 0 15px;
  margin-bottom: 10px;
  font-size: 14px;
}
#disaster-relief-details
  #relief-help-section
  #help-donate
  #help-donate-drawer
  ul {
  padding: 0 15px 25px 15px;
}
#disaster-relief-details
  #relief-help-section
  #help-donate
  #help-donate-drawer
  ul
  li
  > * {
  font-size: 16px;
}
#disaster-relief-details
  #relief-help-section
  #help-donate
  #help-donate-drawer
  ul
  li
  h3 {
  font-family: "Helvetica-Bold", "Helvetica", "Arial", sans-serif;
  font-weight: bold;
  color: #444;
}
#disaster-relief-details
  #relief-help-section
  #help-donate
  #help-donate-drawer
  ul
  li
  a {
  display: block;
  color: #47a4c6;
  margin: 10px 0 20px 0;
}
#disaster-relief-details
  #relief-help-section
  #help-donate
  #help-donate-drawer
  ul
  li
  p {
  color: #4a4a4a;
}
#disaster-relief-details #relief-projects-section {
  margin: 0 15px;
  padding: 0 5px;
}
#disaster-relief-details #relief-projects-section #help-projects-container {
  max-width: 1024px;
  margin: 0 auto;
  margin-top: 50px;
}
#disaster-relief-details
  #relief-projects-section
  #help-projects-container
  #help-projects-header {
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#disaster-relief-details
  #relief-projects-section
  #help-projects-container
  #help-projects-header
  #projects-edit-container
  > p {
  font-size: 18px;
}
#disaster-relief-details
  #relief-projects-section
  #help-projects-container
  #help-projects-header
  #project-filter-container {
  position: relative;
}
#disaster-relief-details
  #relief-projects-section
  #help-projects-container
  #help-projects-header
  #project-filter-container
  > *:not(span) {
  height: 30px;
}
@media (max-width: 1023px) {
  #disaster-relief-details
    #relief-projects-section
    #help-projects-container
    #help-projects-header
    #project-filter-container {
    display: none;
  }
}
#disaster-relief-details
  #relief-projects-section
  #help-projects-container
  #help-projects-header
  #project-filter-container
  .select-blue-arrow {
  background-position: 92% 50%;
  background-size: 13px 13px;
}
#disaster-relief-details
  #relief-projects-section
  #help-projects-container
  #help-projects-header
  #project-filter-container
  select {
  background: rgba(255, 255, 255, 0);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}
#disaster-relief-details
  #relief-projects-section
  #help-projects-container
  #help-projects-header
  #project-filter-container
  span.icon-triangle-down-small {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px;
  margin: 8px;
  z-index: -1;
}
#disaster-relief-details
  #relief-projects-section
  #help-projects-container
  #help-projects-header
  #project-search-container {
  margin-left: 24px;
  display: -ms-flexbox;
  display: flex;
}
#disaster-relief-details
  #relief-projects-section
  #help-projects-container
  #help-projects-header
  #project-search-container
  > * {
  height: 30px;
}
#disaster-relief-details
  #relief-projects-section
  #help-projects-container
  #help-projects-header
  #project-search-container
  input {
  width: auto;
}
#disaster-relief-details
  #relief-projects-section
  #help-projects-container
  #help-projects-header
  #project-search-container
  input[type="text"] {
  border: 1px #bbbdc0 solid;
}
#disaster-relief-details
  #relief-projects-section
  #help-projects-container
  #help-projects-header
  #project-search-container
  input[type="submit"] {
  padding: 4px 15px;
}
#disaster-relief-details #relief-help-section #project-card-list {
  margin-top: 14px;
}
#disaster-relief-details #relief-help-section #show-all-projects-button {
  height: 30px;
  width: auto;
  padding: 2px 40px;
  margin: 40px auto 0;
  display: block;
}
#reject-url-modal input {
  width: 60%;
  border-style: solid;
  border-width: 1px;
  border-color: #808083;
  margin: 40px 0;
}
#reject-url-modal #reject-url-modal-cancel {
  background-color: #989b9f;
}
#disaster-relief-editor {
  max-width: none;
}
#disaster-relief-editor h1 {
  font-family: "Oswald", sans-serif;
  font-size: 22px;
  font-weight: bold;
}
#disaster-relief-editor h2 {
  font-size: 22px;
  font-family: "Oswald", sans-serif;
  color: #47a4c6;
  margin-bottom: 6px;
}
#disaster-relief-editor h3 {
  font-size: 18px;
  font-family: "Oswald", sans-serif;
  color: #47a4c6;
  margin-bottom: 6px;
}
#disaster-relief-editor .label-container {
  display: block;
  font-size: 14px;
  margin-bottom: 6px;
}
#disaster-relief-editor .label-required {
  position: relative;
}
#disaster-relief-editor .label-required:after {
  content: "*";
  position: absolute;
  right: 0;
}
#disaster-relief-editor .add-button {
  border-radius: 8px;
  font-size: 14px;
  font-family: "Oswald", sans-serif;
  padding: 4px 12px 5px;
  text-transform: lowercase;
  line-height: 14px;
  height: 25.5px;
  margin: 3px 0;
}
#disaster-relief-editor .add-button:before {
  font-family: icons;
  content: "\e617";
  margin-right: 5px;
  font-size: 12px;
}
@media (max-width: 450px) {
  #disaster-relief-editor .add-button:before {
    display: none;
  }
}
#disaster-relief-editor .loader-button-white-gray {
  display: -ms-inline-flexbox;
  display: inline-flex;
}
#disaster-relief-editor #edit-dimmer {
  position: fixed;
  z-index: 8;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: #fff;
  opacity: 0.9;
}
#disaster-relief-editor .edit-focus {
  z-index: 9;
  position: relative;
}
#disaster-relief-editor .buttons-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: end;
  align-content: flex-end;
}
#disaster-relief-editor .buttons-container button,
#disaster-relief-editor .buttons-container input {
  width: auto;
  height: 30px;
  padding: 6px 35px;
}
#disaster-relief-editor .buttons-container .cancel-button {
  background: #989b9f;
  margin-right: 13px;
  padding: 6px 50px;
}
#disaster-relief-editor header {
  background: #47a4c6;
  color: #fff;
  text-align: center;
  position: relative;
  padding: 31px 15px 27px 15px;
}
#disaster-relief-editor header h1 {
  max-width: 1024px;
  margin: 16px auto;
}
#disaster-relief-editor header #edit-button {
  padding: 1px 16px;
  background: #ef5e39;
  height: 32px;
  font-size: 14px;
  width: auto;
  text-transform: lowercase;
  z-index: 1;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
}
#disaster-relief-editor header #edit-button:before {
  font-family: icons;
  content: "\e617";
  margin-right: 5px;
  font-size: 12px;
}
#disaster-relief-editor header #title-edit-container {
  text-align: left;
  max-width: 584px;
  margin: 0 auto;
}
#disaster-relief-editor header #title-edit-container input {
  border: 1px #989b9f solid;
}
#relief-details-section #relief-details-description a {
  color: #47a4c6;
}
#disaster-relief-editor #relief-details-section {
  background: #e5e3e3;
  padding: 30px 15px 27px 15px;
}
#disaster-relief-editor #relief-details-section > * {
  margin: 0 114px;
}
#disaster-relief-editor #relief-details-section #relief-details-container {
  display: flex;
  justify-content: space-between;
}
#disaster-relief-editor
  #relief-details-section
  #relief-details-container
  > *:last-child {
  padding-left: 30px;
}
@media (max-width: 1023px) {
  #disaster-relief-editor #relief-details-section > * {
    margin: 0;
  }
  #disaster-relief-editor #relief-details-section #relief-details-container {
    flex-direction: column;
  }
  #disaster-relief-editor
    #relief-details-section
    #relief-details-container
    > *:last-child {
    padding-left: 0;
  }
}
#disaster-relief-editor
  #relief-details-section
  #relief-details-container
  #contact-container {
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px;
}
#disaster-relief-editor
  #relief-details-section
  #relief-details-container
  #contact-container
  p {
  white-space: nowrap;
}
#disaster-relief-editor
  #relief-details-section
  #relief-details-container
  #contact-container
  p:not(:first-of-type) {
  border-left: 1px solid #000;
  padding-left: 5px;
}
#disaster-relief-editor
  #relief-details-section
  #relief-details-container
  #contact-container
  p:not(:last-of-type) {
  padding-right: 5px;
}
@media (max-width: 1023px) {
  #disaster-relief-editor
    #relief-details-section
    #relief-details-container
    #contact-container {
    flex-direction: column;
  }
  #disaster-relief-editor
    #relief-details-section
    #relief-details-container
    #contact-container
    p:not(:first-of-type) {
    border-left: unset;
    padding-left: unset;
    margin-left: unset;
  }
}
#disaster-relief-editor
  #relief-details-section
  #relief-details-container
  #effort-share-links {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px;
}
#disaster-relief-editor
  #relief-details-section
  #relief-details-container
  #effort-share-links
  > p {
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #808083;
  text-transform: uppercase;
  margin-right: 20px;
}
#disaster-relief-editor
  #relief-details-section
  #relief-details-container
  #effort-share-links
  #social-icons {
  font-size: 24px;
  width: 100%;
  max-width: 190px;
  margin-left: 10px;
}
@media (max-width: 450px) {
  #disaster-relief-editor
    #relief-details-section
    #relief-details-container
    #effort-share-links
    #social-icons {
    margin: 0;
  }
}
#disaster-relief-editor
  #relief-details-section
  #relief-details-container
  #effort-share-links
  #social-icons
  li {
  display: inline-block;
  vertical-align: middle;
}
#disaster-relief-editor
  #relief-details-section
  #relief-details-container
  #effort-share-links
  #social-icons
  li:not(:last-of-type) {
  margin-right: 8px;
}
#disaster-relief-editor
  #relief-details-section
  #relief-details-container
  #effort-share-links
  #social-icons
  li
  a {
  vertical-align: middle;
  display: inline-block;
  line-height: 0.5em;
}
#disaster-relief-editor
  #relief-details-section
  #relief-details-container
  #effort-share-links
  #social-icons
  li
  a.icon-facebook:before {
  color: #3b5893;
}
#disaster-relief-editor
  #relief-details-section
  #relief-details-container
  #effort-share-links
  #social-icons
  li
  a.icon-twitter:before {
  color: #28a6d6;
}
#disaster-relief-editor
  #relief-details-section
  #relief-details-container
  #effort-share-links
  #social-icons
  li
  a.icon-googleplus:before {
  color: #d14a3a;
}
#disaster-relief-editor
  #relief-details-section
  #relief-details-container
  #effort-share-links
  #social-icons
  li
  a.icon-email:before {
  font-size: 18px;
  color: #ef5e39;
}
#disaster-relief-editor
  #relief-details-section
  #relief-details-container
  #effort-share-links
  #social-icons
  li
  a.icon-youtube:before {
  color: #df3f3b;
}
#disaster-relief-editor #relief-details-section #relief-details-edit-container {
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1023px) {
  #disaster-relief-editor
    #relief-details-section
    #relief-details-edit-container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
#disaster-relief-editor
  #relief-details-section
  #relief-details-edit-container
  > * {
  width: 100%;
}
#disaster-relief-editor
  #relief-details-section
  #relief-details-edit-container
  label {
  display: block;
}
#disaster-relief-editor
  #relief-details-section
  #relief-details-edit-container
  .textBox-counter {
  text-align: right;
}
#disaster-relief-editor
  #relief-details-section
  #relief-details-edit-container
  .textBox-counter.textBox-counter-max {
  color: #be1e2d;
}
#disaster-relief-editor
  #relief-details-section
  #relief-details-edit-container
  #details-edit-col-1 {
  margin-right: 50px;
}
@media (max-width: 1023px) {
  #disaster-relief-editor
    #relief-details-section
    #relief-details-edit-container
    #details-edit-col-1 {
    width: 100%;
    margin: 0;
  }
}
#disaster-relief-editor
  #relief-details-section
  #relief-details-edit-container
  #details-edit-col-1
  textarea {
  resize: none;
  height: 323px;
  border: 1px #989b9f solid;
}
#disaster-relief-editor
  #relief-details-section
  #relief-details-edit-container
  #details-edit-col-1
  > p {
  text-align: right;
}
@media (max-width: 1023px) {
  #disaster-relief-editor
    #relief-details-section
    #relief-details-edit-container
    #details-edit-col-2 {
    width: 100%;
    margin: 15px 0 0 0;
  }
}
#disaster-relief-editor
  #relief-details-section
  #relief-details-edit-container
  #details-edit-col-2
  > *:not(:first-child) {
  margin-top: 18px;
}
#disaster-relief-editor
  #relief-details-section
  #relief-details-edit-container
  #details-edit-col-2
  input {
  border: 1px #989b9f solid;
}
#disaster-relief-editor
  #relief-details-section
  #relief-details-edit-container
  #details-edit-col-2
  #location-container {
  display: -ms-flexbox;
  display: flex;
}
#disaster-relief-editor
  #relief-details-section
  #relief-details-edit-container
  #details-edit-col-2
  #location-container
  .location-cell {
  margin: 0 10px 0 0;
}
#disaster-relief-editor
  #relief-details-section
  #relief-details-edit-container
  #details-edit-col-2
  #location-container
  #effort-location-input {
  margin: 25px 0 0 0;
}
#disaster-relief-editor
  #relief-details-section
  #relief-details-edit-container
  #details-edit-col-2
  #location-container
  span {
  position: relative;
  width: 100%;
}
#disaster-relief-editor
  #relief-details-section
  #relief-details-edit-container
  #details-edit-col-2
  #location-container
  #verify-address-button {
  margin: 0 10px 0 0;
  height: 30px;
  white-space: nowrap;
  padding: 2px 14px;
  margin-top: 25px;
}
#disaster-relief-editor
  #relief-details-section
  #relief-details-edit-container
  #details-edit-col-2
  #location-container
  #location-address-verified-message {
  line-height: 32px;
  color: #74af43;
  font-family: "Oswald", sans-serif;
  margin-top: 23px;
}
#disaster-relief-editor
  #relief-details-section
  #relief-details-edit-container
  #details-edit-col-2
  #location-container
  #location-address-verified-message:before {
  margin-right: 5px;
}
#disaster-relief-editor
  #relief-details-section
  #relief-details-edit-container
  #details-edit-col-2
  .double-input {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#disaster-relief-editor
  #relief-details-section
  #relief-details-edit-container
  #details-edit-col-2
  .double-input
  > * {
  width: 100%;
}
#disaster-relief-editor
  #relief-details-section
  #relief-details-edit-container
  #details-edit-col-2
  .double-input
  > *:first-of-type {
  margin-right: 15px;
}
#disaster-relief-editor
  #relief-details-section
  #relief-details-edit-container
  #details-edit-col-2
  #phone-input-container {
  width: 50%;
}
#disaster-relief-editor
  #relief-details-section
  #relief-details-edit-container
  #details-edit-col-2
  #radius-select {
  height: 30px;
  width: 165px;
  font-size: 14px;
  padding: 2px 30px 2px 12px;
  background-position: 97% 50%;
}
#disaster-relief-editor
  #relief-details-section
  #relief-details-edit-container
  #edit-buttons-container {
  margin: 50px 0 30px;
}
#relief-details-edit-container .icon-delete-circle {
  color: rgb(177, 28, 36);
  margin-left: 10px;
  cursor: pointer;
  vertical-align: middle;
  font-size: larger;
}
#relief-details-edit-container .form-select {
  width: -webkit-fill-available;
}
#add-boundary header {
    width: 100%;
    margin-bottom: -20px;
}
#add-boundary header div {
    color: #47a4c6;
    font-size: x-large;
    font-family: "Oswald", sans-serif;
    font-weight: 500;
}
#add-boundary header button {
    color: #47a4c6;
    font-size: xxx-large;
    font-weight: 100;
    background: none;
    padding-right: 0;
}
#add-boundary #confirm-modal {
    padding: 5px 35px;
    margin-left: -7px;
}
#disaster-relief-editor #relief-update-section {
  max-width: 1024px;
  margin: 50px auto 0;
}
@media (max-width: 1023px) {
  #disaster-relief-editor #relief-update-section {
    padding: 8px;
    margin: 50px 15px 0 15px;
  }
}
#disaster-relief-editor #relief-update-section.edit-focus {
  padding-top: 28px;
  display: block;
  border: 1px solid #989b9f;
  padding: 28px 8px 8px;
}
@media (max-width: 1023px) {
  #disaster-relief-editor #relief-update-section.edit-focus {
    padding-top: 28px;
    display: block;
    border: 1px solid #989b9f;
  }
}
#disaster-relief-editor #relief-update-section > * {
  max-width: 1024px;
  margin: 0 auto;
}
#disaster-relief-editor #relief-update-section #relief-update-container {
  display: -ms-flexbox;
  display: flex;
}
#disaster-relief-editor
  #relief-update-section
  #relief-update-container
  #update-date {
  text-transform: uppercase;
  white-space: nowrap;
}
#disaster-relief-editor
  #relief-update-section
  #relief-update-container
  #update-description-container {
  position: relative;
  width: 100%;
  margin: 0 0 0 50px;
}
#disaster-relief-editor
  #relief-update-section
  #relief-update-container
  #update-description-container
  p {
  font-size: 18px;
}
#disaster-relief-editor
  #relief-update-section
  #relief-update-container
  #update-description-container
  a {
  color: #47a4c6;
}
#disaster-relief-editor #relief-update-section #edit-update-container {
  width: 100%;
}
#disaster-relief-editor
  #relief-update-section
  #edit-update-container
  #edit-update-button {
  text-align: center;
}
#disaster-relief-editor #relief-update-section #edit-update-button {
  margin-top: 11px;
}
#disaster-relief-editor #relief-update-section textarea {
  resize: none;
  height: 79px;
  margin-top: 5px;
  border: 1px #989b9f solid;
}
#disaster-relief-editor #relief-update-section #update-buttons-container {
  justify-content: flex-end;
  margin: 14px auto 28px;
}
#disaster-relief-editor #relief-donate-section {
  margin: 50px 15px 0 15px;
}
@media (max-width: 1023px) {
  #disaster-relief-editor #relief-update-section #update-buttons-container {
    justify-content: space-between;
    margin: 14px auto 14px;
  }
  #disaster-relief-editor #relief-donate-section {
    margin: 50px 15px 0 15px;
  }
}
#disaster-relief-editor #relief-donate-section.edit-focus {
  padding: 20px 0 39px;
  display: block;
  border: 1px solid #989b9f;
}
#disaster-relief-editor #relief-donate-section #edit-donation-button {
  margin-top: 11px;
}
#disaster-relief-editor #relief-donate-section #help-donate-container {
  max-width: 1024px;
  margin: 0 auto;
}
@media (max-width: 1023px) {
  #disaster-relief-editor #relief-donate-section #help-donate-container {
    padding: 8px;
  }
}
#disaster-relief-editor #relief-donate-section #help-donate-container p {
  font-size: 16px;
}
#disaster-relief-editor
  #relief-donate-section
  #help-donate-container
  #help-donate-add {
  margin-top: 12px;
}
#disaster-relief-editor
  #relief-donate-section
  #help-donate-container
  #help-donate-add
  .select-gray-arrow {
  background-position: 92% 50%;
  background-size: 13px 13px;
}
#disaster-relief-editor
  #relief-donate-section
  #help-donate-container
  #help-donate-add
  #donation-edit-list
  li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
}
#disaster-relief-editor
  #relief-donate-section
  #help-donate-container
  #help-donate-add
  #donation-edit-list
  li
  textarea,
#disaster-relief-editor
  #relief-donate-section
  #help-donate-container
  #help-donate-add
  #donation-edit-list
  li
  input {
  border: 1px #989b9f solid;
}
#disaster-relief-editor
  #relief-donate-section
  #help-donate-container
  #help-donate-add
  #donation-edit-list
  li
  select {
  margin-top: 19px;
  height: 30px;
}
#disaster-relief-editor
  #relief-donate-section
  #help-donate-container
  #help-donate-add
  #donation-edit-list
  li:not(:first-of-type) {
  margin-top: 14px;
}
@media (max-width: 450px) {
  #disaster-relief-editor
    #relief-donate-section
    #help-donate-container
    #help-donate-add
    #donation-edit-list
    li:not(:first-of-type) {
    margin-top: 36px;
  }
}
#disaster-relief-editor
  #relief-donate-section
  #help-donate-container
  #help-donate-add
  #donation-edit-list
  li.edit-mode
  .form-select {
  margin-top: 19px;
}
#disaster-relief-editor
  #relief-donate-section
  #help-donate-container
  #help-donate-add
  #donation-edit-list
  li
  #donation-container {
  width: 100%;
  margin: 0 25px;
}
#disaster-relief-editor
  #relief-donate-section
  #help-donate-container
  #help-donate-add
  #donation-edit-list
  li
  #donation-container
  h2 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
#disaster-relief-editor
  #relief-donate-section
  #help-donate-container
  #help-donate-add
  #donation-edit-list
  li
  #donation-container
  p {
  font-size: 14px;
  margin-bottom: 10px;
}
#disaster-relief-editor
  #relief-donate-section
  #help-donate-container
  #help-donate-add
  #donation-edit-list
  li
  #donation-container
  a {
  color: #47a4c6;
}
#disaster-relief-editor
  #relief-donate-section
  #help-donate-container
  #help-donate-add
  #donation-edit-list
  li
  .edit-donation-form {
  margin: 0 23px;
  width: 560px;
}
#disaster-relief-editor
  #relief-donate-section
  #help-donate-container
  #help-donate-add
  #donation-edit-list
  li
  .edit-donation-form
  label {
  font-size: 14px;
  display: block;
}
#disaster-relief-editor
  #relief-donate-section
  #help-donate-container
  #help-donate-add
  #donation-edit-list
  li
  .edit-donation-form
  label:not(:first-of-type) {
  margin-top: 15px;
}
#disaster-relief-editor
  #relief-donate-section
  #help-donate-container
  #help-donate-add
  #donation-edit-list
  li
  .edit-donation-form
  textarea {
  resize: none;
}
#disaster-relief-editor
  #relief-donate-section
  #help-donate-container
  #help-donate-add
  #donation-edit-list
  li
  .edit-donation-form
  button {
  margin-top: 15px;
}
#disaster-relief-editor
  #relief-donate-section
  #help-donate-container
  #help-donate-add
  #donation-edit-list
  li
  input[type="button"] {
  width: auto;
  text-transform: lowercase;
  border-radius: 8px;
  padding: 4px 14px;
}
#disaster-relief-editor
  #relief-donate-section
  #help-donate-container
  #help-donate-add
  #donation-edit-list
  li
  #donation-edit-delete {
  margin-top: 25px;
  color: #ef5e39;
  font-size: 14px;
  font-family: "Oswald", sans-serif;
  position: relative;
}
@media (max-width: 450px) {
  #disaster-relief-editor
    #relief-donate-section
    #help-donate-container
    #help-donate-add
    #donation-edit-list
    li
    #donation-edit-delete {
    font-size: 0px;
    width: 18px;
  }
}
#disaster-relief-editor
  #relief-donate-section
  #help-donate-container
  #help-donate-add
  #donation-edit-list
  li
  #donation-edit-delete:after {
  content: "\e632";
  margin-left: 8px;
  font-family: icons;
  font-size: 18px;
  position: absolute;
  top: -2px;
}
@media (max-width: 450px) {
  #disaster-relief-editor
    #relief-donate-section
    #help-donate-container
    #help-donate-add
    #donation-edit-list
    li
    #donation-edit-delete:after {
    margin-left: 0;
    left: -10px;
  }
}
#disaster-relief-editor
  #relief-donate-section
  #help-donate-container
  #help-donate-add
  .add-button {
  margin: 20px 0;
}
#disaster-relief-editor
  #relief-donate-section
  #help-donate-container
  #help-donate-add
  #donate-add-button-container {
  justify-content: flex-end;
}
@media (max-width: 1023px) {
  #disaster-relief-editor
    #relief-donate-section
    #help-donate-container
    #help-donate-add
    #donate-add-button-container {
    justify-content: space-between;
  }
}
#disaster-relief-editor
  #relief-donate-section
  #help-donate-container
  #help-donate {
  background: #ef5e39;
  color: #fff;
  padding: 27px 15px 30px 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 31px;
  position: relative;
}
#disaster-relief-editor
  #relief-donate-section
  #help-donate-container
  #help-donate
  h2 {
  margin: 0;
  color: unset;
}
#disaster-relief-editor
  #relief-donate-section
  #help-donate-container
  #help-donate
  > p {
  font-size: 14px;
  border-right: 1px #fff solid;
  padding: 11px 30px 11px 0;
}
#disaster-relief-editor
  #relief-donate-section
  #help-donate-container
  #help-donate
  > a {
  padding: 8px 30px;
  font-size: 14px;
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
#disaster-relief-editor
  #relief-donate-section
  #help-donate-container
  #help-donate
  > a:after {
  padding-left: 5px;
  font-family: icons;
  content: "\e606";
  font-size: 12px;
}
#disaster-relief-editor
  #relief-donate-section
  #help-donate-container
  #help-donate
  #edit-donation-button {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  white-space: nowrap;
}
#disaster-relief-editor
  #relief-donate-section
  #help-donate-container
  #help-donate
  #help-donate-drawer {
  position: absolute;
  bottom: 0;
  transform: translateY(100%);
  border: 2px solid #ef5e39;
  color: #444;
  background: #fff;
  width: 100%;
  z-index: 1;
}
#disaster-relief-editor
  #relief-donate-section
  #help-donate-container
  #help-donate
  #help-donate-drawer
  > * {
  margin: 0 auto;
  max-width: 480px;
}
#disaster-relief-editor
  #relief-donate-section
  #help-donate-container
  #help-donate
  #help-donate-drawer
  #donate-drawer-close {
  position: relative;
  display: block;
  max-width: 100%;
  width: 100%;
  margin: 0;
  padding: 40px 0 0;
  content: "";
}
#disaster-relief-editor
  #relief-donate-section
  #help-donate-container
  #help-donate
  #help-donate-drawer
  #donate-drawer-close:after {
  position: absolute;
  top: 10px;
  right: 10px;
  font-weight: bold;
  color: #47a4c6;
  font-family: icons;
  content: "\e60d";
  font-size: 12px;
}
#disaster-relief-editor
  #relief-donate-section
  #help-donate-container
  #help-donate
  #help-donate-drawer
  > p {
  padding: 0 15px;
  margin-bottom: 10px;
}
#disaster-relief-editor
  #relief-donate-section
  #help-donate-container
  #help-donate
  #help-donate-drawer
  ul {
  padding: 0 15px 25px 15px;
}
#disaster-relief-editor
  #relief-donate-section
  #help-donate-container
  #help-donate
  #help-donate-drawer
  ul
  li
  > * {
  font-size: 16px;
}
#disaster-relief-editor
  #relief-donate-section
  #help-donate-container
  #help-donate
  #help-donate-drawer
  ul
  li
  h3 {
  font-family: "Helvetica-Bold", "Helvetica", "Arial", sans-serif;
  font-weight: bold;
  color: #444;
}
#disaster-relief-editor
  #relief-donate-section
  #help-donate-container
  #help-donate
  #help-donate-drawer
  ul
  li
  a {
  display: block;
  color: #47a4c6;
  margin: 10px 0 20px 0;
}
#disaster-relief-editor
  #relief-donate-section
  #help-donate-container
  #help-donate
  #help-donate-drawer
  ul
  li
  p {
  color: #4a4a4a;
}
#disaster-relief-editor #relief-projects-section {
  margin: 0 15px;
  padding: 0 5px;
}
#disaster-relief-editor #relief-projects-section #projects-edit-container > p {
  font-size: 18px;
}
#disaster-relief-editor #relief-projects-section #help-projects-container {
  max-width: 1024px;
  margin: 0 auto;
  margin-top: 50px;
}
#disaster-relief-editor #relief-projects-section #help-projects-container > p {
  margin-bottom: 11px;
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  .drawer-close {
  position: relative;
  display: block;
  max-width: 100%;
  width: 100%;
  margin: 0;
  padding: 40px 0 0;
  content: "";
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  .drawer-close:after {
  position: absolute;
  top: 10px;
  right: 10px;
  font-weight: bold;
  color: #47a4c6;
  font-family: icons;
  content: "\e60d";
  font-size: 12px;
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  #help-projects-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  #help-projects-header
  #edit-projects-button {
  margin-top: 2px;
}
@media (max-width: 1023px) {
  #disaster-relief-editor
    #relief-projects-section
    #help-projects-container
    #help-projects-header
    #edit-projects-button {
    margin: 0 0 15px 0;
  }
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  #help-projects-header
  #project-filters-container {
  display: -ms-flexbox;
  display: flex;
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  #help-projects-header
  #project-filters-container
  #project-filter-container {
  position: relative;
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  #help-projects-header
  #project-filters-container
  #project-filter-container
  > *:not(span) {
  height: 30px;
}
@media (max-width: 1023px) {
  #disaster-relief-editor
    #relief-projects-section
    #help-projects-container
    #help-projects-header
    #project-filters-container
    #project-filter-container {
    display: none;
  }
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  #help-projects-header
  #project-filters-container
  #project-filter-container
  .select-blue-arrow {
  background-position: 92% 50%;
  background-size: 13px 13px;
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  #help-projects-header
  #project-filters-container
  #project-filter-container
  select {
  background: rgba(255, 255, 255, 0);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  #help-projects-header
  #project-filters-container
  #project-filter-container
  span.icon-triangle-down-small {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px;
  margin: 8px;
  z-index: -1;
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  #help-projects-header
  #project-filters-container
  #project-search-container {
  margin-left: 24px;
  display: -ms-flexbox;
  display: flex;
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  #help-projects-header
  #project-filters-container
  #project-search-container
  > * {
  height: 30px;
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  #help-projects-header
  #project-filters-container
  #project-search-container
  input {
  width: auto;
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  #help-projects-header
  #project-filters-container
  #project-search-container
  input[type="text"] {
  border: 1px #bbbdc0 solid;
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  #help-projects-header
  #project-filters-container
  #project-search-container
  input[type="submit"] {
  padding: 4px 15px;
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  #projects-edit-container
  > p {
  font-size: 18px;
}
@media (max-width: 1023px) {
  #disaster-relief-editor
    #relief-projects-section
    #help-projects-container
    #projects-edit-container
    #projects-edit-options {
    flex-direction: column;
  }
  #disaster-relief-editor
    #relief-projects-section
    #help-projects-container
    #projects-edit-container
    #projects-edit-options
    #projects-smart-pull {
    margin: 0 0 30px 0;
  }
  #disaster-relief-editor
    #relief-projects-section
    #help-projects-container
    #projects-edit-container
    #projects-edit-options
    #projects-add
    #lookup-wrapper
    #project-list-wrapper
    #add-project-input {
    height: 28px;
  }
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  #projects-edit-container
  #projects-edit-options {
  display: flex;
  font-size: 14px;
  margin: 30px 0 0;
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  #projects-edit-container
  #projects-edit-options
  h3 {
  font-weight: bold;
  margin: 0 0 10px;
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  #projects-edit-container
  #projects-edit-options
  #projects-smart-pull {
  margin-right: 30px;
  width: 100%;
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  #projects-edit-container
  #projects-edit-options
  #projects-smart-pull
  p {
  margin: 0 0 10px;
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  #projects-edit-container
  #projects-edit-options
  #projects-add {
  width: 100%;
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  #projects-edit-container
  #projects-edit-options
  #projects-add
  #lookup-wrapper {
  border: 1px solid #989b9f;
  padding: 17px 12px 38px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  #projects-edit-container
  #projects-edit-options
  #projects-add
  #lookup-wrapper
  > *:not(:last-child) {
  margin-right: 5px;
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  #projects-edit-container
  #projects-edit-options
  #projects-add
  #lookup-wrapper
  button {
  white-space: nowrap;
  padding: 5px 10px;
  height: 28px;
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  #projects-edit-container
  #projects-edit-options
  #projects-add
  #lookup-wrapper
  #project-list-wrapper {
  width: 100%;
  position: relative;
  z-index: 1;
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  #projects-edit-container
  #projects-edit-options
  #projects-add
  #lookup-wrapper
  #project-list-wrapper
  label {
  margin: 0;
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  #projects-edit-container
  #projects-edit-options
  #projects-add
  #lookup-wrapper
  #project-list-wrapper
  #add-project-input {
  width: 100%;
  border: 1px solid #bbbdc0;
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  #projects-edit-container
  #projects-edit-options
  #projects-add
  #lookup-wrapper
  #project-list-wrapper
  ul {
  height: 200px;
  overflow: auto;
  position: absolute;
  background: #fff;
  width: 100%;
  border: 1px solid #bbbdc0;
  z-index: 1;
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  #projects-edit-container
  #projects-edit-options
  #projects-add
  #lookup-wrapper
  #project-list-wrapper
  ul
  li {
  padding: 4px;
  font-size: 14px;
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  #projects-edit-container
  #projects-edit-options
  #projects-add
  #lookup-wrapper
  #project-list-wrapper
  ul
  li:first-of-type {
  font-size: 14px;
  padding-top: 0px;
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  #projects-edit-container
  #projects-edit-options
  #projects-add
  #lookup-wrapper
  #project-list-wrapper
  ul
  li:not(:first-of-type):hover {
  background-color: #47a4c6;
  color: #fff;
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  #projects-edit-container
  #projects-edit-options
  #projects-add
  #lookup-wrapper
  #project-list-wrapper
  ul
  li
  a {
  display: -ms-flexbox;
  display: flex;
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  #projects-edit-container
  #projects-edit-options
  #projects-add
  #lookup-wrapper
  #project-list-wrapper
  ul
  li
  a
  .name-container {
  min-width: 175px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  #projects-edit-container
  #projects-edit-options
  #projects-add
  #lookup-wrapper
  #lookup-cancel {
  background-color: #989b9f;
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  #projects-edit-smart-pull
  > * {
  max-width: 464px;
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  #projects-edit-smart-pull
  a {
  max-width: 100%;
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  #projects-edit-smart-pull
  h3 {
  font-size: 16px;
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  #projects-edit-smart-pull
  textarea,
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  #projects-edit-smart-pull
  input {
  border: 1px #989b9f solid;
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  #projects-edit-smart-pull
  textarea {
  resize: none;
  height: 134px;
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  #projects-edit-smart-pull
  label {
  display: block;
  margin: 20px 0 8px;
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  #projects-edit-smart-pull
  .blue-checkmark-box
  [type="checkbox"]:checked
  + label:after {
  top: 4px;
  left: 2px;
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  #projects-edit-smart-pull
  .double-input {
  display: -ms-flexbox;
  display: flex;
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  #projects-edit-smart-pull
  .double-input
  > * {
  width: 100%;
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  #projects-edit-smart-pull
  .double-input
  label:first-of-type {
  margin-right: 10px;
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  #projects-edit-smart-pull
  #excluded-project-list
  li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  #projects-edit-smart-pull
  #excluded-project-list
  li
  a {
  color: #47a4c6;
  text-transform: lowercase;
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  #projects-edit-smart-pull
  #excluded-project-list
  li.project-included {
  color: #989b9f;
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  #projects-edit-smart-pull
  #smart-pull-button-container {
  margin: 100px 0 0;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  #project-card-list {
  margin-top: 14px;
}
#disaster-relief-editor
  #relief-projects-section
  #help-projects-container
  #show-all-projects-button {
  height: 30px;
  width: auto;
  padding: 2px 40px;
  margin: 40px auto 0;
  display: block;
}
#disaster-relief-editor
  #effort-boundaries {
  margin: 28px 0px 0px 0px !important;
  width: fit-content;
  padding-right: 7px;
}
#disaster-relief-efforts {
  margin-top: 68px;
}
#disaster-relief-efforts h1 {
  color: #47a4c6;
  font-size: 32px;
  font-family: "Oswald", sans-serif;
  margin: 0 0 16px 0;
}
@media (max-width: 1023px) {
  #disaster-relief-efforts h1 {
    margin: 0 15px 16px 15px;
  }
}
#disaster-relief-efforts h2 {
  text-transform: uppercase;
  font-size: 20px;
  font-family: "Oswald", sans-serif;
  font-weight: bold;
  color: #fff;
}
#disaster-relief-efforts h3 {
  margin-top: 5px;
  font-size: 15px;
  font-family: "Oswald", sans-serif;
  font-weight: lighter;
  color: #fff;
}
#disaster-relief-efforts p {
  font-size: 14px;
}
@media (max-width: 1023px) {
  #disaster-relief-efforts p {
    margin: 0 15px;
  }
}
#disaster-relief-efforts p a {
  color: #47a4c6;
}
#disaster-relief-efforts #efforts-list {
  margin-top: 43px;
  width: 90%;
}
#disaster-relief-efforts #efforts-list .effort-item {
  display: flex;
  flex-wrap: wrap;
}
#disaster-relief-efforts #efforts-list .effort-item .effort-title-container {
  position: relative;
  background: #47a4c6;
  padding: 38px 38px 59px 29px;
  width: 267px;
}
#disaster-relief-efforts #efforts-list .effort-item .effort-title-container h2 {
  font-weight: bold;
  font-family: "Oswald";
}
#disaster-relief-efforts #efforts-list .effort-item .effort-title-container h3 {
  font-weight: lighter;
  font-family: "Oswald";
}
#disaster-relief-efforts
  #efforts-list
  .effort-item
  .effort-title-container
  .effort-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#disaster-relief-efforts #efforts-list .effort-item .effort-description {
  margin-left: 31px;
  width: calc(100% - 352px);
  white-space: pre-line;
}
@media (max-width: 1023px) {
  #disaster-relief-efforts #efforts-list {
    width: unset;
  }
  #disaster-relief-efforts #efforts-list .effort-item .effort-title-container {
    margin: 15px;
    background: #47a4c6;
    width: 100%;
  }
  #disaster-relief-efforts #efforts-list .effort-item .effort-description {
    margin: 0 15px;
    width: 100%;
  }
}
#disaster-relief-efforts #efforts-list li:not(:last-of-type) {
  margin: 0 0 40px;
}
#manage-volunteers {
  font-family: Helvetica, arial;
}
@media (max-width: 1023px) {
  #manage-volunteers {
    margin: 0 15px;
  }
}
#manage-volunteers #manage-volunteers-header > .back-to-dashboard {
  width: 100%;
  font-family: "Oswald", sans-serif;
}
#manage-volunteers #manage-volunteers-header > h1 {
  color: #47a4c6;
  font-size: 22px;
  font-family: "Oswald", sans-serif;
  margin: 0 0 16px 0;
}
#manage-volunteers #manage-volunteers-header > p {
  font-weight: lighter;
  margin-bottom: 30px;
}
#manage-volunteers #manage-volunteers-project h2,
#manage-volunteers #manage-volunteers-add-volunteer-drawer h2,
#manage-volunteers #manage-volunteers-assign-project-modal h2 {
  color: #47a4c6;
  font-size: 16px;
  font-family: "Oswald", sans-serif;
  margin: 0 0 10px 0;
}
#manage-volunteers #manage-volunteers-projects {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-direction: row;
  flex-direction: row;
}
@media (min-width: 1024px) {
  #manage-volunteers #manage-volunteers-projects > * {
    width: 33%;
  }
}
@media (max-width: 1023px) {
  #manage-volunteers #manage-volunteers-projects {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#manage-volunteers #manage-volunteers-add-volunteer-drawer,
#manage-volunteers #manage-volunteers-search-options,
#manage-volunteers #manage-volunteers-projects,
#manage-volunteers #manage-volunteers-assign-project-modal {
  position: relative;
  margin-bottom: 30px;
}
@media (max-width: 1023px) {
  #manage-volunteers #manage-volunteers-add-volunteer-drawer,
  #manage-volunteers #manage-volunteers-search-options,
  #manage-volunteers #manage-volunteers-projects,
  #manage-volunteers #manage-volunteers-assign-project-modal {
    margin-bottom: 15px;
  }
}
#manage-volunteers .input-wrapper > select {
  background-color: #fff;
  border: 1px solid #bbbdc0;
  background-color: rgba(255, 255, 255, 0);
}
#manage-volunteers .input-wrapper > select.empty {
  color: #bbbdc0;
}
@media (min-width: 1024px) {
  #manage-volunteers .input-wrapper > select {
    display: none;
  }
}
#manage-volunteers .input-wrapper {
  display: inline-block;
  position: relative;
  vertical-align: top;
}
#manage-volunteers .input-wrapper.full {
  width: 100%;
}
@media (max-width: 1023px) {
  #manage-volunteers .input-wrapper {
    width: 100%;
  }
}
#manage-volunteers .input-wrapper.required > p:after {
  content: "*";
}
#manage-volunteers .input-wrapper > .wrapper-dropdown.disabled {
  cursor: unset;
  color: #808083;
}
#manage-volunteers .input-wrapper > .wrapper-dropdown.disabled .dropdown {
  pointer-events: none;
}
#manage-volunteers .input-wrapper > span {
  color: unset;
  font-size: 14px;
  font-weight: lighter;
  margin-bottom: 5px;
}
#manage-volunteers .input-wrapper > span a {
  color: #47a4c6;
}
#manage-volunteers .input-wrapper > p {
  color: unset;
  font-size: 14px;
  font-weight: lighter;
  margin-bottom: 5px;
  width: 100%;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#manage-volunteers .input-wrapper > .blue-checkmark-box {
  display: inline-block;
}
#manage-volunteers .input-wrapper > * {
  cursor: pointer;
}
#manage-volunteers .input-wrapper > a {
  color: #bbbdc0;
  position: absolute;
  top: 38px;
  right: 8px;
}
@media (max-width: 1023px) {
  #manage-volunteers .input-wrapper > a {
    top: 38px;
  }
}
#manage-volunteers .input-wrapper > div.wrapper-date {
  width: 100%;
  padding: 0;
  border: 1px solid #bbbdc0;
}
#manage-volunteers .input-wrapper > div.wrapper-date > input {
  padding: 12px 30px 12px 10px;
  cursor: pointer;
}
#manage-volunteers .input-wrapper > div.wrapper-dropdown {
  width: 100%;
  background-color: #fff;
}
#manage-volunteers .input-wrapper > div.wrapper-dropdown > p {
  text-overflow: clip;
  white-space: nowrap;
  overflow: hidden;
}
#manage-volunteers .input-wrapper > div.wrapper-dropdown > p.placeholder {
  color: #bbbdc0;
}
#manage-volunteers .input-wrapper > div.wrapper-dropdown li {
  border-style: none none solid none;
  color: unset;
}
#manage-volunteers .input-wrapper > div.wrapper-dropdown li:hover p {
  color: white;
}
#manage-volunteers
  .input-wrapper
  > div.wrapper-dropdown
  li:not(:hover)
  p.highlighted {
  color: #ef5e39;
}
#manage-volunteers .input-wrapper > div.wrapper-dropdown .dropdown {
  position: absolute;
  opacity: 100;
  pointer-events: all;
  font-weight: lighter;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid #bbbdc0;
  border-radius: 0 0 5px 5px;
  width: 100%;
}
@media (max-width: 1023px) {
  #manage-volunteers .input-wrapper > div.wrapper-dropdown {
    display: none;
  }
}
#manage-volunteers .input-wrapper > select,
#manage-volunteers .input-wrapper > div {
  padding: 10px 30px 10px 10px;
}
#manage-volunteers #manage-volunteers-project {
  border: 1px solid #bbbdc0;
  padding: 20px 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
}
@media (max-width: 1023px) {
  #manage-volunteers #manage-volunteers-project {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media (min-width: 1024px) {
  #manage-volunteers #manage-volunteers-project .left {
    padding-right: 30px;
  }
}
@media (max-width: 1023px) {
  #manage-volunteers #manage-volunteers-project .left {
    padding-bottom: 15px;
  }
}
@media (min-width: 1024px) {
  #manage-volunteers #manage-volunteers-project .right {
    padding-left: 15px;
  }
}
#manage-volunteers
  #manage-volunteers-project
  .right
  #manage-volunteers-graph-wrapper {
  margin-top: 30px;
}
#manage-volunteers
  #manage-volunteers-project
  .right
  #manage-volunteers-graph-wrapper
  #manage-volunteers-graph {
  height: 100%;
}
#manage-volunteers
  #manage-volunteers-project
  .right
  #manage-volunteers-graph-wrapper
  #manage-volunteers-graph
  #manage-volunteers-graph-location
  p {
  color: #bbbdc0;
  font-size: 14px;
}
#manage-volunteers
  #manage-volunteers-project
  .right
  #manage-volunteers-graph-wrapper
  #manage-volunteers-graph
  #manage-volunteers-graph-label-top,
#manage-volunteers
  #manage-volunteers-project
  .right
  #manage-volunteers-graph-wrapper
  #manage-volunteers-graph
  #manage-volunteers-graph-label-bottom {
  color: #808083;
  font-size: 14px;
}
#manage-volunteers
  #manage-volunteers-project
  .right
  #manage-volunteers-graph-wrapper
  #manage-volunteers-graph
  #manage-volunteers-graph-total {
  height: 20px;
  width: 100%;
  margin: 5px 0;
  border: solid 1px #808083;
}
#manage-volunteers
  #manage-volunteers-project
  .right
  #manage-volunteers-graph-wrapper
  #manage-volunteers-graph
  #manage-volunteers-graph-total
  #manage-volunteers-graph-accepted,
#manage-volunteers
  #manage-volunteers-project
  .right
  #manage-volunteers-graph-wrapper
  #manage-volunteers-graph
  #manage-volunteers-graph-total
  #manage-volunteers-graph-pending {
  height: 100%;
  float: left;
}
#manage-volunteers
  #manage-volunteers-project
  .right
  #manage-volunteers-graph-wrapper
  #manage-volunteers-graph
  #manage-volunteers-graph-total
  #manage-volunteers-graph-accepted {
  background-color: #47a4c6;
}
#manage-volunteers
  #manage-volunteers-project
  .right
  #manage-volunteers-graph-wrapper
  #manage-volunteers-graph
  #manage-volunteers-graph-total
  #manage-volunteers-graph-pending {
  background-color: #47a4c6;
  opacity: 0.4;
}
#manage-volunteers #manage-volunteers-search-label {
  margin: 40px 0 20px 0;
}
#manage-volunteers #manage-volunteers-table-area .add-new {
  padding: 5px;
  border-radius: 8px;
  background: #bbbdc0;
  margin: 0 0 0 15px;
}
#manage-volunteers #manage-volunteers-table-area .add-new span {
  display: none;
  animation: fadeIn 0.4s;
  font-family: "Oswald", sans-serif;
}
#manage-volunteers #manage-volunteers-table-area .add-new:not([disabled]) {
  color: #fff;
  background-color: #47a4c6;
}
#manage-volunteers #manage-volunteers-table-area .add-new:before {
  content: "\e617";
  font-size: 14px;
  font-family: "icons";
  padding: 0;
}
#manage-volunteers #manage-volunteers-table-area .add-new:hover {
  background: #74af43;
}
#manage-volunteers #manage-volunteers-table-area .add-new:hover span {
  display: inline;
}
@media (max-width: 1023px) {
  #manage-volunteers #manage-volunteers-table-area .add-new {
    margin-left: 0;
    margin-right: 15px;
  }
}
#manage-volunteers #manage-volunteers-table-area #manage-volunteers-table-info {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  #manage-volunteers
    #manage-volunteers-table-area
    #manage-volunteers-table-info {
    flex-direction: column;
  }
}
#manage-volunteers
  #manage-volunteers-table-area
  #manage-volunteers-table-info
  h2 {
  color: #47a4c6;
  font-size: 16px;
  line-height: 30px;
  font-family: "Oswald", sans-serif;
}
#manage-volunteers
  #manage-volunteers-table-area
  #manage-volunteers-table-info
  #manage-volunteers-filter-actions {
  margin: 0 8px;
}
#manage-volunteers
  #manage-volunteers-table-area
  #manage-volunteers-table-info
  #manage-volunteers-filter-actions
  button {
  padding: 5px 20px;
}
@media (max-width: 1023px) {
  #manage-volunteers
    #manage-volunteers-table-area
    #manage-volunteers-table-info
    #manage-volunteers-filter-actions {
    margin: 0;
  }
  #manage-volunteers
    #manage-volunteers-table-area
    #manage-volunteers-table-info
    #manage-volunteers-filter-actions
    button {
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    padding: 5px 10px;
  }
}
#manage-volunteers #manage-volunteers-table-area #manage-volunteers-filter {
  text-align: right;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
#manage-volunteers #manage-volunteers-table-area #manage-volunteers-filter div {
  max-width: 200px;
  margin-bottom: 15px;
}
@media (max-width: 1023px) {
  #manage-volunteers #manage-volunteers-table-area #manage-volunteers-filter {
    text-align: center;
    justify-content: space-between;
    margin: 15px 0;
  }
  #manage-volunteers
    #manage-volunteers-table-area
    #manage-volunteers-filter
    div {
    max-width: unset;
    margin: 0;
  }
}
#manage-volunteers
  #manage-volunteers-table-area
  #manage-volunteers-filter
  div
  input#manage-volunteers-filter-input {
  border: solid 1px #808083;
}
@media (max-width: 1023px) {
  #manage-volunteers
    #manage-volunteers-table-area
    #manage-volunteers-filter
    div
    input#manage-volunteers-filter-input {
    height: 29px;
  }
}
#manage-volunteers
  #manage-volunteers-table-area
  #manage-volunteers-filter
  div
  a#manage-volunteers-filter-clear {
  color: #47a4c6;
  font-size: 14px;
  font-weight: lighter;
}
#manage-volunteers
  #manage-volunteers-table-area
  #manage-volunteers-filter
  div
  button#manage-volunteers-filter-button {
  margin-left: 5px;
  height: 30px;
  line-height: 20px;
  padding: 5px 20px;
}
#manage-volunteers #manage-volunteers-table-area #manage-volunteers-table {
  color: #64686c;
}
#manage-volunteers
  #manage-volunteers-table-area
  #manage-volunteers-table
  thead
  tr {
  margin-bottom: 15px;
}
#manage-volunteers
  #manage-volunteers-table-area
  #manage-volunteers-table
  thead
  tr
  th {
  font-weight: normal;
  font-size: 14px;
  border-bottom: 1px solid #64686c;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#manage-volunteers
  #manage-volunteers-table-area
  #manage-volunteers-table
  thead
  tr
  th:not(.miles):not(:last-child) {
  text-align: left;
}
@media (max-width: 1023px) {
  #manage-volunteers
    #manage-volunteers-table-area
    #manage-volunteers-table
    thead
    tr
    th:not(.name) {
    text-align: center;
  }
}
#manage-volunteers
  #manage-volunteers-table-area
  #manage-volunteers-table
  thead
  tr
  th:nth-child(1) {
  margin-left: 15px;
}
#manage-volunteers
  #manage-volunteers-table-area
  #manage-volunteers-table
  thead
  tr
  th
  > a:after {
  font-family: "icons";
  font-size: 14px;
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
  font-size: 0.6em !important;
}
#manage-volunteers
  #manage-volunteers-table-area
  #manage-volunteers-table
  thead
  tr
  th
  > a.asc:after {
  content: "\e622";
}
#manage-volunteers
  #manage-volunteers-table-area
  #manage-volunteers-table
  thead
  tr
  th
  > a.desc:after {
  content: "\e620";
}
#manage-volunteers
  #manage-volunteers-table-area
  #manage-volunteers-table
  tbody
  tr {
  font-size: 14px;
}
#manage-volunteers
  #manage-volunteers-table-area
  #manage-volunteers-table
  tbody
  tr
  td {
  padding-top: 10px;
}
#manage-volunteers
  #manage-volunteers-table-area
  #manage-volunteers-table
  tbody
  tr
  .list {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  width: 150px;
}
#manage-volunteers
  #manage-volunteers-table-area
  #manage-volunteers-table
  tbody
  tr
  .underline {
  border-bottom: 1px solid #64686c;
  margin-right: 20px;
}
#manage-volunteers
  #manage-volunteers-table-area
  #manage-volunteers-table
  tbody
  tr
  .blue-checkmark-box {
  margin-top: -5px;
  margin-left: 5px;
}
#manage-volunteers
  #manage-volunteers-table-area
  #manage-volunteers-table
  tbody
  tr:nth-child(1)
  td {
  padding-top: 15px;
}
#manage-volunteers
  #manage-volunteers-table-area
  #manage-volunteers-table
  tbody
  tr.new
  td:nth-child(3),
#manage-volunteers
  #manage-volunteers-table-area
  #manage-volunteers-table
  tbody
  tr.new
  td:nth-child(4) {
  text-align: left;
}
#manage-volunteers
  #manage-volunteers-table-area
  #manage-volunteers-table
  tbody
  tr.new
  td:nth-child(3)
  span:nth-child(2),
#manage-volunteers
  #manage-volunteers-table-area
  #manage-volunteers-table
  tbody
  tr.new
  td:nth-child(4)
  span:nth-child(2) {
  padding-left: 8px;
}
#manage-volunteers
  #manage-volunteers-table-area
  #manage-volunteers-table
  tbody
  tr.new
  td:nth-child(5) {
  padding-left: 0px;
  text-align: center;
}
#manage-volunteers
  #manage-volunteers-table-area
  #manage-volunteers-table
  tbody
  tr.more {
  background-color: #e5e3e3;
}
#manage-volunteers
  #manage-volunteers-table-area
  #manage-volunteers-table
  tbody
  tr.more
  td {
  vertical-align: top;
}
#manage-volunteers
  #manage-volunteers-table-area
  #manage-volunteers-table
  tbody
  td.miles,
#manage-volunteers
  #manage-volunteers-table-area
  #manage-volunteers-table
  tbody
  td.status {
  text-align: center;
}
#manage-volunteers
  #manage-volunteers-table-area
  #manage-volunteers-table
  tbody
  .icon-person,
#manage-volunteers
  #manage-volunteers-table-area
  #manage-volunteers-table
  tbody
  .open {
  font-family: "icons";
  color: #bbbdc0;
  padding: 3px 0;
  border-radius: 7px;
}
#manage-volunteers
  #manage-volunteers-table-area
  #manage-volunteers-table
  tbody
  .icon-person {
  color: #47a4c6;
  padding: 3px 0;
  margin: 0 2px 0 0;
}
#manage-volunteers
  #manage-volunteers-table-area
  #manage-volunteers-table
  tbody
  .icon-checkmark,
#manage-volunteers
  #manage-volunteers-table-area
  #manage-volunteers-table
  tbody
  .icon-plus,
#manage-volunteers
  #manage-volunteers-table-area
  #manage-volunteers-table
  tbody
  .icon-cross {
  font-size: 18px;
}
#manage-volunteers
  #manage-volunteers-table-area
  #manage-volunteers-table
  tbody
  .status
  > .icon-checkmark {
  color: #74af43;
}
#manage-volunteers
  #manage-volunteers-table-area
  #manage-volunteers-table
  tbody
  .status
  > .icon-cross {
  color: #be1e2d;
}
#manage-volunteers
  #manage-volunteers-table-area
  #manage-volunteers-table
  tbody
  a
  > .icon-plus:hover {
  color: #74af43;
}
#manage-volunteers
  #manage-volunteers-table-area
  #manage-volunteers-table
  tbody
  a
  > .icon-cross:hover {
  color: #be1e2d;
}
#manage-volunteers
  #manage-volunteers-table-area
  #manage-volunteers-table
  tbody
  .manage-volunteer-tables-area
  div {
  margin: 0 30px 0 0;
}
#manage-volunteers
  #manage-volunteers-table-area
  #manage-volunteers-table
  tbody
  .manage-volunteer-tables-area
  div
  table {
  margin-top: 15px;
}
#manage-volunteers
  #manage-volunteers-table-area
  #manage-volunteers-table
  tbody
  .manage-volunteer-tables-area
  div
  td {
  padding: 5px 0;
}
#manage-volunteers
  #manage-volunteers-table-area
  #manage-volunteers-table
  tbody
  .manage-volunteer-tables-area
  div
  td:last-child {
  text-align: center;
}
@media (max-width: 1023px) {
  #manage-volunteers
    #manage-volunteers-table-area
    #manage-volunteers-table
    tbody
    .manage-volunteer-tables-area
    div
    td:last-child {
    text-align: left;
  }
}
#manage-volunteers
  #manage-volunteers-table-area
  #manage-volunteers-table
  tbody
  .volunteer-notes-table
  .icon-edit {
  position: unset;
  top: unset;
  right: 0;
  width: 100%;
  z-index: unset;
  padding: unset;
  color: #47a4c6 !important;
  background: unset;
  font-size: 16px;
}
#manage-volunteers
  #manage-volunteers-table-area
  #manage-volunteers-table
  tbody
  a {
  color: #47a4c6;
}
#manage-volunteers
  #manage-volunteers-table-area
  #manage-volunteers-table-buttons {
  margin: 15px 0 0 0;
}
#manage-volunteers
  #manage-volunteers-table-area
  #manage-volunteers-table-buttons
  .error {
  color: #be1e2d;
  font-size: 14px;
  margin-bottom: 15px;
}
#manage-volunteers #manage-volunteers-add-volunteer-drawer {
  background-color: #e5e3e3;
  margin-top: 40px;
  margin-bottom: 60px;
  animation: fadeIn 0.4s;
  padding: 20px 30px;
}
@media (max-width: 1023px) {
  #manage-volunteers #manage-volunteers-add-volunteer-drawer {
    padding: 15px;
  }
}
#manage-volunteers #manage-volunteers-add-volunteer-drawer .input-wrapper {
  width: 100%;
  vertical-align: bottom;
}
#manage-volunteers
  #manage-volunteers-add-volunteer-drawer
  .input-wrapper
  .blue-checkmark-box {
  padding: 9px 0;
}
#manage-volunteers
  #manage-volunteers-add-volunteer-drawer
  .input-wrapper
  .blue-checkmark-box
  label {
  padding-top: 2px;
  font-size: 14px;
  font-weight: lighter;
}
#manage-volunteers
  #manage-volunteers-add-volunteer-drawer
  .input-wrapper
  input[type="cel"],
#manage-volunteers
  #manage-volunteers-add-volunteer-drawer
  .input-wrapper
  input[type="email"],
#manage-volunteers
  #manage-volunteers-add-volunteer-drawer
  .input-wrapper
  input[type="text"] {
  line-height: 28px;
}
#manage-volunteers
  #manage-volunteers-add-volunteer-drawer
  .add-volunteer-drawer-close {
  float: right;
}
#manage-volunteers #manage-volunteers-add-volunteer-drawer button {
  margin-top: 20px;
}
#manage-volunteers #manage-volunteers-message > p {
  font-size: 14px;
  margin: 15px 0 0 0;
}
#manage-volunteers #manage-volunteers-message > p a {
  margin: 0 0 0 50px;
  display: block;
  color: #47a4c6;
  font-weight: bold;
}
#manage-volunteers .modal-directive {
  min-height: unset;
}
#manage-volunteers .modal-directive .modal-directive-wrapper {
  min-height: unset;
  width: 1024px;
}
@media (max-width: 450px) {
  #manage-volunteers .modal-directive .modal-directive-wrapper {
    width: 256px;
  }
}
@media (min-width: 450px) and (max-width: 1023px) {
  #manage-volunteers .modal-directive .modal-directive-wrapper {
    width: 512px;
  }
}
#manage-volunteers .modal-directive .modal-directive-wrapper textarea {
  max-width: 100%;
}
#manage-volunteers
  .modal-directive
  .modal-directive-wrapper#email-selected-multi-modal
  .modal-directive-content
  h2 {
  margin: 0 0 15px 0;
  padding: 0 0 15px 0;
  font-size: 22px;
  color: #ef5e39;
  border-bottom: 1px solid #64686c;
}
#manage-volunteers
  .modal-directive
  .modal-directive-wrapper#email-selected-multi-modal
  .modal-directive-content
  label {
  color: #989b9f;
}
#manage-volunteers
  .modal-directive
  .modal-directive-wrapper#email-selected-multi-modal
  .modal-directive-content
  textarea {
  margin: 0 0 15px 0;
  height: 75px;
  border: 1px solid #64686c;
}
#manage-volunteers
  .modal-directive
  .modal-directive-wrapper
  .modal-directive-container {
  padding: 0;
}
#manage-volunteers
  .modal-directive
  .modal-directive-wrapper
  .modal-directive-content
  > *:not(.button-container) {
  padding: 0 20px 0 20px;
}
@media (max-width: 1023px) {
  #manage-volunteers
    .modal-directive
    .modal-directive-wrapper
    .modal-directive-content
    > *:not(.button-container) {
    padding: 0 10px 0 10px;
  }
}
#manage-volunteers .modal-directive .modal-directive-wrapper .button-container {
  text-align: right;
  padding: 20px 20px 20px 20px;
}
#manage-volunteers .modal-directive .modal-directive-wrapper .input-wrapper {
  margin-top: 20px;
}
#manage-volunteers .modal-directive .modal-directive-wrapper .input-wrapper ul {
  max-width: 400px;
}
#downloads_page {
  padding: 20px;
  color: #64686c;
  position: relative;
  margin-bottom: 100px;
}
#downloads_page #back-to-dashboard {
  display: block;
  font-family: "Oswald", sans-serif;
  color: #ef5e39;
  text-transform: uppercase;
  margin-bottom: 36px;
}
#downloads_page #back-to-dashboard::before {
  content: "<";
}
#downloads_page header > h1 {
  font-family: "Oswald", sans-serif;
  color: #47a4c6;
  font-size: 24px;
}
@media (min-width: 1024px) {
  #downloads_page header > h1 {
    margin-bottom: 26px;
  }
}
#downloads_page #explanation-text {
  font-family: Helvetica, arial;
  font-size: 14px;
  margin-bottom: 25px;
}
@media (min-width: 1024px) {
  #downloads_page #explanation-text {
    max-width: 75%;
  }
}
#downloads_page #download_links ul {
  font-size: 14px;
  color: #47a4c6;
  margin-bottom: 20px;
}
.activate-to-edit {
  padding: 10px 0;
  text-align: center;
  color: #be1e2d;
}
.edit-profile form .admin-data-error {
  display: none;
}
.edit-profile form h3 {
  font-family: "Oswald";
  font-size: 24px;
  color: #74af43;
}
.edit-profile form label {
  display: block;
  font-size: 12px;
  color: #64686c;
}
.edit-profile form input[type="text"] {
  border: 1px solid #e5e3e3;
}
.edit-profile form .select {
  height: 30px;
  line-height: 30px;
  padding: 1px 5px 4px;
  border: 1px solid #e5e3e3;
}
.edit-profile form .select.invalid {
  box-shadow: inset 0 0 10px 0 #be1e2d;
}
.edit-profile form .select select:disabled {
  cursor: not-allowed;
}
.edit-profile form .select__text:after {
  line-height: 25px;
}
.edit-profile form input[type="text"].invalid {
  box-shadow: inset 0 0 10px 0 #be1e2d;
}
.edit-profile form .vio-message {
  position: absolute;
  font-size: 10px;
  color: #be1e2d;
}
.edit-profile form .required:after {
  content: "*";
}
.edit-profile form .error {
  color: #be1e2d;
}
.basic-info {
  margin-bottom: 25px;
  padding: 15px;
}
.basic-info > div {
  margin-top: 15px;
}
@media (min-width: 550px) {
  .basic-info > div {
    float: left;
    width: 48%;
    width: calc(50% - 8px);
  }
  .basic-info > div:nth-of-type(even) {
    margin-left: 15px;
  }
}
.location-info {
  padding: 15px;
  transition-duration: 2s;
}
.location-info.active {
  background: #74af43;
}
.location-info .location-info__statement {
  margin-top: 5px;
  font-size: 12px;
}
.location-info .location-info-element-wrapper > div {
  margin-top: 15px;
}
.location-info .map {
  width: 100%;
  margin-top: 15px;
}
.location-info .map .map-canvas {
  width: 100%;
  height: 200px;
}
@media (min-width: 550px) {
  .location-info .location-info-element-wrapper > div {
    float: left;
    width: 48%;
    width: calc(50% - 8px);
  }
  .location-info .location-info-element-wrapper > div:nth-of-type(even) {
    margin-left: 15px;
  }
}
@media (min-width: 1024px) {
  .location-info h3 {
    float: left;
    margin-right: 50px;
  }
}
.error-messages {
  float: none !important;
  width: 100% !important;
}
.action-buttons {
  padding: 25px 15px 15px;
}
.action-buttons .loading,
.action-buttons input {
  float: right;
  width: 125px;
  margin-left: 5px;
}
.jcrop__preview {
  width: 100px;
  height: 67px;
}
.story * {
  color: #64686c;
}
.story .back-to-success-story-list {
  display: block;
  color: #ef5e39;
}
.story h1 {
  margin: 10px 0 15px;
  font-family: "Oswald";
  font-size: 24px;
  line-height: 26px;
  color: #47a4c6;
}
.story h2 {
  font-family: "Oswald";
  font-size: 18px;
}
.story h2 span:last-child {
  color: #6e483b;
}
.story__instructions {
  margin: 25px 0;
}
.story__instructions h3 {
  margin-bottom: 5px;
  font-size: 14px;
}
.story__instructions p {
  margin-bottom: 10px;
  font-size: 12px;
}
.story__instructions ol {
  list-style-type: decimal;
  max-width: 600px;
  padding-left: 20px;
  font-size: 12px;
}
.story__instructions .icon-check {
  display: inline-block;
  width: 12px;
}
.story__instructions .icon-check:before {
  font-size: 10px;
}
.story__form label {
  display: block;
  margin-bottom: 10px;
}
.story__form label h4 {
  font-family: "Oswald";
  font-size: 18px;
  color: #47a4c6;
}
.story__form label .title__input {
  border: 1px solid #64686c;
  font-size: 14px;
}
.story__form label .title__input.active {
  border-color: #be1e2d;
  box-shadow: inset 0 0 5px 0 #be1e2d;
}
.story__form label .intro__input {
  max-width: 100%;
  border: 1px solid #64686c;
  font-size: 14px;
}
.story__form label .intro__input.active {
  border-color: #be1e2d;
  box-shadow: inset 0 0 5px 0 #be1e2d;
}
.story__form label .story__editor {
  max-width: 100%;
  min-height: 250px;
  padding: 5px;
  border: 1px solid #64686c;
  border-top: none;
  font-size: 14px;
}
.story__form label .story__editor.active {
  border-color: #be1e2d;
  box-shadow: inset 0 0 5px 0 #be1e2d;
}
.story__form label .story__editor p {
  margin: 5px 0;
}
.story__form label .story__editor a {
  color: #47a4c6;
}
.story__form label .story__editor ul {
  padding-left: 2em;
  list-style-type: disc;
}
.story__form label .story__editor ol {
  padding-left: 2em;
  list-style-type: decimal;
}
.story__form label .story__editor strong,
.story__form label .story__editor b {
  font-weight: bold;
}
.story__form label .story__editor em,
.story__form label .story__editor i {
  font-style: italic;
}
.story__form label .story__editor u {
  text-decoration: underline;
}
.story__form label .required:after {
  content: "*";
}
.story__form__images {
  margin-top: 25px;
}
.story__form__images h4 {
  font-family: "Oswald";
  font-size: 18px;
  color: #47a4c6;
}
.story__form__images .upload {
  position: relative;
  width: 110px;
  margin-top: 10px;
  background: #47a4c6;
}
.story__form__images .upload .loading {
  width: 100%;
}
.story__form__images .upload .loading input[type="button"] {
  width: 100%;
  margin-top: 0;
  border: none;
}
.story__form__images .upload input[type="file"] {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.00001;
}
.drag-and-drop {
  margin: 0 0 5px;
  font-size: 12px;
}
.drag-and-drop .underline {
  display: inline-block;
  text-decoration: underline;
}
.story__form__images__list li {
  position: relative;
  padding: 15px;
  background: #bbbdc0;
  cursor: move;
}
.story__form__images__list li.active {
  background: #be1e2d;
}
.story__form__images__list li:not(:first-child) {
  border-top: 1px solid #f0f0f0;
}
.story__form__images__list figure {
  position: relative;
  line-height: 0;
}
.story__form__images__list figure .image {
  position: relative;
  float: left;
  width: 160px;
  margin-right: 30px;
}
.story__form__images__list figure figcaption {
  float: left;
}
.story__form__images__list figure figcaption input {
  max-width: 100%;
  margin-bottom: 5px;
}
.story__form__images__list figure figcaption textarea {
  max-width: 100%;
  min-height: 73px;
}
@media (min-width: 600px) {
  .story__form__images__list figure figcaption {
    width: calc(100% - 190px);
  }
}
.story__form__images__list .delete-image {
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 5px;
  width: 25px;
  height: 25px;
  padding: 3px;
  border: 2px solid #fff;
  border-radius: 50%;
  color: #be1e2d;
  font-size: 15px;
  cursor: pointer;
}
.action-buttons {
  margin-top: 50px;
}
.action-buttons .loading {
  float: right;
  margin-left: 5px;
}
.action-buttons .loading input {
  float: none;
  margin-left: 0;
}
.action-buttons input {
  float: right;
  width: 150px;
  margin: 5px 0 0 5px;
}
.action-buttons input.delete-project {
  background: #64686c;
}
.action-buttons input.delete-project:hover {
  background: #be1e2d;
}
.action-buttons input.cancel-project {
  background: #64686c;
}
.action-buttons .action-buttons__error-message {
  margin-top: 10px;
  color: #be1e2d;
  font-weight: bold;
  text-align: right;
}
.facebook {
  color: #64686c;
  text-align: center;
}
.facebook a {
  color: #47a4c6;
}
.facebook h1 {
  margin-bottom: 10px;
  font-family: "Helvetica", "arial", sans-serif;
  font-size: 22px;
  color: #74af43;
}
.facebook p {
  font-size: 14px;
}
.facebook .open-facebook {
  padding: 15px 0;
}
.facebook input[type="image"] {
  margin-top: 10px;
  width: auto;
}
#faq {
  position: relative;
  margin-bottom: 100px;
  width: auto;
}
@media (max-width: 1023px) {
  #faq {
    margin-left: 15px;
    margin-right: 15px;
  }
}
#faq .full-width {
  margin-bottom: 40px;
}
#faq .full-width .back-to-dashboard {
  margin-bottom: 0;
}
#faq #faq-content {
  margin-left: 64px;
}
@media (max-width: 1023px) {
  #faq #faq-content {
    margin-left: 0px;
  }
}
#faq h1 {
  font-family: "Oswald", sans-serif;
  font-size: 20px;
  color: #47a4c6;
  margin-bottom: 25px;
}
#faq p {
  font-size: 14px;
  font-family: Helvetica, arial;
  margin-bottom: 31px;
}
#faq .admin-or-public-tabs {
  margin-top: 28px;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1023px) {
  #faq .admin-or-public-tabs {
    margin-left: -20px;
    margin-right: -20px;
  }
}
#faq .admin-or-public-tabs input[type="radio"]:checked + label {
  background-color: #e5e3e3;
}
#faq .admin-or-public-tabs .admin-or-public-tab {
  color: #47a4c6;
  height: 36px;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  font-family: "Oswald", sans-serif;
  cursor: pointer;
  padding-top: 5px;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
#faq .admin-or-public-tabs .fill-tab {
  -ms-flex-positive: 3;
  flex-grow: 3;
}
@media (max-width: 1023px) {
  #faq .admin-or-public-tabs .fill-tab {
    display: none;
  }
}
#faq #faq-list {
  display: inline-block;
  margin: 32px 0;
  width: calc(100% - 400px);
}
@media (min-width: 450px) and (max-width: 1023px) {
  #faq #faq-list {
    width: calc(100% - 220px);
  }
}
@media (max-width: 450px) {
  #faq #faq-list {
    display: block;
    width: 100%;
  }
}
#faq #faq-list li {
  margin-bottom: 16px;
}
#faq #ask-question-container {
  display: inline-block;
  width: 260px;
  vertical-align: top;
  margin: 50px 0 0 130px;
}
@media (min-width: 450px) and (max-width: 1023px) {
  #faq #ask-question-container {
    margin-left: 10px;
    width: 200px;
  }
}
@media (max-width: 450px) {
  #faq #ask-question-container {
    margin-left: 0;
    display: block;
    width: 100%;
  }
}
#faq #ask-question-container p {
  margin-bottom: 10px;
}
#faq #ask-question-container .button {
  padding: 5px 12px;
  font-size: 14px;
}
#faq .faq-question {
  font-family: "Oswald", sans-serif;
  font-size: 16px;
  color: #47a4c6;
}
#faq .faq-answer {
  font-size: 14px;
  font-family: Helvetica, arial;
  margin: 8px 0;
}
#faq .page-controls {
  text-align: right;
  margin-top: 15px;
}
#faq .page-controls .current-page-display {
  font-size: 14px;
  margin-left: 8px;
}
#faq .page-controls .page-control-button {
  font-size: 14px;
  margin: 9px 16px;
  background-color: #fff;
  color: #47a4c6;
  border: 1px solid #989b9f !important;
  margin: 0;
  margin-left: 8px;
}
#faq .page-controls .page-control-button:hover {
  background-color: #e5e3e3;
}
#f {
  background: #e5e3e3;
}
#f .f-external-links {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
}
@media (max-width: 767px) {
  #f .f-external-links {
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    margin: auto;
  }
}
#f .f-social_icons {
  position: relative;
  display: block;
  min-height: 28px;
  top: 0;
  float: left;
  margin: 20px 20px 10px;
}
@media (min-width: 1024px) {
  #f .f-social_icons {
    min-height: 56px;
    top: 0;
  }
}
@media (max-width: 767px) {
  #f .f-social_icons {
    margin: 0;
  }
}
@media (min-width: 768px) and (max-width: 866px) {
  #f .f-social_icons {
    margin-bottom: 0;
  }
}
#f .f-social_icons ul {
  z-index: 6;
  padding: 0;
  margin: 0;
}
@media (max-width: 767) {
  #f .f-social_icons ul {
    margin-left: calc(50% - 140px);
  }
}
@media (min-width: 768px) {
  #f .f-social_icons ul {
    padding-top: 14px;
  }
}
@media (min-width: 1280px) {
  #f .f-social_icons ul {
    padding-top: 14px;
  }
}
#f .f-social_icons li {
  display: inline-block;
  padding: 0 10px 0 0;
}
#f .f-social_icons li.title {
  color: white;
  font-family: "Oswald", sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  line-height: 16px;
  vertical-align: top;
  opacity: 1;
  font-weight: 700;
  margin-top: -2px;
}
@media (max-width: 767px) {
  #f .f-social_icons li.title {
    position: relative;
  }
}
#f .f-social_icons li.title::first-child {
  width: 25px;
}
@media (max-width: 767px) {
  #f .f-social_icons .f-social__follow {
    position: relative;
    padding-top: 5px;
  }
}
@media (min-width: 768px) and (max-width: 866px) {
  #f .f-social_icons .f-social__follow {
    padding-top: 10px;
    padding-bottom: 0;
  }
}
#f .f-social_icons .f-social-follow__background {
  background-color: #74af43;
  z-index: 5;
  width: 345px;
  height: 56px;
  position: absolute;
  opacity: 0.8;
}
@media (max-width: 767px) {
  #f .f-social_icons .f-social-follow__background {
    margin-top: -6px;
    width: 100%;
    opacity: 1;
  }
}
#f .f-social_icons .f-social-icon__singleton::before {
  margin-left: -10px;
  font-size: 34px;
  opacity: 1;
  padding-left: 10px;
}
#f .f-social_icons .f-social-icon__singleton:hover::before {
  opacity: 1;
}
#f .f-social_icons .f-icon-twitter:hover::before {
  opacity: 1;
}
#f .f-social_icons .f-icon-googleplus:hover::before {
  opacity: 1;
}
#f .f-social_icons .f-icon-youtube:hover::before {
  opacity: 1;
}
#f .f-social_icons .icon-instagram:before {
  color: #74af43;
}
#f .f-social_icons .f-icon-instagram:hover::before {
  opacity: 1;
}
#f .narrow {
  display: block;
  position: relative;
  font-size: 12px;
  max-width: 1024px;
}
#f__submit-a-project {
  position: absolute;
  right: 0;
  height: 100%;
  width: 25%;
  background-color: #74af43;
  background-image: linear-gradient(180deg, #a3b658 30%, #74af43);
  color: #fff;
}
#f__submit-a-project .f__submit-a-project__container {
  display: -ms-flexbox;
  display: flex;
  height: inherit;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: center;
  justify-content: center;
}
#f__submit-a-project .f__submit-a-project__button {
  width: 100px;
}
#f__submit-a-project .f__submit-a-project__button .button-option {
  display: inline-block;
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  line-height: 18px;
  text-transform: uppercase;
  margin-top: -15px;
  position: absolute;
  font-weight: 200;
  letter-spacing: 0;
  line-height: 21px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#f__submit-a-project .f__submit-a-project__button .button-option span {
  display: block;
  max-width: 65px;
}
#f__submit-a-project .f__submit-a-project__button .button-option span.hu {
  max-width: 75px;
}
@media (max-width: 767px) {
  #f__submit-a-project .f__submit-a-project__button .button-option span {
    line-height: 1rem;
  }
}
@media (min-width: 768px) {
  #f__submit-a-project .f__submit-a-project__button .button-option {
    margin: 0;
    border: 1px solid #fff;
    padding: 7px 10px;
  }
}
@media (max-width: 767px) {
  #f__submit-a-project .f__submit-a-project__button .button-option {
    font-size: 18px;
    padding: 10px 0 10px 10px;
    font-weight: 200;
    margin-top: 10px;
    letter-spacing: 0;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
  }
}
#f__submit-a-project .f__submit-a-project__message {
  padding-left: 10px;
  width: 154px;
}
@media (max-width: 767px) {
  #f__submit-a-project .f__submit-a-project__message {
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    font-family: "Helvetica", "Arial", sans-serif;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
    -ms-flex-item-align: center;
    align-self: center;
    padding-left: 30px;
    border-left: 1px solid #fff;
  }
}
#f__submit-a-project div {
  padding-right: 10px;
  font-size: 13px;
  line-height: 15px;
}
@media (min-width: 420px) {
  #f__submit-a-project div span {
    display: inline;
  }
}
@media (min-width: 768px) {
  #f__submit-a-project div {
    border: none;
  }
  #f__submit-a-project div span {
    display: block;
  }
}
@media (min-width: 768px) {
  #f__submit-a-project {
    -moz-order: 2;
    -ms-order: 2;
    -o-order: 2;
    -ms-flex-order: 2;
    order: 2;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 300px;
    height: 100%;
    padding: 20px 20px 0;
    margin-bottom: 0;
  }
  #f__submit-a-project h6 {
    margin: 0;
  }
  #f__submit-a-project div {
    line-height: 20px;
  }
}
@media (max-width: 767px) {
  #f__submit-a-project {
    position: relative;
    width: 100%;
    height: 70px;
  }
}
#f__nav {
  width: 100%;
  padding-bottom: 50px;
}
#f__nav a:hover {
  text-decoration: underline;
}
@media (max-width: 767px) {
  #f__nav {
    padding-bottom: 0;
  }
}
#f__mobile-apps {
  margin: 20px 20px 10px;
  position: relative;
}
@media (min-width: 768px) and (max-width: 865px) {
  #f__mobile-apps {
    margin-bottom: 0;
  }
}
#f__mobile-apps p {
  margin-bottom: 14px;
}
@media (max-width: 767px) {
  #f__mobile-apps p {
    margin-bottom: 5px;
  }
}
@media (min-width: 768px) and (max-width: 866px) {
  #f__mobile-apps p {
    margin-bottom: 10px;
  }
}
#f__mobile-apps li {
  display: inline-block;
  padding-right: 10px;
}
#f__mobile-apps img {
  width: auto;
  height: 35px;
}
@media (max-width: 767px) {
  #f__mobile-apps {
    margin: 0;
  }
}
#f__nav-links {
  margin-bottom: 10px;
  border-bottom: 1px solid #989b9f;
  padding: 0 20px 10px;
  column-count: 2;
  line-height: 30px;
  font-family: "Helvetica", "Arial", sans-serif;
  font-size: 10px;
}
@media (min-width: 500px) {
  #f__nav-links {
    column-count: initial;
  }
  #f__nav-links li {
    display: inline-block;
    margin-right: 10px;
    max-width: 35%;
  }
}
@media (min-width: 840px) {
  #f__nav-links {
    border-bottom: none;
  }
}
@media (max-width: 767px) {
  #f__nav-links {
    padding: 32px 20px 10px;
  }
}
#f__legal {
  display: inline-block;
  padding: 0 20px 20px;
  font-size: 10px;
  width: 100%;
  font-family: "Helvetica Light", "Helvetica", "Arial", sans-serif;
}
#f__legal p {
  margin-top: 6px;
}
#f__legal p:first-child {
  font-weight: bold;
}
@media (max-width: 768px) {
  #f__legal {
    text-align: center;
  }
}
@media print {
  footer-directive {
    display: none !important;
  }
}
.checkbox {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
  border: 1px solid #64686c;
  background: #fff;
  font-size: 1em;
}
.checkbox input[type="checkbox"] {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.00001;
  font-size: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.checkbox input[type="checkbox"]:disabled + .checkbox__checkmark:before {
  opacity: 0.25;
}
.checkbox input[type="checkbox"]:focus + .checkbox__checkmark {
  outline: 1px solid #47a4c6;
}
.checkbox input[type="checkbox"]:checked + .checkbox__checkmark:before {
  content: "\e60d";
  font-family: "icons";
  speak: none;
  font-size: 0.9em;
  position: absolute;
  top: 17%;
  left: 15%;
  width: 100%;
  height: 100%;
  display: block;
  color: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.checkbox__checkmark {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 1;
  display: block;
  font-size: 0.7em;
  color: #74af43;
}
.form-radio {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
  border: 1px solid #64686c;
  background: #fff;
  font-size: 1em;
}
.form-radio input[type="radio"] {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.00001;
  cursor: pointer;
  font-size: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.form-radio input[type="radio"]:focus + .radio__checkmark {
  outline: 1px solid #47a4c6;
}
.form-radio input[type="radio"]:checked + .radio__checkmark:before {
  content: "\e60d";
  font-family: "icons";
  speak: none;
  font-size: 0.9em;
  position: absolute;
  top: 12.5%;
  left: 12.5%;
  width: 100%;
  height: 100%;
  display: block;
  color: inherit;
}
.form-radio input[type="radio"]:disabled + .radio__checkmark:before {
  opacity: 0.25;
  cursor: not-allowed;
}
.radio__checkmark {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 1;
  display: block;
  font-size: 0.7em;
  color: #74af43;
}
.form-select {
  display: inline-table;
  position: relative;
}
.form-select:after {
  color: #989b9f;
  content: "\e606";
  font-family: "icons";
  speak: none;
  position: absolute;
  top: 5px;
  right: 0;
  display: inline-block;
  padding-right: 10px;
  pointer-events: none;
  writing-mode: vertical-lr;
}
@-moz-document url-prefix() {
  .form-select:after {
    top: 2px;
  }
}
.form-select select {
  padding: 2px 30px 2px 5px;
  border: 1px solid #989b9f;
}
.form-select select:focus + .select__text {
  outline: 1px solid #47a4c6;
}
.form-select select:disabled + .select__text {
  opacity: 0.25;
  cursor: not-allowed;
}
.loading {
  position: relative;
  display: inline-block;
}
.loading .active {
  background: #bbbdc0 !important;
  opacity: 0.5;
  cursor: wait !important;
}
.loading .active + .loading__bar:before {
  content: "";
  speak: none;
  position: absolute;
  bottom: -12px;
  left: 0;
  display: block;
  width: 100%;
  height: 8px;
  background: url("https://www.justserve.org/api/images/static/animated-loading-bar.gif");
  background-size: 100%;
}
.loading .loading__bar {
  display: block;
}
#header-spacer,
#header {
  transition: height 0.2s ease-in;
  height: 67px;
}
#header-spacer.notification-visible,
#header.notification-visible {
  height: 117px;
}
#header-spacer.sticky-nav {
  height: 0;
}
#header {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 23;
  width: 100%;
  border-bottom: 5px solid #ef5e39;
  background: #fff;
  color: #fff;
}
#header.notification-visible.sticky-nav {
  height: 97px;
}
@media (min-width: 1024px) {
  #header .desktop-hidden {
    display: none;
  }
}
#header #browser-notify {
  padding: 18px 20px;
  background-color: #ef5e39;
  color: #fff;
  font-size: 16px;
  font-family: Helvetica, arial;
  text-align: center;
  position: relative;
}
#header #browser-notify a {
  content: "";
}
#header #browser-notify a:after {
  content: "\e60d";
  font-family: icons;
  font-size: 11px;
  position: absolute;
  top: 8px;
  right: 13px;
}
#header.sticky-nav {
  height: 40px;
}
#header.sticky-nav #nav-menu-mobile-icon {
  font-size: 20px;
}
#header.sticky-nav #header-nav {
  height: 35px;
}
#header.sticky-nav #header-nav #nav-logo {
  width: 31px;
  transition: width 0.1s ease-in 0.1s;
}
#header.sticky-nav #header-nav #nav-logo #full-logo {
  opacity: 0;
  transition: width 0.2s linear, opacity 0.2s linear;
}
#header.sticky-nav #header-nav #nav-logo #sticky-logo {
  width: 31px;
  opacity: 1;
  transition: width 0.2s linear, opacity 0.1s linear;
}
#header.sticky-nav #header-nav #nav-link-container .drop-down-container {
  top: 38px;
}
#header.sticky-nav
  #header-nav
  #nav-link-container
  #secondary-links
  > li.active
  > a:before {
  bottom: -18px;
}
#header #header-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 20px;
  height: 64px;
  transition: height 0.2s ease-in;
}
#header #header-nav #nav-logo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 270px;
  height: 100%;
  position: relative;
  transition: width 0.2s linear;
}
@media (max-width: 1023px) {
  #header #header-nav #nav-logo {
    width: 247.826px;
  }
}
#header #header-nav #nav-logo #full-logo {
  transition: width 0.1s linear 0.1s, opacity 0.2s linear 0.1s;
}
#header #header-nav #nav-logo #sticky-logo {
  position: absolute;
  width: 38px;
  opacity: 0;
  transition: width 0.1s linear 0.1s, opacity 0.4s linear 0.1s;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #header #header-nav #nav-logo #full-logo {
    top: 12px;
  }
  #header #header-nav #nav-logo #sticky-logo {
    top: 0;
  }
}
#header #header-nav #nav-menu-mobile-icon,
#header #header-nav #nav-mobile-sign-in {
  color: #989b9f;
  display: none;
}
@media (max-width: 1023px) {
  #header #header-nav #nav-menu-mobile-icon,
  #header #header-nav #nav-mobile-sign-in {
    display: block;
    text-align: right;
  }
}
#header #header-nav #nav-menu-mobile-icon.notify:after {
  position: absolute;
  background: #ef5e39;
  padding: 10px;
  font-size: 0;
  border-radius: 10px;
  content: "";
  top: -5px;
  right: 20px;
}
#header #header-nav #nav-mobile-sign-in {
  -ms-flex-positive: 2;
  flex-grow: 2;
  margin-right: 20px;
  width: 100%;
}
#header #header-nav #nav-menu-mobile-icon {
  position: relative;
  font-size: 30px;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
#header #header-nav #nav-link-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
@media (max-width: 1023px) {
  #header #header-nav #nav-link-container {
    position: absolute;
    top: 64px;
    width: auto;
    background: #fff;
    right: 0;
    height: auto;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 0 10px 0;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.5);
    display: none;
  }
  #header #header-nav #nav-link-container.show-header-links {
    display: -ms-flexbox;
    display: flex;
  }
}
#header #header-nav #nav-link-container .drop-down-container {
  position: absolute;
  top: 67px;
  background: #fff;
  width: 100%;
  right: 0;
  text-align: right;
  color: #989b9f;
  transition: top 0.2s ease-in;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.5);
}
@media (max-width: 1023px) {
  #header #header-nav #nav-link-container .drop-down-container {
    position: static;
    background: #e5e3e3;
    box-shadow: none;
  }
}
#header #header-nav #nav-link-container .drop-down-container .drop-down-header {
  padding: 20px 60px 12px;
  border-bottom: 1px #bbbdc0 solid;
  text-transform: uppercase;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@media (max-width: 1023px) {
  #header
    #header-nav
    #nav-link-container
    .drop-down-container
    .drop-down-header {
    display: none;
  }
}
#header
  #header-nav
  #nav-link-container
  .drop-down-container
  .drop-down-header
  span {
  font-size: 24px;
}
#header
  #header-nav
  #nav-link-container
  .drop-down-container
  .drop-down-header
  h2 {
  margin-left: 10px;
  font-size: 16px;
  color: #ef5e39;
}
#header #header-nav #nav-link-container #primary-links {
  -ms-flex-positive: 2;
  flex-grow: 2;
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}
#header #header-nav #nav-link-container #primary-links:focus {
  outline: none;
}
@media (max-width: 1023px) {
  #header #header-nav #nav-link-container #primary-links {
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 12px;
    margin: 0;
    width: 125px;
    font-family: Helvetica, arial;
  }
}
#header #header-nav #nav-link-container #primary-links > li {
  display: inline-block;
  margin-left: 20px;
}
#header #header-nav #nav-link-container #primary-links > li.feedback-link {
  display: none;
}
@media (max-width: 1023px) {
  #header #header-nav #nav-link-container #primary-links > li {
    margin: 0;
  }
  #header #header-nav #nav-link-container #primary-links > li.feedback-link {
    display: block;
  }
}
#header #header-nav #nav-link-container #primary-links a {
  color: #47a4c6;
  text-transform: uppercase;
}
#header #header-nav #nav-link-container #primary-links a:hover {
  color: #ef5e39;
}
#header #header-nav #nav-link-container #primary-links a.active {
  color: #ef5e39;
}
@media (max-width: 1023px) {
  #header #header-nav #nav-link-container #primary-links a {
    width: 125px;
    min-height: 39px;
    border-bottom: 1px solid #e5e3e3;
    padding: 10px;
    display: block;
    color: #47a4c6;
    text-transform: uppercase;
  }
  #header #header-nav #nav-link-container #primary-links a:hover,
  #header #header-nav #nav-link-container #primary-links a.active {
    background: #989b9f;
    color: #fff;
  }
}
#header #header-nav #nav-link-container #secondary-links {
  color: #989b9f;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 13px;
  font-family: Helvetica, arial;
  height: 100%;
}
@media (max-width: 1023px) {
  #header #header-nav #nav-link-container #secondary-links {
    color: #ef5e39;
    text-transform: uppercase;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 160px;
    font-size: 12px;
    margin-left: 10px;
  }
  #header #header-nav #nav-link-container #secondary-links #feedback-container,
  #header #header-nav #nav-link-container #secondary-links #sign-in-container {
    display: none;
  }
}
#header #header-nav #nav-link-container #secondary-links > li {
  padding: 0 10px;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
#header #header-nav #nav-link-container #secondary-links > li.active {
  background: #ef5e39;
  color: #fff;
}
#header #header-nav #nav-link-container #secondary-links > li.active:hover {
  color: #fff;
}
@media (max-width: 1023px) {
  #header #header-nav #nav-link-container #secondary-links > li.active:hover {
    color: #ef5e39;
  }
}
#header #header-nav #nav-link-container #secondary-links > li.active > a {
  position: relative;
}
#header
  #header-nav
  #nav-link-container
  #secondary-links
  > li.active
  > a:before {
  font-family: icons;
  font-size: 20px;
  content: "\e604";
  position: absolute;
  bottom: -34px;
  right: 0;
}
@media (max-width: 1023px) {
  #header
    #header-nav
    #nav-link-container
    #secondary-links
    > li.active
    > a:before {
    content: "";
  }
}
@media (max-width: 1023px) {
  #header #header-nav #nav-link-container #secondary-links > li.active {
    background: #fff;
    color: #ef5e39;
  }
}
#header #header-nav #nav-link-container #secondary-links > li:hover {
  color: #ef5e39;
}
@media (max-width: 1023px) {
  #header #header-nav #nav-link-container #secondary-links > li {
    padding: 0;
    border-bottom: 1px solid #e5e3e3;
    width: 100%;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #header #header-nav #nav-link-container #secondary-links > li a {
    padding: 10px 10px 9px 0;
    width: 100%;
    display: flex;
    align-items: center;
  }
  #header
    #header-nav
    #nav-link-container
    #secondary-links
    > li
    a
    .link-category-label {
    padding: 0 10px;
    -ms-flex-positive: 2;
    flex-grow: 2;
  }
}
#header
  #header-nav
  #nav-link-container
  #secondary-links
  li#notifications-container {
  position: relative;
}
@media (min-width: 1024px) {
  #header
    #header-nav
    #nav-link-container
    #secondary-links
    li#notifications-container {
    display: none;
  }
}
#header
  #header-nav
  #nav-link-container
  #secondary-links
  li#notifications-container
  .badged-text {
  padding-left: 30px;
}
#header
  #header-nav
  #nav-link-container
  #secondary-links
  li#notifications-container
  .notification-indicator {
  left: 15px;
  top: 7px;
}
#header #header-nav #nav-link-container #secondary-links .secondary-link-icons {
  font-size: 20px;
  position: relative;
}
@media (max-width: 1023px) {
  #header
    #header-nav
    #nav-link-container
    #secondary-links
    .secondary-link-icons {
    color: #989b9f;
  }
}
#header #header-nav #nav-link-container #secondary-links #feedback-container,
#header #header-nav #nav-link-container #secondary-links #sign-in-container,
#header #header-nav #nav-link-container #secondary-links #signed-in-container {
  padding: 0 10px 2px;
}
@media (max-width: 1023px) {
  #header #header-nav #nav-link-container #secondary-links #feedback-container,
  #header #header-nav #nav-link-container #secondary-links #sign-in-container,
  #header
    #header-nav
    #nav-link-container
    #secondary-links
    #signed-in-container {
    padding: 0;
  }
}
#header
  #header-nav
  #nav-link-container
  #secondary-links
  #signed-in-username-desktop {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
#header
  #header-nav
  #nav-link-container
  #secondary-links
  #signed-in-username-desktop:before {
  bottom: -16px;
}
@media (max-width: 1023px) {
  #header
    #header-nav
    #nav-link-container
    #secondary-links
    #signed-in-username-desktop {
    display: none;
  }
}
#header #header-nav #nav-link-container #secondary-links .gear-icon {
  position: relative;
}
#header
  #header-nav
  #nav-link-container
  #secondary-links
  .gear-icon
  .icon-settings {
  line-height: 24px;
  font-size: 20px;
  margin-left: 10px;
}
#header
  #header-nav
  #nav-link-container
  #secondary-links
  .notification-indicator {
  position: absolute;
  display: inline-block;
  background: #ef5e39;
  font-size: 10px;
  border-radius: 8px;
  color: white;
  top: -5px;
  right: -10px;
  min-width: 14px;
  text-align: center;
}
#header
  #header-nav
  #nav-link-container
  #secondary-links
  #signed-in-drop-down-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 10px 60px;
  font-size: 16px;
  max-height: 50vh;
  overflow-y: auto;
}
@media (max-width: 1023px) {
  #header
    #header-nav
    #nav-link-container
    #secondary-links
    #signed-in-drop-down-content {
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 12px;
    padding: 0;
    text-transform: none;
  }
}
#header
  #header-nav
  #nav-link-container
  #secondary-links
  #signed-in-drop-down-content
  #notification-list-area {
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: left;
  padding-right: 100px;
}
@media (max-width: 1023px) {
  #header
    #header-nav
    #nav-link-container
    #secondary-links
    #signed-in-drop-down-content
    #notification-list-area {
    display: none;
  }
}
#header
  #header-nav
  #nav-link-container
  #secondary-links
  #signed-in-drop-down-content
  #signed-in-link-list {
  width: 200px;
  text-align: left;
}
@media (max-width: 1023px) {
  #header
    #header-nav
    #nav-link-container
    #secondary-links
    #signed-in-drop-down-content
    #signed-in-link-list {
    width: 100%;
  }
}
#header
  #header-nav
  #nav-link-container
  #secondary-links
  #signed-in-drop-down-content
  #signed-in-link-list
  li
  a {
  display: block;
  padding: 10px;
  position: relative;
  color: inherit;
}
#header
  #header-nav
  #nav-link-container
  #secondary-links
  #signed-in-drop-down-content
  #signed-in-link-list
  li
  .notification-indicator {
  top: -0px;
  right: 40%;
}
#header
  #header-nav
  #nav-link-container
  #secondary-links
  #signed-in-drop-down-content
  #signed-in-link-list
  li:not(:last-of-type) {
  border-bottom: 1px solid #bbbdc0;
}
#header
  #header-nav
  #nav-link-container
  #secondary-links
  #signed-in-drop-down-content
  #signed-in-link-list
  li:hover {
  background: #989b9f;
  color: #fff;
}
#header
  #header-nav
  #nav-link-container
  #secondary-links
  #signed-in-drop-down-content
  #signed-in-link-list
  li:not(:hover) {
  background: #fff;
  color: #989b9f;
}
#header
  #header-nav
  #nav-link-container
  #secondary-links
  #signed-in-drop-down-content
  #signed-in-link-list
  li a:hover {
  color: #fff;
}
#header
  #header-nav
  #nav-link-container
  #secondary-links
  #signed-in-drop-down-content
  #signed-in-link-list
  li a:not(:hover) {
  color: #989b9f;
}
@media (max-width: 1023px) {
  #header
    #header-nav
    #nav-link-container
    #secondary-links
    #signed-in-drop-down-content
    #signed-in-link-list
    li {
    border-bottom: 1px solid #bbbdc0;
  }
}
#header
  #header-nav
  #nav-link-container
  #secondary-links
  #signed-in-drop-down-content
  #sign-out-link {
  color: #ef5e39;
  margin-left: 30px;
  padding: 10px;
}
@media (max-width: 1023px) {
  #header
    #header-nav
    #nav-link-container
    #secondary-links
    #signed-in-drop-down-content
    #sign-out-link {
    margin: 0;
  }
}
#header #header-nav #nav-link-container #secondary-links #social-links-list {
  padding: 10px 60px;
  font-size: 22px;
}
#header #header-nav #nav-link-container #secondary-links #social-links-list li {
  display: inline-block;
  margin-right: 20px;
}
@media (max-width: 1023px) {
  #header #header-nav #nav-link-container #secondary-links #social-links-list {
    padding: 1px 1px 1px 0;
    font-size: 18px;
    border-bottom: 1px solid #bbbdc0;
    text-align: center;
  }
  #header
    #header-nav
    #nav-link-container
    #secondary-links
    #social-links-list
    li {
    margin: 0;
  }
  #header
    #header-nav
    #nav-link-container
    #secondary-links
    #social-links-list
    li
    a {
    padding: 10px 4px;
  }
}
#header
  #header-nav
  #nav-link-container
  #secondary-links
  #social-links-list
  li
  .icon-email {
  color: #989b9f;
}
#header
  #header-nav
  #nav-link-container
  #secondary-links
  #social-links-list
  li
  .icon-email:hover {
  color: #ef5e39;
}
#header #header-nav #nav-link-container #secondary-links #language-links-list {
  margin: 0 20px 0 auto;
  width: 200px;
}
@media (max-width: 1023px) {
  #header
    #header-nav
    #nav-link-container
    #secondary-links
    #language-links-list {
    width: 100%;
  }
}
#header
  #header-nav
  #nav-link-container
  #secondary-links
  #language-links-list
  li {
  font-size: 16px;
  text-align: left;
}
@media (max-width: 1023px) {
  #header
    #header-nav
    #nav-link-container
    #secondary-links
    #language-links-list
    li {
    font-size: 13px;
  }
}
#header
  #header-nav
  #nav-link-container
  #secondary-links
  #language-links-list
  li
  a {
  display: block;
  padding: 10px;
}
#header
  #header-nav
  #nav-link-container
  #secondary-links
  #language-links-list
  li
  a.active,
#header
  #header-nav
  #nav-link-container
  #secondary-links
  #language-links-list
  li
  a:hover {
  background: #989b9f;
  color: #fff;
}
@media (max-width: 1023px) {
  #header
    #header-nav
    #nav-link-container
    #secondary-links
    #language-links-list
    li
    a {
    padding: 11px 10px;
  }
}
#header
  #header-nav
  #nav-link-container
  #secondary-links
  #language-links-list
  li:not(:last-of-type) {
  border-bottom: 1px solid #bbbdc0;
}
@media (max-width: 1023px) {
  #header
    #header-nav
    #nav-link-container
    #secondary-links
    #language-links-list
    li {
    border-bottom: 1px solid #bbbdc0;
  }
}
@media print {
  header-directive * {
    display: none !important;
  }
}
#help-center {
  margin: 66px auto 0;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1023px) {
  #help-center {
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 18px;
    margin: 25px auto 0;
  }
}
#help-center #mobile-header {
  display: none;
}
@media (max-width: 1023px) {
  #help-center #mobile-header {
    display: block;
    font-size: 12px;
  }
}
#help-center #help-center-menu {
  width: 25%;
  margin-top: 45px;
  padding-right: 50px;
}
@media (max-width: 1023px) {
  #help-center #help-center-menu {
    width: 100%;
    border-bottom: 1px #bbbdc0 solid;
    margin: 20px 0 50px;
    padding: 0 0 15px 0;
  }
  #help-center #help-center-menu.mobile-expanded {
    padding-bottom: 66px;
  }
}
#help-center #help-center-menu h2 {
  font-family: "Oswald", sans-serif;
  font-size: 18px;
}
#help-center #help-center-menu h2:focus {
  outline: none;
  border: none;
  box-shadow: none !important;
}
@media (max-width: 1023px) {
  #help-center #help-center-menu h2 {
    position: relative;
  }
  #help-center #help-center-menu h2.mobile-expand:after {
    position: absolute;
    right: 0;
    top: 2px;
    content: "\e604";
    font-family: icons;
    font-size: 14px;
  }
  #help-center #help-center-menu h2.mobile-collapse:after {
    position: absolute;
    right: 0;
    top: 2px;
    content: "\e606";
    font-family: icons;
    font-size: 14px;
  }
}
#help-center #help-center-menu #chapters-list {
  color: #444;
  padding: 0 40px;
  height: auto;
  max-height: 1000px;
  overflow: hidden;
  transition: max-height 0.5s 0s ease-out;
}
@media (max-width: 1023px) {
  #help-center #help-center-menu #chapters-list.mobile-hide {
    display: none;
  }
}
@media (max-width: 1023px) {
  #help-center #help-center-menu #chapters-list:not(.has-new) {
    padding: 0;
  }
}
#help-center #help-center-menu #chapters-list .selected-item {
  font-weight: bold;
}
#help-center #help-center-menu #chapters-list .chapter-item {
  margin-top: 12px;
  position: relative;
}
#help-center #help-center-menu #chapters-list .chapter-item .chapter-link {
  font-size: 16px;
}
#help-center #help-center-menu #chapters-list .chapter-item .new-item {
  font-weight: normal;
  position: absolute;
  background: #ef5e39;
  color: #fff;
  text-transform: uppercase;
  transform: translate(-120%, 10%);
  font-size: 11px;
  padding: 1px 4px;
  border-radius: 4px;
  font-family: "Oswald", sans-serif;
}
#help-center #help-center-menu #chapters-list .chapter-item .pages-list {
  padding-left: 10px;
  border-left: 1px solid #989b9f;
  font-weight: normal;
}
#help-center
  #help-center-menu
  #chapters-list
  .chapter-item
  .pages-list
  .page-item {
  margin-top: 12px;
  font-size: 14px;
  position: relative;
}
#help-center
  #help-center-menu
  #chapters-list
  .chapter-item
  .pages-list
  .page-item
  .new-item {
  transform: translate(0, 0);
  height: 8px;
  border-radius: 50%;
  left: -25px;
  top: 5px;
}
#help-center
  #help-center-menu
  #chapters-list
  .chapter-item
  .pages-list
  .page-item:last-of-type {
  margin-bottom: 20px;
}
#help-center #help-center-content {
  width: 75%;
}
@media (max-width: 1023px) {
  #help-center #help-center-content {
    width: 100%;
  }
}
#help-center #help-center-content #help-center-label {
  height: 36px;
  font-size: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  #help-center #help-center-content #help-center-label {
    display: none;
  }
}
#help-center #help-center-content #help-center-label #copy-to-clipboard-button {
  vertical-align: top;
  color: #47a4c6;
  font-size: 14px;
}
#help-center
  #help-center-content
  #help-center-label
  #copy-to-clipboard-button:before {
  font-size: 14px;
  color: #47a4c6;
}
#help-center #help-center-content h1 {
  font-size: 26px;
  font-family: "Oswald", sans-serif;
  color: #47a4c6;
  padding-bottom: 23px;
}
#help-center #help-center-content h3 {
  font-size: 18px;
  font-family: "Oswald", sans-serif;
  color: #444;
  padding: 20px 0;
}
#help-center #help-center-content figure {
  padding: 20px 0;
  text-align: center;
}
#help-center #help-center-content figure iframe {
  max-width: 100%;
}
@media (max-width: 1023px) {
  #help-center #help-center-content figure iframe {
    width: 380px;
    height: 214px;
  }
}
#help-center #help-center-content figure img {
  border: 1px solid #989b9f;
}
#help-center #help-center-content p,
#help-center #help-center-content div {
  line-height: 2;
}
#help-center #help-center-content p:not(:empty) {
  padding-bottom: 20px;
}
.home {
  max-width: none;
  margin: auto;
}
.home .loading .active + .loading__bar:before {
  bottom: -10px;
}
.home #relief-banner {
  background: #ef5e39;
}
.home #relief-banner .banner-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: "Helvetica Light", "Helvetica", "Arial", sans-serif;
  color: #fff;
}
.home #relief-banner #relief-banner-multi {
  font-size: 30px;
}
.home #relief-banner #relief-banner-multi.scroll-banner {
  height: 209px;
}
.home #relief-banner #relief-banner-multi p {
  width: 60%;
  text-align: center;
  padding: 0 20px 8px;
  font-weight: 300;
  font-size: 30px;
}
.home #relief-banner #relief-banner-multi #relief-location-list {
  width: 40%;
  position: relative;
}
.home #relief-banner #relief-banner-multi #relief-location-list #scroll-up {
  content: "";
}
.home
  #relief-banner
  #relief-banner-multi
  #relief-location-list
  #scroll-up:before {
  content: "\e604";
  position: absolute;
  top: 10px;
  right: 15px;
  font-family: icons;
  font-size: 18px;
}
.home #relief-banner #relief-banner-multi #relief-location-list #scroll-down {
  content: "";
}
.home
  #relief-banner
  #relief-banner-multi
  #relief-location-list
  #scroll-down:after {
  content: "\e606";
  position: absolute;
  bottom: 5px;
  right: 15px;
  font-family: icons;
  font-size: 18px;
}
.home #relief-banner #relief-banner-multi #relief-location-list {
  background: #47a4c6;
  text-align: center;
  font-size: 20px;
  font-weight: 300;
  border-color: #fff;
  border-style: solid;
  border-width: 0 0 1px 0;
}
.home #relief-banner #relief-banner-multi #relief-location-list li {
  padding: 10px 10px 13px;
  border-color: #fff;
  border-style: solid;
  border-width: 1px 1px 0 1px;
}
.home
  #relief-banner
  #relief-banner-multi
  #relief-location-list
  li
  .relief-banner-button {
  display: block;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.home #relief-banner #relief-banner-single {
  padding: 60px 40px;
  height: 140px;
  margin: auto;
  font-size: 24px;
}
.home #relief-banner #relief-banner-single #relief-banner-button {
  padding: 5px 10px;
  border: 1px solid #fff;
  margin-left: 20px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  white-space: nowrap;
  transform: translateY(2px);
  font-family: "Oswald", sans-serif;
}
.home #relief-banner #relief-banner-single p {
  text-align: center;
  font-weight: 300;
  font-size: 30px;
}
@media (max-width: 1023px) {
  .home #relief-banner #relief-banner-multi p {
    font-size: 24px;
  }
  .home #relief-banner #relief-banner-multi #relief-location-list {
    font-size: 16px;
  }
  .home #relief-banner #relief-banner-multi.scroll-banner {
    height: 185px;
  }
}
@media (max-width: 450px) {
  .home #relief-banner #relief-banner-multi {
    flex-direction: column;
  }
  .home #relief-banner #relief-banner-multi p {
    padding: 16px 10px 19px;
    font-size: 18px;
  }
  .home #relief-banner #relief-banner-multi #relief-location-list {
    width: 100%;
  }
  .home #relief-banner #relief-banner-multi.scroll-banner {
    height: unset;
  }
  .home #relief-banner #relief-banner-multi #relief-location-list li {
    border-left: none;
  }
  .home
    #relief-banner
    #relief-banner-multi
    #relief-location-list
    li
    .relief-banner-button {
    padding: 6px 0;
  }
  .home #relief-banner #relief-banner-single {
    flex-wrap: wrap;
    font-size: 18px;
    padding: 4px;
  }
  .home #relief-banner #relief-banner-single #relief-banner-button {
    font-size: 12px;
    margin-left: 0;
    transform: translateY(-12px);
  }
}
.home .messages .messages__success {
  padding: 15px 15px 0;
  color: #74af43;
  text-align: center;
}
.home .messages .messages__error {
  padding: 15px 15px 0;
  color: #ef5e39;
  text-align: center;
}
.home .messages a {
  color: #47a4c6;
}
.home .hero {
  position: relative;
  width: 100%;
  height: 600px;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
@media (max-width: 1023px) {
  .home .hero {
    height: 360px;
  }
}
.home #header-wrapper {
  position: relative;
}
.home .hero-box {
  position: relative;
  overflow: hidden;
  width: 100%;
  border-bottom: 8px solid #ef5e39;
  max-height: 564px;
}
.home .hero-box.active {
  padding-bottom: 7vw;
}
.home .hero-box .video-js {
  height: 100%;
  width: 100%;
}
.home .hero-box video {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: 105%;
}
.home .hero-box .play-video-icon {
  cursor: pointer;
  content: "\e624";
  position: absolute;
  z-index: 3;
  right: 100px;
  bottom: 50px;
  display: inline-block;
  font-family: "icons";
  font-size: 6vw;
  line-height: 0;
  color: #fff;
  opacity: 0.55;
}
.home .hero-box .play-video-icon:hover {
  opacity: 1;
}
@media (max-width: 450px) {
  .home .hero-box .play-video-icon {
    bottom: 20px;
    right: 60px;
  }
}
@media (min-width: 450px) and (max-width: 1023px) {
  .home .hero-box .play-video-icon {
    right: 70px;
    bottom: 20px;
    font-size: 6vw;
  }
}
.home .video-background {
  position: absolute;
  top: 0;
  width: 100%;
  padding-bottom: 56.5%;
  padding-top: 15px;
  height: 0;
  overflow: hidden;
  min-height: 400px;
}
.home .video-background:after {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  content: "";
}
.home .video-background .video-background__container {
  position: absolute;
  top: -20%;
  left: -20%;
  height: 140%;
  width: 140%;
}
.home .video-background .video-background__container iframe {
  height: 100%;
  width: 100%;
}
.home .hero__image {
  width: 100%;
  height: 600px;
  overflow: hidden;
  position: absolute;
  top: 0;
}
.home .hero__image img {
  height: 100%;
  width: auto;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .home .hero__image img {
    height: auto;
    width: 100%;
  }
}
.home .hero-video {
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.home .hero-video .icon-check {
  position: absolute;
  z-index: 7;
  top: 5px;
  right: 10px;
  display: inline-block;
  margin: 5px 10px 0 0;
  font-size: 20px;
  line-height: 0;
  color: #64686c;
  cursor: pointer;
}
@media (min-width: 768px) {
  .home .hero-video .icon-check {
    margin: 2.3vw 35px 0 0;
    font-size: 40px;
  }
}
@media (max-width: 450px) {
  .home .hero-video .icon-check {
    font-size: 20px;
  }
}
@media (min-width: 450px) and (max-width: 1023px) {
  .home .hero-video .icon-check {
    font-size: 20px;
  }
}
.home .hero-video .video {
  position: relative;
  padding-bottom: 56.25%;
}
.home .hero-video .video iframe,
.home .hero-video .video object,
.home .hero-video .video video,
.home .hero-video .video embed,
.home .hero-video .video div,
.home .hero-video .video .BrightcoveExperience {
  position: absolute;
  z-index: 6;
  top: 20px;
  left: 0;
  width: 100%;
  height: 60% !important;
  border: none;
}
@media (max-width: 450px) {
  .home .hero-video .video iframe,
  .home .hero-video .video object,
  .home .hero-video .video video,
  .home .hero-video .video embed,
  .home .hero-video .video div,
  .home .hero-video .video .BrightcoveExperience {
    top: 26px;
    left: 0;
    width: 100%;
    height: 210px !important;
  }
}
@media (min-width: 450px) and (max-width: 1023px) {
  .home .hero-video .video iframe,
  .home .hero-video .video object,
  .home .hero-video .video video,
  .home .hero-video .video embed,
  .home .hero-video .video div,
  .home .hero-video .video .BrightcoveExperience {
    left: calc(50% - 225px);
    max-width: 450px !important;
    height: 255px !important;
  }
}
@media (min-width: 1024px) {
  .home .hero-video .video iframe,
  .home .hero-video .video object,
  .home .hero-video .video video,
  .home .hero-video .video embed,
  .home .hero-video .video div,
  .home .hero-video .video .BrightcoveExperience {
    left: calc(50% - 417px);
    width: 835px !important;
    height: 470px !important;
  }
}
.home .hero-video__overlay {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: white;
  opacity: 0.8;
  background-size: 4px 4px;
  background-position: 0px 0px, 10px 10px;
  transition: padding-bottom 0.25s linear;
}
.home .hero__call-to-action__search {
  position: absolute;
  top: calc(50% - 60px);
  width: 100%;
  color: white;
  z-index: 1;
  font-family: "Oswald", sans-serif;
  text-align: center;
}
.home .hero__call-to-action__search .hero__call-to-action__message {
  font-size: 2em;
  font-weight: 700;
  text-shadow: 0px 0px 14px rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 15px;
}
.home .hero__call-to-action__search .hero__call-to-action__more {
  text-align: center;
  margin-top: 40px;
  font-size: 20px;
}
.home .hero__call-to-action__search .hero__call-to-action__more a {
  padding: 2px 5px;
  transition: all 250ms ease-in-out;
}
.home
.volunteer-button {
  padding: 10px 23px;
  font-size: 20px;
  font-weight: 450;
  background-color: #74af43;
}
.home .hero__call-to-action__search .hero__call-to-action__more a:hover {
  background: rgba(0, 0, 0, 0.5);
  border-bottom: 0;
}
.home .hero__call-to-action__search .form__search__input {
  width: 340px;
  height: 52px;
  padding: 14px 18px;
  color: #ef5e39;
}
.home .hero__call-to-action__search .form__search__submit {
  padding: 13px 26px;
  height: 52px;
  font-size: 18px;
  font-weight: 700;
  background-color: #ef5e39;
  font-family: "Oswald", sans-serif;
}
@media (max-width: 767px) {
  .home .hero__call-to-action__search .hero__call-to-action__message {
    font-size: 22px;
    width: 281px;
    text-align: center;
    margin: 0 auto 15px;
  }
  .home .hero__call-to-action__search .form__search__input {
    height: 28px;
    width: 172px;
  }
  .home .hero__call-to-action__search .form__search__submit {
    height: 28px;
    width: 68px;
    font-size: 12px;
    padding: 6px 14px;
  }
  .home .hero__call-to-action__search {
    top: calc(50% - 60px);
  }
}
.home .hero__call-to-action__search .hero__call-to-action__not-available {
  text-align: center;
}
.home .hero__call-to-action__search .hero__call-to-action__not-available a {
  color: #47a4c6;
}
.home .hero__image-overlay {
  background-color: rbga(40, 40, 40, 0.8);
  width: 100%;
  height: 100%;
  z-index: 1;
}
.home .hero__videos__list {
  border-left: 3px solid #fff;
  border-right: 3px solid #fff;
}
.home .hero__videos__list li {
  position: relative;
  float: left;
  width: 50%;
  border: 6px solid #fff;
  border-left-width: 3px;
  border-right-width: 3px;
}
.home .hero__videos__list a:before {
  content: "\e624";
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  margin-left: -3.25vw;
  display: inline-block;
  font-family: "icons";
  font-size: 8vw;
  line-height: 0;
  color: rgba(255, 255, 255, 0.75);
}
.home .hero__videos__list figure {
  line-height: 0;
}
.home .hero__videos__list figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-bottom: 1vw;
  text-align: center;
  font-size: 3vw;
  font-weight: bold;
  line-height: 3.2vw;
  color: #fff;
  padding: 5px;
}
@media (min-width: 768px) {
  .home .hero__videos__list {
    border-width: 4px;
  }
  .home .hero__videos__list li {
    border: 8px solid #fff;
    border-left-width: 4px;
    border-right-width: 4px;
  }
  .home .hero__videos__list a:before {
    margin-left: -1.75vw;
    font-size: 4vw;
  }
  .home .hero__videos__list figcaption {
    padding-bottom: 0.5vw;
    font-size: 1.2vw;
    line-height: 1.35vw;
  }
}
@media (min-width: 1280px) {
  .home .hero__videos__list figcaption {
    font-size: 15.36px;
    line-height: 17.28px;
  }
  .home .hero__videos__list a:before {
    margin-left: -22.4px;
    font-size: 51.2px;
  }
}
.home .sub-hero {
  background-color: #fff;
  text-align: left;
  width: 100%;
}
.home .sub-hero__mission-statement {
  max-width: 782px;
  font-family: "Helvetica Light", "Helvetica", "Arial", sans-serif;
  font-size: 22px;
  line-height: 37px;
  font-weight: 300;
  color: #64686c;
  text-align: left;
  margin: 0 auto;
  padding: 48px 0;
}
.home .sub-hero__mission-statement .highlight {
  font-family: "Helvetica Light", "Helvetica", "Arial", sans-serif;
  color: #ef5e39;
}
@media (max-width: 767px) {
  .home .sub-hero__mission-statement {
    padding: 10px;
    margin-left: calc(50% - 145px);
    font-size: 16px;
    line-height: 22px;
    font-weight: 100;
    width: 290px;
    margin: 40px auto;
    font-family: "Helvetica Light", "Helvetica", "Arial", sans-serif;
    color: #989b9f;
  }
}
@media (min-width: 1024px) {
  .home .sub-hero__mission-statement {
    text-align: left;
    font-size: 22px;
    line-height: 37px;
  }
}
.home .sub-hero__call-to-action__search {
  font-size: 14px;
}
@media (max-width: 767px) {
  .home .sub-hero__call-to-action__search {
    padding: 0 10px 10px;
  }
}
@media (min-width: 768px) {
  .home .sub-hero__call-to-action__search {
    margin-top: 0.5vw;
  }
}
.home .sub-hero__call-to-action__search a {
  color: #47a4c6;
}
.home .social_icons {
  position: absolute;
  right: 0;
  display: block;
  min-height: 28px;
  width: 100%;
  z-index: 3;
  top: 0px;
}
@media (min-width: 1024px) {
  .home .social_icons {
    min-height: 56px;
  }
}
@media (max-width: 767px) {
  .home .social_icons {
    position: relative;
    background-color: #74af43;
    height: 44px;
  }
}
.home .social_icons ul {
  position: absolute;
  z-index: 6;
  padding: 10px;
  margin-left: calc(50% - 165px);
}
@media (max-width: 767px) {
  .home .social_icons ul {
    padding: 10px;
  }
}
@media (min-width: 768px) {
  .home .social_icons ul {
    right: 0;
    padding-top: 10px;
  }
}
@media (min-width: 1280px) {
  .home .social_icons ul {
    padding-top: 10px;
  }
}
.home .social_icons li {
  display: inline-block;
}
.home .social_icons li.title {
  color: white;
  font-family: "Oswald", sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  line-height: 16px;
  vertical-align: middle;
  opacity: 1;
  font-weight: 400;
  margin-top: -5px;
  max-width: 159px;
  letter-spacing: 1px;
}
.home .social_icons li.title.es {
  max-width: 156px;
}
@media (max-width: 767px) {
  .home .social_icons li.title {
    font-size: 11px;
    font-weight: 500;
    position: relative;
    margin-top: -3px;
    width: 100px;
    line-height: 14px;
    letter-spacing: 1px;
  }
  .home .social_icons li.title.es {
    max-width: 156px;
    width: 140px;
  }
}
.home .social_icons .social-follow__background {
  background-color: #74af43;
  z-index: 5;
  width: 345px;
  height: 100%;
  position: absolute;
  opacity: 0.8;
  right: 0;
}
@media (max-width: 767px) {
  .home .social_icons .social-follow__background {
    width: 100%;
    opacity: 1;
  }
}
.home .social_icons .social-follow__background.es {
  width: 372px;
}
.home .social_icons .social-icon__singleton::before {
  color: #fff;
  font-size: 24px;
  opacity: 0.6;
  padding-left: 10px;
}
@media (max-width: 767px) {
  .home .social_icons .social-icon__singleton::before {
    font-size: 24px;
    padding-left: 6px;
  }
}
.home .social_icons .social-icon__singleton:hover::before {
  opacity: 1;
}
.home .social_icons .icon-twitter:hover::before {
  opacity: 1;
}
.home .social_icons .icon-googleplus:hover::before {
  opacity: 1;
}
.home .social_icons .icon-youtube:hover::before {
  opacity: 1;
}
.home .social_icons .icon-instagram:hover::before {
  opacity: 1;
}
.home .how-it-works {
  background-color: #e5e3e3;
}
@media (max-width: 767px) {
  .home .how-it-works {
    padding: 30px 0;
  }
}
.home .how-it-works .title {
  font-family: "Helvetica Light", "Helvetica", "Arial", sans-serif;
  font-size: 22px;
  line-height: 37px;
  text-align: center;
  color: #64686c;
  padding: 30px 0 20px 0;
}
.home .how-it-works img {
  width: 509px;
  height: 452px;
  margin-left: calc(50% - 260px);
}
@media (max-width: 767px) {
  .home .how-it-works img {
    height: 248px;
    width: 280px;
    margin-left: calc(50% - 140px);
  }
}
.home .how-it-works p {
  font-size: 16px;
  line-height: 28px;
  max-width: 870px;
  font-family: "Helvetica Light", "Helvetica", "Arial", sans-serif;
  margin-left: calc(50% - 435px);
  padding-bottom: 35px;
  width: 826px;
  color: #989b9f;
}
@media (max-width: 767px) {
  .home .how-it-works p {
    margin-left: calc(50% - 138px);
    margin-top: 40px;
    width: 287px;
    font-size: 14px;
    line-height: 18px;
    color: #64686c;
  }
}
@media (min-width: 768px) and (max-width: 1000px) {
  .home .how-it-works p {
    width: 600px;
    margin-left: calc(50% - 300px);
  }
}
.home .divider-bar {
  height: 32px;
  background: url("https://www.justserve.org/api/images/static/js-pattern.svg");
  background-size: 60px 60px;
}
.home .call-to-action {
  background-image: url("https://www.justserve.org/api/images/static/diamondpattern.png");
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  clear: both;
}
.home .call-to-action .highlight__blue {
  color: #47a4c6;
  cursor: pointer;
}
.home .call-to-action .call-to-action__card-container {
  position: relative;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 10px;
}
@media (max-width: 767px) {
  .home .call-to-action .call-to-action__card-container {
    display: block;
  }
}
.home .call-to-action .call-to-action__card {
  margin: 30px 5px;
  position: relative;
  max-width: 430px;
  min-height: 202px;
  float: left;
  padding: 12px 30px;
  background-color: white;
}
@media (max-width: 767px) {
  .home .call-to-action .call-to-action__card {
    margin: 4px 0;
    margin-left: calc(50% - 140px);
    width: 280px;
    height: auto;
    padding: 20px 10px;
  }
}
.home .call-to-action h3 {
  color: #74af43;
  font-family: Helvetica, arial;
  font-size: 25px;
  font-weight: 300;
}
@media (max-width: 767px) {
  .home .call-to-action h3 {
    font-size: 20px;
    text-align: center;
    line-height: "24px";
  }
}
.home .call-to-action p {
  font-family: Helvetica, arial;
  font-size: 16px;
  line-height: 24px;
  margin: 10px 0 15px;
}
.home .call-to-action p .highlight {
  color: #47a4c6;
}
@media (max-width: 767px) {
  .home .call-to-action p {
    font-size: 14px;
    line-height: 18px;
  }
}
.home .call-to-action .call-to-action__card__center {
  text-align: center;
}
.home .call-to-action .call-to-action__card__center button {
  text-align: center;
  color: #fff;
  font-size: 20px;
  font-family: "Oswald", sans-serif;
  margin-bottom: 10px;
  background-color: #ef5e39;
}
.home .call-to-action .call-to-action__card__center button:hover {
  background-color: #74af43;
}
@media (max-width: 767px) {
  .home .call-to-action .call-to-action__card__center button {
    font-size: 16px;
  }
}
.home .user-testimonials-section {
  width: 100%;
  display: inline-block;
}
.home .user-testimonials {
  width: 100%;
  max-width: 1210px;
  margin: 0 auto;
}
.home .user-testimonials .user-testimonials__card {
  width: 512px;
  padding: 20px 40px;
}
@media (max-width: 767px) {
  .home .user-testimonials .user-testimonials__card {
    padding: 20px 14px;
  }
}
.home .user-testimonials .user-testimonials__card:first-child {
  margin-top: 60px;
}
.home .user-testimonials .user-testimonials__card:last-child {
  margin-bottom: 60px;
}
.home .user-testimonials .user-testimonials__card:nth-of-type(2n) {
  color: #989b9f;
  float: right;
  width: 100%;
}
.home
  .user-testimonials
  .user-testimonials__card:nth-of-type(2n)
  .user-testimonials__message {
  float: right;
  max-width: 320px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  font-right: 18px;
  padding-right: 30px;
}
@media (min-width: 540px) and (max-width: 860px) {
  .home
    .user-testimonials
    .user-testimonials__card:nth-of-type(2n)
    .user-testimonials__message {
    width: 250px;
    font-size: 18px;
    padding-right: 12px;
  }
}
@media (max-width: 540px) {
  .home
    .user-testimonials
    .user-testimonials__card:nth-of-type(2n)
    .user-testimonials__message {
    width: 245px;
    font-size: 18px;
    padding-right: 12px;
  }
}
.home
  .user-testimonials
  .user-testimonials__card:nth-of-type(2n)
  .user-testimonials__image {
  height: 169px;
  width: 169px;
  float: right;
  border-radius: 85px;
  margin: 0px 20px 10px 0;
}
@media (max-width: 767px) {
  .home
    .user-testimonials
    .user-testimonials__card:nth-of-type(2n)
    .user-testimonials__image {
    height: 84px;
    width: 84px;
    margin-right: 14px;
  }
}
.home .user-testimonials .user-testimonials__card:nth-of-type(2n + 1) {
  float: left;
  color: #989b9f;
  width: 100%;
}
.home
  .user-testimonials
  .user-testimonials__card:nth-of-type(2n + 1)
  .user-testimonials__message {
  float: left;
  max-width: 320px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 18px;
  padding-left: 30px;
}
@media (min-width: 540px) and (max-width: 860px) {
  .home
    .user-testimonials
    .user-testimonials__card:nth-of-type(2n + 1)
    .user-testimonials__message {
    width: 250px;
    padding-left: 12px;
    font-size: 18px;
  }
}
@media (max-width: 540px) {
  .home
    .user-testimonials
    .user-testimonials__card:nth-of-type(2n + 1)
    .user-testimonials__message {
    width: 245px;
    padding-left: 12px;
    font-size: 18px;
  }
}
.home
  .user-testimonials
  .user-testimonials__card:nth-of-type(2n + 1)
  .user-testimonials__image {
  height: 169px;
  width: 169px;
  float: left;
  border-radius: 85px;
  margin: 0px 0 10px 20px;
}
@media (max-width: 767px) {
  .home
    .user-testimonials
    .user-testimonials__card:nth-of-type(2n + 1)
    .user-testimonials__image {
    height: 84px;
    width: 84px;
    margin-left: 14px;
  }
}
.home .user-testimonials .user-testimonials__card .user-testimonials__quote {
  color: #74af43;
  font-size: 22px;
}
@media (max-width: 767px) {
  .home .user-testimonials .user-testimonials__card .user-testimonials__quote {
    font-size: 18px;
  }
}
.home .user-testimonials .user-testimonials__card .user-testimonials__name {
  font-size: 18px;
}
@media (max-width: 767px) {
  .home .user-testimonials .user-testimonials__card .user-testimonials__name {
    font-size: 14px;
  }
}
.home .user-testimonials .user-testimonials__card .user-testimonials__title {
  font-size: 18px;
}
.home .user-testimonials .user-testimonials__card .user-testimonials__title em {
  font-size: 18px;
}
@media (max-width: 767px) {
  .home
    .user-testimonials
    .user-testimonials__card
    .user-testimonials__title
    em {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .home .user-testimonials .user-testimonials__card .user-testimonials__title {
    font-size: 14px;
  }
}
.home .user-testimonials .user-testimonials__card .user-testimonials__user {
  margin-top: 14px;
}
@media (max-width: 767px) {
  .home .user-testimonials .user-testimonials__card .user-testimonials__user {
    font-size: 14px;
  }
}
.home .social-callout {
  width: 100%;
  text-align: left;
  margin-bottom: 60px;
}
.home .social-callout .tintup {
  margin: 20px auto 0;
  position: initial !important;
  width: calc(100% - 40px);
  height: 270px;
}
.home .social-callout .social-callout__header {
  margin: 0 15px;
}
@media (max-width: 540px) {
  .home .social-callout .social-callout__header {
    margin: 0 0 0 15px;
  }
}
.home .social-callout .social-callout__title {
  font-family: "Oswald", sans-serif;
  font-size: 20px;
  height: 21px;
  margin-top: 10px;
  background-color: #fff;
  padding: 0 10px;
  border-right: 2px solid #bbbdc0;
  line-height: 20px;
  font-weight: 700;
  color: #64686c;
  display: inline-block;
  text-transform: uppercase;
}
@media (max-width: 540px) {
  .home .social-callout .social-callout__title {
    font-size: 16px;
  }
}
.home .social-callout hr {
  border-bottom: 2px solid #bbbdc0;
  z-index: 1;
  margin-top: -6px;
}
@media (max-width: 540px) {
  .home .social-callout hr {
    margin-top: -4px;
  }
}
.home .social-callout .highlight {
  color: #ef5e39;
}
.home .color-namebar-buttons {
  background-color: #ef5e39;
}
.home .color-namebar-buttons-rgba {
  background-color: #ef5e39;
  opacity: 0.8;
}
.home .news-testimonials {
  clear: both;
  width: 100%;
  margin-top: 60px;
  background-color: #fff;
}
.home .news-testimonials__header {
  margin: 0 15px;
}
@media (max-width: 540px) {
  .home .news-testimonials__header {
    margin: 0 0 0 15px;
  }
}
.home .news-testimonials__title {
  font-family: "Oswald", sans-serif;
  font-size: 20px;
  height: 21px;
  margin-top: 10px;
  background-color: #fff;
  padding: 0 10px;
  border-right: 2px solid #bbbdc0;
  line-height: 20px;
  font-weight: 700;
  color: #64686c;
  display: inline-block;
  text-transform: uppercase;
}
@media (max-width: 540px) {
  .home .news-testimonials__title {
    font-size: 16px;
  }
}
.home .news-testimonials hr {
  border-bottom: 2px solid #bbbdc0;
  z-index: 1;
  margin-top: -6px;
}
@media (max-width: 540px) {
  .home .news-testimonials hr {
    margin-top: -4px;
  }
}
.home .news-testimonials .news-testimonials__container {
  position: relative;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .home .news-testimonials .news-testimonials__container {
    padding: 40px 0;
    flex-direction: column;
  }
}
.home .news-testimonials .news-testimonials__card {
  width: 300px;
  margin: 95px 45px 85px;
}
@media (max-width: 1023px) {
  .home .news-testimonials .news-testimonials__card {
    margin: 0 auto;
    padding: 20px 0;
  }
}
.home .news-testimonials .news-testimonials__quote {
  text-align: center;
  margin-top: 13px;
  width: 206px;
  height: 110px;
  color: #47a4c6;
}
.home .final-tagline {
  width: 100%;
  border-top: 2px solid #e5e3e3;
  display: -ms-flexbox;
  display: flex;
}
.home .final-tagline__message {
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, 0);
  font-size: 30px;
  text-align: center;
  margin: 82px 0 0;
  font-family: "Helvetica Light", "Helvetica", "Arial", sans-serif;
  font-weight: 300;
  color: #64686c;
}
#manage_admins {
  max-width: 100%;
  color: #64686c;
}
#manage_admins ::-webkit-scrollbar {
  display: none;
}
#manage_admins .js-edit__password__button {
  position: relative;
  top: 2px;
  padding: 0 20px;
  display: inline;
}
#manage_admins .edit .edit__password input[type="password"] {
  height: 30px;
}
#manage_admins #manage-admins-tutorial-modal {
  width: 97%;
  max-height: 97%;
  top: 56%;
}
#manage_admins #manage-admins-tutorial-modal #tutorial-button-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#manage_admins .sort-reverse:after {
  content: "\e622";
  font-family: "icons";
  font-size: 14px;
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
}
#manage_admins .sort-reverse > tr {
  margin-top: 8px;
}
#manage_admins .sort:after {
  content: "\e620";
  font-family: "icons";
  font-size: 14px;
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
}
#manage_admins input.find-as-you-type__input {
  margin: 0 0 15px 0 !important;
}
#manage_admins ul.find-as-you-type__list {
  position: relative;
  margin: 0 0 15px 0;
}
#manage_admins #tree-search-panel-modal table {
  margin-top: 10px;
  font-family: Helvetica, arial;
}
#manage_admins #tree-search-panel-modal table thead {
  width: 100%;
  border-bottom: 1px solid #64686c;
}
#manage_admins #tree-search-panel-modal table thead th {
  position: relative;
  cursor: pointer;
  word-wrap: none;
  font-weight: 100;
  padding: 5px 5px 0;
  color: #64686c;
}
#manage_admins #tree-search-panel-modal table thead th:focus {
  outline: none;
}
#manage_admins #tree-search-panel-modal table thead th.sort:after,
#manage_admins #tree-search-panel-modal table thead th.sort-reverse:after {
  display: inline;
}
#manage_admins #tree-search-panel-modal table thead a {
  color: inherit;
}
#manage_admins #tree-search-panel-modal table tbody {
  width: 100%;
}
#manage_admins #tree-search-panel-modal table tbody * {
  font-size: 14px;
}
@media (min-width: 450px) and (max-width: 1023px) {
  #manage_admins #tree-search-panel-modal table tbody * {
    font-size: 14px;
  }
}
#manage_admins #tree-search-panel-modal table tbody > tr {
  margin-top: 8px;
}
#manage_admins #tree-search-panel-modal table tbody tr {
  width: 100%;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  height: 35px;
  line-height: 10px;
}
#manage_admins #tree-search-panel-modal table tbody tr td.name {
  color: #47a4c6;
}
#manage_admins #manage-admins-panel,
#manage_admins #vacant-search-panel-modal,
#manage_admins #reassign-panel-modal,
#manage_admins #tree-search-panel-modal {
  width: 1024px;
}
@media (max-width: 1023px) {
  #manage_admins #manage-admins-panel,
  #manage_admins #vacant-search-panel-modal,
  #manage_admins #reassign-panel-modal,
  #manage_admins #tree-search-panel-modal {
    width: 100%;
  }
}
#manage_admins #manage-admins-panel .modal-directive-container,
#manage_admins #vacant-search-panel-modal .modal-directive-container,
#manage_admins #reassign-panel-modal .modal-directive-container,
#manage_admins #tree-search-panel-modal .modal-directive-container {
  -ms-flex-item-align: center;
  align-self: center;
  padding: 0 20px 20px 20px;
  width: 100%;
}
@media (min-width: 1024px) {
  #manage_admins #manage-admins-panel .modal-directive-container,
  #manage_admins #vacant-search-panel-modal .modal-directive-container,
  #manage_admins #reassign-panel-modal .modal-directive-container,
  #manage_admins #tree-search-panel-modal .modal-directive-container {
    width: 1024px;
  }
}
#manage_admins #manage-admins-panel {
  display: block;
  max-width: 1024px;
  margin: 12px auto 0 auto;
}
@media (max-width: 1023px) {
  #manage_admins #manage-admins-panel {
    margin: 12px 0 0 0;
  }
}
#manage_admins #manage-admins-panel input[type="text"],
#manage_admins #manage-admins-panel input[type="password"] {
  height: 2em;
  padding: 0 0.3em;
}
#manage_admins #manage-admins-panel textarea {
  height: 4em;
  padding: 0.3em;
}
#manage_admins #manage-admins-panel input[type="text"],
#manage_admins #manage-admins-panel textarea,
#manage_admins #manage-admins-panel input[type="password"] {
  border: solid 1px #989b9f;
  color: #64686c;
  display: inline;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 1023px) {
  #manage_admins #manage-admins-panel .halfsie {
    padding: 0;
  }
}
#manage_admins #manage-admins-panel input[type="text"],
#manage_admins #manage-admins-panel textarea,
#manage_admins #manage-admins-panel input[type="password"] {
  margin-top: 15px;
}
#manage_admins #manage-admins-panel .button-right {
  text-align: right;
}
#manage_admins #manage-admins-panel .button-right button {
  margin-top: 20px;
}
#manage_admins #manage-admins-panel .reassign-error,
#manage_admins #manage-admins-panel .keywords-error,
#manage_admins #manage-admins-panel .password-error {
  text-align: right;
  font-size: 0.8em;
  color: #be1e2d;
}
#manage_admins #manage-admins-panel .reassign-success,
#manage_admins #manage-admins-panel .keywords-success,
#manage_admins #manage-admins-panel .password-success {
  text-align: right;
  font-size: 0.8em;
  color: #74af43;
}
#manage_admins #manage-admins-panel > .admins-panel-tab-content:not(#info-nav) {
  display: block;
  margin: 0 0 0 15%;
  width: 85%;
}
#manage_admins #manage-admins-panel > .admins-panel-tab-content:not(#info-nav).hu {
  margin: 0 0 0 20%;
}
@media (max-width: 1023px) {
  #manage_admins
    #manage-admins-panel
    > .admins-panel-tab-content:not(#info-nav) {
    margin: 0;
    width: 100%;
  }
}
#manage_admins #manage-admins-panel .modal-close-container {
  position: fixed;
  top: 20px;
  right: 20px;
  color: #47a4c6;
  cursor: pointer;
  z-index: 10000;
}
#manage_admins #manage-admins-panel .manage-admin-panel-menu {
  max-width: 985px;
  width: 100%;
  position: fixed;
  background-color: white;
  padding-top: 90px;
  z-index: 1;
}
#manage_admins #manage-admins-panel .admins-name {
  color: #ef5e39;
  margin-right: 40px;
  margin-bottom: 40px;
}
#manage_admins #manage-admins-panel #profile-info {
  margin: 0 0 30px 0;
}
#manage_admins #manage-admins-panel #admins-panel-nav-um {
  max-width: 1024px;
  width: 100%;
  border-bottom: 4px #e5e3e3 solid;
}
#manage_admins #manage-admins-panel #admins-panel-nav-um h2 {
  margin-bottom: 0;
}
#manage_admins #manage-admins-panel #admins-panel-nav-um h2 a {
  padding: 5px 10px 7px;
}
#manage_admins #manage-admins-panel .admins-panel-header {
  max-width: 1024px;
  padding: 0;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  .boundaries-edit-tab {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  #manage_admins
    #manage-admins-panel
    .admins-panel-tab-content
    .boundaries-edit-tab {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  .boundaries-edit-tab
  .boundary-edit-review-container
  ul {
  margin-top: 14px;
  list-style-type: initial;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  .boundaries-edit-tab
  .boundary-edit-review-container
  ul
  li {
  font-size: 14px;
  margin-left: 16px;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  .boundaries-edit-tab
  .boundary-updated-reassign-container
  .boundary-reassign-container {
  padding: 0;
  width: unset;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  .boundaries-edit-tab
  .boundary-updated-reassign-container
  .boundary-reassign-container
  .icon-check {
  cursor: pointer;
  float: right;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  .boundaries-edit-tab
  .boundary-updated-reassign-container
  .boundary-reassign-container
  > div {
  width: 100%;
  margin: 15px;
  padding: 15px;
  border: 1px solid black;
}
#manage_admins #manage-admins-panel .admins-panel-tab-content {
  width: 100%;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  span.review-title {
  color: #ef5e39;
  font-size: 22px;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  span.review-headline:not(:first-child) {
  margin-top: 14px;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  span.review-details {
  font-size: 14px;
}
#manage_admins #manage-admins-panel .admins-panel-tab-content span.newBoundary {
  color: #74af43;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  span.newBoundary.lead-role {
  background: #74af43;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  span.removedBoundary:not(.lead-role) {
  color: #be1e2d;
  text-decoration: line-through;
}
#manage_admins #manage-admins-panel .admins-panel-tab-content span.review-title,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  span.review-headline,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  span.review-details:not(.role) {
  display: block;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  span.lead-role.removedBoundary {
  background: #be1e2d;
}
#manage_admins #manage-admins-panel .admins-panel-tab-content span.lead-role {
  padding: 1px 8px;
  color: #fff;
  fill: #fff;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  a.boundary-reassign-button,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  a.boundary-edit-button {
  padding: 4px 24px;
  margin: 0 0 0 12px;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  a.boundary-reassign-button:not(.disabled),
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  a.boundary-edit-button:not(.disabled) {
  background-color: #ef5e39;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  a.boundary-reassign-button.disabled,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  a.boundary-edit-button.disabled {
  background-color: #d9dadb;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  .updated-by-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  .updated-by-container
  div {
  margin-right: 15px;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .boundary-edit-review-container {
  border: 1px solid #000;
  margin-bottom: 15px;
  padding: 24px;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  h2 {
  font: initial;
  color: #000;
  font-size: 18px;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .add_btn {
  margin: 0 0 15px 0;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .add_btn:not(:disabled) {
  background: #47a4c6;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .add_btn:not(:disabled):hover {
  background: #74af43;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .boundary-edit-info-container {
  padding: 0 16px 0 100px;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .boundary-edit-info-container
  .removedBoundary {
  color: #be1e2d;
}
@media (max-width: 1023px) {
  #manage_admins
    #manage-admins-panel
    .admins-panel-tab-content
    #admins-panel-boundary-edit
    .boundary-edit-info-container {
    text-align: center;
    padding: 0;
  }
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  #boundary-edit-browse-radios {
  border-bottom: 2px solid #989b9f;
  padding-bottom: 12px;
  margin-bottom: 12px;
  margin-top: 1em;
  width: 55%;
}
@media (max-width: 1023px) {
  #manage_admins
    #manage-admins-panel
    .admins-panel-tab-content
    #admins-panel-boundary-edit
    #boundary-edit-browse-radios {
    width: 100%;
  }
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  #boundary-edit-browse-radios
  label {
  font-size: 13px;
  margin-right: 5px;
  line-height: 16px;
  cursor: pointer;
  display: inline;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  #boundary-edit-browse-radios
  input {
  width: 16px;
  height: 16px;
  border-radius: 16px;
  border: 1px solid #47a4c6;
  background: #fff;
  vertical-align: text-bottom;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  #boundary-edit-browse-radios
  input:checked {
  width: 16px;
  height: 16px;
  border-radius: 16px;
  border: 2px solid #fff;
  background: #47a4c6;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  #boundary-edit-browse-radios
  .new-boundary-title {
  margin: 44px 0 11px 0;
  color: #000;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .boundary-edit-browse-select-um
  .boundary-edit-browse-dropdown {
  display: block;
  height: auto;
  width: 100%;
  margin-bottom: 12px;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .boundary-edit-browse-select-um
  .boundary-edit-browse-dropdown
  .form-select {
  width: 50%;
  display: inline-block;
  float: none;
}
@media (max-width: 1023px) {
  #manage_admins
    #manage-admins-panel
    .admins-panel-tab-content
    #admins-panel-boundary-edit
    .boundary-edit-browse-select-um
    .boundary-edit-browse-dropdown
    .form-select {
    width: 100%;
  }
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .boundary-edit-browse-select-um
  .boundary-edit-browse-dropdown
  label {
  display: block;
  text-transform: uppercase;
  font-size: 12px;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .boundary-edit-browse-select-um
  .boundary-edit-browse-dropdown
  select {
  color: #64686c;
  font-size: 15px;
  height: 32px;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .boundary-edit-browse-select-um
  .boundary-edit-browse-dropdown
  a.boundary-edit-clear-text {
  display: inline-block;
  color: #47a4c6;
  font-size: 12px;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .boundary-edit-header
  #header-nav {
  margin-bottom: 15px;
  border-bottom: 1px solid #e5e3e3;
  padding-bottom: 15px;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .boundary-edit-header
  .header-content-wrapper {
  position: relative;
  margin-bottom: 21px;
}
@media (max-width: 1023px) {
  #manage_admins
    #manage-admins-panel
    .admins-panel-tab-content
    #admins-panel-boundary-edit
    .boundary-edit-header
    .header-content-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .boundary-edit-header
  .header-content-wrapper
  #boundary-edit-title-wrapper {
  overflow: hidden;
}
@media (max-width: 1023px) {
  #manage_admins
    #manage-admins-panel
    .admins-panel-tab-content
    #admins-panel-boundary-edit
    .boundary-edit-header
    .header-content-wrapper
    #boundary-edit-title-wrapper {
    width: 100%;
    margin-top: 18px;
  }
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .boundary-edit-header
  .header-content-wrapper
  #boundary-edit-title-wrapper
  #display-title-wrapper {
  overflow: hidden;
}
@media (max-width: 1023px) {
  #manage_admins
    #manage-admins-panel
    .admins-panel-tab-content
    #admins-panel-boundary-edit
    .boundary-edit-header
    .header-content-wrapper
    #boundary-edit-title-wrapper
    #display-title-wrapper {
    width: 100%;
  }
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .boundary-edit-header
  .header-content-wrapper
  #boundary-edit-title-wrapper
  #display-title-wrapper
  h1 {
  font-family: "Oswald";
  font-size: 30px;
  color: #47a4c6;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-transform: initial;
  width: 100%;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .boundary-edit-header
  .header-content-wrapper
  #boundary-edit-title-wrapper
  #display-title-wrapper
  p {
  line-height: 65px;
}
@media (max-width: 1023px) {
  #manage_admins
    #manage-admins-panel
    .admins-panel-tab-content
    #admins-panel-boundary-edit
    .boundary-edit-header
    .header-content-wrapper
    #boundary-edit-status {
    width: 100%;
  }
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .boundary-edit-header
  .header-content-wrapper
  #boundary-edit-status
  .rmv_btn {
  padding: 2px 10px;
  width: 111px;
  color: white;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .boundary-edit-header
  .header-content-wrapper
  #boundary-edit-status
  .progress {
  margin-top: 20px;
  display: inline-block;
  position: relative;
  width: 100%;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .boundary-edit-header
  .header-content-wrapper
  #boundary-edit-status
  .progress
  ol {
  position: relative;
  float: right;
  width: 50%;
  padding-left: 15px;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .boundary-edit-header
  .header-content-wrapper
  #boundary-edit-status
  .progress
  ol.hu {
  width: 70%;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .boundary-edit-header
  .header-content-wrapper
  #boundary-edit-status
  .progress
  ol:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 12px;
  left: 22%;
  width: 60%;
  border-top: 1px solid #e5e3e3;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .boundary-edit-header
  .header-content-wrapper
  #boundary-edit-status
  .progress
  li {
  float: left;
  width: 33%;
  text-align: center;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .boundary-edit-header
  .header-content-wrapper
  #boundary-edit-status
  .progress
  a:disabled {
  cursor: none;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .boundary-edit-header
  .header-content-wrapper
  #boundary-edit-status
  .progress
  a {
  display: block;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .boundary-edit-header
  .header-content-wrapper
  #boundary-edit-status
  .progress
  a:hover
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .boundary-edit-header
  .header-content-wrapper
  #boundary-edit-status
  .progress
  a.progress__active
  span {
  color: #ef5e39;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .boundary-edit-header
  .header-content-wrapper
  #boundary-edit-status
  .progress
  a.progress__completed {
  position: relative;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .boundary-edit-header
  .header-content-wrapper
  #boundary-edit-status
  .progress
  a.progress__completed:before {
  content: "\e611";
  font-family: "icons";
  position: absolute;
  top: -20px;
  left: 50%;
  margin-left: -5px;
  font-size: 0.8em;
  font-weight: bold;
  color: #47a4c6;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .boundary-edit-header
  .header-content-wrapper
  #boundary-edit-status
  .progress
  a.progress__completed
  span:first-of-type {
  border-color: #47a4c6;
  background: #47a4c6;
  color: #fff;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .boundary-edit-header
  .header-content-wrapper
  #boundary-edit-status
  .progress
  a.progress__completed
  span:last-of-type {
  color: #47a4c6;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .boundary-edit-header
  .header-content-wrapper
  #boundary-edit-status
  .progress
  a.progress__error {
  position: relative;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .boundary-edit-header
  .header-content-wrapper
  #boundary-edit-status
  .progress
  a.progress__error:before {
  content: "\e60d";
  font-family: "icons";
  position: absolute;
  top: -20px;
  left: 50%;
  margin-left: -6px;
  font-size: 0.8em;
  font-weight: bold;
  color: #be1e2d;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .boundary-edit-header
  .header-content-wrapper
  #boundary-edit-status
  .progress
  span:first-of-type {
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 1px solid #e5e3e3;
  border-radius: 50%;
  background: #fff;
  color: #989b9f;
  font-family: "Oswald", sans-serif;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .boundary-edit-header
  .header-content-wrapper
  #boundary-edit-status
  .progress
  span:last-of-type {
  display: block;
  margin-top: 5px;
  color: #bbbdc0;
  font-size: 0.75rem;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  #boundary-edit-browse-radios
  .add-org-radio-container {
  display: -ms-flexbox;
  display: flex;
  margin-left: 3px;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  #boundary-edit-browse-radios
  .add-org-radio-container
  target-radio-input {
  margin-right: 20px;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .boundary-edit-footer {
  margin-top: 15px;
  border-top: 1px solid #e5e3e3;
  padding-top: 15px;
  clear: both;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  #header-nav,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  #footer-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end;
}
@media (max-width: 1023px) {
  #manage_admins
    #manage-admins-panel
    .admins-panel-tab-content
    #admins-panel-boundary-edit
    #header-nav,
  #manage_admins
    #manage-admins-panel
    .admins-panel-tab-content
    #admins-panel-boundary-edit
    #footer-nav {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 2px;
  }
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  #header-nav
  h3,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  #footer-nav
  h3 {
  color: #bbbdc0;
  font-size: 14px;
}
@media (max-width: 1023px) {
  #manage_admins
    #manage-admins-panel
    .admins-panel-tab-content
    #admins-panel-boundary-edit
    #header-nav
    h3,
  #manage_admins
    #manage-admins-panel
    .admins-panel-tab-content
    #admins-panel-boundary-edit
    #footer-nav
    h3 {
    -ms-flex-order: 3;
    order: 3;
    margin-top: 24px;
    width: 100%;
    text-align: center;
  }
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .wizard_prev_next_buttons_left {
  margin-right: auto;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .wizard_prev_next_buttons_left,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .wizard_prev_next_buttons {
  padding-bottom: 0;
  text-align: right;
  display: inline-block;
}
@media (max-width: 1023px) {
  #manage_admins
    #manage-admins-panel
    .admins-panel-tab-content
    #admins-panel-boundary-edit
    .wizard_prev_next_buttons_left,
  #manage_admins
    #manage-admins-panel
    .admins-panel-tab-content
    #admins-panel-boundary-edit
    .wizard_prev_next_buttons {
    width: auto;
  }
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .wizard_prev_next_buttons_left
  button,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .wizard_prev_next_buttons
  button {
  height: 27px;
  padding: 2px 10px;
  min-width: 111px;
  margin: 0;
}
@media (max-width: 1023px) {
  #manage_admins
    #manage-admins-panel
    .admins-panel-tab-content
    #admins-panel-boundary-edit
    .wizard_prev_next_buttons_left
    button,
  #manage_admins
    #manage-admins-panel
    .admins-panel-tab-content
    #admins-panel-boundary-edit
    .wizard_prev_next_buttons
    button {
    width: 100px;
  }
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .wizard_prev_next_buttons_left
  .canc_btn,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .wizard_prev_next_buttons
  .canc_btn {
  background: none;
  color: #47a4c6;
  border: 1px solid #47a4c6 !important;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .wizard_prev_next_buttons_left
  .canc_btn:hover,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .wizard_prev_next_buttons
  .canc_btn:hover {
  background: #47a4c6;
  color: white;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .wizard_prev_next_buttons_left
  .prev_btn,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .wizard_prev_next_buttons
  .prev_btn {
  margin-right: 15px;
  background: none;
  color: #47a4c6;
  border: 1px solid #47a4c6 !important;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .wizard_prev_next_buttons_left
  .prev_btn:before,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .wizard_prev_next_buttons
  .prev_btn:before {
  content: "\e623";
  font-family: "icons";
  font-size: 0.8em;
  font-weight: bold;
  margin-right: 10px;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .wizard_prev_next_buttons_left
  .prev_btn:hover,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .wizard_prev_next_buttons
  .prev_btn:hover {
  background: #47a4c6;
  color: white;
}
@media (max-width: 1023px) {
  #manage_admins
    #manage-admins-panel
    .admins-panel-tab-content
    #admins-panel-boundary-edit
    .wizard_prev_next_buttons_left
    .prev_btn,
  #manage_admins
    #manage-admins-panel
    .admins-panel-tab-content
    #admins-panel-boundary-edit
    .wizard_prev_next_buttons
    .prev_btn {
    margin-right: 0px;
  }
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .wizard_prev_next_buttons_left
  .next_btn:not(:disabled),
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .wizard_prev_next_buttons
  .next_btn:not(:disabled) {
  background: #47a4c6;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .wizard_prev_next_buttons_left
  .next_btn:not(:disabled):after,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .wizard_prev_next_buttons
  .next_btn:not(:disabled):after {
  content: "\e621";
  font-family: "icons";
  font-size: 0.8em;
  font-weight: bold;
  margin-left: 10px;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .wizard_prev_next_buttons_left
  .next_btn:not(:disabled):hover,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .wizard_prev_next_buttons
  .next_btn:not(:disabled):hover {
  background: #74af43;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .wizard_prev_next_buttons_left
  .save_btn:not(:disabled),
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .wizard_prev_next_buttons
  .save_btn:not(:disabled) {
  background: #47a4c6;
  border: 1px solid #47a4c6;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .wizard_prev_next_buttons_left
  .save_btn:not(:disabled):hover,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #admins-panel-boundary-edit
  .wizard_prev_next_buttons
  .save_btn:not(:disabled):hover {
  border: 1px solid #47a4c6;
  background: #74af43;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content#admins-panel-account
  .view-profile {
  color: #ef5e39;
  padding: 0 10px;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content#admins-panel-account
  .profile-info {
  margin: 0 0 30px 0;
}
#manage_admins #manage-admins-panel .admins-panel-tab-content .view-all-link {
  margin-bottom: 44px;
  display: block;
  color: #47a4c6;
}
#manage_admins #manage-admins-panel .admins-panel-tab-content .select-all-link {
  margin-left: 24px;
  color: #ef5e39;
}
#manage_admins #manage-admins-panel .admins-panel-tab-content .select-all-link,
#manage_admins #manage-admins-panel .admins-panel-tab-content .view-all-link {
  font-size: 14px;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #pending-projects-container,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #active-projects-container {
  position: relative;
  border-bottom: 1px solid #64686c;
  margin-bottom: 49px;
  width: 100%;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #historical-projects-container {
  margin-bottom: 49px;
  width: 100%;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #active-projects-container
  .row-triangle:before {
  margin-left: 0;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  button:not(.re_btn):not(.de_btn):not(.add_btn) {
  margin-right: 0;
  margin-bottom: 49px;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  button.re_btn:not(:disabled):hover,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  button.pass_btn:not(:disabled):hover {
  background: #74af43;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  button.re_btn:not(:disabled),
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  button.pass_btn:not(:disabled) {
  background-color: #47a4c6;
}
#manage_admins #manage-admins-panel .admins-panel-tab-content .checkbox {
  width: 18px;
  height: 18px;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  .checkbox__checkmark:before {
  left: 0;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #account-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  #manage_admins
    #manage-admins-panel
    .admins-panel-tab-content
    #account-container {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #password-requirements-container,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #activate-account-container,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #remove-all-account-container {
  margin: 0 16px 0 100px;
}
@media (max-width: 1023px) {
  #manage_admins
    #manage-admins-panel
    .admins-panel-tab-content
    #password-requirements-container,
  #manage_admins
    #manage-admins-panel
    .admins-panel-tab-content
    #activate-account-container,
  #manage_admins
    #manage-admins-panel
    .admins-panel-tab-content
    #remove-all-account-container {
    border-top: 1px solid black;
    margin: 0;
  }
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #change-password-container
  button,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #change-keywords-container
  button {
  margin-right: 0;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #change-password-container
  button:not(:disabled),
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #change-keywords-container
  button:not(:disabled) {
  background: #47a4c6;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #change-password-container
  button:not(:disabled):hover,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #change-keywords-container
  button:not(:disabled):hover {
  background: #74af43;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #password-requirements-container
  p,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #password-requirements-container
  button,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #activate-account-container
  p,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #activate-account-container
  button,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #remove-all-account-container
  p,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #remove-all-account-container
  button {
  margin-top: 15px;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #password-requirements-container
  button:not(:disabled),
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #activate-account-container
  button:not(:disabled),
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  #remove-all-account-container
  button:not(:disabled) {
  background-color: #ef5e39;
}
@media (max-width: 1023px) {
  #manage_admins
    #manage-admins-panel
    .admins-panel-tab-content
    #password-requirements-container {
    display: none;
  }
}
#manage_admins #manage-admins-panel .admins-panel-tab-content .icon-template {
  font-size: 23px;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  .icon-template.project {
  color: #ef5e39;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  .icon-template.organization {
  color: #74af43;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  .icon-template.drafts {
  color: #47a4c6;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  .icon-template.templates {
  color: #e5e3e3;
}
#manage_admins #manage-admins-panel .admins-panel-tab-content .counter-bubble {
  font-family: "Oswald", sans-serif;
  background: #bbbdc0 none repeat scroll 0 0;
  border-radius: 7px;
  color: #fff !important;
  display: inline-block;
  font-size: 16px;
  line-height: 16px;
  padding: 2px 8px;
  margin-top: -5px;
  padding-top: 5px;
  text-transform: uppercase;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  .counter-bubble.new-bubble {
  background-color: #ef5e39;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  .row-triangle:before {
  content: "\e605";
  font-family: "icons";
  font-size: 12px;
  color: #989b9f;
  margin-left: 0;
  cursor: pointer;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  .row-triangle:focus {
  outline: none;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  .pending-projects-title-row,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  .pending-organizations-title-row {
  padding: 10px 0 5px 0;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  .pending-projects-title-row,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  .pending-organizations-title-row {
  font-weight: bold;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  .pending-projects-title-row
  > *:not(.icon-template),
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  .pending-organizations-title-row
  > *:not(.icon-template) {
  vertical-align: top;
}
#manage_admins #manage-admins-panel .admins-panel-tab-content table {
  margin-top: 10px;
  width: 100%;
  font-weight: 100;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table
  .project-icon {
  padding: unset;
  width: 6%;
  text-align: center;
  border-bottom: none;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table
  .project-icon
  .checkbox {
  font-size: 19px;
  vertical-align: middle;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#reassign-tree-table
  .users-name-th,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#reassign-tree-table
  .users-name {
  width: 25%;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#reassign-tree-table
  .users-area-th,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#reassign-tree-table
  .users-areas {
  width: 73%;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#reassign-tree-table
  table {
  margin-top: 0;
}
#manage_admins #manage-admins-panel .admins-panel-tab-content table a {
  color: #47a4c6;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table-header
  .project-name,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table
  .project-name {
  width: 64%;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table-header
  .project-location,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table
  .project-location {
  width: 25%;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  .project-date,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  .project-date {
  width: 9%;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  .project-name,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  .project-name {
  width: 60%;
  padding-right: 20px;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  .project-status,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  .project-status {
  width: 23%;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  .project-name,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  .project-name {
  width: 45%;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  .project-owner,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  .project-owner {
  width: 22%;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  .project-location,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  .project-location {
  width: 22%;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table-header
  .Jan
  + .Jan
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table-header
  .Feb
  + .Feb
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table-header
  .Mar
  + .Mar
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table-header
  .Apr
  + .Apr
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table-header
  .May
  + .May
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table-header
  .Jun
  + .Jun
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table-header
  .Jul
  + .Jul
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table-header
  .Aug
  + .Aug
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table-header
  .Sep
  + .Sep
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table-header
  .Oct
  + .Oct
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table-header
  .Nov
  + .Nov
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table-header
  .Dec
  + .Dec
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  .Jan
  + .Jan
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  .Feb
  + .Feb
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  .Mar
  + .Mar
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  .Apr
  + .Apr
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  .May
  + .May
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  .Jun
  + .Jun
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  .Jul
  + .Jul
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  .Aug
  + .Aug
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  .Sep
  + .Sep
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  .Oct
  + .Oct
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  .Nov
  + .Nov
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  .Dec
  + .Dec
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  .Jan
  + .Jan
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  .Feb
  + .Feb
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  .Mar
  + .Mar
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  .Apr
  + .Apr
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  .May
  + .May
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  .Jun
  + .Jun
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  .Jul
  + .Jul
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  .Aug
  + .Aug
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  .Sep
  + .Sep
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  .Oct
  + .Oct
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  .Nov
  + .Nov
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  .Dec
  + .Dec
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .Jan
  + .Jan
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .Feb
  + .Feb
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .Mar
  + .Mar
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .Apr
  + .Apr
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .May
  + .May
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .Jun
  + .Jun
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .Jul
  + .Jul
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .Aug
  + .Aug
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .Sep
  + .Sep
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .Oct
  + .Oct
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .Nov
  + .Nov
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .Dec
  + .Dec
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .Jan
  + .Jan
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .Feb
  + .Feb
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .Mar
  + .Mar
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .Apr
  + .Apr
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .May
  + .May
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .Jun
  + .Jun
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .Jul
  + .Jul
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .Aug
  + .Aug
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .Sep
  + .Sep
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .Oct
  + .Oct
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .Nov
  + .Nov
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .Dec
  + .Dec
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table
  .Jan
  + .Jan
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table
  .Feb
  + .Feb
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table
  .Mar
  + .Mar
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table
  .Apr
  + .Apr
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table
  .May
  + .May
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table
  .Jun
  + .Jun
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table
  .Jul
  + .Jul
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table
  .Aug
  + .Aug
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table
  .Sep
  + .Sep
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table
  .Oct
  + .Oct
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table
  .Nov
  + .Nov
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table
  .Dec
  + .Dec
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  .Jan
  + .Jan
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  .Feb
  + .Feb
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  .Mar
  + .Mar
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  .Apr
  + .Apr
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  .May
  + .May
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  .Jun
  + .Jun
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  .Jul
  + .Jul
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  .Aug
  + .Aug
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  .Sep
  + .Sep
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  .Oct
  + .Oct
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  .Nov
  + .Nov
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  .Dec
  + .Dec
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  .Jan
  + .Jan
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  .Feb
  + .Feb
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  .Mar
  + .Mar
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  .Apr
  + .Apr
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  .May
  + .May
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  .Jun
  + .Jun
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  .Jul
  + .Jul
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  .Aug
  + .Aug
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  .Sep
  + .Sep
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  .Oct
  + .Oct
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  .Nov
  + .Nov
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  .Dec
  + .Dec
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .Jan
  + .Jan
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .Feb
  + .Feb
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .Mar
  + .Mar
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .Apr
  + .Apr
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .May
  + .May
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .Jun
  + .Jun
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .Jul
  + .Jul
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .Aug
  + .Aug
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .Sep
  + .Sep
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .Oct
  + .Oct
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .Nov
  + .Nov
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .Dec
  + .Dec
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .Jan
  + .Jan
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .Feb
  + .Feb
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .Mar
  + .Mar
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .Apr
  + .Apr
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .May
  + .May
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .Jun
  + .Jun
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .Jul
  + .Jul
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .Aug
  + .Aug
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .Sep
  + .Sep
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .Oct
  + .Oct
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .Nov
  + .Nov
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .Dec
  + .Dec
  .project-date
  span {
  color: #fff;
  font-size: 10px !important;
  text-indent: -9999px !important;
  vertical-align: top;
  float: left;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table-header
  .Jan
  + .Jan.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table-header
  .Feb
  + .Feb.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table-header
  .Mar
  + .Mar.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table-header
  .Apr
  + .Apr.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table-header
  .May
  + .May.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table-header
  .Jun
  + .Jun.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table-header
  .Jul
  + .Jul.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table-header
  .Aug
  + .Aug.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table-header
  .Sep
  + .Sep.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table-header
  .Oct
  + .Oct.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table-header
  .Nov
  + .Nov.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table-header
  .Dec
  + .Dec.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  .Jan
  + .Jan.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  .Feb
  + .Feb.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  .Mar
  + .Mar.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  .Apr
  + .Apr.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  .May
  + .May.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  .Jun
  + .Jun.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  .Jul
  + .Jul.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  .Aug
  + .Aug.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  .Sep
  + .Sep.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  .Oct
  + .Oct.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  .Nov
  + .Nov.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  .Dec
  + .Dec.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  .Jan
  + .Jan.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  .Feb
  + .Feb.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  .Mar
  + .Mar.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  .Apr
  + .Apr.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  .May
  + .May.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  .Jun
  + .Jun.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  .Jul
  + .Jul.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  .Aug
  + .Aug.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  .Sep
  + .Sep.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  .Oct
  + .Oct.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  .Nov
  + .Nov.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  .Dec
  + .Dec.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .Jan
  + .Jan.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .Feb
  + .Feb.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .Mar
  + .Mar.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .Apr
  + .Apr.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .May
  + .May.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .Jun
  + .Jun.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .Jul
  + .Jul.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .Aug
  + .Aug.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .Sep
  + .Sep.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .Oct
  + .Oct.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .Nov
  + .Nov.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .Dec
  + .Dec.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .Jan
  + .Jan.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .Feb
  + .Feb.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .Mar
  + .Mar.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .Apr
  + .Apr.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .May
  + .May.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .Jun
  + .Jun.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .Jul
  + .Jul.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .Aug
  + .Aug.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .Sep
  + .Sep.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .Oct
  + .Oct.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .Nov
  + .Nov.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .Dec
  + .Dec.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table
  .Jan
  + .Jan.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table
  .Feb
  + .Feb.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table
  .Mar
  + .Mar.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table
  .Apr
  + .Apr.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table
  .May
  + .May.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table
  .Jun
  + .Jun.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table
  .Jul
  + .Jul.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table
  .Aug
  + .Aug.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table
  .Sep
  + .Sep.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table
  .Oct
  + .Oct.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table
  .Nov
  + .Nov.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table
  .Dec
  + .Dec.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  .Jan
  + .Jan.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  .Feb
  + .Feb.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  .Mar
  + .Mar.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  .Apr
  + .Apr.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  .May
  + .May.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  .Jun
  + .Jun.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  .Jul
  + .Jul.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  .Aug
  + .Aug.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  .Sep
  + .Sep.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  .Oct
  + .Oct.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  .Nov
  + .Nov.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  .Dec
  + .Dec.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  .Jan
  + .Jan.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  .Feb
  + .Feb.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  .Mar
  + .Mar.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  .Apr
  + .Apr.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  .May
  + .May.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  .Jun
  + .Jun.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  .Jul
  + .Jul.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  .Aug
  + .Aug.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  .Sep
  + .Sep.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  .Oct
  + .Oct.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  .Nov
  + .Nov.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  .Dec
  + .Dec.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .Jan
  + .Jan.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .Feb
  + .Feb.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .Mar
  + .Mar.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .Apr
  + .Apr.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .May
  + .May.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .Jun
  + .Jun.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .Jul
  + .Jul.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .Aug
  + .Aug.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .Sep
  + .Sep.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .Oct
  + .Oct.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .Nov
  + .Nov.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .Dec
  + .Dec.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .Jan
  + .Jan.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .Feb
  + .Feb.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .Mar
  + .Mar.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .Apr
  + .Apr.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .May
  + .May.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .Jun
  + .Jun.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .Jul
  + .Jul.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .Aug
  + .Aug.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .Sep
  + .Sep.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .Oct
  + .Oct.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .Nov
  + .Nov.options-shown
  .project-date
  span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .Dec
  + .Dec.options-shown
  .project-date
  span {
  color: #e5e3e3;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table-header
  td:not(.project-options),
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  td:not(.project-options),
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  td:not(.project-options),
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  td:not(.project-options),
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  td:not(.project-options),
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table
  td:not(.project-options),
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  td:not(.project-options),
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  td:not(.project-options),
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  td:not(.project-options),
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  td:not(.project-options) {
  word-wrap: none;
  text-overflow: ellipsis;
  overflow: hidden;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table-header
  .project-options,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  .project-options,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  .project-options,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .project-options,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .project-options,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table
  .project-options,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  .project-options,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  .project-options,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .project-options,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .project-options {
  width: 7%;
  position: relative;
  text-align: center;
  vertical-align: middle;
  cursor: unset;
  animation: fadeIn 0.4s;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table-header
  .project-options.options-shown,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  .project-options.options-shown,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  .project-options.options-shown,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .project-options.options-shown,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .project-options.options-shown,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table
  .project-options.options-shown,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  .project-options.options-shown,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  .project-options.options-shown,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .project-options.options-shown,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .project-options.options-shown {
  background-color: #e5e3e3;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table-header
  .project-options:focus,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  .project-options:focus,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  .project-options:focus,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .project-options:focus,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .project-options:focus,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table
  .project-options:focus,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  .project-options:focus,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  .project-options:focus,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .project-options:focus,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .project-options:focus {
  outline: none;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table-header
  .project-options
  svg,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  .project-options
  svg,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  .project-options
  svg,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .project-options
  svg,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .project-options
  svg,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table
  .project-options
  svg,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  .project-options
  svg,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  .project-options
  svg,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .project-options
  svg,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .project-options
  svg {
  fill: #808083;
  width: 1.5em;
  padding-bottom: 2px;
  height: 22px;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table-header
  .project-options
  .pm-option-box,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  .project-options
  .pm-option-box,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  .project-options
  .pm-option-box,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .project-options
  .pm-option-box,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .project-options
  .pm-option-box,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table
  .project-options
  .pm-option-box,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  .project-options
  .pm-option-box,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  .project-options
  .pm-option-box,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .project-options
  .pm-option-box,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .project-options
  .pm-option-box {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 100%;
  background: #86b4cd;
  color: #fff;
  font-family: "Oswald";
  text-align: left;
  width: 200px;
  text-transform: uppercase;
  display: none;
  animation: fadeIn 0.4s;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table-header
  .project-options
  .pm-option-box
  a,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  .project-options
  .pm-option-box
  a,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  .project-options
  .pm-option-box
  a,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .project-options
  .pm-option-box
  a,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .project-options
  .pm-option-box
  a,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table
  .project-options
  .pm-option-box
  a,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  .project-options
  .pm-option-box
  a,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  .project-options
  .pm-option-box
  a,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .project-options
  .pm-option-box
  a,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .project-options
  .pm-option-box
  a {
  font: 400 16px/1.4 "Oswald";
  color: #fff;
  padding: 2px 12px;
  width: 100%;
  float: left;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table-header
  .project-options
  .pm-option-box
  a:hover,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  .project-options
  .pm-option-box
  a:hover,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  .project-options
  .pm-option-box
  a:hover,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .project-options
  .pm-option-box
  a:hover,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .project-options
  .pm-option-box
  a:hover,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table
  .project-options
  .pm-option-box
  a:hover,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  .project-options
  .pm-option-box
  a:hover,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  .project-options
  .pm-option-box
  a:hover,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .project-options
  .pm-option-box
  a:hover,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .project-options
  .pm-option-box
  a:hover {
  background: #47a4c6;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table-header
  .project-options.options-shown
  .pm-option-box,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  .project-options.options-shown
  .pm-option-box,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  .project-options.options-shown
  .pm-option-box,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .project-options.options-shown
  .pm-option-box,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .project-options.options-shown
  .pm-option-box,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table
  .project-options.options-shown
  .pm-option-box,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  .project-options.options-shown
  .pm-option-box,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  .project-options.options-shown
  .pm-option-box,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .project-options.options-shown
  .pm-option-box,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .project-options.options-shown
  .pm-option-box {
  display: block;
}
@media (max-width: 1023px) {
  #manage_admins
    #manage-admins-panel
    .admins-panel-tab-content
    table#pending-projects-table-header
    .project-options
    > span,
  #manage_admins
    #manage-admins-panel
    .admins-panel-tab-content
    table#active-projects-table-header
    .project-options
    > span,
  #manage_admins
    #manage-admins-panel
    .admins-panel-tab-content
    table#historical-projects-table-header
    .project-options
    > span,
  #manage_admins
    #manage-admins-panel
    .admins-panel-tab-content
    table#project-drafts-table-header
    .project-options
    > span,
  #manage_admins
    #manage-admins-panel
    .admins-panel-tab-content
    table#project-templates-table-header
    .project-options
    > span,
  #manage_admins
    #manage-admins-panel
    .admins-panel-tab-content
    table#pending-projects-table
    .project-options
    > span,
  #manage_admins
    #manage-admins-panel
    .admins-panel-tab-content
    table#active-projects-table
    .project-options
    > span,
  #manage_admins
    #manage-admins-panel
    .admins-panel-tab-content
    table#historical-projects-table
    .project-options
    > span,
  #manage_admins
    #manage-admins-panel
    .admins-panel-tab-content
    table#project-drafts-table
    .project-options
    > span,
  #manage_admins
    #manage-admins-panel
    .admins-panel-tab-content
    table#project-templates-table
    .project-options
    > span {
    display: none;
  }
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table-header
  .project-options
  .header-options,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  .project-options
  .header-options,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  .project-options
  .header-options,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .project-options
  .header-options,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .project-options
  .header-options,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table
  .project-options
  .header-options,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  .project-options
  .header-options,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  .project-options
  .header-options,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .project-options
  .header-options,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .project-options
  .header-options {
  position: absolute;
  bottom: 30px;
  right: 0;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table-header
  .project-options
  .header-options
  button,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  .project-options
  .header-options
  button,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  .project-options
  .header-options
  button,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .project-options
  .header-options
  button,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .project-options
  .header-options
  button,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table
  .project-options
  .header-options
  button,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  .project-options
  .header-options
  button,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  .project-options
  .header-options
  button,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .project-options
  .header-options
  button,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .project-options
  .header-options
  button {
  animation: fadeIn 0.4s;
  padding: 4px 10px;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table-header
  .project-display,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  .project-display,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  .project-display,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .project-display,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .project-display,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table
  .project-display,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  .project-display,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  .project-display,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .project-display,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .project-display {
  border-bottom: white 2px solid;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table-header
  .project-display
  td,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  .project-display
  td,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  .project-display
  td,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .project-display
  td,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .project-display
  td,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table
  .project-display
  td,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  .project-display
  td,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  .project-display
  td,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .project-display
  td,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .project-display
  td {
  padding-bottom: 10px;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table-header
  .project-display
  td
  p,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  .project-display
  td
  p,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  .project-display
  td
  p,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .project-display
  td
  p,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .project-display
  td
  p,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table
  .project-display
  td
  p,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  .project-display
  td
  p,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  .project-display
  td
  p,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .project-display
  td
  p,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .project-display
  td
  p {
  color: #444;
  margin-left: 16px;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table-header
  .project-display
  .progress-bar,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  .project-display
  .progress-bar,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  .project-display
  .progress-bar,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .project-display
  .progress-bar,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .project-display
  .progress-bar,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table
  .project-display
  .progress-bar,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  .project-display
  .progress-bar,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  .project-display
  .progress-bar,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .project-display
  .progress-bar,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .project-display
  .progress-bar {
  width: 100%;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table-header
  .project-display
  .progress-bar
  div,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  .project-display
  .progress-bar
  div,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  .project-display
  .progress-bar
  div,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .project-display
  .progress-bar
  div,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .project-display
  .progress-bar
  div,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table
  .project-display
  .progress-bar
  div,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  .project-display
  .progress-bar
  div,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  .project-display
  .progress-bar
  div,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .project-display
  .progress-bar
  div,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .project-display
  .progress-bar
  div {
  background-color: #47a4c6;
  height: 100%;
  width: 0%;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table-header
  .project-display
  .progress-text,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  .project-display
  .progress-text,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  .project-display
  .progress-text,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .project-display
  .progress-text,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .project-display
  .progress-text,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table
  .project-display
  .progress-text,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  .project-display
  .progress-text,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  .project-display
  .progress-text,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .project-display
  .progress-text,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .project-display
  .progress-text {
  text-align: right;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table-header
  .project-display
  .international-location-directive,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  .project-display
  .international-location-directive,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  .project-display
  .international-location-directive,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .project-display
  .international-location-directive,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .project-display
  .international-location-directive,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table
  .project-display
  .international-location-directive,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  .project-display
  .international-location-directive,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  .project-display
  .international-location-directive,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .project-display
  .international-location-directive,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .project-display
  .international-location-directive {
  margin: 0 0 0 35px;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table-header
  .project-display,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table-header
  .project-display-open,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  .project-display,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  .project-display-open,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  .project-display,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  .project-display-open,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .project-display,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .project-display-open,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .project-display,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .project-display-open,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table
  .project-display,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table
  .project-display-open,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  .project-display,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  .project-display-open,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  .project-display,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  .project-display-open,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .project-display,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .project-display-open,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .project-display,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .project-display-open {
  background-color: #e5e3e3;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table-header
  .project-display-open
  .row-triangle:before,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  .project-display-open
  .row-triangle:before,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  .project-display-open
  .row-triangle:before,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .project-display-open
  .row-triangle:before,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .project-display-open
  .row-triangle:before,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table
  .project-display-open
  .row-triangle:before,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  .project-display-open
  .row-triangle:before,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  .project-display-open
  .row-triangle:before,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .project-display-open
  .row-triangle:before,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .project-display-open
  .row-triangle:before {
  content: "\e606";
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table-header
  .project-name
  > span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table-header
  .project-location
  > span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  .project-name
  > span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table-header
  .project-location
  > span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  .project-name
  > span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table-header
  .project-location
  > span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .project-name
  > span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .project-location
  > span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .project-name
  > span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .project-location
  > span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table
  .project-name
  > span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#pending-projects-table
  .project-location
  > span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  .project-name
  > span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#active-projects-table
  .project-location
  > span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  .project-name
  > span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#historical-projects-table
  .project-location
  > span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .project-name
  > span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .project-location
  > span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .project-name
  > span,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .project-location
  > span {
  vertical-align: middle;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table {
  margin-bottom: 3px;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .project-name,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .project-name,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .project-name,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .project-name {
  width: 64%;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .project-location,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .project-location,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .project-location,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .project-location {
  width: 23%;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .project-options,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .project-options,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .project-options,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .project-options {
  width: 7%;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table-header
  .project-display
  td
  p,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table-header
  .project-display
  td
  p,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-drafts-table
  .project-display
  td
  p,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#project-templates-table
  .project-display
  td
  p {
  margin-left: 35px;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#organizations-table-header
  .organization-name,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#organizations-table
  .organization-name {
  width: 82%;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#organizations-table-header
  .organization-edit,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#organizations-table
  .organization-edit {
  width: 18%;
  text-align: center;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#organizations-table-header
  .vc-chip,
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  table#organizations-table
  .vc-chip {
  background-color: #74af43;
  color: #fff;
  font-size: 14px;
  line-height: 14px;
  padding: 2px 5px;
  border-radius: 14px;
}
#manage_admins #manage-admins-panel .admins-panel-tab-content thead {
  width: 100%;
  border-bottom: 1px solid #64686c;
}
#manage_admins #manage-admins-panel .admins-panel-tab-content thead th {
  cursor: pointer;
  font-family: Helvetica, arial;
  font-weight: 100;
}
#manage_admins #manage-admins-panel .admins-panel-tab-content thead th:focus {
  outline: none;
}
#manage_admins #manage-admins-panel .admins-panel-tab-content thead a {
  color: inherit;
}
#manage_admins #manage-admins-panel .admins-panel-tab-content tbody {
  width: 100%;
}
#manage_admins #manage-admins-panel .admins-panel-tab-content tbody * {
  font-size: 14px;
}
@media (min-width: 450px) and (max-width: 1023px) {
  #manage_admins #manage-admins-panel .admins-panel-tab-content tbody * {
    font-size: 14px;
  }
}
#manage_admins #manage-admins-panel .admins-panel-tab-content tbody > tr {
  margin-top: 8px;
}
#manage_admins #manage-admins-panel .admins-panel-tab-content tr {
  width: 100%;
}
#manage_admins #manage-admins-panel .admins-panel-tab-content tr.active {
  margin-top: 10px;
  background: #e5e3e3;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  tr.active
  td.arrow:nth-of-type(1):before {
  content: "\e606";
}
#manage_admins #manage-admins-panel .admins-panel-tab-content tr.projects__row {
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  height: 35px;
  line-height: 18px;
}
#manage_admins
  #manage-admins-panel
  .admins-panel-tab-content
  tr.projects__row.active
  .loading
  .loading__bar {
  display: block;
}
#manage_admins #manage-admins-panel .admins-panel-tab-content th {
  font-family: "Oswald", sans-serif;
  color: #64686c;
}
#manage_admins #manage-admins-panel .admins-panel-tab-content h2 {
  margin: 0;
  display: inline-block;
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  height: 36px;
  color: #47a4c6;
}
#manage_admins #manage-admin-panel-mt {
  height: 100%;
  padding: 30px 0 0 0;
  display: none;
  position: relative;
}
@media (max-width: 1023px) {
  #manage_admins #manage-admin-panel-mt {
    display: block;
  }
}
#manage_admins #manage-admin-panel-mt .modal-close-container {
  text-align: right;
}
#manage_admins #manage-admin-panel-mt h1 {
  padding: 30px 0 60px 0;
  text-align: center;
}
#manage_admins #manage-admin-panel-mt button {
  width: 100%;
  text-align: center;
  background: #47a4c6;
}
#manage_admins #manage-admin-panel-mt button:hover {
  background: #74af43;
}
#manage_admins #vacant-search-panel-modal {
  min-height: 512px;
}
#manage_admins #vacant-search-panel-modal #vacant-search-form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
}
#manage_admins #vacant-search-panel-modal #vacant-search-form input {
  border: 1px solid #64686c;
  margin: 0 5px 0 0;
}
#manage_admins #vacant-search-panel-modal #vacant-search-results-table {
  margin: 30px 0 0 0;
}
#manage_admins #vacant-search-panel-modal #vacant-search-results-table thead {
  border-bottom: #64686c solid 1px;
}
#manage_admins #vacant-search-panel-modal #vacant-search-results-table tr th,
#manage_admins #vacant-search-panel-modal #vacant-search-results-table tr td {
  color: #64686c;
}
#manage_admins #vacant-search-panel-modal #vacant-search-results-table tr th {
  font-weight: unset;
}
#manage_admins
  #vacant-search-panel-modal
  #vacant-search-results-table
  tbody
  tr:hover {
  cursor: pointer;
  font-weight: bold;
}
#manage_admins
  #vacant-search-panel-modal
  #vacant-search-results-table
  tbody
  td {
  padding-top: 7px;
}
#manage_admins #reassign-panel-modal .tree-users-type {
  display: none;
}
#manage_admins #reassign-panel-modal .admins-um {
  width: unset;
}
#manage_admins #info-nav {
  position: absolute;
  background: white;
}
@media (max-width: 1023px) {
  #manage_admins #info-nav {
    display: none;
  }
}
#manage_admins #info-nav ul {
  padding: 0 0 0 12px;
  position: relative;
  text-align: left;
}
#manage_admins #info-nav ul li {
  padding-bottom: 10px;
  color: #47a4c6;
  font-size: 16px;
  font-family: "Oswald", sans-serif;
  font-weight: 300;
}
#manage_admins #info-nav ul li a {
  width: 100%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#manage_admins #info-nav ul .nav-selected {
  color: #ef5e39 !important;
  position: relative;
}
#manage_admins #info-nav ul .nav-selected > a:before {
  content: "";
  border-right: 2px solid #ef5e39;
  position: absolute;
  top: 3px;
  left: -8px;
  height: 16px;
}
#manage_admins .alert {
  font-family: "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  color: #be1e2d;
  display: initial;
}
#manage_admins ::-webkit-input-placeholder {
  color: #bbbdc0 !important;
}
#manage_admins :-moz-placeholder {
  color: #bbbdc0 !important;
}
#manage_admins ::-moz-placeholder {
  color: #bbbdc0 !important;
}
#manage_admins :-ms-input-placeholder {
  color: #bbbdc0 !important;
}
#manage_admins .user-project-location {
  text-overflow: ellipsis;
  overflow: hidden;
  margin-right: 10px;
}
#manage_admins .admins-um .leads-filter {
  text-align: right;
  padding: 15px 0;
}
#manage_admins .admins-um .leads-filter .checkbox__checkmark:before {
  font-size: 14px;
  top: 1px;
  left: 0;
}
#manage_admins .admins-um table,
#manage_admins .admins-um thead,
#manage_admins .admins-um tbody,
#manage_admins .admins-um tfoot,
#manage_admins .admins-um tr,
#manage_admins .admins-um th,
#manage_admins .admins-um td {
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border-collapse: inherit;
  border-spacing: 0;
  border: none inherit;
  vertical-align: inherit;
  text-align: left;
  font-weight: inherit;
  -webkit-border-horizontal-spacing: 0;
  -webkit-border-vertical-spacing: 0;
}
#manage_admins .admins-um table {
  display: table;
  width: 100%;
}
#manage_admins .admins-um thead {
  display: table-header-group;
}
#manage_admins .admins-um thead tr {
  border-bottom: 1px solid #64686c;
}
#manage_admins .admins-um thead tr th {
  display: table-cell;
  font-family: "Oswald", sans-serif;
  font-weight: normal;
}
#manage_admins .admins-um tbody {
  display: table-row-group;
}
#manage_admins .admins-um tbody tr {
  display: table-row;
}
#manage_admins .admins-um tbody tr td {
  display: table-cell;
}
#manage_admins .admins-um tbody a {
  color: #47a4c6;
}
#manage_admins .admins-um tfoot {
  display: table-footer-group;
}
#manage_admins .admins__sub {
  overflow: auto;
}
#manage_admins .admin-role-selector-description {
  font-size: 14px;
}
#manage_admins .admin-role-selector-value {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#manage_admins .admin-role-selector-value .checkbox input {
  padding: 0;
}
#manage_admins
  .admin-role-selector-value
  .checkbox
  .checkbox__checkmark:before {
  top: 10%;
  left: 10% !important;
  font-size: 14px;
}
#manage_admins #admins-loading-bar-um {
  margin-bottom: 30px;
}
#manage_admins #admins-loading-bar-um .admins__sub {
  text-align: center;
  height: 50px;
}
#manage_admins #admins-loading-bar-um .admins__sub .loading {
  width: 200px;
  margin: 0;
}
@media (max-width: 1023px) {
  #manage_admins #admins-loading-bar-um .admins__sub .loading {
    width: 100%;
  }
}
#manage_admins #admins-search-browse-nav-um h2,
#manage_admins #admins-panel-nav-um h2 {
  display: inline-block;
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  height: 36px;
  line-height: 24px;
}
@media (max-width: 1023px) {
  #manage_admins #admins-search-browse-nav-um h2,
  #manage_admins #admins-panel-nav-um h2 {
    margin-bottom: 0;
  }
}
#manage_admins #admins-search-browse-nav-um h2.active,
#manage_admins #admins-panel-nav-um h2.active {
  background: #e5e3e3;
}
#manage_admins #admins-search-browse-nav-um h2 a,
#manage_admins #admins-panel-nav-um h2 a {
  display: inline-block;
  color: #47a4c6;
}
#manage_admins #admins-search-browse-nav-um h2 a.loader-button-white-gray,
#manage_admins #admins-panel-nav-um h2 a.loader-button-white-gray {
  background: #d9dadb;
  color: #fff;
}
#manage_admins #admins-search-browse-nav-um {
  height: 36px;
}
#manage_admins #admins-search-browse-nav-um h2 {
  font-size: 16px;
}
#manage_admins #admins-search-browse-nav-um h2 a {
  padding: 5px 65px 7px;
}
@media (max-width: 1023px) {
  #manage_admins #admins-search-browse-nav-um h2 a {
    padding: 5px 10px 7px;
  }
}
#manage_admins #admins-search-browse-nav-um h2 a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 320px;
}
@media (max-width: 1023px) {
  #manage_admins #admins-search-browse-nav-um h2 a {
    max-width: 180px;
  }
}
@media (min-width: 1024px) {
  #manage_admins #admins-search-browse-nav-um h2 a span.icon {
    display: none;
  }
}
@media (max-width: 1023px) {
  #manage_admins #admins-search-browse-nav-um h2 a span:not(.icon) {
    display: none;
  }
}
#manage_admins #admins-search-browse-um-container {
  height: 131px;
}
#manage_admins #admins-search-browse-um {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  #manage_admins #admins-search-browse-um {
    width: 1024px;
  }
}
#manage_admins #admins-search-browse-um .admins__sub {
  text-align: center;
  font-size: 12px;
}
@media (min-width: 1024px) {
  #manage_admins #admins-search-browse-um .admins__sub {
    display: none;
  }
}
#manage_admins #admins-search-browse-um .admins__sub .user-tabs {
  background: #e5e3e3;
  padding: 13px 23px;
}
#manage_admins #admins-search-browse-um .admins__sub .user-tabs a {
  color: #47a4c6;
}
#manage_admins #admins-search-browse-um .admins__sub .user-tabs a.nav-selected {
  color: #ef5e39;
}
#manage_admins #admins-search-browse-um .admins-um {
  margin: 0;
}
@media (max-width: 1023px) {
  #manage_admins #admins-search-browse-um .admins-um {
    padding: 0;
  }
}
#manage_admins #admins-search-browse-um #admins-search-browse-breadcrumbs-um {
  font-size: 12px;
}
#manage_admins #admins-search-browse-um #admins-search-browse-breadcrumbs-um a {
  color: #47a4c6;
}
#manage_admins
  #admins-search-browse-um
  #admins-search-browse-breadcrumbs-um
  a:after {
  content: "\e606";
  font-family: "icons";
  margin-left: 4px;
  font-size: 8px;
}
#manage_admins
  #admins-search-browse-um
  #admins-search-browse-breadcrumbs-um
  a:last-of-type::after {
  content: "";
  margin: 0;
}
#manage_admins
  #admins-search-browse-um
  #admins-search-browse-breadcrumbs-um
  .breadcrumb-separator {
  margin: 0 6px;
  color: #47a4c6;
}
#manage_admins .admins-search-form-um legend,
#manage_admins .admins-search-form-um label {
  font-size: 13px;
  display: block;
}
#manage_admins .admins-search-form-um input[type="text"] {
  margin-bottom: 0 !important;
  font-family: Helvetica, arial;
  color: #000;
}
#manage_admins .admins-search-form-um select {
  height: 30px;
}
#manage_admins .admins-search-form-um .admins__search {
  margin-left: 5px;
}
#manage_admins .admins-search-form-um .admins__search .admins__search--button {
  width: 150px;
}
@media (max-width: 1023px) {
  #manage_admins
    .admins-search-form-um
    .admins__search
    .admins__search--button {
    width: 100%;
  }
}
@media (min-width: 450px) and (max-width: 1023px) {
  #manage_admins
    .admins-search-form-um
    .admins__search
    .admins__search--button {
    width: 100%;
  }
}
#manage_admins .admins-search-form-um #user-search-box {
  float: left;
  width: 460px;
  margin: 0 5px 0 0;
}
@media (max-width: 1023px) {
  #manage_admins .admins-search-form-um #user-search-box {
    width: 65%;
  }
}
@media (min-width: 450px) and (max-width: 1023px) {
  #manage_admins .admins-search-form-um #user-search-box {
    width: 65%;
  }
}
#manage_admins .admins-search-form-um #admin-search-reset-link {
  color: #47a4c6;
  cursor: pointer;
  text-transform: lowercase;
  font-size: 12px;
  display: block;
  float: right;
}
#manage_admins .admins-search-form-um .admins__browse {
  width: 100%;
  text-align: center;
}
#manage_admins .admins-search-form-um .admins__browse .loading {
  width: 100px;
}
#manage_admins
  .admins-search-form-um
  .admins__browse
  .loading
  .admins__browse--button {
  width: 100%;
  text-align: center;
  padding: 0;
  height: 30px;
  float: right;
}
#manage_admins #admins-search-um label {
  display: block;
}
#manage_admins #admins-search-um input[type="text"] {
  width: 460px;
  margin-right: 5px;
}
@media (max-width: 1023px) {
  #manage_admins #admins-search-um input[type="text"] {
    width: 65%;
  }
}
#manage_admins #admins-browse-um #admins-browse-radios {
  border-bottom: 2px solid #989b9f;
  padding-bottom: 12px;
  margin-bottom: 12px;
}
#manage_admins #admins-browse-um #admins-browse-radios label {
  font-size: 13px;
  margin-right: 5px;
  line-height: 16px;
  cursor: pointer;
  display: inline;
}
#manage_admins #admins-browse-um #admins-browse-radios input {
  width: 16px;
  height: 16px;
  border-radius: 16px;
  border: 1px solid #47a4c6;
  background: #fff;
  vertical-align: text-bottom;
}
#manage_admins #admins-browse-um #admins-browse-radios input:checked {
  width: 16px;
  height: 16px;
  border-radius: 16px;
  border: 2px solid #fff;
  background: #47a4c6;
}
#manage_admins
  #admins-browse-um
  .admins-browse-select-um
  .user-browse-dropdown {
  display: block;
  height: auto;
  width: 100%;
  margin-bottom: 12px;
}
#manage_admins
  #admins-browse-um
  .admins-browse-select-um
  .user-browse-dropdown
  .form-select {
  width: 460px;
  display: inline-block;
  float: none;
}
@media (max-width: 1023px) {
  #manage_admins
    #admins-browse-um
    .admins-browse-select-um
    .user-browse-dropdown
    .form-select {
    width: 100%;
  }
}
#manage_admins
  #admins-browse-um
  .admins-browse-select-um
  .user-browse-dropdown
  label {
  display: block;
}
#manage_admins
  #admins-browse-um
  .admins-browse-select-um
  .user-browse-dropdown
  select {
  color: #64686c;
  font-size: 15px;
}
#manage_admins
  #admins-browse-um
  .admins-browse-select-um
  .user-browse-dropdown
  a.user-clear-text {
  display: inline-block;
  color: #47a4c6;
}
#manage_admins .edit {
  padding: 20px 20px 20px;
}
#manage_admins .edit .halfsie .edit__delete {
  font-size: 11px;
  margin-top: 0;
}
#manage_admins .edit .edit__main form legend {
  font-family: Helvetica, arial;
}
#manage_admins .nav--sub + main .main {
  padding: 0 0 15px;
}
#manage_admins .edit .halfsie .edit__delete {
  text-transform: initial;
  margin-top: 0;
}
#manage_admins .edit__footer {
  display: -ms-flexbox;
  display: flex;
  margin: -20px;
  background-color: #e5e3e3;
  padding: 20px;
}
#manage_admins .edit__footer .password-message {
  color: #be1e2d;
  font-size: 12px;
}
#manage_admins .edit__footer .password-error {
  border: 1px solid #be1e2d;
}
#manage_admins .edit__userdetails,
#manage_admins .edit .halfsie .edit__delete,
#manage_admins .edit .edit__keywords p {
  font-size: 14px;
}
#manage_admins .edit__keywords {
  color: #959696;
}
#manage_admins .um-boundary-options {
  color: #000;
}
#manage_admins .admins.jserve-highlighted-bg {
  background: #e5e3e3;
  width: 100%;
  margin: 0 auto;
  padding: 30px 20px;
  height: auto;
}
@media (min-width: 1024px) {
  #manage_admins .admins.jserve-highlighted-bg {
    width: 1024px;
  }
}
@media (min-width: 1024px) {
  #manage_admins .admins.jserve-highlighted-bg {
    padding: 30px 0;
  }
}
#manage_admins .admins.jserve-highlighted-bg > div {
  width: 100%;
}
@media (min-width: 1024px) {
  #manage_admins .admins.jserve-highlighted-bg > div {
    width: 1024px;
    margin: 0 auto;
  }
}
#manage_admins .admins.jserve-highlighted-bg h3 {
  font-family: "Oswald", sans-serif;
  font-size: 24px;
  color: #47a4c6;
}
#manage_admins .admins.jserve-highlighted-bg.loading-bar-admins-um {
  width: 100%;
}
#manage_admins .all-users h3 {
  font-family: "Oswald", sans-serif;
  font-size: 24px;
  color: #47a4c6;
}
#manage_admins .um-boundaries legend,
#manage_admins .edit .edit__main form legend,
#manage_admins .edit form legend {
  font-family: helvetica, sans-serif;
  color: #000;
  font-size: 14px;
  margin: 22px 0 11px 0;
}
#manage_admins .um-boundaries-header {
  clear: both;
}
#manage_admins .um-boundary {
  width: 100%;
  display: inline-block;
}
#manage_admins .um-boundary-options {
  position: relative;
}
#manage_admins .um-boundary-options .um-boundary-FAYT {
  width: auto;
  height: auto;
}
#manage_admins .um-boundary-options .um-boundary-FAYT button,
#manage_admins .um-boundary-options .um-boundary-FAYT input[type="button"] {
  width: 28%;
  height: 30px;
  float: right;
  padding: 0;
}
@media (max-width: 1023px) {
  #manage_admins .um-boundary-options .um-boundary-FAYT button,
  #manage_admins .um-boundary-options .um-boundary-FAYT input[type="button"] {
    font-size: 11px;
  }
}
#manage_admins .um-boundary-options .um-boundary-FAYT input[type="text"] {
  margin-bottom: 10px;
  margin-left: 5px;
  padding: 6px;
  border: 1px solid #989b9f;
  font-size: 18px;
  width: 68%;
  height: 30px;
  float: left;
}
@media (max-width: 1023px) {
  #manage_admins .um-boundary-options .um-boundary-FAYT input[type="text"] {
    margin-left: 0;
  }
}
#manage_admins .um-boundary-options .um-boundary-FAYT .search_loading_bar {
  display: block;
  width: 66px;
  height: 9px;
  background: url("https://www.justserve.org/api/images/static/animated-loading-bar.gif");
  background-size: 100%;
  position: absolute;
  top: 35px;
  right: 0;
}
#manage_admins .um-boundary-options.waiting .icon-check {
  background: url("data:image/gif;base64,R0lGODlhEAAQAPQAAP///wAAAPDw8IqKiuDg4EZGRnp6egAAAFhYWCQkJKysrL6+vhQUFJycnAQEBDY2NmhoaAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAAFdyAgAgIJIeWoAkRCCMdBkKtIHIngyMKsErPBYbADpkSCwhDmQCBethRB6Vj4kFCkQPG4IlWDgrNRIwnO4UKBXDufzQvDMaoSDBgFb886MiQadgNABAokfCwzBA8LCg0Egl8jAggGAA1kBIA1BAYzlyILczULC2UhACH5BAkKAAAALAAAAAAQABAAAAV2ICACAmlAZTmOREEIyUEQjLKKxPHADhEvqxlgcGgkGI1DYSVAIAWMx+lwSKkICJ0QsHi9RgKBwnVTiRQQgwF4I4UFDQQEwi6/3YSGWRRmjhEETAJfIgMFCnAKM0KDV4EEEAQLiF18TAYNXDaSe3x6mjidN1s3IQAh+QQJCgAAACwAAAAAEAAQAAAFeCAgAgLZDGU5jgRECEUiCI+yioSDwDJyLKsXoHFQxBSHAoAAFBhqtMJg8DgQBgfrEsJAEAg4YhZIEiwgKtHiMBgtpg3wbUZXGO7kOb1MUKRFMysCChAoggJCIg0GC2aNe4gqQldfL4l/Ag1AXySJgn5LcoE3QXI3IQAh+QQJCgAAACwAAAAAEAAQAAAFdiAgAgLZNGU5joQhCEjxIssqEo8bC9BRjy9Ag7GILQ4QEoE0gBAEBcOpcBA0DoxSK/e8LRIHn+i1cK0IyKdg0VAoljYIg+GgnRrwVS/8IAkICyosBIQpBAMoKy9dImxPhS+GKkFrkX+TigtLlIyKXUF+NjagNiEAIfkECQoAAAAsAAAAABAAEAAABWwgIAICaRhlOY4EIgjH8R7LKhKHGwsMvb4AAy3WODBIBBKCsYA9TjuhDNDKEVSERezQEL0WrhXucRUQGuik7bFlngzqVW9LMl9XWvLdjFaJtDFqZ1cEZUB0dUgvL3dgP4WJZn4jkomWNpSTIyEAIfkECQoAAAAsAAAAABAAEAAABX4gIAICuSxlOY6CIgiD8RrEKgqGOwxwUrMlAoSwIzAGpJpgoSDAGifDY5kopBYDlEpAQBwevxfBtRIUGi8xwWkDNBCIwmC9Vq0aiQQDQuK+VgQPDXV9hCJjBwcFYU5pLwwHXQcMKSmNLQcIAExlbH8JBwttaX0ABAcNbWVbKyEAIfkECQoAAAAsAAAAABAAEAAABXkgIAICSRBlOY7CIghN8zbEKsKoIjdFzZaEgUBHKChMJtRwcWpAWoWnifm6ESAMhO8lQK0EEAV3rFopIBCEcGwDKAqPh4HUrY4ICHH1dSoTFgcHUiZjBhAJB2AHDykpKAwHAwdzf19KkASIPl9cDgcnDkdtNwiMJCshACH5BAkKAAAALAAAAAAQABAAAAV3ICACAkkQZTmOAiosiyAoxCq+KPxCNVsSMRgBsiClWrLTSWFoIQZHl6pleBh6suxKMIhlvzbAwkBWfFWrBQTxNLq2RG2yhSUkDs2b63AYDAoJXAcFRwADeAkJDX0AQCsEfAQMDAIPBz0rCgcxky0JRWE1AmwpKyEAIfkECQoAAAAsAAAAABAAEAAABXkgIAICKZzkqJ4nQZxLqZKv4NqNLKK2/Q4Ek4lFXChsg5ypJjs1II3gEDUSRInEGYAw6B6zM4JhrDAtEosVkLUtHA7RHaHAGJQEjsODcEg0FBAFVgkQJQ1pAwcDDw8KcFtSInwJAowCCA6RIwqZAgkPNgVpWndjdyohACH5BAkKAAAALAAAAAAQABAAAAV5ICACAimc5KieLEuUKvm2xAKLqDCfC2GaO9eL0LABWTiBYmA06W6kHgvCqEJiAIJiu3gcvgUsscHUERm+kaCxyxa+zRPk0SgJEgfIvbAdIAQLCAYlCj4DBw0IBQsMCjIqBAcPAooCBg9pKgsJLwUFOhCZKyQDA3YqIQAh+QQJCgAAACwAAAAAEAAQAAAFdSAgAgIpnOSonmxbqiThCrJKEHFbo8JxDDOZYFFb+A41E4H4OhkOipXwBElYITDAckFEOBgMQ3arkMkUBdxIUGZpEb7kaQBRlASPg0FQQHAbEEMGDSVEAA1QBhAED1E0NgwFAooCDWljaQIQCE5qMHcNhCkjIQAh+QQJCgAAACwAAAAAEAAQAAAFeSAgAgIpnOSoLgxxvqgKLEcCC65KEAByKK8cSpA4DAiHQ/DkKhGKh4ZCtCyZGo6F6iYYPAqFgYy02xkSaLEMV34tELyRYNEsCQyHlvWkGCzsPgMCEAY7Cg04Uk48LAsDhRA8MVQPEF0GAgqYYwSRlycNcWskCkApIyEAOwAAAAAAAAAAAA==")
    no-repeat center center;
  width: 20px;
  height: 20px;
}
#manage_admins .um-boundary-options.waiting .icon-check:before {
  content: " ";
}
#manage_admins .new-boundary div .form-select {
  width: 100% !important;
  padding-right: 5px !important;
}
#manage_admins .new-boundary div .form-select #new-bound-type {
  height: 30px;
}
#manage_admins .new-boundary .um-boundary-options {
  display: unset;
}
#manage_admins .um-boundary-FAYT {
  position: relative;
  border: none;
  height: 30px;
}
#manage_admins .um-boundary-FAYT__dropdown {
  position: absolute;
  top: 29px;
  left: 5px;
  width: 68%;
  background: #fff;
  border: 1px solid #bbbdc0;
  max-height: 480px;
  overflow: scroll;
  display: unset;
  z-index: 1;
}
#manage_admins .um-boundary-FAYT__dropdown li {
  padding: 8px 12px;
  cursor: pointer;
}
#manage_admins .um-boundary-FAYT__dropdown li.selected {
  background-color: #e5e3e3;
}
#manage_admins .um-boundary-FAYT__dropdown li:hover {
  background: #e5e3e3;
}
#manage_admins h1 {
  margin-bottom: 0;
  font-family: "Oswald", sans-serif;
  font-size: 24px;
  color: #47a4c6;
  display: inline-block;
}
@media (min-width: 1024px) {
  #manage_admins h1 {
    margin-bottom: 26px;
  }
}
#manage_admins .form-select:after {
  top: 4px;
}
#manage_admins .form-select select {
  height: 1.8em;
  line-height: 1.4em;
}
#manage_admins .select__text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 25px;
}
#manage_admins .highlight {
  background: #fdf8c8;
}
#manage_admins .form-select {
  float: left;
}
#manage_admins .help-container {
  color: #47a4c6;
  font-size: 12px;
  cursor: pointer;
  margin-bottom: 24px;
  margin-top: 11px;
}
@media (min-width: 1024px) {
  #manage_admins .help-container {
    position: absolute;
    right: 20px;
    top: 85px;
  }
  #manage_admins .help-container p {
    margin-bottom: 10px;
  }
}
@media (max-width: 1023px) {
  #manage_admins .help-container {
    display: -ms-flexbox;
    display: flex;
  }
  #manage_admins .help-container p {
    margin-right: 20px;
  }
}
#manage_admins .projects-and-users-wrap {
  position: relative;
  background: #e5e3e3;
}
#manage_admins .projects-and-users-wrap__sub {
  position: relative;
  max-width: 1024px;
  margin: 0 auto;
  padding: 20px 20px 0;
  background: #fff;
}
@media (min-width: 450px) and (max-width: 1023px) {
  #manage_admins .projects-and-users-wrap__sub {
    padding: 20px;
    background: #e5e3e3;
  }
}
@media (min-width: 1024px) {
  #manage_admins .projects-and-users-wrap__sub {
    padding: 20px 0;
  }
}
#manage_admins .um-third {
  width: 100%;
  float: left;
}
@media (min-width: 450px) and (max-width: 1023px) {
  #manage_admins .um-third {
    margin-right: 17px;
  }
}
#manage_admins .um-third label {
  font-size: 11px;
}
#manage_admins .um-third > * {
  width: 100%;
  float: left;
}
#manage_admins .user-manager-top > div {
  position: relative;
}
#manage_admins .instruction-text {
  font-size: 14px;
}
#manage_admins .edit__contents header {
  width: 100%;
  display: inline-block;
}
#manage_admins .edit__role {
  float: left;
  margin-bottom: 10px;
}
#manage_admins .edit__roles {
  width: 75%;
  float: left;
  display: initial;
}
#manage_admins .edit__keywords {
  clear: both;
}
#manage_admins .edit .edit__main .edit__status .form-select,
#manage_admins .edit .edit__main .form-select {
  width: 90%;
}
#manage_admins .um-boundaries {
  margin: 0;
}
#manage_admins .icon-delete-circle {
  color: #989b9f;
  cursor: pointer;
}
#manage_admins .icon-delete-circle:hover {
  color: #be1e2d;
}
#manage_admins .all-users.admins th.user-edit-profile,
#manage_admins .all-users.admins td.user-edit-profile {
  display: none;
}
@media (min-width: 1024px) {
  #manage_admins .all-users.admins th.user-edit-profile,
  #manage_admins .all-users.admins td.user-edit-profile {
    display: inline-block;
  }
}
#manage_admins .admins.all-users {
  border-top: 2px solid #808083;
  padding-top: 50px;
  height: auto;
}
#manage_admins .children-counter {
  background: #ef5e39 none repeat scroll 0 0;
}
#manage_admins .children-counter:hover {
  background: #47a4c6 none repeat scroll 0 0;
}
#manage_admins .reassign-icon {
  background: #47a4c6 none repeat scroll 0 0;
}
#manage_admins .reassign-icon > * {
  animation: fadeIn 0.4s;
  overflow: hidden;
}
#manage_admins .reassign-icon span {
  display: none;
}
#manage_admins .reassign-icon i {
  font-size: 12px;
}
#manage_admins .reassign-icon:hover {
  background: #74af43 none repeat scroll 0 0;
}
#manage_admins .reassign-icon:hover i {
  display: none;
}
#manage_admins .reassign-icon:hover span {
  display: inline;
}
#manage_admins .lead-role,
#manage_admins .projects-counter {
  background: #47a4c6 none repeat scroll 0 0;
}
#manage_admins .reassign-icon,
#manage_admins .children-counter,
#manage_admins .projects-counter {
  cursor: pointer;
}
#manage_admins .reassign-icon,
#manage_admins .children-counter,
#manage_admins .lead-role,
#manage_admins .projects-counter {
  font-family: "Oswald", sans-serif;
  border-radius: 7px;
  color: #fff !important;
  display: inline-block;
  font-size: 14px;
  line-height: 16px;
  padding: 2px 8px;
  vertical-align: middle;
  text-transform: uppercase;
}
#manage_admins .admins-um {
  position: relative;
  margin: 10px 20px 0;
}
@media (max-width: 1023px) {
  #manage_admins .admins-um {
    margin: 10px 10px 0;
    padding: 5px 0;
  }
}
@media (min-width: 450px) and (max-width: 1023px) {
  #manage_admins .admins-um {
    height: auto;
    overflow: visible;
    margin-top: 30px;
    padding: 0;
    border: none;
  }
  #manage_admins .admins-um h1 {
    font-size: 30px;
  }
  #manage_admins .admins-um h1:before {
    display: none;
  }
}
@media (min-width: 1024px) {
  #manage_admins .admins-um {
    width: 1024px;
    margin: 30px auto 0;
  }
}
#manage_admins .admins-um.active {
  height: auto;
  overflow: visible;
}
#manage_admins .admins-um.active h1:before {
  content: "\e606";
}
#manage_admins .admins-um h1 {
  cursor: pointer;
}
#manage_admins .admins-um h1 a {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 20px;
}
@media (min-width: 450px) and (max-width: 1023px) {
  #manage_admins .admins-um h1 {
    cursor: default;
  }
  #manage_admins .admins-um h1 a {
    overflow: visible;
    white-space: initial;
    text-overflow: initial;
    padding-right: 0;
    cursor: default;
  }
  #manage_admins .admins-um h1:before {
    display: none;
  }
}
#manage_admins .admins-um form legend {
  margin-bottom: 10px;
}
#manage_admins .admins-um input[type="text"] {
  margin-bottom: 10px;
  padding: 6px;
  border: 1px solid #989b9f;
  font-size: 18px;
}
@media (min-width: 450px) and (max-width: 1023px) {
  #manage_admins .admins-um input[type="text"]:nth-of-type(2) {
    margin: 0 20px;
  }
}
#manage_admins .admins-um .form-select {
  width: calc(50% - 5px);
  margin-bottom: 10px;
  border-color: #bbbdc0;
}
#manage_admins .admins-um form > .form-select:nth-of-type(1) {
  float: left;
  width: calc(33.3333% - 17px);
  height: 45px;
  padding-top: 12px;
}
#manage_admins .admins-um form > .form-select:nth-of-type(2) {
  float: right;
  width: calc(50% - 5px);
}
#manage_admins .admins-um .sort-text {
  font-weight: bold;
}
#manage_admins .admins-um table,
#manage_admins .admins-um thead,
#manage_admins .admins-um tbody,
#manage_admins .admins-um tfoot,
#manage_admins .admins-um tr,
#manage_admins .admins-um th,
#manage_admins .admins-um td {
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border-collapse: inherit;
  border-spacing: 0;
  border: none inherit;
  vertical-align: inherit;
  text-align: left;
  font-weight: inherit;
  -webkit-border-horizontal-spacing: 0;
  -webkit-border-vertical-spacing: 0;
}
#manage_admins .admins-um table {
  margin-top: 10px;
  width: 100%;
}
#manage_admins .admins-um table a {
  color: #47a4c6;
}
#manage_admins .admins-um table a.exclamation:before {
  content: "!";
  font-family: "Oswald", sans-serif;
  color: #ef5e39;
  margin-right: 5px;
}
#manage_admins .admins-um table a.attention-needed {
  color: #ef5e39;
}
#manage_admins .admins-um .admin-row-table {
  margin-top: 0;
}
#manage_admins .admins-um thead {
  width: 100%;
  border-bottom: 1px solid #64686c;
}
#manage_admins .admins-um thead th {
  cursor: pointer;
  font-family: Helvetica, arial;
}
#manage_admins .admins-um thead a {
  color: inherit;
}
#manage_admins .admins-um tbody {
  width: 100%;
}
#manage_admins .admins-um tbody * {
  font-size: 14px;
}
@media (min-width: 450px) and (max-width: 1023px) {
  #manage_admins .admins-um tbody * {
    font-size: 14px;
  }
}
#manage_admins .admins-um tbody > tr {
  margin-top: 8px;
}
#manage_admins .admins-um tr {
  width: 100%;
}
#manage_admins .admins-um tr.active {
  margin-top: 10px;
  background: #e5e3e3;
}
#manage_admins .admins-um tr.active .users-projects {
  width: calc(100% - 40px);
  margin: 0 20px;
  padding: 10px;
}
#manage_admins .admins-um tr.active .users-projects .all-projects-link {
  margin-top: 10px;
  display: block;
}
#manage_admins .admins-um tr.active td.arrow:nth-of-type(1):before {
  content: "\e606";
}
#manage_admins .admins-um tr.admins__row,
#manage_admins .admins-um tr.allUsers__row {
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  height: 35px;
  line-height: 10px;
}
@media (max-width: 1023px) {
  #manage_admins .admins-um tr.admins__row .users-state,
  #manage_admins .admins-um tr.allUsers__row .users-state {
    display: none;
  }
}
#manage_admins .admins-um tr.admins__row .loading .loading__bar,
#manage_admins .admins-um tr.allUsers__row .loading .loading__bar {
  display: none;
}
#manage_admins .admins-um tr.admins__row.active .loading .loading__bar {
  display: block;
}
#manage_admins .admins-um th {
  padding: 5px 5px 0;
  font-family: "Oswald", sans-serif;
  color: #64686c;
}
#manage_admins .admins-um .row-container {
  overflow: initial !important;
  padding: 0 !important;
  width: 100%;
}
#manage_admins .admins-um .children-displayed:not(:hover),
#manage_admins .admins-um .projects-displayed {
  background-color: #bbbdc0;
}
#manage_admins .admins-um .row-triangle:before {
  content: "\e605";
  font-family: "icons";
  font-size: 12px;
  color: #989b9f;
  margin-left: -18px;
}
#manage_admins .admins-um .lead-role {
  max-width: 160px;
  text-overflow: ellipsis;
  overflow: hidden;
}
#manage_admins .admins-um .children-counter {
  position: relative;
}
#manage_admins .admins-um .projects-counter {
  position: absolute;
  left: -50px;
  top: 8px;
  background-color: #bbbdc0;
}
#manage_admins .admins-um span:focus,
#manage_admins .admins-um th:focus {
  outline: none;
}
#manage_admins .admins-um .admins__row .level-1,
#manage_admins .admins-um .admins__row .level-2,
#manage_admins .admins-um .admins__row .level-3,
#manage_admins .admins-um .admins__row .level-4,
#manage_admins .admins-um .admins__row .level-5,
#manage_admins .admins-um .admins__row .level-6 {
  overflow: initial;
}
#manage_admins .admins-um .admins__row .level-1,
#manage_admins .admins-um .admins__row .level-2 {
  padding-left: 0;
}
#manage_admins .admins-um .admins__row td {
  vertical-align: middle;
  display: table-cell;
  padding: 0;
}
#manage_admins .admins-um .admins__row td.users-name {
  color: #47a4c6;
  position: relative;
  overflow: visible;
  cursor: pointer;
}
#manage_admins .admins-um .admins__row td.users-name .tree-line-container {
  height: 35px;
  width: 8px;
  vertical-align: middle;
}
#manage_admins
  .admins-um
  .admins__row
  td.users-name
  .tree-line-container
  .tree-line {
  stroke: #808083;
  stroke-width: 2;
}
#manage_admins
  .admins-um
  .admins__row
  td.users-name
  .tree-line-container.last-child-line {
  visibility: hidden;
}
#manage_admins .admins-um .admins__row td.users-name .bold-text {
  font-weight: bold;
}
#manage_admins .admins-um .admins__row td.users-areas,
#manage_admins .admins-um .admins__row td.users-name,
#manage_admins .admins-um .admins__row td.users-organization {
  width: 25%;
}
#manage_admins .admins-um .admins__row td.users-adminrole {
  width: 25%;
}
#manage_admins .admins-um .admins__row td.users-options {
  width: 10%;
  text-align: right;
}
#manage_admins .admins-um .admins__row td.user-edit-profile {
  width: 100%;
  display: none;
}
@media (max-width: 1023px) {
  #manage_admins .admins-um .admins__row td.users-email {
    width: 50%;
  }
  #manage_admins .admins-um .admins__row td.user-edit-profile {
    width: 100%;
  }
}
@media (min-width: 450px) and (max-width: 1023px) {
  #manage_admins .admins-um .admins__row td.users-email {
    width: 75%;
  }
  #manage_admins .admins-um .admins__row td.user-edit-profile {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  #manage_admins .admins-um .admins__row td.users-email {
    width: 35%;
  }
  #manage_admins .admins-um .admins__row td.user-edit-profile {
    width: 35%;
    display: inline-block;
  }
}
#manage_admins .admins-um .allUsers__header .users-name,
#manage_admins .admins-um .allUsers__row .users-name {
  width: 80%;
  position: relative;
  overflow: visible;
}
#manage_admins .admins-um .allUsers__header .users-email,
#manage_admins .admins-um .allUsers__header .users-state,
#manage_admins .admins-um .allUsers__row .users-email,
#manage_admins .admins-um .allUsers__row .users-state {
  width: 20%;
}
#manage_admins .admins-um .allUsers__header .users-email,
#manage_admins .admins-um .allUsers__row .users-email {
  text-align: center;
}
#manage_admins .admins-um .allUsers__header .users-state,
#manage_admins .admins-um .allUsers__row .users-state {
  text-align: left;
}
#manage_admins .admins-um .allUsers__header.church .users-name,
#manage_admins .admins-um .allUsers__row.church .users-name {
  width: 40%;
}
#manage_admins .admins-um .allUsers__header.church .users-areas,
#manage_admins .admins-um .allUsers__row.church .users-areas {
  width: 20%;
}
#manage_admins .admins-um .allUsers__header.church .users-organization,
#manage_admins .admins-um .allUsers__header.church .users-adminrole,
#manage_admins .admins-um .allUsers__row.church .users-organization,
#manage_admins .admins-um .allUsers__row.church .users-adminrole {
  text-align: center;
}
#manage_admins .admins-um .allUsers__header.church .users-state,
#manage_admins .admins-um .allUsers__row.church .users-state {
  width: 12%;
}
#manage_admins .admins-um .allUsers__header.church .users-organization,
#manage_admins .admins-um .allUsers__row.church .users-organization {
  width: 15%;
}
#manage_admins .admins-um .allUsers__header.church .users-adminrole,
#manage_admins .admins-um .allUsers__row.church .users-adminrole {
  width: 13%;
}
#manage_admins .admins-um .allUsers__header.church.lead,
#manage_admins .admins-um .allUsers__row.church.lead {
  width: 20%;
}
#manage_admins .admins-um .allUsers__header .header-options,
#manage_admins .admins-um .allUsers__row .header-options {
  transform: translateY(-100%);
  position: absolute;
  top: 0;
  right: 0;
}
#manage_admins .admins-um .allUsers__row td {
  vertical-align: middle;
  display: table-cell;
  padding: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
#manage_admins .admins-um .active .um-proj-count {
  display: none;
}
#manage_admins .admins-um .users-projects {
  display: none;
  padding: 10px;
  background: #e5e3e3;
}
#manage_admins .admins-um .users-projects hr {
  border-top: 2px solid #989b9f;
  margin: 0 0 10px 0;
}
#manage_admins .admins-um .users-projects h3 {
  display: inline-block;
  vertical-align: middle;
  margin-left: 25px;
  font-size: 16px;
  color: #989b9f;
}
#manage_admins .admins-um .users-projects h3 span {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  text-transform: inherit;
}
#manage_admins .admins-um .users-projects .users-projects__toggle-all {
  width: auto;
  vertical-align: middle;
  margin: 0 0 0 10px;
  padding: 0;
  background: none;
  color: #ef5e39;
  font-family: inherit;
  font-size: 13px;
}
#manage_admins .admins-um .users-projects .users-projects__toggle-all:focus,
#manage_admins .admins-um .users-projects .users-projects__toggle-all:active {
  outline: none;
  border: none;
  box-shadow: none !important;
}
#manage_admins .admins-um .users-projects > ul > li {
  padding: 5px;
}
@media (min-width: 450px) and (max-width: 1023px) {
  #manage_admins .admins-um .users-projects {
    padding: 0 25px 10px 25px;
  }
  #manage_admins .admins-um .users-projects h3 {
    margin-left: 0;
  }
}
#manage_admins .admins-um .reassign-tree-header,
#manage_admins .admins-um .org-chart-header {
  width: 100%;
  border-bottom: 1px solid #64686c;
  display: -ms-flexbox;
  display: flex;
}
#manage_admins .admins-um .org-chart-body {
  position: relative;
}
#manage_admins .admins-um org-chart-directive,
#manage_admins .admins-um reassign-tree-directive,
#manage_admins .admins-um #reassign-areas-lead-area {
  width: 100%;
}
#manage_admins .admins-um org-chart-directive ul.org-chart-tree,
#manage_admins .admins-um org-chart-directive ul.org-chart-tree ul,
#manage_admins .admins-um reassign-tree-directive ul.org-chart-tree,
#manage_admins .admins-um reassign-tree-directive ul.org-chart-tree ul,
#manage_admins .admins-um #reassign-areas-lead-area ul.org-chart-tree,
#manage_admins .admins-um #reassign-areas-lead-area ul.org-chart-tree ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#manage_admins .admins-um org-chart-directive ul.org-chart-tree ul,
#manage_admins .admins-um reassign-tree-directive ul.org-chart-tree ul,
#manage_admins .admins-um #reassign-areas-lead-area ul.org-chart-tree ul {
  margin-left: 22px;
}
#manage_admins .admins-um org-chart-directive ul.org-chart-tree li:last-child,
#manage_admins
  .admins-um
  reassign-tree-directive
  ul.org-chart-tree
  li:last-child,
#manage_admins
  .admins-um
  #reassign-areas-lead-area
  ul.org-chart-tree
  li:last-child {
  border-left: none !important;
}
#manage_admins .admins-um org-chart-directive ul.org-chart-tree li:before,
#manage_admins .admins-um reassign-tree-directive ul.org-chart-tree li:before,
#manage_admins
  .admins-um
  #reassign-areas-lead-area
  ul.org-chart-tree
  li:before {
  position: relative;
  top: -0.3em;
  height: 24px;
  width: 8px;
  content: "";
  display: inline-block;
  left: -7px;
  border: none;
}
#manage_admins
  .admins-um
  org-chart-directive:not(#reassign-areas-lead-area)
  ul.org-chart-tree
  li:before,
#manage_admins
  .admins-um
  reassign-tree-directive:not(#reassign-areas-lead-area)
  ul.org-chart-tree
  li:before,
#manage_admins
  .admins-um
  #reassign-areas-lead-area:not(#reassign-areas-lead-area)
  ul.org-chart-tree
  li:before {
  border-bottom: 1px solid #64686c;
}
#manage_admins
  .admins-um
  org-chart-directive:not(#reassign-areas-lead-area)
  ul.org-chart-tree
  li:last-child:before,
#manage_admins
  .admins-um
  reassign-tree-directive:not(#reassign-areas-lead-area)
  ul.org-chart-tree
  li:last-child:before,
#manage_admins
  .admins-um
  #reassign-areas-lead-area:not(#reassign-areas-lead-area)
  ul.org-chart-tree
  li:last-child:before {
  border-left: 1px solid #64686c;
}
#manage_admins
  .admins-um
  org-chart-directive:not(#reassign-areas-lead-area)
  ul.org-chart-tree
  li.level1:before,
#manage_admins
  .admins-um
  reassign-tree-directive:not(#reassign-areas-lead-area)
  ul.org-chart-tree
  li.level1:before,
#manage_admins
  .admins-um
  #reassign-areas-lead-area:not(#reassign-areas-lead-area)
  ul.org-chart-tree
  li.level1:before {
  border: none;
}
#manage_admins
  .admins-um
  org-chart-directive:not(#reassign-areas-lead-area)
  ul.org-chart-tree
  li,
#manage_admins
  .admins-um
  reassign-tree-directive:not(#reassign-areas-lead-area)
  ul.org-chart-tree
  li,
#manage_admins
  .admins-um
  #reassign-areas-lead-area:not(#reassign-areas-lead-area)
  ul.org-chart-tree
  li {
  border-left: 1px solid #64686c;
}
#manage_admins .admins-um org-chart-directive ul.org-chart-tree li,
#manage_admins .admins-um reassign-tree-directive ul.org-chart-tree li,
#manage_admins .admins-um #reassign-areas-lead-area ul.org-chart-tree li {
  width: 100%;
  margin: 0 0 0 -10px;
  padding: 0 7px;
  line-height: 24px;
}
#manage_admins
  .admins-um
  org-chart-directive
  ul.org-chart-tree
  li
  .org-chart-item,
#manage_admins
  .admins-um
  reassign-tree-directive
  ul.org-chart-tree
  li
  .org-chart-item,
#manage_admins
  .admins-um
  #reassign-areas-lead-area
  ul.org-chart-tree
  li
  .org-chart-item {
  margin: 0;
  padding: 0;
  min-width: 100%;
  cursor: pointer;
}
#manage_admins
  .admins-um
  org-chart-directive
  ul.org-chart-tree
  li
  .org-chart-item
  .tree-users-name,
#manage_admins
  .admins-um
  reassign-tree-directive
  ul.org-chart-tree
  li
  .org-chart-item
  .tree-users-name,
#manage_admins
  .admins-um
  #reassign-areas-lead-area
  ul.org-chart-tree
  li
  .org-chart-item
  .tree-users-name {
  position: absolute;
  margin-left: -6px;
}
#manage_admins
  .admins-um
  org-chart-directive
  ul.org-chart-tree
  li
  .org-chart-item
  .tree-users-name
  .for-name,
#manage_admins
  .admins-um
  reassign-tree-directive
  ul.org-chart-tree
  li
  .org-chart-item
  .tree-users-name
  .for-name,
#manage_admins
  .admins-um
  #reassign-areas-lead-area
  ul.org-chart-tree
  li
  .org-chart-item
  .tree-users-name
  .for-name {
  width: 20px;
  text-overflow: ellipsis;
  overflow-x: hidden;
  white-space: nowrap;
}
#manage_admins
  .admins-um
  org-chart-directive
  ul.org-chart-tree
  li
  .org-chart-item
  .tree-users-name
  .for-name
  a,
#manage_admins
  .admins-um
  reassign-tree-directive
  ul.org-chart-tree
  li
  .org-chart-item
  .tree-users-name
  .for-name
  a,
#manage_admins
  .admins-um
  #reassign-areas-lead-area
  ul.org-chart-tree
  li
  .org-chart-item
  .tree-users-name
  .for-name
  a {
  color: #47a4c6;
}
#manage_admins
  .admins-um
  org-chart-directive
  ul.org-chart-tree
  li
  .org-chart-item
  .tree-users-name
  .bold-text,
#manage_admins
  .admins-um
  reassign-tree-directive
  ul.org-chart-tree
  li
  .org-chart-item
  .tree-users-name
  .bold-text,
#manage_admins
  .admins-um
  #reassign-areas-lead-area
  ul.org-chart-tree
  li
  .org-chart-item
  .tree-users-name
  .bold-text {
  font-weight: bold;
}
#manage_admins
  .admins-um
  org-chart-directive
  ul.org-chart-tree
  li
  .org-chart-item
  .tree-users-type,
#manage_admins
  .admins-um
  reassign-tree-directive
  ul.org-chart-tree
  li
  .org-chart-item
  .tree-users-type,
#manage_admins
  .admins-um
  #reassign-areas-lead-area
  ul.org-chart-tree
  li
  .org-chart-item
  .tree-users-type {
  position: absolute;
}
#manage_admins
  .admins-um
  org-chart-directive
  ul.org-chart-tree
  li
  .org-chart-item
  .tree-users-areas,
#manage_admins
  .admins-um
  reassign-tree-directive
  ul.org-chart-tree
  li
  .org-chart-item
  .tree-users-areas,
#manage_admins
  .admins-um
  #reassign-areas-lead-area
  ul.org-chart-tree
  li
  .org-chart-item
  .tree-users-areas {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  position: absolute;
}
#manage_admins
  .admins-um
  org-chart-directive
  ul.org-chart-tree
  li
  .org-chart-item
  .tree-users-adminrole,
#manage_admins
  .admins-um
  reassign-tree-directive
  ul.org-chart-tree
  li
  .org-chart-item
  .tree-users-adminrole,
#manage_admins
  .admins-um
  #reassign-areas-lead-area
  ul.org-chart-tree
  li
  .org-chart-item
  .tree-users-adminrole {
  position: absolute;
}
#manage_admins
  .admins-um
  org-chart-directive
  ul.org-chart-tree
  li
  .org-chart-item
  .tree-users-name,
#manage_admins
  .admins-um
  org-chart-directive
  ul.org-chart-tree
  li
  .org-chart-item
  .tree-users-areas,
#manage_admins
  .admins-um
  org-chart-directive
  ul.org-chart-tree
  li
  .org-chart-item
  .tree-users-type,
#manage_admins
  .admins-um
  org-chart-directive
  ul.org-chart-tree
  li
  .org-chart-item
  .tree-users-organization,
#manage_admins
  .admins-um
  org-chart-directive
  ul.org-chart-tree
  li
  .org-chart-item
  .tree-users-adminrole,
#manage_admins
  .admins-um
  reassign-tree-directive
  ul.org-chart-tree
  li
  .org-chart-item
  .tree-users-name,
#manage_admins
  .admins-um
  reassign-tree-directive
  ul.org-chart-tree
  li
  .org-chart-item
  .tree-users-areas,
#manage_admins
  .admins-um
  reassign-tree-directive
  ul.org-chart-tree
  li
  .org-chart-item
  .tree-users-type,
#manage_admins
  .admins-um
  reassign-tree-directive
  ul.org-chart-tree
  li
  .org-chart-item
  .tree-users-organization,
#manage_admins
  .admins-um
  reassign-tree-directive
  ul.org-chart-tree
  li
  .org-chart-item
  .tree-users-adminrole,
#manage_admins
  .admins-um
  #reassign-areas-lead-area
  ul.org-chart-tree
  li
  .org-chart-item
  .tree-users-name,
#manage_admins
  .admins-um
  #reassign-areas-lead-area
  ul.org-chart-tree
  li
  .org-chart-item
  .tree-users-areas,
#manage_admins
  .admins-um
  #reassign-areas-lead-area
  ul.org-chart-tree
  li
  .org-chart-item
  .tree-users-type,
#manage_admins
  .admins-um
  #reassign-areas-lead-area
  ul.org-chart-tree
  li
  .org-chart-item
  .tree-users-organization,
#manage_admins
  .admins-um
  #reassign-areas-lead-area
  ul.org-chart-tree
  li
  .org-chart-item
  .tree-users-adminrole {
  margin-top: 7px;
}
#manage_admins
  .admins-um
  org-chart-directive
  ul.org-chart-tree
  li
  .org-chart-item:hover,
#manage_admins
  .admins-um
  reassign-tree-directive
  ul.org-chart-tree
  li
  .org-chart-item:hover,
#manage_admins
  .admins-um
  #reassign-areas-lead-area
  ul.org-chart-tree
  li
  .org-chart-item:hover {
  font-weight: bold;
}
#manage_admins
  .admins-um
  org-chart-directive
  ul.org-chart-tree
  li
  .org-chart-item.disabled,
#manage_admins
  .admins-um
  reassign-tree-directive
  ul.org-chart-tree
  li
  .org-chart-item.disabled,
#manage_admins
  .admins-um
  #reassign-areas-lead-area
  ul.org-chart-tree
  li
  .org-chart-item.disabled {
  cursor: default;
}
#manage_admins .admins-um .reassign-tree-header,
#manage_admins .admins-um .reassign-tree-container {
  position: relative;
}
#manage_admins .admins-um .reassign-tree-header .tree-users-name,
#manage_admins .admins-um .reassign-tree-container .tree-users-name {
  width: 60%;
}
#manage_admins .admins-um .org-chart-header .tree-users-name,
#manage_admins .admins-um .org-chart-body .tree-users-name {
  width: 40%;
}
#manage_admins .admins-um .reassign-tree-header .tree-users-type,
#manage_admins .admins-um .reassign-tree-header .tree-users-name,
#manage_admins .admins-um .reassign-tree-header .tree-users-areas,
#manage_admins .admins-um .reassign-tree-header .tree-users-adminrole,
#manage_admins .admins-um .reassign-tree-container .tree-users-type,
#manage_admins .admins-um .reassign-tree-container .tree-users-name,
#manage_admins .admins-um .reassign-tree-container .tree-users-areas,
#manage_admins .admins-um .reassign-tree-container .tree-users-adminrole,
#manage_admins .admins-um .org-chart-header .tree-users-type,
#manage_admins .admins-um .org-chart-header .tree-users-name,
#manage_admins .admins-um .org-chart-header .tree-users-areas,
#manage_admins .admins-um .org-chart-header .tree-users-adminrole,
#manage_admins .admins-um .org-chart-body .tree-users-type,
#manage_admins .admins-um .org-chart-body .tree-users-name,
#manage_admins .admins-um .org-chart-body .tree-users-areas,
#manage_admins .admins-um .org-chart-body .tree-users-adminrole {
  text-overflow: ellipsis;
  overflow-x: hidden;
  white-space: nowrap;
}
#manage_admins .admins-um .reassign-tree-header .tree-users-type,
#manage_admins .admins-um .reassign-tree-container .tree-users-type,
#manage_admins .admins-um .org-chart-header .tree-users-type,
#manage_admins .admins-um .org-chart-body .tree-users-type {
  width: 20%;
  left: 40%;
}
#manage_admins .admins-um .reassign-tree-header .tree-users-areas,
#manage_admins .admins-um .reassign-tree-container .tree-users-areas,
#manage_admins .admins-um .org-chart-header .tree-users-areas,
#manage_admins .admins-um .org-chart-body .tree-users-areas {
  width: 40%;
  left: 60%;
}
#manage_admins .admins-um .reassign-tree-header .tree-users-role,
#manage_admins .admins-um .reassign-tree-header .tree-users-adminrole,
#manage_admins .admins-um .reassign-tree-container .tree-users-role,
#manage_admins .admins-um .reassign-tree-container .tree-users-adminrole,
#manage_admins .admins-um .org-chart-header .tree-users-role,
#manage_admins .admins-um .org-chart-header .tree-users-adminrole,
#manage_admins .admins-um .org-chart-body .tree-users-role,
#manage_admins .admins-um .org-chart-body .tree-users-adminrole {
  display: none;
}
@media (max-width: 1023px) {
  #manage_admins .admins-um .reassign-tree-header .tree-users-areas,
  #manage_admins .admins-um .reassign-tree-header .tree-users-adminrole,
  #manage_admins .admins-um .reassign-tree-container .tree-users-areas,
  #manage_admins .admins-um .reassign-tree-container .tree-users-adminrole,
  #manage_admins .admins-um .org-chart-header .tree-users-areas,
  #manage_admins .admins-um .org-chart-header .tree-users-adminrole,
  #manage_admins .admins-um .org-chart-body .tree-users-areas,
  #manage_admins .admins-um .org-chart-body .tree-users-adminrole {
    display: none;
  }
  #manage_admins .admins-um .reassign-tree-header .tree-users-name,
  #manage_admins .admins-um .reassign-tree-container .tree-users-name,
  #manage_admins .admins-um .org-chart-header .tree-users-name,
  #manage_admins .admins-um .org-chart-body .tree-users-name {
    width: 70%;
  }
  #manage_admins .admins-um .reassign-tree-header .tree-users-type,
  #manage_admins .admins-um .reassign-tree-container .tree-users-type,
  #manage_admins .admins-um .org-chart-header .tree-users-type,
  #manage_admins .admins-um .org-chart-body .tree-users-type {
    left: 70%;
    width: 30%;
  }
}
#manage_admins .admins-um .users-projects__inner-list {
  padding-left: 10px;
}
#manage_admins .admins-um .users-projects__inner-list li {
  float: left;
}
#manage_admins .admins-um .users-projects__inner-list li:nth-of-type(1) {
  width: 90%;
}
#manage_admins .admins-um .users-projects__inner-list li:nth-of-type(2) {
  display: none;
}
#manage_admins .admins-um .users-projects__inner-list li:nth-of-type(3) {
  width: 10%;
}
#manage_admins .admins-um .users-projects__inner-list li:nth-of-type(4) {
  width: 10%;
}
#manage_admins .admins-um .users-projects__inner-list li input[type="checkbox"],
#manage_admins .admins-um .users-projects__inner-list li .checkbox {
  float: left;
  margin-top: 2px;
}
#manage_admins
  .admins-um
  .users-projects__inner-list
  li.active
  input[type="checkbox"],
#manage_admins .admins-um .users-projects__inner-list li.active .checkbox {
  display: inline-block;
}
@media (min-width: 450px) and (max-width: 1023px) {
  #manage_admins .admins-um .users-projects__inner-list li:nth-of-type(1) {
    width: 48%;
  }
  #manage_admins .admins-um .users-projects__inner-list li:nth-of-type(2) {
    display: block;
    width: 35%;
  }
  #manage_admins .admins-um .users-projects__inner-list li:nth-of-type(3) {
    width: 10%;
    text-align: center;
  }
  #manage_admins .admins-um .users-projects__inner-list li:nth-of-type(4) {
    width: 15%;
    text-align: right;
  }
}
@media (min-width: 1024px) {
  #manage_admins .admins-um .users-projects__inner-list li:nth-of-type(2) {
    display: block;
    width: 25%;
  }
  #manage_admins .admins-um .users-projects__inner-list li:nth-of-type(3) {
    width: auto;
    text-align: left;
  }
}
#manage_admins .admins-um .users-projects__inner-list .checkbox {
  margin-right: 5px;
  border: 1px solid #64686c;
}
#manage_admins .admins-um .users-projects__inner-list h4 {
  padding: 0 10px 0 5px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#manage_admins
  .admins-um
  .users-projects__inner-list
  input[type="checkbox"]:checked
  + .checkbox__checkmark:before {
  font-size: 0.6em;
}
#manage_admins .admins-um .users-projects__inner-list .pending-approval {
  display: inline-block;
  padding: 0 2px;
  font-family: "Oswald", sans-serif;
  color: #be1e2d;
}
#manage_admins .admins-um .users-projects__inner-list__location {
  width: 100%;
}
#manage_admins .admins-um .users-projects__inner-list__instances li:hover a,
#manage_admins .admins-um .users-projects__inner-list__instances li:focus a {
  text-decoration: underline;
}
#manage_admins .admins-um .users-projects__inner-list__instances a {
  float: left;
  display: inline-block;
  width: 50%;
}
#manage_admins .admins-um .users-projects__inner-list__instances a:first-child {
  padding-left: 50px;
}
#manage_admins .admins-um .users-projects__inner-list__instances a:last-child {
  width: 45%;
  padding-left: 33px;
  text-align: left;
}
#manage_admins .admins-um .users-edit a:last-child {
  display: none;
}
@media (min-width: 1024px) {
  #manage_admins .admins-um .users-edit a:first-child {
    display: none;
  }
  #manage_admins .admins-um .users-edit a:last-child {
    display: inline;
  }
}
#manage_admins .admins-um .action-buttons {
  margin: 10px 10px 0 0;
}
#manage_admins .admins-um .action-buttons .loading:nth-of-type(2) input {
  background: #be1e2d;
}
#manage_admins
  .admins-um
  .action-buttons
  .loading
  .active
  + .loading__bar:before {
  bottom: -8px;
}
#manage_admins .admins-um .action-buttons input {
  width: auto;
  color: #fff;
}
#manage_admins .admins-um {
  margin: 10px 20px 0;
}
@media (max-width: 1023px) {
  #manage_admins .admins-um {
    margin: 0;
    padding: 0;
  }
}
#manage_admins .admins-um table {
  table-layout: fixed;
  width: 100%;
  white-space: nowrap;
  margin-top: 0;
}
#manage_admins .admins-um .admins__row td {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0;
}
#manage_admins .admins-um .admins__row td.arrow-um {
  text-align: right;
  padding: 5px 0;
}
#manage_admins .admins-um .admins__row td.arrow-um:after {
  content: "\e605";
  font-family: "icons";
  font-size: 14px;
  vertical-align: middle;
  display: inline-block;
  padding-right: 5px;
  color: #64686c;
}
@media (max-width: 1023px) {
  #manage_admins .admins-um .admins__row td.arrow-um:after {
    content: "";
  }
}
#manage_admins .admins-um .admins__row td .load-element {
  height: 20px;
}
#manage_admins .admins-um .admins__row .loading .active {
  background: none !important;
  opacity: 1;
}
#manage_admins .admins-um .admins__row .loading .active + .loading__bar:before {
  content: "";
  speak: none;
  position: absolute;
  bottom: 15px;
  left: 0;
  display: block;
  width: 100%;
  height: 8px;
  background: url("https://www.justserve.org/api/images/static/animated-loading-bar.gif");
  background-size: 100%;
}
#manage_admins .admins-um .admins__row.active .arrow-um:after {
  content: "\e606";
}
#manage_admins .admins-um .admins__row.active .icon-settings {
  display: inline;
  color: #ef5e39;
  margin-left: 5px;
}
@media (min-width: 450px) and (max-width: 1023px) {
  #manage_admins .admins-um .admins__row.active .icon-settings {
    display: none;
  }
}
#manage_admins .admins-um .admins__row.active .admins-phone {
  margin: 15px 0 0 0;
}
#manage_admins .admins-um .out-of-boundary {
  white-space: initial;
}
#manage_admins .admins-um .out-of-boundary p {
  color: #808083;
  font-size: 14px;
  margin-left: 55px;
}
@media (max-width: 1023px) {
  #manage_admins .admins-um .out-of-boundary p {
    margin-left: 5px;
  }
}
#manage_admins .admins-um .um-proj-count {
  background: #bbbdc0;
  color: #fff;
  font-size: 12px;
  min-width: 27px;
  border-radius: 5px;
  padding: 2px 4px 0;
  text-align: center;
  display: none;
}
#manage_admins .admins-um .countAttention {
  background: #ef5e39;
}
#manage_admins .admins-um.active {
  height: auto;
  overflow: visible;
}
#manage_admins .admins-um.active h1:before {
  content: "\e606";
}
@media (min-width: 450px) and (max-width: 1023px) {
  #manage_admins .admins-um {
    height: auto;
    overflow: visible;
    margin-top: 30px;
    padding: 0;
  }
  #manage_admins .admins-um h1 {
    font-size: 30px;
  }
  #manage_admins .admins-um h1:before {
    display: none;
  }
}
@media (min-width: 1024px) {
  #manage_admins .admins-um {
    width: 1024px;
    margin: 30px auto;
  }
  #manage_admins .admins-um .um-proj-count {
    display: inline-block;
  }
}
#manage_admins .admins-um th {
  font-family: "Helvetica", sans-serif !important;
  font-size: 14px;
  padding: 5px 0;
  border-bottom: 1px solid #64686c;
}
#manage_admins .admins-um th#users-name-th {
  width: 25%;
}
@media (max-width: 1023px) {
  #manage_admins .admins-um th#users-name-th {
    width: 30%;
  }
}
#manage_admins .admins-um th#users-area-th {
  width: 25%;
}
@media (max-width: 1023px) {
  #manage_admins .admins-um th#users-area-th {
    width: 30%;
  }
}
#manage_admins .admins-um th#users-organization-th {
  width: 25%;
}
@media (max-width: 1023px) {
  #manage_admins .admins-um th#users-organization-th {
    display: none;
  }
}
#manage_admins .admins-um th#users-role-th {
  width: 25%;
}
@media (max-width: 1023px) {
  #manage_admins .admins-um th#users-role-th {
    width: 30%;
  }
}
#manage_admins .admins-um tr.allUsers__row td.users-name,
#manage_admins .admins-um tr.allUsers__row td.users-areas,
#manage_admins .admins-um tr.allUsers__row td.users-state,
#manage_admins .admins-um tr.allUsers__row td.users-organization,
#manage_admins .admins-um tr.allUsers__row td.users-adminrole {
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: none;
}
#manage_admins .admins-um th.users-name,
#manage_admins .admins-um td.users-name {
  width: 15%;
}
@media (max-width: 1023px) {
  #manage_admins .admins-um th.users-organization,
  #manage_admins .admins-um td.users-organization {
    display: none;
  }
}
@media (min-width: 450px) and (max-width: 1023px) {
  #manage_admins .admins-um th.users-organization,
  #manage_admins .admins-um td.users-organization {
    display: none;
  }
}
@media (max-width: 1023px) {
  #manage_admins .admins-um th.users-state,
  #manage_admins .admins-um td.users-state {
    display: none;
  }
}
@media (min-width: 450px) and (max-width: 1023px) {
  #manage_admins .admins-um th.users-state,
  #manage_admins .admins-um td.users-state {
    display: none;
  }
}
#manage_admins .admins-um .user-edit-profile {
  background: #ef5e39;
  font-size: 18px;
  font-family: "Oswald", sans-serif;
  color: #fff;
  text-transform: uppercase;
  padding: 4px 8px;
  float: none;
  text-align: center;
  width: auto;
}
#manage_admins .admins-um .user-edit-profile + p {
  width: 100%;
  display: inline-block;
}
#manage_admins .admins-um .um-results-highlight {
  color: #ef5e39;
}
#manage_admins .admins-um .users-projects {
  display: none;
}
#manage_admins .admins-um .users-projects .action-buttons {
  width: 100%;
  float: left;
  padding: 25px 10px 15px;
}
#manage_admins .admins-um .users-projects .action-buttons input[type="button"] {
  float: left;
}
#manage_admins .reassign-overlay {
  display: none;
  position: fixed;
  z-index: 24;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.9);
}
#manage_admins .reassign {
  display: none;
  position: absolute;
  z-index: 25;
  top: 5%;
  left: 5%;
  width: 90%;
  max-height: 500px;
  border: 1px solid #64686c;
  padding: 20px;
  box-shadow: 0 0 30px 0 rgba(192, 192, 192, 0.5);
  background: #fff;
}
@media (min-width: 450px) and (max-width: 1023px) {
  #manage_admins .reassign {
    left: 50%;
    width: 700px;
    margin-left: -350px;
  }
}
#manage_admins .reassign form {
  position: relative;
}
#manage_admins .reassign form legend {
  margin-bottom: 10px;
  font-family: "Oswald", sans-serif;
  font-size: 24px;
  color: #ef5e39;
}
#manage_admins .reassign form .icon-check {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 24px;
  color: #47a4c6;
}
#manage_admins .reassign form label {
  color: #bbbdc0;
  font-family: Helvetica, arial, sans-serif;
  font-size: 14px;
}
#manage_admins .reassign form input[type="text"] {
  float: none;
  margin: 5px 0;
  border: 1px solid #47a4c6;
}
@media (min-width: 450px) and (max-width: 1023px) {
  #manage_admins .reassign form input[type="text"] {
    width: 260px;
    margin: 0 5px;
  }
}
#manage_admins .reassign form input[type="submit"] {
  width: auto;
  height: 31px;
  padding: 0 20px;
}
#manage_admins .reassign form .loading {
  float: none;
}
#manage_admins .reassign output {
  display: block;
  margin-top: 20px;
}
#manage_admins .reassign th,
#manage_admins .reassign td {
  float: none;
}
#manage_admins .reassign th {
  color: #bbbdc0;
  font-family: "Oswald", sans-serif;
  font-weight: normal;
  border-bottom: 1px solid #64686c;
}
#manage_admins .reassign th:nth-child(1) {
  width: 33%;
}
#manage_admins .reassign th:nth-child(2) {
  width: 20%;
}
#manage_admins .reassign th:nth-child(3) {
  width: 33%;
}
#manage_admins .reassign tbody {
  max-height: 100px;
  overflow-y: scroll;
  overflow-x: hidden;
  display: block;
}
#manage_admins .reassign tbody tr:hover {
  background: #e5e3e3;
}
#manage_admins .reassign tr {
  cursor: pointer;
}
#manage_admins .reassign td {
  padding: 5px;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#manage_admins .wrapper-dropdown {
  position: relative;
  width: 512px;
  padding: 10px;
  border: 1px solid #bbbdc0;
}
#manage_admins .wrapper-dropdown:focus {
  outline: none;
}
@media (max-width: 1023px) {
  #manage_admins .wrapper-dropdown {
    width: 100%;
  }
}
#manage_admins .wrapper-dropdown .dropdown {
  position: absolute;
  top: 100%;
  left: -1px;
  right: 0;
  padding: 0;
  background-color: white;
  margin-top: 0;
  width: 500px;
  z-index: 1;
  opacity: 100;
  pointer-events: all;
}
#manage_admins .wrapper-dropdown .dropdown p {
  color: #000;
}
#manage_admins .wrapper-dropdown .dropdown p.admin-role-selector-description {
  color: #989b9f;
}
#manage_admins
  .wrapper-dropdown
  .dropdown
  p.admin-role-selector-description
  .big-orange-counter {
  color: #ef5e39;
  font-weight: bold;
  font-size: 18px;
}
#manage_admins #admin-org-selector:not(.disabled),
#manage_admins #admin-role-selector:not(.disabled) {
  cursor: pointer;
}
#manage_admins #admin-org-selector:not(.disabled) span.loading-heart,
#manage_admins #admin-role-selector:not(.disabled) span.loading-heart {
  display: none;
}
#manage_admins #admin-org-selector.disabled {
  background: #d9dadb;
}
#manage_admins #admin-org-selector.disabled,
#manage_admins #admin-role-selector.disabled {
  border: none;
}
#manage_admins #admin-org-selector.disabled i.icon-triangle-down-small,
#manage_admins #admin-role-selector.disabled i.icon-triangle-down-small {
  display: none;
}
#manage_admins .wrapper-dropdown .dropdown li {
  padding: 10px 20px;
  border: 1px solid #bbbdc0;
  color: #64686c;
}
#manage_admins .wrapper-dropdown .dropdown li:not(:first-child) {
  border-top-style: none;
}
#manage_admins .wrapper-dropdown .dropdown li:hover {
  background-color: #47a4c6;
  color: white;
}
#manage_admins .wrapper-dropdown .dropdown li:hover p {
  color: white;
}
#manage_admins .wrapper-dropdown .dropdown li:last-child {
  border-style: solid;
}
#manage_admins .wrapper-dropdown.active .dropdown {
  opacity: 1;
  pointer-events: auto;
  z-index: 2;
  cursor: pointer;
}
#manage_admins .reassign-overlay {
  display: none;
  position: fixed;
  z-index: 24;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.9);
}
#manage_admins .reassign {
  display: none;
  position: absolute;
  z-index: 25;
  top: 5%;
  left: 5%;
  width: 90%;
  max-height: 500px;
  border: 1px solid #64686c;
  padding: 20px;
  box-shadow: 0 0 30px 0 rgba(192, 192, 192, 0.5);
  background: #fff;
}
@media (min-width: 450px) and (max-width: 1023px) {
  #manage_admins .reassign {
    left: 50%;
    width: 700px;
    margin-left: -350px;
  }
}
#manage_admins .reassign form {
  position: relative;
}
#manage_admins .reassign form legend {
  margin-bottom: 10px;
  font-family: "Oswald", sans-serif;
  font-size: 24px;
  color: #ef5e39;
}
#manage_admins .reassign form .icon-check {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 24px;
  color: #47a4c6;
}
#manage_admins .reassign form span {
  color: #bbbdc0;
  float: left;
  font-family: Helvetica, arial;
  font-size: 14px;
}
#manage_admins .reassign form input[type="text"] {
  margin: 5px 0;
  border: 1px solid #47a4c6;
}
@media (min-width: 450px) and (max-width: 1023px) {
  #manage_admins .reassign form input[type="text"] {
    width: 260px;
    margin: 0 5px;
  }
}
#manage_admins .reassign form input[type="submit"] {
  width: auto;
  height: 31px;
  padding: 0 20px;
}
#manage_admins .reassign output {
  display: block;
  margin-top: 20px;
}
#manage_admins .reassign table,
#manage_admins .reassign thead,
#manage_admins .reassign tbody,
#manage_admins .reassign tfoot,
#manage_admins .reassign tr,
#manage_admins .reassign th,
#manage_admins .reassign td {
  display: block;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border-collapse: inherit;
  border-spacing: 0;
  border: none inherit;
  vertical-align: inherit;
  text-align: left;
  font-weight: inherit;
  -webkit-border-horizontal-spacing: 0;
  -webkit-border-vertical-spacing: 0;
}
#manage_admins .reassign th,
#manage_admins .reassign td {
  display: inline;
}
#manage_admins .reassign thead {
  border-bottom: 1px solid #64686c;
}
#manage_admins .reassign th {
  float: left;
  color: #bbbdc0;
  font-family: "Oswald", sans-serif;
  font-weight: normal;
}
#manage_admins .reassign th:nth-child(1) {
  width: 31%;
  padding-left: 10px;
}
#manage_admins .reassign th:nth-child(2) {
  width: 31%;
  padding-left: 5px;
}
#manage_admins .reassign th:nth-child(3) {
  width: 25%;
}
#manage_admins .reassign tbody {
  max-height: 100px;
  overflow-y: scroll;
  overflow-x: hidden;
}
#manage_admins .reassign tbody tr:hover {
  background: #e5e3e3;
}
#manage_admins .reassign tr {
  cursor: pointer;
}
#manage_admins .reassign td {
  display: inline-block;
  float: left;
  padding: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#manage_admins .reassign td:nth-child(1) {
  padding: 5px 10px;
  width: 35%;
}
#manage_admins .reassign td:nth-child(2) {
  padding: 5px 10px;
  width: 40%;
}
#manage_admins .reassign td:nth-child(3) {
  padding: 5px 10px;
  width: 25%;
}
#manage_admins .admin-new-boundary {
  margin: 44px 0 20px 0;
  vertical-align: middle;
  padding: 3px 10px;
  border-radius: 8px;
  font-size: 16px;
  text-transform: lowercase !important;
}
#manage_admins .admin-new-boundary:before {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 3px;
  font-family: "icons";
  font-size: 12px;
}
#manage_admins .admin-new-boundary:not(:disabled):before {
  content: "\e617";
}
#manage_admins .admin-new-boundary:hover:not(:disabled) {
  background-color: #74af43;
}
#manage_admins .edit .edit__password input[type="password"] {
  margin-bottom: 0;
}
#manage-organizations {
  padding-top: 20px;
  color: #64686c;
  position: relative;
}
@media (max-width: 1023px) {
  #manage-organizations > * {
    margin: 0 20px;
  }
}
#manage-organizations #manage-orgs-tutorial-modal {
  width: 97%;
  max-height: 97%;
  top: 56%;
}
#manage-organizations #manage-orgs-tutorial-modal #tutorial-button-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#manage-organizations #back-to-dashboard {
  display: block;
  font-family: "Oswald", sans-serif;
  color: #ef5e39;
  text-transform: uppercase;
  margin-bottom: 36px;
}
#manage-organizations #back-to-dashboard::before {
  content: "<";
}
#manage-organizations .help-container {
  color: #47a4c6;
  font-size: 12px;
  cursor: pointer;
  margin-bottom: 24px;
  margin-top: 11px;
}
@media (min-width: 1024px) {
  #manage-organizations .help-container {
    position: absolute;
    right: 20px;
    top: 85px;
  }
  #manage-organizations .help-container p {
    margin-bottom: 10px;
  }
}
@media (max-width: 1023px) {
  #manage-organizations .help-container {
    display: -ms-flexbox;
    display: flex;
  }
  #manage-organizations .help-container p {
    margin-right: 20px;
  }
}
#manage-organizations h1 {
  font-family: "Oswald", sans-serif;
  color: #47a4c6;
  font-size: 24px;
}
@media (min-width: 1024px) {
  #manage-organizations h1 {
    margin-bottom: 26px;
  }
}
#manage-organizations #explanation-text {
  font-family: Helvetica, arial;
  font-size: 14px;
  margin-bottom: 25px;
}
@media (min-width: 1024px) {
  #manage-organizations #explanation-text {
    max-width: 75%;
  }
}
#manage-organizations .org-list {
  margin-left: -20px;
}
@media (max-width: 1023px) {
  #manage-organizations .org-list {
    margin-left: 0px;
  }
}
@media (max-width: 875px) {
  #manage-organizations .org-list {
    margin-left: 5px;
  }
}
@media (max-width: 540px) {
  #manage-organizations .org-list {
    margin-left: 10px;
  }
}
@media (max-width: 450px) {
  #manage-organizations .org-list {
    margin-left: 20px;
  }
}
#manage-organizations #org-list-header {
  padding-top: 27px;
}
#manage-organizations #org-list-header h2 {
  font-family: "Oswald", sans-serif;
  color: #47a4c6;
  font-size: 18px;
  display: inline-block;
  margin-bottom: 6px;
}
#manage-organizations #org-list-header a {
  display: inline-block;
  background: #47a4c6;
  color: #fff;
  font-family: "Oswald", sans-serif;
  cursor: pointer;
  text-transform: lowercase;
  font-size: 13px;
  border-radius: 8px;
  padding: 4px 18px 4px 12.5px;
  float: right;
}
#manage-organizations #org-list-header a i {
  margin-right: 2px;
}
#manage-organizations #org-list-header p {
  margin-bottom: 12px;
}
#manage-organizations #org-list-header #org-count {
  color: #ef5e39;
}
#manage-organizations .org-list th:not(#org-options-th) {
  cursor: pointer;
}
#manage-organizations .org-list tr td .vc-chip {
  background-color: #74af43;
  color: #fff;
  font-size: 14px;
  line-height: 14px;
  padding: 2px 5px;
  border-radius: 14px;
}
#manage-organizations .org-list tr td .ss-remove {
  color: #be1e2d;
  text-align: center;
  cursor: pointer;
  position: relative;
}
#manage-organizations .org-list tr td .ss-remove:before {
  position: absolute;
  top: 0;
  left: 25px;
}
#manage-organizations .orgs-option-box {
  position: absolute;
  top: 0;
  right: 100%;
  background: #86b4cd;
  color: #fff;
  font-family: "Oswald", sans-serif;
  text-align: left;
  width: 300px;
  text-transform: uppercase;
  z-index: 10;
}
@media (max-width: 450px) {
  #manage-organizations table {
    width: 100%;
    margin-left: 0;
  }
}
#manage-organizations table thead th {
  text-align: left;
  font-family: Helvetica, arial;
  color: #64686c;
  font-weight: inherit;
}
@media (max-width: 450px) {
  #manage-organizations table thead th .th-label-desktop {
    display: none;
  }
}
#manage-organizations table thead th .th-label-mobile {
  display: none;
}
@media (max-width: 450px) {
  #manage-organizations table thead th .th-label-mobile {
    display: inline-block;
  }
}
#manage-organizations table thead th:first-child:not(.orgs-projects) {
  width: 2%;
}
@media (max-width: 450px) {
  #manage-organizations table thead th:first-child:not(.orgs-projects) {
    display: none;
  }
}
#manage-organizations table thead th:nth-child(2) {
  width: 40%;
  border-bottom: 1px solid #64686c;
}
#manage-organizations table thead th:nth-child(3) {
  width: 20%;
  border-bottom: 1px solid #64686c;
}
#manage-organizations table thead th:nth-child(4) {
  width: 20%;
  border-bottom: 1px solid #64686c;
}
#manage-organizations table thead th:nth-child(5) {
  width: 10%;
  border-bottom: 1px solid #64686c;
}
@media (max-width: 450px) {
  #manage-organizations table thead th:nth-child(5) {
    display: none;
  }
}
#manage-organizations table thead th:nth-child(6) {
  width: 8%;
  border-bottom: 1px solid #64686c;
  text-align: center;
}
#manage-organizations table tbody td .orgs-option-box {
  width: 185px;
}
#manage-organizations table tbody td .orgs-option-box a {
  color: #fff;
  padding: 2px 12px;
  width: 100%;
  float: left;
}
#manage-organizations table tbody td .orgs-option-box a:hover {
  background: #47a4c6;
}
#manage-organizations table tbody td #admin-name,
#manage-organizations table tbody td #admin-count-additional {
  display: inline-block;
}
@media (max-width: 450px) {
  #manage-organizations table tbody td #admin-name,
  #manage-organizations table tbody td #admin-count-additional {
    display: none;
  }
}
#manage-organizations table tbody td #admin-count-all {
  display: none;
}
@media (max-width: 450px) {
  #manage-organizations table tbody td #admin-count-all {
    display: inline-block;
    margin-left: 18px;
  }
}
@media (min-width: 1024px) {
  #manage-organizations table tbody .orgs-projects {
    padding-left: 4%;
    padding-bottom: 8px;
  }
  #manage-organizations table tbody .orgs-projects a {
    color: #47a4c6;
  }
  #manage-organizations table tbody .active {
    background-color: #e5e3e3;
  }
  #manage-organizations table tbody .active .arrow:before {
    content: "\e606";
    left: 6px;
    background-color: #e5e3e3;
    padding: 3px;
  }
  #manage-organizations table tbody .arrow {
    cursor: pointer;
  }
  #manage-organizations table tbody .arrow:before {
    content: "\e605";
    font-family: "icons";
    color: #64686c;
    padding-top: 4px;
    font-size: 10px;
  }
}
#manage-organizations table tbody td:first-child {
  width: 2%;
}
@media (max-width: 450px) {
  #manage-organizations table tbody td:first-child {
    display: none;
  }
}
#manage-organizations table tbody td:nth-child(2) {
  color: #47a4c6;
  width: 40%;
}
#manage-organizations table tbody td:nth-child(3) {
  width: 20%;
}
#manage-organizations table tbody td:nth-child(4) {
  width: 20%;
  color: #47a4c6;
  cursor: pointer;
}
#manage-organizations table tbody td:nth-child(5) {
  width: 10%;
}
@media (max-width: 450px) {
  #manage-organizations table tbody td:nth-child(5) {
    display: none;
  }
}
#manage-organizations table tbody td:nth-child(6) {
  text-align: center;
  cursor: pointer;
  position: relative;
  padding-top: 5px;
  width: 8%;
}
#manage-organizations table tbody td:nth-child(7) {
  width: 100%;
}
@media (max-width: 1023px) {
  #manage-organizations table tbody td:nth-child(7) {
    display: none;
  }
}
#manage-organizations table tbody .options-shown {
  background: #e5e3e3;
}
#manage-organizations table tbody .options-shown td:nth-child(5) {
  background: #47a4c6;
}
#manage-organizations table tbody .options-shown svg {
  fill: #fff;
}
#manage-organizations table tbody svg {
  fill: #bbbdc0;
  width: 30px;
  padding-bottom: 5px;
  height: 22px;
}
#manage-organizations #view-more {
  color: #47a4c6;
  cursor: pointer;
  display: inline-block;
  margin-top: 30px;
  margin-bottom: 100px;
}
#manage-organizations .sort:after {
  content: "\e620";
  font-family: "icons";
  font-size: 14px;
  display: inline-block;
  margin-left: 5px;
  right: 0;
}
#manage-organizations .sort-reverse:after {
  content: "\e622";
  font-family: "icons";
  font-size: 14px;
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
}
#manage-organizations .organizations-modal {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  margin: 50px auto;
  border-style: solid;
  z-index: 9999;
  background-color: white;
  border-width: 1px;
  box-shadow: 2px 2px 10px 0 #bbbdc0;
}
#manage-organizations .organizations-modal a {
  color: #47a4c6;
  cursor: pointer;
}
#manage-organizations #delete-modal {
  position: fixed;
  max-width: 500px;
}
#manage-organizations #delete-modal #delete-modal-processing {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 1;
}
#manage-organizations
  #delete-modal
  #delete-modal-processing
  #delete-modal-processing-content {
  height: inherit;
  padding-top: 25%;
}
#manage-organizations
  #delete-modal
  #delete-modal-processing
  #delete-modal-processing-content
  h2 {
  font-family: "Oswald", sans-serif;
  font-size: 25px;
  color: #ef5e39;
  display: block;
  width: 75px;
  margin: 0 auto;
}
#manage-organizations
  #delete-modal
  #delete-modal-processing
  #delete-modal-processing-content
  .loading-bar {
  width: 200px;
  height: 10px;
  background: url("https://www.justserve.org/api/images/static/animated-loading-bar.gif");
  background-size: cover;
}
#manage-organizations #delete-modal #upper-wrapper {
  padding: 20px;
}
#manage-organizations #delete-modal #upper-wrapper #delete-modal-close {
  float: right;
  display: block;
  color: #47a4c6;
  font-size: 20px;
  cursor: pointer;
  clear: both;
}
#manage-organizations #delete-modal #upper-wrapper h1 {
  margin-top: 1em;
  margin-bottom: 0;
}
#manage-organizations #delete-modal #upper-wrapper p {
  margin-top: 1em;
}
#manage-organizations
  #delete-modal
  #upper-wrapper
  #delete-modal-options-wrapper {
  margin: 15px 0 0 35px;
}
#manage-organizations #delete-modal #delete-buttons-wrapper {
  background-color: #e5e3e3;
  text-align: right;
  padding: 20px;
}
#manage-organizations
  #delete-modal
  #delete-buttons-wrapper
  #delete-modal-cancel {
  margin: 2px;
  background-color: #444;
}
#manage-organizations
  #delete-modal
  #delete-buttons-wrapper
  #delete-modal-delete {
  margin: 2px;
  background-color: #ef5e39;
}
#manage-organizations #edit-admin-modal .modal-directive-container {
  overflow-y: visible;
  padding: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #manage-organizations #edit-admin-modal .modal-directive-container {
    overflow-y: auto;
  }
}
#manage-organizations #edit-admin-modal #edit-admin-content {
  padding: 20px 20px 90px;
}
#manage-organizations #edit-admin-modal #edit-admin-content #add-button {
  width: 112px;
  font-size: 13px;
  border-radius: 7px;
  padding: 4px 14px;
  text-transform: lowercase;
}
#manage-organizations #edit-admin-modal #edit-admin-content #add-button:before {
  content: "\e617";
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 3px;
  font-family: "icons";
  font-size: 12px;
}
#manage-organizations
  #edit-admin-modal
  #edit-admin-content
  #current-admin-wrapper {
  margin-bottom: 23px;
}
#manage-organizations
  #edit-admin-modal
  #edit-admin-content
  #current-admin-wrapper
  table
  thead {
  border-bottom: none;
  font-size: 14px;
}
#manage-organizations
  #edit-admin-modal
  #edit-admin-content
  #current-admin-wrapper
  table
  thead
  th {
  margin-bottom: 11px;
}
#manage-organizations
  #edit-admin-modal
  #edit-admin-content
  #current-admin-wrapper
  table
  th,
#manage-organizations
  #edit-admin-modal
  #edit-admin-content
  #current-admin-wrapper
  table
  td {
  width: calc(100% - 80px);
  color: #000;
  border-bottom: none;
}
#manage-organizations
  #edit-admin-modal
  #edit-admin-content
  #current-admin-wrapper
  table
  th:last-of-type,
#manage-organizations
  #edit-admin-modal
  #edit-admin-content
  #current-admin-wrapper
  table
  td:last-of-type {
  width: 70px;
  text-align: center;
}
#manage-organizations
  #edit-admin-modal
  #edit-admin-content
  #current-admin-wrapper
  table
  tbody
  a {
  color: #47a4c6;
  padding: 2px 10px;
}
#manage-organizations
  #edit-admin-modal
  #edit-admin-content
  #current-admin-wrapper
  table
  tbody
  a:hover {
  color: #74af43;
}
#manage-organizations
  #edit-admin-modal
  #edit-admin-content
  #current-admin-wrapper
  table
  tbody
  .icon-delete-circle-button {
  border-radius: 100px;
  width: 20px;
  height: 20px;
  padding: 0px;
  background: none;
  margin-top: 4px;
}
#manage-organizations
  #edit-admin-modal
  #edit-admin-content
  #current-admin-wrapper
  table
  tbody
  .icon-delete-circle {
  color: #989b9f;
  font-size: 125%;
}
#manage-organizations
  #edit-admin-modal
  #edit-admin-content
  #current-admin-wrapper
  table
  tbody
  .icon-delete-circle:hover {
  color: #ef5e39;
}
#manage-organizations #edit-admin-modal #edit-admin-content #lookup-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#manage-organizations
  #edit-admin-modal
  #edit-admin-content
  #lookup-wrapper
  > *:not(:last-child) {
  margin-right: 5px;
}
#manage-organizations
  #edit-admin-modal
  #edit-admin-content
  #lookup-wrapper
  input {
  width: 100px;
  padding: 5px 10px;
  height: 32px;
}
#manage-organizations
  #edit-admin-modal
  #edit-admin-content
  #lookup-wrapper
  #users-wrapper {
  width: 100%;
  position: relative;
}
#manage-organizations
  #edit-admin-modal
  #edit-admin-content
  #lookup-wrapper
  #users-wrapper
  .label {
  font-size: 14px;
}
#manage-organizations
  #edit-admin-modal
  #edit-admin-content
  #lookup-wrapper
  #users-wrapper
  #user-lookup-input {
  width: 100%;
  border: 1px solid #bbbdc0;
}
#manage-organizations
  #edit-admin-modal
  #edit-admin-content
  #lookup-wrapper
  #users-wrapper
  ul {
  height: 200px;
  overflow: auto;
  position: absolute;
  background: #fff;
  width: 100%;
  border: 1px solid #bbbdc0;
}
#manage-organizations
  #edit-admin-modal
  #edit-admin-content
  #lookup-wrapper
  #users-wrapper
  ul
  li {
  padding: 4px;
  font-size: 18px;
}
#manage-organizations
  #edit-admin-modal
  #edit-admin-content
  #lookup-wrapper
  #users-wrapper
  ul
  li:first-of-type {
  font-size: 14px;
  padding-top: 0px;
}
#manage-organizations
  #edit-admin-modal
  #edit-admin-content
  #lookup-wrapper
  #users-wrapper
  ul
  li:not(:first-of-type):hover {
  background-color: #47a4c6;
  color: #fff;
}
#manage-organizations
  #edit-admin-modal
  #edit-admin-content
  #lookup-wrapper
  #users-wrapper
  ul
  li
  a {
  display: -ms-flexbox;
  display: flex;
}
#manage-organizations
  #edit-admin-modal
  #edit-admin-content
  #lookup-wrapper
  #users-wrapper
  ul
  li
  a
  .name-container {
  min-width: 175px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#manage-organizations
  #edit-admin-modal
  #edit-admin-content
  #lookup-wrapper
  #lookup-cancel {
  background-color: #989b9f;
}
#manage-organizations #edit-admin-modal #edit-admin-footer {
  background-color: #e5e3e3;
  text-align: right;
  padding: 22px 23px;
}
#manage-organizations #edit-admin-modal #edit-admin-footer #save-edit-button {
  width: auto;
  padding: 5px 9px;
}
#manage-organizations #edit-admin-modal #edit-admin-footer .save-edit-disabled {
  background-color: #989b9f;
}
#manage-organizations #edit-admin-modal #edit-admin-footer .error {
  color: #be1e2d;
  size: 13px;
  position: absolute;
  right: 20px;
}
#manage-disaster-relief #promote-validation-modal {
  padding: 20px 20px 0;
}
#manage-disaster-relief #promote-validation-modal #validation-modal {
  padding: 10px 0 0 10px;
}
#manage-disaster-relief #promote-validation-modal #validation-modal h1 {
  color: #47a4c6;
  font-size: 22px;
  text-transform: none;
}
#manage-disaster-relief #promote-validation-modal #validation-modal p {
  margin-bottom: 18px;
  color: #64686c;
}
#manage-disaster-relief #promote-validation-modal #validation-modal input {
  display: block;
  width: 90px;
  margin: 0 auto;
  padding: 2px 17px;
}
#manage-disaster-relief h1 {
  margin-bottom: 15px;
  color: #47a4c6;
  font-family: "Oswald", sans-serif;
  font-size: 28px;
}
#manage-disaster-relief #manage-relief-header {
  position: relative;
}
@media (max-width: 1023px) {
  #manage-disaster-relief #manage-relief-header {
    margin: 0 20px;
  }
}
#manage-disaster-relief #manage-relief-header .back-to-dashboard {
  width: 100%;
}
#manage-disaster-relief #manage-relief-header .help-container {
  color: #47a4c6;
  font-size: 12px;
  cursor: pointer;
  margin-bottom: 24px;
  margin-top: 11px;
}
@media (min-width: 1024px) {
  #manage-disaster-relief #manage-relief-header .help-container {
    position: absolute;
    right: 20px;
    top: 85px;
  }
  #manage-disaster-relief #manage-relief-header .help-container p {
    margin-bottom: 10px;
  }
}
@media (max-width: 1023px) {
  #manage-disaster-relief #manage-relief-header .help-container {
    display: -ms-flexbox;
    display: flex;
  }
  #manage-disaster-relief #manage-relief-header .help-container p {
    margin-right: 20px;
  }
}
#manage-disaster-relief table th {
  text-align: left;
  font-size: 14px;
  font-weight: normal;
}
#manage-disaster-relief table th.reverse:after {
  content: "\e620";
}
#manage-disaster-relief table .sort:after {
  content: "\e622";
  font-family: "icons";
  font-size: 14px;
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
  font-size: 0.6em !important;
}
#manage-disaster-relief table tbody {
  padding-top: 16px;
}
#manage-disaster-relief table tbody td:focus {
  outline: none;
}
#manage-disaster-relief table tbody td:nth-child(5),
#manage-disaster-relief table tbody td:nth-child(4),
#manage-disaster-relief table tbody td:nth-child(3) {
  vertical-align: middle;
  cursor: pointer;
  position: relative;
}
#manage-disaster-relief table tbody td:nth-child(5) p,
#manage-disaster-relief table tbody td:nth-child(4) p,
#manage-disaster-relief table tbody td:nth-child(3) p {
  text-align: center;
}
#manage-disaster-relief table tbody svg {
  fill: #bbbdc0;
  width: 1.5em;
  padding-bottom: 2px;
  height: 22px;
}
#manage-disaster-relief table tbody .option-box {
  position: absolute;
  top: 0;
  right: 100%;
  background: #86b4cd;
  color: #fff;
  font-family: "Oswald", sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  width: 200px;
  text-transform: uppercase;
  display: none;
  z-index: 10;
}
#manage-disaster-relief table tbody .option-box li:hover {
  background: #47a4c6;
}
#manage-disaster-relief table tbody .option-box li a {
  display: block;
  padding: 7px 0 7px 15px;
}
#manage-disaster-relief .section-header {
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 14px;
  height: 25.5px;
}
#manage-disaster-relief .section-header > div {
  display: -ms-flexbox;
  display: flex;
}
#manage-disaster-relief .section-header .section-count {
  background: #bbbdc0 none repeat scroll 0 0;
  border-radius: 5px;
  color: #fff !important;
  display: inline-block;
  font-size: 12px;
  line-height: 14px;
  margin: 0 0 3px 5px;
  padding: 1px 6px;
  vertical-align: middle;
  -ms-flex-item-align: center;
  align-self: center;
}
#manage-disaster-relief .section-header .section-count.single-digit {
  padding: 1px 6px 1px 5px;
}
#manage-disaster-relief .section-header h3 {
  color: #47a4c6;
  font-weight: bold;
}
#manage-disaster-relief .section-header .no-results {
  margin-left: 30px;
}
#manage-disaster-relief .add-button {
  margin-left: 10px;
  line-height: 11px;
  padding: 4px 10px;
  border-radius: 8px;
  font-size: 12px;
  background: #bbbdc0;
  color: #fff;
  text-transform: lowercase;
  float: right;
  background-color: #47a4c6;
  font-family: "Oswald", sans-serif;
}
#manage-disaster-relief .add-button:before {
  content: "\e617";
  display: inline-block;
  margin-top: 5px;
  margin-right: 5px;
  vertical-align: text-bottom;
  font-family: "icons";
  font-size: 12px;
}
@media (max-width: 1023px) {
  #manage-disaster-relief .add-button {
    margin-left: 0;
    margin-right: 15px;
  }
}
#manage-disaster-relief .options-shown {
  background: #e5e3e3;
}
#manage-disaster-relief .options-shown svg {
  fill: #fff;
}
#manage-disaster-relief .options-shown .option-box {
  display: block;
}
#manage-disaster-relief .pl0 {
  padding-left: 0px !important;
}
@media (max-width: 1023px) {
  #manage-disaster-relief .instruction-text {
    padding-left: 15px !important;
  }
  #manage-disaster-relief .pl15 {
    padding-left: 15px !important;
  }
  #manage-disaster-relief #pending-efforts-section,
  #manage-disaster-relief #active-efforts-section,
  #manage-disaster-relief #inactive-efforts-section {
    margin-left: 15px !important;
  }
}
#manage-disaster-relief #pending-efforts-table,
#manage-disaster-relief #active-efforts-table,
#manage-disaster-relief #inactive-efforts-table {
  margin-left: -30px;
  width: calc(100% + 30px);
}
#manage-disaster-relief #pending-efforts-section,
#manage-disaster-relief #active-efforts-section {
  border-bottom: 1px solid #bbbdc0;
  margin: 30px 0 0;
}
#manage-disaster-relief #pending-efforts-section .section-header,
#manage-disaster-relief #active-efforts-section .section-header {
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#manage-disaster-relief #pending-efforts-section > p,
#manage-disaster-relief #active-efforts-section > p {
  margin-left: 15px;
}
#manage-disaster-relief #pending-efforts-section #pending-efforts-table,
#manage-disaster-relief #pending-efforts-section #active-efforts-table,
#manage-disaster-relief #active-efforts-section #pending-efforts-table,
#manage-disaster-relief #active-efforts-section #active-efforts-table {
  margin: 0 0 0 -30px;
  width: calc(100% + 30px);
}
#manage-disaster-relief #pending-efforts-section #pending-efforts-table tr,
#manage-disaster-relief #pending-efforts-section #active-efforts-table tr,
#manage-disaster-relief #active-efforts-section #pending-efforts-table tr,
#manage-disaster-relief #active-efforts-section #active-efforts-table tr {
  height: 31px;
  margin-top: 0;
  width: 100%;
}
@media (max-width: 1023px) {
  #manage-disaster-relief #pending-efforts-section #pending-efforts-table tr,
  #manage-disaster-relief #pending-efforts-section #active-efforts-table tr,
  #manage-disaster-relief #active-efforts-section #pending-efforts-table tr,
  #manage-disaster-relief #active-efforts-section #active-efforts-table tr {
    font-size: 14px;
  }
}
#manage-disaster-relief
  #pending-efforts-section
  #pending-efforts-table
  tr.active,
#manage-disaster-relief
  #pending-efforts-section
  #active-efforts-table
  tr.active,
#manage-disaster-relief
  #active-efforts-section
  #pending-efforts-table
  tr.active,
#manage-disaster-relief
  #active-efforts-section
  #active-efforts-table
  tr.active {
  height: auto;
}
#manage-disaster-relief
  #pending-efforts-section
  #pending-efforts-table
  tr.active,
#manage-disaster-relief
  #pending-efforts-section
  #active-efforts-table
  tr.active,
#manage-disaster-relief
  #active-efforts-section
  #pending-efforts-table
  tr.active,
#manage-disaster-relief
  #active-efforts-section
  #active-efforts-table
  tr.active {
  background: #e5e3e3;
}
#manage-disaster-relief
  #pending-efforts-section
  #pending-efforts-table
  tr.active
  td.arrow
  a:before,
#manage-disaster-relief
  #pending-efforts-section
  #active-efforts-table
  tr.active
  td.arrow
  a:before,
#manage-disaster-relief
  #active-efforts-section
  #pending-efforts-table
  tr.active
  td.arrow
  a:before,
#manage-disaster-relief
  #active-efforts-section
  #active-efforts-table
  tr.active
  td.arrow
  a:before {
  content: "\e606";
}
#manage-disaster-relief
  #pending-efforts-section
  #pending-efforts-table
  .expanded-data,
#manage-disaster-relief
  #pending-efforts-section
  #active-efforts-table
  .expanded-data,
#manage-disaster-relief
  #active-efforts-section
  #pending-efforts-table
  .expanded-data,
#manage-disaster-relief
  #active-efforts-section
  #active-efforts-table
  .expanded-data {
  font-size: 14px;
}
#manage-disaster-relief
  #pending-efforts-section
  #pending-efforts-table
  .expanded-data
  td:nth-child(2),
#manage-disaster-relief
  #pending-efforts-section
  #active-efforts-table
  .expanded-data
  td:nth-child(2),
#manage-disaster-relief
  #active-efforts-section
  #pending-efforts-table
  .expanded-data
  td:nth-child(2),
#manage-disaster-relief
  #active-efforts-section
  #active-efforts-table
  .expanded-data
  td:nth-child(2) {
  color: #64686c;
  padding: 5px 5px 15px;
}
#manage-disaster-relief #pending-efforts-section #pending-efforts-table td,
#manage-disaster-relief #pending-efforts-section #active-efforts-table td,
#manage-disaster-relief #active-efforts-section #pending-efforts-table td,
#manage-disaster-relief #active-efforts-section #active-efforts-table td {
  padding: 5px;
  color: #64686c;
}
#manage-disaster-relief
  #pending-efforts-section
  #pending-efforts-table
  td.arrow
  a,
#manage-disaster-relief
  #pending-efforts-section
  #active-efforts-table
  td.arrow
  a,
#manage-disaster-relief
  #active-efforts-section
  #pending-efforts-table
  td.arrow
  a,
#manage-disaster-relief
  #active-efforts-section
  #active-efforts-table
  td.arrow
  a {
  height: 1em;
  width: 1em;
  position: relative;
}
#manage-disaster-relief
  #pending-efforts-section
  #pending-efforts-table
  td.arrow
  a:before,
#manage-disaster-relief
  #pending-efforts-section
  #active-efforts-table
  td.arrow
  a:before,
#manage-disaster-relief
  #active-efforts-section
  #pending-efforts-table
  td.arrow
  a:before,
#manage-disaster-relief
  #active-efforts-section
  #active-efforts-table
  td.arrow
  a:before {
  position: absolute;
  content: "\e605";
  font-family: "icons";
  font-size: 12px;
  vertical-align: middle;
  padding-right: 5px;
  color: #989b9f;
}
#manage-disaster-relief #pending-efforts-section #pending-efforts-table td a,
#manage-disaster-relief #pending-efforts-section #active-efforts-table td a,
#manage-disaster-relief #active-efforts-section #pending-efforts-table td a,
#manage-disaster-relief #active-efforts-section #active-efforts-table td a {
  display: block;
}
#manage-disaster-relief
  #pending-efforts-section
  #pending-efforts-table
  th:not(:first-of-type),
#manage-disaster-relief
  #pending-efforts-section
  #active-efforts-table
  th:not(:first-of-type),
#manage-disaster-relief
  #active-efforts-section
  #pending-efforts-table
  th:not(:first-of-type),
#manage-disaster-relief
  #active-efforts-section
  #active-efforts-table
  th:not(:first-of-type) {
  border-bottom: 1px solid #bbbdc0;
}
#manage-disaster-relief
  #pending-efforts-section
  #pending-efforts-table
  th:nth-child(1),
#manage-disaster-relief
  #pending-efforts-section
  #pending-efforts-table
  td:nth-child(1),
#manage-disaster-relief
  #pending-efforts-section
  #active-efforts-table
  th:nth-child(1),
#manage-disaster-relief
  #pending-efforts-section
  #active-efforts-table
  td:nth-child(1),
#manage-disaster-relief
  #active-efforts-section
  #pending-efforts-table
  th:nth-child(1),
#manage-disaster-relief
  #active-efforts-section
  #pending-efforts-table
  td:nth-child(1),
#manage-disaster-relief
  #active-efforts-section
  #active-efforts-table
  th:nth-child(1),
#manage-disaster-relief
  #active-efforts-section
  #active-efforts-table
  td:nth-child(1) {
  width: 30px;
}
#manage-disaster-relief
  #pending-efforts-section
  #pending-efforts-table
  th:nth-child(2),
#manage-disaster-relief
  #pending-efforts-section
  #pending-efforts-table
  td:nth-child(2),
#manage-disaster-relief
  #pending-efforts-section
  #active-efforts-table
  th:nth-child(2),
#manage-disaster-relief
  #pending-efforts-section
  #active-efforts-table
  td:nth-child(2),
#manage-disaster-relief
  #active-efforts-section
  #pending-efforts-table
  th:nth-child(2),
#manage-disaster-relief
  #active-efforts-section
  #pending-efforts-table
  td:nth-child(2),
#manage-disaster-relief
  #active-efforts-section
  #active-efforts-table
  th:nth-child(2),
#manage-disaster-relief
  #active-efforts-section
  #active-efforts-table
  td:nth-child(2) {
  width: 40%;
}
@media (min-width: 450px) and (max-width: 1023px) {
  #manage-disaster-relief
    #pending-efforts-section
    #pending-efforts-table
    th:nth-child(2),
  #manage-disaster-relief
    #pending-efforts-section
    #pending-efforts-table
    td:nth-child(2),
  #manage-disaster-relief
    #pending-efforts-section
    #active-efforts-table
    th:nth-child(2),
  #manage-disaster-relief
    #pending-efforts-section
    #active-efforts-table
    td:nth-child(2),
  #manage-disaster-relief
    #active-efforts-section
    #pending-efforts-table
    th:nth-child(2),
  #manage-disaster-relief
    #active-efforts-section
    #pending-efforts-table
    td:nth-child(2),
  #manage-disaster-relief
    #active-efforts-section
    #active-efforts-table
    th:nth-child(2),
  #manage-disaster-relief
    #active-efforts-section
    #active-efforts-table
    td:nth-child(2) {
    width: 60%;
  }
}
#manage-disaster-relief
  #pending-efforts-section
  #pending-efforts-table
  th:nth-child(5),
#manage-disaster-relief
  #pending-efforts-section
  #pending-efforts-table
  td:nth-child(5),
#manage-disaster-relief
  #pending-efforts-section
  #active-efforts-table
  th:nth-child(5),
#manage-disaster-relief
  #pending-efforts-section
  #active-efforts-table
  td:nth-child(5),
#manage-disaster-relief
  #active-efforts-section
  #pending-efforts-table
  th:nth-child(5),
#manage-disaster-relief
  #active-efforts-section
  #pending-efforts-table
  td:nth-child(5),
#manage-disaster-relief
  #active-efforts-section
  #active-efforts-table
  th:nth-child(5),
#manage-disaster-relief
  #active-efforts-section
  #active-efforts-table
  td:nth-child(5) {
  width: 62px;
  text-align: right;
  position: relative;
}
#manage-disaster-relief
  #pending-efforts-section
  #pending-efforts-table
  td:nth-child(2),
#manage-disaster-relief
  #pending-efforts-section
  #active-efforts-table
  td:nth-child(2),
#manage-disaster-relief
  #active-efforts-section
  #pending-efforts-table
  td:nth-child(2),
#manage-disaster-relief
  #active-efforts-section
  #active-efforts-table
  td:nth-child(2) {
  color: #47a4c6;
}
#manage-disaster-relief
  #pending-efforts-section
  #pending-efforts-table
  td:nth-child(3),
#manage-disaster-relief
  #pending-efforts-section
  #active-efforts-table
  td:nth-child(3),
#manage-disaster-relief
  #active-efforts-section
  #pending-efforts-table
  td:nth-child(3),
#manage-disaster-relief
  #active-efforts-section
  #active-efforts-table
  td:nth-child(3) {
  overflow: hidden;
}
#manage-disaster-relief #inactive-efforts-section {
  margin: 50px 0 0 0;
}
#manage-disaster-relief #inactive-efforts-section #inactive-efforts-table {
  margin: 0 0 0 -30px;
  width: calc(100% + 30px);
}
#manage-disaster-relief
  #inactive-efforts-section
  #inactive-efforts-table
  th:not(:first-child) {
  border-bottom: 1px solid #bbbdc0;
}
#manage-disaster-relief #inactive-efforts-section #inactive-efforts-table th,
#manage-disaster-relief #inactive-efforts-section #inactive-efforts-table td {
  color: #64686c;
}
#manage-disaster-relief #inactive-efforts-section #inactive-efforts-table th,
#manage-disaster-relief #inactive-efforts-section #inactive-efforts-table td {
  padding: 5px;
}
#manage-disaster-relief
  #inactive-efforts-section
  #inactive-efforts-table
  td:nth-child(1) {
  width: 26px;
}
#manage-disaster-relief
  #inactive-efforts-section
  #inactive-efforts-table
  td:nth-child(5) {
  width: 62px;
  color: #64686c;
  text-align: right;
  position: relative;
}
#manage-disaster-relief
  #inactive-efforts-section
  #inactive-efforts-table
  td:nth-child(5)
  p {
  text-align: center;
}
#manage-disaster-relief #edit-admin-modal .modal-directive-container {
  overflow-y: visible;
  padding: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #manage-disaster-relief #edit-admin-modal .modal-directive-container {
    overflow-y: auto;
  }
}
#manage-disaster-relief #edit-admin-modal #edit-admin-content {
  padding: 20px 20px 90px;
}
#manage-disaster-relief #edit-admin-modal #edit-admin-content #add-button {
  width: 112px;
  font-size: 13px;
  border-radius: 7px;
  padding: 4px 14px;
  text-transform: lowercase;
}
#manage-disaster-relief
  #edit-admin-modal
  #edit-admin-content
  #add-button:before {
  content: "\e617";
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 3px;
  font-family: "icons";
  font-size: 12px;
}
#manage-disaster-relief
  #edit-admin-modal
  #edit-admin-content
  #current-admin-wrapper {
  margin-bottom: 23px;
}
#manage-disaster-relief
  #edit-admin-modal
  #edit-admin-content
  #current-admin-wrapper
  table
  thead {
  border-bottom: none;
  font-size: 14px;
}
#manage-disaster-relief
  #edit-admin-modal
  #edit-admin-content
  #current-admin-wrapper
  table
  thead
  th {
  margin-bottom: 11px;
}
#manage-disaster-relief
  #edit-admin-modal
  #edit-admin-content
  #current-admin-wrapper
  table
  th,
#manage-disaster-relief
  #edit-admin-modal
  #edit-admin-content
  #current-admin-wrapper
  table
  td {
  width: calc(100% - 80px);
  color: #000;
}
#manage-disaster-relief
  #edit-admin-modal
  #edit-admin-content
  #current-admin-wrapper
  table
  th:last-of-type,
#manage-disaster-relief
  #edit-admin-modal
  #edit-admin-content
  #current-admin-wrapper
  table
  td:last-of-type {
  width: 70px;
  text-align: center;
}
#manage-disaster-relief
  #edit-admin-modal
  #edit-admin-content
  #current-admin-wrapper
  table
  tbody
  .icon-delete-circle-button {
  border-radius: 100px;
  width: 20px;
  height: 20px;
  padding: 0px;
  background: none;
}
#manage-disaster-relief
  #edit-admin-modal
  #edit-admin-content
  #current-admin-wrapper
  table
  tbody
  .icon-delete-circle {
  color: #989b9f;
  font-size: 125%;
}
#manage-disaster-relief
  #edit-admin-modal
  #edit-admin-content
  #current-admin-wrapper
  table
  tbody
  .icon-delete-circle:hover {
  color: #ef5e39;
}
#manage-disaster-relief
  #edit-admin-modal
  #edit-admin-content
  #area-leads-wrapper {
  -ms-flex-direction: column;
  flex-direction: column;
}
#manage-disaster-relief
  #edit-admin-modal
  #edit-admin-content
  #area-leads-wrapper
  ul {
  border: 1px solid #989b9f;
}
#manage-disaster-relief
  #edit-admin-modal
  #edit-admin-content
  #area-leads-wrapper
  ul
  li {
  padding: 1%;
}
#manage-disaster-relief
  #edit-admin-modal
  #edit-admin-content
  #area-leads-wrapper
  ul
  li:not(:first-child):hover {
  background-color: #47a4c6;
  color: #fff;
}
#manage-disaster-relief #edit-admin-modal #edit-admin-content #lookup-wrapper,
#manage-disaster-relief
  #edit-admin-modal
  #edit-admin-content
  #area-leads-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#manage-disaster-relief
  #edit-admin-modal
  #edit-admin-content
  #lookup-wrapper
  > *:not(:last-child),
#manage-disaster-relief
  #edit-admin-modal
  #edit-admin-content
  #area-leads-wrapper
  > *:not(:last-child) {
  margin-right: 5px;
}
#manage-disaster-relief
  #edit-admin-modal
  #edit-admin-content
  #lookup-wrapper
  input,
#manage-disaster-relief
  #edit-admin-modal
  #edit-admin-content
  #area-leads-wrapper
  input {
  width: 100px;
  padding: 5px 10px;
  height: 32px;
}
#manage-disaster-relief
  #edit-admin-modal
  #edit-admin-content
  #lookup-wrapper
  #users-wrapper,
#manage-disaster-relief
  #edit-admin-modal
  #edit-admin-content
  #area-leads-wrapper
  #users-wrapper {
  width: 100%;
  position: relative;
}
#manage-disaster-relief
  #edit-admin-modal
  #edit-admin-content
  #lookup-wrapper
  #users-wrapper
  .label,
#manage-disaster-relief
  #edit-admin-modal
  #edit-admin-content
  #area-leads-wrapper
  #users-wrapper
  .label {
  font-size: 14px;
}
#manage-disaster-relief
  #edit-admin-modal
  #edit-admin-content
  #lookup-wrapper
  #users-wrapper
  #user-lookup-input,
#manage-disaster-relief
  #edit-admin-modal
  #edit-admin-content
  #area-leads-wrapper
  #users-wrapper
  #user-lookup-input {
  width: 100%;
  border: 1px solid #bbbdc0;
}
#manage-disaster-relief
  #edit-admin-modal
  #edit-admin-content
  #lookup-wrapper
  #users-wrapper
  ul,
#manage-disaster-relief
  #edit-admin-modal
  #edit-admin-content
  #area-leads-wrapper
  #users-wrapper
  ul {
  height: 200px;
  overflow: auto;
  position: absolute;
  background: #fff;
  width: 100%;
  border: 1px solid #bbbdc0;
}
#manage-disaster-relief
  #edit-admin-modal
  #edit-admin-content
  #lookup-wrapper
  #users-wrapper
  ul
  li,
#manage-disaster-relief
  #edit-admin-modal
  #edit-admin-content
  #area-leads-wrapper
  #users-wrapper
  ul
  li {
  padding: 4px;
  font-size: 18px;
}
#manage-disaster-relief
  #edit-admin-modal
  #edit-admin-content
  #lookup-wrapper
  #users-wrapper
  ul
  li:first-of-type,
#manage-disaster-relief
  #edit-admin-modal
  #edit-admin-content
  #area-leads-wrapper
  #users-wrapper
  ul
  li:first-of-type {
  font-size: 14px;
  padding-top: 0px;
}
#manage-disaster-relief
  #edit-admin-modal
  #edit-admin-content
  #lookup-wrapper
  #users-wrapper
  ul
  li:not(:first-of-type):hover,
#manage-disaster-relief
  #edit-admin-modal
  #edit-admin-content
  #area-leads-wrapper
  #users-wrapper
  ul
  li:not(:first-of-type):hover {
  background-color: #47a4c6;
  color: #fff;
}
#manage-disaster-relief
  #edit-admin-modal
  #edit-admin-content
  #lookup-wrapper
  #users-wrapper
  ul
  li
  a,
#manage-disaster-relief
  #edit-admin-modal
  #edit-admin-content
  #area-leads-wrapper
  #users-wrapper
  ul
  li
  a {
  display: -ms-flexbox;
  display: flex;
}
#manage-disaster-relief
  #edit-admin-modal
  #edit-admin-content
  #lookup-wrapper
  #users-wrapper
  ul
  li
  a
  .name-container,
#manage-disaster-relief
  #edit-admin-modal
  #edit-admin-content
  #area-leads-wrapper
  #users-wrapper
  ul
  li
  a
  .name-container {
  min-width: 175px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#manage-disaster-relief
  #edit-admin-modal
  #edit-admin-content
  #lookup-wrapper
  #lookup-cancel,
#manage-disaster-relief
  #edit-admin-modal
  #edit-admin-content
  #area-leads-wrapper
  #lookup-cancel {
  background-color: #989b9f;
}
#manage-disaster-relief #edit-admin-modal #edit-admin-footer {
  background-color: #e5e3e3;
  text-align: right;
  padding: 22px 23px;
}
#manage-disaster-relief #edit-admin-modal #edit-admin-footer #save-edit-button {
  width: auto;
  padding: 5px 9px;
}
#manage-disaster-relief
  #edit-admin-modal
  #edit-admin-footer
  .save-edit-disabled {
  background-color: #989b9f;
}
#manage-disaster-relief #edit-admin-modal #edit-admin-footer .error {
  color: #be1e2d;
  size: 13px;
  position: absolute;
  right: 20px;
}
#create-edit-org {
  max-width: inherit;
  margin: 0 0 100px 0;
}
#create-edit-org h1 {
  font-family: "Oswald", sans-serif;
  color: #47a4c6;
  font-size: 24px;
}
@media (max-width: 450px) {
  #create-edit-org {
    margin-bottom: 50px;
  }
}
#create-org-landing {
  max-width: inherit;
  margin: 0;
  color: #64686c;
}
#create-org-landing #tutorial-modal {
  width: 97%;
  max-height: 97%;
  top: 56%;
}
#create-org-landing #tutorial-modal #tutorial-button-wrapper {
  text-align: right;
}
#create-org-landing .input-required:after {
  font-size: 15px;
  content: "*";
  position: absolute;
  right: 0;
}
#create-org-landing .org-editor__validation-error__message {
  margin: 0 !important;
  font-family: Helvetica, arial !important;
  font-size: 9px !important;
  color: #be1e2d !important;
}
#create-org-landing #create-org-header {
  max-width: 1024px;
  margin: 0 auto;
  margin-top: 125px;
}
@media (max-width: 1023px) {
  #create-org-landing #create-org-header {
    margin: 95px 10px 0 10px;
  }
}
#create-org-landing #create-org-header #how-to-wrapper {
  text-align: right;
  color: #47a4c6;
  padding-right: 20px;
}
#create-org-landing #create-org-header h1 {
  text-align: center;
}
@media (max-width: 1023px) {
  #create-org-landing #create-org-header h1 {
    font-size: 24px;
  }
}
#create-org-landing #create-org-header p {
  margin: 10px 0;
  font-size: 18px;
}
#create-org-landing .input-button-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
}
#create-org-landing .input-button-wrapper .submit-button {
  font-family: icons;
  width: 30px;
  height: 30px;
  padding: 2px;
  margin: 0 0 0 6px;
  background: #74af43;
}
#create-org-landing .input-button-wrapper .submit-button:disabled {
  width: 32px;
  height: 32px;
  background: #d9dadb;
}
#create-org-landing .input-button-wrapper .required {
  margin-top: -4px;
  margin-left: 4px;
}
#create-org-landing #create-org-data {
  max-width: 1024px;
  margin: 0 auto;
  margin-top: 50px;
}
#create-org-landing #create-org-data #org-title-input {
  display: block;
}
#create-org-landing #create-org-data input {
  border-style: solid;
  border-width: 1px;
  border-color: #808083;
}
@media (max-width: 1023px) {
  #create-org-landing #create-org-data {
    margin-right: 10px;
    margin-left: 10px;
  }
}
#create-org-landing #create-org-data #org-admin-wrapper {
  display: -ms-flexbox;
  display: flex;
  margin-top: 25px;
}
@media (max-width: 1023px) {
  #create-org-landing #create-org-data #org-admin-wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#create-org-landing #create-org-data #org-admin-wrapper .org-admin-cell {
  width: 100%;
}
@media (min-width: 1024px) {
  #create-org-landing #create-org-data #org-admin-wrapper .org-admin-cell {
    padding-right: 5px;
  }
}
#create-org-landing #create-org-data #org-admin-wrapper #org-admin-lookup {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}
#create-org-landing
  #create-org-data
  #org-admin-wrapper
  #org-admin-lookup
  .lookup-content-wrapper {
  width: 100%;
  position: relative;
}
#create-org-landing
  #create-org-data
  #org-admin-wrapper
  #org-admin-lookup
  .lookup-content-wrapper
  input[type="submit"] {
  margin: 0;
  padding: 2px 20px;
}
#create-org-landing
  #create-org-data
  #org-admin-wrapper
  #org-admin-lookup
  .lookup-content-wrapper
  .not-found-message {
  margin: 0 !important;
  font-family: "Oswald", sans-serif !important;
  color: #be1e2d !important;
}
#create-org-landing
  #create-org-data
  #org-admin-wrapper
  #org-admin-lookup
  .lookup-content-wrapper
  ul {
  height: 200px;
  overflow: auto;
  border: 1px solid #bbbdc0;
  position: absolute;
  background: #fff;
  width: 128%;
}
@media (max-width: 450px) {
  #create-org-landing
    #create-org-data
    #org-admin-wrapper
    #org-admin-lookup
    .lookup-content-wrapper
    ul {
    width: 142%;
  }
}
#create-org-landing
  #create-org-data
  #org-admin-wrapper
  #org-admin-lookup
  .lookup-content-wrapper
  ul
  li {
  padding: 4px;
  font-size: 18px;
}
#create-org-landing
  #create-org-data
  #org-admin-wrapper
  #org-admin-lookup
  .lookup-content-wrapper
  ul
  li:first-of-type {
  font-size: 14px;
  padding-top: 0px;
}
#create-org-landing
  #create-org-data
  #org-admin-wrapper
  #org-admin-lookup
  .lookup-content-wrapper
  ul
  li:not(:first-of-type):hover {
  background-color: #47a4c6;
  color: #fff;
}
#create-org-landing
  #create-org-data
  #org-admin-wrapper
  #org-admin-lookup
  .lookup-content-wrapper
  ul
  li
  a {
  display: -ms-flexbox;
  display: flex;
}
#create-org-landing
  #create-org-data
  #org-admin-wrapper
  #org-admin-lookup
  .lookup-content-wrapper
  ul
  li
  a
  .name-container {
  min-width: 250px;
}
#create-org-landing
  #create-org-data
  #org-admin-wrapper
  #org-admin-lookup
  #lookUp-submit-button,
#create-org-landing
  #create-org-data
  #org-admin-wrapper
  #org-admin-lookup
  #lookUp-cancel-button {
  width: auto;
  height: 30px;
  margin-left: 6px;
  padding: 2px 20px;
}
#create-org-landing
  #create-org-data
  #org-admin-wrapper
  #org-admin-lookup
  .cancel-button {
  background-color: #64686c;
}
#create-org-landing #create-org-data #org-admin-wrapper #org-admin-lookup p {
  margin-bottom: 5px;
}
#create-org-landing
  #create-org-data
  #org-admin-wrapper
  #org-admin-lookup
  .help-text {
  margin: 0 0 1em;
}
#create-org-landing #create-org-data #org-admin-wrapper #org-admin-list {
  padding: 0 50px 10px;
}
#create-org-landing #create-org-data #org-admin-wrapper #org-admin-list h2 {
  margin-bottom: 10px;
}
#create-org-landing #create-org-data #org-admin-wrapper #org-admin-list li {
  max-width: 250px;
  margin-bottom: 6px;
}
#create-org-landing
  #create-org-data
  #org-admin-wrapper
  #org-admin-list
  li
  .icon-delete-circle-button {
  float: right;
  border-radius: 100px;
  width: 20px;
  height: 20px;
  padding: 0px;
  background: none;
}
#create-org-landing
  #create-org-data
  #org-admin-wrapper
  #org-admin-list
  li
  .icon-delete-circle {
  color: #e5e3e3;
  font-size: 125%;
}
#create-org-landing
  #create-org-data
  #org-admin-wrapper
  #org-admin-list
  li
  .icon-delete-circle:hover {
  color: #ef5e39;
}
#create-org-landing #create-org-data #org-url {
  margin-top: 25px;
}
#create-org-landing #create-org-data #org-url p {
  font-size: 0.9em;
  margin-bottom: 20px;
}
#create-org-landing #create-org-data #org-url input {
  margin: 0 0 0 2px;
  max-width: 325px;
}
#create-org-landing #create-org-data #org-url #url-container {
  margin-top: 4px;
  font-weight: bold;
}
#create-org-landing #create-org-data #org-url #url-container form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
}
#create-org-landing #create-org-data #org-url #url-container #justserve-url {
  margin-top: 4px;
}
#create-org-landing #create-org-data #org-url #url-container #url-display {
  color: #47a4c6;
  border-bottom: 1px solid #47a4c6;
  margin-top: 4px;
  margin-left: -7px;
  padding: 0 15px 0 4px;
}
#create-org-landing #create-org-data #required-wrapper {
  margin-top: 50px;
}
#create-org-landing .create-org-nav {
  max-width: 1024px;
  margin: 0 auto;
  margin-top: 25px;
  padding-right: 60px;
  text-align: right;
  clear: both;
}
#create-org-landing .create-org-nav #create-org-cancel {
  width: auto;
  font-size: 20px;
  margin: 0 4px;
  background-color: #989b9f;
}
#create-org-landing .create-org-nav #create-org-cancel:hover {
  background-color: #47a4c6;
}
#create-org-landing .create-org-nav #get-webpage,
#create-org-landing .create-org-nav #create-org-next {
  width: auto;
  margin: 0 4px;
  font-size: 20px;
}
@media (max-width: 450px) {
  #create-org-landing .create-org-nav {
    text-align: center;
    padding-right: 0;
  }
}
#create-org-landing button {
  padding: 4px 16px;
}
#create-org-landing .message-red {
  color: #be1e2d;
}
#create-org-landing #confirm-url-modal {
  width: 100%;
  max-width: 800px;
}
#create-org-landing #confirm-url-modal p {
  margin-bottom: 2px;
}
#create-org-landing #confirm-url-modal p:not(:first-of-type) {
  margin-top: 20px;
}
#create-org-landing #confirm-url-modal #confirm-url-buttons-wrapper {
  margin-top: 20px;
}
#create-org-landing
  #confirm-url-modal
  #confirm-url-buttons-wrapper
  #confirm-url-modal-url {
  margin-top: 20px;
  color: #47a4c6;
  font-size: 24px;
}
#create-org-landing
  #confirm-url-modal
  #confirm-url-buttons-wrapper
  #confirm-url-modal-change {
  background-color: #989b9f;
}
#create-org-landing #reject-url-modal {
  width: 100%;
  max-width: 800px;
}
#create-org-landing #reject-url-modal #new-url-input {
  margin: 40px 0;
}
#create-org-landing #reject-url-modal #new-url-input input {
  width: 60%;
  border-style: solid;
  border-width: 1px;
  border-color: #808083;
  margin: 0 0 0 2px;
}
#create-org-landing #reject-url-modal .small-print {
  font-size: 14px;
}
#create-org-landing #reject-url-modal #reject-url-modal-cancel {
  background-color: #989b9f;
}
#org-editor {
  max-width: 1024px;
  margin: 0 auto 100px;
}
#org-editor.volunteer-center #edit-org-button {
  background: rgba(116, 175, 67, 0.7) !important;
}
#org-editor.volunteer-center #edit-org-button:hover {
  background: #74af43 !important;
}
#org-editor.volunteer-center #org-header {
  background: #74af43 !important;
}
#org-editor.volunteer-center #vc-header {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  background: #74af43;
  padding: 9px 36px;
  text-align: center;
}
@media (max-width: 450px) {
  #org-editor.volunteer-center #vc-header {
    display: none;
  }
}
#org-editor.volunteer-center #vc-header h2 {
  font-family: "Oswald", sans-serif;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
}
#org-editor.volunteer-center #vc-website-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 18px 25px;
  color: #fff;
  background: #47a4c6;
}
#org-editor.volunteer-center #vc-website-wrapper #vc-website-button {
  width: auto;
  color: #fff;
  border: solid #fff 1px !important;
  text-transform: uppercase;
  padding: 3px 13px;
  white-space: nowrap;
  font-family: "Oswald", sans-serif;
  height: 30px;
  margin-left: 10px;
}
#org-editor #tutorial-modal {
  width: 97%;
  max-height: 97%;
  top: 56%;
}
#org-editor #tutorial-modal #tutorial-button-wrapper {
  text-align: right;
}
#org-editor .label-required:after {
  font-size: 15px;
  content: "*";
  right: 0;
}
#org-editor .followed {
  color: #fff;
}
#org-editor .unfollowed {
  color: rgba(0, 0, 0, 0.2);
}
#org-editor .unfollowed:hover {
  color: #fff;
}
#org-editor .textBox-counter {
  text-align: right;
  font-size: 14px;
}
#org-editor .textBox-counter-max {
  color: #be1e2d;
}
#org-editor #org-editor-header {
  max-width: 1024px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto;
  padding: 24px 5px;
}
#org-editor #org-editor-header #back-to-manage-organizations {
  font-family: "Oswald", sans-serif;
  font-size: 16px;
  color: #ef5e39;
  text-transform: uppercase;
}
#org-editor #org-editor-header #back-to-manage-organizations::before {
  content: "<";
}
#org-editor #org-editor-header #how-to-wrapper {
  color: #47a4c6;
}
#vc-causes .recommended-cause {
   width: 22%;
}
#vc-causes .recommended-cause div {
  font-size: 14px;
  text-align: center;
}
#recommended-button {
  margin-left: -150px;
  margin-top: 120px;
  white-space: normal;
}
#org-editor_org-data .recommended {
  position: absolute;
  bottom: -11%;
  text-align: center;
  width: 100%;
  font-size: 14px;
}
.wizard__pane .recommended-cause {
   width: 30%;
}
.wizard__pane .recommended-cause div {
  font-size: 14px;
  text-align: center;
  color: #000;
}
#org-editor .recommended-profile {
  position: absolute;
  left: 3%;
  bottom: 6%;
  color: white;
}
#org-editor .recommended-background {
  position: absolute;
  right: 39%;
  bottom: 37%;
  color: white;
}
@media (max-width: 540px) {
    #org-editor .recommended-profile {
      font-size: 12px;
    }
    #org-editor .recommended-background {
      right: 14% !important;
      font-size: 12px;
    }
}
@media (max-width: 768px) {
    #org-editor .recommended-profile {
      left: 3%;
      bottom: 2%;
    }
    #org-editor .recommended-background {
      right: 19%;
      bottom: 30%;
    }
    #org-editor #change-background-button {
      margin-left: 25%;
    }
}
#org-editor .edit-button {
  border-radius: 10px;
  width: auto;
  height: 25px;
  padding: 3px 16px;
  text-transform: lowercase;
  font-size: 12px;
  font-family: "Oswald", sans-serif;
}
#org-editor .add-button:before {
  font-family: icons;
  content: "\e617";
  margin-right: 5px;
}
@media (max-width: 450px) {
  #org-editor .add-button:before {
    font-size: 12px;
  }
}
@media (max-width: 450px) {
  #org-editor .edit-button {
    font-size: 0px;
    padding: 3px 7px 3px 12px;
  }
}
#org-editor input,
#org-editor textarea {
  border-style: solid;
  border-width: 1px;
  border-color: #808083;
}
#org-editor .dimmer {
  z-index: auto !important;
  background-color: rgba(0, 0, 0, 0.5);
}
#org-editor .circle-plus-button {
  transform: rotate(45deg);
}
#org-editor .circle-plus-button:before {
  font-family: "icons";
  content: "\e632";
  font-size: 40px;
  color: #fff;
}
#org-editor #img-wrapper {
  background-image: url("https://www.justserve.org/api/images/static/pattern.gif");
  background-size: 60px;
  position: relative;
  padding-bottom: 33%;
}
@media (min-width: 1024px) {
  #org-editor #img-wrapper {
    padding-bottom: 340px;
  }
}
#org-editor #img-wrapper #area-dimmer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#org-editor #img-wrapper #area-dimmer a {
  cursor: pointer;
}
#org-editor #img-wrapper #profile-image {
  position: absolute;
  background-color: #A0A0A0;
  background-image: none;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: -ms-flexbox;
  display: flex;
}
#org-editor #img-wrapper #profile-image > span {
  position: absolute;
  right: 2px;
  top: 3px;
  font-size: 13px;
  color: #fff;
}
@media (max-width: 450px) {
  #org-editor #img-wrapper #profile-image {
    top: 15px;
    left: 20px;
  }
}
@media (min-width: 450px) and (max-width: 1023px) {
  #org-editor #img-wrapper #profile-image {
    top: 20px;
    left: 40px;
  }
}
@media (max-width: 540px) {
  #org-editor #img-wrapper #profile-image {
    width: 110px;
    height: 110px;
  }
  #org-editor #change-profile-button {
    margin-left: -5vw;
    margin-right: -5vw;
  }
}
@media (min-width: 540px) {
  #org-editor #img-wrapper #profile-image {
    width: 150px;
    height: 150px;
  }
}
@media (min-width: 1024px) {
  #org-editor #img-wrapper #profile-image {
    top: 120px;
    left: 40px;
    width: 175px;
    height: 175px;
  }
}
#org-editor #img-wrapper #profile-image .validate-input-message {
  -ms-flex-item-align: end;
  align-self: flex-end;
  padding-left: 10px;
  padding-bottom: 10px;
}
#org-editor #img-wrapper #profile-image #profile-image-dimmer {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid white;
}
@media (max-width: 450px) {
  #org-editor #img-wrapper #profile-image #profile-image-dimmer.dimmer {
    border: 1px #fff solid;
  }
}
#org-editor #img-wrapper #background-delete {
  position: absolute;
  top: 6px;
  right: 30px;
  color: #fff;
  font-size: 14px;
}
#org-editor #img-wrapper #background-delete:after {
  font-family: "icons";
  content: "\e632";
  position: absolute;
  top: -2px;
  margin-left: 5px;
  font-size: 16px;
}
#org-editor #img-wrapper #background-delete:hover {
  color: #e5e3e3;
}
#org-editor #img-wrapper #edit-org-button {
  padding: 3px 16px;
  background: rgba(71, 164, 198, 0.7);
  height: 36px;
  font-size: 16px;
  width: auto;
  text-transform: lowercase;
  z-index: 1;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
#org-editor #img-wrapper #edit-org-button:before {
  font-size: 10px;
}
#org-editor #img-wrapper #edit-org-button:hover {
  background: #47a4c6;
}
#org-editor #org-data-wrapper {
  position: relative;
  margin-bottom: 25px;
}
@media (max-width: 450px) {
  #org-editor #org-data-wrapper {
    border: none;
  }
}
#org-editor #org-data-wrapper #org-header {
  background-color: #47a4c6;
  padding: 14px 30px;
  width: 100%;
  font-family: "Oswald", sans-serif;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 450px) {
  #org-editor #org-data-wrapper #org-header {
    padding: 12px 10px;
  }
}
#org-editor #org-data-wrapper #org-header h1 {
  width: 100%;
  font-size: 18px;
  text-transform: uppercase;
  color: #fff;
}
#org-editor #org-data-wrapper #org-header .icon-heart {
  margin-left: 8px;
  font-size: 15px;
}
#org-editor #org-data-wrapper #org-header #org-data-name-edit {
  width: 50%;
  font-family: Helvetica, arial;
  position: relative;
}
@media (max-width: 450px) {
  #org-editor #org-data-wrapper #org-header #org-data-name-edit {
    width: 100%;
  }
}
#org-editor #org-data-wrapper #org-header #org-data-name-edit label {
  font-size: 10px;
  color: #fff;
}
#org-editor #org-data-wrapper #org-header #social-icons {
  width: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
}
@media (max-width: 1023px) {
  #org-editor #org-data-wrapper #org-header #social-icons {
    display: none;
  }
}
#org-editor #org-data-wrapper #org-header #social-icons .social-media-label {
  font-size: 20px;
  text-transform: uppercase;
  margin-right: 15px;
}
#org-editor #org-data-wrapper #org-header #social-icons > div > a,
#org-editor #org-data-wrapper #org-header #social-icons > div button:before {
  color: white;
  font-size: 20px;
}
#org-editor #org-data-wrapper #org-header #social-icons > div > a {
  margin: 0 3px;
  display: inline-block;
  height: 20px;
  color: white;
}
#org-editor #org-data-wrapper #org-header #social-icons > div > a img {
  height: 20px;
  width: auto;
}
#org-editor #org-data-wrapper #org-header #social-icons i {
  margin: 0 2px;
  font-size: 20px;
}
#org-editor #org-data-wrapper #org-header #social-icons .icon-instagram {
  font-size: 20px;
}
#org-editor #org-data-wrapper #org-header #social-icons .icon-instagram:before,
#org-editor #org-data-wrapper #org-header #social-icons .icon-twitter:before {
  color: #fff;
}
#org-editor #org-data-wrapper #org-header #social-icons .splitter {
  border-left-style: solid;
  border-width: 1px;
  height: 30px;
  color: #fff;
  padding-left: 15px;
  margin-left: 15px;
}
#org-editor
  #org-data-wrapper
  #org-header
  #social-icons
  #social-icon-share
  #copy-to-clipboard-button {
  margin: 0 3px;
}
#org-editor
  #org-data-wrapper
  #org-header
  #social-icons
  #social-icon-share
  #copy-to-clipboard-button:after {
  color: #fff;
  font-size: 17px;
}
#org-editor #org-data-wrapper #contact-wrapper {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 0 20px 0;
  margin-bottom: 50px;
}
#org-editor #org-data-wrapper #contact-wrapper > * {
  width: 100%;
}
@media (max-width: 1023px) {
  #org-editor #org-data-wrapper #contact-wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#org-editor #org-data-wrapper #contact-wrapper #contact-info-cell {
  padding-left: 30px;
}
@media (max-width: 450px) {
  #org-editor #org-data-wrapper #contact-wrapper #contact-info-cell {
    padding: 0;
  }
}
#org-editor
  #org-data-wrapper
  #contact-wrapper
  #contact-info-cell
  #address-wrapper {
  margin-bottom: 12px;
}
#contact-wrapper :not(#endorse-wrapper) a {
  color: #47a4c6;
}
#contact-wrapper
  #contact-info-cell
  #contact-num-email-wrapper
  .contact-info-divider {
  padding: 0 6px;
}
@media (max-width: 1023px) {
  #contact-wrapper #contact-info-cell #contact-num-email-wrapper span {
    width: 100%;
    display: block;
  }
  #contact-wrapper
    #contact-info-cell
    #contact-num-email-wrapper
    .contact-info-divider {
    display: none;
  }
}
#contact-wrapper #contact-info-cell #endorse-wrapper a {
  color: #fff;
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  margin: 32px 0;
}
#contact-wrapper #contact-info-cell #vc-feedback-wrapper {
  margin: 0 0 12px 0;
}
#org-editor #org-data-wrapper #contact-wrapper #mobile-social-icons {
  margin-top: 30px;
}
@media (min-width: 1024px) {
  #org-editor #org-data-wrapper #contact-wrapper #mobile-social-icons {
    display: none;
  }
}
#org-editor
  #org-data-wrapper
  #contact-wrapper
  #mobile-social-icons
  > div:first-of-type {
  margin-bottom: 20px;
}
#org-editor #org-data-wrapper #contact-wrapper #mobile-social-icons > div p {
  margin-bottom: 8px;
}
#org-editor #org-data-wrapper #contact-wrapper #mobile-social-icons a {
  margin: 0 3px;
  vertical-align: middle;
  display: inline-block;
  height: 20px;
}
#org-editor #org-data-wrapper #contact-wrapper #mobile-social-icons a img {
  height: 20px;
  width: auto;
}
#org-editor #org-data-wrapper #contact-wrapper #mobile-social-icons i {
  margin: 0 2px;
  font-size: 22px;
}
#org-editor #org-data-wrapper #edit-org-info-wrapper {
  width: 100%;
  padding: 20px;
  border: 1px solid #9b9b9b;
  border-top: none;
}
@media (max-width: 1023px) {
  #org-editor #org-data-wrapper #edit-org-info-wrapper {
    padding: 10px;
  }
}
#org-editor #org-data-wrapper #edit-org-info-wrapper label {
  font-size: 12px;
}
@media (max-width: 450px) {
  #org-editor #org-data-wrapper #edit-org-info-wrapper label {
    display: block;
    margin-top: 14px;
  }
}
#org-editor #org-data-wrapper #edit-org-info-wrapper textarea {
  resize: none;
}
#org-editor #org-data-wrapper #edit-org-info-wrapper #org-data-table {
  display: table;
}
#org-editor
  #org-data-wrapper
  #edit-org-info-wrapper
  #org-data-table
  .org-data-cell {
  width: 50%;
  display: table-cell;
  padding: 0 10px;
  position: relative;
}
@media (max-width: 1023px) {
  #org-editor
    #org-data-wrapper
    #edit-org-info-wrapper
    #org-data-table
    .org-data-cell {
    width: 100%;
    display: inline-block;
    padding: 0;
  }
}
#org-editor
  #org-data-wrapper
  #edit-org-info-wrapper
  #org-data-table
  .org-data-cell
  > .label-required:after {
  right: 10px;
}
#org-editor
  #org-data-wrapper
  #edit-org-info-wrapper
  #org-data-table
  .org-data-cell
  #location-container
  > *:not(:last-child),
#org-editor
  #org-data-wrapper
  #edit-org-info-wrapper
  #org-data-table
  .org-data-cell
  #contact-info-table
  > *:not(:last-child) {
  margin: 0 10px 0 0;
}
#org-editor
  #org-data-wrapper
  #edit-org-info-wrapper
  #org-data-table
  .org-data-cell
  #location-container {
  display: -ms-flexbox;
  display: flex;
}
#org-editor
  #org-data-wrapper
  #edit-org-info-wrapper
  #org-data-table
  .org-data-cell
  #location-container
  .location-cell {
  position: relative;
  width: 100%;
}
#org-editor
  #org-data-wrapper
  #edit-org-info-wrapper
  #org-data-table
  .org-data-cell
  #location-container
  #org-location-input {
  opacity: 1;
}
#org-editor
  #org-data-wrapper
  #edit-org-info-wrapper
  #org-data-table
  .org-data-cell
  #location-container
  #verify-address-button {
  -ms-flex-item-align: end;
  align-self: flex-end;
  height: 30px;
  white-space: nowrap;
  padding: 2px 14px;
}
#org-editor
  #org-data-wrapper
  #edit-org-info-wrapper
  #org-data-table
  .org-data-cell
  #location-container
  #verify-address-button.validate-input-error {
  background: #be1e2d;
}
#org-editor
  #org-data-wrapper
  #edit-org-info-wrapper
  #org-data-table
  .org-data-cell
  #location-container
  #location-address-verified-message {
  -ms-flex-item-align: end;
  align-self: flex-end;
  line-height: 32px;
  color: #74af43;
  font-family: "Oswald", sans-serif;
}
#org-editor
  #org-data-wrapper
  #edit-org-info-wrapper
  #org-data-table
  .org-data-cell
  #contact-info-table {
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1023px) {
  #org-editor
    #org-data-wrapper
    #edit-org-info-wrapper
    #org-data-table
    .org-data-cell
    #contact-info-table {
    width: 100%;
  }
}
#org-editor
  #org-data-wrapper
  #edit-org-info-wrapper
  #org-data-table
  .org-data-cell
  #contact-info-table
  .contact-info-cell {
  position: relative;
}
@media (max-width: 1023px) {
  #org-editor
    #org-data-wrapper
    #edit-org-info-wrapper
    #org-data-table
    .org-data-cell
    #contact-info-table
    .contact-info-cell {
    width: 100%;
    display: block;
    padding-right: 0;
  }
}
#org-editor
  #org-data-wrapper
  #edit-org-info-wrapper
  #org-data-table
  .org-data-cell
  #website-container
  .blue-checkmark-box {
  display: inline-block;
}
#org-editor
  #org-data-wrapper
  #edit-org-info-wrapper
  #org-data-table
  .org-data-cell
  #website-container
  .blue-checkmark-box
  label:before {
  height: 14px;
  width: 14px;
  left: 8px;
}
#org-editor
  #org-data-wrapper
  #edit-org-info-wrapper
  #org-data-table
  .org-data-cell
  #website-container
  .blue-checkmark-box
  label:after {
  top: 4px;
  left: 9px;
  height: 14px;
  width: 14px;
}
#org-editor #org-data-wrapper #edit-org-info-wrapper h2 {
  font-size: 20px;
  margin-top: 15px;
}
@media (max-width: 450px) {
  #org-editor #org-data-wrapper #edit-org-info-wrapper h2 {
    margin-top: 30px;
    font-size: 14px;
  }
}
#org-editor #org-data-wrapper #edit-org-info-wrapper #org-social-media-table {
  padding: 5px;
  display: table;
}
@media (max-width: 1023px) {
  #org-editor #org-data-wrapper #edit-org-info-wrapper #org-social-media-table {
    display: block;
    padding: 0;
  }
}
#org-editor
  #org-data-wrapper
  #edit-org-info-wrapper
  #org-social-media-table
  .social-media-cell {
  vertical-align: top;
}
@media (min-width: 1024px) {
  #org-editor
    #org-data-wrapper
    #edit-org-info-wrapper
    #org-social-media-table
    .social-media-cell {
    display: table-cell;
    width: 50%;
  }
}
#org-editor
  #org-data-wrapper
  #edit-org-info-wrapper
  #org-social-media-table
  .social-media-cell
  .social-media-input-container {
  padding: 5px;
  height: 40px;
}
@media (max-width: 1023px) {
  #org-editor
    #org-data-wrapper
    #edit-org-info-wrapper
    #org-social-media-table
    .social-media-cell
    .social-media-input-container {
    padding: 5px 0;
  }
}
#org-editor
  #org-data-wrapper
  #edit-org-info-wrapper
  #org-social-media-table
  .social-media-cell
  .social-media-input-container
  i {
  font-size: 180%;
}
#org-editor
  #org-data-wrapper
  #edit-org-info-wrapper
  #org-social-media-table
  .social-media-cell
  .social-media-input-container
  img {
  height: 30px;
  width: auto;
}
#org-editor
  #org-data-wrapper
  #edit-org-info-wrapper
  #org-social-media-table
  .social-media-cell
  .social-media-input-container
  input {
  vertical-align: top;
  width: 75%;
}
@media (max-width: 1023px) {
  #org-editor
    #org-data-wrapper
    #edit-org-info-wrapper
    #org-social-media-table
    .social-media-cell
    .social-media-input-container
    input {
    width: 86%;
    margin-top: 0;
  }
}
#org-editor #edit-org-buttons {
  width: 100%;
  margin-top: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end;
}
#org-editor #edit-org-buttons #button-wrapper {
  width: 100%;
  font-size: 13px;
  display: flex;
  justify-content: flex-end;
}
#org-editor #edit-org-buttons #edit-org-info-cancel {
  background-color: #989b9f;
  padding: 6px 30px;
  white-space: nowrap;
}
#org-editor #edit-org-buttons #org-info-save {
  background-color: #d9dadb;
  margin-left: 10px;
  padding: 6px 30px;
  white-space: nowrap;
}
#org-editor #edit-org-buttons #org-info-save:hover {
  background-color: none;
}
#org-editor #edit-org-buttons .org-info-save-enabled {
  background-color: #47a4c6 !important;
}
#org-editor #edit-org-buttons .org-info-save-enabled:hover {
  background-color: #74af43 !important;
}
#org-editor #add-photo-modal {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  margin: 50px auto;
  max-width: 500px;
  border-style: solid;
  z-index: 9999;
  background-color: #fff;
  border-width: 1px;
  box-shadow: 2px 2px 10px 0 #bbbdc0;
}
#org-editor #add-photo-modal a {
  color: #47a4c6;
  cursor: pointer;
}
#org-editor #add-photo-modal #privacy-notice {
  margin-top: 20px;
}
#org-editor #add-photo-modal #upper-wrapper {
  padding: 20px;
}
#org-editor #add-photo-modal #upper-wrapper #photo-modal-close {
  position: absolute;
  right: 20px;
  color: #47a4c6;
  font-size: 20px;
  cursor: pointer;
}
#org-editor #add-photo-modal #upper-wrapper #upload-photo-checkbox {
  color: #47a4c6;
  padding: 0px;
  font-size: 20px;
  float: left;
  width: 23px;
  border-style: solid;
  border-width: 1px;
  border-color: #808083;
}
#org-editor #add-photo-modal #upper-wrapper #upload-photo-checkbox::before {
  opacity: 0;
}
#org-editor
  #add-photo-modal
  #upper-wrapper
  #upload-photo-checkbox:checked::before {
  opacity: 1;
}
#org-editor #add-photo-modal #upper-wrapper p {
  margin-left: 3em;
}
#org-editor #add-photo-modal #upload-buttons-wrapper {
  background-color: #e5e3e3;
  padding: 20px;
}
#org-editor #add-photo-modal #modal-photo-wrapper {
  margin-top: 40px;
  margin-bottom: 40px;
}
#org-editor_org-data #announcement-container {
  border: 1px solid #9b9b9b;
  margin-top: 50px;
  position: relative;
}
@media (max-width: 1023px) {
  #org-editor_org-data #announcement-container {
    margin-left: 13px;
    margin-right: 13px;
  }
}
#org-editor_org-data #announcement-container .bottom-button {
  bottom: -12.5px;
  margin: 0 auto;
  left: 50%;
  transform: translateX(-50%);
}
#org-editor_org-data #announcement-container .add-button {
  margin: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#org-editor_org-data #announcement-container #announcement-delete {
  position: absolute;
  top: 6px;
  right: 30px;
  color: #bbbdc0;
  font-size: 14px;
}
#org-editor_org-data #announcement-container #announcement-delete:after {
  font-family: "icons";
  content: "\e632";
  position: absolute;
  top: -2px;
  margin-left: 5px;
  font-size: 16px;
}
#org-editor_org-data #announcement-container #announcement-delete:hover {
  color: #ef5e39;
}
#org-editor_org-data #announcement-container #announcement-content {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  z-index: -1;
}
@media (max-width: 450px) {
  #org-editor_org-data #announcement-container #announcement-content {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
  }
}
#org-editor_org-data
  #announcement-container
  #announcement-content
  #announcement-image {
  width: 100%;
  max-width: 330px;
  height: 100%;
  max-height: 232px;
  margin: 30px 18px 30px 30px;
}
@media (max-width: 450px) {
  #org-editor_org-data
    #announcement-container
    #announcement-content
    #announcement-image {
    margin: 30px 0 0;
  }
}
#org-editor_org-data
  #announcement-container
  #announcement-content
  #announcement-image
  img {
  max-width: 330px;
  margin-right: 18px;
  height: 100%;
  max-height: 232px;
}
#org-editor_org-data
  #announcement-container
  #announcement-content
  #announcement-info {
  padding: 25px 24px;
  width: 100%;
  max-width: 465px;
}
@media (max-width: 450px) {
  #org-editor_org-data
    #announcement-container
    #announcement-content
    #announcement-info {
    padding: 25px 33px;
  }
}
#org-editor_org-data
  #announcement-container
  #announcement-content
  #announcement-info.no-image {
  max-width: 800px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}
@media (max-width: 450px) {
  #org-editor_org-data
    #announcement-container
    #announcement-content
    #announcement-info.no-image {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#org-editor_org-data
  #announcement-container
  #announcement-content
  #announcement-info.no-image
  h2 {
  width: 100%;
  max-width: 230px;
  margin-right: 44px;
}
#org-editor_org-data
  #announcement-container
  #announcement-content
  #announcement-info.no-image
  p {
  margin-top: 3px !important;
  width: 100%;
}
@media (max-width: 450px) {
  #org-editor_org-data
    #announcement-container
    #announcement-content
    #announcement-info.no-image
    p {
    margin-top: 18px !important;
  }
}
#org-editor_org-data
  #announcement-container
  #announcement-content
  #announcement-info
  h2 {
  line-height: 26px;
  color: #ef5e39;
  font-size: 22px;
  font-family: "Oswald", sans-serif;
}
#org-editor_org-data
  #announcement-container
  #announcement-content
  #announcement-info
  p {
  font-size: 14px;
  margin-top: 18px;
}
#org-editor_org-data #announcement-container #edit-announcement-button {
  position: absolute;
}
#org-editor_org-data #announcement-editor {
  border: 1px solid #9b9b9b;
  padding: 25px 24px;
  margin-top: 50px;
}
@media (max-width: 1023px) {
  #org-editor_org-data #announcement-editor {
    margin-left: 13px;
    margin-right: 13px;
  }
}
#org-editor_org-data #announcement-editor #announcement-form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 450px) {
  #org-editor_org-data #announcement-editor #announcement-form {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
  }
}
#org-editor_org-data #announcement-editor #announcement-form > figure {
  margin-top: 4px;
  border: 1px solid #9b9b9b;
  width: 100%;
  max-width: 330px;
  height: 232px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
#org-editor_org-data #announcement-editor #announcement-form > figure button {
  width: auto;
  border-radius: 10px;
  position: absolute;
  left: calc(50% - 68px);
  font-size: 12px;
  padding: 3px 15px;
  text-transform: lowercase;
}
#org-editor_org-data
  #announcement-editor
  #announcement-form
  > figure
  button:before {
  content: "\e617";
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 3px;
  font-family: "icons";
  font-size: 10px;
}
#org-editor_org-data #announcement-editor #announcement-form > div {
  margin-left: 44px;
  width: 100%;
}
@media (max-width: 450px) {
  #org-editor_org-data #announcement-editor #announcement-form > div {
    margin-left: 0;
    margin-top: 30px;
  }
}
#org-editor_org-data #announcement-editor #announcement-form > div textarea {
  resize: none;
}
#org-editor_org-data #announcement-editor #announcement-form > div label {
  position: relative;
  font-size: 14px;
  display: block;
}
#org-editor_org-data
  #announcement-editor
  #announcement-form
  > div
  label:not(:first-of-type) {
  margin-top: 15px;
}
#org-editor_org-data #announcement-editor #announcement-buttons {
  text-align: right;
  margin-top: 15px;
}
@media (max-width: 450px) {
  #org-editor_org-data #announcement-editor #announcement-buttons {
    text-align: center;
  }
}
#org-editor_org-data
  #announcement-editor
  #announcement-buttons
  input[type="button"] {
  padding: 6px 30px;
  width: auto;
  white-space: nowrap;
}
#org-editor_org-data
  #announcement-editor
  #announcement-buttons
  #cancel-announcement-button {
  background: #989b9f;
}
#org-editor_org-data
  #announcement-editor
  #announcement-buttons
  #delete-announcement-button {
  background: #ef5e39;
}
#org-editor_org-data #activity-header {
  margin-top: 60px;
  margin-bottom: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end;
}
@media (max-width: 1023px) {
  #org-editor_org-data #activity-header {
    margin-left: 13px;
  }
}
#org-editor_org-data #activity-header h2 {
  font-family: "Oswald", sans-serif;
  color: #47a4c6;
  font-size: 24px;
  display: inline;
  vertical-align: middle;
  margin-right: 10px;
}
#org-editor_org-data #activity-header #project-filter {
  color: #47a4c6;
  font-size: 14px;
  font-family: "Oswald", sans-serif;
  margin-right: 19px;
}
#org-editor_org-data #activity-header #project-filter .form-select select {
  border: none;
  font-weight: normal;
  color: #47a4c6;
}
#org-editor_org-data #activity-header #project-filter .form-select:after {
  color: #47a4c6;
  top: 5px;
}
@media (max-width: 1023px) {
  #org-editor_org-data #activity-display-wrapper {
    margin-left: 5px;
    margin-right: 5px;
  }
}
#org-editor_org-data #activity-display-wrapper #no-activity-filler {
  margin-top: 25px;
}
#org-editor_org-data
  #activity-display-wrapper
  #activity-cards-wrapper
  .activity-card {
  border: 1px solid #989b9f;
}
#org-editor_org-data
  #activity-display-wrapper
  #activity-cards-wrapper
  .activity-card:hover {
  border: rgba(255, 255, 255, 0);
  outline: 2px solid #47a4c6;
}
@media (max-width: 1023px) {
  #org-editor_org-data
    #activity-display-wrapper
    #activity-cards-wrapper
    .activity-card {
    margin: 2px;
  }
}
#org-editor_org-data
  #activity-display-wrapper
  #activity-cards-wrapper
  .activity-card
  > a {
  display: block;
}
#org-editor_org-data
  #activity-display-wrapper
  #activity-cards-wrapper
  .activity-card
  > p {
  margin-bottom: 12px;
}
#org-editor_org-data
  #activity-display-wrapper
  #activity-cards-wrapper
  .activity-card
  .project-img {
  text-align: center;
}
#org-editor_org-data
  #activity-display-wrapper
  #activity-cards-wrapper
  .activity-card
  .activity-card-header {
  color: #fff;
  font-family: "Oswald", sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  background: #989b9f;
  padding: 5px 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#org-editor_org-data
  #activity-display-wrapper
  #activity-cards-wrapper
  .activity-card
  .activity-card-header.project-header {
  background: #47a4c6;
}
#org-editor_org-data
  #activity-display-wrapper
  #activity-cards-wrapper
  .activity-card
  .activity-card-body {
  padding: 10px;
}
#org-editor_org-data
  #activity-display-wrapper
  #activity-cards-wrapper
  .activity-card
  .activity-card-body
  h3 {
  color: #47a4c6;
  font-family: "Oswald", sans-serif;
  font-size: 18px;
}
#org-editor_org-data
  #activity-display-wrapper
  #activity-cards-wrapper
  .activity-card
  .activity-card-body
  p {
  font-size: 13px;
}
#org-editor_org-data
  #activity-display-wrapper
  #activity-cards-wrapper
  .activity-card
  .activity-card-body
  p:first-of-type,
#org-editor_org-data
  #activity-display-wrapper
  #activity-cards-wrapper
  .activity-card
  .activity-card-body
  p:last-of-type {
  margin-top: 8px;
}
#org-editor_org-data
  #confirm-delete-announcement-modal
  #cancel-delete-announcement-button {
  background-color: #808083;
}
#org-editor_org-data
  #confirm-delete-announcement-modal
  #confirm-delete-announcement-button {
  background-color: #be1e2d;
}
#org-editor_vc-data {
  border-top: 1px solid #989b9f;
  padding-top: 41px;
}
@media (max-width: 450px) {
  #org-editor_vc-data {
    border-top: none;
    padding-top: 45px;
  }
}
#org-editor_vc-data .info-section li .form-select {
  height: 30px;
}
#org-editor_vc-data .info-section li .form-select:after {
  top: 4px;
  right: -2px;
}
#org-editor_vc-data .info-section li .form-select select {
  height: 30px;
  width: 50px;
  padding-left: 8px;
}
#org-editor_vc-data .plus-button {
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  border-radius: 8px;
  height: 25px;
  text-transform: lowercase;
  padding: 2px 13px;
}
#org-editor_vc-data .plus-button.hu {
  width: 150px;
}
#org-editor_vc-data .plus-button:before {
  font-family: icons;
  content: "\e617";
  margin-right: 5px;
  font-size: 12px;
}
@media (max-width: 450px) {
  #org-editor_vc-data .plus-button:before {
    content: "";
  }
}
#org-editor_vc-data p {
  color: #444;
}
#org-editor_vc-data .cancel-button {
  background-color: #808083;
}
.add-single-project {
  display: flex;
}
.add-single-project > a {
  margin-top: 16px;
}
.add-single-project > div {
  width: 100%;
}
.add-single-project h2 {
  font-size: 22px;
  font-family: "Oswald", sans-serif;
  color: #47a4c6;
}
.add-single-project legend {
  margin-top: 15px;
  font-family: "helvetica", sans-serif;
  color: #000;
  font-size: 14px;
  margin-bottom: 5px;
}
.add-single-project__validation {
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  position: relative;
}
.add-single-project__validation__content {
  display: flex;
}
.add-single-project__validation__content__title {
  font-weight: bold;
}
.add-single-project__validation__content a {
  margin-left: 20px;
  color: #47a4c6;
  white-space: nowrap;
}
.add-single-project__validation__buttons button {
  margin-left: 10px;
}
.add-single-project__FAYT {
  width: auto;
  height: auto;
  position: relative;
  border: none;
}
.add-single-project__FAYT input[type="text"] {
  margin-bottom: 10px;
  padding: 6px;
  border: 1px solid #989b9f;
  font-size: 18px;
  width: 407px;
  height: 30px;
  float: left;
}
.add-single-project__FAYT button {
  width: auto;
  margin-left: 5px;
  height: 30px;
  float: right;
  padding: 0 20px;
}
.add-single-project__FAYT__dropdown {
  position: absolute;
  top: 29px;
  left: 0;
  width: 407px;
  background: #fff;
  border: 1px solid #bbbdc0;
  max-height: 480px;
  overflow-y: auto;
  z-index: 10;
}
.add-single-project__FAYT__dropdown li {
  padding: 8px 12px;
  cursor: pointer;
}
.add-single-project__FAYT__dropdown li.selected {
  background-color: #e5e3e3;
}
.add-single-project__FAYT__dropdown li:hover {
  background: #e5e3e3;
}
@media (max-width: 450px) {
  .add-single-project {
    width: auto;
    padding: 0 10px;
  }
  .add-single-project__FAYT input[type="text"],
  .add-single-project__FAYT__dropdown {
    width: auto;
  }
  .add-single-project__validation {
    width: auto;
    flex-direction: column;
  }
  .add-single-project__FAYT button {
    margin: 0 0 0 5px;
    padding: 0 5px;
  }
}
#org-editor_vc-data #vc-causes-section {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 46px;
}
#org-editor_vc-data #vc-causes-section #causes-spacer {
  width: 196px;
}
@media (max-width: 450px) {
  #org-editor_vc-data #vc-causes-section #causes-spacer {
    display: none;
  }
}
#org-editor_vc-data #vc-causes-section #causes-container {
  color: #fff;
  width: 100%;
  background: #e5e3e3;
  position: relative;
}
@media (max-width: 450px) {
  #org-editor_vc-data #vc-causes-section #causes-container {
    width: 95%;
    margin: 0 10px;
  }
}
#org-editor_vc-data #vc-causes-section #causes-container #causes-header {
  height: 31px;
  background: #74af43;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 14px;
  padding: 6px 13px;
}
#org-editor_vc-data #vc-causes-section #causes-container #causes-header h2 {
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
  font-weight: bold;
}
#org-editor_vc-data #vc-causes-section #causes-container #causes-body {
  padding: 16px 24px 5px;
  border: 1px solid #9b9b9b;
  border-top: 0px;
}
@media (max-width: 450px) {
  #org-editor_vc-data #vc-causes-section #causes-container #causes-body {
    padding-bottom: 40px;
    border: none;
  }
}
#org-editor_vc-data
  #vc-causes-section
  #causes-container
  #causes-body
  #causes-list {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  font-family: "Oswald", sans-serif;
}
#org-editor_vc-data
  #vc-causes-section
  #causes-container
  #causes-body
  #causes-list.wrap-cause-list {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 450px) {
  #org-editor_vc-data
    #vc-causes-section
    #causes-container
    #causes-body
    #causes-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
#org-editor_vc-data
  #vc-causes-section
  #causes-container
  #causes-body
  #causes-list
  li {
  position: relative;
  width: 223px;
  height: 105px;
  margin-right: 20px;
  margin-bottom: 30px;
}
@media (max-width: 450px) {
  #org-editor_vc-data
    #vc-causes-section
    #causes-container
    #causes-body
    #causes-list
    li {
    width: 375px;
    height: 177px;
    margin-right: 0;
    margin-bottom: 25px;
  }
}
#org-editor_vc-data
  #vc-causes-section
  #causes-container
  #causes-body
  #causes-list
  li
  img {
  width: 100%;
  max-width: 223px;
  height: 100%;
  max-height: 105px;
}
@media (max-width: 450px) {
  #org-editor_vc-data
    #vc-causes-section
    #causes-container
    #causes-body
    #causes-list
    li
    img {
    max-width: 375px;
    max-height: 177px;
  }
}
#org-editor_vc-data
  #vc-causes-section
  #causes-container
  #causes-body
  #causes-list
  li
  h3 {
  background: #ef5e39;
  height: 28px;
  padding: 4px 10px;
  position: absolute;
  bottom: 0;
  width: 100%;
  opacity: 0.8;
}
#org-editor_vc-data
  #vc-causes-section
  #causes-container
  #causes-body
  #causes-list
  li
  .delete-cause {
  position: absolute;
  top: -7px;
  right: -7px;
  content: "";
  background: #fff;
  border-radius: 20px;
  line-height: 1em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: end;
  align-content: flex-end;
}
@media (max-width: 450px) {
  #org-editor_vc-data
    #vc-causes-section
    #causes-container
    #causes-body
    #causes-list
    li
    .delete-cause {
    line-height: 22px;
  }
}
#org-editor_vc-data
  #vc-causes-section
  #causes-container
  #causes-body
  #causes-list
  li
  .delete-cause:after {
  content: "\e632";
  font-family: icons;
  color: #ef5e39;
  font-size: 18px;
}
@media (max-width: 450px) {
  #org-editor_vc-data
    #vc-causes-section
    #causes-container
    #causes-body
    #causes-list
    li
    .delete-cause:after {
    font-size: 22px;
  }
}
#org-editor_vc-data
  #vc-causes-section
  #causes-container
  #causes-body
  #causes-list
  li
  .edit-cause {
  position: absolute;
  bottom: -19px;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  background: #47a4c6;
  padding: 3px 16px 4px;
  border-radius: 8px;
  font-size: 12px;
  font-family: "Oswald", sans-serif;
}
#org-editor_vc-data
  #vc-causes-section
  #causes-container
  #causes-body
  #causes-list
  #single-cause-description {
  width: 300px;
  color: #000;
}
@media (max-width: 450px) {
  #org-editor_vc-data
    #vc-causes-section
    #causes-container
    #causes-body
    #causes-list
    #single-cause-description {
    width: 375px;
    height: auto;
  }
}
#org-editor_vc-data
  #vc-causes-section
  #causes-container
  #causes-body
  #causes-list
  #add-cause-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 450px) {
  #org-editor_vc-data
    #vc-causes-section
    #causes-container
    #causes-body
    #causes-list
    #add-cause-item {
    display: none;
  }
}
#org-editor_vc-data
  #vc-causes-section
  #causes-container
  #causes-body
  #causes-list
  #add-cause-item.bordered-add {
  border: 1px solid #9b9b9b;
}
#org-editor_vc-data
  #vc-causes-section
  #causes-container
  #causes-body
  #causes-list
  #about-causes {
  width: 100%;
  -ms-flex-positive: 2;
  flex-grow: 2;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 450px) {
  #org-editor_vc-data
    #vc-causes-section
    #causes-container
    #causes-body
    #causes-list
    #about-causes {
    height: auto;
  }
}
#org-editor_vc-data
  #vc-causes-section
  #causes-container
  #causes-body
  #causes-list
  #about-causes
  p {
  margin-right: 125px;
  margin-left: 14px;
  color: #000;
  font-size: 14px;
}
@media (max-width: 450px) {
  #org-editor_vc-data
    #vc-causes-section
    #causes-container
    #causes-body
    #causes-list
    #about-causes
    p {
    margin: 0;
  }
}
#org-editor_vc-data #vc-causes-section #causes-container #causes-add-button {
  position: absolute;
  bottom: -12.5px;
  margin: 0 auto;
  left: 50%;
  transform: translateX(-50%);
}
#org-editor_vc-data
  #vc-causes-section
  #causes-container
  #causes-add-button.hide-add-desktop {
  display: none;
}
@media (max-width: 450px) {
  #org-editor_vc-data
    #vc-causes-section
    #causes-container
    #causes-add-button.hide-add-desktop {
    display: block;
  }
}
#org-editor_vc-data #vc-info-section {
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 450px) {
  #org-editor_vc-data #vc-info-section {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#org-editor_vc-data #vc-info-section .edit-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#org-editor_vc-data #vc-info-section .edit-header h1 {
  font-size: 22px;
  margin-bottom: 12px;
}
#org-editor_vc-data #vc-info-section .edit-header p {
  font-size: 14px;
}
#org-editor_vc-data #vc-info-section .blue-checkmark-box {
  font-size: 14px;
}
#org-editor_vc-data #vc-info-section .blue-checkmark-box:not(:first-of-type) {
  margin-top: 12px;
}
#org-editor_vc-data #vc-info-section > *:not(#info-nav) {
  width: 100%;
}
#org-editor_vc-data #vc-info-section #info-nav {
  width: 178px;
  margin-right: 30px;
}
@media (max-width: 450px) {
  #org-editor_vc-data #vc-info-section #info-nav {
    width: 100%;
    position: relative;
    text-align: center;
  }
}
#org-editor_vc-data #vc-info-section #info-nav .nav-edit-mode {
  border: 1px solid #ef5e39;
  padding: 24px 0 24px 10px;
}
@media (max-width: 450px) {
  #org-editor_vc-data #vc-info-section #info-nav .nav-edit-mode {
    margin: 0 10px 50px;
  }
}
#org-editor_vc-data #vc-info-section #info-nav ul {
  padding-left: 21px;
  margin-bottom: 23px;
  position: relative;
  text-align: left;
}
@media (max-width: 450px) {
  #org-editor_vc-data #vc-info-section #info-nav ul {
    border-bottom: 1px solid #9b9b9b;
    padding-bottom: 20px;
    margin-bottom: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
  }
}
#org-editor_vc-data #vc-info-section #info-nav ul #cancel-vc-edit {
  position: absolute;
  top: 1px;
  right: 5px;
}
@media (max-width: 450px) {
  #org-editor_vc-data #vc-info-section #info-nav ul #cancel-vc-edit {
    top: -12px;
    right: -9px;
    background: #fff;
  }
}
#org-editor_vc-data #vc-info-section #info-nav ul #cancel-vc-edit:after {
  content: "\e632";
  font-family: icons;
  color: #ef5e39;
  font-size: 18px;
}
#org-editor_vc-data #vc-info-section #info-nav ul li {
  padding-bottom: 10px;
  color: #47a4c6;
  font-size: 16px;
  font-family: "Oswald", sans-serif;
  font-weight: 300;
}
@media (max-width: 450px) {
  #org-editor_vc-data #vc-info-section #info-nav ul li {
    display: inline-block;
    margin: 0 15px;
  }
}
#org-editor_vc-data #vc-info-section #info-nav ul .nav-selected {
  font-weight: normal !important;
  color: #ef5e39 !important;
  position: relative;
}
#org-editor_vc-data
  #vc-info-section
  #info-nav
  ul
  .nav-selected
  .nav-selected-bar:before {
  content: "";
  border-right: 2px solid #ef5e39;
  position: absolute;
  top: 3px;
  left: -8px;
  height: 16px;
}
#org-editor_vc-data #vc-info-section #info-nav ul #nav-edit-tag {
  position: absolute;
  bottom: -9px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 14px;
  font-family: "Oswald", sans-serif;
  color: #ef5e39;
  background: #fff;
  padding: 0 10px;
  white-space: nowrap;
}
#org-editor_vc-data #vc-info-section #info-nav #edit-pages-button {
  margin-left: 20px;
}
@media (max-width: 450px) {
  #org-editor_vc-data #vc-info-section #info-nav #edit-pages-button {
    margin: 0;
    position: absolute;
    bottom: 30px;
    transform: translateX(-50%);
  }
}
#org-editor_vc-data #vc-info-section #info-nav #save-changes-button {
  width: auto;
}
@media (max-width: 450px) {
  #org-editor_vc-data #vc-info-section #info-nav #save-changes-button {
    margin-bottom: 40px;
  }
}
#org-editor_vc-data #vc-info-section .info-section {
  width: 100%;
  -ms-flex-negative: 2;
  flex-shrink: 2;
}
#org-editor_vc-data #vc-info-section .search-container {
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 450px) {
  #org-editor_vc-data #vc-info-section .search-container.hide-search {
    display: none !important;
  }
}
@media (max-width: 450px) {
  #org-editor_vc-data #vc-info-section .search-container {
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
#org-editor_vc-data #vc-info-section .search-container button,
#org-editor_vc-data #vc-info-section .search-container input {
  height: 30px;
}
#org-editor_vc-data #vc-info-section .search-container input[type="text"] {
  width: 272px;
}
@media (max-width: 450px) {
  #org-editor_vc-data #vc-info-section .search-container input[type="text"] {
    width: 100%;
    margin-right: 10px;
  }
}
#org-editor_vc-data #vc-info-section .search-container button,
#org-editor_vc-data #vc-info-section .search-container input[type="submit"] {
  width: auto;
  padding: 4px 10px;
}
@media (max-width: 450px) {
  #org-editor_vc-data #vc-info-section #organizations-container {
    padding: 0 10px;
  }
}
#org-editor_vc-data
  #vc-info-section
  #organizations-container
  #organizations-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 30px;
}
@media (max-width: 450px) {
  #org-editor_vc-data
    #vc-info-section
    #organizations-container
    #organizations-header {
    margin-bottom: 10px;
  }
  #org-editor_vc-data
    #vc-info-section
    #organizations-container
    #organizations-header.preview-mode {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#org-editor_vc-data
  #vc-info-section
  #organizations-container
  #organizations-header
  h2 {
  color: #47a4c6;
  font-size: 22px;
  font-family: "Oswald", sans-serif;
  margin-bottom: 10px;
}
@media (max-width: 450px) {
  #org-editor_vc-data
    #vc-info-section
    #organizations-container
    #organizations-header
    #org-tag-desktop {
    display: none;
  }
}
#org-editor_vc-data #vc-info-section #organizations-container #org-tag-mobile {
  display: none;
}
@media (max-width: 450px) {
  #org-editor_vc-data
    #vc-info-section
    #organizations-container
    #org-tag-mobile {
    display: block;
    margin-bottom: 20px;
  }
}
#org-editor_vc-data
  #vc-info-section
  #organizations-container
  #organizations-list-container
  .sort-wrapper {
  color: #47a4c6;
  font-family: "Oswald", sans-serif;
  font-size: 14px;
}
#org-editor_vc-data
  #vc-info-section
  #organizations-container
  #organizations-list-container
  .sort-wrapper
  .form-select
  select {
  color: #47a4c6;
  border: none;
}
#org-editor_vc-data
  #vc-info-section
  #organizations-container
  #organizations-list-container
  .sort-wrapper
  .form-select:after {
  top: 4px;
}
#org-editor_vc-data
  #vc-info-section
  #organizations-container
  #organizations-list-container
  #org-endorse-button {
  border-radius: 8px;
  text-transform: lowercase;
  padding: 4px 14px;
}
#org-editor_vc-data
  #vc-info-section
  #organizations-container
  #organizations-list-container
  #organizations-list {
  margin-top: 10px;
}
#org-editor_vc-data
  #vc-info-section
  #organizations-container
  #organizations-list-container
  #organizations-list
  li {
  border-top: 1px solid #989b9f;
  display: -ms-flexbox;
  display: flex;
  padding: 13px 0;
  position: relative;
}
#org-editor_vc-data
  #vc-info-section
  #organizations-container
  #organizations-list-container
  #organizations-list
  li
  figure {
  padding: 12px 32px;
  width: 230px;
  height: 100%;
  text-align: center;
}
@media (max-width: 1023px) {
  #org-editor_vc-data
    #vc-info-section
    #organizations-container
    #organizations-list-container
    #organizations-list
    li
    figure {
    padding: 12px 25px 12px 12px;
    width: 140px;
  }
}
#org-editor_vc-data
  #vc-info-section
  #organizations-container
  #organizations-list-container
  #organizations-list
  li
  figure
  img {
  width: auto;
  max-height: 100px;
  max-width: 100px;
}
@media (max-width: 1023px) {
  #org-editor_vc-data
    #vc-info-section
    #organizations-container
    #organizations-list-container
    #organizations-list
    li
    figure
    img {
    max-height: 70px;
    max-width: 70px;
  }
}
#org-editor_vc-data
  #vc-info-section
  #organizations-container
  #organizations-list-container
  #organizations-list
  li
  .icon-heart {
  margin-left: 20px;
  color: rgba(0, 0, 0, 0.2);
}
#org-editor_vc-data
  #vc-info-section
  #organizations-container
  #organizations-list-container
  #organizations-list
  li
  .icon-heart.favorite {
  color: #47a4c6 !important;
}
#org-editor_vc-data
  #vc-info-section
  #organizations-container
  #organizations-list-container
  #organizations-list
  li
  .icon-heart:before {
  font-size: 14px;
}
#org-editor_vc-data
  #vc-info-section
  #organizations-container
  #organizations-list-container
  #organizations-list
  li
  .icon-heart:hover {
  color: #47a4c6;
}
#org-editor_vc-data
  #vc-info-section
  #organizations-container
  #organizations-list-container
  #organizations-list
  li
  h1 {
  font-size: 18px;
}
#org-editor_vc-data
  #vc-info-section
  #organizations-container
  #organizations-list-container
  #organizations-list
  li
  > div {
  width: 100%;
}
#org-editor_vc-data
  #vc-info-section
  #organizations-container
  #organizations-list-container
  #organizations-list
  li
  .org-description {
  margin-top: 6px;
}
#org-editor_vc-data
  #vc-info-section
  #organizations-container
  #organizations-list-container
  #organizations-list
  li
  .org-description
  a {
  color: #47a4c6;
}
#org-editor_vc-data
  #vc-info-section
  #organizations-container
  #organizations-list-container
  #organizations-list
  li
  .projects-count {
  color: #ef5e39;
  margin-top: 20px;
}
#org-editor_vc-data
  #vc-info-section
  #organizations-container
  #organizations-list-container
  #organizations-list
  li
  .remove-endorsement-button {
  position: absolute;
  top: 14px;
  right: -23px;
}
#org-editor_vc-data
  #vc-info-section
  #organizations-container
  #organizations-list-container
  #organizations-list
  li
  .remove-endorsement-button:after {
  content: "\e632";
  font-family: icons;
  color: #ef5e39;
  font-size: 18px;
}
#org-editor_vc-data
  #vc-info-section
  #projects-container
  #projects-edit-options {
  display: flex;
  justify-content: space-between;
}
#org-editor_vc-data
  #vc-info-section
  #projects-container
  #projects-edit-options
  .header-name-cell
  h2 {
  color: #47a4c6;
  font-size: 22px;
  font-family: "Oswald", sans-serif;
  margin-bottom: 12px;
}
@media (max-width: 450px) {
  #org-editor_vc-data
    #vc-info-section
    #projects-container
    #projects-edit-options {
    flex-direction: column;
  }
  #org-editor_vc-data #vc-info-section #questions-container {
    padding: 0 10px;
  }
}
#org-editor_vc-data
  #vc-info-section
  #questions-container
  #questions-header-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 12px;
}
@media (max-width: 450px) {
  #org-editor_vc-data
    #vc-info-section
    #questions-container
    #questions-header-container {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  #org-editor_vc-data
    #vc-info-section
    #questions-container
    #questions-header-container
    > * {
    margin-bottom: 20px;
  }
}
#org-editor_vc-data
  #vc-info-section
  #questions-container
  #questions-header-container
  h1 {
  font-size: 22px;
}
#org-editor_vc-data
  #vc-info-section
  #questions-container
  #questions-header-container
  #questions-search-container {
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 450px) {
  #org-editor_vc-data
    #vc-info-section
    #questions-container
    #questions-header-container
    #questions-search-container {
    width: 100%;
  }
}
#org-editor_vc-data
  #vc-info-section
  #questions-container
  #questions-header-container
  #questions-search-container
  input {
  height: 30px;
}
#org-editor_vc-data
  #vc-info-section
  #questions-container
  #questions-header-container
  #questions-search-container
  input[type="text"] {
  width: 272px;
}
@media (max-width: 450px) {
  #org-editor_vc-data
    #vc-info-section
    #questions-container
    #questions-header-container
    #questions-search-container
    input[type="text"] {
    width: 100%;
  }
}
#org-editor_vc-data
  #vc-info-section
  #questions-container
  #questions-header-container
  #questions-search-container
  input[type="submit"] {
  width: auto;
  padding: 4px 10px;
}
#org-editor_vc-data #vc-info-section #questions-container > p {
  font-size: 16px;
}
#org-editor_vc-data #vc-info-section #questions-container hr {
  margin-top: 35px;
  border-top: solid 1px #989b9f;
}
#org-editor_vc-data #vc-info-section #questions-container #questions-list li {
  margin-top: 27px;
  font-size: 20px;
}
@media (max-width: 450px) {
  #org-editor_vc-data #vc-info-section #questions-container #questions-list li {
    font-size: 16px;
  }
}
#org-editor_vc-data #vc-info-section #questions-container #questions-list li a {
  color: #47a4c6;
}
#org-editor_vc-data
  #vc-info-section
  #questions-container
  #questions-list
  li
  .answer-container {
  border-left: 2px solid #47a4c6;
  padding-left: 27px;
  margin: 17px 0 27px;
  white-space: pre-wrap;
}
@media (max-width: 450px) {
  #org-editor_vc-data #vc-info-section #questions-edit-container {
    padding: 0 10px;
  }
}
@media (max-width: 450px) {
  #org-editor_vc-data
    #vc-info-section
    #questions-edit-container
    #questions-tag-desktop {
    display: none;
  }
}
#org-editor_vc-data
  #vc-info-section
  #questions-edit-container
  #questions-tag-mobile {
  display: none;
}
@media (max-width: 450px) {
  #org-editor_vc-data
    #vc-info-section
    #questions-edit-container
    #questions-tag-mobile {
    display: block;
  }
}
#org-editor_vc-data #vc-info-section #questions-edit-container hr {
  margin-top: 35px;
  border-top: solid 1px #989b9f;
}
#org-editor_vc-data #vc-info-section #questions-edit-container > p {
  font-size: 14px;
  margin-top: 14px;
}
#org-editor_vc-data
  #vc-info-section
  #questions-edit-container
  #questions-edit-list
  li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
}
#org-editor_vc-data
  #vc-info-section
  #questions-edit-container
  #questions-edit-list
  li:not(:first-of-type) {
  margin-top: 14px;
}
@media (max-width: 450px) {
  #org-editor_vc-data
    #vc-info-section
    #questions-edit-container
    #questions-edit-list
    li:not(:first-of-type) {
    margin-top: 36px;
  }
}
#org-editor_vc-data
  #vc-info-section
  #questions-edit-container
  #questions-edit-list
  li.edit-mode
  .form-select {
  margin-top: 19px;
}
#org-editor_vc-data
  #vc-info-section
  #questions-edit-container
  #questions-edit-list
  li
  label {
  font-size: 14px;
  display: block;
}
#org-editor_vc-data
  #vc-info-section
  #questions-edit-container
  #questions-edit-list
  li
  .question-container {
  width: 100%;
  margin: 0 25px;
  font-size: 20px;
}
@media (max-width: 450px) {
  #org-editor_vc-data
    #vc-info-section
    #questions-edit-container
    #questions-edit-list
    li
    .question-container {
    font-size: 16px;
  }
}
#org-editor_vc-data
  #vc-info-section
  #questions-edit-container
  #questions-edit-list
  li
  .question-container
  a {
  color: #47a4c6;
}
#org-editor_vc-data
  #vc-info-section
  #questions-edit-container
  #questions-edit-list
  li
  .question-container
  .answer-container {
  border-left: 2px solid #47a4c6;
  padding-left: 27px;
  margin: 27px 0 17px;
  white-space: pre-wrap;
}
#org-editor_vc-data
  #vc-info-section
  #questions-edit-container
  #questions-edit-list
  li
  #edit-question-container {
  margin: 0 23px;
  width: 500px;
}
#org-editor_vc-data
  #vc-info-section
  #questions-edit-container
  #questions-edit-list
  li
  #edit-question-container
  label {
  font-size: 14px;
  display: block;
}
#org-editor_vc-data
  #vc-info-section
  #questions-edit-container
  #questions-edit-list
  li
  #edit-question-container
  label:not(:first-of-type) {
  margin-top: 15px;
}
#org-editor_vc-data
  #vc-info-section
  #questions-edit-container
  #questions-edit-list
  li
  #edit-question-container
  textarea {
  resize: none;
}
#org-editor_vc-data
  #vc-info-section
  #questions-edit-container
  #questions-edit-list
  li
  input[type="button"] {
  width: auto;
  text-transform: lowercase;
  border-radius: 8px;
  padding: 4px 14px;
}
#org-editor_vc-data
  #vc-info-section
  #questions-edit-container
  #questions-edit-list
  li
  #questions-edit-delete {
  margin-top: 25px;
  color: #ef5e39;
  font-size: 14px;
  font-family: "Oswald", sans-serif;
  position: relative;
}
@media (max-width: 450px) {
  #org-editor_vc-data
    #vc-info-section
    #questions-edit-container
    #questions-edit-list
    li
    #questions-edit-delete {
    font-size: 0px;
    width: 18px;
  }
}
#org-editor_vc-data
  #vc-info-section
  #questions-edit-container
  #questions-edit-list
  li
  #questions-edit-delete:after {
  content: "\e632";
  margin-left: 8px;
  font-family: icons;
  font-size: 18px;
  position: absolute;
  top: -2px;
}
@media (max-width: 450px) {
  #org-editor_vc-data
    #vc-info-section
    #questions-edit-container
    #questions-edit-list
    li
    #questions-edit-delete:after {
    margin-left: 0;
    right: 5px;
  }
}
#org-editor_vc-data #vc-info-section #questions-edit-container .add-button {
  border-radius: 8px;
  text-transform: lowercase;
  margin-top: 10px;
  padding: 4px 14px;
  font-size: 14px;
  font-family: "Oswald", sans-serif;
  margin-top: 20px;
}
@media (max-width: 450px) {
  #org-editor_vc-data #vc-info-section #questions-edit-container .add-button {
    padding: 0px 14px 3px;
  }
}
#org-editor_vc-data #vc-info-section #about-container {
  margin-right: 30px;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 450px) {
  #org-editor_vc-data #vc-info-section #about-container {
    padding: 0 10px;
  }
}
#org-editor_vc-data #vc-info-section #about-container #about-data {
  -ms-flex-positive: 1;
  flex-grow: 1;
}
#org-editor_vc-data #vc-info-section #about-container #about-data h1 {
  margin-bottom: 35px;
  font-size: 22px;
}
#org-editor_vc-data #vc-info-section #about-container #about-data p {
  font-size: 20px;
  white-space: pre-wrap;
}
@media (max-width: 450px) {
  #org-editor_vc-data #vc-info-section #about-container #about-data p {
    font-size: 16px;
  }
}
#org-editor_vc-data #vc-info-section #about-container #about-data label {
  display: block;
  font-size: 14px;
  margin-bottom: 5px;
}
@media (max-width: 450px) {
  #org-editor_vc-data
    #vc-info-section
    #about-container
    #about-checkbox-wrapper {
    position: absolute;
    right: 10px;
  }
}
@media (max-width: 450px) {
  #org-editor_vc-data #vc-info-section #give-container {
    padding: 0 10px;
  }
}
#org-editor_vc-data #vc-info-section #give-container h1 {
  margin-bottom: 35px;
  font-size: 22px;
}
#org-editor_vc-data #vc-info-section #give-container > p {
  font-size: 20px;
}
@media (max-width: 450px) {
  #org-editor_vc-data #vc-info-section #give-container > p {
    font-size: 16px;
  }
}
#org-editor_vc-data #vc-info-section #give-container li {
  font-size: 18px;
  margin-top: 15px;
}
#org-editor_vc-data #vc-info-section #give-container li h2 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
@media (max-width: 450px) {
  #org-editor_vc-data #vc-info-section #give-container li h2 {
    font-size: 14px;
  }
}
#org-editor_vc-data #vc-info-section #give-container li p {
  font-size: 18px;
  margin-bottom: 10px;
  color: #64686c;
  white-space: pre-wrap;
}
@media (max-width: 450px) {
  #org-editor_vc-data #vc-info-section #give-container li p {
    font-size: 14px;
  }
}
#org-editor_vc-data #vc-info-section #give-container li a {
  color: #47a4c6;
  font-size: 22px;
}
@media (max-width: 450px) {
  #org-editor_vc-data #vc-info-section #give-container li a {
    font-size: 18px;
  }
}
@media (max-width: 450px) {
  #org-editor_vc-data #vc-info-section #give-edit-container {
    padding: 0 10px;
  }
}
#org-editor_vc-data #vc-info-section #give-edit-container #give-edit-header {
  margin-bottom: 15px;
}
@media (max-width: 450px) {
  #org-editor_vc-data #vc-info-section #give-edit-container #give-tag-desktop {
    display: none;
  }
}
#org-editor_vc-data #vc-info-section #give-edit-container #give-tag-mobile {
  display: none;
}
@media (max-width: 450px) {
  #org-editor_vc-data #vc-info-section #give-edit-container #give-tag-mobile {
    display: block;
    margin-bottom: 30px;
  }
}
#org-editor_vc-data #vc-info-section #give-edit-container #give-edit-list li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
}
#org-editor_vc-data
  #vc-info-section
  #give-edit-container
  #give-edit-list
  li:not(:first-of-type) {
  margin-top: 14px;
}
@media (max-width: 450px) {
  #org-editor_vc-data
    #vc-info-section
    #give-edit-container
    #give-edit-list
    li:not(:first-of-type) {
    margin-top: 36px;
  }
}
#org-editor_vc-data
  #vc-info-section
  #give-edit-container
  #give-edit-list
  li.edit-mode
  .form-select {
  margin-top: 19px;
}
#org-editor_vc-data
  #vc-info-section
  #give-edit-container
  #give-edit-list
  li
  #give-container {
  width: 100%;
  margin: 0 25px;
}
#org-editor_vc-data
  #vc-info-section
  #give-edit-container
  #give-edit-list
  li
  #give-container
  h2 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
#org-editor_vc-data
  #vc-info-section
  #give-edit-container
  #give-edit-list
  li
  #give-container
  p {
  font-size: 18px;
  margin-bottom: 10px;
  white-space: pre-wrap;
}
#org-editor_vc-data
  #vc-info-section
  #give-edit-container
  #give-edit-list
  li
  #give-container
  a {
  color: #47a4c6;
  font-size: 22px;
}
#org-editor_vc-data
  #vc-info-section
  #give-edit-container
  #give-edit-list
  li
  #edit-give-form {
  margin: 0 23px;
  width: 560px;
}
#org-editor_vc-data
  #vc-info-section
  #give-edit-container
  #give-edit-list
  li
  #edit-give-form
  label {
  font-size: 14px;
  display: block;
}
#org-editor_vc-data
  #vc-info-section
  #give-edit-container
  #give-edit-list
  li
  #edit-give-form
  label:not(:first-of-type) {
  margin-top: 15px;
}
#org-editor_vc-data
  #vc-info-section
  #give-edit-container
  #give-edit-list
  li
  #edit-give-form
  textarea {
  resize: none;
}
#org-editor_vc-data
  #vc-info-section
  #give-edit-container
  #give-edit-list
  li
  #edit-give-form
  button {
  margin-top: 15px;
}
#org-editor_vc-data
  #vc-info-section
  #give-edit-container
  #give-edit-list
  li
  input[type="button"] {
  width: auto;
  text-transform: lowercase;
  border-radius: 8px;
  padding: 4px 14px;
}
#org-editor_vc-data
  #vc-info-section
  #give-edit-container
  #give-edit-list
  li
  #give-edit-delete {
  margin-top: 25px;
  color: #ef5e39;
  font-size: 14px;
  font-family: "Oswald", sans-serif;
  position: relative;
}
@media (max-width: 450px) {
  #org-editor_vc-data
    #vc-info-section
    #give-edit-container
    #give-edit-list
    li
    #give-edit-delete {
    font-size: 0px;
    width: 18px;
  }
}
#org-editor_vc-data
  #vc-info-section
  #give-edit-container
  #give-edit-list
  li
  #give-edit-delete:after {
  content: "\e632";
  margin-left: 8px;
  font-family: icons;
  font-size: 18px;
  position: absolute;
  top: -2px;
}
@media (max-width: 450px) {
  #org-editor_vc-data
    #vc-info-section
    #give-edit-container
    #give-edit-list
    li
    #give-edit-delete:after {
    margin-left: 0;
    left: -10px;
  }
}
#org-editor_vc-data #vc-info-section #give-edit-container .add-button {
  border-radius: 8px;
  text-transform: lowercase;
  margin-top: 10px;
  padding: 4px 14px;
  font-size: 14px;
  font-family: "Oswald", sans-serif;
  margin-top: 20px;
}
@media (max-width: 450px) {
  #org-editor_vc-data #vc-info-section #give-edit-container .add-button {
    padding: 0px 14px 3px;
  }
}
#vc-causes {
  padding-top: 60px;
}
@media (max-width: 450px) {
  #vc-causes {
    padding: 30px 10px 0;
  }
}
#vc-causes h1 {
  color: #47a4c6;
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  margin-bottom: 9px;
}
#vc-causes label {
  margin: 22px 0 7px;
  font-size: 14px;
  display: block;
}
#vc-causes #promo-image-container {
  width: 224px;
  min-height: 105px;
  height: 100%;
  border: solid 1px #989b9f;
  position: relative;
}
#vc-causes #promo-image-container #promo-file-upload {
  display: none;
}
#vc-causes #promo-image-container a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 8px;
  text-transform: lowercase;
  padding: 4px 15px;
  font-size: 12px;
  font-family: "Oswald", sans-serif;
  white-space: nowrap;
}
#vc-causes #promo-image-container a:before {
  font-family: icons;
  content: "\e617";
  margin-right: 5px;
  font-size: 12px;
}
#vc-causes #cause-info-form {
  width: 100%;
  max-width: 530px;
  margin-bottom: 41px;
}
#vc-causes #cause-info-form #title-remaining {
  text-align: right;
  font-size: 12px;
  margin-top: 4px;
}
#vc-causes #cause-info-form label {
  position: relative;
}
#vc-causes #cause-info-form label:after {
  content: "*";
  position: absolute;
  right: 0;
}
#vc-causes #cause-info-form textarea,
#vc-causes #cause-info-form input {
  border: 1px solid #bbbdc0;
  resize: none;
}
#vc-causes #project-card-list > * {
  display: inline-block;
  width: 100%;
  margin: 0 0 2% 0;
}
#add-project-card {
  border: 1px solid #989b9f;
  padding: 17px 12px 38px;
  width: 50%;
}
@media (max-width: 1023px) {
  #add-project-card {
    margin-right: unset;
    width: 100%;
  }
}
#add-project-card #lookup-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#add-project-card #lookup-wrapper > *:not(:last-child) {
  margin-right: 5px;
}
#add-project-card #lookup-wrapper input {
  width: 100px;
  padding: 5px 10px;
  height: 32px;
}
#add-project-card #lookup-wrapper #project-list-wrapper {
  position: relative;
  width: 100%;
}
#add-project-card #lookup-wrapper button {
  white-space: nowrap;
}
#add-project-card #lookup-wrapper #project-list-wrapper label {
  margin: 0;
}
#add-project-card #lookup-wrapper #project-list-wrapper #add-project-input {
  width: 100%;
  border: 1px solid #bbbdc0;
  height: 35px;
}
#add-project-card #lookup-wrapper #project-list-wrapper ul {
  height: 200px;
  overflow: auto;
  position: absolute;
  background: #fff;
  width: 100%;
  border: 1px solid #bbbdc0;
  z-index: 8;
}
#add-project-card #lookup-wrapper #project-list-wrapper ul li {
  padding: 4px;
  font-size: 14px;
}
#add-project-card #lookup-wrapper #project-list-wrapper ul li:first-of-type {
  font-size: 14px;
  padding-top: 0px;
}
#add-project-card
  #lookup-wrapper
  #project-list-wrapper
  ul
  li:not(:first-of-type):hover {
  background-color: #47a4c6;
  color: #fff;
}
#add-project-card #lookup-wrapper #project-list-wrapper ul li a {
  display: -ms-flexbox;
  display: flex;
}
#add-project-card
  #lookup-wrapper
  #project-list-wrapper
  ul
  li
  a
  .name-container {
  min-width: 175px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#add-project-card #lookup-wrapper #lookup-cancel {
  background-color: #989b9f;
}
#vc-causes #causes-footer {
  margin-top: 14px;
  display: flex;
}
#vc-causes #causes-footer #causes-cancel-button {
  margin-right: 14px;
  background: #989b9f;
}
#vc-causes #causes-footer > * {
  width: fit-content;
  height: 30px;
  padding: 4px 20px;
}
#manage-endorsements h2 {
  color: #47a4c6;
  font-size: 16px;
  font-family: "Oswald", sans-serif;
  margin-bottom: 16px;
}
#manage-endorsements #email-action-modal h1 {
  color: #47a4c6;
  font-size: 24px;
  font-family: "Oswald", sans-serif;
  text-transform: none;
}
#manage-endorsements #email-action-modal .action-btn {
  padding: 4px 40px;
  background-color: #47a4c6;
}
#manage-endorsements #email-action-modal .action-btn:hover {
  background-color: #74af43;
}
#manage-endorsements #manage-endorsements-header {
  max-width: 1024px;
  margin: 0 auto;
  padding: 24px 5px;
}
#manage-endorsements #manage-endorsements-header #back-to-manage-organizations {
  font-family: "Oswald", sans-serif;
  font-size: 16px;
  color: #ef5e39;
  text-transform: uppercase;
  display: block;
  margin-bottom: 30px;
}
#manage-endorsements
  #manage-endorsements-header
  #back-to-manage-organizations::before {
  content: "<";
  margin-right: 2px;
}
#manage-endorsements #manage-endorsements-header #endorsements-title-container {
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}
#manage-endorsements
  #manage-endorsements-header
  #endorsements-title-container
  > * {
  width: auto;
}
#manage-endorsements
  #manage-endorsements-header
  #endorsements-title-container
  h1 {
  font-size: 22px;
  font-family: "Oswald", sans-serif;
  color: #47a4c6;
  position: relative;
}
#manage-endorsements
  #manage-endorsements-header
  #endorsements-title-container
  h1
  span {
  display: inline-block;
  max-width: 400px;
  border-bottom: 1px solid #989b9f;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transform: translateY(20%);
}
#manage-endorsements
  #manage-endorsements-header
  #endorsements-title-container
  h1
  select {
  width: 400px;
  font-size: 18px;
  font-family: Helvetica, arial;
  transform: translateY(-3px);
}
#manage-endorsements
  #manage-endorsements-header
  #endorsements-title-container
  .arrow:after {
  color: #989b9f;
  content: "\e606";
  font-family: "icons";
  font-size: 16px;
  position: absolute;
  top: 50%;
  right: -25px;
  transform: translateY(-20%);
}
#manage-endorsements #endorsements-section {
  display: -ms-flexbox;
  display: flex;
  margin-top: 31px;
}
@media (max-width: 450px) {
  #manage-endorsements #endorsements-section {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#manage-endorsements #endorsements-section h2 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
#manage-endorsements #endorsements-section .display-count {
  background: #bbbdc0;
  color: #fff;
  border-radius: 5px;
  padding: 2px 6px;
  margin-left: 10px;
  font-size: 10px;
  font-family: "Oswald", sans-serif;
}
#manage-endorsements #endorsements-section #endorsed-list-container {
  width: 65%;
}
@media (max-width: 450px) {
  #manage-endorsements #endorsements-section #endorsed-list-container {
    width: 100%;
    padding: 0 10px;
  }
}
#manage-endorsements
  #endorsements-section
  #endorsed-list-container
  .add-button {
  border-radius: 8px;
  height: 26px;
  padding: 2px 10px;
  text-transform: lowercase;
  font-size: 13px;
  font-family: "Oswald", sans-serif;
}
#manage-endorsements
  #endorsements-section
  #endorsed-list-container
  .add-button:before {
  font-family: icons;
  content: "\e617";
  margin-right: 5px;
}
#manage-endorsements
  #endorsements-section
  #endorsed-list-container
  #endorsed-table-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#manage-endorsements
  #endorsements-section
  #endorsed-list-container
  .endorse-list {
  font-size: 14px;
}
#manage-endorsements
  #endorsements-section
  #endorsed-list-container
  .endorse-list
  .sorted:after {
  content: "\e622";
  font-family: icons;
  font-size: 10px;
  margin-left: 8px;
}
#manage-endorsements
  #endorsements-section
  #endorsed-list-container
  .endorse-list
  .sorted.reverse:after {
  content: "\e620";
  font-family: icons;
  font-size: 10px;
  margin-left: 8px;
}
#manage-endorsements
  #endorsements-section
  #endorsed-list-container
  .endorse-list
  thead {
  border-bottom: 1px solid #bbbdc0;
}
#manage-endorsements
  #endorsements-section
  #endorsed-list-container
  .endorse-list
  thead
  th {
  font-weight: normal;
  text-align: left;
  color: #64686c;
  cursor: pointer;
}
#manage-endorsements
  #endorsements-section
  #endorsed-list-container
  .endorse-list
  thead
  th:focus {
  outline-width: 0;
}
#manage-endorsements
  #endorsements-section
  #endorsed-list-container
  .endorse-list
  th,
#manage-endorsements
  #endorsements-section
  #endorsed-list-container
  .endorse-list
  td {
  width: 22%;
}
#manage-endorsements
  #endorsements-section
  #endorsed-list-container
  .endorse-list
  th:first-of-type,
#manage-endorsements
  #endorsements-section
  #endorsed-list-container
  .endorse-list
  td:first-of-type {
  width: 34%;
}
#manage-endorsements
  #endorsements-section
  #endorsed-list-container
  .endorse-list
  td {
  padding: 5px 0;
  vertical-align: top;
}
#manage-endorsements
  #endorsements-section
  #endorsed-list-container
  .endorse-list
  a {
  color: #47a4c6;
}
#manage-endorsements
  #endorsements-section
  #endorsed-list-container
  .endorse-list
  .removed-org {
  position: relative;
}
#manage-endorsements
  #endorsements-section
  #endorsed-list-container
  .endorse-list
  .removed-org
  .status-link {
  color: #ef5e39;
}
#manage-endorsements
  #endorsements-section
  #endorsed-list-container
  .endorse-list
  .removed-org
  td:first-of-type {
  position: relative;
}
#manage-endorsements
  #endorsements-section
  #endorsed-list-container
  .endorse-list
  .removed-org
  td:first-of-type:before {
  content: "\e645";
  color: #ef5e39;
  font-family: icons;
  position: absolute;
  left: -20px;
}
#manage-endorsements
  #endorsements-section
  #endorsed-list-container
  #view-all-endorsements {
  color: #47a4c6;
  margin-top: 20px;
  font-size: 12px;
  display: block;
}
#manage-endorsements
  #endorsements-section
  #endorsed-list-container
  #view-all-endorsements:before {
  font-family: icons;
  content: "\e617";
  margin-right: 5px;
  font-size: 7px;
}
#manage-endorsements #endorsements-section #endorsed-list-container hr {
  border-top: 1px solid #bbbdc0;
  margin-top: 28px;
}
#manage-endorsements
  #endorsements-section
  #endorsed-list-container
  #endorsed-table-footer {
  margin-top: 14px;
  text-align: right;
}
#manage-endorsements #endorsements-section #pending-container {
  margin-left: 84px;
  margin-top: 38px;
  width: 250px;
}
@media (max-width: 450px) {
  #manage-endorsements #endorsements-section #pending-container {
    width: 100%;
    padding: 0 10px;
    margin-left: 0;
  }
}
#manage-endorsements #endorsements-section #pending-container #pending-list {
  margin-top: 17px;
  white-space: nowrap;
  font-size: 14px;
}
#manage-endorsements
  #endorsements-section
  #pending-container
  #pending-list
  .pending-item {
  position: relative;
}
#manage-endorsements
  #endorsements-section
  #pending-container
  #pending-list
  .pending-item
  > a {
  display: block;
  color: #47a4c6;
  padding: 4px;
  white-space: pre-wrap;
}
#manage-endorsements
  #endorsements-section
  #pending-container
  #pending-list
  .pending-item
  > a.selected-item,
#manage-endorsements
  #endorsements-section
  #pending-container
  #pending-list
  .pending-item
  > a:hover {
  color: #fff;
  background: #47a4c6;
}
#manage-endorsements
  #endorsements-section
  #pending-container
  #pending-list
  .pending-item
  .option-menu {
  position: absolute;
  left: 20%;
  top: 0;
  background: #86b4cd;
  color: #fff;
  white-space: nowrap;
  font-family: "Oswald", sans-serif;
  text-transform: capitalize;
  z-index: 1;
}
#manage-endorsements
  #endorsements-section
  #pending-container
  #pending-list
  .pending-item
  .option-menu
  li:hover {
  background: #47a4c6;
}
#manage-endorsements
  #endorsements-section
  #pending-container
  #pending-list
  .pending-item
  .option-menu
  li
  a {
  display: block;
  padding: 4px 30px 4px 18px;
}
#manage-endorsements
  #endorsements-section
  #pending-container
  #pending-list
  .pending-item
  .option-menu
  li
  a:last-of-type {
  padding-bottom: 9px;
}
#manage-endorsements #request-endorsement-section {
  margin-top: 55px;
  width: 65%;
}
@media (max-width: 450px) {
  #manage-endorsements #request-endorsement-section {
    width: 100%;
    padding: 0 10px;
  }
}
#manage-endorsements #request-endorsement-section #request-sent-message {
  color: #ef5e39;
  font-size: 16px;
  font-family: "Oswald", sans-serif;
}
#manage-endorsements #request-endorsement-section #lookup-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#manage-endorsements #request-endorsement-section #lookup-wrapper input {
  width: 100px;
  padding: 5px 10px;
  height: 32px;
  margin-top: 10px;
}
#manage-endorsements
  #request-endorsement-section
  #lookup-wrapper
  #project-list-wrapper {
  width: 100%;
  position: relative;
}
#manage-endorsements
  #request-endorsement-section
  #lookup-wrapper
  #project-list-wrapper
  label {
  margin: 0;
  font-size: 14px;
}
#manage-endorsements
  #request-endorsement-section
  #lookup-wrapper
  #project-list-wrapper
  #add-project-input {
  width: 100%;
  border: 1px solid #bbbdc0;
  height: 28px;
}
#manage-endorsements
  #request-endorsement-section
  #lookup-wrapper
  #project-list-wrapper
  ul {
  height: 200px;
  position: absolute;
  background: #fff;
  width: 100%;
  border: 1px solid #bbbdc0;
  overflow-y: scroll;
  z-index: 1;
}
#manage-endorsements
  #request-endorsement-section
  #lookup-wrapper
  #project-list-wrapper
  ul
  li {
  padding: 4px;
  font-size: 14px;
}
#manage-endorsements
  #request-endorsement-section
  #lookup-wrapper
  #project-list-wrapper
  ul
  li:first-of-type {
  font-size: 14px;
  padding-top: 0px;
}
#manage-endorsements
  #request-endorsement-section
  #lookup-wrapper
  #project-list-wrapper
  ul
  li:not(:first-of-type):hover {
  background-color: #47a4c6;
  color: #fff;
}
#manage-endorsements
  #request-endorsement-section
  #lookup-wrapper
  #project-list-wrapper
  ul
  li
  a {
  display: -ms-flexbox;
  display: flex;
}
#manage-endorsements
  #request-endorsement-section
  #lookup-wrapper
  #project-list-wrapper
  ul
  li
  a
  .name-container {
  min-width: 175px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#manage-endorsements #request-endorsement-section #org-request-section select {
  width: 80%;
  margin-top: 16px;
}
#manage-endorsements #request-endorsement-section hr {
  border-top: 1px solid #bbbdc0;
  margin-top: 18px;
}
#manage-endorsements #request-endorsement-section p {
  font-size: 14px;
}
#manage-endorsements #request-endorsement-section #endorse-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
}
#manage-endorsements #request-endorsement-section #endorse-content h3 {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 75%;
  font-size: 18px;
}
#manage-endorsements
  #request-endorsement-section
  #endorse-content
  #endorse-button-container {
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#manage-endorsements
  #request-endorsement-section
  #endorse-content
  #endorse-button-container
  *:not(:last-child) {
  margin-right: 8px;
}
#manage-endorsements #endorse-button-container a {
  color: #47a4c6;
  font-size: 14px;
  margin: 0 8px;
  white-space: nowrap;
}
#manage-endorsements
  #request-endorsement-section
  #endorse-content
  #endorse-button-container
  input {
  width: auto;
  padding: 4px 20px;
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  font-weight: bold;
}
#manage-endorsements
  #request-endorsement-section
  #endorse-content
  #endorse-button-container
  #cancel-endorse-button {
  background-color: #989b9f;
}
#manage-endorsements
  #request-endorsement-section
  #endorse-content
  #endorse-button-container
  #cancel-endorse-button.decline-button {
  background-color: #ef5e39;
}
#partners {
  padding: 20px;
}
@media (min-width: 768px) {
  #partners {
    padding-right: 20%;
  }
}
#partners h1 {
  display: inline-block;
  margin: 0 10px 20px 0;
  font-family: "Oswald";
  font-size: 32px;
  color: #ef5e39;
}
#partners * {
  color: gray;
}
#partners .add-partner {
  display: inline-block;
  padding: 8px 12px;
  border-radius: 10px;
  font-size: 12px;
  background: #bbbdc0;
  color: #fff;
  vertical-align: text-bottom;
}
#partners form {
  max-width: 600px;
  margin-bottom: 25px;
}
#partners form input[type="text"] {
  float: left;
  width: 67.5%;
  width: calc(100% - 90px);
  height: 35px;
  margin-right: 5px;
  border: 1px solid #e5e3e3;
}
#partners form input[type="submit"] {
  float: left;
  width: 85px;
}
.partners {
  max-width: 650px;
}
.partner {
  position: relative;
  margin-bottom: 15px;
  padding: 20px;
  border: 1px solid #e5e3e3;
}
.partner .icon-edit {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  padding: 5px;
  font-size: 32px;
  color: #fff !important;
  background: rgba(229, 227, 227, 0.75) !important;
}
.partner .icon-edit:hover {
  background: #e5e3e3 !important;
}
.partner figure {
  float: right;
  width: 80px;
  margin: 0 0 15px 15px;
  border: 1px solid #e5e3e3;
  line-height: 0;
}
@media (min-width: 768px) {
  .partner figure {
    width: 160px;
  }
}
.partner h2 {
  margin-bottom: 10px;
  font-family: "Oswald";
  font-size: 24px;
  line-height: 26px;
  text-transform: uppercase;
}
.partner h2 a {
  color: #47a4c6;
}
#manage-projects {
  color: #64686c;
  max-width: 1020px;
}
#manage-projects #manage-projects-tutorial-modal {
  width: 97%;
  max-height: 97%;
  top: 56%;
}
#manage-projects #manage-projects-tutorial-modal #tutorial-button-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#manage-projects #manage-projects-header {
  position: relative;
}
@media (max-width: 1023px) {
  #manage-projects #manage-projects-header {
    margin: 0 20px;
  }
}
#manage-projects #manage-projects-header .back-to-dashboard {
  width: 100%;
}
#manage-projects #manage-projects-header .help-container {
  color: #47a4c6;
  font-size: 12px;
  cursor: pointer;
  margin-bottom: 24px;
  margin-top: 11px;
}
@media (min-width: 1024px) {
  #manage-projects #manage-projects-header .help-container {
    position: absolute;
    right: 20px;
    top: 85px;
  }
  #manage-projects #manage-projects-header .help-container p {
    margin-bottom: 10px;
  }
}
@media (max-width: 1023px) {
  #manage-projects #manage-projects-header .help-container {
    display: -ms-flexbox;
    display: flex;
  }
  #manage-projects #manage-projects-header .help-container p {
    margin-right: 20px;
  }
}
#manage-projects .blueHeader {
  color: #47a4c6;
  font-family: "Oswald", sans-serif;
  font-size: 24px;
}
#manage-projects .gray__circle__tabs {
  display: table;
  margin: 0 auto 5px;
  vertical-align: middle;
  padding: 2px 8px 2px 7px;
  border-radius: 21px;
  font-size: 16px;
  line-height: 16px;
  background: #bbbdc0;
  color: #fff !important;
}
@media (max-width: 1023px) {
  #manage-projects .gray__circle__tabs {
    font-size: 14px;
    line-height: 14px;
  }
}
@media (min-width: 1024px) {
  #manage-projects .gray__circle__tabs {
    display: inline-block;
    margin: 0 5px 5px;
  }
}
#manage-projects progress[value] {
  width: 100%;
  height: 19px;
  background: #fff;
}
#manage-projects progress[value]::-moz-progress-bar {
  background-color: #47a4c6;
}
#manage-projects progress[value]::-webkit-progress-bar {
  background-color: #fff;
}
#manage-projects progress[value]::-webkit-progress-value {
  background: #47a4c6;
}
#manage-projects .pm-option-box {
  position: absolute;
  top: 0;
  right: 100%;
  background: #86b4cd;
  color: #fff;
  font-family: "Oswald";
  text-align: left;
  width: 200px;
  text-transform: uppercase;
  display: none;
  z-index: 10;
}
#manage-projects .options-shown .pm-option-box {
  display: block;
}
#manage-projects h1 {
  margin-bottom: 15px;
  vertical-align: middle;
  font-family: "Oswald", sans-serif;
  font-size: 28px;
  color: #47a4c6;
}
#manage-projects .instruction-text {
  margin-bottom: 15px;
  padding: 0 20px;
}
@media (min-width: 1024px) {
  #manage-projects .instruction-text {
    padding: 0;
  }
}
#manage-projects .instruction-text a {
  color: #47a4c6;
}
#manage-projects .expand {
  display: inline-block;
  padding: 10px 0;
  color: #47a4c6;
  text-transform: lowercase;
}
#manage-projects .expand:before {
  content: "\e617";
  font-family: "icons";
  font-size: 0.5em;
  vertical-align: middle;
  margin-right: 5px;
}
#manage-projects .expand.all {
  margin-left: 10px;
}
#manage-projects .expand.collapse:before {
  content: "\e61a";
  display: inline-block;
  font-size: 1em;
}
#manage-projects .aside {
  margin-bottom: 50px;
  margin-left: 80px;
  float: right;
  width: 28%;
}
@media (max-width: 1023px) {
  #manage-projects .aside {
    border-top: 1px solid #989b9f;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    margin-top: 50px;
    padding: 15px;
  }
}
#manage-projects .aside .tab {
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 1024px) {
  #manage-projects .aside .tab {
    display: none;
  }
}
#manage-projects .aside .tab button {
  background: none;
  border: none;
  outline: none;
  padding: 14px 16px;
  transition: 0.3s;
  -ms-flex: 1;
  flex: 1;
  color: #989b9f;
  font-size: 14px;
}
#manage-projects .aside .tab button:first-child {
  padding-left: 0;
}
#manage-projects .aside .tab button:last-child {
  padding-right: 0;
}
#manage-projects .aside .tab button hr {
  border-bottom: 1px solid #989b9f;
}
#manage-projects .aside .tab button.active {
  color: #47a4c6;
}
#manage-projects .aside .tab button.active hr {
  border-bottom: 4px solid #47a4c6;
}
@media (max-width: 1023px) {
  #manage-projects .aside .tab-content {
    display: none;
    border-top: none;
  }
}
#manage-projects .aside .tab-content-active {
  display: block;
}
#manage-projects .aside__header__title {
  margin-top: 50px;
}
@media (min-width: 1024px) {
  #manage-projects .aside__header__title {
    display: none;
    margin-top: 0;
  }
}
#manage-projects .aside > section {
  position: relative;
  border: none;
  width: 100%;
}
#manage-projects .aside > section:not(:last-of-type) {
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  #manage-projects .aside > section:not(:last-of-type) {
    padding-bottom: 20px;
    border-bottom: 1px solid #bbbdc0;
  }
}
@media (min-width: 1024px) {
  #manage-projects .aside > section {
    border: none;
  }
}
#manage-projects .aside .sub-section {
  position: relative;
  padding: 0;
  overflow: visible;
}
@media (max-width: 1023px) {
  #manage-projects .aside .sub-section h2 {
    display: none;
  }
}
@media (max-width: 1023px) {
  #manage-projects .aside .sub-section ul {
    padding-top: 30px;
  }
}
#manage-projects .aside .sub-section ul li {
  position: relative;
  display: inline-block;
  width: 100%;
}
#manage-projects .aside .sub-section ul li form {
  position: absolute;
  z-index: 2;
  border-top: none;
  background: rgba(255, 255, 255, 0);
}
#manage-projects .aside .sub-section ul li form > ul {
  background: #86b4cd;
  float: right;
  width: 75%;
}
#manage-projects .aside .sub-section ul li form > ul li {
  float: left;
  width: 100%;
}
#manage-projects .aside .sub-section ul li form > ul li a {
  color: #fff;
  font-family: "Oswald", sans-serif;
  font-size: 16px;
  text-transform: uppercase;
}
#manage-projects .aside .sub-section ul li form > ul li:hover {
  background: #47a4c6;
}
#manage-projects .aside h2 {
  margin: 0 0 15px 5px;
  vertical-align: middle;
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  color: #47a4c6 !important;
}
#manage-projects .aside h2 a {
  color: #47a4c6;
}
#manage-projects .aside h4 {
  min-height: 36px;
  line-height: 18px;
}
#manage-projects .aside .projects__pending h3 {
  font-weight: bold;
  font-size: 14px;
  margin-left: 6px;
  margin-bottom: 8px;
}
#manage-projects .aside .projects__pending .projects__pending__icons {
  position: relative;
  float: left;
  margin-right: 5px;
  font-size: 26px;
}
#manage-projects .aside .projects__pending .projects__pending__icons span {
  color: #ef5e39;
}
#manage-projects
  .aside
  .projects__pending
  .projects__pending__icons
  .escalated {
  position: absolute;
  left: -12px;
}
#manage-projects
  .aside
  .projects__pending
  .projects__pending__org-link
  .projects__pending__icons
  span {
  color: #74af43;
}
#manage-projects .aside .projects__pending .projects__pending__org-link,
#manage-projects .aside .projects__pending .projects__pending__projects {
  min-height: 36px;
}
#manage-projects .aside .projects__pending .projects__pending__org-link h4,
#manage-projects .aside .projects__pending .projects__pending__projects h4 {
  min-height: 0;
}
#manage-projects .aside .projects__pending .projects__pending__org-link p,
#manage-projects .aside .projects__pending .projects__pending__projects p {
  padding-left: 31px;
  font-size: 14px;
}
#manage-projects .aside .projects__drafts .projects__pending__icons {
  float: left;
  margin-right: 5px;
  font-size: 26px;
}
#manage-projects .aside .projects__drafts .projects__pending__icons span {
  color: #47a4c6;
}
#manage-projects .aside .projects__templates .projects__pending__icons {
  float: left;
  margin-right: 5px;
  font-size: 26px;
}
#manage-projects .aside .projects__templates .projects__pending__icons span {
  color: #bbbdc0;
}
#manage-projects .aside__project-wrap {
  position: relative;
  padding: 2px 25px 2px 0px;
  cursor: pointer;
  float: left;
  width: 100%;
}
#manage-projects .aside__project-wrap:before {
  font-family: "icons";
  color: #64686c;
  position: absolute;
  top: 12px;
  right: 5px;
}
#manage-projects .aside__project-wrap.active {
  background: #e5e3e3;
}
#manage-projects .aside__project-wrap.active:before {
  content: "\e606";
}
#manage-projects .aside__project-wrap.active + .aside__options {
  height: auto;
}
#manage-projects .aside__options {
  height: 0;
  overflow: hidden;
  border-top: 2px solid #fff;
  background: #e5e3e3;
}
#manage-projects .aside__options a {
  display: block;
  padding: 5px 30px;
  color: #ef5e39;
}
#manage-projects .aside__options a:hover {
  background: #47a4c6;
}
#manage-projects #projects-section {
  display: -ms-flexbox;
  display: flex;
  margin-top: 34px;
}
@media (max-width: 1023px) {
  #manage-projects #projects-section {
    display: block;
  }
}
#manage-projects #projects-section input[type="text"]:nth-of-type(2) {
  margin: 0;
  display: block;
}
#manage-projects #projects-section table .pm-option-box a {
  color: #fff;
  padding: 2px 12px;
  width: 100%;
  float: left;
}
#manage-projects #projects-section table .pm-option-box a:hover {
  background: #47a4c6;
}
#manage-projects #projects-section .add-new {
  margin-left: 10px;
  vertical-align: middle;
  padding: 4px 10px;
  border-radius: 8px;
  font-size: 12px;
  background: #bbbdc0;
  color: #fff;
  text-transform: lowercase;
  float: right;
  background-color: #47a4c6;
  font-family: "Oswald", sans-serif;
}
#manage-projects #projects-section .add-new:before {
  content: "\e617";
  display: inline-block;
  margin-right: 5px;
  vertical-align: text-bottom;
  font-family: "icons";
  font-size: 12px;
  margin-bottom: 1px;
}
@media (max-width: 1023px) {
  #manage-projects #projects-section .add-new {
    margin-left: 0;
    margin-right: 15px;
  }
}
#manage-projects .pm-my-projects {
  width: auto;
}
@media (min-width: 1024px) {
  #manage-projects .pm-my-projects {
    width: 70%;
  }
}
#manage-projects .pm-my-projects thead {
  height: 2em;
}
#manage-projects #pm-active h3 {
  margin-left: 0;
}
#manage-projects #pm-active .no-results {
  margin-left: 0;
}
#manage-projects .pm-my-active-projects tr.active {
  background: #e5e3e3;
}
#manage-projects .pm-my-active-projects tr.active td.arrow:before {
  content: "\e606";
}
#manage-projects .pm-my-active-projects td.arrow:before {
  content: "\e605";
  font-family: "icons";
  font-size: 12px;
  vertical-align: middle;
  display: inline-block;
  padding-right: 5px;
  color: #989b9f;
  position: absolute;
  left: 0;
  bottom: 20px;
}
#manage-projects .pm-my-active-projects th {
  border-bottom: 1px solid #9b9b9b;
}
#manage-projects .pm-my-active-projects td:nth-child(1) {
  transform: translateX(-15px);
}
#manage-projects .pm-my-active-projects td:nth-child(1) span {
  padding: 0 0 0 10px;
}
#manage-projects .pm-my-active-projects th:nth-child(1),
#manage-projects .pm-my-active-projects td:nth-child(1) {
  width: 50%;
  position: relative;
}
@media (max-width: 1023px) {
  #manage-projects .pm-my-active-projects th:nth-child(1),
  #manage-projects .pm-my-active-projects td:nth-child(1) {
    width: 55%;
  }
}
#manage-projects .pm-my-active-projects th:nth-child(2),
#manage-projects .pm-my-active-projects td:nth-child(2),
#manage-projects .pm-my-active-projects th:nth-child(3),
#manage-projects .pm-my-active-projects td:nth-child(3) {
  width: 20%;
}
#manage-projects .pm-my-active-projects td:nth-child(2),
#manage-projects .pm-my-active-projects td:nth-child(3) {
  overflow: hidden;
}
@media (max-width: 1023px) {
  #manage-projects .pm-my-active-projects th:nth-child(2),
  #manage-projects .pm-my-active-projects td:nth-child(2) {
    display: none;
  }
  #manage-projects .pm-my-active-projects th:nth-child(3),
  #manage-projects .pm-my-active-projects td:nth-child(3) {
    width: 30%;
  }
}
#manage-projects .pm-my-active-projects th:nth-child(4),
#manage-projects .pm-my-active-projects td:nth-child(4) {
  width: 15%;
  text-align: center;
  position: relative;
}
#manage-projects .pm-my-active-projects th.reverse:after {
  content: "\e620";
}
#manage-projects .pm-my-active-projects .sort:after {
  content: "\e622";
  font-family: "icons";
  font-size: 14px;
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
  font-size: 0.6em !important;
}
#manage-projects .pm-my-active-projects .pm-projects-times {
  width: 100%;
  padding: 0;
}
#manage-projects .pm-my-active-projects .pm-projects-times ul {
  margin-top: -10px;
  margin-left: 10px;
}
#manage-projects .pm-my-active-projects .pm-projects-times li {
  width: 100%;
  display: inline-block;
  font-size: 14px;
}
#manage-projects .pm-my-active-projects .pm-projects-times li > div {
  padding: 10px 25px;
  width: 100%;
  display: inline-block;
}
#manage-projects .pm-my-active-projects .pm-projects-times li .time-slots {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#manage-projects
  .pm-my-active-projects
  .pm-projects-times
  li
  .time-slots
  .pm-project-progress {
  text-align: right;
  width: 35%;
}
#manage-projects
  .pm-my-active-projects
  .pm-projects-times
  li
  .time-slots
  .pm-project-progress
  .percent-bar {
  background: #fff;
  width: 100%;
  height: 16px;
}
#manage-projects .pm-my-active-projects .pm-projects-times > p {
  padding: 0 22px;
}
#manage-projects #pm-history-top {
  margin-top: 50px;
  padding-left: 0;
  padding-top: 50px;
  border-top: 1px solid #989b9f;
}
@media (max-width: 1023px) {
  #manage-projects #pm-history-top {
    padding-left: 15px;
    padding-right: 15px;
  }
}
#manage-projects #pm-history-top .pm-project-history {
  display: block;
}
#manage-projects #pm-history-top .pm-project-history thead,
#manage-projects #pm-history-top .pm-project-history tbody {
  display: block;
}
#manage-projects #pm-history-top .pm-project-history thead {
  border-bottom: 1px solid #9b9b9b;
}
#manage-projects #pm-history-top .pm-project-history tr {
  display: inline-block;
}
#manage-projects #pm-history-top .pm-project-history th,
#manage-projects #pm-history-top .pm-project-history td {
  display: inline-block;
}
#manage-projects #pm-history-top .pm-project-history td:first-child .pm-date {
  font-size: 16px;
  font-family: Helvetica, arial;
  line-height: 1;
}
@media (max-width: 1023px) {
  #manage-projects #pm-history-top .pm-project-history td:first-child .pm-date {
    font-size: 12px;
  }
}
#manage-projects #pm-history-top .pm-project-history th:first-child,
#manage-projects #pm-history-top .pm-project-history td:first-child {
  width: 15%;
}
#manage-projects #pm-history-top .pm-project-history th:nth-child(2),
#manage-projects #pm-history-top .pm-project-history td:nth-child(2) {
  width: 60%;
}
@media (max-width: 1023px) {
  #manage-projects #pm-history-top .pm-project-history th:nth-child(2),
  #manage-projects #pm-history-top .pm-project-history td:nth-child(2) {
    width: 55%;
  }
}
#manage-projects #pm-history-top .pm-project-history th:nth-child(3),
#manage-projects #pm-history-top .pm-project-history td:nth-child(3) {
  width: 12%;
}
@media (max-width: 1023px) {
  #manage-projects #pm-history-top .pm-project-history th:nth-child(3),
  #manage-projects #pm-history-top .pm-project-history td:nth-child(3) {
    width: 18%;
  }
}
#manage-projects #pm-history-top .pm-project-history th:last-child,
#manage-projects #pm-history-top .pm-project-history td:last-child {
  width: 8%;
  text-align: right;
}
@media (max-width: 1023px) {
  #manage-projects #pm-history-top .pm-project-history th:last-child .desktop,
  #manage-projects #pm-history-top .pm-project-history td:last-child .desktop {
    display: none;
  }
}
@media (min-width: 1024px) {
  #manage-projects #pm-history-top .pm-project-history th:last-child .mobile,
  #manage-projects #pm-history-top .pm-project-history td:last-child .mobile {
    display: none;
  }
}
#manage-projects #pm-history-top .pm-project-history .Jan + .Jan .pm-date,
#manage-projects #pm-history-top .pm-project-history .Feb + .Feb .pm-date,
#manage-projects #pm-history-top .pm-project-history .Mar + .Mar .pm-date,
#manage-projects #pm-history-top .pm-project-history .Apr + .Apr .pm-date,
#manage-projects #pm-history-top .pm-project-history .May + .May .pm-date,
#manage-projects #pm-history-top .pm-project-history .Jun + .Jun .pm-date,
#manage-projects #pm-history-top .pm-project-history .Jul + .Jul .pm-date,
#manage-projects #pm-history-top .pm-project-history .Aug + .Aug .pm-date,
#manage-projects #pm-history-top .pm-project-history .Sep + .Sep .pm-date,
#manage-projects #pm-history-top .pm-project-history .Oct + .Oct .pm-date,
#manage-projects #pm-history-top .pm-project-history .Nov + .Nov .pm-date,
#manage-projects #pm-history-top .pm-project-history .Dec + .Dec .pm-date {
  color: #fff;
  font-size: 10px !important;
  text-indent: -9999px !important;
  vertical-align: top;
  float: left;
}
#manage-projects
  #pm-history-top
  .pm-project-history
  .Jan
  + .Jan.options-shown
  .pm-date,
#manage-projects
  #pm-history-top
  .pm-project-history
  .Feb
  + .Feb.options-shown
  .pm-date,
#manage-projects
  #pm-history-top
  .pm-project-history
  .Mar
  + .Mar.options-shown
  .pm-date,
#manage-projects
  #pm-history-top
  .pm-project-history
  .Apr
  + .Apr.options-shown
  .pm-date,
#manage-projects
  #pm-history-top
  .pm-project-history
  .May
  + .May.options-shown
  .pm-date,
#manage-projects
  #pm-history-top
  .pm-project-history
  .Jun
  + .Jun.options-shown
  .pm-date,
#manage-projects
  #pm-history-top
  .pm-project-history
  .Jul
  + .Jul.options-shown
  .pm-date,
#manage-projects
  #pm-history-top
  .pm-project-history
  .Aug
  + .Aug.options-shown
  .pm-date,
#manage-projects
  #pm-history-top
  .pm-project-history
  .Sep
  + .Sep.options-shown
  .pm-date,
#manage-projects
  #pm-history-top
  .pm-project-history
  .Oct
  + .Oct.options-shown
  .pm-date,
#manage-projects
  #pm-history-top
  .pm-project-history
  .Nov
  + .Nov.options-shown
  .pm-date,
#manage-projects
  #pm-history-top
  .pm-project-history
  .Dec
  + .Dec.options-shown
  .pm-date {
  color: #e5e3e3;
}
#manage-projects .pm-project-history,
#manage-projects .pm-my-active-projects {
  margin-top: 20px;
  table-layout: fixed;
}
#manage-projects .pm-project-history .pm-project-row .users-name,
#manage-projects .pm-my-active-projects .pm-project-row .users-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#manage-projects .pm-project-history .pm-project-row .users-name a,
#manage-projects .pm-my-active-projects .pm-project-row .users-name a {
  color: #47a4c6;
  padding: 0 0 0 10px;
}
#manage-projects .pl0 {
  padding-left: 0px !important;
}
@media (max-width: 1023px) {
  #manage-projects .pl15 {
    padding-left: 15px !important;
  }
}
#manage-projects .pm-project-history tbody td:nth-child(4),
#manage-projects .pm-project-history tbody td:nth-child(3),
#manage-projects .pm-my-active-projects tbody td:nth-child(4),
#manage-projects .pm-my-active-projects tbody td:nth-child(3) {
  vertical-align: middle;
  cursor: pointer;
  position: relative;
}
#manage-projects .pm-project-history tbody td:nth-child(4) p,
#manage-projects .pm-project-history tbody td:nth-child(3) p,
#manage-projects .pm-my-active-projects tbody td:nth-child(4) p,
#manage-projects .pm-my-active-projects tbody td:nth-child(3) p {
  text-align: center;
}
#manage-projects .pm-project-history tbody svg,
#manage-projects .pm-my-active-projects tbody svg {
  fill: #bbbdc0;
  width: 1.5em;
  padding-bottom: 2px;
  height: 22px;
}
#manage-projects .pm-project-history tbody .options-shown,
#manage-projects .pm-my-active-projects tbody .options-shown {
  background: #e5e3e3;
}
#manage-projects .pm-project-history tbody .options-shown td:nth-child(4),
#manage-projects .pm-project-history tbody .options-shown td:nth-child(3),
#manage-projects .pm-my-active-projects tbody .options-shown td:nth-child(4),
#manage-projects .pm-my-active-projects tbody .options-shown td:nth-child(3) {
  background: #47a4c6;
}
#manage-projects .pm-project-history tbody .options-shown svg,
#manage-projects .pm-my-active-projects tbody .options-shown svg {
  fill: #fff;
}
#manage-projects .pm-project-history tr,
#manage-projects .pm-my-active-projects tr {
  height: 31px;
  margin-top: 0;
  width: 100%;
}
@media (max-width: 1023px) {
  #manage-projects .pm-project-history tr,
  #manage-projects .pm-my-active-projects tr {
    font-size: 14px;
  }
}
#manage-projects .pm-project-history tr.active,
#manage-projects .pm-my-active-projects tr.active {
  height: auto;
}
#manage-projects .pm-project-history th,
#manage-projects .pm-my-active-projects th {
  text-align: left;
  font-size: 14px;
  font-weight: normal;
  padding: 5px 5px 0;
}
#manage-projects .pm-project-history td,
#manage-projects .pm-my-active-projects td {
  padding: 5px;
}
@media (max-width: 1023px) {
  #manage-projects .admins__sub {
    width: auto;
  }
}
#manage-projects .admins__sub h3 {
  color: #47a4c6;
  font-family: "Oswald", sans-serif;
  font-size: 18px;
}
#manage-projects .pm-count {
  background: #bbbdc0 none repeat scroll 0 0;
  border-radius: 7px;
  color: #fff !important;
  display: inline-block;
  font-size: 12px;
  line-height: 14px;
  margin-left: 5px;
  margin-bottom: 5px;
  padding: 2px 8px;
  vertical-align: middle;
}
#delete-project-modal {
  width: 750px;
  padding: 40px;
  border: none;
  top: 50px;
  transform: translate(-50%, 0);
  height: 500px;
}
#delete-project-modal p {
  margin-top: 100px;
  color: #be1e2d;
  text-align: center;
  font-size: 24px;
  font-family: "Oswald", sans-serif;
}
#delete-project-modal #delete-button-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 70%;
  margin: 20px auto 0 auto;
  font-size: 20px;
  width: 260px;
}
#delete-project-modal #delete-button-wrapper button {
  padding: 5px 15px;
  min-width: 125px;
}
#delete-project-modal #delete-button-wrapper .confirm {
  background-color: #74af43;
}
project-organization-modal-directive .modal-directive-container {
  padding: 0 20px !important;
}
#reassign-modal {
  width: 512px;
}
#reassign-modal .lead-role {
  font-family: "Oswald", sans-serif;
  background: #47a4c6 none repeat scroll 0 0;
  border-radius: 7px;
  color: #fff !important;
  display: inline-block;
  font-size: 18px;
  line-height: 20px;
  padding: 2px 8px;
  vertical-align: middle;
  text-transform: uppercase;
}
#reassign-modal .modal-directive-container {
  overflow-y: visible;
  padding: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #reassign-modal .modal-directive-container {
    overflow-y: auto;
  }
}
#reassign-modal .label {
  font-size: 14px;
}
#reassign-modal #current-owners {
  padding: 20px 20px 0;
}
#reassign-modal #current-owners .form-select {
  width: 100%;
}
#reassign-modal #area-leads-wrapper {
  -ms-flex-direction: column;
  flex-direction: column;
}
#reassign-modal #area-leads-wrapper ul {
  border: 1px solid #989b9f;
}
#reassign-modal #area-leads-wrapper ul li {
  padding: 1%;
}
#reassign-modal #area-leads-wrapper ul li:not(:first-child):hover {
  background-color: #47a4c6;
  color: #fff;
}
#reassign-modal #area-leads-wrapper,
#reassign-modal #lookup-wrapper {
  padding: 20px 20px 45px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#reassign-modal #area-leads-wrapper #lookup-submit:not(:disabled),
#reassign-modal #lookup-wrapper #lookup-submit:not(:disabled) {
  border: 1px solid #47a4c6 !important;
  background: #fff;
  color: #47a4c6;
}
#reassign-modal #area-leads-wrapper > *:not(:last-child),
#reassign-modal #lookup-wrapper > *:not(:last-child) {
  margin-right: 5px;
}
#reassign-modal #area-leads-wrapper input,
#reassign-modal #lookup-wrapper input {
  width: 100px;
  padding: 5px 10px;
  height: 32px;
}
#reassign-modal #area-leads-wrapper #users-wrapper,
#reassign-modal #lookup-wrapper #users-wrapper {
  width: 100%;
  position: relative;
}
#reassign-modal #area-leads-wrapper #users-wrapper #user-lookup-input,
#reassign-modal #lookup-wrapper #users-wrapper #user-lookup-input {
  width: 100%;
  border: 1px solid #bbbdc0;
}
#reassign-modal #area-leads-wrapper #users-wrapper ul,
#reassign-modal #lookup-wrapper #users-wrapper ul {
  height: 200px;
  overflow: auto;
  position: absolute;
  background: #fff;
  width: 470px;
  border: 1px solid #bbbdc0;
  z-index: 1;
}
#reassign-modal #area-leads-wrapper #users-wrapper ul li,
#reassign-modal #lookup-wrapper #users-wrapper ul li {
  padding: 1%;
  font-size: 18px;
}
#reassign-modal #area-leads-wrapper #users-wrapper ul li:first-of-type,
#reassign-modal #lookup-wrapper #users-wrapper ul li:first-of-type {
  font-size: 14px;
  padding-top: 0px;
}
#reassign-modal
  #area-leads-wrapper
  #users-wrapper
  ul
  li:not(:first-of-type):hover,
#reassign-modal #lookup-wrapper #users-wrapper ul li:not(:first-of-type):hover {
  background-color: #47a4c6;
  color: #fff;
}
#reassign-modal
  #area-leads-wrapper
  #users-wrapper
  ul
  li:not(:first-of-type):hover
  .lead-role,
#reassign-modal
  #lookup-wrapper
  #users-wrapper
  ul
  li:not(:first-of-type):hover
  .lead-role {
  background-color: #fff;
  color: #47a4c6 !important;
}
#reassign-modal #area-leads-wrapper #users-wrapper ul li a,
#reassign-modal #lookup-wrapper #users-wrapper ul li a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#reassign-modal #area-leads-wrapper #users-wrapper ul li a .name-container,
#reassign-modal #area-leads-wrapper #users-wrapper ul li a .email-container,
#reassign-modal #lookup-wrapper #users-wrapper ul li a .name-container,
#reassign-modal #lookup-wrapper #users-wrapper ul li a .email-container {
  width: 40%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#reassign-modal
  #area-leads-wrapper
  #users-wrapper
  ul
  li
  a
  > div:not(:last-child),
#reassign-modal #lookup-wrapper #users-wrapper ul li a > div:not(:last-child) {
  margin: 0 8px 0 0;
}
#reassign-modal #reassign-footer {
  background-color: #e5e3e3;
  text-align: right;
  padding: 22px 23px;
}
#reassign-modal #reassign-footer #lookup-cancel {
  background-color: #989b9f;
}
#reassign-modal #reassign-footer .save-edit-disabled {
  background-color: #989b9f;
}
#reassign-modal #reassign-footer .error {
  color: #be1e2d;
  size: 13px;
  position: absolute;
  right: 20px;
}
#status-change-modal .statusChange-overlay {
  display: none;
  position: fixed;
  z-index: 24;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.9);
}
#status-change-modal .statusChange {
  display: none;
  position: absolute;
  z-index: 25;
  top: 5%;
  left: 5%;
  width: 90%;
  max-height: 500px;
  border: 1px solid #64686c;
  padding: 20px;
  box-shadow: 0 0 30px 0 rgba(192, 192, 192, 0.5);
  background: #fff;
}
@media (min-width: 1024px) {
  #status-change-modal .statusChange {
    left: 50%;
    width: 700px;
    margin-left: -350px;
  }
}
#status-change-modal .statusChange h2 {
  font-size: 30px;
  font-family: "Oswald";
  color: #47a4c6;
  border-bottom: 2px solid #e5e3e3;
  padding-bottom: 15px;
  margin-bottom: 20px;
}
#status-change-modal .statusChange form {
  position: relative;
}
#status-change-modal .statusChange form p {
  margin: 10px 0;
}
#status-change-modal .statusChange form textarea {
  border: 1px solid #bbbdc0;
  height: 80px;
  margin-bottom: 20px;
}
#status-change-modal .statusChange form label {
  width: 100%;
  display: inline-block;
}
#status-change-modal .statusChange form label span {
  padding-left: 5px;
}
#status-change-modal .statusChange form .icon-check {
  position: absolute;
  top: -80px;
  right: 0;
  font-size: 24px;
  color: #47a4c6;
}
#status-change-modal .statusChange form input[type="submit"] {
  width: auto;
  height: 31px;
  padding: 0 20px;
}
#status-change-modal .statusChange .button-row-right input {
  float: right;
}
#status-change-modal .statusChange .button-row-right input.pm-cancel {
  background: #64686c;
  color: #fff;
  width: auto;
  font-family: "Oswald";
  height: 31px;
  margin-right: 10px;
  text-transform: uppercase;
}
#status-change-modal .modal-directive-container {
  padding: 0;
}
#status-change-modal form {
  padding: 20px 20px 45px;
}
#status-change-modal form p {
  margin: 10px 0;
}
#status-change-modal form textarea {
  border: 1px solid #bbbdc0;
  height: 80px;
  margin-bottom: 20px;
}
#status-change-modal form label {
  width: 100%;
  display: inline-block;
}
#status-change-modal form label span {
  padding-left: 5px;
}
#status-change-modal #status-change-footer {
  background-color: #e5e3e3;
  text-align: right;
  padding: 22px 23px;
}
#status-change-modal #status-change-footer input {
  width: auto;
  padding: 5px 9px;
}
#status-change-modal #status-change-footer .error {
  color: #be1e2d;
  size: 13px;
  position: absolute;
  right: 20px;
}

@media (max-width: 1023px) {
  #manage-success-stories {
    padding-left: 21px;
  }
}
#manage-success-stories {
  padding-bottom: 0;
  color: #64686c;
  position: relative;
  padding-top: 20px 0;
}
#manage-success-stories form {
  margin: 0;
}
#manage-success-stories #manage-ss-tutorial-modal {
  width: 97%;
  max-height: 97%;
  top: 56%;
}
#manage-success-stories #manage-ss-tutorial-modal #tutorial-button-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#manage-success-stories #story-date-th {
  width: 90px;
}
#manage-success-stories #back-to-dashboard {
  display: block;
  font-family: "Oswald", sans-serif;
  color: #ef5e39;
  text-transform: uppercase;
  margin-bottom: 36px;
}
#manage-success-stories #back-to-dashboard::before {
  content: "<";
}
#manage-success-stories .help-container {
  color: #47a4c6;
  font-size: 12px;
  cursor: pointer;
  margin-bottom: 24px;
  margin-top: 11px;
}
@media (min-width: 1024px) {
  #manage-success-stories .help-container {
    position: absolute;
    right: 20px;
    top: 85px;
  }
  #manage-success-stories .help-container p {
    margin-bottom: 10px;
  }
}
@media (max-width: 1023px) {
  #manage-success-stories .help-container {
    display: -ms-flexbox;
    display: flex;
  }
  #manage-success-stories .help-container p {
    margin-right: 20px;
  }
}
#manage-success-stories h1 {
  font-family: "Oswald", sans-serif;
  color: #47a4c6;
  font-size: 24px;
}
@media (min-width: 1024px) {
  #manage-success-stories h1 {
    margin-bottom: 26px;
  }
}
#manage-success-stories #explanation-text {
  font-family: Helvetica, arial;
  font-size: 14px;
  margin-bottom: 25px;
}
@media (min-width: 1024px) {
  #manage-success-stories #explanation-text {
    max-width: 75%;
  }
}
#manage-success-stories #story-list-header h2 {
  font-family: "Oswald", sans-serif;
  color: #47a4c6;
  font-size: 18px;
  display: inline-block;
  margin: 32px 0 6px 0;
}
#manage-success-stories #story-list-header a {
  margin: 27px 0;
  display: inline-block;
  background: #47a4c6;
  color: #fff;
  font-family: "Oswald", sans-serif;
  cursor: pointer;
  text-transform: lowercase;
  font-size: 13px;
  border-radius: 8px;
  padding: 4px 18px 4px 12.5px;
  float: right;
}
#manage-success-stories #story-list-header a i {
  margin-right: 2px;
}
#manage-success-stories #story-list-header p {
  margin-bottom: 12px;
}
#manage-success-stories #story-count {
  color: #ef5e39;
}
#manage-success-stories .ss-my-stories th:not(#story-options-th) {
  cursor: pointer;
}
#manage-success-stories .ss-my-stories tr td .ss-remove {
  color: #be1e2d;
  text-align: center;
  cursor: pointer;
  position: relative;
}
#manage-success-stories .ss-my-stories tr td .ss-remove:before {
  position: absolute;
  top: 0;
  left: 25px;
}
#manage-success-stories .ss-option-box {
  position: absolute;
  top: 0;
  right: 100%;
  background: #86b4cd;
  color: #fff;
  font-family: "Oswald", sans-serif;
  text-align: left;
  width: 300px;
  text-transform: uppercase;
  display: none;
  z-index: 10;
}
#manage-success-stories .options-shown .ss-option-box {
  display: block;
}
#manage-success-stories table thead {
  border-bottom: 1px solid #64686c;
}
#manage-success-stories table thead th:not(:last-child) {
  padding: 4px 4px 0 0;
}
#manage-success-stories table thead th {
  text-align: left;
  font-family: Helvetica, arial;
  color: #64686c;
  font-weight: inherit;
}
@media (max-width: 450px) {
  #manage-success-stories table thead th:nth-child(2),
  #manage-success-stories table thead th:nth-child(3) {
    display: none;
  }
}
#manage-success-stories table tbody td:not(:last-child) {
  padding: 4px 4px 0 0;
}
#manage-success-stories table tbody td .ss-option-box {
  width: 185px;
}
#manage-success-stories table tbody td .ss-option-box a {
  color: #fff;
  padding: 2px 12px;
  width: 100%;
  float: left;
}
#manage-success-stories table tbody td .ss-option-box a:hover {
  background: #47a4c6;
}
#manage-success-stories table tbody td:first-child,
#manage-success-stories table tbody td:nth-child(3),
#manage-success-stories table tbody td:nth-child(4) {
  color: #47a4c6;
}
#manage-success-stories table tbody td:first-child .projectExpired,
#manage-success-stories table tbody td:nth-child(3) .projectExpired,
#manage-success-stories table tbody td:nth-child(4) .projectExpired {
  color: #989b9f;
  pointer-events: none;
}
#manage-success-stories table tbody td:nth-child(2),
#manage-success-stories table tbody td:nth-child(4) {
  white-space: nowrap;
}
@media (max-width: 450px) {
  #manage-success-stories table tbody td:nth-child(2),
  #manage-success-stories table tbody td:nth-child(3) {
    display: none;
  }
}
#manage-success-stories table tbody .options-shown {
  background: #e5e3e3;
}
#manage-success-stories table tbody .options-shown td:nth-child(5) {
  background: #47a4c6;
}
#manage-success-stories table tbody .options-shown svg {
  fill: #fff;
}
#manage-success-stories table tbody td:nth-child(5) {
  text-align: center;
  position: relative;
  padding-top: 5px;
}
#manage-success-stories table tbody svg {
  fill: #bbbdc0;
  width: 30px;
  padding-bottom: 5px;
  height: 22px;
}
#manage-success-stories #view-more {
  color: #47a4c6;
  cursor: pointer;
  display: inline-block;
  margin-top: 30px;
  margin-bottom: 100px;
}
#manage-success-stories .sort:after {
  content: "\e620";
  font-family: "icons";
  font-size: 14px;
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
}
#manage-success-stories .sort-reverse:after {
  content: "\e622";
  font-family: "icons";
  font-size: 14px;
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
}
#add-success-story {
  position: relative;
}
@media (max-width: 1023px) {
  #add-success-story {
    font-size: 14px;
  }
}
#add-success-story .label-required {
  display: block;
  position: relative;
}
#add-success-story .label-required:after {
  content: "*";
  position: absolute;
  right: 0;
}
#add-success-story #back-to-manage-success-stories {
  display: inline-block;
  font-family: "Oswald", sans-serif;
  font-size: 16px;
  color: #ef5e39;
  text-transform: uppercase;
  margin-top: 26px;
  margin-bottom: 50px;
  margin-left: 15px;
}
#add-success-story #back-to-manage-success-stories::before {
  content: "<";
}
#add-success-story h1 {
  color: #47a4c6;
  font-family: "Oswald", sans-serif;
  font-size: 30px;
  margin-left: 20px;
}
@media (max-width: 1023px) {
  #add-success-story h1 {
    font-size: 24px;
    margin-left: 15px;
  }
}
#add-success-story .help-container {
  position: absolute;
  right: 20px;
  top: 85px;
  color: #47a4c6;
  font-size: 12px;
  cursor: pointer;
  margin-bottom: 24px;
  margin-top: 11px;
}
@media (max-width: 1023px) {
  #add-success-story .help-container {
    position: initial;
    margin-left: 15px;
  }
}
#add-success-story label {
  display: block;
}
#add-success-story input {
  width: inherit;
  border-style: solid;
  border-width: 1px;
  border-color: #808083;
  width: 100%;
}
#add-success-story input.ng-invalid.ng-touched {
  border-color: #be1e2d;
}
#add-success-story textarea {
  border-style: solid;
  border-width: 1px;
  border-color: #808083;
  height: 10em;
}
#add-success-story section {
  margin: 40px 20px;
}
@media (max-width: 1023px) {
  #add-success-story section {
    margin: 30px 15px;
  }
}
#add-success-story section #link-project-fayt {
  max-width: 340px;
}
#add-success-story #title-and-location {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#add-success-story #title-and-location div {
  margin-right: 10px;
  width: 48%;
}
@media (max-width: 1023px) {
  #add-success-story #title-and-location div {
    width: 100%;
    margin-bottom: 15px;
    margin-right: inherit;
    margin-right: 0;
  }
}
#add-success-story #intro-paragraph p {
  line-height: 2.5;
}
#add-success-story #input-day-of-event {
  width: 8em;
}
#add-success-story #input-volunteer-count {
  width: 8em;
}
#add-success-story #input-location-name {
  width: 8.4em;
}
#add-success-story #input-objective {
  width: 11em;
}
#add-success-story #input-recipient {
  width: 5em;
}
#add-success-story #input-deliverable {
  width: 19em;
}
#add-success-story #optional-text-wrapper {
  display: inline-block;
  position: relative;
}
#add-success-story #optional-text-wrapper > span {
  position: absolute;
  bottom: 26px;
  right: 0px;
  font-size: 12px;
  color: #64686c;
}
@media (max-width: 1023px) {
  #add-success-story #optional-text-wrapper > span {
    display: none;
  }
}
#add-success-story #photo-wrapper img,
#add-success-story #photo-wrapper #add-photo-button,
#add-success-story #photo-wrapper #add-photo-pending,
#add-success-story #youtube-wrapper img,
#add-success-story #youtube-wrapper #add-photo-button,
#add-success-story #youtube-wrapper #add-photo-pending {
  width: 150px;
  height: 100px;
  margin-top: 10px;
}
@media (max-width: 1023px) {
  #add-success-story #photo-wrapper img,
  #add-success-story #photo-wrapper #add-photo-button,
  #add-success-story #photo-wrapper #add-photo-pending,
  #add-success-story #youtube-wrapper img,
  #add-success-story #youtube-wrapper #add-photo-button,
  #add-success-story #youtube-wrapper #add-photo-pending {
    width: 140px;
    height: 94px;
  }
}
#add-success-story #photo-wrapper img,
#add-success-story #youtube-wrapper img {
  object-fit: cover;
  margin-right: 10px;
}
#add-success-story #photo-wrapper {
  display: flex;
}
@media (max-width: 1023px) {
  #add-success-story #photo-wrapper img,
  #add-success-story #youtube-wrapper img {
    margin-right: 9px;
  }
}
#add-success-story #photo-wrapper #add-photo-button,
#add-success-story #photo-wrapper #add-photo-pending,
#add-success-story #youtube-wrapper #add-photo-button,
#add-success-story #youtube-wrapper #add-photo-pending {
  display: inline-block;
  vertical-align: top;
  background-color: #e5e3e3;
  text-align: center;
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
  color: #47a4c6;
  cursor: pointer;
}
#add-success-story #photo-wrapper #add-photo-button i,
#add-success-story #photo-wrapper #add-photo-pending i,
#add-success-story #youtube-wrapper #add-photo-button i,
#add-success-story #youtube-wrapper #add-photo-pending i {
  display: block;
  font-size: 30px;
  color: #fff;
  margin-bottom: 20px;
  margin-top: 20px;
}
#add-success-story #photo-wrapper #add-photo-pending .spinner,
#add-success-story #youtube-wrapper #add-photo-pending .spinner {
  background: url("data:image/gif;base64,R0lGODlhEAAQAPQAAP///wAAAPDw8IqKiuDg4EZGRnp6egAAAFhYWCQkJKysrL6+vhQUFJycnAQEBDY2NmhoaAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAAFdyAgAgIJIeWoAkRCCMdBkKtIHIngyMKsErPBYbADpkSCwhDmQCBethRB6Vj4kFCkQPG4IlWDgrNRIwnO4UKBXDufzQvDMaoSDBgFb886MiQadgNABAokfCwzBA8LCg0Egl8jAggGAA1kBIA1BAYzlyILczULC2UhACH5BAkKAAAALAAAAAAQABAAAAV2ICACAmlAZTmOREEIyUEQjLKKxPHADhEvqxlgcGgkGI1DYSVAIAWMx+lwSKkICJ0QsHi9RgKBwnVTiRQQgwF4I4UFDQQEwi6/3YSGWRRmjhEETAJfIgMFCnAKM0KDV4EEEAQLiF18TAYNXDaSe3x6mjidN1s3IQAh+QQJCgAAACwAAAAAEAAQAAAFeCAgAgLZDGU5jgRECEUiCI+yioSDwDJyLKsXoHFQxBSHAoAAFBhqtMJg8DgQBgfrEsJAEAg4YhZIEiwgKtHiMBgtpg3wbUZXGO7kOb1MUKRFMysCChAoggJCIg0GC2aNe4gqQldfL4l/Ag1AXySJgn5LcoE3QXI3IQAh+QQJCgAAACwAAAAAEAAQAAAFdiAgAgLZNGU5joQhCEjxIssqEo8bC9BRjy9Ag7GILQ4QEoE0gBAEBcOpcBA0DoxSK/e8LRIHn+i1cK0IyKdg0VAoljYIg+GgnRrwVS/8IAkICyosBIQpBAMoKy9dImxPhS+GKkFrkX+TigtLlIyKXUF+NjagNiEAIfkECQoAAAAsAAAAABAAEAAABWwgIAICaRhlOY4EIgjH8R7LKhKHGwsMvb4AAy3WODBIBBKCsYA9TjuhDNDKEVSERezQEL0WrhXucRUQGuik7bFlngzqVW9LMl9XWvLdjFaJtDFqZ1cEZUB0dUgvL3dgP4WJZn4jkomWNpSTIyEAIfkECQoAAAAsAAAAABAAEAAABX4gIAICuSxlOY6CIgiD8RrEKgqGOwxwUrMlAoSwIzAGpJpgoSDAGifDY5kopBYDlEpAQBwevxfBtRIUGi8xwWkDNBCIwmC9Vq0aiQQDQuK+VgQPDXV9hCJjBwcFYU5pLwwHXQcMKSmNLQcIAExlbH8JBwttaX0ABAcNbWVbKyEAIfkECQoAAAAsAAAAABAAEAAABXkgIAICSRBlOY7CIghN8zbEKsKoIjdFzZaEgUBHKChMJtRwcWpAWoWnifm6ESAMhO8lQK0EEAV3rFopIBCEcGwDKAqPh4HUrY4ICHH1dSoTFgcHUiZjBhAJB2AHDykpKAwHAwdzf19KkASIPl9cDgcnDkdtNwiMJCshACH5BAkKAAAALAAAAAAQABAAAAV3ICACAkkQZTmOAiosiyAoxCq+KPxCNVsSMRgBsiClWrLTSWFoIQZHl6pleBh6suxKMIhlvzbAwkBWfFWrBQTxNLq2RG2yhSUkDs2b63AYDAoJXAcFRwADeAkJDX0AQCsEfAQMDAIPBz0rCgcxky0JRWE1AmwpKyEAIfkECQoAAAAsAAAAABAAEAAABXkgIAICKZzkqJ4nQZxLqZKv4NqNLKK2/Q4Ek4lFXChsg5ypJjs1II3gEDUSRInEGYAw6B6zM4JhrDAtEosVkLUtHA7RHaHAGJQEjsODcEg0FBAFVgkQJQ1pAwcDDw8KcFtSInwJAowCCA6RIwqZAgkPNgVpWndjdyohACH5BAkKAAAALAAAAAAQABAAAAV5ICACAimc5KieLEuUKvm2xAKLqDCfC2GaO9eL0LABWTiBYmA06W6kHgvCqEJiAIJiu3gcvgUsscHUERm+kaCxyxa+zRPk0SgJEgfIvbAdIAQLCAYlCj4DBw0IBQsMCjIqBAcPAooCBg9pKgsJLwUFOhCZKyQDA3YqIQAh+QQJCgAAACwAAAAAEAAQAAAFdSAgAgIpnOSonmxbqiThCrJKEHFbo8JxDDOZYFFb+A41E4H4OhkOipXwBElYITDAckFEOBgMQ3arkMkUBdxIUGZpEb7kaQBRlASPg0FQQHAbEEMGDSVEAA1QBhAED1E0NgwFAooCDWljaQIQCE5qMHcNhCkjIQAh+QQJCgAAACwAAAAAEAAQAAAFeSAgAgIpnOSoLgxxvqgKLEcCC65KEAByKK8cSpA4DAiHQ/DkKhGKh4ZCtCyZGo6F6iYYPAqFgYy02xkSaLEMV34tELyRYNEsCQyHlvWkGCzsPgMCEAY7Cg04Uk48LAsDhRA8MVQPEF0GAgqYYwSRlycNcWskCkApIyEAOwAAAAAAAAAAAA==")
    no-repeat center center;
  width: 20px;
  height: 20px;
  margin: 25px auto;
}
#add-success-story #photo-wrapper .photo-list-container,
#add-success-story #youtube-wrapper .photo-list-container {
  display: inline-block;
  position: relative;
  padding-bottom: 25px;
}
#add-success-story #photo-wrapper .photo-list-container i,
#add-success-story #youtube-wrapper .photo-list-container i {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 2px;
  color: #e5e3e3;
  cursor: pointer;
  font-size: 30px;
}
#add-success-story #photo-wrapper .photo-list-container i:hover,
#add-success-story #youtube-wrapper .photo-list-container i:hover {
  color: #ef5e39;
}
#add-success-story #photo-wrapper .photo-list-container .set-as-main,
#add-success-story #youtube-wrapper .photo-list-container .set-as-main {
  position: absolute;
  bottom: 0;
  left: 0;
}
#add-success-story #photo-wrapper .photo-list-container .set-as-main.hu,
#add-success-story #youtube-wrapper .photo-list-container .set-as-main.hu {
  bottom: -20px;
}
#add-success-story #youtube-section #youtube-inputs {
  margin-right: 10px;
  width: 48%;
  white-space: nowrap;
}
@media (max-width: 1023px) {
  #add-success-story #youtube-section #youtube-inputs {
    width: 100%;
    margin-bottom: 15px;
    margin-right: inherit;
    margin-right: 0;
  }
}
#add-success-story #youtube-section #youtube-inputs button,
#add-success-story #youtube-section #youtube-inputs input {
  height: 30px;
  vertical-align: middle;
}
#add-success-story #youtube-section #youtube-inputs button {
  padding: 0 20px;
}
#add-success-story #youtube-section #youtube-inputs input {
  margin-top: 1px;
}
#add-success-story #upload-terms p {
  margin-left: 3em;
}
#add-success-story #upload-terms a {
  color: #47a4c6;
  text-decoration: underline;
  cursor: pointer;
}
#add-success-story #upload-terms #upload-photo-checkbox {
  color: #47a4c6;
  padding: 0px;
  font-size: 20px;
  float: left;
  width: 23px;
}
#add-success-story #upload-terms #upload-photo-checkbox::before {
  opacity: 0;
}
#add-success-story #upload-terms #upload-photo-checkbox:checked::before {
  opacity: 1;
}
#add-success-story #submit-buttons {
  text-align: center;
  margin-top: 20px;
}
#add-success-story #submit-buttons button {
  margin-right: 10px;
  margin-left: 10px;
}
#add-success-story .success-story-modal {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  margin: 50px auto;
  max-width: 500px;
  border-style: solid;
  z-index: 9999;
  background-color: white;
  border-width: 1px;
  box-shadow: 2px 2px 10px 0 #bbbdc0;
}
#add-success-story .success-story-modal a {
  color: #47a4c6;
  cursor: pointer;
}
#add-success-story #add-photo-modal #privacy-notice {
  margin-top: 20px;
}
#add-success-story #add-photo-modal #upper-wrapper {
  padding: 20px;
}
#add-success-story #add-photo-modal #upper-wrapper #photo-modal-close {
  position: absolute;
  right: 20px;
  color: #47a4c6;
  font-size: 20px;
  cursor: pointer;
}
#add-success-story #add-photo-modal #upper-wrapper p {
  margin-left: 3em;
}
#add-success-story #add-photo-modal #upload-buttons-wrapper {
  background-color: #e5e3e3;
  padding: 20px;
}
#add-success-story #add-photo-modal #modal-photo-wrapper {
  margin-top: 40px;
  margin-bottom: 40px;
}
#add-success-story #message-modal {
  padding: 40px;
  position: fixed;
}
#add-success-story #message-modal h2 {
  font-family: "Oswald", sans-serif;
  font-size: 24px;
  color: #808083;
  margin-bottom: 30px;
}
#add-success-story #message-modal .loading-bar {
  width: 200px;
  height: 10px;
  background: url("https://www.justserve.org/api/images/static/animated-loading-bar.gif");
  background-size: cover;
  margin: 20px auto;
}
#add-success-story #message-modal #message-modal-close {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #47a4c6;
  font-size: 20px;
  cursor: pointer;
}
#add-success-story .form-radio {
  font-size: 20px;
  vertical-align: sub;
}
#add-success-story
  .form-radio
  input[type="radio"]:checked
  + .radio__checkmark:before {
  content: "\e611";
  font-size: 1em;
}
#add-success-story .radio__checkmark {
  color: #47a4c6;
}
#add-success-story .form-select {
  width: 230px
}
#add-success-story #lang .label-required {
  width: 230px
}
.legal {
  padding: 20px;
  padding-bottom: 0;
}
@media (min-width: 750px) {
  .legal {
    padding: 40px;
    padding-bottom: 0;
  }
}
.legal *:not(a) {
  color: #64686c;
}
.legal h1 {
  margin-bottom: 20px;
  font-family: "Oswald";
  font-size: 24px;
  line-height: 26px;
  color: #74af43;
}
.legal h2 {
  margin-bottom: 25px;
  font-family: "Oswald";
  font-size: 20px;
  color: #74af43;
}
.legal p {
  margin-bottom: 15px;
}
.legal u {
  text-decoration: none;
  font-weight: bold;
}
.legal li {
  margin-bottom: 10px;
}
.legal label {
  font-weight: bold;
  width: 55px;
  display: inline-block;
}
.legal a {
  color: #47a4c6;
}
.metrics {
  padding: 0.5em;
  padding-bottom: 0;
  max-width: inherit;
}
@media (max-width: 1023px) {
  .metrics {
    padding: 20px;
    padding-bottom: 0;
  }
}
.metrics button,
.metrics input[type="button"] {
  font-size: 14px;
  width: auto;
}
.metrics section {
  margin: 0 auto;
  width: 1024px;
}
@media (max-width: 1024px) {
  .metrics section {
    width: 800px;
  }
}
@media (max-width: 800px) {
  .metrics section {
    width: 100%;
  }
}
.metrics .highcharts-axis-labels > text,
.metrics__graphTable__label {
  font-family: "Oswald", sans-serif;
}
.metrics__month__dropdown {
  position: relative;
  border: #808083 1px solid;
  width: 100%;
  height: inherit;
}
.metrics__month__dropdown__open {
  border-bottom: none;
}
.metrics__month__dropdown__title {
  font-weight: normal;
  padding-left: 5px;
}
.metrics__month__dropdown__container {
  position: absolute;
  width: 217px;
  background-color: #fff;
  z-index: 1;
  border: 1px solid #808083;
  margin-left: -46px;
  margin-top: -11px;
  text-align: center;
}
.metrics__month__dropdown__container__header {
  background-color: #e5e3e3;
  height: 24px;
}
.metrics__month__dropdown__container__header a {
  color: #808083;
}
.metrics__month__dropdown__container__header .left-arrow {
  float: left;
  margin-left: 5px;
  min-width: 15px;
  min-height: 20px;
}
.metrics__month__dropdown__container__header .right-arrow {
  float: right;
  margin-right: 5px;
  min-width: 15px;
  min-height: 20px;
}
.metrics__month__dropdown__container__header .left-arrow a:after,
.metrics__month__dropdown__container__header .right-arrow a:after {
  color: #808083;
  font-family: "icons";
  speak: none;
  display: inline-block;
  font-size: 12px;
}
.metrics__month__dropdown__container__header .left-arrow a:after {
  content: "\e607";
}
.metrics__month__dropdown__container__header .right-arrow a:after {
  content: "\e605";
}
.metrics__month__dropdown__container__header .left-arrow a:hover:after,
.metrics__month__dropdown__container__header .right-arrow a:hover:after {
  color: #47a4c6;
}
.metrics__month__dropdown__container__months {
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
.metrics__month__dropdown__container__months__month {
  text-align: center;
  display: inline-block;
  margin: 2px;
}
.metrics__month__dropdown__container__months__month__link,
.metrics__month__dropdown__container__months__month__disabledLink {
  font-weight: normal;
  min-width: 67px;
  padding: 2px;
  display: inline-block;
}
.metrics__month__dropdown__container__months__month__link {
  color: #000 !important;
}
.metrics__month__dropdown__container__months__month__link__selected {
  background-color: #47a4c6;
  color: #fff !important;
  font-weight: bold;
}
.metrics__month__dropdown__container__months__month__link:hover {
  background-color: #47a4c6;
  color: #fff !important;
  font-weight: bold;
}
.metrics__month__dropdown__container__months__month__disabledLink {
  color: #808083;
}
.metrics__spacer {
  min-height: 50px;
}
.metrics__changeLink {
  color: #47a4c6;
  display: inline;
  font: 400 16px/1.4 "Helvetica", "arial", sans-serif;
  margin-left: 10px;
}
.metrics__header h1,
.metrics__grayheader,
.metrics__searchOpenLink {
  font-size: 1.5em;
  font-family: "Oswald", sans-serif;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
@media (max-width: 1023px) {
  .metrics__header h1,
  .metrics__grayheader,
  .metrics__searchOpenLink {
    -ms-flex-preferred-size: 640px;
    flex-basis: 640px;
    margin-bottom: 11px;
  }
}
.metrics__searchOpenLink {
  color: #47a4c6;
  border-bottom: #47a4c6;
  border-bottom-style: solid;
  border-bottom-width: 2px;
}
.metrics__searchOpenLink:after {
  color: #47a4c6;
  content: "\e606";
  font-family: "icons";
  speak: none;
  margin-left: 1em;
  display: inline-block;
  padding-right: 0;
  font-size: 0.5em;
}
.metrics__header {
  margin-top: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.metrics__header a {
  font-size: 12px;
}
.metrics__header h1 {
  color: #47a4c6;
}
.metrics__graybg {
  background-color: #e5e3e3;
}
.metrics__whitebg {
  background-color: #fff;
}
.metrics__grayheader {
  color: #808083;
}
.metrics__bigLoader {
  text-align: center;
}
@media (max-width: 1023px) {
  .metrics #metrics-browse-um {
    width: 100%;
  }
}
.metrics #metrics-browse-um #metrics-browse-radios {
  border-bottom: 2px solid #989b9f;
  padding-bottom: 12px;
  margin-bottom: 12px;
  margin-top: 1em;
  width: 55%;
}
@media (max-width: 450px) {
  .metrics #metrics-browse-um #metrics-browse-radios {
    width: 100%;
  }
}
.metrics #metrics-browse-um #metrics-browse-radios label {
  font-size: 13px;
  margin-right: 25px;
  line-height: 16px;
  cursor: pointer;
  display: inline;
}
.metrics #metrics-browse-um #metrics-browse-radios input {
  width: 16px;
  height: 16px;
  border-radius: 16px;
  border: 1px solid #47a4c6;
  background: #fff;
  vertical-align: text-bottom;
}
.metrics #metrics-browse-um #metrics-browse-radios input:checked {
  width: 16px;
  height: 16px;
  border-radius: 16px;
  border: 2px solid #fff;
  background: #47a4c6;
}
.metrics #metrics-browse-um .metrics-browse-select-um .metrics-browse-dropdown {
  display: block;
  height: auto;
  width: 100%;
  margin-bottom: 12px;
}
.metrics
  #metrics-browse-um
  .metrics-browse-select-um
  .metrics-browse-dropdown
  .form-select {
  width: 50%;
  display: inline-block;
  float: none;
}
@media (max-width: 450px) {
  .metrics
    #metrics-browse-um
    .metrics-browse-select-um
    .metrics-browse-dropdown
    .form-select {
    width: 100%;
  }
}
.metrics
  #metrics-browse-um
  .metrics-browse-select-um
  .metrics-browse-dropdown
  .form-select:after {
  font-size: 10px;
  line-height: 30px;
  padding-right: 6px;
}
.metrics
  #metrics-browse-um
  .metrics-browse-select-um
  .metrics-browse-dropdown
  label {
  display: block;
}
.metrics
  #metrics-browse-um
  .metrics-browse-select-um
  .metrics-browse-dropdown
  select {
  color: #64686c;
  font-size: 15px;
}
.metrics
  #metrics-browse-um
  .metrics-browse-select-um
  .metrics-browse-dropdown
  a.metrics-clear-text {
  display: inline-block;
  color: #47a4c6;
}
.metrics .metrics-search-form-um legend,
.metrics .metrics-search-form-um label {
  font-size: 12px;
  display: block;
}
.metrics .metrics-search-form-um input[type="text"] {
  margin-bottom: 0 !important;
  font-family: Helvetica, arial;
  color: #000;
}
.metrics .metrics-search-form-um select {
  height: 30px;
}
.metrics .metrics-search-form-um .metrics__search {
  margin-left: 5px;
}
.metrics .metrics-search-form-um .metrics__search .admins__search--button {
  width: 150px;
}
@media (max-width: 450px) {
  .metrics .metrics-search-form-um .metrics__search .admins__search--button {
    width: 100%;
  }
}
@media (min-width: 450px) and (max-width: 1023px) {
  .metrics .metrics-search-form-um .metrics__search .admins__search--button {
    width: 100%;
  }
}
.metrics .metrics-search-form-um #metrics-search-box {
  float: left;
  width: 460px;
  margin: 0 5px 0 0;
}
@media (max-width: 450px) {
  .metrics .metrics-search-form-um #metrics-search-box {
    width: 65%;
  }
}
@media (min-width: 450px) and (max-width: 1023px) {
  .metrics .metrics-search-form-um #metrics-search-box {
    width: 65%;
  }
}
.metrics .metrics-search-form-um #metrics-search-reset-link {
  color: #47a4c6;
  cursor: pointer;
  text-transform: lowercase;
  font-size: 12px;
  display: block;
  float: right;
}
.metrics .metrics-search-form-um .metrics__browse {
  width: 50%;
  text-align: right;
}
@media (max-width: 450px) {
  .metrics .metrics-search-form-um .metrics__browse {
    width: 100%;
  }
}
.metrics .metrics-search-form-um .metrics__browse .metrics__browse--button {
  width: auto;
  text-align: center;
  padding: 0 20px;
  height: 30px;
  float: right;
  margin: 10px 0 20px 0;
}
@media (max-width: 450px) {
  .metrics .metrics-search-form-um .metrics__browse .metrics__browse--button {
    width: 100%;
  }
}
.metrics #form-instructions {
  margin-top: 26px;
  margin-bottom: 14px;
  font-size: 14px;
  font-weight: 300;
  color: #000;
}
.metrics #metrics-input-wrapper {
  margin-left: -0.5em;
  margin-right: -0.5em;
  padding-left: 0.5em;
  padding-top: 0.5em;
  padding-bottom: 2px;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1023px) {
  .metrics #metrics-input-wrapper {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.metrics #metrics-input-separator {
  border-bottom: dashed 2px #989b9f;
  display: -ms-flexbox;
  display: flex;
  margin-left: -0.5em;
  margin-right: -0.5em;
}
.metrics #metrics-at-a-glance-wrapper {
  background-color: #47a4c6;
  color: #fff;
  font-family: "Oswald", sans-serif;
  font-size: 1em;
  font-weight: normal;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-left: -0.5em;
  margin-right: -0.5em;
  margin-top: 40px;
}
.metrics #metrics-at-a-glance-wrapper .at-a-glance-title {
  float: left;
  font-size: 30px;
  width: 20%;
}
@media (max-width: 1023px) {
  .metrics #metrics-at-a-glance-wrapper .at-a-glance-title {
    font-size: 20px;
    float: initial;
    display: block;
    width: 100%;
    position: relative;
    height: 30px;
    margin-bottom: 20px;
  }
}
@media (max-width: 1023px) {
  .metrics #metrics-at-a-glance-wrapper .at-a-glance-title span {
    position: absolute;
    bottom: 0;
    text-align: left;
    left: 0;
  }
}
@media (max-width: 1023px) {
  .metrics #metrics-at-a-glance-wrapper .at-a-glance-title a {
    float: right;
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 10px;
  }
}
@media (max-width: 1023px) {
  .metrics #metrics-at-a-glance-wrapper {
    height: 216px;
  }
}
.metrics #metrics-at-a-glance-wrapper .metrics__wrapper__definitions {
  font-family: Arial, sans-serif;
  margin-top: 8px;
}
.metrics #metrics-at-a-glance-wrapper .at-a-glance-content {
  width: 80%;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1023px) {
  .metrics #metrics-at-a-glance-wrapper .at-a-glance-content {
    display: block;
    width: 100%;
  }
}
.metrics
  #metrics-at-a-glance-wrapper
  .at-a-glance-content
  .at-a-glance-content-left,
.metrics
  #metrics-at-a-glance-wrapper
  .at-a-glance-content
  .at-a-glance-content-right {
  min-width: 27%;
}
@media (max-width: 1023px) {
  .metrics
    #metrics-at-a-glance-wrapper
    .at-a-glance-content
    .at-a-glance-content-left,
  .metrics
    #metrics-at-a-glance-wrapper
    .at-a-glance-content
    .at-a-glance-content-right {
    min-width: 50%;
    display: block;
    margin-bottom: 15px;
  }
}
.metrics
  #metrics-at-a-glance-wrapper
  .at-a-glance-content
  .at-a-glance-content-left
  .stat-title,
.metrics
  #metrics-at-a-glance-wrapper
  .at-a-glance-content
  .at-a-glance-content-right
  .stat-title {
  font-size: 1.3em;
  font-weight: normal;
}
@media (max-width: 1023px) {
  .metrics
    #metrics-at-a-glance-wrapper
    .at-a-glance-content
    .at-a-glance-content-left
    .stat-title,
  .metrics
    #metrics-at-a-glance-wrapper
    .at-a-glance-content
    .at-a-glance-content-right
    .stat-title {
    font-size: 1em;
    line-height: 1em;
  }
}
.metrics
  #metrics-at-a-glance-wrapper
  .at-a-glance-content
  .at-a-glance-content-left
  .stat-value,
.metrics
  #metrics-at-a-glance-wrapper
  .at-a-glance-content
  .at-a-glance-content-right
  .stat-value {
  font-size: 30px;
  font-weight: bold;
}
@media (max-width: 1023px) {
  .metrics
    #metrics-at-a-glance-wrapper
    .at-a-glance-content
    .at-a-glance-content-left
    .stat-value,
  .metrics
    #metrics-at-a-glance-wrapper
    .at-a-glance-content
    .at-a-glance-content-right
    .stat-value {
    font-size: 20px;
  }
}
.metrics
  #metrics-at-a-glance-wrapper
  .at-a-glance-content
  .at-a-glance-content-left
  .stat-title,
.metrics
  #metrics-at-a-glance-wrapper
  .at-a-glance-content
  .at-a-glance-content-left
  .stat-value,
.metrics
  #metrics-at-a-glance-wrapper
  .at-a-glance-content
  .at-a-glance-content-right
  .stat-title,
.metrics
  #metrics-at-a-glance-wrapper
  .at-a-glance-content
  .at-a-glance-content-right
  .stat-value {
  display: block;
}
@media (max-width: 1023px) {
  .metrics
    #metrics-at-a-glance-wrapper
    .at-a-glance-content
    .at-a-glance-content-left {
    float: left;
  }
}
@media (max-width: 1023px) {
  .metrics
    #metrics-at-a-glance-wrapper
    .at-a-glance-content
    .at-a-glance-content-right {
    float: right;
  }
}
@media (max-width: 1023px) {
  .metrics #metrics-at-a-glance-wrapper {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.metrics #metrics-clear-link {
  color: #47a4c6;
  cursor: pointer;
  text-transform: lowercase;
  font-size: 12px;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.metrics__subHeader {
  display: -ms-flexbox;
  display: flex;
  font-family: "Oswald", sans-serif;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-align: end;
  align-items: flex-end;
  color: #808083;
  padding-bottom: 0.5em;
}
.metrics__breadcrumbs {
  padding-top: 2em;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  text-align: right;
}
.metrics__breadcrumbs .buttons {
  float: right;
}
@media (max-width: 450px) {
  .metrics__breadcrumbs {
    display: none;
  }
}
.metrics__breadcrumbs ul {
  float: left;
}
.metrics__breadcrumbs ul li {
  display: inline;
}
.metrics__breadcrumbs ul li a {
  color: #47a4c6;
}
.metrics__breadcrumbs ul li:not(:last-child):after {
  content: " > ";
  color: #989b9f;
}
.metrics__selectionHeader {
  font-size: 16px;
  height: 1em;
  display: inline;
}
@media (max-width: 1023px) {
  .metrics__selectionHeader {
    text-align: center;
    margin-bottom: 16px;
    display: inline-table;
  }
}
@media (min-width: 45em) {
  .metrics__print {
    width: 5em;
    margin-left: auto;
  }
}
@media (max-width: 1023px) {
  .metrics__print {
    margin: auto;
  }
}
.metrics__export {
  background-color: #71aa32;
  margin-left: 14px;
}
.metrics__wrapper {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 40px;
}
.metrics__wrapper a {
  color: #47a4c6;
}
.metrics__wrapper a.button {
  color: #fff;
}
.metrics__wrapper h2 {
  font-family: "Oswald", sans-serif;
  color: #47a4c6;
  font-size: 1.2em;
  display: inline;
}
.metrics__wrapper p {
  margin-top: 20px;
  margin-bottom: 20px;
}
.metrics__wrapper__separator {
  height: 1px;
  border: solid 1px #808083;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  margin-bottom: 48px;
}
.metrics__wrapper__date {
  margin-left: 1em;
  font-size: 0.8em;
}
.metrics__wrapper__graph__summary,
.metrics__wrapper__graph {
  text-align: center;
  width: 100%;
}
.metrics__wrapper__graph__summary li {
  display: inline;
}
.metrics__wrapper__graph__summary__desc {
  display: block;
}
.metrics__wrapper__table {
  margin-top: 20px;
}
.metrics__wrapper__table table {
  margin-bottom: 20px;
}
.metrics__wrapper__table__header {
  height: 37px;
}
.metrics__wrapper__table__header__standard {
  width: 10%;
  padding: 5px;
  font-weight: bold;
}
@media (max-width: 450px) {
  .metrics__wrapper__table__header__standard {
    display: none;
  }
}
.metrics__wrapper__table__header__dropdown {
  width: 12%;
}
.metrics__wrapper__table__header__dropdown .form-select {
  width: 100%;
}
.metrics__wrapper__table__header__dropdown .form-select:after {
  font-size: 8px;
  line-height: 24px;
  padding-right: 6px;
}
@media (max-width: 450px) {
  .metrics__wrapper__table__header__dropdown {
    width: 75%;
  }
}
.metrics__wrapper__table__header__standard,
.metrics__wrapper__table__header__dropdown {
  text-align: left;
}
.metrics__wrapper__table .add-compare,
.metrics__wrapper__table compare {
  width: 20px;
  text-align: right;
}
.metrics__wrapper__table .add-compare a,
.metrics__wrapper__table compare a {
  font-weight: normal;
  font-size: 14px;
}
@media (max-width: 450px) {
  .metrics__wrapper__table .add-compare,
  .metrics__wrapper__table compare {
    display: none;
  }
}
.metrics__wrapper__table__row:nth-child(odd) {
  background-color: #f1f2f2;
}
.metrics__wrapper__table__row__selected {
  font-weight: bold;
}
.metrics__wrapper__table__row__title {
  text-align: left;
  width: 20%;
}
@media (max-width: 450px) {
  .metrics__wrapper__table__row__title {
    width: 35%;
  }
}
.metrics__wrapper__table__row__prev,
.metrics__wrapper__table__row__curr {
  width: 10%;
}
.metrics__wrapper__table__row__prev,
.metrics__wrapper__table__row__curr,
.metrics__wrapper__table__row__title {
  font-family: "Helvetica-Light", "Arial", sans-serif;
  font-weight: lighter;
  text-align: left;
  padding: 5px;
}
@media (max-width: 450px) {
  .metrics__wrapper__table__row__prev {
    display: none;
  }
}
@media (max-width: 450px) {
  .metrics__wrapper__table__row__curr {
    text-align: right;
    width: 65%;
  }
}
.metrics__wrapper__definitions {
  font-size: 10px;
  display: block;
  line-height: 2em;
  margin-left: 5px;
}
.metrics__isStake {
  background-color: #ef5e39;
  padding: 8px;
  line-height: 12px;
  text-align: center;
  font-size: 0.6em;
  color: white;
  opacity: 0;
  position: absolute;
  margin-left: -18px;
  margin-top: 11em;
  width: 100%;
}
.metrics__isStake--show {
  opacity: 0.7;
}
.metrics__dataComplete {
  background-color: #ef5e39;
  background-color: #ef5e39;
  margin: -18px -18px 0;
  padding: 2px;
  text-align: center;
  font-size: 0.6em;
  color: white;
  opacity: 0;
}
.metrics__dataComplete--incomplete {
  opacity: 0.7;
}
.metrics__tableData {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.metrics__tableData__definitions {
  position: absolute;
  bottom: 10px;
  font-size: 10px;
  color: #47a4c6;
}
.metrics__tableData .blue {
  color: #47a4c6;
}
.metrics__tableData .orange {
  color: #ef5e39;
}
.metrics__footer {
  display: -ms-flexbox;
  display: flex;
  padding-top: 5px;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-bottom: 100px;
}
@media (max-width: 1023px) {
  .metrics__footer {
    -ms-flex-preferred-size: 640px;
    flex-basis: 640px;
    margin-bottom: 45px;
  }
}
.metrics__hidden {
  display: none;
}
.metrics .help-button {
  color: #47a4c6;
  cursor: pointer;
}
.metrics .metrics-summary-header {
  color: #989b9f;
  font-size: 16px;
  font-family: "Oswald", sans-serif;
  margin-bottom: 20px;
}
@media (max-width: 1023px) {
  .metrics .metrics-summary-header {
    text-align: center;
  }
}
.metrics #metrics-summary-wrapper {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 154px;
}
.metrics .metrics-summary-item {
  text-align: center;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-family: "Oswald", sans-serif;
  height: 70px;
}
@media (max-width: 600px) {
  .metrics .metrics-summary-item svg {
    height: 60%;
    width: 60%;
  }
}
.metrics .metrics-summary-item p {
  margin: auto;
}
.metrics .metrics-summary-item p:nth-child(2) {
  color: #ef5e39;
  font-weight: bold;
  font-size: 30px;
}
@media (max-width: 600px) {
  .metrics .metrics-summary-item p:nth-child(2) {
    font-size: 18px;
  }
}
.metrics .metrics-summary-item p:nth-child(3) {
  color: #47a4c6;
  font-size: 18px;
}
@media (max-width: 600px) {
  .metrics .metrics-summary-item p:nth-child(3) {
    font-size: 13px;
    max-width: 80px;
  }
}
.metrics .back-to-dashboard {
  float: none;
  display: block;
}
@media (min-width: 930px) {
  .metrics .back-to-dashboard {
    margin-left: 0;
  }
}
@media (max-width: 1023px) {
  .metrics .back-to-dashboard {
    margin-top: 0px;
    margin-bottom: 16px;
  }
}
.metrics .metrics__single-definition:last-of-type hr {
  display: none;
}
.metrics .metrics__single-definition:last-of-type p {
  margin-bottom: 30px;
}
.metrics .metrics__single-definition:first-of-type {
  margin-top: 30px;
}
@media print {
  .metrics .modal-directive,
  .metrics .metrics__tableData__definitions,
  .metrics .highcharts-crosshair,
  .metrics .help-button,
  .metrics .icon-triangle-down-small,
  .metrics #form-instructions,
  .metrics #metrics-clear-link,
  .metrics #inputDiv,
  .metrics .submit-button {
    display: none !important;
  }
  .metrics .metrics-summary-header {
    margin: 20px !important;
  }
  .metrics__block {
    font-size: 10pt;
    width: 11in;
    margin-top: 20px !important;
  }
  .metrics__block__half {
    width: 5.25in;
    height: 3.6in;
  }
  .metrics__block__header h3 {
    padding-left: 0.2in;
    padding-right: 0.2in;
  }
  .metrics__isStake {
    display: block;
    padding-top: 1in !important;
    color: black;
  }
  .metrics__graph {
    font-family: "Oswald", sans-serif;
    max-width: 85% !important;
    margin: 0 auto !important;
    padding-left: 10% !important;
  }
  .metrics__graphTable__label {
    max-width: 100px;
  }
  .metrics__table {
    padding: 0.2in !important;
  }
  .metrics__table__row {
    margin: 5px !important;
  }
  .metrics__table__row:nth-child(2n) > div {
    background-color: #f1f2f2 !important;
    -webkit-print-color-adjust: exact;
  }
  .metrics__table__header > div {
    color: #000 !important;
  }
  .metrics__FAYT input {
    padding-left: 10px;
    margin-left: 1px;
    width: 99%;
  }
}
@-moz-document url-prefix() {
  @media print {
    .metrics {
      font-size: 10px;
      font-family: "Oswald", sans-serif;
    }
    .metrics section {
      margin: 0 !important;
      width: 100% !important;
    }
    .metrics__wrapper {
      border: 1px solid #fff;
      display: block;
    }
    .metrics .metrics__sectionHeader {
      font-size: 12px;
    }
    .metrics .metrics__FAYT {
      padding-left: 5px;
    }
    .metrics .metrics-summary-item svg {
      height: 16px !important;
    }
    .metrics .metrics-summary-item p {
      font-size: 16px !important;
    }
    .metrics .metrics-summary-item p:nth-child(2) {
      font-size: 12px !important;
    }
    .metrics__input {
      border: 2px solid #bbbdc0;
    }
    .metrics__block {
      border: 2px solid #bbbdc0;
      page-break-inside: avoid !important;
      font-size: 10px !important;
      margin: 2px !important;
      width: 98% !important;
      min-height: 0px !important;
    }
    .metrics__block__half {
      display: inline-block;
      width: 49% !important;
      height: 220px !important;
    }
  }
}
@media print and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .metrics__subHeader {
    page-break-before: avoid !important;
  }
  .metrics__wrapper {
    display: block;
    page-break-before: avoid !important;
  }
  .metrics__block {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    margin: 2px !important;
    width: 99% !important;
    min-height: 0px !important;
  }
  .metrics__block__half {
    display: inline-block;
    width: 49% !important;
    height: 213px !important;
  }
  .metrics__table {
    padding: 0 0 10px 0 !important;
  }
  .metrics__graph {
    margin: -40px 0 !important;
  }
  .metrics__graphTable {
    margin-top: 10px !important;
  }
  .metrics .metrics-summary-item svg {
    height: 16px !important;
  }
  .metrics .metrics-summary-item p {
    font-size: 16px !important;
  }
  .metrics .metrics-summary-item p:nth-child(2) {
    font-size: 12px !important;
  }
}
@supports (-ms-ime-align: auto) {
  @media print {
    .metrics__wrapper {
      display: block;
      page-break-before: avoid !important;
    }
    .metrics__block {
      -ms-overflow-style: -ms-autohiding-scrollbar;
      margin: 2px !important;
      width: 99% !important;
      min-height: 0px !important;
    }
    .metrics__block__half {
      display: inline-block;
      width: 49% !important;
      height: 213px !important;
    }
    .metrics__table {
      padding: 0 0 10px 0 !important;
    }
    .metrics__graphTable {
      margin-top: 10px !important;
    }
    .metrics .metrics-summary-item svg {
      height: 16px !important;
    }
    .metrics .metrics-summary-item p {
      font-size: 16px !important;
    }
    .metrics .metrics-summary-item p:nth-child(2) {
      font-size: 12px !important;
    }
  }
}
.metrics__bar--gray {
  fill: #808083;
}
.metrics__bar--blue {
  fill: #47a4c6;
}
.icon-up-arrow-short {
  font-size: 11px;
  margin-top: 4px;
  display: inline-block;
  vertical-align: top;
}
.icon-up-arrow-short.up {
  color: #74af43;
}
.icon-up-arrow-short.down {
  color: #be1e2d;
  display: inline-block;
  transform: rotate(180deg);
}
.metrics__graph {
  width: 100%;
  max-width: 30em;
  margin-top: -1em;
  margin-bottom: -0.5em;
  overflow: visible;
}
.metrics__graph text {
  font-size: 0.8em;
}
.metrics__line {
  stroke-width: 6;
  fill: none;
  stroke-linecap: round;
}
.metrics__line--active {
  stroke: #ef5e39;
}
.metrics__line--total {
  stroke: #47a4c6;
}
.metrics__circle {
  stroke-width: 6;
  stroke: #808083;
  fill: none;
  opacity: 0.4;
}
.metrics__lineLabel {
  font-family: "Oswald";
  font-size: 0.7em;
  paint-order: stroke;
  stroke: #fff;
  stroke-width: 4px;
}
.metrics__lineLabel--active {
  fill: #ef5e39;
  font-size: 1em;
}
.metrics__lineLabel--total {
  fill: #47a4c6;
  font-size: 1em;
}
@supports (-ms-ime-align: auto) {
  .metrics__lineLabel--active {
    paint-order: none;
    stroke-width: 0;
    stroke: none;
    fill: #ef5e39;
    font-size: 1em;
  }
  .metrics__lineLabel--total {
    paint-order: none;
    stroke-width: 0;
    stroke: none;
    fill: #47a4c6;
    font-size: 1em;
  }
}
@supports (-webkit-appearance: none) {
  .metrics__lineLabel--active {
    paint-order: none;
    stroke-width: 0;
    stroke: none;
    fill: #ef5e39;
    font-size: 1em;
  }
  .metrics__lineLabel--total {
    paint-order: none;
    stroke-width: 0;
    stroke: none;
    fill: #47a4c6;
    font-size: 1em;
  }
}
@media all and (-ms-high-contrast: none) {
  .metrics__lineLabel--active {
    paint-order: none;
    stroke-width: 0;
    fill: #ef5e39;
    font-size: 1em;
  }
  .metrics__lineLabel--total {
    paint-order: none;
    stroke-width: 0;
    fill: #47a4c6;
    font-size: 1em;
  }
}
.metrics__axis path,
.metrics__axis line {
  fill: none;
  stroke: #777;
  shape-rendering: crispEdges;
}
.metrics__axis .tick {
  font-family: "Oswald", sans-serif;
  font-size: 12px;
}
.metrics__graphTable {
  color: #64686c;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: "Oswald";
  margin-bottom: -0.3em;
}
.metrics__graphTable__block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
  margin: 0.3em 1em;
  font-size: 1.3em;
  -ms-flex-align: center;
  align-items: center;
}
.metrics__graphTable__label {
  font-size: 0.7em;
}
@media (max-width: 1023px) {
  .metrics__graphTable__label {
    text-align: center;
  }
}
.metrics__graphTable__diff {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-flex-align: baseline;
  align-items: baseline;
  font-size: 0.7em;
}
.metrics__graphTable__diff--positive {
  color: #74af43;
}
.metrics__graphTable__diff--positive .icon-up-arrow {
  font-size: 1.5em;
}
.metrics__graphTable__diff--positive .icon-up-arrow-short {
  padding-right: 3px;
}
.metrics__graphTable__diff--negative {
  color: #be1e2d;
}
.metrics__graphTable__diff--negative .icon-down-arrow {
  font-size: 1.5em;
}
.metrics__graphTable__diff--negative .icon-up-arrow-short {
  transform: rotate(180deg);
  padding-left: 3px;
}
.metrics__graphTable__diff span {
  font-size: 0.5em;
}
.metrics__graphTable--blue {
  color: #47a4c6;
}
.metrics__graphTable--gray {
  color: #808083;
}
.mb0 {
  margin-bottom: 0;
}
.metrics__graphTable--orange {
  color: #ef5e39;
}
.metrics .x .tick line {
  margin-top: -20px;
}
.metrics .y .tick line {
  margin-right: -20px;
}
.loadingBlock {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: "Oswald";
  color: #47a4c6;
}
.loadingBlock__image {
  background: url("https://www.justserve.org/api/images/static/animated-loading-bar.gif");
  height: 0.5em;
  width: 6em;
  background-size: 100%;
}
.metrics__table {
  width: 100%;
  font-size: 0.8em;
}
.metrics__table__row {
  display: -ms-flexbox;
  display: flex;
  font-family: "Helvetica-Light", "Arial", sans-serif;
}
.metrics__table__row > div {
  background-color: #f1f2f2;
  padding: 0.4em;
}
.metrics__table__row:nth-child(2n) > div {
  background-color: #fff;
}
.metrics__table__header > div {
  font-family: "Oswald", sans-serif;
  font-weight: 200;
  font-size: 1em;
  padding: 6px;
  color: #fff;
  background-color: #a1a8a8;
}
.metrics__table__clmn {
  margin: 1px;
  padding: 2px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: "Helvetica Light", "Helvetica", "Arial", sans-serif;
}
.metrics__table__clmn .sort:after {
  content: "\e620";
  font-family: "icons";
  font-size: 8px;
  margin-left: 7px;
  line-height: 1em;
  vertical-align: middle;
}
.metrics__table__clmn .sort-reverse:after {
  content: "\e622";
  font-family: "icons";
  font-size: 8px;
  margin-left: 7px;
  line-height: 1em;
  vertical-align: middle;
}
.metrics__table__clmn1 {
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 46%;
  padding-left: 19px !important;
}
.metrics__table__clmn2 {
  width: 27%;
}
.metrics__table__clmn3 {
  width: 27%;
}
.metrics__table__footer {
  text-align: center;
  margin-top: 18px;
}
.metrics__table__footer input[type="button"] {
  width: 98px;
}

.metrics-header-section .help-container {
  color: #47a4c6;
  font-size: 12px;
  cursor: pointer;
  margin-bottom: 24px;
  margin-top: 11px;
}
@media (min-width: 1024px) {
  .metrics-header-section .help-container {
    position: absolute;
    right: 20px;
    top: 85px;
  }
  .metrics-header-section .help-container p {
    margin-bottom: 10px;
  }
}
@media (max-width: 1023px) {
  .metrics-header-section .help-container {
    display: -ms-flexbox;
    display: flex;
  }
  .metrics-header-section .help-container p {
    margin-right: 20px;
  }
}
.not-authorized {
  padding: 20px;
}
@media (min-width: 750px) {
  .not-authorized {
    padding: 25px 40px;
  }
}
.not-authorized h1 {
  margin-bottom: 10px;
  font-family: "Oswald";
  font-size: 24px;
  color: #47a4c6;
}
.oops {
  max-width: 1024px;
  margin: 0 auto;
  padding: 20px;
}
@media (min-width: 750px) {
  .oops {
    padding: 25px 40px;
  }
}
.oops h1 {
  margin-bottom: 10px;
  font-family: "Oswald";
  font-size: 24px;
  color: #47a4c6;
}
.oops p:first-of-type {
  margin-bottom: 10px;
}
.oops__legacy-url {
  color: #ef5e39;
}
.oops__new-uri {
  text-decoration: underline;
  color: #47a4c6;
}
#org-description {
  white-space: pre-line;
}
#feedback-modal .modal-directive-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#feedback-modal .modal-directive-container h1 {
  text-align: center;
  font-size: 32px;
  color: #47a4c6;
}
#organization {
  max-width: 1024px;
  margin: 0 auto 100px;
}
@media (max-width: 1023px) {
  #organization {
    margin-bottom: 50px;
  }
}
#organization.volunteer-center #edit-org-button {
  background: rgba(116, 175, 67, 0.7) !important;
}
#organization.volunteer-center #edit-org-button:hover {
  background: #74af43 !important;
}
#organization.volunteer-center #org-header {
  background: #74af43 !important;
}
#organization.volunteer-center #vc-header {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  background: #74af43;
  padding: 9px 36px;
  text-align: center;
}
@media (max-width: 450px) {
  #organization.volunteer-center #vc-header {
    display: none;
  }
}
#organization.volunteer-center #vc-header h2 {
  font-family: "Oswald", sans-serif;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
}
#organization.volunteer-center #vc-website-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 18px 25px;
  color: #fff;
  background: #47a4c6;
}
#organization.volunteer-center #vc-website-wrapper #vc-website-button {
  width: auto;
  background: #47a4c6;
  color: #fff;
  border: solid #fff 1px !important;
  text-transform: uppercase;
  padding: 3px 13px;
  white-space: nowrap;
  font-family: "Oswald", sans-serif;
  height: 30px;
  margin-left: 10px;
}
#organization .followed {
  color: #fff;
}
#organization .unfollowed {
  color: rgba(0, 0, 0, 0.2);
}
#organization .unfollowed:hover {
  color: #fff;
}
#organization #img-wrapper {
  background-image: url("https://www.justserve.org/api/images/static/pattern.gif");
  position: relative;
  background-size: 60px;
  padding-bottom: 33%;
}
@media (min-width: 1043px) {
  #organization #img-wrapper {
    padding-bottom: 340px;
  }
}
#organization #img-wrapper #logo {
  object-fit: contain;
  background-color: #fff;
  position: absolute;
}
@media (max-width: 450px) {
  #organization #img-wrapper #logo {
    top: 15px;
    left: 20px;
  }
}
@media (min-width: 450px) and (max-width: 1023px) {
  #organization #img-wrapper #logo {
    top: 20px;
    left: 40px;
  }
}
@media (max-width: 540px) {
  #organization #img-wrapper #logo {
    width: 75px;
    height: 75px;
  }
}
@media (min-width: 540px) {
  #organization #img-wrapper #logo {
    width: 150px;
    height: 150px;
  }
}
@media (min-width: 1024px) {
  #organization #img-wrapper #logo {
    top: 120px;
    left: 40px;
    width: 175px;
    height: 175px;
  }
}
#organization #img-wrapper #edit-org-button {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(71, 164, 198, 0.7);
  height: 36px;
  font-size: 16px;
  text-transform: lowercase;
}
#organization #img-wrapper #edit-org-button:before {
  font-family: icons;
  content: "\e617";
  margin-right: 5px;
  font-size: 10px;
}
#organization #img-wrapper #edit-org-button:hover {
  background: #47a4c6;
}
#organization #org-header {
  background-color: #47a4c6;
  padding: 14px 30px;
  font-family: "Oswald", sans-serif;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 1023px) {
  #organization #org-header {
    padding: 10px;
  }
}
#organization #org-header h1 {
  margin-left: 18px;
  font-size: 20px;
  text-transform: uppercase;
  color: #fff;
  display: inline-block;
}
#organization #org-header #organization-heart-icon {
  cursor: pointer;
  margin-left: 10px;
}
#organization #org-header #social-icons {
  width: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
}
@media (max-width: 1023px) {
  #organization #org-header #social-icons {
    display: none;
  }
}
#organization #org-header #social-icons .social-media-label {
  font-size: 20px;
  text-transform: uppercase;
  margin-right: 15px;
}
#organization #org-header #social-icons > div > a,
#organization #org-header #social-icons > div button:before {
  color: white;
  font-size: 20px;
}
#organization #org-header #social-icons > div > a {
  margin: 0 3px;
  display: inline-block;
  height: 20px;
}
#organization #org-header #social-icons > div > a img {
  height: 20px;
  width: auto;
}
#organization #org-header #social-icons i {
  margin: 0 2px;
  font-size: 20px;
}
#organization #org-header #social-icons .icon-instagram {
  font-size: 20px;
}
#organization #org-header #social-icons .icon-instagram:before,
#organization #org-header #social-icons .icon-twitter:before {
  color: #fff;
}
#organization #org-header #social-icons .splitter {
  border-left-style: solid;
  border-width: 1px;
  height: 30px;
  color: #fff;
  padding-left: 15px;
  margin-left: 15px;
}
#organization
  #org-header
  #social-icons
  #social-icon-share
  #copy-to-clipboard-button {
  margin: 0 3px;
}
#organization
  #org-header
  #social-icons
  #social-icon-share
  #copy-to-clipboard-button:after {
  color: #fff;
  font-size: 17px;
}
#organization #contact-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 20px 0 20px 0;
  margin-bottom: 50px;
}
#organization #contact-wrapper > * {
  width: 100%;
}
@media (max-width: 1023px) {
  #organization #contact-wrapper {
    flex-direction: column;
  }
}
#organization #contact-wrapper .hide-overflow {
  height: 110px;
  overflow: hidden;
  margin-bottom: 10px;
}
#organization #contact-wrapper a {
  color: #47a4c6;
}
#organization #contact-wrapper #contact-info-cell {
  padding-left: 30px;
}
@media (max-width: 1023px) {
  #organization #contact-wrapper #contact-info-cell {
    padding-left: 0;
  }
}
#organization #contact-wrapper #contact-info-cell #address-wrapper {
  margin-bottom: 14px;
}
#organization #org-data #announcement-container {
  border: 1px solid #9b9b9b;
  margin-top: 50px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 1023px) {
  #organization #org-data #announcement-container {
    margin-left: 13px;
    margin-right: 13px;
  }
}
#organization #org-data #announcement-container #announcement-delete {
  position: absolute;
  top: 6px;
  right: 30px;
  color: #fff;
  font-size: 14px;
}
#organization #org-data #announcement-container #announcement-delete:after {
  font-family: "icons";
  content: "\e632";
  position: absolute;
  top: -2px;
  margin-left: 5px;
  font-size: 16px;
}
#organization #org-data #announcement-container #announcement-delete:hover {
  color: #e5e3e3;
}
#organization #org-data #announcement-container #announcement-content {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media (max-width: 450px) {
  #organization #org-data #announcement-container #announcement-content {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
  }
}
#organization
  #org-data
  #announcement-container
  #announcement-content
  #announcement-image {
  width: 100%;
  max-width: 330px;
  margin: 30px 18px 30px 30px;
  height: 100%;
  max-height: 232px;
}
@media (max-width: 450px) {
  #organization
    #org-data
    #announcement-container
    #announcement-content
    #announcement-image {
    margin: 30px 0 0;
  }
}
#organization
  #org-data
  #announcement-container
  #announcement-content
  #announcement-image
  img {
  max-width: 330px;
  margin-right: 18px;
  height: 100%;
  max-height: 232px;
}
#organization
  #org-data
  #announcement-container
  #announcement-content
  #announcement-info {
  padding: 25px 24px;
  width: 100%;
  max-width: 465px;
}
@media (max-width: 450px) {
  #organization
    #org-data
    #announcement-container
    #announcement-content
    #announcement-info {
    padding: 25px 33px;
  }
}
#organization
  #org-data
  #announcement-container
  #announcement-content
  #announcement-info.no-image {
  max-width: 800px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}
@media (max-width: 450px) {
  #organization
    #org-data
    #announcement-container
    #announcement-content
    #announcement-info.no-image {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#organization
  #org-data
  #announcement-container
  #announcement-content
  #announcement-info.no-image
  h2 {
  width: 100%;
  max-width: 230px;
  margin-right: 44px;
}
#organization
  #org-data
  #announcement-container
  #announcement-content
  #announcement-info.no-image
  p {
  margin-top: 3px !important;
  width: 100%;
}
@media (max-width: 450px) {
  #organization
    #org-data
    #announcement-container
    #announcement-content
    #announcement-info.no-image
    p {
    margin-top: 18px !important;
  }
}
#organization
  #org-data
  #announcement-container
  #announcement-content
  #announcement-info
  h2 {
  line-height: 26px;
  color: #ef5e39;
  font-size: 22px;
  font-family: "Oswald", sans-serif;
}
#organization
  #org-data
  #announcement-container
  #announcement-content
  #announcement-info
  p {
  font-size: 14px;
  margin-top: 18px;
}
#organization #org-data hr {
  margin-top: 35px;
  border-top: solid 1px #989b9f;
}
#organization #org-data #activity-header {
  margin-top: 60px;
  margin-bottom: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end;
}
#organization #org-data #activity-header h2 {
  font-family: "Oswald", sans-serif;
  color: #47a4c6;
  font-size: 24px;
  display: inline;
  vertical-align: middle;
  margin-right: 10px;
}
@media (max-width: 1023px) {
  #organization #org-data #activity-header h2 {
    margin-left: 10px;
  }
}
#organization #org-data #activity-header #project-filter {
  color: #47a4c6;
  font-size: 14px;
  font-family: "Oswald", sans-serif;
  margin-right: 19px;
}
#organization #org-data #activity-header #project-filter .form-select select {
  border: none;
  font-weight: normal;
  color: #47a4c6;
}
#organization #org-data #activity-header #project-filter .form-select:after {
  color: #47a4c6;
  top: 5px;
}
#organization #org-data #activity-cards-wrapper {
  position: relative;
}
@media (min-width: 1024px) {
  #organization #org-data #activity-cards-wrapper {
    margin-bottom: 100px;
  }
}
@media (max-width: 1023px) {
  #organization #org-data #activity-cards-wrapper {
    margin-bottom: 40px;
  }
}
#organization #org-data #activity-cards-wrapper .activity-card {
  border: 1px solid #989b9f;
}
#organization #org-data #activity-cards-wrapper .activity-card:hover {
  border: rgba(255, 255, 255, 0);
  outline: 2px solid #47a4c6;
}
@media (max-width: 1023px) {
  #organization #org-data #activity-cards-wrapper .activity-card {
    margin: 2px;
  }
}
#organization #org-data #activity-cards-wrapper .activity-card > a {
  display: block;
}
#organization #org-data #activity-cards-wrapper .activity-card > p {
  margin-bottom: 12px;
}
#organization #org-data #activity-cards-wrapper .activity-card .project-img {
  text-align: center;
}
#organization
  #org-data
  #activity-cards-wrapper
  .activity-card
  .activity-card-header {
  color: #fff;
  font-family: "Oswald", sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  background: #989b9f;
  padding: 5px 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#organization
  #org-data
  #activity-cards-wrapper
  .activity-card
  .activity-card-header.project-header {
  background: #47a4c6;
}
#organization
  #org-data
  #activity-cards-wrapper
  .activity-card
  .activity-card-body {
  padding: 10px;
}
#organization
  #org-data
  #activity-cards-wrapper
  .activity-card
  .activity-card-body
  h3 {
  color: #47a4c6;
  font-family: "Oswald", sans-serif;
  font-size: 18px;
}
#organization
  #org-data
  #activity-cards-wrapper
  .activity-card
  .activity-card-body
  p {
  font-size: 13px;
}
#organization
  #org-data
  #activity-cards-wrapper
  .activity-card
  .activity-card-body
  p:first-of-type,
#organization
  #org-data
  #activity-cards-wrapper
  .activity-card
  .activity-card-body
  p:last-of-type {
  margin-top: 8px;
}
#organization #vc-data {
  border-top: 1px solid #989b9f;
  padding-top: 41px;
}
#organization #vc-data input {
  border-style: solid;
  border-width: 1px;
  border-color: #808083;
}
#organization #vc-data h1 {
  color: #47a4c6;
  font-family: "Oswald", sans-serif;
  font-size: 18px;
}
#organization #vc-data p {
  color: #444;
}
#organization #vc-data .info-section li .form-select {
  height: 30px;
}
#organization #vc-data .info-section li .form-select:after {
  top: 4px;
  right: -2px;
}
#organization #vc-data .info-section li .form-select select {
  height: 30px;
  width: 50px;
  padding-left: 8px;
}
#organization #vc-data #vc-causes-section {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 46px;
}
#organization #vc-data #vc-causes-section #causes-spacer {
  width: 196px;
}
#organization #vc-data #vc-causes-section #causes-container {
  color: #fff;
  width: 100%;
  background: #e5e3e3;
  position: relative;
}
#organization #vc-data #vc-causes-section #causes-container #causes-header {
  height: 31px;
  background: #74af43;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 14px;
  padding: 6px 13px;
}
#organization #vc-data #vc-causes-section #causes-container #causes-header h2 {
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
  font-weight: bold;
}
#organization #vc-data #vc-causes-section #causes-container #causes-body {
  padding: 14px 24px 0;
  border: 1px solid #9b9b9b;
  border-top: 0px;
}
@media (max-width: 450px) {
  #organization #vc-data #vc-causes-section #causes-container #causes-body {
    padding-bottom: 40px;
  }
}
#organization
  #vc-data
  #vc-causes-section
  #causes-container
  #causes-body
  #causes-list {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  font-family: "Oswald", sans-serif;
}
#organization
  #vc-data
  #vc-causes-section
  #causes-container
  #causes-body
  #causes-list.wrap-cause-list {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 450px) {
  #organization
    #vc-data
    #vc-causes-section
    #causes-container
    #causes-body
    #causes-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
#organization
  #vc-data
  #vc-causes-section
  #causes-container
  #causes-body
  #causes-list
  li {
  position: relative;
  width: 223px;
  height: 105px;
  margin-right: 20px;
  margin-bottom: 14px;
}
@media (max-width: 450px) {
  #organization
    #vc-data
    #vc-causes-section
    #causes-container
    #causes-body
    #causes-list
    li {
    width: 375px;
    height: 210px;
    margin-right: 0;
  }
}
#organization
  #vc-data
  #vc-causes-section
  #causes-container
  #causes-body
  #causes-list
  li
  img {
  width: 100%;
  max-width: 223px;
  height: 100%;
  max-height: 105px;
}
@media (max-width: 450px) {
  #organization
    #vc-data
    #vc-causes-section
    #causes-container
    #causes-body
    #causes-list
    li
    img {
    max-width: 375px;
    max-height: 210px;
  }
}
#organization
  #vc-data
  #vc-causes-section
  #causes-container
  #causes-body
  #causes-list
  li
  h3 {
  background: #ef5e39;
  height: 28px;
  padding: 4px 10px;
  position: absolute;
  bottom: 0;
  width: 100%;
  opacity: 0.8;
}
#organization
  #vc-data
  #vc-causes-section
  #causes-container
  #causes-body
  #causes-list
  #single-cause-description {
  width: 300px;
  color: #000;
}
@media (max-width: 450px) {
  #organization
    #vc-data
    #vc-causes-section
    #causes-container
    #causes-body
    #causes-list
    #single-cause-description {
    height: auto;
  }
}
#organization
  #vc-data
  #vc-causes-section
  #causes-container
  #causes-body
  #causes-list
  #about-causes {
  width: 100%;
  -ms-flex-positive: 2;
  flex-grow: 2;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
#organization
  #vc-data
  #vc-causes-section
  #causes-container
  #causes-body
  #causes-list
  #about-causes
  p {
  margin-right: 125px;
  margin-left: 14px;
  color: #000;
  font-size: 14px;
}
#organization #vc-data #vc-info-section {
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 450px) {
  #organization #vc-data #vc-info-section {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#organization #vc-data #vc-info-section #info-nav {
  width: 178px;
  text-align: center;
  margin-right: 30px;
  margin-top: 7px;
}
@media (max-width: 450px) {
  #organization #vc-data #vc-info-section #info-nav {
    width: 100%;
    position: relative;
  }
}
#organization #vc-data #vc-info-section #info-nav ul {
  padding-left: 21px;
  margin-bottom: 23px;
  position: relative;
  text-align: left;
}
@media (max-width: 450px) {
  #organization #vc-data #vc-info-section #info-nav ul {
    border-bottom: 1px solid #9b9b9b;
    padding-bottom: 20px;
    margin-bottom: 40px;
  }
}
#organization #vc-data #vc-info-section #info-nav ul li {
  padding-bottom: 10px;
  color: #47a4c6;
  font-size: 16px;
  font-family: "Oswald", sans-serif;
  font-weight: 300;
}
@media (max-width: 450px) {
  #organization #vc-data #vc-info-section #info-nav ul li {
    display: inline-block;
    margin: 0 20px;
  }
}
#organization #vc-data #vc-info-section #info-nav ul .nav-selected {
  font-weight: normal !important;
  color: #ef5e39 !important;
  position: relative;
}
#organization #vc-data #vc-info-section #info-nav ul .nav-selected a:before {
  content: "";
  border-right: 2px solid #ef5e39;
  position: absolute;
  top: 3px;
  left: -8px;
  height: 16px;
}
#organization #vc-data #vc-info-section .info-section {
  width: 100%;
  -ms-flex-negative: 2;
  flex-shrink: 2;
}
#organization #vc-data #vc-info-section .search-container {
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 450px) {
  #organization #vc-data #vc-info-section .search-container.hide-search {
    display: none !important;
  }
}
@media (max-width: 450px) {
  #organization #vc-data #vc-info-section .search-container {
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
#organization #vc-data #vc-info-section .search-container button,
#organization #vc-data #vc-info-section .search-container input {
  height: 30px;
}
#organization #vc-data #vc-info-section .search-container input[type="text"] {
  width: 272px;
}
@media (max-width: 450px) {
  #organization #vc-data #vc-info-section .search-container input[type="text"] {
    width: 100%;
    margin-right: 10px;
  }
}
#organization #vc-data #vc-info-section .search-container button,
#organization #vc-data #vc-info-section .search-container input[type="submit"] {
  width: auto;
  padding: 4px 10px;
}
@media (max-width: 450px) {
  #organization #vc-data #vc-info-section #organizations-container {
    padding: 0 10px;
  }
}
#organization
  #vc-data
  #vc-info-section
  #organizations-container
  #organizations-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 30px;
}
@media (max-width: 450px) {
  #organization
    #vc-data
    #vc-info-section
    #organizations-container
    #organizations-header {
    margin-bottom: 10px;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #organization
    #vc-data
    #vc-info-section
    #organizations-container
    #organizations-header
    > * {
    margin-bottom: 20px;
  }
}
#organization
  #vc-data
  #vc-info-section
  #organizations-container
  #organizations-header
  h2 {
  color: #47a4c6;
  font-size: 22px;
  font-family: "Oswald", sans-serif;
  margin-bottom: 10px;
}
#organization
  #vc-data
  #vc-info-section
  #organizations-container
  #organizations-list-container
  .sort-wrapper {
  color: #47a4c6;
  font-family: "Oswald", sans-serif;
  font-size: 14px;
}
#organization
  #vc-data
  #vc-info-section
  #organizations-container
  #organizations-list-container
  .sort-wrapper
  .form-select
  select {
  color: #47a4c6;
  border: none;
}
#organization
  #vc-data
  #vc-info-section
  #organizations-container
  #organizations-list-container
  .sort-wrapper
  .form-select:after {
  top: 4px;
}
#organization
  #vc-data
  #vc-info-section
  #organizations-container
  #organizations-list-container
  #organizations-list {
  margin-top: 10px;
}
#organization
  #vc-data
  #vc-info-section
  #organizations-container
  #organizations-list-container
  #organizations-list
  li {
  border-top: 1px solid #989b9f;
  display: -ms-flexbox;
  display: flex;
  padding: 13px 0;
  position: relative;
}
#organization
  #vc-data
  #vc-info-section
  #organizations-container
  #organizations-list-container
  #organizations-list
  li
  figure {
  padding: 12px 32px;
  width: 230px;
  height: 100%;
  text-align: center;
}
@media (max-width: 1023px) {
  #organization
    #vc-data
    #vc-info-section
    #organizations-container
    #organizations-list-container
    #organizations-list
    li
    figure {
    padding: 12px 25px 12px 12px;
    width: 140px;
  }
}
#organization
  #vc-data
  #vc-info-section
  #organizations-container
  #organizations-list-container
  #organizations-list
  li
  figure
  img {
  width: auto;
  max-height: 100px;
  max-width: 100px;
}
@media (max-width: 1023px) {
  #organization
    #vc-data
    #vc-info-section
    #organizations-container
    #organizations-list-container
    #organizations-list
    li
    figure
    img {
    max-height: 70px;
    max-width: 70px;
  }
}
#organization
  #vc-data
  #vc-info-section
  #organizations-container
  #organizations-list-container
  #organizations-list
  li
  .icon-heart {
  margin-left: 20px;
  color: rgba(0, 0, 0, 0.2);
}
#organization
  #vc-data
  #vc-info-section
  #organizations-container
  #organizations-list-container
  #organizations-list
  li
  .icon-heart.favorite {
  color: #47a4c6 !important;
}
#organization
  #vc-data
  #vc-info-section
  #organizations-container
  #organizations-list-container
  #organizations-list
  li
  .icon-heart:before {
  font-size: 14px;
}
#organization
  #vc-data
  #vc-info-section
  #organizations-container
  #organizations-list-container
  #organizations-list
  li
  .icon-heart:hover {
  color: #47a4c6;
}
#organization
  #vc-data
  #vc-info-section
  #organizations-container
  #organizations-list-container
  #organizations-list
  li
  h1 {
  font-size: 18px;
}
#organization
  #vc-data
  #vc-info-section
  #organizations-container
  #organizations-list-container
  #organizations-list
  li
  > div {
  width: 100%;
}
#organization
  #vc-data
  #vc-info-section
  #organizations-container
  #organizations-list-container
  #organizations-list
  li
  .org-description {
  margin-top: 6px;
}
#organization
  #vc-data
  #vc-info-section
  #organizations-container
  #organizations-list-container
  #organizations-list
  li
  .org-description
  a {
  color: #47a4c6;
}
#organization
  #vc-data
  #vc-info-section
  #organizations-container
  #organizations-list-container
  #organizations-list
  li
  .projects-count {
  color: #ef5e39;
  margin-top: 20px;
}
ul#project-card-list > li {
  position: relative;
}
ul#project-card-list > li > a {
  color: red;
  position: absolute;
  top: 202px;
  right: 4px;
}

@media (max-width: 450px) {
  ul#project-card-list > li > a {
    top: unset;
    bottom: 110px;
  }
}

@media (max-width: 450px) {
  #organization #vc-data #vc-info-section #questions-container {
    padding: 0 10px;
  }
}
#organization
  #vc-data
  #vc-info-section
  #questions-container
  #questions-header-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 12px;
}
@media (max-width: 450px) {
  #organization
    #vc-data
    #vc-info-section
    #questions-container
    #questions-header-container {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  #organization
    #vc-data
    #vc-info-section
    #questions-container
    #questions-header-container
    > * {
    margin-bottom: 20px;
  }
}
#organization
  #vc-data
  #vc-info-section
  #questions-container
  #questions-header-container
  h1 {
  font-size: 22px;
  color: #47a4c6;
  font-family: "Oswald", sans-serif;
}
#organization
  #vc-data
  #vc-info-section
  #questions-container
  #questions-header-container
  #questions-search-container {
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 450px) {
  #organization
    #vc-data
    #vc-info-section
    #questions-container
    #questions-header-container
    #questions-search-container {
    width: 100%;
  }
}
#organization
  #vc-data
  #vc-info-section
  #questions-container
  #questions-header-container
  #questions-search-container
  input {
  height: 30px;
}
#organization
  #vc-data
  #vc-info-section
  #questions-container
  #questions-header-container
  #questions-search-container
  input[type="text"] {
  width: 272px;
}
@media (max-width: 450px) {
  #organization
    #vc-data
    #vc-info-section
    #questions-container
    #questions-header-container
    #questions-search-container
    input[type="text"] {
    width: 100%;
  }
}
#organization
  #vc-data
  #vc-info-section
  #questions-container
  #questions-header-container
  #questions-search-container
  input[type="submit"] {
  width: auto;
  padding: 4px 10px;
}
#organization #vc-data #vc-info-section #questions-container > p {
  font-size: 16px;
}
#organization #vc-data #vc-info-section #questions-container hr {
  margin-top: 35px;
  border-top: solid 1px #989b9f;
}
#organization
  #vc-data
  #vc-info-section
  #questions-container
  #questions-list
  li {
  margin-top: 27px;
  font-size: 20px;
}
@media (max-width: 450px) {
  #organization
    #vc-data
    #vc-info-section
    #questions-container
    #questions-list
    li {
    font-size: 16px;
  }
}
#organization
  #vc-data
  #vc-info-section
  #questions-container
  #questions-list
  li
  a {
  color: #47a4c6;
}
#organization
  #vc-data
  #vc-info-section
  #questions-container
  #questions-list
  li
  .answer-container {
  border-left: 2px solid #47a4c6;
  padding-left: 27px;
  margin: 17px 0 27px;
  white-space: pre-wrap;
}
#organization #vc-data #vc-info-section #about-container {
  margin-right: 30px;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 450px) {
  #organization #vc-data #vc-info-section #about-container {
    padding: 0 10px;
  }
}
#organization #vc-data #vc-info-section #about-container #about-data {
  -ms-flex-positive: 1;
  flex-grow: 1;
}
#organization #vc-data #vc-info-section #about-container #about-data h1 {
  margin-bottom: 35px;
  font-size: 22px;
  color: #47a4c6;
  font-family: "Oswald", sans-serif;
}
#organization #vc-data #vc-info-section #about-container #about-data p {
  font-size: 20px;
  white-space: pre-wrap;
}
@media (max-width: 450px) {
  #organization #vc-data #vc-info-section #about-container #about-data p {
    font-size: 16px;
  }
}
@media (max-width: 450px) {
  #organization #vc-data #vc-info-section #give-container {
    padding: 0 10px;
  }
}
#organization #vc-data #vc-info-section #give-container h1 {
  margin-bottom: 35px;
  font-size: 22px;
  color: #47a4c6;
  font-family: "Oswald", sans-serif;
}
#organization #vc-data #vc-info-section #give-container > p {
  font-size: 20px;
}
@media (max-width: 450px) {
  #organization #vc-data #vc-info-section #give-container > p {
    font-size: 16px;
  }
}
#organization #vc-data #vc-info-section #give-container li {
  font-size: 18px;
  margin-top: 15px;
}
#organization #vc-data #vc-info-section #give-container li h2 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
@media (max-width: 450px) {
  #organization #vc-data #vc-info-section #give-container li h2 {
    font-size: 14px;
  }
}
#organization #vc-data #vc-info-section #give-container li p {
  font-size: 18px;
  margin-bottom: 10px;
  white-space: pre-wrap;
}
@media (max-width: 450px) {
  #organization #vc-data #vc-info-section #give-container li p {
    font-size: 14px;
  }
}
#organization #vc-data #vc-info-section #give-container li a {
  color: #47a4c6;
  font-size: 22px;
}
@media (max-width: 450px) {
  #organization #vc-data #vc-info-section #give-container li a {
    font-size: 18px;
  }
}
#organizations {
  max-width: 100%;
  margin: 0;
}
#organizations select::-ms-expand {
  display: none;
}
#organizations .orgHeader {
  width: 100%;
  height: 200px;
}
#organizations .orgHeader .header-overlay {
  background: rgba(116, 175, 67, 0.85);
  padding: 90px 10px 10px 10px;
  height: 100%;
  width: 100%;
}
@media (max-width: 1023px) {
  #organizations .orgHeader .header-overlay {
    padding: 18px;
  }
}
#organizations .orgHeader .max-width-container {
  max-width: 1024px;
  margin: auto;
  font-family: "Helvetica Light", "Helvetica", "Arial", sans-serif;
}
#organizations .orgHeader .max-width-container form {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-direction: row;
  flex-direction: row;
}
@media (max-width: 1023px) {
  #organizations .orgHeader .max-width-container form {
    display: block;
  }
}
#organizations .orgHeader .max-width-container form .select-location {
  margin-right: 30px;
  -ms-flex: 1;
  flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  justify-content: flex-start;
}
@media (max-width: 1023px) {
  #organizations .orgHeader .max-width-container form .select-location {
    margin: 0;
    display: block;
    margin-bottom: 18px;
  }
}
#organizations
  .orgHeader
  .max-width-container
  form
  .select-location
  .location-label {
  color: white;
  font-size: 23px;
  margin: 0;
  display: inline-block;
  font-weight: 300;
}
@media (max-width: 1023px) {
  #organizations
    .orgHeader
    .max-width-container
    form
    .select-location
    .location-label {
    width: 100%;
    text-align: center;
    padding: 8px;
  }
}
#organizations
  .orgHeader
  .max-width-container
  form
  .select-location
  .location-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  padding-left: 8px;
}
@media (max-width: 1023px) {
  #organizations
    .orgHeader
    .max-width-container
    form
    .select-location
    .location-text {
    text-align: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
#organizations
  .orgHeader
  .max-width-container
  form
  .select-location
  .location-text
  h1 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  border-bottom: solid #fff 1px;
  padding: 0 2px;
  font-size: 28px;
  font-family: "Oswald", sans-serif;
  line-height: 30px;
}
#organizations
  .orgHeader
  .max-width-container
  form
  .select-location
  .location-text
  h1
  .location-arrow {
  font-family: "icons";
  font-size: 13px;
  padding-left: 4px;
  padding-top: 2px;
}
#organizations
  .orgHeader
  .max-width-container
  form
  .select-location
  .location-input {
  display: -ms-flexbox;
  display: flex;
  margin-left: 10px;
}
#organizations
  .orgHeader
  .max-width-container
  form
  .select-location
  .location-input
  #select-location_text {
  height: 30px;
  width: 250px;
  font-size: 20px;
}
#organizations
  .orgHeader
  .max-width-container
  form
  .select-location
  .location-input
  #select-location_button {
  width: 32px;
  height: 30px;
  padding: 0;
  font-family: "icons";
  color: #fff;
  background-color: #47a4c6;
}
#organizations .orgHeader .max-width-container form .findSomethingSpecific {
  width: 280px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (max-width: 1023px) {
  #organizations .orgHeader .max-width-container form .findSomethingSpecific {
    margin: auto;
  }
}
#organizations
  .orgHeader
  .max-width-container
  form
  .findSomethingSpecific
  .specific_label {
  width: 100%;
  font-size: 13px;
  color: #fff;
  font-family: "Helvetica Light", "Helvetica", "Arial", sans-serif;
}
#organizations
  .orgHeader
  .max-width-container
  form
  .findSomethingSpecific
  .specific-form-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
#organizations
  .orgHeader
  .max-width-container
  form
  .findSomethingSpecific
  .specific-form-wrapper
  .specific_input {
  font-size: 20px;
  height: 30px;
}
#organizations
  .orgHeader
  .max-width-container
  form
  .findSomethingSpecific
  .specific-form-wrapper
  #specific-button {
  width: 34px;
  height: 30px;
  padding: 0;
  font-family: "icons";
  color: #fff;
  background: #47a4c6;
}
#organizations .orgHeader .max-width-container .search-loading-container {
  text-align: center;
  margin-top: 15px;
}
@media (max-width: 1023px) {
  #organizations .orgHeader .max-width-container .search-loading-container {
    margin-top: 10px;
  }
}
#organizations .orgHeader .max-width-container .search-loading-container h2 {
  color: #fff;
}
#organizations
  .orgHeader
  .max-width-container
  .search-loading-container
  .loading__bar:before {
  width: 125px;
  margin: auto;
  content: "";
  display: block;
  height: 8px;
  background: url("https://www.justserve.org/api/images/static/animated-loading-bar.gif");
  background-size: 100%;
}
#organizations .organizations-body {
  max-width: 1024px;
  margin: auto;
}
@media (max-width: 1023px) {
  #organizations .organizations-body {
    margin: 0 13px;
  }
}
#organizations .organizations-body .search-radius {
  margin: 40px auto;
  text-align: center;
  font-size: 14px;
  font-family: "Helvetica Light", "Helvetica", "Arial", sans-serif;
}
#organizations .organizations-body .search-radius a {
  color: #47a4c6;
}
#organizations .organizations-body .search-radius .organization_count {
  color: #ef5e39;
}
#organizations .organizations-body .search-radius .select-container {
  display: inline-table;
  position: relative;
  margin-right: 5px;
}
#organizations
  .organizations-body
  .search-radius
  .select-container
  .form-select:after {
  color: #989b9f;
  right: 0;
  top: 5px;
}
#organizations
  .organizations-body
  .search-radius
  .select-container
  #radius-select-box {
  width: 100px;
  border: solid 1px #989b9f;
  color: #ef5e39;
  background: rgba(255, 255, 255, 0);
  padding: 5px 25px 7px 9px;
}
#organizations .organizations-body .organization-sort {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 14px;
  font-family: "Oswald", sans-serif;
  font-size: 16px;
}
#organizations .organizations-body .organization-sort div {
  width: 50%;
}
#organizations .organizations-body .organization-sort .sort-wrapper {
  color: #47a4c6;
}
#organizations
  .organizations-body
  .organization-sort
  .sort-wrapper
  .form-select {
  width: auto;
}
#organizations
  .organizations-body
  .organization-sort
  .sort-wrapper
  .form-select:after {
  color: #47a4c6;
}
#organizations
  .organizations-body
  .organization-sort
  .sort-wrapper
  .form-select
  select {
  border: none;
  color: #47a4c6;
  outline: none;
}
#organizations .organizations-body .organization-sort .follow-wrapper {
  text-align: right;
  color: #bbbdc0;
  text-transform: uppercase;
}
@media (max-width: 1023px) {
  #organizations .organizations-body .organization-sort .follow-wrapper {
    display: none;
  }
}
#organizations .organizations-body .organization-list-section {
  text-align: center;
  margin-top: 20px;
}
#organizations .organizations-body .organization-list-section .organization {
  width: 100%;
  min-height: 124px;
  border-bottom: 1px solid #989b9f;
  font-size: 0;
}
@media (max-width: 1023px) {
  #organizations .organizations-body .organization-list-section .organization {
    height: auto;
  }
}
#organizations
  .organizations-body
  .organization-list-section
  .organization:first-of-type {
  border-top: 1px solid #989b9f;
}
#organizations
  .organizations-body
  .organization-list-section
  .organization.vc-highlight {
  border-top: 5px solid #74af43;
  border-bottom: 5px solid #74af43;
  padding-bottom: 32px;
}
#organizations
  .organizations-body
  .organization-list-section
  .organization
  > div {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
}
#organizations
  .organizations-body
  .organization-list-section
  .organization
  .vc-label {
  display: block;
  text-align: right;
}
#organizations
  .organizations-body
  .organization-list-section
  .organization
  .vc-label
  p {
  width: auto;
  color: #fff;
  background: #74af43;
  font-size: 16px;
  font-family: "Oswald", sans-serif;
  padding: 3px 30px 8px;
  display: inline-block;
  text-transform: uppercase;
}
#organizations
  .organizations-body
  .organization-list-section
  .organization
  .image-container {
  padding: 12px 32px;
  width: 230px;
  height: 100%;
}
@media (max-width: 1023px) {
  #organizations
    .organizations-body
    .organization-list-section
    .organization
    .image-container {
    padding: 12px 25px 12px 12px;
    width: 140px;
  }
}
#organizations
  .organizations-body
  .organization-list-section
  .organization
  .image-container
  img {
  width: auto;
  max-height: 100px;
  max-width: 100px;
}
@media (max-width: 1023px) {
  #organizations
    .organizations-body
    .organization-list-section
    .organization
    .image-container
    img {
    max-height: 70px;
    max-width: 70px;
  }
}
#organizations
  .organizations-body
  .organization-list-section
  .organization
  .detail-container {
  width: calc(100% - 540px);
  padding: 12px 0;
  text-align: left;
  position: relative;
}
@media (max-width: 1023px) {
  #organizations
    .organizations-body
    .organization-list-section
    .organization
    .detail-container {
    width: calc(100% - 145px);
    padding-right: 50px;
  }
}
#organizations
  .organizations-body
  .organization-list-section
  .organization
  .detail-container
  h2 {
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #47a4c6;
  font-family: "Oswald", sans-serif;
}
@media (max-width: 1023px) {
  #organizations
    .organizations-body
    .organization-list-section
    .organization
    .detail-container
    h2 {
    font-size: 20px;
  }
}
#organizations
  .organizations-body
  .organization-list-section
  .organization
  .detail-container
  .icon-heart {
  margin-left: 6px;
  font-size: 12px;
}
#organizations
  .organizations-body
  .organization-list-section
  .organization
  .detail-container
  .followed {
  color: #47a4c6;
}
#organizations
  .organizations-body
  .organization-list-section
  .organization
  .detail-container
  .not-followed {
  color: #bbbdc0;
}
#organizations
  .organizations-body
  .organization-list-section
  .organization
  .detail-container
  .not-followed:hover {
  color: #47a4c6;
}
#organizations
  .organizations-body
  .organization-list-section
  .organization
  .detail-container
  .description {
  margin-top: 5px;
  height: 48px;
  overflow: hidden;
}
#organizations
  .organizations-body
  .organization-list-section
  .organization
  .detail-container
  .description
  a {
  color: #47a4c6;
}
@media (max-width: 1023px) {
  #organizations
    .organizations-body
    .organization-list-section
    .organization
    .detail-container
    .description {
    display: none;
  }
}
#organizations
  .organizations-body
  .organization-list-section
  .organization
  .detail-container
  .count {
  color: #ef5e39;
  vertical-align: bottom;
}
@media (max-width: 1023px) {
  #organizations
    .organizations-body
    .organization-list-section
    .organization
    .detail-container
    .count {
    font-size: 16px;
  }
}
#organizations
  .organizations-body
  .organization-list-section
  .organization
  .social-container {
  width: 307px;
  padding: 12px;
  padding-left: 44px;
  text-align: right;
}
@media (max-width: 1023px) {
  #organizations
    .organizations-body
    .organization-list-section
    .organization
    .social-container {
    display: none;
  }
}
#organizations
  .organizations-body
  .organization-list-section
  .organization
  .social-container
  a {
  margin: 0 3px;
  vertical-align: middle;
  display: inline-block;
  font-size: 24px;
}
#organizations
  .organizations-body
  .organization-list-section
  .organization
  .social-container
  a:before {
  color: #bbbdc0;
}
#organizations
  .organizations-body
  .organization-list-section
  .organization
  .social-container
  .icon-facebook:hover:before {
  color: #3b5893;
}
#organizations
  .organizations-body
  .organization-list-section
  .organization
  .social-container
  .icon-twitter:hover:before {
  color: #28a6d6;
}
#organizations
  .organizations-body
  .organization-list-section
  .organization
  .social-container
  .icon-googleplus:hover:before {
  color: #d14a3a;
}
#organizations
  .organizations-body
  .organization-list-section
  .organization
  .social-container
  .icon-youtube:hover:before {
  color: #df3f3b;
}
#organizations
  .organizations-body
  .organization-list-section
  .organization
  .social-container
  .icon-instagram:hover:before {
  color: #71aa31;
}
#organizations
  .organizations-body
  .organization-list-section
  .organization
  .social-container
  .icon-linkedIn:hover:before {
  color: #007bb5;
}
#organizations .organizations-body .organization-list-section #show_all_btn {
  width: 152px;
  height: 30px;
  margin-top: 50px;
  padding: 5px 20px;
}
.org-project-approval {
  padding: 50px 15px;
  padding-bottom: 0;
}
.org-project-approval #back-link {
  display: block;
  font-family: "Oswald", sans-serif;
  color: #ef5e39;
  text-transform: uppercase;
  margin-bottom: 36px;
}
.org-project-approval #back-link::before {
  content: "<";
  margin-right: 4px;
}
.org-project-approval .button-outline {
  border: 1px solid #47a4c6 !important;
  background: #fff;
  color: #47a4c6;
}
.org-project-approval .button-outline:hover {
  background: #47a4c6;
  color: #fff;
}
.org-project-approval #approval-content-wrapper {
  margin-top: 35px;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 450px) {
  .org-project-approval #approval-content-wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.org-project-approval #approval-content-wrapper .approval-submitter,
.org-project-approval #approval-content-wrapper #approval-review {
  width: 60%;
}
@media (max-width: 450px) {
  .org-project-approval #approval-content-wrapper .approval-submitter,
  .org-project-approval #approval-content-wrapper #approval-review {
    width: 100%;
    margin-top: 25px;
  }
}
.org-project-approval #approval-content-wrapper .approval-project {
  width: 100%;
}
.org-project-approval #approval-content-wrapper .approval-submitter .button-bar,
.org-project-approval #approval-content-wrapper .approval-submitter li,
.org-project-approval #approval-content-wrapper .approval-project .button-bar,
.org-project-approval #approval-content-wrapper .approval-project li,
.org-project-approval #approval-content-wrapper #approval-review .button-bar,
.org-project-approval #approval-content-wrapper #approval-review li {
  width: 100%;
}
.org-project-approval #approval-content-wrapper .approval-submitter .button-bar,
.org-project-approval #approval-content-wrapper .approval-project .button-bar,
.org-project-approval #approval-content-wrapper #approval-review .button-bar {
  text-align: right;
}
@media (max-width: 450px) {
  .org-project-approval
    #approval-content-wrapper
    .approval-submitter
    .button-bar,
  .org-project-approval #approval-content-wrapper .approval-project .button-bar,
  .org-project-approval #approval-content-wrapper #approval-review .button-bar {
    text-align: center;
  }
}
.org-project-approval
  #approval-content-wrapper
  .approval-submitter
  .button-bar
  button,
.org-project-approval
  #approval-content-wrapper
  .approval-submitter
  .button-bar
  .button,
.org-project-approval
  #approval-content-wrapper
  .approval-project
  .button-bar
  button,
.org-project-approval
  #approval-content-wrapper
  .approval-project
  .button-bar
  .button,
.org-project-approval
  #approval-content-wrapper
  #approval-review
  .button-bar
  button,
.org-project-approval
  #approval-content-wrapper
  #approval-review
  .button-bar
  .button {
  margin: 10px 0 0 10px;
}
.org-project-approval #approval-content-wrapper #approval-review,
.org-project-approval #approval-content-wrapper .approval-submitter {
  padding: 50px 75px;
}
@media (max-width: 450px) {
  .org-project-approval #approval-content-wrapper #approval-review,
  .org-project-approval #approval-content-wrapper .approval-submitter {
    padding: 5px;
  }
}
.org-project-approval #approval-content-wrapper #approval-review h3,
.org-project-approval #approval-content-wrapper .approval-submitter h3 {
  font-weight: bold;
}
.org-project-approval #approval-content-wrapper #approval-review p,
.org-project-approval #approval-content-wrapper .approval-submitter p {
  margin-bottom: 20px;
}
.org-project-approval
  #approval-content-wrapper
  #approval-review
  #review-buttons {
  text-align: right;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 450px) {
  .org-project-approval
    #approval-content-wrapper
    #approval-review
    #review-buttons {
    text-align: center;
  }
}
.org-project-approval
  #approval-content-wrapper
  #approval-review
  #review-buttons
  .button {
  width: 47%;
  font-size: 18px;
  padding: 13px 13px;
}
.org-project-approval
  #approval-content-wrapper
  #approval-review
  #review-buttons
  #review-buttons-reject {
  background: #ef5e39;
}
@media (max-width: 450px) {
  .org-project-approval #approval-content-wrapper .approval-project {
    border: none;
    padding: 0;
    width: 100%;
  }
}
.org-project-approval
  #approval-content-wrapper
  .approval-project
  #project-content {
  border: 1px solid #bbbdc0;
  background: #fff;
  width: 100%;
}
.org-project-approval
  #approval-content-wrapper
  .approval-project
  #project-content:hover {
  outline: 2px solid #47a4c6;
  border-color: rgba(255, 255, 255, 0);
}
.org-project-approval
  #approval-content-wrapper
  .approval-project
  #project-content
  img {
  display: block;
  margin: 0 auto;
}
.org-project-approval
  #approval-content-wrapper
  .approval-project
  #project-content
  figcaption {
  padding: 14px 14px 18px 14px;
}
.org-project-approval
  #approval-content-wrapper
  .approval-project
  #project-content
  h4 {
  margin: 5px 0;
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  line-height: 20px;
  color: #47a4c6;
}
.org-project-approval
  #approval-content-wrapper
  .approval-project
  #project-content
  time,
.org-project-approval
  #approval-content-wrapper
  .approval-project
  #project-content
  p {
  display: block;
  font-size: 14px;
  line-height: 16px;
}
.org-project-approval
  #approval-content-wrapper
  .approval-project
  #project-content
  time.teaser,
.org-project-approval
  #approval-content-wrapper
  .approval-project
  #project-content
  p.teaser {
  margin-top: 5px;
}
.org-project-approval h2 {
  margin-bottom: 15px;
  font-family: "Oswald", sans-serif;
  font-size: 24px;
  color: #47a4c6;
}
.partner_page {
  padding: 20px;
}
.partner_page * {
  color: #808083;
}
.partner_page.static .icon-edit,
.partner_page.static .icon-delete,
.partner_page.static .icon-plus {
  display: none !important;
}
.partner_page *[contenteditable="true"] {
  display: block;
  margin-top: 5px;
  padding: 5px;
  border: 1px solid #e5e3e3;
  font-family: "arial", sans-serif;
}
.partner_page *[contenteditable="true"]:after {
  content: " [" attr(placeholder) "]";
  color: #e5e3e3;
}
.partner_page *[contenteditable="true"]:focus:after {
  content: "";
}
.partner_page *[contenteditable="true"].remove-placeholder:after {
  content: "" !important;
}
.partner_page *[contenteditable="true"].contact-website {
  display: block;
}
.partner_page .editing.social ul {
  float: none;
  width: 100%;
  margin-top: 20px;
}
.partner_page .editing.social li:not(:first-of-type) {
  float: none;
  display: block;
  width: 100%;
}
.partner_page .editing.social li:not(:first-of-type) a {
  position: relative;
  display: block;
  width: 100%;
  color: #47a4c6;
}
.partner_page .editing.social li:not(:first-of-type) a:focus {
  min-height: 34px;
}
.partner_page .editing.social li:not(:first-of-type) a:before {
  position: absolute;
  top: 5px;
  left: -35px;
  color: #bbbdc0;
}
.icon-edit {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  padding: 5px;
  font-size: 32px;
  color: #fff !important;
  background: rgba(229, 227, 227, 0.75) !important;
}
.icon-edit:hover {
  background: #e5e3e3 !important;
}
.icon-delete {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px;
  font-size: 32px;
  color: #fff !important;
  background: rgba(190, 30, 45, 0.75) !important;
}
.icon-delete:hover {
  background: #be1e2d !important;
}
.partner__header {
  min-height: 200px;
}
.partner__header__logo {
  position: relative;
  float: left;
  width: 80px;
  line-height: 0;
  margin: 0 20px 20px 0;
  border: 1px solid #e5e3e3;
}
@media (max-width: 767px) {
  .partner__header__logo.mobile-editing {
    float: none;
  }
}
@media (min-width: 768px) {
  .partner__header__logo {
    width: 160px;
  }
}
.partner__header__logo .partner__header__logo__buttons {
  position: relative;
}
.partner__header__logo .partner__header__logo__buttons .loading {
  width: 100%;
}
.partner__header__logo
  .partner__header__logo__buttons
  .loading
  input[type="button"] {
  width: 100%;
  margin-top: 0;
  border: none;
}
.partner__header__logo .partner__header__logo__buttons input[type="file"] {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.00001;
}
.partner__header__text {
  position: relative;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .partner__header__text {
    float: left;
    width: calc(100% - 380px);
    margin-right: 20px;
    padding: 10px;
  }
}
.partner__header__text .partner__header__text--section {
  display: table;
  overflow: hidden;
  width: 100%;
}
@media (min-width: 480px) {
  .partner__header__text .partner__header__text--section:first-of-type {
    display: block;
    overflow: visible;
    width: auto;
  }
  .partner__header__text .partner__header__text--section:last-of-type {
    margin-top: 10px;
  }
}
.partner__header__text *[contenteditable="true"] {
  min-height: 34px;
}
.partner__header__text h1 {
  margin-bottom: 10px;
  font-family: "Oswald";
  font-size: 24px;
  line-height: 26px;
  text-transform: uppercase;
  color: #47a4c6;
}
.partner__header__text .description {
  margin-top: 10px;
}
.partner__header__text a {
  color: #47a4c6;
}
.partner__header__text .social {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .partner__header__text .social ul {
    float: left;
    width: 50%;
  }
}
.partner__header__text .social li {
  display: inline-block;
  margin-right: 5px;
  font-size: 24px;
  vertical-align: middle;
}
.partner__header__text .social li:first-of-type {
  font-family: "Oswald";
  font-size: 20px;
  color: #ef5e39;
  text-transform: uppercase;
}
.partner__header__text .social li a {
  display: inline-block;
  vertical-align: middle;
  color: #bbbdc0;
}
.partner__header__text .social li a.icon-facebook:before {
  color: #3b5893;
}
.partner__header__text .social li a.icon-twitter:before {
  color: #28a6d6;
}
.partner__header__text .social li a.icon-googleplus:before {
  color: #d14a3a;
}
.partner__header__text .social li a.icon-youtube:before {
  color: #df3f3b;
}
@media (min-width: 1024px) {
  .action-buttons {
    float: left;
    width: 180px;
  }
}
.action-buttons input:first-of-type {
  margin-bottom: 5px;
  background: #be1e2d;
}
@media (min-width: 400px) {
  .action-buttons input {
    float: left;
    width: 49.5%;
  }
  .action-buttons input:first-of-type {
    margin-right: 1%;
  }
}
@media (min-width: 1024px) {
  .action-buttons input {
    float: none;
    width: 100%;
  }
  .action-buttons input:first-of-type {
    margin-right: initial;
  }
}
.partner__announcements {
  position: relative;
  background: #e5e3e3;
}
.partner__announcements h2 {
  display: inline-block;
  margin-right: 10px;
  padding: 10px 10px 5px;
  font-family: "Oswald";
  font-size: 32px;
  color: #47a4c6;
}
.partner__announcements h2:before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 20px;
  height: 100%;
  background: #e5e3e3;
}
.partner__announcements h2:after {
  content: "";
  position: absolute;
  top: 0;
  right: -20px;
  width: 20px;
  height: 100%;
  background: #e5e3e3;
}
.partner__announcements .add-announcement {
  display: inline-block;
  padding: 8px 12px;
  border-radius: 10px;
  font-size: 12px;
  background: #bbbdc0;
  color: #fff;
  vertical-align: text-bottom;
}
.announcement {
  width: 100%;
  min-height: 44px;
  border: 1px solid #64686c;
  background: #fff;
}
.announcement .rel {
  position: relative;
  padding: 10px;
}
@media (min-width: 768px) {
  .announcement {
    width: 48%;
    width: calc(50% - 10px);
  }
}
.announcement h3 {
  font-family: "Oswald";
  font-size: 24px;
  line-height: 26px;
  color: #ef5e39;
}
.announcement time {
  display: block;
  margin-bottom: 10px;
}
.announcement .media {
  margin-top: 15px;
}
.announcement .announcement__body__wrap {
  margin-top: 5px;
}
.announcement .announcement__body {
  margin-top: 0 !important;
  word-wrap: break-word;
}
.announcement .announcement__body img {
  margin: 10px 0;
}
.announcement .announcement__body p {
  margin: 5px 0;
}
.announcement .announcement__body a {
  color: #47a4c6;
}
.announcement .announcement__body ul {
  padding-left: 2em;
  list-style-type: disc;
}
.announcement .announcement__body ol {
  padding-left: 2em;
  list-style-type: decimal;
}
.announcement .announcement__body strong,
.announcement .announcement__body b {
  font-weight: bold;
}
.announcement .announcement__body em,
.announcement .announcement__body i {
  font-style: italic;
}
.announcement .announcement__body u {
  text-decoration: underline;
}
.announcement .announcement__action-buttons {
  display: none;
  margin-top: 10px;
}
.announcement .announcement__action-buttons input {
  float: right;
  width: auto;
  margin-left: 5px;
}
.announcement .announcement__action-buttons input:first-of-type {
  background: #74af43;
}
.announcement .announcement__action-buttons input:last-of-type {
  background: #bbbdc0;
}
.announcement.active .icon-delete,
.announcement.active .new-media,
.announcement.active .announcement__action-buttons {
  display: block !important;
}
.announcement.active time {
  display: none;
}
.new-media {
  display: none;
  margin: 10px 0;
}
.new-media .new-media__section {
  padding: 5px 0;
}
.new-media .new-media__section:nth-of-type(3) label {
  vertical-align: middle;
}
.new-media .new-media__section .radio {
  margin-right: 5px;
  vertical-align: middle;
}
.new-media .new-media__section .new-video,
.new-media .new-media__section .new-photo__buttons {
  display: inline-block;
  width: 75%;
  width: calc(100% - 26px);
  border: 1px solid #47a4c6;
  vertical-align: middle;
}
.new-media .new-media__section .new-photo__buttons {
  position: relative;
}
.new-media .new-media__section .new-photo__buttons .loading {
  width: 100%;
}
.new-media
  .new-media__section
  .new-photo__buttons
  .loading
  input[type="button"] {
  width: 100%;
  margin-top: 0;
  border: none;
}
.new-media .new-media__section .new-photo__buttons input[type="file"] {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.00001;
}
.new-description {
  min-height: 100px;
}
.new-actions {
  margin-top: 10px;
}
.new-actions input {
  float: right;
  width: auto;
}
.new-actions input:last-of-type {
  background: #bbbdc0;
  margin-right: 5px;
}
.new-actions input:first-of-type {
  background: #74af43;
}
.video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}
.video object,
.video embed,
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.partners {
  margin-bottom: 50px;
  padding: 20px;
}
@media (min-width: 768px) {
  .partners {
    width: 80%;
    margin-left: 10%;
    padding: 40px 25px 25px;
  }
}
.partners h1 {
  margin-bottom: 10px;
  font-family: "Oswald";
  font-size: 32px;
  color: #ef5e39;
}
.partners * {
  color: gray;
}
.partners form {
  margin: 25px 0;
  padding-bottom: 25px;
  border-bottom: 5px solid #47a4c6;
}
.partners form li {
  margin-bottom: 5px;
}
.partners form label {
  display: block;
}
.partners form label span {
  font-size: 14px;
}
.partners form input {
  border: 1px solid #47a4c6;
}
@media (min-width: 768px) {
  .partners form .form-contents {
    width: 90%;
  }
  .partners form li {
    float: left;
    width: 32%;
    margin-right: 2%;
  }
  .partners form li:last-child {
    margin-right: 0;
  }
  .partners form .loading {
    float: right;
  }
  .partners form .loading input[type="submit"] {
    width: auto;
  }
}
.partner {
  min-height: 110px;
  margin-bottom: 15px;
  padding: 10px;
  border: 1px solid #e5e3e3;
}
@media (min-width: 768px) {
  .partner {
    min-height: 190px;
  }
}
.partner figure {
  float: right;
  width: 80px;
  margin: 0 0 15px 15px;
  border: 1px solid #e5e3e3;
  line-height: 0;
}
@media (min-width: 768px) {
  .partner figure {
    width: 160px;
  }
}
.partner h2 {
  margin-bottom: 10px;
  font-family: "Oswald";
  font-size: 24px;
  line-height: 26px;
  text-transform: uppercase;
}
.partner h2 a {
  color: #47a4c6;
}
@keyframes fadeout {
  0% {
    opacity: 1;
  }
  95% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.profile {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0;
}
.profile__saveStatus {
  position: fixed;
  display: -ms-flexbox;
  display: flex;
  top: 76px;
  width: 100vw;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 5;
}
.profile__saveStatus > span {
  font-family: "Oswald";
  color: #808083;
  background-color: white;
  border: 1px solid #808083;
  padding: 0.2em 2em;
}
.profile__saveStatus--saved {
  animation: fadeout 5s;
  opacity: 0;
}
.profile__block {
  padding: 1em 1em 0;
  max-width: 1024px;
  width: 100%;
  margin-bottom: 3em;
}
.profile__block-last {
  margin-bottom: 0;
}
.profile__row {
  width: 100%;
  max-width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  padding: 0 1em;
  -ms-flex-align: center;
  align-items: center;
}
.profile__row--head {
  background: #e5e3e3;
  margin-bottom: 2em;
  position: relative;
}
.profile__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 1em;
}
.profile__header > span {
  font-size: 1;
  color: #47a4c6;
  font-family: "Helvetica Light", "Trade Gothic Roman";
}
.profile__title {
  margin-top: 1em;
  font-family: "Oswald";
  font-size: 1.6em;
  color: #64686c;
}
@media (min-width: 45em) {
  .profile__title {
    font-size: 2em;
  }
}
.profile__backButton {
  color: #ef5e39;
  font-family: "Oswald";
  position: absolute;
  top: 2em;
  left: 1em;
}
.profile__radioButton {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
  border: 1px solid #e5e3e3;
  background: #fff;
}
.profile__successMessage {
  color: #ef5e39;
  font-family: "Oswald";
}
.profile__successMessage--inactive {
  display: none;
}
.profile__successMessage--success {
  display: block;
  animation-duration: 5s;
  animation-name: fadeout;
  opacity: 0;
  font-size: 1em;
}
.profile__loadingBar {
  width: 200px;
  margin: 0 auto 40px;
}
.profileBlock__header {
  color: #64686c;
  width: 100%;
  font-family: "Oswald";
  border-bottom: solid 1px #e5e3e3;
  margin-bottom: 1em;
}
.profileBlock__icon {
  color: #47a4c6;
}
.profileHeartedPreferences {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -ms-flex-align: center;
  align-items: center;
  color: #64686c;
}
@media (min-width: 45em) {
  .profileHeartedPreferences {
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.profileHeartedPreferences__block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  width: 95%;
  margin-top: 1em;
}
@media (min-width: 45em) {
  .profileHeartedPreferences__block {
    width: 32%;
  }
}
.profileHeartedPreferences__itemList {
  border: solid 1px #989b9f;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  max-height: 15em;
  overflow-y: scroll;
  padding: 0 1em;
}
.profileHeartedPreferences__item {
  width: 100%;
  font-size: 0.8em;
}
.profileHeartedPreferences__checkbox {
  border: solid 1px #989b9f;
  width: 1em;
  -moz-appearance: checkbox;
  -webkit-appearance: checkbox;
}
.profileHeartedPreferences__filter {
  border: solid 1px #989b9f;
  font-size: 0.8em;
  margin-bottom: 0.5em;
}
.profileHeartedPreferences input:not([type="button"]) {
  border: 1px solid #e5e3e3;
  padding: 2px 4px;
}
.profileHeartedPreferences .HeartedPreferences__labels {
  margin-top: 50px;
  border-top: 1px solid #e5e3e3;
  padding-top: 50px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (min-width: 700px) {
  .profileHeartedPreferences .HeartedPreferences__labels__attrs {
    float: left;
    width: 30%;
  }
}
.profileHeartedPreferences .HeartedPreferences__labels__attrs ul {
  margin-top: 15px;
}
.profileHeartedPreferences .HeartedPreferences__labels__attrs li {
  margin-top: 5px;
}
.profileHeartedPreferences .HeartedPreferences__labels__attrs li span {
  vertical-align: middle;
}
.profileHeartedPreferences .HeartedPreferences__labels__attrs .checkbox {
  margin-right: 5px;
  font-size: 1.25em;
  vertical-align: middle;
}
.profileHeartedPreferences .HeartedPreferences__labels__skills {
  margin-top: 50px;
}
@media (min-width: 700px) {
  .profileHeartedPreferences .HeartedPreferences__labels__skills {
    margin-top: 0;
    float: left;
    width: 30%;
    padding-left: 20px;
  }
}
.profileHeartedPreferences .HeartedPreferences__labels__skills textarea {
  min-height: 100px;
  resize: none;
}
.profileHeartedPreferences .HeartedPreferences__labels__skills__search {
  position: relative;
  margin-bottom: 5px;
}
.profileHeartedPreferences
  .HeartedPreferences__labels__skills__search
  input:focus
  + button {
  border: 1px solid #bbbdc0 !important;
}
.profileHeartedPreferences .HeartedPreferences__labels__skills__search button {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 24px;
  border: none !important;
  padding: 0;
  font-size: 9px;
  background-color: #edc314;
  text-align: center;
}
.profileHeartedPreferences .HeartedPreferences__labels__skills__select {
  height: 105px;
  margin-left: 0.3em;
  overflow-y: auto;
}
.profileHeartedPreferences .HeartedPreferences__labels__skills__select li {
  cursor: pointer;
}
.profileHeartedPreferences
  .HeartedPreferences__labels__skills__select
  li:hover {
  background: #47a4c6;
  color: #fff;
}
.profileHeartedPreferences .HeartedPreferences__labels__skills__list {
  margin-top: 10px;
}
.profileHeartedPreferences .HeartedPreferences__labels__skills__list li {
  position: relative;
  display: inline-block;
  padding: 2px 4px;
  height: 24px;
  margin: 0 20px 4px 6px;
  background: #edc314;
  color: #fff;
  text-transform: uppercase;
  font-family: "Oswald";
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.profileHeartedPreferences .HeartedPreferences__labels__skills__list li:before {
  content: "";
  position: absolute;
  top: 0;
  left: -24px;
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 12px solid rgba(255, 255, 255, 0);
  border-right: 6px solid #edc314;
}
.profileHeartedPreferences .HeartedPreferences__labels__skills__list li:after {
  content: "";
  position: absolute;
  top: 0;
  right: -24px;
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 12px solid rgba(255, 255, 255, 0);
  border-left: 6px solid #edc314;
}
.profileHeartedPreferences
  .HeartedPreferences__labels__skills__list
  li.standard {
  background: #edc314;
}
.profileHeartedPreferences .HeartedPreferences__labels__skills__list li.added {
  background: #ecd277;
}
.profileHeartedPreferences
  .HeartedPreferences__labels__skills__list
  li.added:before {
  border-right-color: #ecd277;
}
.profileHeartedPreferences
  .HeartedPreferences__labels__skills__list
  li.added:after {
  border-left-color: #ecd277;
}
.profileHeartedPreferences
  .HeartedPreferences__labels__skills__list
  li
  span:first-of-type {
  color: inherit;
}
.profileHeartedPreferences
  .HeartedPreferences__labels__skills__list
  li
  span:last-of-type {
  position: absolute;
  top: -3px;
  right: -19px;
  z-index: 1;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #64686c;
  padding: 1px;
  font-size: 10px;
  font-weight: bold;
  cursor: pointer;
}
.profileHeartedPreferences
  .HeartedPreferences__labels__skills__list
  li
  span:last-of-type:before {
  color: #64686c !important;
  display: inline-block;
}
.profileHeartedPreferences .HeartedPreferences__labels__interests {
  margin-top: 50px;
}
@media (min-width: 700px) {
  .profileHeartedPreferences .HeartedPreferences__labels__interests {
    margin-top: 0;
    float: left;
    width: 40%;
    padding-left: 20px;
  }
}
.profileHeartedPreferences .HeartedPreferences__labels__interests__listing {
  height: 135px;
  overflow-y: auto;
  border: 1px solid #bbbdc0;
}
.profileHeartedPreferences .HeartedPreferences__labels__interests__listing li {
  position: relative;
}
.profileHeartedPreferences
  .HeartedPreferences__labels__interests__listing
  li:hover {
  background: #47a4c6;
}
.profileHeartedPreferences
  .HeartedPreferences__labels__interests__listing
  li:hover
  *,
.profileHeartedPreferences
  .HeartedPreferences__labels__interests__listing
  li:hover
  *:before {
  color: #fff !important;
}
.profileHeartedPreferences
  .HeartedPreferences__labels__interests__listing
  input {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.00001;
  cursor: pointer;
}
.profileHeartedPreferences
  .HeartedPreferences__labels__interests__listing
  input:checked
  + span:before {
  content: "\e611";
  font-family: "icons";
  position: absolute;
  left: -1.25em;
  color: #ef5e39;
}
.profileHeartedPreferences
  .HeartedPreferences__labels__interests__listing
  span {
  position: relative;
  display: block;
  margin-left: 1.5em;
}
.profileHeartedPreferences .HeartedPreferences__labels__interests__list {
  margin-top: 5px;
}
.profileHeartedPreferences .HeartedPreferences__labels__interests__list li {
  position: relative;
  display: inline-block;
  padding: 2px 0;
  height: 24px;
  margin: 0 25px 4px 12px;
  background: #ef5e39;
  color: #fff;
  text-transform: uppercase;
  font-family: "Oswald";
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.profileHeartedPreferences
  .HeartedPreferences__labels__interests__list
  li:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: -12px;
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #ef5e39;
}
.profileHeartedPreferences
  .HeartedPreferences__labels__interests__list
  li:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: -12px;
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #ef5e39;
}
.profileHeartedPreferences
  .HeartedPreferences__labels__interests__list
  li
  span:first-of-type {
  color: inherit;
}
.profileHeartedPreferences
  .HeartedPreferences__labels__interests__list
  li
  span:last-of-type {
  position: absolute;
  top: -3px;
  right: -27px;
  z-index: 1;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #64686c;
  padding: 1px;
  font-size: 10px;
  font-weight: bold;
  cursor: pointer;
}
.profileHeartedPreferences
  .HeartedPreferences__labels__interests__list
  li
  span:last-of-type:before {
  color: #64686c !important;
  display: inline-block;
}
.profileNotificationSettings #delete-profile-modal {
  min-height: 200px;
}
.profileNotificationSettings #delete-profile-modal .modal-directive-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 20px;
}
.profileNotificationSettings
  #delete-profile-modal
  .modal-directive-container
  p {
  text-align: center;
  margin-bottom: 30px;
}
.profileNotificationSettings
  #delete-profile-modal
  .modal-directive-container
  #delete-profile-button-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}
.profileNotificationSettings
  #delete-profile-modal
  .modal-directive-container
  #delete-profile-button-container
  input[type="button"] {
  padding: 4px 20px;
  width: auto;
}
.profileNotificationSettings
  #delete-profile-modal
  .modal-directive-container
  #delete-profile-button-container
  #delete-button-cancel {
  background-color: #64686c;
}
.profileNotificationSettings
  #delete-profile-modal
  .modal-directive-container
  #delete-profile-button-container
  #delete-button-confirm {
  margin-left: 20px;
  background-color: #ef5e39;
}
.profileNotificationSettings__block {
  border-bottom: solid 1px #e5e3e3;
  margin-bottom: 2em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
@media (min-width: 45em) {
  .profileNotificationSettings__block {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.profileNotificationSettings__label {
  color: #64686c;
}
.profileNotificationSettings__switchWrapper {
  width: 6.5em;
  margin: 0 2em 1em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-flex-align: center;
  align-items: center;
}
.profileNotificationSettings__switch {
  background-color: #e5e3e3;
  width: 3.5em;
  display: -ms-flexbox;
  display: flex;
}
.profileNotificationSettings__switch:checked {
  -ms-flex-align: end;
  align-items: flex-end;
}
.profileNotificationSettings__switchToggle {
  width: 1.5em;
  height: 1.5em;
  margin: 0.2em;
  background-color: #be1e2d;
}
.profileNotificationSettings__switchToggle:focus {
  box-shadow: none !important;
}
.profileNotificationSettings__switchToggle--off {
  font-family: "Oswald";
  font-size: 0.7em;
  margin: 0 0.5em;
  color: #47a4c6;
}
.profileNotificationSettings__switchToggle--on {
  font-family: "Oswald";
  font-size: 0.7em;
  margin: 0 0.5em;
  color: #47a4c6;
}
.profileNotificationSettings__switchToggle:checked {
  background-color: #74af43;
  margin-left: auto;
}
.profileNotificationSettings__switchToggle--hidden {
  opacity: 0;
}
.profileNotificationSettings__radioWrapper {
  margin-right: 1em;
}
.profileNotificationSettings__periodRadio {
  width: 1em;
  height: 1em;
  background-color: #fff;
  -moz-appearance: radio;
  -webkit-appearance: radio;
  border-radius: 0;
}
.profileNotificationSettings__periodRadio:focus {
  box-shadow: none !important;
}
.profileNotificationSettings__textbox {
  width: 2em;
  height: 1.3em;
  padding-left: 6px;
}
.profileNotificationSettings_admin-include {
  margin-top: 10px;
}
.profileNotificationSettings__toggle {
  width: 100%;
  background-color: #e5e3e3;
  padding: 0.5em;
  margin-bottom: 1em;
}
.profileNotificationSettings__footer {
  padding-top: 2em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.profileNotificationSettings__deletebutton {
  color: #ef5e39;
  text-decoration: underline;
}
.profileNotificationSettings__deletebutton.disabled {
  cursor: default;
  color: #d9dadb;
}
.profileNotificationSettings__deleteMessage {
  border: 1px solid #e5e3e3;
  padding: 0.5em;
  max-width: 30em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.profileNotificationSettings__deleteMessage__input {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.profileNotificationSettings__deleteMessage__input span {
  color: #fff;
  cursor: pointer;
  padding: 0.2em 1em;
  font-family: "Oswald";
}
.profileNotificationSettings__deleteMessage__input--cancel {
  background-color: #bbbdc0;
}
.profileNotificationSettings__deleteMessage__input--yes {
  background-color: #ef5e39;
}
.profileNotificationSettings__updateUser {
  height: 2.1em;
  width: 10em;
}
.profileNotificationSettings .add-options-label {
  color: #64686c;
}
.profileNotificationSettings .options-input-area {
  margin: 10px 0 0 0;
  border: 1px solid #e5e3e3;
}
.profilePersonalSetting {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  color: #64686c;
}
.profilePersonalSetting__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.profilePersonalSetting__title {
  width: 100%;
}
.profilePersonalSetting__label {
  padding: 0 0.5em 0.5em 0;
  width: 16em;
}
.profilePersonalSetting__label__2 {
  width: 32em;
}
.profilePersonalSetting__label__3 {
  width: 48em;
}
.profilePersonalSetting__label--text {
  font-size: 12px;
  width: 20em;
  padding: 1.6em 0.5em 0.5em 0;
}
.profilePersonalSetting .form-select {
  width: 100%;
}
.profilePersonalSetting .form-select select {
  height: 32px;
}
.profilePersonalSetting .form-select:after {
  top: 5px;
}
.profilePersonalSetting__labelText {
  color: #989b9f;
  font-size: 0.7em;
  height: 1em;
}
.profilePersonalSetting .label-required:after {
  font-size: 15px;
  content: "*";
  float: right;
}
.profilePersonalSetting__input {
  height: 2em;
  color: #64686c;
  border: solid 1px #989b9f;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0.3em;
}
.profilePersonalSetting__input > select {
  color: #64686c;
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  opacity: 1;
  padding-left: 5px;
}
.profilePersonalSetting__input > i {
  position: absolute;
  right: 10px;
  top: 8px;
}
.profilePersonalSetting__inputList {
  margin-bottom: 2em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.profilePersonalSetting h4 {
  font-family: "Oswald";
  color: #47a4c6;
}
@media (min-width: 45em) {
  .profilePersonalSetting__editButton {
    width: 8em;
    height: 2em;
  }
}
.profilePersonalSetting__locationNotAvailable {
  transition: opacity 0.25s ease-in-out;
  margin: 0 0 32px 0;
}
.profilePersonalSetting__locationNotAvailable a {
  color: #47a4c6;
}
.profilePersonalSetting__passwardLink {
  color: #47a4c6;
  font-size: 0.8em;
  padding: 0.5em 0;
}
.profilePersonalSetting__passwardLink > a {
  cursor: pointer;
}
.profilePersonalSetting__passwordEditBox {
  color: #64686c;
  font-size: 0.8em;
  background-color: #e5e3e3;
  max-width: 27em;
  padding: 0.5em 1.5em 1em;
}
.profilePersonalSetting__passwordEditBox input[type="password"] {
  color: #ef5e39;
  margin-bottom: 0.5em;
}
.profilePersonalSetting__passwordButton[type="button"] {
  width: 8em;
  padding: 5px;
  font-size: 18px;
}
.profilePersonalSetting__passwordButton--cancel[type="button"] {
  background-color: #bbbdc0;
}
.profilePersonalSetting__passwordButton--update[type="button"] {
  background-color: #74af43;
}
.profilePersonalSettingDouble {
  width: 16em;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 450px) {
  .profilePersonalSettingDouble {
    display: inline-block;
    padding-right: 8px;
  }
}
trainings-directive {
  margin: auto;
  width: 100%;
}
trainings-directive > .training-nav {
  max-width: 800px !important;
  margin: 15px auto;
  text-align: center;
  position: relative;
}
trainings-directive > .training-nav > a,
trainings-directive > .training-nav > button {
  width: 100px;
  margin: 0;
  padding: 4px 10px;
}
trainings-directive > .training-nav > a:before,
trainings-directive > .training-nav > button:before {
  background-size: 12px 12px;
  width: 12px;
  height: 12px;
}
trainings-directive > .training-nav > a:disabled,
trainings-directive > .training-nav > button:disabled {
  background-color: #d9dadb;
}
trainings-directive > .training-nav > a {
  color: #47a4c6;
  text-decoration: underline;
}
trainings-directive > .training-nav > .back,
trainings-directive > .training-nav > .next {
  color: white;
  text-decoration: none;
  position: absolute;
  line-height: 19px;
}
trainings-directive > .training-nav > .back {
  left: 0;
}
trainings-directive > .training-nav > .next {
  right: 0;
}
trainings-directive > .trainingBody > h2,
trainings-directive > .trainingBody > h3,
trainings-directive > .trainingBody > h4,
trainings-directive > .trainingBody > figure {
  text-align: center;
}
trainings-directive > .trainingBody > h2 iframe,
trainings-directive > .trainingBody > h3 iframe,
trainings-directive > .trainingBody > h4 iframe,
trainings-directive > .trainingBody > figure iframe {
  max-width: 100%;
}
trainings-directive > .trainingBody > h2 {
  color: #47a4c6;
  font-size: 24px;
  margin: 45px auto 45px auto !important;
}
trainings-directive > .trainingBody > h3 {
  color: #47a4c6;
  font-size: 18px;
  margin: 45px auto 0 auto !important;
}
trainings-directive > .trainingBody > h4 {
  color: #47a4c6;
}
trainings-directive > .trainingBody > p {
  max-width: 800px !important;
  margin: 15px auto 0 auto;
}
trainings-directive > .trainingBody > ul {
  max-width: 750px !important;
  margin: auto;
  list-style-type: unset;
}
trainings-directive > .training-cards {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
trainings-directive > .training-cards > .training-card {
  text-align: center;
  margin-bottom: 15px;
  width: 32%;
}
@media (max-width: 1023px) {
  trainings-directive > .training-cards > .training-card {
    width: 90%;
  }
}
trainings-directive > .training-cards > .training-card > .top {
  border-color: #bbbdc0;
  border-style: solid;
  border-radius: 5px 5px 0 0;
  border-width: 1px 1px 0 1px;
  padding: 15px;
  height: 250px;
  line-height: 220px;
}
trainings-directive > .training-cards > .training-card > .top > img {
  vertical-align: middle;
  width: unset;
  max-width: 100%;
  max-height: 100%;
}
trainings-directive > .training-cards > .training-card > .bottom {
  border-color: #bbbdc0;
  border-style: solid;
  border-radius: 0 0 5px 5px;
  border-width: 0 1px 1px 1px;
  padding: 5%;
  height: 250px;
  text-align: left;
  position: relative;
}
trainings-directive > .training-cards > .training-card > .bottom > h2 {
  color: #47a4c6;
  font-size: 24px;
  padding: 0 0 5px 0;
}
trainings-directive > .training-cards > .training-card > .bottom > h3 {
  color: #47a4c6;
  font-size: 18px;
}
trainings-directive > .training-cards > .training-card > .bottom > p {
  height: 150px;
  color: #47a4c6;
  text-overflow: ellipsis;
  overflow: hidden;
}
trainings-directive > .training-cards > .training-card > .bottom > a {
  position: absolute;
  bottom: 15px;
  width: 90%;
  text-align: center;
  padding: 8px 20px;
  background: #47a4c6;
  color: white;
}
trainings-directive > .training-cards > .training-card > .bottom > a:hover {
  background: #74af43;
  color: white;
}
trainings-directive > .video,
trainings-directive > .video > iframe {
  height: 288px;
  padding: 0px;
}
trainings-directive > .video {
  position: relative;
}
trainings-directive > .video > iframe {
  max-width: 512px;
  margin: auto;
  position: absolute;
  left: 256px;
}
trainings-directive > .training-cards {
  margin: 30px auto;
}
translations-directive {
  color: #444;
}
translations-directive a:hover {
  color: #74af43;
}
translations-directive i {
  font-family: icons;
  font-size: 12px;
}
translations-directive form[name="newTranslation"] > :not(:last-child) {
  margin: 0 0 7.5px 0;
}
translations-directive form[name="newTranslation"] h1 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
translations-directive form[name="newTranslation"] select {
  padding: 5px;
}
translations-directive form[name="newTranslation"] input[type="text"] {
  max-width: 200px;
}
translations-directive form[name="newTranslation"] textarea {
  max-width: 100%;
}
translations-directive form[name="newTranslation"] select,
translations-directive form[name="newTranslation"] input[type="text"],
translations-directive form[name="newTranslation"] textarea {
  border: 1px solid #444;
  color: #444;
}
translations-directive form[name="newTranslation"] select.error,
translations-directive form[name="newTranslation"] input[type="text"].error,
translations-directive form[name="newTranslation"] textarea.error {
  border: 1px solid #be1e2d;
}
translations-directive form[name="newTranslation"] select,
translations-directive form[name="newTranslation"] input[type="text"],
translations-directive form[name="newTranslation"] textarea,
translations-directive form[name="newTranslation"] p {
  font-size: 12px !important;
}
translations-directive form[name="newTranslation"] p.error {
  color: #be1e2d !important;
}
translations-directive form[name="newTranslation"] .actions {
  text-align: right;
}
translations-directive form[name="newTranslation"] .actions input {
  max-width: 100px;
  padding: 3.75px 7.5px;
}
translations-directive table {
  font-family: "Oswald", sans-serif;
}
translations-directive table caption {
  padding: 15px 0;
  text-align: left;
  vertical-align: middle;
  font-family: "Oswald", sans-serif;
  font-size: 22px;
  color: #47a4c6;
}
translations-directive table caption a {
  padding: 2px 5px;
  border-radius: 7px;
}
translations-directive table caption a > * {
  animation: fadeIn 0.4s;
  overflow: hidden;
}
translations-directive table caption a i {
  font-size: 20px;
}
translations-directive table caption a span {
  display: none;
}
translations-directive table caption a:hover {
  background: #74af43 none repeat scroll 0 0;
  color: white;
}
translations-directive table caption a:hover i {
  display: none;
}
translations-directive table caption a:hover span {
  display: inline;
}
translations-directive table thead th:first-child {
  text-align: left;
}
translations-directive table thead th:not(:first-child):not(:last-child) {
  text-align: center;
}
translations-directive table thead th:last-child {
  text-align: right;
}
translations-directive table tbody {
  border: 1px solid #444;
}
translations-directive table tbody a {
  color: #47a4c6;
}
translations-directive table tbody td:first-child {
  text-align: left;
}
translations-directive table tbody td:not(:first-child):not(:last-child) {
  text-align: center;
}
translations-directive table tbody td:last-child {
  text-align: right;
  position: relative;
}
translations-directive table tbody tr.update textarea {
  border: 1px solid #444;
}
project-details-directive #project-details {
  padding-top: 26px;
}
@media (max-width: 1023px) {
  project-details-directive #project-details {
    padding: 26px 16px 0;
  }
}
project-details-directive #project-details.project-expired {
  opacity: 0.5;
}
project-details-directive #project-details.project-expired .back-to-projects {
  opacity: 1;
}
project-details-directive #project-details .link {
  color: #47a4c6;
}
project-details-directive #project-details .loading-indicator,
project-details-directive
  #project-details
  .admin-search-box
  .search-container
  .search-button-container
  .loading-indicator-invisible,
.admin-search-box
  .search-container
  .search-button-container
  project-details-directive
  #project-details
  .loading-indicator-invisible {
  width: 80px;
  height: 12px;
  background: url("https://www.justserve.org/api/images/static/animated-loading-bar.gif");
  background-size: cover;
  margin: 8px auto;
}
project-details-directive #project-details h1 {
  font-family: "Oswald", sans-serif;
  font-size: 23px;
  color: #47a4c6;
}
project-details-directive #project-details h2 {
  font-size: 16px;
  font-weight: bold;
}
project-details-directive #project-details .user-formatted * {
  font-family: Helvetica, arial;
  font-size: 14px;
  font-weight: normal;
  color: #000;
}
project-details-directive #project-details .user-formatted p {
  margin: 5px 0 !important;
}
project-details-directive #project-details .user-formatted a {
  color: #47a4c6 !important;
}
project-details-directive #project-details .user-formatted ul {
  padding-left: 2em !important;
  list-style-type: disc !important;
}
project-details-directive #project-details .user-formatted ol {
  padding-left: 2em !important;
  list-style-type: decimal !important;
}
project-details-directive #project-details .user-formatted strong,
project-details-directive #project-details .user-formatted b {
  font-weight: bold !important;
}
project-details-directive #project-details .user-formatted em,
project-details-directive #project-details .user-formatted i {
  font-style: italic !important;
}
project-details-directive #project-details .user-formatted u {
  text-decoration: underline !important;
}
project-details-directive #project-details .projectNav {
  margin-bottom: 43px;
}
project-details-directive #project-details .projectNav .back-to-projects {
  display: inline-block;
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
  color: #ef5e39;
}
project-details-directive
  #project-details
  .projectNav
  .back-to-projects:before {
  content: "<";
  margin-right: 4px;
}
project-details-directive #project-details header {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 45px;
}
@media (max-width: 450px) {
  project-details-directive #project-details header {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
project-details-directive #project-details header #favorite-heart {
  font-family: "icons";
  font-size: 18px;
  margin-left: 6px;
}
project-details-directive #project-details header #favorite-heart:before {
  content: "\e628";
}
project-details-directive #project-details header .not-favorite {
  color: #bbbdc0;
}
project-details-directive #project-details header .favorite {
  color: #47a4c6;
}
project-details-directive #project-details header #mobile-title {
  display: none;
}
@media (max-width: 450px) {
  project-details-directive #project-details header #mobile-title {
    display: block;
    margin-bottom: 8px;
  }
}
project-details-directive #project-details header figure {
  width: 100%;
  margin-right: 50px;
  max-width: 272px;
  max-height: 152px;
  border: 1px solid #e5e3e3;
}
@media (max-width: 450px) {
  project-details-directive #project-details header figure {
    max-width: none;
    margin-bottom: 8px;
  }
}
project-details-directive #project-details header figure img {
  display: block;
  height: auto;
  width: auto;
  margin: 0 auto;
  max-width: 270px;
  max-height: 150px;
}
project-details-directive #project-details header #long-description-container {
  position: relative;
}
project-details-directive
  #project-details
  header
  #long-description-container
  ::-webkit-scrollbar {
  display: none;
}
project-details-directive
  #project-details
  header
  #long-description-container
  #long-description-container {
  line-height: 22px;
}
project-details-directive
  #project-details
  header
  #long-description-container
  .hide-overflow {
  height: 110px;
  overflow: auto;
  margin-bottom: 10px;
}
project-details-directive
  #project-details
  header
  #long-description-container
  .hide-overflow:after {
  position: absolute;
  content: "";
  left: 0px;
  top: 100px;
  height: 10px;
  width: 100%;
  background: linear-gradient(rgba(255, 255, 255, 0), white);
}
project-details-directive
  #project-details
  header
  #long-description-container
  #long-description-more {
  color: #47a4c6;
}
project-details-directive #project-details header #project-overview {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media (max-width: 450px) {
  project-details-directive #project-details header #project-overview {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
project-details-directive
  #project-details
  header
  #project-overview
  #desktop-title {
  margin-bottom: 8px;
  display: flex;
}
project-details-directive
  #project-details
  header
  #project-overview
  #desktop-title
  > * {
  max-width: 450px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (min-width: 450px) and (max-width: 1023px) {
  project-details-directive #project-details header {
    flex-direction: column;
    align-items: center;
  }
  project-details-directive #project-details header #project-overview {
    flex-direction: column;
  }
  project-details-directive #project-details header figure {
    width: 100%;
    margin: 0 0 50px 0;
    max-width: 272px;
    max-height: 152px;
    border: 1px solid #e5e3e3;
  }
  project-details-directive
    #project-details
    header
    #project-overview
    #desktop-title
    > * {
    max-width: 100%;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
@media (max-width: 450px) {
  project-details-directive
    #project-details
    header
    #project-overview
    #desktop-title {
    display: none;
  }
  project-details-directive
    #project-details
    header
    #project-overview
    #desktop-title
    > * {
    max-width: unset;
    display: unset;
    text-overflow: unset;
    overflow: unset;
  }
}
project-details-directive #project-details header #project-overview > div {
  width: 100%;
}
project-details-directive
  #project-details
  header
  #project-overview
  #long-description-container
  #long-description-container {
  line-height: 22px;
}
project-details-directive
  #project-details
  header
  #project-overview
  #long-description-container
  .hide-overflow {
  height: 110px;
  overflow: hidden;
  margin-bottom: 10px;
}
project-details-directive
  #project-details
  header
  #project-overview
  #long-description-container
  #long-description-more {
  color: #47a4c6;
}
project-details-directive
  #project-details
  header
  #project-overview
  #social-icons {
  font-size: 24px;
  width: 100%;
  max-width: 190px;
  margin-left: 10px;
}
@media (max-width: 450px) {
  project-details-directive
    #project-details
    header
    #project-overview
    #social-icons {
    margin: 0;
  }
}
project-details-directive
  #project-details
  header
  #project-overview
  #social-icons
  li {
  display: inline-block;
}
project-details-directive
  #project-details
  header
  #project-overview
  #social-icons
  li:not(:last-of-type) {
  margin-right: 8px;
}
project-details-directive
  #project-details
  header
  #project-overview
  #social-icons
  li
  a {
  vertical-align: middle;
  display: inline-block;
  line-height: 0.5em;
}
project-details-directive
  #project-details
  header
  #project-overview
  #social-icons
  li
  a.icon-facebook:before {
  color: #3b5893;
}
project-details-directive
  #project-details
  header
  #project-overview
  #social-icons
  li
  a.icon-twitter:before {
  color: #28a6d6;
}
project-details-directive
  #project-details
  header
  #project-overview
  #social-icons
  li
  a.icon-googleplus:before {
  color: #d14a3a;
}
project-details-directive
  #project-details
  header
  #project-overview
  #social-icons
  li
  a.icon-email:before {
  font-size: 18px;
  color: #ef5e39;
}
project-details-directive
  #project-details
  header
  #project-overview
  #social-icons
  li
  a.icon-youtube:before {
  color: #df3f3b;
}
project-details-directive #project-details #volunteering-options {
  margin-bottom: 50px;
}
project-details-directive
  #project-details
  #volunteering-options
  #multi-heading {
  border-top: 1px solid #989b9f;
  padding: 30px 0;
}
project-details-directive
  #project-details
  #volunteering-options
  #option-list
  .option-selected {
  background: #e5e3e3;
  border-top: 1px solid rgba(255, 255, 255, 0);
  margin-bottom: 50px;
}
project-details-directive
  #project-details
  #volunteering-options
  #option-list
  .option-selected:last-of-type {
  border-bottom: none;
}
project-details-directive
  #project-details
  #volunteering-options
  #option-list
  > li:hover
  + .option-selected {
  border-top: 1px solid #989b9f;
}
project-details-directive
  #project-details
  #volunteering-options
  #option-list
  > li {
  border-top: 1px solid #989b9f;
  padding: 20px 16px;
  position: relative;
}
project-details-directive
  #project-details
  #volunteering-options
  #option-list
  > li:hover {
  background-color: #e5e3e3;
}
project-details-directive
  #project-details
  #volunteering-options
  #option-list
  > li:first-of-type:not(:only-of-type) {
  border-top: none;
}
project-details-directive
  #project-details
  #volunteering-options
  #option-list
  > li:last-of-type {
  border-bottom: 1px solid #989b9f;
}
project-details-directive
  #project-details
  #volunteering-options
  #option-list
  > li
  .location-name {
  font-weight: normal;
  margin-bottom: 10px;
}
project-details-directive
  #project-details
  #volunteering-options
  #option-list
  > li
  .location-link {
  font-weight: normal;
  color: revert;
}
project-details-directive
  #project-details
  #volunteering-options
  #option-list
  > li
  .option-overview {
  display: -ms-flexbox;
  display: flex;
}
project-details-directive
  #project-details
  #volunteering-options
  #option-list
  > li
  .option-overview
  p {
  margin-top: 1em;
  margin-bottom: 1em;
}
project-details-directive
  #project-details
  #volunteering-options
  #option-list
  > li
  .option-overview
  p
  span {
  display: block;
}
project-details-directive
  #project-details
  #volunteering-options
  #option-list
  > li
  .option-overview
  .option-location-container,
project-details-directive
  #project-details
  #volunteering-options
  #option-list
  > li
  .option-overview
  .option-contact-container {
  font-size: 14px;
  min-width: 33%;
}
@media (max-width: 450px) {
  project-details-directive
    #project-details
    #volunteering-options
    #option-list
    > li
    .option-overview
    .option-contact-container {
    display: none;
  }
}
project-details-directive
  #project-details
  #volunteering-options
  #option-list
  > li
  .option-overview
  .option-location-container
  p:first-of-type {
  margin-top: 0;
}
@media (max-width: 450px) {
  project-details-directive
    #project-details
    #volunteering-options
    #option-list
    > li
    .option-overview
    .option-location-container
    p {
    margin-top: 0;
  }
}
project-details-directive
  #project-details
  #volunteering-options
  #option-list
  > li
  .option-overview
  .option-button-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 450px) {
  project-details-directive
    #project-details
    #volunteering-options
    #option-list
    > li
    .option-overview
    .option-button-container {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
  }
}
project-details-directive
  #project-details
  #volunteering-options
  #option-list
  > li
  .option-overview
  .option-button-container
  h3 {
  font-family: "Oswald", sans-serif;
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
  color: #74af43;
  margin: 0 8px;
}
@media (max-width: 450px) {
  project-details-directive
    #project-details
    #volunteering-options
    #option-list
    > li
    .option-overview
    .option-button-container
    h3 {
    font-size: 14px;
    width: 100%;
    text-align: right;
    margin-top: 8px;
    margin: 0;
  }
}
project-details-directive
  #project-details
  #volunteering-options
  #option-list
  > li
  .option-overview
  .option-button-container
  .option-filled {
  color: #ef5e39;
}
project-details-directive
  #project-details
  #volunteering-options
  #option-list
  > li
  .option-overview
  .option-button-container
  .option-ended {
  color: #bbbdc0;
}
project-details-directive
  #project-details
  #volunteering-options
  #option-list
  > li
  .option-overview
  .option-button-container
  a {
  height: 35px;
  width: auto;
  padding: 8px 16px;
  margin-left: 33px;
}
project-details-directive
  #project-details
  #volunteering-options
  #option-list
  > li
  .option-overview
  .option-button-container
  .button-volunteered {
  background-color: #74af43;
}
project-details-directive
  #project-details
  #volunteering-options
  #option-list
  > li
  .option-overview
  .option-button-container
  .button-unavailable {
  background-color: #bbbdc0;
}
@media (max-width: 1023px) {
  project-details-directive
    #project-details
    #volunteering-options
    .option-button-container {
      display: grid !important;
  }
}
project-details-directive
  #project-details
  #volunteering-options
  #option-list
  > li
  .option-overview
  .option-close-container {
  width: 100%;
}
project-details-directive
  #project-details
  #volunteering-options
  #option-list
  > li
  .option-details {
  margin-top: 24px;
  border-top: 1px solid #fff;
}
project-details-directive
  #project-details
  #volunteering-options
  #option-list
  > li
  .option-details
  .print-link {
  text-align: right;
}
@media (max-width: 450px) {
  project-details-directive
    #project-details
    #volunteering-options
    #option-list
    > li
    .option-details
    .print-link {
    text-align: center;
  }
}
project-details-directive
  #project-details
  #volunteering-options
  #option-list
  > li
  .option-details
  .print-link
  a {
  color: #47a4c6;
}
project-details-directive
  #project-details
  #volunteering-options
  #option-list
  > li
  .option-close {
  position: absolute;
  right: 16px;
  top: 16px;
}
project-details-directive
  #project-details
  #volunteering-options
  #option-list
  > li
  .option-close:after {
  color: #47a4c6;
  font-family: "icons";
  font-size: 15px;
  content: "\e60d";
}
project-details-directive #project-details #details {
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 450px) {
  project-details-directive #project-details #details {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media (min-width: 450px) and (max-width: 1023px) {
  project-details-directive #project-details #details {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 16px;
  }
}
project-details-directive #project-details #details h1 {
  margin-bottom: 20px;
}
project-details-directive #project-details #details h2:not(:first-of-type) {
  margin-top: 1em;
}
project-details-directive #project-details #details #additional-info {
  width: 60%;
  margin-right: 90px;
}
@media (max-width: 450px) {
  project-details-directive #project-details #details #additional-info {
    width: 100%;
    margin: 0;
  }
}
@media (min-width: 450px) and (max-width: 1023px) {
  project-details-directive #project-details #details #additional-info {
    width: 50%;
    margin: 0;
  }
}
project-details-directive #project-details #details #additional-info ul {
  margin-top: 8px;
}
project-details-directive
  #project-details
  #details
  #additional-info
  #detail-list
  li:before {
  font-family: "icons";
  content: "\e611";
  color: #47a4c6;
  margin-right: 5px;
}
project-details-directive
  #project-details
  #details
  #additional-info
  #interest-list
  li {
  display: inline-block;
  font-size: 12px;
  background: #ef5e39;
  color: #fff;
  font-family: "Oswald", sans-serif;
  border-radius: 20px;
  text-transform: uppercase;
  padding: 3px 9px;
  margin: 0 6px 4px 0;
}
project-details-directive
  #project-details
  #details
  #additional-info
  #skills-list
  li {
  position: relative;
  display: inline-block;
  font-size: 12px;
  padding: 4px 6px;
  margin: 0 13px 4px 6px;
  background: #edc314;
  color: #fff;
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
}
project-details-directive
  #project-details
  #details
  #additional-info
  #skills-list
  li:before {
  content: "";
  position: absolute;
  top: 0;
  left: -24px;
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 12px solid rgba(255, 255, 255, 0);
  border-right: 6px solid #edc314;
}
project-details-directive
  #project-details
  #details
  #additional-info
  #skills-list
  li:after {
  content: "";
  position: absolute;
  top: 0;
  right: -24px;
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 12px solid rgba(255, 255, 255, 0);
  border-left: 6px solid #edc314;
}
project-details-directive #project-details #details #organization-info {
  width: 100%;
  margin-right: 35px;
}
@media (max-width: 450px) {
  project-details-directive #project-details #details #organization-info {
    margin-top: 50px;
  }
}
@media (min-width: 450px) and (max-width: 1023px) {
  project-details-directive #project-details #details #organization-info {
    width: 50%;
    margin: 0;
  }
}
project-details-directive
  #project-details
  #details
  #organization-info
  #org-info-heading {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 450px) {
  project-details-directive
    #project-details
    #details
    #organization-info
    #org-info-heading {
    display: block;
  }
}
project-details-directive
  #project-details
  #details
  #organization-info
  #org-info-heading
  .org-linked {
  color: #47a4c6;
}
@media (max-width: 1023px) {
  project-details-directive
    #project-details
    #details
    #organization-info
    #org-info-heading
    #volunteer-center-single {
    display: none;
  }
}
project-details-directive
  #project-details
  #details
  #organization-info
  #org-info-body
  h2 {
  margin-top: 1em;
}
project-details-directive
  #project-details
  #details
  #organization-info
  #org-info-body
  p
  span {
  display: block;
}
project-details-directive #project-details #details #multi-vc-section {
  margin-top: 54px;
}
@media (min-width: 450px) and (max-width: 1023px) {
  project-details-directive #project-details #details #multi-vc-section {
    width: 100%;
  }
}
project-details-directive #project-details #details #multi-vc-section ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 1023px) {
  project-details-directive #project-details #details #multi-vc-section ul {
    -ms-flex-pack: center;
    justify-content: center;
  }
}
project-details-directive #project-details #details #multi-vc-section ul li {
  margin-right: 10px;
  margin-bottom: 20px;
}
project-details-directive #project-details .vc-card {
  width: 191px;
  border: 1px solid #74af43;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
project-details-directive #project-details .vc-card h2 {
  text-align: center;
  background: #74af43;
  color: #fff;
  height: 28px;
  line-height: 28px;
  width: 100%;
}
project-details-directive #project-details .vc-card .vc-card-tag {
  margin: 10px;
  font-size: 13px;
  text-align: center;
}
project-details-directive #project-details .vc-card figure {
  width: 100%;
  max-width: 140px;
  height: 100%;
  max-height: 100px;
  margin: 10px 0 0;
  text-align: center;
}
project-details-directive #project-details .vc-card figure img {
  width: auto;
  max-width: 140px;
  height: auto;
  max-height: 100px;
}
project-details-directive #project-details .vc-card .vc-card-title {
  font-family: "Oswald", sans-serif;
  font-size: 16px;
  color: #47a4c6;
  margin: 5px 0 20px;
}
project-details-directive #project-details-print {
  display: none;
}
@media print {
  project-details-directive #project-details {
    display: none;
  }
  project-details-directive #project-details-print {
    display: block;
  }
}
#volunteer-option {
  padding: 26px 0 0;
  background: #e5e3e3;
}
#volunteer-option .form-select:after {
  top: 4px;
}
#volunteer-option .form-select {
  height: 30px;
}
#volunteer-option .form-select select {
  height: 30px;
}
#volunteer-option .option-content {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
}
@media (max-width: 450px) {
  #volunteer-option .option-content {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#volunteer-option .option-content #location-container {
  width: 296px;
}
@media (max-width: 450px) {
  #volunteer-option .option-content #location-container {
    margin: 0 auto 25px;
  }
}
#volunteer-option .option-content #location-container figure {
  width: 296px;
  background: #fff;
  padding: 10px;
}
@media (max-width: 450px) {
  #volunteer-option .option-content #location-container figure {
    margin: auto;
  }
}
#volunteer-option .option-content #location-container figure .map {
  width: 276px;
  height: 155px;
}
#volunteer-option .option-content #location-container > *:not(:first-child) {
  margin-top: 20px;
}
#volunteer-option .option-content #location-container p {
  font-size: 14px;
}
#volunteer-option .option-content #location-container h2 {
  color: #47a4c6;
  margin-bottom: 16px;
}
#volunteer-option .option-content #location-container #mobile-contacts-wrapper {
  display: none;
}
@media (max-width: 450px) {
  #volunteer-option
    .option-content
    #location-container
    #mobile-contacts-wrapper {
    display: block;
  }
}
#volunteer-option
  .option-content
  #location-container
  #additional-contacts-wrapper
  li:not(:first-of-type) {
  margin-top: 10px;
}
#volunteer-option .option-content .info-container {
  margin-left: 25px;
  margin-right: 65px;
}
#volunteer-option .option-content .info-container.no-map {
  margin-left: 0;
}
@media (max-width: 450px) {
  #volunteer-option .option-content .info-container {
    margin: 0;
  }
}
#volunteer-option .option-content .info-container h1 {
  margin-bottom: 24px;
}
#volunteer-option
  .option-content
  #internal-volunteer
  #user-location-wrapper
  input[type="text"],
#volunteer-option
  .option-content
  #redirect-volunteer
  #user-location-wrapper
  input[type="text"],
#volunteer-option
  .option-content
  #location-missing
  #user-location-wrapper
  input[type="text"] {
  height: 30px;
  border: 1px solid #808083;
}
#volunteer-option .option-content #internal-volunteer .user-location-right,
#volunteer-option .option-content #redirect-volunteer .user-location-right,
#volunteer-option .option-content #location-missing .user-location-right {
  margin-left: 15px;
}
#volunteer-option .option-content #internal-volunteer .user-location-left,
#volunteer-option .option-content #internal-volunteer .user-location-right,
#volunteer-option .option-content #redirect-volunteer .user-location-left,
#volunteer-option .option-content #redirect-volunteer .user-location-right,
#volunteer-option .option-content #location-missing .user-location-left,
#volunteer-option .option-content #location-missing .user-location-right {
  float: left;
  display: inline;
}
#volunteer-option .option-content #internal-volunteer h2,
#volunteer-option .option-content #redirect-volunteer h2,
#volunteer-option .option-content #location-missing h2 {
  color: #47a4c6;
  font-size: 16px;
  margin-bottom: 16px;
}
#volunteer-option .option-content #internal-volunteer h2:not(:first-of-type),
#volunteer-option .option-content #redirect-volunteer h2:not(:first-of-type),
#volunteer-option .option-content #location-missing h2:not(:first-of-type) {
  margin-top: 25px;
}
#volunteer-option
  .option-content
  #internal-volunteer
  #contact-info-header:not(:first-child),
#volunteer-option
  .option-content
  #redirect-volunteer
  #contact-info-header:not(:first-child),
#volunteer-option
  .option-content
  #location-missing
  #contact-info-header:not(:first-child) {
  margin-top: 25px;
}
#volunteer-option .option-content #internal-volunteer textarea:disabled,
#volunteer-option .option-content #internal-volunteer input:disabled,
#volunteer-option .option-content #redirect-volunteer textarea:disabled,
#volunteer-option .option-content #redirect-volunteer input:disabled,
#volunteer-option .option-content #location-missing textarea:disabled,
#volunteer-option .option-content #location-missing input:disabled {
  border: 1px solid #989b9f;
}
#volunteer-option .option-content #internal-volunteer select,
#volunteer-option .option-content #internal-volunteer input[type="text"],
#volunteer-option .option-content #internal-volunteer input[type="tel"],
#volunteer-option .option-content #internal-volunteer input[type="email"],
#volunteer-option .option-content #redirect-volunteer select,
#volunteer-option .option-content #redirect-volunteer input[type="text"],
#volunteer-option .option-content #redirect-volunteer input[type="tel"],
#volunteer-option .option-content #redirect-volunteer input[type="email"],
#volunteer-option .option-content #location-missing select,
#volunteer-option .option-content #location-missing input[type="text"],
#volunteer-option .option-content #location-missing input[type="tel"],
#volunteer-option .option-content #location-missing input[type="email"] {
  width: 192px;
}
#volunteer-option .option-content #internal-volunteer input[type="number"],
#volunteer-option .option-content #redirect-volunteer input[type="number"],
#volunteer-option .option-content #location-missing input[type="number"] {
  width: 50px;
}
#volunteer-option .option-content #internal-volunteer label,
#volunteer-option .option-content #redirect-volunteer label,
#volunteer-option .option-content #location-missing label {
  display: block;
  font-size: 14px;
}
#volunteer-option .option-content #internal-volunteer textarea,
#volunteer-option .option-content #redirect-volunteer textarea,
#volunteer-option .option-content #location-missing textarea {
  resize: none;
}
#volunteer-option .option-content #internal-volunteer .margin-25,
#volunteer-option .option-content #redirect-volunteer .margin-25,
#volunteer-option .option-content #location-missing .margin-25 {
  margin-top: 25px;
}
#volunteer-option .option-content #internal-volunteer .required,
#volunteer-option .option-content #redirect-volunteer .required,
#volunteer-option .option-content #location-missing .required {
  width: 192px;
  position: relative;
}
#volunteer-option .option-content #internal-volunteer .required:after,
#volunteer-option .option-content #redirect-volunteer .required:after,
#volunteer-option .option-content #location-missing .required:after {
  font-size: 15px;
  content: "*";
  position: absolute;
  right: 0;
}
#volunteer-option
  .option-content
  #internal-volunteer
  .volunteer-skill-checkbox:not(:last-of-type),
#volunteer-option
  .option-content
  #redirect-volunteer
  .volunteer-skill-checkbox:not(:last-of-type),
#volunteer-option
  .option-content
  #location-missing
  .volunteer-skill-checkbox:not(:last-of-type) {
  margin-bottom: 10px;
}
#volunteer-option .option-content #internal-volunteer #dtl-form #group-wrapper,
#volunteer-option .option-content #redirect-volunteer #dtl-form #group-wrapper,
#volunteer-option .option-content #location-missing #dtl-form #group-wrapper {
  position: relative;
}
#volunteer-option
  .option-content
  #internal-volunteer
  #dtl-form
  #group-wrapper
  #vol-remaining,
#volunteer-option
  .option-content
  #redirect-volunteer
  #dtl-form
  #group-wrapper
  #vol-remaining,
#volunteer-option
  .option-content
  #location-missing
  #dtl-form
  #group-wrapper
  #vol-remaining {
  position: absolute;
  left: 60px;
  top: 5px;
  font-size: 14px;
}
#volunteer-option
  .option-content
  #internal-volunteer
  #dtl-form
  #group-wrapper
  .validate-input-message
  + #vol-remaining,
#volunteer-option
  .option-content
  #redirect-volunteer
  #dtl-form
  #group-wrapper
  .validate-input-message
  + #vol-remaining,
#volunteer-option
  .option-content
  #location-missing
  #dtl-form
  #group-wrapper
  .validate-input-message
  + #vol-remaining {
  top: 7px;
}
#volunteer-option .option-content #internal-volunteer #ongoing-remaining,
#volunteer-option .option-content #redirect-volunteer #ongoing-remaining,
#volunteer-option .option-content #location-missing #ongoing-remaining {
  font-size: 12px;
  text-align: right;
  margin-top: 4px;
}
#volunteer-option .option-content #internal-volunteer #sign-in-container,
#volunteer-option .option-content #redirect-volunteer #sign-in-container,
#volunteer-option .option-content #location-missing #sign-in-container {
  margin-bottom: 25px;
}
#volunteer-option
  .option-content
  #internal-volunteer
  #sign-in-container
  input[type="button"],
#volunteer-option
  .option-content
  #redirect-volunteer
  #sign-in-container
  input[type="button"],
#volunteer-option
  .option-content
  #location-missing
  #sign-in-container
  input[type="button"] {
  width: auto;
  padding: 8px 30px;
  margin-left: 10px;
}
#volunteer-option .option-content #internal-volunteer #sign-in-container p,
#volunteer-option .option-content #redirect-volunteer #sign-in-container p,
#volunteer-option .option-content #location-missing #sign-in-container p {
  display: inline-block;
}
#volunteer-option .option-footer p {
  font-size: 11px;
  margin-bottom: 30px;
}
#volunteer-option .option-footer .button-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@media (max-width: 450px) {
  #volunteer-option .option-footer .button-container {
    -ms-flex-pack: center;
    justify-content: center;
  }
}
#volunteer-option .option-footer .button-container .redirect-disabled {
  background-color: #bbbdc0;
  cursor: not-allowed;
}
#volunteer-option .option-footer .button-container #cancel-button {
  background: #64686c;
}
#volunteer-option .option-footer .button-container #action-button-container {
  margin-left: 20px;
}
#action-button-container button.preview {
  cursor: not-allowed;
}
#volunteer-option
  .option-footer
  .button-container
  #action-button-container
  #unvolunteer-button:not(:disabled) {
  background-color: #ef5e39;
}
.project-search {
  max-width: none;
  margin: auto;
}
.project-search select::-ms-expand {
  display: none;
}
.project-search .loading .active + .loading__bar:before {
  bottom: -10px;
}
.project-search .narrow .project-radius {
  width: 100%;
  border: 1px solid #989b9f;
  padding: 3px 30px 3px 5px;
  margin-right: 5px;
  background: rgba(255, 255, 255, 0);
  color: #ef5e39;
  font-size: 14px;
}
.project-search .narrow .project-radius .select__text {
  text-align: left;
}
.project-search .project-search-form {
  position: relative;
  width: 100%;
}
.project-search .project-search-form form {
  width: 100%;
}
@media (min-width: 768px) {
  .project-search .project-search-form form {
    display: inline-block;
    text-align: left;
  }
}
.project-search .project-search-form .max-width-container {
  max-width: 1250px;
  margin: auto;
  padding: 20px 40px;
}
@media (max-width: 500px) {
  .project-search .project-search-form #banner-container {
    padding: 0px;
  }
}
.project-search .project-search-form .margin-auto {
  margin: auto;
}
.project-search .project-search-form .project-search-banner {
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #fff;
}
.project-search .project-search-form .project-search-banner img {
  position: absolute;
  top: -20%;
  left: 0;
  width: 100%;
}
.project-search .project-search-form .project-search-banner-tall {
  height: 270px;
}
@media (max-width: 450px) {
  .project-search .project-search-form .project-search-banner-tall {
    height: 178px;
  }
}
.project-search .project-search-form .project-search-banner-short {
  height: 270px;
}
@media (max-width: 450px) {
  .project-search .project-search-form .project-search-banner-short {
    height: 138px;
  }
}
.project-search .project-search-form .project-search-banner .banner-overlay {
  background: rgba(71, 164, 198, 0.85);
  padding: 40px 10px 90px 10px;
  height: 100%;
}
@media (min-width: 450px) and (max-width: 1023px) {
  .project-search .project-search-form .project-search-banner .banner-overlay {
    padding: 18px 10px 10px 10px;
  }
}
@media (max-width: 450px) {
  .project-search .project-search-form .project-search-banner .banner-overlay {
    padding: 18px;
  }
}
.project-search
  .project-search-form
  .project-search-banner
  .banner-overlay
  #banner-container {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.project-search
  .project-search-form
  .project-search-banner
  .banner-overlay
  #banner-container
  .banner-location-wrapper {
  -ms-flex: 2;
  flex: 2;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: start;
  justify-content: center;
  padding: 0px;
  text-align: center;
}

@media (max-width: 1023px) {
.project-search
  .project-search-form
  .project-search-banner
  .banner-overlay
  #banner-container
  .banner-location-wrapper {
  flex: none;
}
}
@media (max-width: 1023px) {
  .project-search
    .project-search-form
    .project-search-banner
    .banner-overlay
    #banner-container
    .banner-location-wrapper {
    display: block;
  }
}
.project-search
  .project-search-form
  .project-search-banner
  .banner-overlay
  #banner-container
  .banner-location-wrapper
  h1 {
  color: #fff;
  font-size: 40px;
  font-family: "Helvetica Light", "Helvetica", "Arial", sans-serif;
  font-weight: 300;
}
.project-search
  .project-search-form
  .project-search-banner
  .banner-overlay
  #banner-container
  .banner-location-wrapper
  h1.not-eng {
  font-size: 30px;
}
@media (max-width: 1023px) {
  .project-search
    .project-search-form
    .project-search-banner
    .banner-overlay
    #banner-container
    .banner-location-wrapper
    h1 {
    width: 100%;
    text-align: center;
    font-size: 30px;
  }
}
@media (max-width: 1023px) {
  .project-search
    .project-search-form
    .project-search-banner
    .banner-overlay
    #banner-container
    .banner-location-wrapper
    h1.not-eng {
    font-size: 20px;
  }
}
@media (max-width: 700px) {
  .project-search
    .project-search-form
    .project-search-banner
    .banner-overlay
    #banner-container
    .banner-location-wrapper
    h1 {
    font-size: 20px;
  }
}
.project-search
  .project-search-form
  .project-search-banner
  .banner-overlay
  #banner-container
  .banner-location-wrapper
  .location-text {
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1023px) {
  .project-search
    .project-search-form
    .project-search-banner
    .banner-overlay
    #banner-container
    .banner-location-wrapper
    .location-text {
    text-align: center;
  }
}
.project-search
  .project-search-form
  .project-search-banner
  .banner-overlay
  #banner-container
  .banner-location-wrapper
  .location-text
  h2 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-size: 30px;
  color: #fff;
  border-bottom: solid #fff 1px;
  padding: 0 10px;
  font-family: "Oswald", sans-serif;
  font-weight: 300;
}
@media (max-width: 1023px) {
  .project-search
    .project-search-form
    .project-search-banner
    .banner-overlay
    #banner-container
    .banner-location-wrapper
    .location-text
    h2 {
    margin: auto;
  }
}
.project-search
  .project-search-form
  .project-search-banner
  .banner-overlay
  #banner-container
  .banner-location-wrapper
  .location-text
  h2
  .location-arrow {
  font-family: "icons";
  font-size: 13px;
  padding-left: 4px;
  padding-top: 4px;
}
.project-search
  .project-search-form
  .project-search-banner
  .banner-overlay
  #banner-container
  .banner-location-wrapper
  .location-input {
  position: relative;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1023px) {
  .project-search
    .project-search-form
    .project-search-banner
    .banner-overlay
    #banner-container
    .banner-location-wrapper
    .location-input {
    display: block;
    font-size: 0;
    text-align: center;
  }
}
.project-search
  .project-search-form
  .project-search-banner
  .banner-overlay
  #banner-container
  .banner-location-wrapper
  .location-input
  input[type="text"] {
  width: 400px;
  height: 38px;
  border: 1px solid #bbbdc0;
  font-family: "Helvetica Light", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  color: #444;
  margin-left: 6px;
}
.project-search
.volunteer-button {
  background-color: transparent;
  border-width: thin !important;
  border-style: solid !important;
  padding: 7px;
  margin-left: 10px;
  font-size: 20px;
  font-weight: 550;
}
.project-search
.bolder {
  font-size: 20px;
  font-weight: 500;
}
.project-search
.fw-500 {
  font-weight: 500;
}
.project-search
  .project-search-form
  .project-search-banner
  .banner-overlay
  #banner-container
  .banner-location-wrapper
  .location-input
  #project_search_location {
  width: 38px;
  height: 38px;
  color: #fff;
  background-color: #74af43;
  vertical-align: bottom;
  font-size: 22px;
  font-family: "icons";
  padding: 2px;
}
.project-search
  .project-search-form
  .project-search-banner
  .banner-overlay
  #banner-container
  .banner-location-wrapper
  hr {
  margin-top: 20px;
  border-top: 1px solid #fff;
}
.project-search
  .project-search-form
  .project-search-banner
  .banner-overlay
  #banner-container
  .search-more-options {
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  margin-top: 10px;
  font-family: "Oswald", sans-serif;
}
.project-search
  .project-search-form
  .project-search-banner
  .banner-overlay
  #banner-container
  .search-more-options
  a {
  display: inline-block;
}
@media (max-width: 1023px) {
  .project-search
    .project-search-form
    .project-search-banner
    .banner-overlay
    #banner-container
    .search-more-options {
    margin-top: 12px;
  }
}
.project-search
  .project-search-form
  .project-search-banner
  .banner-overlay
  #banner-container
  .search-loading-container {
  text-align: center;
  margin-top: 30px;
}
@media (max-width: 1023px) {
  .project-search
    .project-search-form
    .project-search-banner
    .banner-overlay
    #banner-container
    .search-loading-container {
    margin-top: 12px;
  }
}
.project-search
  .project-search-form
  .project-search-banner
  .banner-overlay
  #banner-container
  .search-loading-container
  h2 {
  color: #fff;
}
.project-search
  .project-search-form
  .project-search-banner
  .banner-overlay
  #banner-container
  .search-loading-container
  .loading__bar:before {
  width: 125px;
  margin: auto;
  content: "";
  display: block;
  height: 8px;
  background: url("https://www.justserve.org/api/images/static/animated-loading-bar.gif");
  background-size: 100%;
}
.project-search .project-search-form .project-search-main {
  background-color: #e5e3e3;
  padding-top: 12px;
  width: 28%;
  float: left;
}
.project-search .project-search-form .project-search-main.displayMoreOptionsMobile {
  width: 100%;
}
@media (max-width: 1023px) {
  .project-search .project-search-form .project-search-main {
    padding: 12px 20px;
  }
}
@media (max-width: 875px) {
  .project-search .project-search-form .project-search-main {
    display: none;
  }
}
.project-search .project-search-form .project-search-main .search-controls {
  font-size: 0px;
  padding-bottom: 22px;
  text-align: right;
}
.project-search .project-search-form .project-search-main .search-controls a {
  color: #47a4c6;
  font-size: 14px;
}
.project-search
  .project-search-form
  .project-search-main
  .search-controls
  .close-wrapper {
  text-align: right;
}
@media (min-width: 875px) {
  .project-search
    .project-search-form
    .project-search-main
    .search-controls
    .close-wrapper {
      display: none;
  }
}
.project-search
  .project-search-form
  .project-search-main
  .search-controls
  .close-wrapper
  a {
  vertical-align: center;
}
.project-search
  .project-search-form
  .project-search-main
  .search-controls
  .close-wrapper
  #close-icon {
  position: relative;
  top: 2.5px;
  font-size: 16px;
  color: #47a4c6;
  padding-left: 4px;
}
.project-search
  .project-search-form
  .project-search-main
  .search-controls
  > div {
  display: inline-block;
  width: 50%;
}
.project-search .project-search-form .project-search-main .search-submit {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 34px;
  width: 150px;
  margin: auto;
}
.project-search
  .project-search-form
  .project-search-main
  .search-submit
  .loading {
  vertical-align: middle;
}
.project-search
  .project-search-form
  .project-search-main
  .search-submit
  .loading
  input {
  font-size: 14px;
  width: 150px;
  height: 30px;
  padding: 4px 10px;
}
.project-search
  .project-search-form
  .project-search-main
  .search-submit
  .loading__bar:before {
  width: auto;
  content: "";
  display: block;
  height: 8px;
  background: url("https://www.justserve.org/api/images/static/animated-loading-bar.gif");
  background-size: 100%;
}
.project-search .sample-projects {
  display: block;
  margin: 20px;
  text-align: center;
  font-family: Helvetica, arial;
}
.project-search #project-count-container {
  height: 46px;
  margin-top: 20px;
}
@media (max-width: 1023px) {
  .project-search #project-count-container {
    margin: 20px 20px 0;
  }
}
.project-search .project-count,
.project-search .location-needed {
  display: block;
  text-align: center;
  font-family: Helvetica, arial;
  position: relative;
}
.project-search .project-count .project-count__num,
.project-search .location-needed .project-count__num {
  color: #ef5e39;
}
.project-search .project-count .select-container,
.project-search .location-needed .select-container {
  display: inline-table;
  position: relative;
  margin-right: 5px;
}
.project-search .project-count .select-container .select__text,
.project-search .location-needed .select-container .select__text {
  display: inline;
}
.project-search .project-count .select-container .select__text:after,
.project-search .location-needed .select-container .select__text:after {
  right: 0;
  z-index: -1;
  color: #989b9f;
}
@media (max-width: 1023px) {
  .project-search .project-count .project-count-mobile-second-row,
  .project-search .location-needed .project-count-mobile-second-row {
    display: block;
  }
}
.project-search .project-count a,
.project-search .location-needed a {
  color: #47a4c6;
}
.project-search .project-count a:hover,
.project-search .location-needed a:hover {
  color: #ef5e39;
}
.project-search .opportunities-coming-soon {
  margin: 0;
}
.project-search .opportunities-coming-soon > p {
  text-align: center;
}
.project-search .opportunities-coming-soon > p a {
  color: #47a4c6;
}
.project-search .opportunities-coming-soon__sign-up {
  margin: 0 auto;
  padding: 0 15px 25px;
}
@media (min-width: 768px) {
  .project-search .opportunities-coming-soon__sign-up {
    padding: 0 50px 30px;
  }
}
.project-search .opportunities-coming-soon__sign-up .register {
  border: 1px solid #444;
  padding: 15px;
}
.project-search .opportunities-coming-soon__sign-up .cancel {
  display: none;
}
.project-search .opportunities-coming-soon__sign-up p {
  font-family: "Helvetica Light", "Helvetica", "Arial", sans-serif;
}
.project-search .opportunities-coming-soon__sign-up p a {
  color: #47a4c6;
}
.project-search .opportunities-coming-soon__sign-up > a {
  margin-top: 25px;
}
.project-search .view-options__sorted-by {
  float: left;
  width: calc(100% - 210px);
  padding: 20px 20px 0;
}
.project-search .view-options__sorted-by * {
  color: #47a4c6;
  font-family: "Oswald", sans-serif;
}
.project-search .view-options__sorted-by > span:first-of-type {
  display: inline-block;
}
.project-search .view-options__sorted-by .form-select {
  width: auto;
}
.project-search .view-options__sorted-by .form-select:after {
  color: #47a4c6;
}
.project-search .view-options__sorted-by .form-select select {
  border: none;
  display: inline-block;
}
.project-search
  .view-options__sorted-by
  .form-select
  select:focus
  + .select__text {
  outline: none;
}
.project-search
  .view-options
  .filters {
    float: left;
    display: none;
    background-color: Transparent;
}
.project-search
   .view-options
   .filters-2 {
     background-color: white;
     text-transform: unset;
 }
@media (max-width: 875px) {
  .project-search
    .view-options
    .filters {
      display: block;
    }
}
@media (max-width: 875px) {
  .project-search
    .view-options
    .filters-2 {
      display: none;
    }
}
@media (max-width: 875px) {
  .project-search
    .displayMoreOptionsMobile {
      display: block !important;
    }
}
.project-search
  .view-options
  .filters {
    float: left;
    margin-right: 15px;
    /*-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;*/
}
.project-search
  .view-options
  .filters-2 {
    float: left;
    margin-right: 15px;
    background: white;
    /*-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;*/
}
/*.project-search
  .view-options
  .filters.transition {
    width: 100%;
}*/
.project-search
  .view-options
  .filters img {
    width: 20px;
    height: 20px;
    vertical-align: top;
    margin-right: 10px;
  }
.project-search
 .view-options
 .filters-2 img {
   width: 20px;
   height: 20px;
   vertical-align: top;
   margin-right: 10px;
 }
.project-search
.view-options
.sort {
  margin-top: 7px;
}
.project-search .view-options__nav {
  padding-top: 10px;
}
.project-search .view-options__nav-wrap {
  float: right;
  padding-top: 20px;
}
.project-search .displayMoreOptionsMobile .reset-wrapper a {
  float: left;
}
.project-search .reset-wrapper {
  vertical-align: middle;
}
.project-search .adv-wrapper img {
  width: 20px;
  vertical-align: middle;
  opacity: .5;
}
.project-search .adv-wrapper a {
  vertical-align: middle;
  margin-left: 7px
}
.project-search .adv-wrapper {
  text-align: start;
}
@media (max-width: 876px) {
  .project-search .adv-wrapper {
    display: none !important;
  }
}
.project-search .no-display-adv .project-search-main {
  display: none;
}
.project-search .view-options__nav h3 {
  display: inline-block;
  color: #47a4c6;
  vertical-align: middle;
  font-family: "Oswald", sans-serif;
}
.project-search .view-options__nav ul {
  display: inline-block;
  vertical-align: middle;
}
.project-search .view-options__nav li {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}
.project-search .view-options__nav a {
  font-size: 36px;
  color: #bbbdc0;
}
.project-search .view-options__nav a.active {
  color: #ef5e39;
}
.project-search .search-views {
  margin: 10px auto 30px auto;
}
.project-search .search-views .load-more {
  margin-top: 40px;
  text-align: center;
}
.project-search .search-views .load-more input {
  width: auto;
  padding: 4px 45px;
  font-size: 20px;
}
.project-search .calendar {
  position: relative;
  margin-top: 5px;
  color: #64686c;
}
.mb-15 {
  margin-bottom: 15px;
}
@media (max-width: 450px) {
  .mb-15 {
    margin-bottom: 0px;
  }
}
@media (max-width: 450px) {
  .project-search .advanced_search_mobile_boxes,
  .project-search .form__filters__top-row > div,
  .project-search .form__filters__widget form {
    border-bottom: 1px solid #fff;
    padding-bottom: 15px;
  }
  .project-search .form__filters__widget form:last-child {
    border-bottom: 0;
    padding-bottom: 0;
  }
  .project-search .form__filters__filter-button {
    border-top: 0;
  }
}
.mb-30 {
  margin-bottom: 30px;
}
#search-options .search-keyword-wrapper label {
  margin-bottom: 5px;
  font-size: 12px;
}
#search-options .search-keyword-wrapper input[type="text"] {
  border: solid 1px #989b9f;
  height: 30px;
  width: 60%;
}
@media (max-width: 450px) {
  #search-options .search-keyword-wrapper input[type="text"] {
    width: calc(100% - 100px);
  }
}
#search-options .search-keyword-wrapper hr {
  margin-top: 36px;
}
@media (max-width: 450px) {
  #search-options .search-keyword-wrapper hr {
    margin-top: 26px;
  }
}
#search-options .search-keyword-wrapper #project-search-submit-mobile {
  display: none;
  height: 30px;
  width: 90px;
  padding: 6px 22px;
  vertical-align: middle;
}
#search-options .search-options-wrapper {
  font-size: 0px;
}
#search-options .search-options-wrapper .top-label {
  display: block;
  font-size: 12px;
  margin-bottom: 6px;
}
#search-options .search-options-wrapper .options-col {
  display: inline-block;
  width: calc(100% / 3);
  font-size: 15px;
  vertical-align: top;
}
#search-options .search-options-wrapper .options-col {
  display: block;
  width: 100%;
}
#search-options .search-options-wrapper .options-col .second-row {
  margin-top: 30px;
}
@media (max-width: 450px) {
  #search-options .search-options-wrapper .options-col .second-row {
    margin-top: 26px;
  }
}
  #search-options .search-options-wrapper #options-col-1 {
    padding: 0;
  }
  #search-options .search-options-wrapper #options-col-2 {
    margin-top: 26px;
    padding: 0;
    padding-top: 10px;
    border-top: 1px solid #fff;
  }
  #search-options .search-options-wrapper #options-col-3 {
    padding: 0;
  }
#search-options .search-options-wrapper .date-range-wrapper label {
  font-size: 12px;
}
#search-options .search-options-wrapper .date-range-wrapper span {
  cursor: pointer;
}
#search-options .search-options-wrapper .date-range-wrapper #date-range-from,
#search-options .search-options-wrapper .date-range-wrapper #date-range-to {
  width: 100px;
  height: 25px;
  border: 1px solid #64686c;
}
#search-options
  .search-options-wrapper
  .date-range-wrapper
  .date-range-to-wrapper {
  margin-left: 0px;
}
#search-options .search-options-wrapper .attributes-wrapper {
  font-size: 15px;
}
#search-options .search-options-wrapper .attributes-wrapper ul {
  margin-top: 0;
}
#search-options .search-options-wrapper .attributes-wrapper li {
  margin-bottom: 12px;
}
#search-options .search-options-wrapper .attributes-wrapper li span {
  vertical-align: middle;
  color: #64686c;
}
#search-options .search-options-wrapper .attributes-wrapper li .checkbox {
  font-size: 1.25em;
  vertical-align: middle;
  height: 25px;
  width: 25px;
}
#search-options
  .search-options-wrapper
  .attributes-wrapper
  li
  .checkbox
  input[type="checkbox"]:checked
  + .checkbox__checkmark:before {
  content: "\e611";
  color: #74af43;
  font-size: 20px;
  top: 1px;
  left: 2px;
}
#search-options
  .search-options-wrapper
  .radius-wrapper
  .search-radius-container {
  position: relative;
}
#search-options
  .search-options-wrapper
  .radius-wrapper
  .search-radius-container
  .radius__arrow:after {
  content: "\e606";
  font-family: "icons";
  speak: none;
  position: absolute;
  top: 0;
  right: 8px;
  display: inline-block;
  padding-right: 10px;
  color: #989b9f;
  pointer-events: none;
}
#search-options
  .search-options-wrapper
  .radius-wrapper
  .search-radius-container
  .search-radius-select {
  width: 100%;
  height: 25px;
  font-size: 15px;
  border: 1px solid #64686c;
  padding: 3px 30px 3px 5px;
  margin-right: 5px;
}
#search-options
  .search-options-wrapper
  .radius-wrapper
  .search-radius-container
  .search-radius-select
  .radius__arrow {
  text-align: left;
}
#search-options .search-options-wrapper .skills-wrapper .form-skills textarea {
  min-height: 100px;
  resize: none;
}
#search-options
  .search-options-wrapper
  .skills-wrapper
  .form-skills
  .form-skills-search {
  position: relative;
  margin-bottom: 5px;
}
#search-options
  .search-options-wrapper
  .skills-wrapper
  .form-skills
  .form-skills-search
  input {
  border: 1px solid #64686c;
}
#search-options
  .search-options-wrapper
  .skills-wrapper
  .form-skills
  .form-skills-search
  input:focus
  + button {
  border: 1px solid #989b9f !important;
}
#search-options
  .search-options-wrapper
  .skills-wrapper
  .form-skills
  .form-skills-search
  button {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 24px;
  border: none !important;
  padding: 0;
  font-size: 9px;
  background-color: #edc314;
  text-align: center;
}
#search-options
  .search-options-wrapper
  .skills-wrapper
  .form-skills
  .form-skills-select {
  height: 180px;
  overflow-y: auto;
  background-color: #fff;
  padding: 9px 13px;
  border: 1px solid #64686c;
  color: #64686c;
}
#search-options
  .search-options-wrapper
  .skills-wrapper
  .form-skills
  .form-skills-select
  li {
    cursor: pointer;
    padding-left: 1em;
    text-indent: -1em;
}
#search-options
  .search-options-wrapper
  .skills-wrapper
  .form-skills
  .form-skills-select
  li:hover {
  background: #47a4c6;
  color: #fff;
}
#search-options
  .search-options-wrapper
  .skills-wrapper
  .form-skills
  .form-skills-list {
  margin-top: 10px;
}
#search-options
  .search-options-wrapper
  .skills-wrapper
  .form-skills
  .form-skills-list
  li {
  position: relative;
  display: inline-block;
  padding: 2px 4px;
  height: auto;
  min-height: 24px;
  margin: 0 20px 4px 6px;
  background: #edc314;
  color: #fff;
  text-transform: uppercase;
  font-family: "Oswald";
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 90%;
}
#search-options
  .search-options-wrapper
  .skills-wrapper
  .form-skills
  .form-skills-list
  li:before {
  content: "";
  position: absolute;
  top: 0;
  left: -24px;
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 12px solid rgba(255, 255, 255, 0);
  border-right: 6px solid #edc314;
}
#search-options
  .search-options-wrapper
  .skills-wrapper
  .form-skills
  .form-skills-list
  li:after {
  content: "";
  position: absolute;
  top: 0;
  right: -24px;
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 12px solid rgba(255, 255, 255, 0);
  border-left: 6px solid #edc314;
}
#search-options
  .search-options-wrapper
  .skills-wrapper
  .form-skills
  .form-skills-list
  li.standard {
  background: #edc314;
}
#search-options
  .search-options-wrapper
  .skills-wrapper
  .form-skills
  .form-skills-list
  li.added {
  background: #ecd277;
}
#search-options
  .search-options-wrapper
  .skills-wrapper
  .form-skills
  .form-skills-list
  li.added:before {
  border-right-color: #ecd277;
}
#search-options
  .search-options-wrapper
  .skills-wrapper
  .form-skills
  .form-skills-list
  li.added:after {
  border-left-color: #ecd277;
}
#search-options
  .search-options-wrapper
  .skills-wrapper
  .form-skills
  .form-skills-list
  li
  span:first-of-type {
  color: inherit;
}
#search-options
  .search-options-wrapper
  .skills-wrapper
  .form-skills
  .form-skills-list
  li
  span:last-of-type {
  position: absolute;
  top: -3px;
  right: -21px;
  z-index: 1;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #64686c;
  padding: 1px;
  font-size: 10px;
  font-weight: bold;
  cursor: pointer;
}
#search-options
  .search-options-wrapper
  .skills-wrapper
  .form-skills
  .form-skills-list
  li
  span:last-of-type:before {
  color: #64686c !important;
  display: inline-block;
}
#search-options
  .search-options-wrapper
  .distance-units-wrapper
  .distance-units-container {
  position: relative;
}
#search-options
  .search-options-wrapper
  .distance-units-wrapper
  .distance-units-container
  .units-arrow:after {
  content: "\e606";
  font-family: "icons";
  speak: none;
  position: absolute;
  top: 0;
  right: 8px;
  display: inline-block;
  padding-right: 10px;
  color: #989b9f;
  pointer-events: none;
}
#search-options
  .search-options-wrapper
  .distance-units-wrapper
  .distance-units-container
  .units-select {
  width: 100%;
  height: 25px;
  font-size: 15px;
  border: 1px solid #64686c;
  padding: 3px 30px 3px 5px;
  margin-right: 5px;
}
#search-options
  .search-options-wrapper
  .distance-units-wrapper
  .distance-units-container
  .units-select
  .units-arrow {
  text-align: left;
}
#search-options .search-options-wrapper .interests-wrapper .interests-listing {
  height: 214px;
  overflow-y: auto;
  border: 1px solid #989b9f;
  background: #fff;
}
#search-options
  .search-options-wrapper
  .interests-wrapper
  .interests-listing
  li {
  position: relative;
}
#search-options
  .search-options-wrapper
  .interests-wrapper
  .interests-listing
  li:hover {
  background: #47a4c6;
}
#search-options
  .search-options-wrapper
  .interests-wrapper
  .interests-listing
  li:hover
  *,
#search-options
  .search-options-wrapper
  .interests-wrapper
  .interests-listing
  li:hover
  *:before {
  color: #fff !important;
}
#search-options
  .search-options-wrapper
  .interests-wrapper
  .interests-listing
  input {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.00001;
  cursor: pointer;
}
#search-options
  .search-options-wrapper
  .interests-wrapper
  .interests-listing
  input:checked
  + span:before {
  content: "\e611";
  font-family: "icons";
  position: absolute;
  left: -0.25em;
  color: #74af43;
}
#search-options
  .search-options-wrapper
  .interests-wrapper
  .interests-listing
  span {
  position: relative;
  display: block;
  margin-left: 1.5em;
  color: #64686c;
  padding-left: 1em;
  text-indent: -1em;
}
#search-options .search-options-wrapper .interests-wrapper .interests__list {
  margin-top: 5px;
}
#search-options .search-options-wrapper .interests-wrapper .interests__list li {
  position: relative;
  display: inline-block;
  padding: 2px 12px;
  height: 24px;
  margin: 0 30px 4px 12px;
  background: #ef5e39;
  color: #fff;
  text-transform: uppercase;
  font-family: "Oswald";
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 90%;
}
#search-options
  .search-options-wrapper
  .interests-wrapper
  .interests__list
  li:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: -12px;
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #ef5e39;
}
#search-options
  .search-options-wrapper
  .interests-wrapper
  .interests__list
  li:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  right: -12px;
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #ef5e39;
}
#search-options
  .search-options-wrapper
  .interests-wrapper
  .interests__list
  li
  span:first-of-type {
  color: inherit;
}
#search-options
  .search-options-wrapper
  .interests-wrapper
  .interests__list
  li
  span:last-of-type {
  position: absolute;
  top: -3px;
  right: -29px;
  z-index: 1;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #64686c;
  padding: 1px;
  font-size: 10px;
  font-weight: bold;
  cursor: pointer;
}
#search-options
  .search-options-wrapper
  .interests-wrapper
  .interests__list
  li
  span:last-of-type:before {
  color: #64686c !important;
  display: inline-block;
}
#search-options .radius-wrapper {
  padding-top: 30px;
}
#search-options .distance-units-wrapper {
  padding-top: 10px;
}
#more-options-container {
  font-size: unset;
  font-weight: 300;
}
@media (min-width: 876px) {
.project-search-main-cards.seventy {
  width: 70%;
  float: right;
}
.project-search-main-cards {
  width: 100%;
}
}
@media (max-width: 875px) {
  .project-search-main-cards {
    clear: both;
  }
}
.story-listings * {
  color: #64686c;
}
.story-listings .back-to-project-listings {
  display: block;
  color: #ef5e39;
}
.story-listings h1 {
  margin: 10px 0 20px;
  font-family: "Oswald";
  font-size: 24px;
  line-height: 26px;
  color: #47a4c6;
}
.story-listings .add-story {
  padding: 8px 20px;
  vertical-align: middle;
  font-family: "Oswald";
  text-transform: uppercase;
  background: #47a4c6;
  color: #fff;
}
.story-listings .add-story:hover {
  background: #74af43;
}
.story-list {
  margin-top: 25px;
}
.story-list li:not(:first-child) {
  border-top: 1px solid #e5e3e3;
}
.story-list li:hover {
  background: #e5e3e3;
}
.story-list a {
  display: block;
  padding: 15px;
}
.story-list h2 {
  font-family: "Oswald";
  font-size: 20px;
}
.story-list img {
  border: 1px solid #e5e3e3;
}
@media (min-width: 480px) {
  .story-list img {
    float: left;
    width: 80px;
    max-height: 54px;
    margin-right: 25px;
  }
}
project-volunteers-directive {
  display: block;
}
project-volunteers-directive .project-volunteers {
  padding: 0 10px;
}
project-volunteers-directive .volunteers-header {
  padding: 20px 0 0 20px;
}
@media (min-width: 450px) and (max-width: 1023px) {
  project-volunteers-directive .volunteers-header {
    max-width: 768px;
    padding: 40px 0 0 40px;
  }
}
project-volunteers-directive .volunteers-header .back-to-active-projects {
  color: #ef5e39;
}
@media (min-width: 450px) and (max-width: 1023px) {
  project-volunteers-directive .volunteers-header .back-to-active-projects {
    position: relative;
    display: block;
    padding-bottom: 5px;
    border-bottom: 2px solid #bbbdc0;
  }
  project-volunteers-directive
    .volunteers-header
    .back-to-active-projects:before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: -40px;
    display: inline-block;
    width: 40px;
    border-bottom: 2px solid #bbbdc0;
  }
}
@media (min-width: 450px) and (max-width: 1023px) and (min-width: 1024px) {
  project-volunteers-directive
    .volunteers-header
    .back-to-active-projects:after {
    content: "";
    position: absolute;
    bottom: -2px;
    right: -192px;
    display: inline-block;
    width: 192px;
    border-bottom: 2px solid #bbbdc0;
  }
}
project-volunteers-directive .volunteers-header h1 {
  margin: 10px 0;
  padding-right: 20px;
  font-family: "Oswald", sans-serif;
  font-size: 32px;
  line-height: 34px;
  color: #47a4c6;
}
@media (min-width: 450px) and (max-width: 1023px) {
  project-volunteers-directive .volunteers-header h1 {
    padding-right: 40px;
  }
}
project-volunteers-directive .volunteers-header h2 {
  font-size: 20px;
  color: #64686c;
}
project-volunteers-directive .volunteers-header--sub {
  margin-top: 10px;
}
project-volunteers-directive .volunteers-header--sub a {
  display: inline-block;
  margin-top: 3px;
}
project-volunteers-directive .volunteers-header--sub label {
  float: right;
  color: #989b9f;
}
project-volunteers-directive .volunteers-header--sub label .select {
  width: auto;
  padding-right: 30px;
  border: none;
}
project-volunteers-directive .volunteers-header--sub label .select select {
  border: none;
}
project-volunteers-directive .vol-ts-main {
  color: #47a4c6;
  font-size: 19px;
}
project-volunteers-directive .vol-ts-main :first-child {
  display: inline;
}
project-volunteers-directive .volunteers-top .full-width {
  border-bottom: 2px solid #e5e3e3;
}
project-volunteers-directive .volunteers-top .full-width h1 {
  font-size: 30px;
  color: #47a4c6;
  font-family: "Oswald", sans-serif;
  width: 100%;
  display: inline-block;
  margin-bottom: 20px;
}
project-volunteers-directive .volunteers-top h2 {
  font-size: 27px;
  color: #47a4c6;
  font-family: "Oswald", sans-serif;
  width: 100%;
  display: inline-block;
  margin-top: 40px;
  margin-bottom: 10px;
}
@media (max-width: 1023px) {
  project-volunteers-directive .desktop-label {
    display: none;
  }
}
@media (min-width: 1024px) {
  project-volunteers-directive .mobile-label {
    display: none;
  }
}
project-volunteers-directive
  #volunteers-container
  #volunteer-progress-wrapper
  .volunteer-progress-bar-wrapper {
  border: 1px solid #e5e3e3;
  display: inline-block;
  width: 60%;
  height: 18px;
  transform: translateY(3px);
}
project-volunteers-directive
  #volunteers-container
  #volunteer-progress-wrapper
  .volunteer-progess-bar {
  width: 100%;
  background: rgba(255, 255, 255, 0);
  color: #47a4c6;
  vertical-align: top;
  height: 16px;
}
project-volunteers-directive
  #volunteers-container
  #volunteer-progress-wrapper
  progress::-moz-progress-bar {
  background: #47a4c6;
}
project-volunteers-directive
  #volunteers-container
  #volunteer-progress-wrapper
  progress::-webkit-progress-bar {
  background: rgba(255, 255, 255, 0);
}
project-volunteers-directive
  #volunteers-container
  #volunteer-progress-wrapper
  progress::-webkit-progress-value {
  background: #47a4c6;
}
project-volunteers-directive #volunteers-container .vol-email-controls {
  background: #e5e3e3;
  width: 100%;
  float: left;
  margin-top: 20px;
}
project-volunteers-directive #volunteers-container .vol-email-controls > div {
  border-right: 3px solid #fff;
  float: left;
  padding: 4px 12px;
  cursor: pointer;
}
project-volunteers-directive
  #volunteers-container
  .vol-email-controls
  .vol-email-select-all {
  color: #64686c;
}
project-volunteers-directive
  #volunteers-container
  .vol-email-controls
  .vol-email-compose {
  color: #47a4c6;
  cursor: pointer;
}
project-volunteers-directive
  #volunteers-container
  #volunteers-data
  .volunteers-table {
  font-size: 16px;
  border-collapse: separate;
  border-spacing: 0px;
  margin-bottom: 5px;
}
project-volunteers-directive
  #volunteers-container
  #volunteers-data
  .volunteers-table
  th {
  display: inline-block;
  box-sizing: border-box;
  padding: 5px 0;
  color: #989b9f;
  font-family: Helvetica, arial;
  font-weight: normal;
  min-height: 33px;
  border-bottom: 1px solid #989b9f;
  margin-right: -4px;
  -webkit-margin-end: 0px;
}
project-volunteers-directive
  #volunteers-container
  #volunteers-data
  .volunteers-table
  tbody {
  font-size: 16px;
  width: 100%;
}
project-volunteers-directive
  #volunteers-container
  #volunteers-data
  .volunteers-table
  .pm-volunteer-row
  > td {
  vertical-align: middle;
  line-height: 45px;
  height: 45px;
  display: inline-block;
  box-sizing: border-box;
  margin-right: -5px;
  -webkit-margin-end: 0px;
}
project-volunteers-directive
  #volunteers-container
  #volunteers-data
  .volunteers-table
  th:not(:nth-child(9)),
project-volunteers-directive
  #volunteers-container
  #volunteers-data
  .volunteers-table
  .pm-volunteer-row
  > td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
project-volunteers-directive
  #volunteers-container
  #volunteers-data
  .volunteers-table
  .pm-volunteer-row
  > td:not(:nth-child(9)) {
  background-color: #dcddde;
}
project-volunteers-directive
  #volunteers-container
  #volunteers-data
  .volunteers-table
  th:nth-child(2),
project-volunteers-directive
  #volunteers-container
  #volunteers-data
  .volunteers-table
  th:nth-child(3),
project-volunteers-directive
  #volunteers-container
  #volunteers-data
  .volunteers-table
  th:nth-child(4),
project-volunteers-directive
  #volunteers-container
  #volunteers-data
  .volunteers-table
  th:nth-child(5) {
  cursor: pointer;
}
project-volunteers-directive
  #volunteers-container
  #volunteers-data
  .volunteers-table
  .pm-volunteer-row
  > td:nth-child(3),
project-volunteers-directive
  #volunteers-container
  #volunteers-data
  .volunteers-table
  .pm-volunteer-row
  > td:nth-child(4),
project-volunteers-directive
  #volunteers-container
  #volunteers-data
  .volunteers-table
  .pm-volunteer-row
  > td:nth-child(5),
project-volunteers-directive
  #volunteers-container
  #volunteers-data
  .volunteers-table
  .pm-volunteer-row
  > td:nth-child(6),
project-volunteers-directive
  #volunteers-container
  #volunteers-data
  .volunteers-table
  .pm-volunteer-row
  > td:nth-child(7),
project-volunteers-directive
  #volunteers-container
  #volunteers-data
  .volunteers-table
  .pm-volunteer-row
  > td:nth-child(8)
  .hrs-text {
  color: #64686c;
}
project-volunteers-directive
  #volunteers-container
  #volunteers-data
  .volunteers-table
  th:nth-child(1),
project-volunteers-directive
  #volunteers-container
  #volunteers-data
  .volunteers-table
  .pm-volunteer-row
  > td:nth-child(1) {
  width: 40px;
  padding-top: 1px;
  padding-left: 12px;
}
project-volunteers-directive
  #volunteers-container
  #volunteers-data
  .volunteers-table
  .pm-volunteer-row
  > td:nth-child(1) {
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}
project-volunteers-directive
  #volunteers-container
  #volunteers-data
  .volunteers-table
  th:nth-child(2),
project-volunteers-directive
  #volunteers-container
  #volunteers-data
  .volunteers-table
  .pm-volunteer-row
  > td:nth-child(2) {
  width: calc(100% - 790px);
}
project-volunteers-directive
  #volunteers-container
  #volunteers-data
  .volunteers-table
  .pm-volunteer-row
  > td:nth-child(2).fr {
  width: calc(100% - 780px);
}
@media (max-width: 1023px) {
  project-volunteers-directive
    #volunteers-container
    #volunteers-data
    .volunteers-table
    th:nth-child(2),
  project-volunteers-directive
    #volunteers-container
    #volunteers-data
    .volunteers-table
    .pm-volunteer-row
    > td:nth-child(2) {
    width: calc(100% - 280px);
  }
}
project-volunteers-directive
  #volunteers-container
  #volunteers-data
  .volunteers-table
  .pm-volunteer-row
  > td:nth-child(2) {
  color: #64686c;
}
project-volunteers-directive
  #volunteers-container
  #volunteers-data
  .volunteers-table
  .pm-volunteer-row
  > td:nth-child(2)
  .icon-logo {
  color: #47a4c6;
}
project-volunteers-directive
  #volunteers-container
  #volunteers-data
  .volunteers-table
  th:nth-child(3),
project-volunteers-directive
  #volunteers-container
  #volunteers-data
  .volunteers-table
  .pm-volunteer-row
  > td:nth-child(3) {
  width: 80px;
}
project-volunteers-directive
  #volunteers-container
  #volunteers-data
  .volunteers-table
  th:nth-child(4),
project-volunteers-directive
  #volunteers-container
  #volunteers-data
  .volunteers-table
  .pm-volunteer-row
  > td:nth-child(4) {
  width: 100px;
}
@media (max-width: 1023px) {
  project-volunteers-directive
    #volunteers-container
    #volunteers-data
    .volunteers-table
    th:nth-child(4),
  project-volunteers-directive
    #volunteers-container
    #volunteers-data
    .volunteers-table
    .pm-volunteer-row
    > td:nth-child(4) {
    display: none;
  }
}
project-volunteers-directive
  #volunteers-container
  #volunteers-data
  .volunteers-table
  th:nth-child(5),
project-volunteers-directive
  #volunteers-container
  #volunteers-data
  .volunteers-table
  .pm-volunteer-row
  > td:nth-child(5) {
  width: 140px;
}
@media (max-width: 1023px) {
  project-volunteers-directive
    #volunteers-container
    #volunteers-data
    .volunteers-table
    th:nth-child(5),
  project-volunteers-directive
    #volunteers-container
    #volunteers-data
    .volunteers-table
    .pm-volunteer-row
    > td:nth-child(5) {
    display: none;
  }
}
project-volunteers-directive
  #volunteers-container
  #volunteers-data
  .volunteers-table
  th:nth-child(6),
project-volunteers-directive
  #volunteers-container
  #volunteers-data
  .volunteers-table
  .pm-volunteer-row
  > td:nth-child(6) {
  width: 100px;
  text-align: center;
}
@media (max-width: 1023px) {
  project-volunteers-directive
    #volunteers-container
    #volunteers-data
    .volunteers-table
    th:nth-child(6),
  project-volunteers-directive
    #volunteers-container
    #volunteers-data
    .volunteers-table
    .pm-volunteer-row
    > td:nth-child(6) {
    width: 50px;
  }
}
project-volunteers-directive
  #volunteers-container
  #volunteers-data
  .volunteers-table
  th:nth-child(7),
project-volunteers-directive
  #volunteers-container
  #volunteers-data
  .volunteers-table
  .pm-volunteer-row
  > td:nth-child(7) {
  width: 125px;
  text-align: center;
}
@media (max-width: 1023px) {
  project-volunteers-directive
    #volunteers-container
    #volunteers-data
    .volunteers-table
    th:nth-child(7),
  project-volunteers-directive
    #volunteers-container
    #volunteers-data
    .volunteers-table
    .pm-volunteer-row
    > td:nth-child(7) {
    display: none;
  }
}
project-volunteers-directive
  #volunteers-container
  #volunteers-data
  .volunteers-table
  th:nth-child(8),
project-volunteers-directive
  #volunteers-container
  #volunteers-data
  .volunteers-table
  .pm-volunteer-row
  > td:nth-child(8) {
  width: 120px;
  text-align: center;
  position: relative;
}
@media (max-width: 1023px) {
  project-volunteers-directive
    #volunteers-container
    #volunteers-data
    .volunteers-table
    th:nth-child(8),
  project-volunteers-directive
    #volunteers-container
    #volunteers-data
    .volunteers-table
    .pm-volunteer-row
    > td:nth-child(8) {
    width: 60px;
  }
}
project-volunteers-directive
  #volunteers-container
  #volunteers-data
  .volunteers-table
  .pm-volunteer-row
  > td:nth-child(8)
  .hrs-box {
  padding: 0;
  width: 50px;
  background: #fff;
  color: #47a4c6;
  padding: 2px 6px;
  height: 35px;
}
project-volunteers-directive
  #volunteers-container
  #volunteers-data
  .volunteers-table
  .pm-volunteer-row
  > td:nth-child(8)
  .hrs-text {
  display: none;
}
project-volunteers-directive
  #volunteers-container
  #volunteers-data
  .volunteers-table
  .pm-volunteer-row
  > td:nth-child(9) {
  width: 50px;
  margin: 0;
  padding: 0;
}
@media (max-width: 1023px) {
  project-volunteers-directive
    #volunteers-container
    #volunteers-data
    .volunteers-table
    .pm-volunteer-row
    > td:nth-child(9) {
    width: 50px;
  }
}
.border-bottom-none {
  border-bottom: none !important;
}
project-volunteers-directive
  #volunteers-container
  #volunteers-data
  .volunteers-table
  .pm-volunteer-contact-availability
  > td {
  font-size: 14px;
  display: inline-block;
  background: #e5e3e3;
  padding: 6px 45px;
  width: calc(100% - 85px);
}
project-volunteers-directive
  #volunteers-container
  #volunteers-data
  .volunteers-table
  .pm-volunteer-contact-availability
  > td.fr {
  font-size: 14px;
  display: inline-block;
  background: #e5e3e3;
  padding: 6px 45px;
  width: calc(100% - 75px);
}
@media (max-width: 1023px) {
  project-volunteers-directive
    #volunteers-container
    #volunteers-data
    .volunteers-table
    .pm-volunteer-contact-availability
    > td {
    width: calc(100% - 50px);
  }
}
project-volunteers-directive
  #volunteers-container
  #volunteers-data
  .volunteers-table
  .pm-volunteer-contact-availability
  > td
  a {
  font-weight: bold;
}
project-volunteers-directive
  #volunteers-container
  #volunteers-data
  .volunteers-table
  .pm-volunteer-contact-availability
  > td
  .vol-bottom-margin {
  margin-bottom: 1em;
}
project-volunteers-directive
  #volunteers-container
  #volunteers-data
  .volunteers-table
  .pm-volunteer-contact-availability
  > td
  #vol-times-date {
  margin-left: 2px;
}
project-volunteers-directive
  #volunteers-container
  #volunteers-data
  .volunteers-table
  .ve-close {
  float: right;
  margin-right: -65px;
}
project-volunteers-directive
  #volunteers-container
  #volunteers-data
  .volunteers-table
  .remove-icon {
  cursor: pointer;
  color: #e5e3e3;
}
project-volunteers-directive
  #volunteers-container
  #volunteers-data
  .volunteers-table
  .remove-icon:after {
  content: "\e632";
  font-family: "icons";
  position: absolute;
  font-size: 2em;
  margin-top: -2px;
  margin-left: 20px;
}
@media (min-width: 450px) and (max-width: 1023px) {
  project-volunteers-directive
    #volunteers-container
    #volunteers-data
    .volunteers-table
    .remove-icon:after {
    margin-left: 8px;
  }
}
@media (max-width: 450px) {
  project-volunteers-directive
    #volunteers-container
    #volunteers-data
    .volunteers-table
    .remove-icon:after {
    margin-left: 2px;
  }
}
project-volunteers-directive
  #volunteers-container
  #volunteers-data
  .volunteers-table
  .remove-icon:hover {
  color: #ef5e39;
}
project-volunteers-directive
  #volunteers-container
  #volunteers-buttons
  .add-volunteer-form {
  background: #e5e3e3;
  padding: 16px 0 10px 10px;
}
project-volunteers-directive
  #volunteers-container
  #volunteers-buttons
  .add-volunteer-form
  div {
  display: inline-block;
  box-sizing: border-box;
}
project-volunteers-directive
  #volunteers-container
  #volunteers-buttons
  .add-volunteer-form
  label {
  display: block;
}
project-volunteers-directive
  #volunteers-container
  #volunteers-buttons
  .add-volunteer-form
  input {
  height: 35px;
}
project-volunteers-directive
  #volunteers-container
  #volunteers-buttons
  .add-volunteer-form
  #volunteer-name-wrapper,
project-volunteers-directive
  #volunteers-container
  #volunteers-buttons
  .add-volunteer-form
  #volunteer-email-wrapper {
  width: 70%;
}
@media (min-width: 450px) and (max-width: 1023px) {
  project-volunteers-directive
    #volunteers-container
    #volunteers-buttons
    .add-volunteer-form
    #volunteer-name-wrapper,
  project-volunteers-directive
    #volunteers-container
    #volunteers-buttons
    .add-volunteer-form
    #volunteer-email-wrapper {
    width: 65%;
  }
}
@media (max-width: 450px) {
  project-volunteers-directive
    #volunteers-container
    #volunteers-buttons
    .add-volunteer-form
    #volunteer-name-wrapper,
  project-volunteers-directive
    #volunteers-container
    #volunteers-buttons
    .add-volunteer-form
    #volunteer-email-wrapper {
    width: 60%;
  }
}
project-volunteers-directive
  #volunteers-container
  #volunteers-buttons
  .add-volunteer-form
  #volunteer-count-wrapper,
project-volunteers-directive
  #volunteers-container
  #volunteers-buttons
  .add-volunteer-form
  #volunteer-language-wrapper {
  width: 20%;
  text-align: center;
}
@media (max-width: 1023px) {
  project-volunteers-directive
    #volunteers-container
    #volunteers-buttons
    .add-volunteer-form
    #volunteer-count-wrapper,
  project-volunteers-directive
    #volunteers-container
    #volunteers-buttons
    .add-volunteer-form
    #volunteer-language-wrapper {
    width: 21%;
  }
}
project-volunteers-directive
  #volunteers-container
  #volunteers-buttons
  .add-volunteer-form
  #volunteer-count-wrapper
  #volunteer-count-input,
project-volunteers-directive
  #volunteers-container
  #volunteers-buttons
  .add-volunteer-form
  #volunteer-language-wrapper
  #volunteer-count-input {
  width: 50px;
  padding-left: 10px;
  color: #47a4c6;
  opacity: initial;
  cursor: auto;
}
project-volunteers-directive
  #volunteers-container
  #volunteers-buttons
  .add-volunteer-form
  #volunteer-count-wrapper
  select,
project-volunteers-directive
  #volunteers-container
  #volunteers-buttons
  .add-volunteer-form
  #volunteer-language-wrapper
  select {
  padding: 5px;
  height: 35px;
  width: 150px;
}
project-volunteers-directive
  #volunteers-container
  #volunteers-buttons
  .add-volunteer-form
  #volunteer-hours-wrapper,
project-volunteers-directive
  #volunteers-container
  #volunteers-buttons
  .add-volunteer-form
  #volunteer-add-button-wrapper {
  width: 58px;
  text-align: center;
}
project-volunteers-directive
  #volunteers-container
  #volunteers-buttons
  .add-volunteer-form
  #volunteer-hours-wrapper
  button,
project-volunteers-directive
  #volunteers-container
  #volunteers-buttons
  .add-volunteer-form
  #volunteer-hours-wrapper
  input,
project-volunteers-directive
  #volunteers-container
  #volunteers-buttons
  .add-volunteer-form
  #volunteer-add-button-wrapper
  button,
project-volunteers-directive
  #volunteers-container
  #volunteers-buttons
  .add-volunteer-form
  #volunteer-add-button-wrapper
  input {
  width: 80px;
  padding: 5px;
}
project-volunteers-directive
  #volunteers-container
  #volunteers-buttons
  .add-volunteer-form
  #volunteer-hours-wrapper
  input,
project-volunteers-directive
  #volunteers-container
  #volunteers-buttons
  .add-volunteer-form
  #volunteer-add-button-wrapper
  input {
  color: #47a4c6;
}
project-volunteers-directive
  #volunteers-container
  #volunteers-buttons
  .add-volunteer-form
  .submit-volunteer-button {
  background-color: #bbbdc0 !important;
}
project-volunteers-directive
  #volunteers-container
  #volunteers-buttons
  .add-volunteer-button {
  padding: 10px 20px;
  background-color: #47a4c6;
  color: #fff;
  width: 100%;
  text-align: left;
}
project-volunteers-directive
  #volunteers-container
  #volunteers-buttons
  .add-volunteer-button
  span {
  display: inline-block;
  height: 17px;
}
project-volunteers-directive #volunteers-container #volunteers-buttons .totals {
  margin: 10px 0;
  border-bottom: 2px solid #bbbdc0;
  text-align: right;
}
project-volunteers-directive
  #volunteers-container
  #volunteers-buttons
  .totals
  h4 {
  font-family: "Oswald", sans-serif;
  font-size: 20px;
  color: #64686c;
}
project-volunteers-directive
  #volunteers-container
  #volunteers-buttons
  .totals
  input {
  font-family: "Oswald", sans-serif;
  font-size: 24px;
  text-align: right;
  color: #ef5e39;
}
project-volunteers-directive
  #volunteers-container
  #volunteers-buttons
  .totals
  input.totals__automatic:focus {
  box-shadow: none !important;
}
project-volunteers-directive
  #volunteers-container
  #volunteers-buttons
  .totals
  input.totals__manual {
  color: #64686c;
}
project-volunteers-directive
  #volunteers-container
  #volunteers-buttons
  .totals
  a {
  color: #47a4c6;
  display: block;
}
project-volunteers-directive
  #volunteers-container
  #volunteers-buttons
  .save-print {
  text-align: right;
}
project-volunteers-directive
  #volunteers-container
  #volunteers-buttons
  .save-print
  input {
  width: auto;
}
project-volunteers-directive #volunteers-container #volunteers-buttons p {
  color: #989b9f;
  text-align: justify;
}
project-volunteers-directive .vemail-overlay {
  display: none;
  position: fixed;
  z-index: 24;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.9);
}
project-volunteers-directive .vemail {
  display: none;
  position: absolute;
  z-index: 25;
  top: 5%;
  left: 5%;
  width: 90%;
  max-height: 500px;
  border: 1px solid #64686c;
  padding: 20px;
  box-shadow: 0 0 30px 0 rgba(192, 192, 192, 0.5);
  background: #fff;
}
@media (min-width: 450px) and (max-width: 1023px) {
  project-volunteers-directive .vemail {
    left: 50%;
    width: 700px;
    margin-left: -350px;
  }
}
project-volunteers-directive .vemail h2 {
  font-size: 24px;
  font-family: "Oswald", sans-serif;
  color: #ef5e39;
  border-bottom: 2px solid #e5e3e3;
  padding-bottom: 15px;
  margin-bottom: 20px;
}
project-volunteers-directive .vemail form {
  position: relative;
}
project-volunteers-directive .vemail form p {
  margin: 10px 0;
  color: #989b9f;
}
project-volunteers-directive .vemail form textarea {
  border: 1px solid #bbbdc0;
  height: 80px;
  margin-bottom: 20px;
  resize: none;
}
project-volunteers-directive .vemail form label {
  width: 100%;
  display: inline-block;
}
project-volunteers-directive .vemail form label span {
  padding-left: 5px;
}
project-volunteers-directive .vemail form .icon-check {
  position: absolute;
  top: -80px;
  right: 0;
  font-size: 24px;
  color: #47a4c6;
}
project-volunteers-directive .vemail form input[type="submit"] {
  width: auto;
  height: 31px;
  padding: 0 20px;
}
project-volunteers-directive .pm-cancel {
  background: #64686c !important;
  color: #fff;
  width: auto;
  height: 31px;
  margin-right: 10px;
  text-transform: uppercase;
}
project-volunteers-directive .button-row-right input {
  float: right;
  min-width: 120px;
}
project-volunteers-directive .ve-multitime .vol-ts-main {
  padding: 20px 0;
  cursor: pointer;
}
project-volunteers-directive .ve-multitime .vol-ts-main.arrow:before {
  content: "\e605";
  font-family: "icons";
  font-size: 14px;
  vertical-align: middle;
  display: inline-block;
  padding-right: 5px;
  color: #64686c;
}
project-volunteers-directive .ve-multitime .expanded .vol-ts-main.arrow:before {
  content: "\e606";
}
project-volunteers-directive .ve-multitime .expandee {
  display: none;
  width: 100%;
}
project-volunteers-directive .ve-multitime .expanded .expandee {
  display: inline-block;
}
@media print {
  project-volunteers-directive body {
    overflow: hidden;
  }
  project-volunteers-directive .main {
    margin-bottom: 0 !important;
  }
  project-volunteers-directive .project-volunteers-print {
    display: initial !important;
  }
  project-volunteers-directive .project-volunteers {
    display: none !important;
  }
}
project-volunteers-directive .project-volunteers-print {
  display: none;
}
project-volunteers-directive .project-volunteers-print h1 {
  font-size: 30px;
  color: #47a4c6;
  margin-bottom: 15px;
}
project-volunteers-directive .project-volunteers-print h2 {
  font-size: 22px;
  color: #47a4c6;
}
project-volunteers-directive .project-volunteers-print h3 {
  font-size: 22px;
  font-weight: lighter;
  color: #64686c;
  margin: 15px 0;
}
project-volunteers-directive .project-volunteers-print table {
  page-break-before: avoid;
}
project-volunteers-directive .project-volunteers-print table tr {
  page-break-inside: avoid;
  margin: 10px 0;
  border-bottom: 1px solid #989b9f;
}
project-volunteers-directive .project-volunteers-print table tr > div {
  page-break-before: avoid;
  page-break-inside: avoid;
}
project-volunteers-directive .project-volunteers-print table th {
  color: #64686c;
  font-weight: lighter;
  padding-right: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
project-volunteers-directive .project-volunteers-print table td {
  color: #64686c;
}
project-volunteers-directive .project-volunteers-print table td .icon-logo {
  color: #47a4c6;
}
project-volunteers-directive
  .project-volunteers-print
  table
  th:not(:nth-child(1)),
project-volunteers-directive
  .project-volunteers-print
  table
  td:not(:nth-child(1)) {
  text-align: center;
}
project-volunteers-directive .project-volunteers-print table th:nth-child(1),
project-volunteers-directive .project-volunteers-print table td:nth-child(1) {
  text-align: left;
  padding: 4px 0;
}
project-volunteers-directive
  .project-volunteers-print
  table
  th:nth-child(1)
  div:not(:nth-child(1)),
project-volunteers-directive
  .project-volunteers-print
  table
  td:nth-child(1)
  div:not(:nth-child(1)) {
  padding-left: 20px;
}
.email-volunteers {
  padding: 15px;
}
@media (min-width: 768px) {
  .email-volunteers {
    padding: 40px;
  }
}
.email label {
  color: #64686c;
  font-size: 14px;
}
.email .required:after {
  content: "*";
}
.email textarea {
  min-width: 100%;
  max-width: 100%;
  min-height: 200px;
  border: 1px solid #e5e3e3;
}
.email .error {
  display: none;
  color: #be1e2d;
  font-weight: bold;
}
.action-buttons {
  margin-top: 20px;
}
.action-buttons input[type="button"] {
  float: right;
  width: auto;
  min-width: 125px;
  margin-left: 5px;
  background: #64686c;
}
.action-buttons .loading {
  float: right;
  margin: 0 0 5px 5px;
}
.action-buttons .loading input {
  background: #47a4c6;
}
.action-buttons .loading input:hover {
  background: #74af43;
}
.wizard__more-info {
  width: 100%;
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.wizard__more-info.active .summary {
  display: unset;
}
.wizard__more-info span {
  color: #47a4c6;
  vertical-align: middle;
}
.wizard__more-info span:last-of-type {
  font-size: 13px;
  font-family: "Helvetica", "arial", sans-serif;
  text-transform: lowercase;
  vertical-align: middle;
}
.wizard__more-info .summary {
  color: #444;
  display: none;
  z-index: 1;
  left: -5px;
  padding: 5px 0;
  line-height: 13px;
  background: #fff;
  margin: 0 !important;
  font-size: 13px !important;
}
.wizard {
  padding: 50px 20px;
  padding-bottom: 0;
}
.wizard .wizard__validation-error {
  border: 2px solid #be1e2d !important;
}
.wizard .wizard__validation-error__message {
  margin: 0 !important;
  font-family: "Helvetica", "arial", sans-serif !important;
  font-size: 12px !important;
  color: #be1e2d !important;
}
.wizard .watchTutorial {
  background-image: url("https://www.justserve.org/api/images/static/tutorial_icon.svg");
  background-repeat: no-repeat;
  padding-left: 30px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  float: right;
  margin-top: 50px;
  color: #47a4c6;
}
@media (max-width: 450px) {
  .wizard .watchTutorial {
    position: absolute;
    margin-top: 30px;
  }
}
.wizard #tutorial-modal {
  width: 97%;
  max-height: 97%;
  top: 56%;
}
.wizard #tutorial-modal #tutorial-button-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.wizard #save-as-modal .modal-directive-container {
  padding: 0px;
}
.wizard #save-as-modal #save-as-modal-content {
  padding: 20px;
}
.wizard #save-as-modal #save-as-modal-content h1 {
  border-bottom: 1px solid #bbbdc0;
  font-size: 22px;
  color: #47a4c6;
  padding-bottom: 30px;
  margin-bottom: 22px;
}
.wizard #save-as-modal #save-as-modal-content label {
  font-size: 18px;
}
.wizard #save-as-modal #save-as-modal-content .modal-instruction {
  margin-top: 0px !important;
  margin-left: 23px;
  margin-bottom: 15px;
}
.wizard #save-as-modal #save-as-modal-content p {
  font-size: 14px;
  color: #000;
  margin-bottom: 20px;
}
.wizard #save-as-modal #save-as-modal-content p:last-of-type {
  margin-top: 23px;
}
.wizard #save-as-modal #save-as-modal-content #divider {
  border-bottom: 1px solid #bbbdc0;
  margin-bottom: 13px;
}
.wizard #save-as-modal #save-as-footer-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.wizard #save-as-modal #save-as-footer-container .hide-btn {
  margin-right: 8px;
}
.wizard #save-as-modal #save-as-footer-container #save-wrapper {
  display: inline-block;
}
.wizard #save-as-modal #save-as-footer-container #save-wrapper .action-btn {
  margin-left: 0px;
}
.wizard #save-as-modal #save-as-footer-container #save-wrapper .loading-bar {
  display: block;
  width: 100%;
  height: 10px;
  background: url("https://www.justserve.org/api/images/static/animated-loading-bar.gif");
  background-size: cover;
}
.wizard .modal-directive-wrapper {
  min-height: 0px;
}
.wizard #confirmation-modal {
  text-align: center;
}
.wizard #confirmation-modal h1 {
  font-size: 22px;
  color: #47a4c6;
}
.wizard #confirmation-modal #button-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 18px;
}
.wizard #confirmation-modal #button-wrapper input[type="button"] {
  width: auto;
  margin-left: 7px;
}
.wizard #confirmation-modal #button-wrapper input[type="button"]:first-of-type {
  border: 1px solid #47a4c6 !important;
  margin-left: 0px;
  background-color: #fff;
  color: #47a4c6;
}
.wizard #validation-modal {
  padding: 10px 0 0 10px;
}
.wizard #validation-modal h1 {
  color: #47a4c6;
  font-size: 22px;
  margin-bottom: 13px;
  text-transform: none;
}
.wizard #validation-modal p {
  margin-bottom: 18px;
  color: #64686c;
}
.wizard #validation-modal input {
  display: block;
  width: 120px;
  margin-right: none;
  margin-left: auto;
  padding: 2px 17px;
}
.wizard #no-sponsor-modal {
  padding: 20px 30px 5px;
}
.wizard #no-sponsor-modal p {
  margin-bottom: 22px;
  font-size: 20px;
  color: #64686c;
}
.wizard #no-sponsor-modal input[type="button"] {
  display: block;
  padding: 5px 20px;
  width: 100px;
  margin-right: auto;
  margin-left: auto;
}
.wizard #confirm-email-modal {
  padding: 20px 30px 0;
}
.wizard #confirm-email-modal #confirm-email-content h1 {
  color: #47a4c6;
  font-size: 22px;
  margin-bottom: 13px;
  text-transform: none;
}
.wizard
  #confirm-email-modal
  #confirm-email-content
  #confirm-email-button-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}
.wizard
  #confirm-email-modal
  #confirm-email-content
  #confirm-email-button-container
  input[type="button"] {
  padding: 5px 20px;
  width: 100px;
}
.wizard
  #confirm-email-modal
  #confirm-email-content
  #confirm-email-button-container
  #confirm-email-yes-button {
  margin-left: 7px;
  background: #74af43;
  outline: #74af43;
}
.wizard
  #confirm-email-modal
  #confirm-email-content
  #confirm-email-button-container
  #confirm-email-yes-button:hover {
  background: #47a4c6;
}
.wizard #crop-error-modal {
  padding: 20px 30px 5px;
}
.wizard #crop-error-modal p {
  text-align: center;
  margin-bottom: 22px;
  font-size: 20px;
}
.wizard #crop-error-modal input[type="button"] {
  display: block;
  padding: 5px 20px;
  width: 100px;
  margin-right: auto;
  margin-left: auto;
}
.wizard label .label {
  color: #000;
  font-size: 14px;
  position: relative;
  width: 100%;
}
.wizard #intro-section {
  margin-bottom: 38px;
}
.wizard #intro-section h1 {
  font-family: "Oswald", sans-serif;
  font-size: 30px;
  color: #47a4c6;
}
.wizard #intro-section p {
  font-size: 20px;
}
.wizard .header-border {
  border-bottom: 1px solid #e5e3e3;
}
.wizard .wizard__header #header-content-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 21px;
}
@media (max-width: 450px) {
  .wizard .wizard__header #header-content-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
.wizard .wizard__header #header-content-wrapper #project-title-wrapper {
  -ms-flex-positive: 2;
  flex-grow: 2;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  overflow: hidden;
}
@media (max-width: 450px) {
  .wizard .wizard__header #header-content-wrapper #project-title-wrapper {
    width: 100%;
    margin-top: 18px;
  }
}
.wizard
  .wizard__header
  #header-content-wrapper
  #project-title-wrapper
  #display-title-wrapper {
  overflow: hidden;
}
@media (max-width: 450px) {
  .wizard
    .wizard__header
    #header-content-wrapper
    #project-title-wrapper
    #display-title-wrapper {
    width: 100%;
    text-align: center;
  }
}
.wizard
  .wizard__header
  #header-content-wrapper
  #project-title-wrapper
  #display-title-wrapper
  h1 {
  font-family: "Oswald";
  font-size: 30px;
  color: #47a4c6;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.wizard
  .wizard__header
  #header-content-wrapper
  #project-title-wrapper
  #edit-title-wrapper {
  width: calc(100% - 70px);
}
.wizard
  .wizard__header
  #header-content-wrapper
  #project-title-wrapper
  #edit-title-wrapper
  #input-button-wrapper {
  display: -ms-flexbox;
  display: flex;
}
.wizard
  .wizard__header
  #header-content-wrapper
  #project-title-wrapper
  #edit-title-wrapper
  #input-button-wrapper
  > span {
  width: 100%;
  max-width: 426px;
}
.wizard
  .wizard__header
  #header-content-wrapper
  #project-title-wrapper
  #edit-title-wrapper
  #input-button-wrapper
  input[type="text"] {
  border: 1px solid #989b9f;
  margin-bottom: 10px;
  max-width: 426px;
  height: 32px;
  box-shadow: 3px 3px 3px -2px #64686c;
}
.wizard
  .wizard__header
  #header-content-wrapper
  #project-title-wrapper
  #edit-title-wrapper
  #input-button-wrapper
  #title-only-button {
  width: 40px;
  height: 32px;
  color: #fff;
  background-color: #74af43;
  vertical-align: bottom;
  font-size: 22px;
  font-family: "icons";
  padding: 2px;
  margin: 0 0 0 4px;
}
.wizard .wizard__header #header-content-wrapper #project-status-wrapper {
  width: 55%;
  max-width: 500px;
  text-align: center;
}
@media (max-width: 450px) {
  .wizard .wizard__header #header-content-wrapper #project-status-wrapper {
    width: 100%;
  }
}
.wizard
  .wizard__header
  #header-content-wrapper
  #project-status-wrapper
  .progress {
  margin-top: 20px;
  display: inline-block;
  position: relative;
  width: 100%;
  max-width: 500px;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.wizard
  .wizard__header
  #header-content-wrapper
  #project-status-wrapper
  .progress
  ol {
  position: relative;
  float: right;
  width: 100%;
}
.wizard
  .wizard__header
  #header-content-wrapper
  #project-status-wrapper
  .progress
  ol:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 12px;
  left: 10%;
  width: 80%;
  border-top: 1px solid #e5e3e3;
}
.wizard
  .wizard__header
  #header-content-wrapper
  #project-status-wrapper
  .progress
  li {
  float: left;
  width: 20%;
  text-align: center;
}
.wizard
  .wizard__header
  #header-content-wrapper
  #project-status-wrapper
  .progress
  a {
  display: block;
}
.wizard
  .wizard__header
  #header-content-wrapper
  #project-status-wrapper
  .progress
  a:hover
  span,
.wizard
  .wizard__header
  #header-content-wrapper
  #project-status-wrapper
  .progress
  a.progress__active
  span {
  color: #ef5e39;
}
.wizard
  .wizard__header
  #header-content-wrapper
  #project-status-wrapper
  .progress
  a.progress__completed {
  position: relative;
}
.wizard
  .wizard__header
  #header-content-wrapper
  #project-status-wrapper
  .progress
  a.progress__completed:before {
  content: "\e611";
  font-family: "icons";
  position: absolute;
  top: -20px;
  left: 50%;
  margin-left: -5px;
  font-size: 0.8em;
  font-weight: bold;
  color: #47a4c6;
}
.wizard
  .wizard__header
  #header-content-wrapper
  #project-status-wrapper
  .progress
  a.progress__completed
  span:first-of-type {
  border-color: #47a4c6;
  background: #47a4c6;
  color: #fff;
}
.wizard
  .wizard__header
  #header-content-wrapper
  #project-status-wrapper
  .progress
  a.progress__completed
  span:last-of-type {
  color: #47a4c6;
}
.wizard
  .wizard__header
  #header-content-wrapper
  #project-status-wrapper
  .progress
  a.progress__error {
  position: relative;
}
.wizard
  .wizard__header
  #header-content-wrapper
  #project-status-wrapper
  .progress
  a.progress__error:before {
  content: "\e60d";
  font-family: "icons";
  position: absolute;
  top: -20px;
  left: 50%;
  margin-left: -6px;
  font-size: 0.8em;
  font-weight: bold;
  color: #be1e2d;
}
.wizard
  .wizard__header
  #header-content-wrapper
  #project-status-wrapper
  .progress
  span:first-of-type {
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 1px solid #e5e3e3;
  border-radius: 50%;
  background: #fff;
  color: #989b9f;
  font-family: "Oswald", sans-serif;
}
.wizard
  .wizard__header
  #header-content-wrapper
  #project-status-wrapper
  .progress
  span:last-of-type {
  display: block;
  margin-top: 5px;
  color: #bbbdc0;
  font-size: 0.75rem;
}
.wizard .wizard__header #header-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 15px;
}
@media (max-width: 450px) {
  .wizard .wizard__header #header-nav {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 2px;
  }
}
.wizard .wizard__header #header-nav h3 {
  color: #bbbdc0;
  font-size: 14px;
}
@media (max-width: 450px) {
  .wizard .wizard__header #header-nav h3 {
    -ms-flex-order: 3;
    order: 3;
    margin-top: 24px;
    width: 100%;
    text-align: center;
  }
}
.wizard .wizard__header #header-nav .wizard_prev_next_buttons {
  width: 242px;
}
@media (max-width: 450px) {
  .wizard .wizard__header #header-nav .wizard_prev_next_buttons {
    width: auto;
  }
}
.wizard .wizard__header #header-nav .save_as_button {
  margin: 4px 0;
  margin-right: 171px;
}
@media (max-width: 450px) {
  .wizard .wizard__header #header-nav .save_as_button {
    margin: 0px;
  }
}
.wizard .wizard__panes {
  padding: 20px 0 0;
  position: relative;
  color: #64686c;
}
.wizard .wizard__panes .wizard__pane,
.wizard .wizard__panes .wizard-preview-pane {
  z-index: 9;
}
@media (max-width: 500px) {
  .wizard .wizard__panes .wizard__pane,
  .wizard .wizard__panes .wizard-preview-pane {
    margin-top: 50px;
  }
}
.wizard .wizard__panes #required-notice {
  margin: 100px 0 9px;
  font-size: 14px;
  font-family: Helvetica, arial;
}
@media (max-width: 450px) {
  .wizard .wizard__panes #required-notice {
    width: 100%;
    margin-bottom: 30px;
  }
}
.wizard .wizard__panes #how-to-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  float: right;
  color: #47a4c6;
  margin-top: 10px;
  line-height: 15px;
}
.wizard .wizard__panes #how-to-wrapper .icon-help {
  margin-right: 8px;
}
.wizard .wizard_pane_content .add-button {
  color: #fff;
  border-radius: 12px;
  padding: 2px 10px;
}
.wizard .wizard_pane_content .add-button:not(:disabled) {
  background-color: #47a4c6;
  border: 4px solid #47a4c6;
}
.wizard .wizard_pane_content .pane-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  color: #ef5e39;
  font-family: "Oswald", sans-serif;
  font-size: 20px;
  margin-bottom: 4px;
}
.wizard .wizard_pane_content .pane-header .step-label {
  margin-right: 3px;
}
.wizard .wizard_pane_content input:not([type="button"]) {
  border: 1px solid #989b9f;
  padding: 2px 4px;
}
.wizard .wizard_pane_content #create-org-container input:not([type="button"]) {
  width: 80%;
}
.wizard .wizard_pane_content textarea {
  border: 1px solid #989b9f;
  padding: 2px 4px;
}
.wizard .wizard_pane_content .label-required:after {
  font-size: 15px;
  content: "*";
  position: absolute;
  right: 0;
}
.wizard .wizard_pane_content .checkbox,
.wizard .wizard_pane_content .radio {
  border-color: #64686c;
}
.wizard .wizard_pane_content .checkbox__checkmark,
.wizard .wizard_pane_content .radio__checkmark {
  color: #47a4c6;
  font-size: 1em;
}
.wizard
  .wizard_pane_content
  input[type="radio"]:checked
  + .radio__checkmark:before,
.wizard
  .wizard_pane_content
  input[type="checkbox"]:checked
  + .checkbox__checkmark:before {
  top: -1px;
  left: -1px;
  font-size: 1em;
}
.wizard .wizard_pane_content .button {
  width: auto;
  border: 1px solid #47a4c6;
  padding: 2px 20px;
  color: #fff;
}
.wizard .wizard_pane_content p {
  font-family: "Helvetica", "Arial", sans-serif;
  font-size: 20px;
}
@media (max-width: 450px) {
  .wizard .wizard_pane_content p {
    margin-top: 2em;
  }
}
.wizard .wizard__footer {
  border-top: 1px solid #e5e3e3;
  padding: 15px 0;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 450px) {
  .wizard .wizard__footer {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.wizard .wizard_prev_next_buttons {
  padding-bottom: 0;
  text-align: right;
  display: inline-block;
  z-index: 10;
}
.wizard .wizard_prev_next_buttons button {
  border: 1px solid #47a4c6 !important;
  height: 27px;
  padding: 2px 10px;
  width: 111px;
}
@media (max-width: 450px) {
  .wizard .wizard_prev_next_buttons button {
    width: 100px;
  }
}
.wizard .wizard_prev_next_buttons .prev_btn {
  background: none;
  color: #47a4c6 !important;
}
.wizard .wizard_prev_next_buttons .prev_btn:before {
  content: "\e623";
  font-family: "icons";
  font-size: 0.8em;
  font-weight: bold;
  margin-right: 10px;
}
.wizard .wizard_prev_next_buttons .prev_btn:hover {
  background: none;
}
@media (max-width: 450px) {
  .wizard .wizard_prev_next_buttons .prev_btn {
    margin-right: 0px;
  }
}
.wizard .wizard_prev_next_buttons .next_btn:after {
  content: "\e621";
  font-family: "icons";
  font-size: 0.8em;
  font-weight: bold;
  margin-left: 10px;
}
.wizard .wizard_prev_next_buttons .next_btn:hover {
  background: #47a4c6;
}
.wizard .save_as_button {
  font-size: 14px;
  height: 27px;
  width: auto;
  padding: 2px 10px;
  border: 1px solid #47a4c6 !important;
  background: #fff;
  color: #47a4c6;
}
.wizard .save_as_button:hover {
  background: #47a4c6;
  color: #fff;
}
select#proj_country2 {
  border: 1px solid #989b9f;
  padding: 2px 4px;
  width: 100%;
}
#proj_country3 {
  display: inline-table;
  position: relative;
  width: 100%;
}
#proj_country3:after {
  color: #989b9f;
  content: "\e606";
  font-family: "icons";
  speak: none;
  position: absolute;
  top: 5px;
  right: 0;
  display: inline-block;
  padding-right: 10px;
  pointer-events: none;
  writing-mode: vertical-lr;
}
.wizard-preview-pane iframe {
  width: 100%;
  height: 1024px;
}
.wizard-preview-pane .pane-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  color: #ef5e39;
  font-family: "Oswald", sans-serif;
  font-size: 20px;
}
.wizard-preview-pane .pane-header .step-label {
  margin-right: 3px;
}
.wizard-preview-pane .wizard-preview-pane__preview {
  position: relative;
}
.wizard-preview-pane .wizard-preview-pane__preview #long-description-more,
.wizard-preview-pane .wizard-preview-pane__preview .option-button-container {
  position: relative;
}
.wizard-preview-pane .wizard-preview-pane__buttons {
  margin: 60px 0 100px;
  padding: 25px;
  background: #e5e3e3;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 450px) {
  .wizard-preview-pane .wizard-preview-pane__buttons {
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 0;
    height: auto;
  }
}
.wizard-preview-pane
  .wizard-preview-pane__buttons
  #wizard-action-button-container {
  display: inline-block;
  margin: 0 0 0 5px;
  vertical-align: top;
  text-align: left;
}
@media (max-width: 450px) {
  .wizard-preview-pane
    .wizard-preview-pane__buttons
    #wizard-action-button-container {
    margin: 0;
  }
}
.wizard-preview-pane .wizard-preview-pane__buttons .save_as_button {
  background: #e5e3e3;
  font-size: 14px;
  height: 27px;
  width: auto;
  padding: 2px 10px;
  border: 1px solid #47a4c6 !important;
  color: #47a4c6;
}
.wizard-preview-pane .wizard-preview-pane__buttons .save_as_button:hover {
  background: #47a4c6;
  color: #fff;
}
@media (max-width: 450px) {
  .wizard-preview-pane .wizard-preview-pane__buttons .save_as_button {
    display: none;
  }
}
.wizard-preview-pane .wizard-preview-pane__buttons .button {
  width: auto;
  padding: 8px 16px;
}
@media (max-width: 450px) {
  .wizard-preview-pane .wizard-preview-pane__buttons .button {
    padding: 8px 10px;
  }
}
.wizard-preview-pane .wizard-preview-pane__buttons .button_post {
  padding: 8px 16px;
  border-color: #74af43 !important;
  background: #74af43;
}
.wizard-preview-pane .wizard-preview-pane__buttons .button_post:hover {
  background: #47a4c6;
}
.wizard-preview-pane .wizard-preview-pane__buttons .button_post:disabled {
  background: #d9dadb;
}
@media (max-width: 450px) {
  .wizard-preview-pane .wizard-preview-pane__buttons .button_post {
    padding: 8px 10px;
  }
}
.wizard-preview-pane .wizard-preview-pane__buttons .loader-button-white-gray {
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.wizard-preview-pane .wizard-preview-pane__buttons .blue-checkmark-box {
  margin-top: 10px;
}
.wizard-preview-pane .wizard-preview-pane__buttons .blue-checkmark-box label {
  font-size: 14px;
  padding-left: 1.5em;
}
.wizard-preview-pane
  .wizard-preview-pane__buttons
  .blue-checkmark-box
  label:before {
  height: 16px;
  width: 16px;
}
.wizard-preview-pane
  .wizard-preview-pane__buttons
  .blue-checkmark-box
  [type="checkbox"]:checked
  + label:after {
  top: 5px;
  left: 2px;
  font-size: 1em;
  line-height: 0.8;
}
.wizard-contact-pane form {
  max-width: 400px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.wizard-contact-pane form label {
  width: calc(50% - 10px);
  margin-bottom: 1em;
}
@media (max-width: 450px) {
  .wizard-contact-pane form label {
    width: 100%;
    margin-right: 0;
  }
}
.wizard-contact-pane .project__sub {
  text-align: center;
}
.wizard-contact-pane .project__sub .loading {
  width: 200px;
}
.wizard-contact-pane .project__sub .loading .loading__bar:before {
  position: inherit;
}
.wizard-contact-pane #owner-log {
  margin: 30px 0 0 0;
  border: 1px solid #e5e3e3;
}
.wizard-contact-pane #owner-log h2 {
  color: #47a4c6;
  font-family: "Oswald", sans-serif;
  font-size: 22px;
  text-align: center;
}
.wizard-contact-pane #owner-log hr {
  border: 1px solid #e5e3e3;
}
.wizard-contact-pane #owner-log tbody td:last-child,
.wizard-contact-pane #owner-log tbody td:first-child {
  width: 150px;
}
.wizard-contact-pane #owner-log tbody tr:hover {
  background: #e5e3e3;
}
.wizard-contact-pane #owner-log a {
  color: #47a4c6;
}
.wizard-contact-pane #owner-log a:hover {
  font-weight: bold;
}
.wizard-contact-pane #owner-log td {
  text-align: center;
}
.wizard-contact-pane .spinner {
  background: url("data:image/gif;base64,R0lGODlhEAAQAPQAAP///wAAAPDw8IqKiuDg4EZGRnp6egAAAFhYWCQkJKysrL6+vhQUFJycnAQEBDY2NmhoaAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAAFdyAgAgIJIeWoAkRCCMdBkKtIHIngyMKsErPBYbADpkSCwhDmQCBethRB6Vj4kFCkQPG4IlWDgrNRIwnO4UKBXDufzQvDMaoSDBgFb886MiQadgNABAokfCwzBA8LCg0Egl8jAggGAA1kBIA1BAYzlyILczULC2UhACH5BAkKAAAALAAAAAAQABAAAAV2ICACAmlAZTmOREEIyUEQjLKKxPHADhEvqxlgcGgkGI1DYSVAIAWMx+lwSKkICJ0QsHi9RgKBwnVTiRQQgwF4I4UFDQQEwi6/3YSGWRRmjhEETAJfIgMFCnAKM0KDV4EEEAQLiF18TAYNXDaSe3x6mjidN1s3IQAh+QQJCgAAACwAAAAAEAAQAAAFeCAgAgLZDGU5jgRECEUiCI+yioSDwDJyLKsXoHFQxBSHAoAAFBhqtMJg8DgQBgfrEsJAEAg4YhZIEiwgKtHiMBgtpg3wbUZXGO7kOb1MUKRFMysCChAoggJCIg0GC2aNe4gqQldfL4l/Ag1AXySJgn5LcoE3QXI3IQAh+QQJCgAAACwAAAAAEAAQAAAFdiAgAgLZNGU5joQhCEjxIssqEo8bC9BRjy9Ag7GILQ4QEoE0gBAEBcOpcBA0DoxSK/e8LRIHn+i1cK0IyKdg0VAoljYIg+GgnRrwVS/8IAkICyosBIQpBAMoKy9dImxPhS+GKkFrkX+TigtLlIyKXUF+NjagNiEAIfkECQoAAAAsAAAAABAAEAAABWwgIAICaRhlOY4EIgjH8R7LKhKHGwsMvb4AAy3WODBIBBKCsYA9TjuhDNDKEVSERezQEL0WrhXucRUQGuik7bFlngzqVW9LMl9XWvLdjFaJtDFqZ1cEZUB0dUgvL3dgP4WJZn4jkomWNpSTIyEAIfkECQoAAAAsAAAAABAAEAAABX4gIAICuSxlOY6CIgiD8RrEKgqGOwxwUrMlAoSwIzAGpJpgoSDAGifDY5kopBYDlEpAQBwevxfBtRIUGi8xwWkDNBCIwmC9Vq0aiQQDQuK+VgQPDXV9hCJjBwcFYU5pLwwHXQcMKSmNLQcIAExlbH8JBwttaX0ABAcNbWVbKyEAIfkECQoAAAAsAAAAABAAEAAABXkgIAICSRBlOY7CIghN8zbEKsKoIjdFzZaEgUBHKChMJtRwcWpAWoWnifm6ESAMhO8lQK0EEAV3rFopIBCEcGwDKAqPh4HUrY4ICHH1dSoTFgcHUiZjBhAJB2AHDykpKAwHAwdzf19KkASIPl9cDgcnDkdtNwiMJCshACH5BAkKAAAALAAAAAAQABAAAAV3ICACAkkQZTmOAiosiyAoxCq+KPxCNVsSMRgBsiClWrLTSWFoIQZHl6pleBh6suxKMIhlvzbAwkBWfFWrBQTxNLq2RG2yhSUkDs2b63AYDAoJXAcFRwADeAkJDX0AQCsEfAQMDAIPBz0rCgcxky0JRWE1AmwpKyEAIfkECQoAAAAsAAAAABAAEAAABXkgIAICKZzkqJ4nQZxLqZKv4NqNLKK2/Q4Ek4lFXChsg5ypJjs1II3gEDUSRInEGYAw6B6zM4JhrDAtEosVkLUtHA7RHaHAGJQEjsODcEg0FBAFVgkQJQ1pAwcDDw8KcFtSInwJAowCCA6RIwqZAgkPNgVpWndjdyohACH5BAkKAAAALAAAAAAQABAAAAV5ICACAimc5KieLEuUKvm2xAKLqDCfC2GaO9eL0LABWTiBYmA06W6kHgvCqEJiAIJiu3gcvgUsscHUERm+kaCxyxa+zRPk0SgJEgfIvbAdIAQLCAYlCj4DBw0IBQsMCjIqBAcPAooCBg9pKgsJLwUFOhCZKyQDA3YqIQAh+QQJCgAAACwAAAAAEAAQAAAFdSAgAgIpnOSonmxbqiThCrJKEHFbo8JxDDOZYFFb+A41E4H4OhkOipXwBElYITDAckFEOBgMQ3arkMkUBdxIUGZpEb7kaQBRlASPg0FQQHAbEEMGDSVEAA1QBhAED1E0NgwFAooCDWljaQIQCE5qMHcNhCkjIQAh+QQJCgAAACwAAAAAEAAQAAAFeSAgAgIpnOSoLgxxvqgKLEcCC65KEAByKK8cSpA4DAiHQ/DkKhGKh4ZCtCyZGo6F6iYYPAqFgYy02xkSaLEMV34tELyRYNEsCQyHlvWkGCzsPgMCEAY7Cg04Uk48LAsDhRA8MVQPEF0GAgqYYwSRlycNcWskCkApIyEAOwAAAAAAAAAAAA==")
    no-repeat center center;
  width: 20px;
  height: 20px;
}
.wizard-details-pane .textBox-counter {
  text-align: right;
  font-size: 14px;
}
.wizard-details-pane .textBox-counter-max {
  color: #be1e2d;
}
@media (min-width: 700px) {
  .wizard-details-pane .details-about .clearfix,
  .wizard-details-pane .details-about .projects-and-users-wrap__sub,
  .wizard-details-pane .details-about .projects,
  .wizard-details-pane .details-about .projects output header,
  .projects output .wizard-details-pane .details-about header,
  .wizard-details-pane .details-about .projects .projects__listing > li,
  .projects .wizard-details-pane .details-about .projects__listing > li,
  .wizard-details-pane .details-about .users tr,
  .users .wizard-details-pane .details-about tr,
  .wizard-details-pane .details-about .admins form,
  .admins .wizard-details-pane .details-about form,
  .wizard-details-pane .details-about .admins tr,
  .admins .wizard-details-pane .details-about tr,
  .wizard-details-pane .details-about .admins .users-projects__inner-list,
  .admins .wizard-details-pane .details-about .users-projects__inner-list,
  .wizard-details-pane
    .details-about
    .admins
    .users-projects__inner-list__instances
    li,
  .admins
    .users-projects__inner-list__instances
    .wizard-details-pane
    .details-about
    li,
  .wizard-details-pane .details-about .reassign tr,
  .reassign .wizard-details-pane .details-about tr,
  .wizard-details-pane .details-about .reassignCheck tr,
  .reassignCheck .wizard-details-pane .details-about tr,
  .wizard-details-pane .details-about .edit .edit__area-admin__missions li,
  .edit .edit__area-admin__missions .wizard-details-pane .details-about li,
  .wizard-details-pane .details-about .edit .edit__keywords,
  .edit .wizard-details-pane .details-about .edit__keywords,
  .wizard-details-pane .details-about .jcrop__buttons,
  .wizard-details-pane .details-about .updates-modal__content,
  .wizard-details-pane .details-about .sign-in-and-register,
  .wizard-details-pane .details-about .assign__project,
  .wizard-details-pane .details-about .assign__user,
  .wizard-details-pane .details-about .assign__results > ul > li,
  .wizard-details-pane .details-about .assign__results section:last-of-type li,
  .assign__results section:last-of-type .wizard-details-pane .details-about li,
  .wizard-details-pane .details-about .basic-info,
  .wizard-details-pane
    .details-about
    .location-info
    .location-info-element-wrapper,
  .location-info
    .wizard-details-pane
    .details-about
    .location-info-element-wrapper,
  .wizard-details-pane .details-about .action-buttons,
  .wizard-details-pane .details-about .story__form__images,
  .wizard-details-pane .details-about .story__form__images__list,
  .wizard-details-pane .details-about .story__form__images__list li,
  .story__form__images__list .wizard-details-pane .details-about li,
  .wizard-details-pane .details-about #f__mobile-apps ul,
  #f__mobile-apps .wizard-details-pane .details-about ul,
  .wizard-details-pane .details-about #f__nav-links,
  .wizard-details-pane .details-about .home .hero__videos__list,
  .home .wizard-details-pane .details-about .hero__videos__list,
  .wizard-details-pane
    .details-about
    #manage_admins
    #manage-admins-panel
    .admins-panel-tab-content
    #admins-panel-boundary-edit
    .boundary-edit-header
    .header-content-wrapper
    #boundary-edit-status
    .progress
    ol,
  #manage_admins
    #manage-admins-panel
    .admins-panel-tab-content
    #admins-panel-boundary-edit
    .boundary-edit-header
    .header-content-wrapper
    #boundary-edit-status
    .progress
    .wizard-details-pane
    .details-about
    ol,
  .wizard-details-pane
    .details-about
    #manage_admins
    #manage-admins-panel
    .admins-panel-tab-content
    tr,
  #manage_admins
    #manage-admins-panel
    .admins-panel-tab-content
    .wizard-details-pane
    .details-about
    tr,
  .wizard-details-pane
    .details-about
    #manage_admins
    .projects-and-users-wrap__sub,
  #manage_admins
    .wizard-details-pane
    .details-about
    .projects-and-users-wrap__sub,
  .wizard-details-pane .details-about #manage_admins .admins-um form,
  #manage_admins .admins-um .wizard-details-pane .details-about form,
  .wizard-details-pane .details-about #manage_admins .admins-um tr,
  #manage_admins .admins-um .wizard-details-pane .details-about tr,
  .wizard-details-pane
    .details-about
    #manage_admins
    .admins-um
    .users-projects__inner-list,
  #manage_admins
    .admins-um
    .wizard-details-pane
    .details-about
    .users-projects__inner-list,
  .wizard-details-pane
    .details-about
    #manage_admins
    .admins-um
    .users-projects__inner-list__instances
    li,
  #manage_admins
    .admins-um
    .users-projects__inner-list__instances
    .wizard-details-pane
    .details-about
    li,
  .wizard-details-pane .details-about #manage_admins .reassign tr,
  #manage_admins .reassign .wizard-details-pane .details-about tr,
  .wizard-details-pane .details-about #partners form,
  #partners .wizard-details-pane .details-about form,
  .wizard-details-pane .details-about .partner,
  .wizard-details-pane .details-about #manage-projects,
  .wizard-details-pane
    .details-about
    #manage-projects
    .aside
    > section
    > ul
    > li,
  #manage-projects
    .wizard-details-pane
    .details-about
    .aside
    > section
    > ul
    > li,
  .wizard-details-pane .details-about .legal,
  .wizard-details-pane .details-about .not-authorized,
  .wizard-details-pane .details-about .oops,
  .wizard-details-pane .details-about .org-project-approval,
  .wizard-details-pane .details-about .partner__header,
  .wizard-details-pane .details-about .partner__header__text,
  .wizard-details-pane .details-about .partner__header__text .social,
  .partner__header__text .wizard-details-pane .details-about .social,
  .wizard-details-pane .details-about .partner__header__text .social ul,
  .partner__header__text .social .wizard-details-pane .details-about ul,
  .wizard-details-pane .details-about .partner__body,
  .wizard-details-pane .details-about .partner__announcements,
  .wizard-details-pane
    .details-about
    .announcement
    .announcement__action-buttons,
  .announcement
    .wizard-details-pane
    .details-about
    .announcement__action-buttons,
  .wizard-details-pane .details-about .new-actions,
  .wizard-details-pane .details-about .partners,
  .wizard-details-pane .details-about .partners form,
  .partners .wizard-details-pane .details-about form,
  .wizard-details-pane .details-about .partners form ul,
  .partners form .wizard-details-pane .details-about ul,
  .wizard-details-pane
    .details-about
    .profileHeartedPreferences
    .HeartedPreferences__labels,
  .profileHeartedPreferences
    .wizard-details-pane
    .details-about
    .HeartedPreferences__labels,
  .wizard-details-pane
    .details-about
    .project-search
    .project-search-form
    .project-search-banner,
  .project-search
    .project-search-form
    .wizard-details-pane
    .details-about
    .project-search-banner,
  .wizard-details-pane .details-about .project-search .view-options,
  .project-search .wizard-details-pane .details-about .view-options,
  .wizard-details-pane .details-about .project-search .calendar,
  .project-search .wizard-details-pane .details-about .calendar,
  .wizard-details-pane .details-about .story-list li,
  .story-list .wizard-details-pane .details-about li,
  .wizard-details-pane
    .details-about
    project-volunteers-directive
    .volunteers-header--sub,
  project-volunteers-directive
    .wizard-details-pane
    .details-about
    .volunteers-header--sub,
  .wizard-details-pane
    .details-about
    .wizard
    .wizard__header
    #header-content-wrapper
    #project-status-wrapper
    .progress
    ol,
  .wizard
    .wizard__header
    #header-content-wrapper
    #project-status-wrapper
    .progress
    .wizard-details-pane
    .details-about
    ol,
  .wizard-details-pane .details-about .details-about,
  .wizard-details-pane .details-about .details-labels,
  .wizard-details-pane .details-about .wizard-guidelines-pane,
  .wizard-details-pane
    .details-about
    .wizard-time-location
    .wizard-time-location__timeslots
    .dtl__datetime
    .dtl__datetime__start-time
    div,
  .wizard-time-location
    .wizard-time-location__timeslots
    .dtl__datetime
    .dtl__datetime__start-time
    .wizard-details-pane
    .details-about
    div,
  .wizard-details-pane
    .details-about
    .wizard-time-location
    .wizard-time-location__timeslots
    .dtl__datetime
    .dtl__datetime__end-time
    div,
  .wizard-time-location
    .wizard-time-location__timeslots
    .dtl__datetime
    .dtl__datetime__end-time
    .wizard-details-pane
    .details-about
    div,
  .wizard-details-pane .details-about .personal-settings,
  .wizard-details-pane .details-about .personal-settings__password ul,
  .personal-settings__password .wizard-details-pane .details-about ul,
  .wizard-details-pane .details-about .notification-settings,
  .wizard-details-pane .details-about .notification-settings__toggle,
  .wizard-details-pane .details-about .notification-settings__details,
  .wizard-details-pane .details-about #sponsored-projects,
  .wizard-details-pane .details-about .sponsored_project,
  .wizard-details-pane .details-about .successStoriesBody,
  .wizard-details-pane .details-about .successStoriesBody__inner,
  .wizard-details-pane .details-about .successStoriesHeader,
  .wizard-details-pane .details-about .successStoriesHeaderStories,
  .wizard-details-pane .details-about .successStoryNav,
  .wizard-details-pane .details-about .successStorySocial,
  .wizard-details-pane .details-about .updates li,
  .updates .wizard-details-pane .details-about li {
    float: right;
    width: 65%;
  }
  .wizard-details-pane .details-about .details-about__photo {
    float: left;
    width: calc(35% - 40px);
  }
}
.wizard-details-pane .details-about__synopsis textarea {
  min-height: 100px;
  resize: none;
}
.wizard-details-pane .details-about__description {
  margin-bottom: 10px;
  margin-top: 25px;
}
.wizard-details-pane .details-about__description textarea {
  min-height: 200px;
  resize: none;
}
.wizard-details-pane .details-about__attachment label,
.wizard-details-pane .details-about__attachment p {
  font-size: 14px;
  font-family: Helvetica, arial;
  display: block;
  margin-bottom: 10px;
}
.wizard-details-pane .details-about__attachment li {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.wizard-details-pane .details-about__attachment li .attachment_item {
  font-size: 14px;
  background: #e5e3e3;
  height: 34px;
  line-height: 34px;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-right: 10px;
  padding: 0 10px;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -ms-flex-align: center;
  align-items: center;
}
.wizard-details-pane
  .details-about__attachment
  li
  .attachment_item
  .attachment_icon {
  font-size: 20px;
}
.wizard-details-pane
  .details-about__attachment
  li
  .attachment_item
  .attachment_file-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 10px;
}
.wizard-details-pane .details-about__attachment li .attachment_item span {
  font-weight: bold;
}
.wizard-details-pane .details-about__attachment button {
  height: 34px;
  min-width: 100px;
  text-transform: lowercase;
}
.wizard-details-pane .details-about__attachment button:not(:disabled):before {
  content: "\e617";
  font-family: "icons";
  font-size: 14px;
  margin-right: 10px;
  color: #fff;
}
.wizard-details-pane .details-about__attachment .remove-icon {
  cursor: pointer;
  color: #bbbdc0;
  line-height: 34px;
  padding-top: 1px;
}
.wizard-details-pane .details-about__attachment .remove-icon:after {
  content: "\e632";
  font-family: "icons";
  font-size: 30px;
}
.wizard-details-pane .details-about__attachment .remove-icon:hover {
  color: #ef5e39;
}
.wizard-details-pane .details-about__photo {
  display: block;
  overflow: hidden;
  cursor: pointer;
}
.wizard-details-pane .details-about__photo figure {
  position: relative;
  padding: 5px;
}
.wizard-details-pane .details-about__photo figure div {
  border-bottom: 1px solid #bbbdc0;
  height: 150px;
  line-height: 150px;
}
.wizard-details-pane .details-about__photo figure img.jcrop__placeholder {
  max-width: 74px;
  max-height: 74px;
}
.wizard-details-pane .details-about__photo figcaption {
  position: relative;
  z-index: 1;
}
.wizard-details-pane .details-about__photo figcaption input[type="file"] {
  width: 100%;
  height: 34px;
  opacity: 0.00001;
  cursor: pointer !important;
}
.wizard-details-pane .details-about__photo figcaption .loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.wizard-details-pane .details-about__photo figcaption .loading button {
  width: 100%;
  height: 34px;
  line-height: 34px;
  padding: 0;
  background: #47a4c6;
  border: none !important;
}
.wizard-details-pane .details-sign-up {
  padding-top: 50px;
    border-top: 1px solid #e5e3e3;
    margin-top: 50px;
}
.wizard-details-pane .details-sign-up .help-text.required:after {
  content: "*";
}
.wizard-details-pane .details-sign-up #signup-group-form {
  display: inline-block;
}
.wizard-details-pane
  .details-sign-up
  #signup-group-form
  .target-radio-input-wrapper {
  display: inline-block;
  margin-left: 4px;
  margin-right: 20px;
}
.wizard-details-pane .details-sign-up #redirect-form {
  width: 250px;
}
.wizard-details-pane .details-sign-up #redirect-form .label-required {
  position: relative;
}
.wizard-details-pane .details-sign-up #redirect-form .label-required:after {
  top: -2px;
}
.wizard-details-pane .details-sign-up #redirect-form .redirect-website {
  margin-top: 10px;
}
.wizard-details-pane .details-sign-up .sign-up_sub-section {
  margin-top: 30px;
}
@media (min-width: 600px) {
  .wizard-details-pane .details-sign-up .sign-up_sub-section {
    padding: 15px 0 0 0;
  }
}
.wizard-details-pane
  .details-sign-up
  .sign-up_sub-section
  .target-radio-input-wrapper {
  display: inline-block;
  margin-left: 4px;
  margin-right: 20px;
}
.wizard-details-pane
  .details-sign-up
  .sign-up_sub-section
  .selected-wrapper
  > span {
  font-size: 18px;
  margin-right: 20px;
}
.wizard-details-pane
  .details-sign-up
  .sign-up_sub-section
  .selected-wrapper
  .change-button {
  font-size: 14px;
  color: #47a4c6;
  font-weight: normal;
}
.wizard-details-pane .details-sign-up .sign-up_sub-section .sponsor-button {
  color: #47a4c6;
  margin: auto;
  margin-left: 20px;
}
.wizard-details-pane
  .details-sign-up
  .sign-up_sub-section
  #sponsor-types-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.wizard-details-pane
  .details-sign-up
  .sign-up_sub-section
  #sponsor-types-wrapper
  .target-radio-input-wrapper {
  margin-left: 4px;
  margin-right: 20px;
}
.wizard-details-pane
  .details-sign-up
  .sign-up_sub-section
  #sponsor-types-wrapper
  .target-radio-input-wrapper:last-of-type {
  margin-right: 4px;
}
.wizard-details-pane .details-sign-up .sign-up_sub-section #add-sponsor {
  width: 116px;
}
.wizard-details-pane .details-sign-up .sign-up_sub-section #add-rep {
  width: 158px;
}
.wizard-details-pane .details-sign-up .sign-up_sub-section .add-button {
  font-family: "Oswald", sans-serif;
  display: block;
  margin-top: 12px;
  text-transform: lowercase;
  font-size: 16px;
  padding: 0px 8px;
}
.wizard-details-pane .details-sign-up .sign-up_sub-section .add-button:before {
  content: "\e617";
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 3px;
  font-family: "icons";
  font-size: 12px;
}
.wizard-details-pane .details-sign-up .sign-up_sub-section .subsection_drawer {
  margin-top: 12px;
  display: -ms-flexbox;
  display: flex;
}
.wizard-details-pane
  .details-sign-up
  .sign-up_sub-section
  .subsection_drawer
  .content-wrapper {
  max-width: 625px;
  width: calc(100% - 95px);
}
.wizard-details-pane
  .details-sign-up
  .sign-up_sub-section
  .subsection_drawer
  .content-wrapper
  input[type="submit"] {
  margin: 0;
  padding: 2px 20px;
}
.wizard-details-pane
  .details-sign-up
  .sign-up_sub-section
  .subsection_drawer
  .content-wrapper
  .not-found-message {
  margin: 0 !important;
  font-family: "Helvetica", "arial", sans-serif !important;
  color: #be1e2d !important;
}
.wizard-details-pane
  .details-sign-up
  .sign-up_sub-section
  .subsection_drawer
  .content-wrapper
  ul {
  height: 200px;
  overflow: auto;
  border: 1px solid #bbbdc0;
}
.wizard-details-pane
  .details-sign-up
  .sign-up_sub-section
  .subsection_drawer
  .content-wrapper
  ul
  li {
  padding: 4px;
  font-size: 18px;
}
.wizard-details-pane
  .details-sign-up
  .sign-up_sub-section
  .subsection_drawer
  .content-wrapper
  ul
  li:first-of-type {
  font-size: 14px;
  padding-top: 0px;
}
.wizard-details-pane
  .details-sign-up
  .sign-up_sub-section
  .subsection_drawer
  .content-wrapper
  ul
  li:not(:first-of-type):hover {
  background-color: #47a4c6;
  color: #fff;
}
.wizard-details-pane
  .details-sign-up
  .sign-up_sub-section
  .subsection_drawer
  .content-wrapper
  ul
  li
  a {
  display: -ms-flexbox;
  display: flex;
}
.wizard-details-pane
  .details-sign-up
  .sign-up_sub-section
  .subsection_drawer
  .content-wrapper
  ul
  li
  a
  .name-container {
  min-width: 250px;
}
.wizard-details-pane
  .details-sign-up
  .sign-up_sub-section
  .subsection_drawer
  .cancel-button,
.wizard-details-pane
  .details-sign-up
  .sign-up_sub-section
  .subsection_drawer
  .lookup-button {
  width: auto;
  height: 24px;
  margin-left: 6px;
  margin-top: 19px;
  padding: 2px 20px;
}
.wizard-details-pane
  .details-sign-up
  .sign-up_sub-section
  .subsection_drawer
  .cancel-button {
  background-color: #64686c;
}
.wizard-details-pane .details-sign-up .sign-up_sub-section p {
  margin-bottom: 5px;
}
.wizard-details-pane .details-sign-up .sign-up_sub-section__selected {
  margin: 10px 0 5px;
}
.wizard-details-pane .details-sign-up .sign-up_sub-section__selected strong {
  font-weight: normal;
  color: #ef5e39;
}
.wizard-details-pane .details-labels {
  padding-top: 10px;
  border-top: 1px solid #e5e3e3;
  margin-top: 60px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.wizard-details-pane .details-labels .skillsInterests {
  padding-top: 50px;
  padding-bottom: 30px;
}
.wizard-time-location .details-labels__attrs {
  padding-bottom: 50px;
}
.wizard-time-location .details-labels__attrs li {
  margin-top: 10px;
}
.wizard-time-location .details-labels__attrs > label {
  font-size: 20px;
}
.wizard-time-location .details-labels__attrs > div {
  margin-top: 10px;
  color: red;
}
.wizard-time-location .details-labels__attrs li span {
  vertical-align: middle;
}
.wizard-time-location .details-labels__attrs .checkbox {
  margin-right: 5px;
  font-size: 1.25em;
  vertical-align: middle;
}
.wizard-details-pane .details-labels__skills {
  margin-top: 50px;
}
@media (min-width: 805px) {
  .wizard-details-pane .details-labels__skills {
    margin-top: 0;
    float: left;
    width: 375px;
    padding-right: 20px;
  }
}
.wizard-details-pane .details-labels__skills textarea {
  min-height: 100px;
  resize: none;
}
.wizard-details-pane .details-labels__skills__search {
  position: relative;
  margin-bottom: 5px;
}
.wizard-details-pane .details-labels__skills__search input:focus + button {
  border: 1px solid #bbbdc0 !important;
}
.wizard-details-pane .details-labels__skills__search button {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 24px;
  border: none !important;
  padding: 0;
  font-size: 9px;
  background-color: #edc314;
  text-align: center;
}
.wizard-details-pane .details-labels__skills__select {
  height: 135px;
  overflow-y: auto;
  border: 1px solid #bbbdc0;
}
.wizard-details-pane .details-labels__skills__select li {
  margin-left: 5px;
  cursor: pointer;
  padding-left: 1em;
  text-indent: -1em;
}
.wizard-details-pane .details-labels__skills__select li:hover {
  background: #47a4c6;
  color: #fff;
}
.wizard-details-pane .details-labels__skills__select li.selected {
  background-color: #e5e3e3;
}
.wizard-details-pane .details-labels__skills__list {
  margin-top: 10px;
}
.wizard-details-pane .details-labels__skills__list li {
  position: relative;
  display: inline-block;
  padding: 2px 4px;
  height: 24px;
  margin: 0 25px 4px 6px;
  background: #edc314;
  color: #fff;
  text-transform: uppercase;
  font-family: "Oswald";
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 90%;
}
.wizard-details-pane .details-labels__skills__list li:before {
  content: "";
  position: absolute;
  top: 0;
  left: -24px;
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 12px solid rgba(255, 255, 255, 0);
  border-right: 6px solid #edc314;
}
.wizard-details-pane .details-labels__skills__list li:after {
  content: "";
  position: absolute;
  top: 0;
  right: -24px;
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 12px solid rgba(255, 255, 255, 0);
  border-left: 6px solid #edc314;
}
.wizard-details-pane .details-labels__skills__list li.standard {
  background: #edc314;
}
.wizard-details-pane .details-labels__skills__list li.added {
  background: #ecd277;
}
.wizard-details-pane .details-labels__skills__list li.added:before {
  border-right-color: #ecd277;
}
.wizard-details-pane .details-labels__skills__list li.added:after {
  border-left-color: #ecd277;
}
.wizard-details-pane .details-labels__skills__list li span:first-of-type {
  color: inherit;
}
.wizard-details-pane .details-labels__skills__list li span:last-of-type {
  position: absolute;
  top: -3px;
  right: -19px;
  z-index: 1;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #64686c;
  padding: 1px;
  font-size: 10px;
  font-weight: bold;
  cursor: pointer;
}
.wizard-details-pane .details-labels__skills__list li span:last-of-type:before {
  color: #64686c !important;
  display: inline-block;
}
.wizard-details-pane .details-labels__interests {
  margin-top: 50px;
}
@media (min-width: 805px) {
  .wizard-details-pane .details-labels__interests {
    margin-top: 0;
    float: left;
    width: 375px;
    padding-left: 20px;
  }
}
.wizard-details-pane .details-labels__interests__listing {
  height: 164px;
  overflow-y: auto;
  border: 1px solid #bbbdc0;
}
.wizard-details-pane .details-labels__interests__listing li {
  position: relative;
}
.wizard-details-pane .details-labels__interests__listing li:hover {
  background: #47a4c6;
}
.wizard-details-pane .details-labels__interests__listing li:hover *,
.wizard-details-pane .details-labels__interests__listing li:hover *:before {
  color: #fff !important;
}
.wizard-details-pane .details-labels__interests__listing input {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.00001;
  cursor: pointer;
}
.wizard-details-pane
  .details-labels__interests__listing
  input:checked
  + span:before {
  content: "\e611";
  font-family: "icons";
  position: absolute;
  left: -1.25em;
  color: #ef5e39;
}
.wizard-details-pane .details-labels__interests__listing span {
  position: relative;
  display: block;
  margin-left: 1.5em;
}
.wizard-details-pane .details-labels__interests__list {
  margin-top: 5px;
}
.wizard-details-pane .details-labels__interests__list li {
  position: relative;
  display: inline-block;
  padding: 2px 0;
  height: 24px;
  margin: 0 30px 4px 12px;
  background: #ef5e39;
  color: #fff;
  text-transform: uppercase;
  font-family: "Oswald";
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.wizard-details-pane .details-labels__interests__list li:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: -12px;
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #ef5e39;
}
.wizard-details-pane .details-labels__interests__list li:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: -12px;
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #ef5e39;
}
.wizard-details-pane .details-labels__interests__list li span:first-of-type {
  color: inherit;
}
.wizard-details-pane .details-labels__interests__list li span:last-of-type {
  position: absolute;
  top: -3px;
  right: -27px;
  z-index: 1;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #64686c;
  padding: 1px;
  font-size: 10px;
  font-weight: bold;
  cursor: pointer;
}
.wizard-details-pane
  .details-labels__interests__list
  li
  span:last-of-type:before {
  color: #64686c !important;
  display: inline-block;
}
.wizard-guidelines-pane {
  font-size: 17px;
}
.slide-out {
  display: none;
}
.wizard-guidelines-pane h2 {
  margin-bottom: 0.5em;
  font-family: "Oswald";
  font-size: 20px;
  color: #ef5e39;
}
.wizard-guidelines-pane h3 {
  margin-top: 30px;
  text-transform: uppercase;
}
.wizard-guidelines-pane ol {
  margin: 0.5em 0 30px;
  padding-left: 2em;
  list-style-type: decimal;
}
.wizard-guidelines-pane ol ol {
  list-style-type: lower-alpha;
}
.wizard-guidelines-pane ol ol ol {
  list-style-type: lower-roman;
}
.wizard-guidelines-pane ol hr {
  border-top: 1px solid #989b9f;
  width: calc(100% + 20px);
  margin: 20px -20px;
}
.wizard-guidelines-pane a {
  margin-bottom: 10px;
  color: #47a4c6;
  font-size: 16px;
}
.wizard-guidelines-pane .submission-guidelines-read label {
  vertical-align: middle;
}
.wizard-guidelines-pane .submission-guidelines-read span {
  cursor: pointer;
  color: #ef5e39;
  vertical-align: middle;
}
.wizard-guidelines-pane
  .submission-guidelines-read
  #guidelines-form
  #guidelines-next-button {
  display: block;
  width: 100px;
  margin-right: none;
  margin-left: auto;
  margin-top: 40px;
}
.wizard-guidelines-pane .prohibitedActivities {
  color: #47a4c6;
  cursor: pointer;
}
.wizard-guidelines-pane .slide-down {
  display: none;
  height: 0;
  transition: all 0.5s ease;
}
.wizard-guidelines-pane .slide-down span {
  display: block;
  margin-left: 20px;
}
.wizard-guidelines-pane .slide-down.active {
  display: block;
  height: initial;
}
.wizard-guidelines-pane .slide-down .close {
  float: right;
}
.wizard-org-pane .modal-directive,
.wizard-org-pane .modal-directive-wrapper {
  width: auto;
}
.wizard-org-pane
  .modal-directive
  .modal-directive-wrapper
  .modal-footer-container
  .action-btn {
  padding: 4px 16px;
  border-color: #47a4c6 !important;
  background: #47a4c6;
  min-width: 80px;
}
.wizard-org-pane
  .modal-directive
  .modal-directive-wrapper
  .modal-footer-container
  .action-btn:hover {
  background-color: #74af43;
}
@media (max-width: 450px) {
  .wizard-org-pane
    .modal-directive
    .modal-directive-wrapper
    .modal-footer-container
    .action-btn {
    padding: 4px 10px;
  }
}
.wizard-org-pane #find-org-modal .modal-directive-container {
  padding: 0px;
}
.wizard-org-pane #find-org-modal #find-org-modal-content {
  padding: 0 20px 40px 20px;
}
.wizard-org-pane #find-org-modal #find-org-modal-content form {
  height: 200px;
  overflow-y: auto;
}
.wizard-org-pane #find-org-modal #find-org-modal-content h1 {
  border-bottom: 1px solid #bbbdc0;
  font-size: 22px;
  color: #47a4c6;
  padding-bottom: 30px;
  margin-bottom: 22px;
}
.wizard-org-pane #find-org-modal #find-org-modal-content label {
  font-size: 18px;
  margin: 10px auto;
  transform: translateX(-7px);
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.wizard-org-pane #find-org-modal #find-org-modal-content .modal-instruction {
  margin-top: 0px !important;
  margin-left: 23px;
  margin-bottom: 15px;
}
.wizard-org-pane #find-org-modal #find-org-modal-content p {
  font-size: 14px;
  color: #000;
  margin-bottom: 20px;
}
.wizard-org-pane #find-org-modal #find-org-modal-content #divider {
  border-bottom: 1px solid #bbbdc0;
  margin-bottom: 13px;
}
.wizard-org-pane #find-org-modal #find-org-footer-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.wizard-org-pane #find-org-modal #find-org-footer-container .hide-btn {
  margin-right: 8px;
}
.wizard-org-pane #find-org-modal [type="radio"] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  display: inline;
  width: auto;
  margin: 5px;
}
.wizard-org-pane .no-orgs-found-modal,
.wizard-org-pane .org-confirmation-modal {
  padding: 0 20px;
}
.wizard-org-pane #no-org-modal .modal-header-container h1:after {
  content: "\e646";
  font-family: icons;
  font-size: 16px;
  margin-left: 10px;
}
.wizard-org-pane .textBox-counter {
  text-align: right;
  font-size: 14px;
}
.wizard-org-pane .textBox-counter-max {
  color: #be1e2d;
}
.wizard-org-pane #org-info-title {
  font-size: 20px;
}
.wizard-org-pane #org-info-tag {
  font-size: 14px;
}
.add-org-radio-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  width: 700px;
  margin: 20px 0 30px;
  padding-left: 4px;
}
.add-org-radio-container > *:not(:first-child) {
  margin: 0 0 0 40px;
}
@media (max-width: 1023px) {
  .add-org-radio-container {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .add-org-radio-container > *:not(:first-child) {
    margin: 0;
  }
}
.wizard-org-pane
  .add-org-radio-container
  #no-organization-radio-container
  label:after {
  content: "\e646";
  font-family: icons;
  font-size: 8px;
  margin-left: 2px;
}
.wizard-org-pane #org-content-section #admin-org-select {
  width: 100%;
}
.wizard-org-pane #org-content-section .create-new-option {
  color: #47a4c6;
  font-weight: bold;
}
.wizard-org-pane #org-content-section .create-new-option option:not(:checked) {
  color: #000;
}
.wizard-org-pane #org-content-section #org-dropdown-wrapper {
  position: relative;
}
.wizard-org-pane #org-content-section #org-dropdown-wrapper label {
  width: 100%;
}
.wizard-org-pane #org-content-section #org-dropdown-wrapper p {
  font-size: 14px;
  margin: 10px 0 16px;
}
.wizard-org-pane #org-content-section #org-dropdown-wrapper .org-link {
  font-weight: bold;
  font-size: 16px;
  margin: 10px 0 16px;
  color: #47a4c6;
}
.wizard-org-pane
  #org-content-section
  #org-auth-container
  [type="checkbox"]:not(:checked)
  + label:before,
.wizard-org-pane
  #org-content-section
  #org-auth-container
  [type="checkbox"]:checked
  + label:before {
  width: 17px;
  height: 17px;
}
.wizard-org-pane
  #org-content-section
  #org-auth-container
  [type="checkbox"]:not(:checked)
  + label:after,
.wizard-org-pane
  #org-content-section
  #org-auth-container
  [type="checkbox"]:checked
  + label:after {
  top: 3px;
  left: 0;
}
.wizard-org-pane #org-content-section #static-org-details {
  color: #000;
}
.wizard-org-pane #org-content-section #static-org-details #org-auth-container {
  margin-top: 60px;
}
.wizard-org-pane #org-content-section #static-org-details h3 {
  font-size: 14px;
  margin: 30px 0 5px 0;
}
.wizard-org-pane #org-content-section #static-org-details p.info p {
  width: 80%;
}
.wizard-org-pane #org-content-section #static-org-details p:not(.info) {
  width: 30%;
}
.wizard-org-pane #org-content-section #static-org-details p {
  font-size: 16px;
  margin: 0;
}
.wizard-org-pane #org-content-section #static-org-details .sxs {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.wizard-org-pane #org-content-section #static-org-details .sxs > * {
  width: 100%;
}
@media (max-width: 1023px) {
  .wizard-org-pane #org-content-section #static-org-details .sxs {
    flex-direction: column;
  }
}
.wizard-org-pane #org-content-section #static-org-details a {
  color: #47a4c6;
}
.wizard-org-pane #org-content-section #org-details .label {
  margin-top: 25px;
}
.wizard-org-pane #org-content-section #org-details #name-label {
  margin-top: 0px;
}
.wizard-org-pane #org-content-section #org-details #proj_orgName {
  width: 100%;
}
.wizard-org-pane #org-content-section #org-details .org-info_auth {
  width: 100%;
  display: block;
  margin-top: 60px;
}
.wizard-org-pane #org-content-section #org-details .org-info_auth .checkbox,
.wizard-org-pane
  #org-content-section
  #org-details
  .org-info_auth
  .checkbox
  + span {
  vertical-align: middle;
}
.wizard-org-pane
  #org-content-section
  #org-details
  .org-info_auth
  .checkbox-required:after {
  font-size: 15px;
  content: "*";
}
.wizard-org-pane #org-content-section #project-add-org {
  display: block;
  width: 138px;
  text-transform: lowercase;
  font-size: 14px;
  padding: 0px 4px;
}
.wizard-org-pane #org-content-section #project-add-org:before {
  content: "\e617";
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 3px;
  font-family: "icons";
  font-size: 12px;
}
.wizard-org-pane #org-content-section .find-org-text {
  font-size: 14px;
  font-family: Helvetica, arial;
}
.wizard-org-pane
  #org-content-section
  #create-org-container
  #create-org-cancel-button,
.wizard-org-pane
  #org-content-section
  #create-org-container
  #create-org-submit-button {
  border-radius: 6px;
  text-transform: lowercase;
  padding: 2px 8px;
  font-size: 14px;
  font-family: "Oswald", sans-serif;
}
.wizard-org-pane
  #org-content-section
  #create-org-container
  #create-org-cancel-button:before,
.wizard-org-pane
  #org-content-section
  #create-org-container
  #create-org-submit-button:before {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 3px;
  font-family: "icons";
  font-size: 12px;
}
.wizard-org-pane
  #org-content-section
  #create-org-container
  #create-org-cancel-button {
  background: #bbbdc0;
}
.wizard-org-pane
  #org-content-section
  #create-org-container
  #create-org-cancel-button:hover {
  background: #74af43;
}
.wizard-org-pane
  #org-content-section
  #create-org-container
  #create-org-cancel-button:before {
  content: "\ea0f";
}
.wizard-org-pane
  #org-content-section
  #create-org-container
  #create-org-submit-button:before {
  content: "\e617";
}
.wizard-org-pane .label-rejected {
  color: #be1e2d !important;
}
.wizard-time-location .icon-delete-circle {
  color: #de350b;
  font-size: 125%;
  margin-right: 10px;
  cursor: pointer;
  vertical-align: middle;
}
.wizard-time-location .add-boundary {
  margin-top: 21px;
  text-transform: lowercase;
}
.wizard-time-location .add-boundary:before {
  content: "\e617";
  font-family: "icons";
  color: #fff;
  font-size: 14px;
  margin-right: 10px;
}
.wizard-time-location .wizard-time-location__add-dtl {
  margin-top: 21px;
  text-transform: lowercase;
}
.wizard-time-location .wizard-time-location__add-dtl:before {
  content: "\e617";
  font-family: "icons";
  color: #fff;
  font-size: 14px;
  margin-right: 10px;
}
.wizard-time-location .wizard-time-location-options {
  padding: 20px 0;
}
.wizard-time-location .where {
  margin-bottom: 35px;
  border-bottom: 1px solid #bbbdc0;
  padding-bottom: 20px;
}
.wizard-time-location .wizard-time-location-options li {
  display: inline-block;
  margin: 0 70px 10px 3px;
}
.wizard-time-location .wizard-time-location-options .form-radio {
  font-size: 1.5em;
  vertical-align: middle;
}
.wizard-time-location .wizard-time-location-options .form-radio + span {
  font-size: 0.75em;
  vertical-align: middle;
}
.wizard-time-location .wizard-time-location__timeslots p {
  margin-bottom: 5px;
}
.wizard-time-location .wizard-time-location__timeslots .dtl {
  margin-bottom: 50px;
}
.wizard-time-location .wizard-time-location__timeslots .dtl label {
  display: block;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl
  label:first-of-type {
  margin-bottom: 15px;
}
.wizard-time-location .wizard-time-location__timeslots .dtl .label {
  display: block;
  max-width: 625px;
}
.wizard-time-location .wizard-time-location__timeslots .dtl input {
  max-width: 625px;
}
.wizard-time-location .wizard-time-location__timeslots .dtl .dtl__collapsed {
  position: relative;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl
  .dtl__collapsed__location {
  margin-bottom: 5px;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl
  .dtl__collapsed__summary {
  font-size: 0.8em;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl
  .dtl__collapsed__edit {
  float: right;
}
.wizard-time-location .wizard-time-location__timeslots .dtl .dtl__name {
  display: block;
}
.wizard-time-location .wizard-time-location__timeslots .dtl .dtl__name input {
  max-width: 625px;
}
.wizard-time-location .wizard-time-location__timeslots .dtl .dtl__address {
  margin-bottom: 15px;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl
  .dtl__address
  .group {
  max-width: 625px;
  display: inline-block;
  text-align: right;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl
  .dtl__address
  .group
  .full {
  width: 100%;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl
  .dtl__address
  .group
  > span {
  display: flex;
  height: 24px;
  width: 625px;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl
  .dtl__address
  .group
  > span
  div {
  width: 100%;
  max-width: 625px;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  margin-right: 10px;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl
  .dtl__address
  .group
  > span
  div
  input {
  text-overflow: ellipsis;
  max-width: 625px;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl
  .dtl__address
  .group
  > span
  button {
  width: 190px;
  padding-left: 9px;
  padding-right: 9px;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl
  .dtl__address
  .group
  > span
  button.hu {
  height: 45px;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl
  .dtl__address
  .group
  > span
  button.validate-input-error:not(:disabled) {
  background: #be1e2d;
}
@media (max-width: 1023px) {
  .wizard-time-location
    .wizard-time-location__timeslots
    .dtl
    .dtl__address
    .group {
    width: 100%;
  }
  .wizard-time-location
    .wizard-time-location__timeslots
    .dtl
    .dtl__address
    .group
    > span {
    display: flex;
    width: auto;
    text-align: center;
  }
  .wizard-time-location
    .wizard-time-location__timeslots
    .dtl
    .dtl__address
    .group
    > span
    input {
    max-width: 625px;
    display: block;
    border-right: 1px solid #bbbdc0;
    margin-bottom: 10px;
  }
}
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl
  .dtl__address
  .group
  input#location-address {
  opacity: 1;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl
  .dtl__address
  project-wizard-more-info-directive {
  display: inline-block;
}
@media (max-width: 450px) {
  .wizard-time-location
    .wizard-time-location__timeslots
    .dtl
    .dtl__address
    project-wizard-more-info-directive {
    display: block;
    text-align: center;
    width: 100%;
  }
}
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl
  .dtl__address
  #location-address-verified-message {
  color: #74af43;
  font-family: "Oswald", sans-serif;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl
  .dtl__address
  .location-address-input_verified {
  display: inline-block !important;
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
  border-right: 1px solid #bbbdc0 !important;
  max-width: 625px;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl
  .dtl__address
  .loading-bar {
  width: 75px;
  height: 10px;
  background: url("https://www.justserve.org/api/images/static/animated-loading-bar.gif");
  background-size: cover;
  display: inline-block;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl
  .dtl__details
  #location-details {
  resize: none;
  max-width: 625px;
  height: 80px;
}
.wizard-time-location .wizard-time-location__timeslots .dtl .dtl__when {
  margin-top: 30px;
}
.wizard-time-location .wizard-time-location__timeslots .dtl .dtl__when li {
  display: inline-block;
  margin: 0 70px 10px 3px;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl
  .dtl__when
  .form-radio {
  font-size: 1.5em;
  vertical-align: middle;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl
  .dtl__when
  .form-radio
  + span {
  font-size: 0.75em;
  vertical-align: middle;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .wizard-time-location__dtl-list {
  counter-reset: dtls;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .wizard-time-location__dtl-list
  > li {
  position: relative;
  border-bottom: 1px solid #bbbdc0;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .wizard-time-location__dtl-list
  > li:only-of-type
  .dtl__delete-location {
  display: none;
}
@media (min-width: 1024px) {
  .wizard-time-location
    .wizard-time-location__timeslots
    .wizard-time-location__dtl-list
    > li:not(:only-of-type):before {
    content: counter(dtls);
    counter-increment: dtls;
    position: absolute;
    top: 0.6em;
    font-family: "Oswald", sans-serif;
  }
}
.wizard-time-location
  .wizard-time-location__timeslots
  .wizard-time-location__dtl-list
  > li:not(:first-of-type) {
  margin-top: 50px;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .wizard-time-location__dtl-list
  > li
  .dtl {
  margin-left: 28px;
}
@media (max-width: 450px) {
  .wizard-time-location
    .wizard-time-location__timeslots
    .wizard-time-location__dtl-list
    > li
    .dtl {
    margin-left: 0;
  }
}
.wizard-time-location .wizard-time-location__timeslots .dtl__instances {
  counter-reset: dts;
  padding-left: 2em;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl__instances
  .dtl__instances_li {
  position: relative;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl__instances
  .dtl__instances_li:only-of-type {
  margin-left: -2em;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl__instances
  .dtl__instances_li:only-of-type
  .dtl__delete-datetime {
  display: none;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl__instances
  .dtl__instances_li:not(:only-of-type)
  .dtl_contact:before {
  position: absolute;
  content: "";
  border-left: 6px solid #bbbdc0;
  height: 270px;
  left: -37px;
  top: 3em;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl__instances
  .dtl__instances_li:not(:only-of-type):before {
  content: counter(dts, upper-alpha);
  font-size: 20px;
  counter-increment: dts;
  position: absolute;
  top: 0.6em;
  left: -2em;
  font-family: "Oswald", sans-serif;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl__instances
  .dtl__instances_li:not(:last-of-type) {
  margin-bottom: 25px;
  border-bottom: 1px solid #bbbdc0;
  padding-bottom: 25px;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl__instances
  .dtl__delete-datetime {
  margin-top: 20px;
  border: none !important;
  padding: 0 !important;
  background: none !important;
  color: #ef5e39 !important;
  text-transform: capitalize;
  font-size: 0.8em;
}
.wizard-time-location .wizard-time-location__timeslots .dtl_contact h3 {
  margin-bottom: 10px;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl_contact
  li
  .form-select {
  width: 100%;
  padding: 0px;
  max-width: 625px;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl_contact
  li
  .ts_contactName_wrapper {
  margin-bottom: 15px;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl_contact
  li
  .ts_contactInfoWrapper {
  max-width: 625px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 450px) {
  .wizard-time-location
    .wizard-time-location__timeslots
    .dtl_contact
    li
    .ts_contactInfoWrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl_contact
  li
  .ts_contactInfoWrapper
  .ts_contactEmail_wrapper,
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl_contact
  li
  .ts_contactInfoWrapper
  .ts_contactPhone_wrapper {
  display: inline-block;
  width: 48%;
}
@media (max-width: 450px) {
  .wizard-time-location
    .wizard-time-location__timeslots
    .dtl_contact
    li
    .ts_contactInfoWrapper
    .ts_contactEmail_wrapper,
  .wizard-time-location
    .wizard-time-location__timeslots
    .dtl_contact
    li
    .ts_contactInfoWrapper
    .ts_contactPhone_wrapper {
    width: 100%;
  }
}
.wizard-time-location .wizard-time-location__timeslots .dtl__datetime {
  margin-top: 10px;
}
.wizard-time-location .wizard-time-location__timeslots .dtl__datetime select {
  width: 67px;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl__datetime
  li:not(:last-of-type) {
  margin-bottom: 20px;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl__datetime
  li:only-of-type
  .dtl__delete-datetime {
  display: none;
}
@media (min-width: 700px) {
  .wizard-time-location .wizard-time-location__timeslots .dtl__datetime li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .wizard-time-location
    .wizard-time-location__timeslots
    .dtl__datetime
    li:not(:last-of-type) {
    margin-bottom: 0;
  }
}
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl__datetime
  .dtl__datetime__date {
  vertical-align: top;
  width: 112px;
}
@media (min-width: 700px) {
  .wizard-time-location
    .wizard-time-location__timeslots
    .dtl__datetime
    .dtl__datetime__date {
    display: inline-block;
    margin: 0 57px 0 0;
  }
}
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl__datetime
  .dtl__datetime__start-time {
  vertical-align: top;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl__datetime
  .dtl__datetime__start-time
  label {
  margin: 0;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl__datetime
  .dtl__datetime__start-time
  div {
  width: 100%;
}
@media (min-width: 700px) {
  .wizard-time-location
    .wizard-time-location__timeslots
    .dtl__datetime
    .dtl__datetime__start-time {
    display: inline-block;
    margin: 0;
  }
}
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl__datetime
  .dtl__datetime__end-time {
  vertical-align: top;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl__datetime
  .dtl__datetime__end-time
  label {
  margin: 0;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl__datetime
  .dtl__datetime__end-time
  div {
  width: 100%;
}
@media (min-width: 700px) {
  .wizard-time-location
    .wizard-time-location__timeslots
    .dtl__datetime
    .dtl__datetime__end-time {
    display: inline-block;
    margin-left: 28px;
  }
}
.wizard-time-location .wizard-time-location__timeslots .dtl__datetime .select {
  display: inline-block;
  width: 50px;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl__datetime
  .select:last-of-type
  .select__text {
  font-size: 0.75em;
  vertical-align: middle;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl__datetime
  .select:last-of-type
  .select__text:after {
  font-size: 1rem;
}
.wizard-time-location
  .wizard-time-location__timeslots
  button.dtl__add-datetime {
  margin-top: 30px;
  margin-right: 10px;
  text-transform: lowercase;
}
.wizard-time-location
  .wizard-time-location__timeslots
  button.dtl__add-datetime:before {
  content: "\e617";
  font-family: "icons";
  font-size: 14px;
  margin-right: 10px;
  color: #fff;
}
.wizard-time-location .wizard-time-location__timeslots .dtl__vol {
  margin-top: 30px;
}
.wizard-time-location .wizard-time-location__timeslots .dtl__vol p small {
  font-family: "Helvetica", "Arial", sans-serif;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl__vol
  .target-radio-input-wrapper {
  display: inline-block;
  margin-left: 10px;
  cursor: not-allowed;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl__vol
  .target-radio-input-wrapper
  label {
  display: inline-block;
}
@media (min-width: 400px) {
  .wizard-time-location
    .wizard-time-location__timeslots
    .dtl__vol
    .dtl__vol__counts {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: end;
    align-items: flex-end;
    max-width: 625px;
  }
  .wizard-time-location
    .wizard-time-location__timeslots
    .dtl__vol
    .dtl__vol__counts
    .dtl__vol__limits {
    margin-left: 12px;
    margin-bottom: 8px;
  }
}
.wizard-time-location
  .wizard-time-location__timeslots
  .dtl__vol
  .dtl__vol__counts
  input[type="number"] {
  width: 141px;
}
.wizard-time-location .wizard-time-location__timeslots #dtl-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 15px;
}
@media (min-width: 1024px) {
  .wizard-time-location .wizard-time-location__timeslots #dtl-header {
    float: right;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
.wizard-time-location
  .wizard-time-location__timeslots
  #dtl-header
  .dtl__mobile-label {
  font-size: 26px;
  color: #989b9f;
}
@media (min-width: 1024px) {
  .wizard-time-location
    .wizard-time-location__timeslots
    #dtl-header
    .dtl__mobile-label {
    display: none;
  }
}
.wizard-time-location
  .wizard-time-location__timeslots
  #dtl-header
  .dtl__delete-location {
  border-color: #ef5e39 !important;
  background: #ef5e39;
}
.wizard-time-location .wizard-time-location__timeslots .outofboundsmessage p {
  color: #ef5e39 !important;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .ongoing__dates-and-preview {
  margin-top: 10px;
}
@media (min-width: 480px) {
  .wizard-time-location
    .wizard-time-location__timeslots
    .ongoing__dates-and-preview {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-direction: flex-start;
    flex-direction: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.wizard-time-location .wizard-time-location__timeslots .ongoing_contacts_title {
  margin-top: 50px;
}
.wizard-time-location .wizard-time-location__timeslots .ongoing__contacts {
  margin-top: 20px;
  max-width: 625px;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .ongoing__contacts
  #ongoing_contact_list {
  margin-top: 5px;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .ongoing__contacts
  #ongoing_contact_list
  table
  thead
  th {
  font-family: "Helvetica", "Arial", sans-serif;
  font-weight: normal;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .ongoing__contacts
  #ongoing_contact_list
  table
  tbody
  td
  a {
  color: #47a4c6;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .ongoing__contacts
  #ongoing_contact_list
  table
  th:nth-child(1),
.wizard-time-location
  .wizard-time-location__timeslots
  .ongoing__contacts
  #ongoing_contact_list
  table
  td:nth-child(1) {
  width: calc(45% - 70px);
}
@media (max-width: 450px) {
  .wizard-time-location
    .wizard-time-location__timeslots
    .ongoing__contacts
    #ongoing_contact_list
    table
    th:nth-child(1),
  .wizard-time-location
    .wizard-time-location__timeslots
    .ongoing__contacts
    #ongoing_contact_list
    table
    td:nth-child(1) {
    width: calc(58% - 70px);
  }
}
.wizard-time-location
  .wizard-time-location__timeslots
  .ongoing__contacts
  #ongoing_contact_list
  table
  th:nth-child(2),
.wizard-time-location
  .wizard-time-location__timeslots
  .ongoing__contacts
  #ongoing_contact_list
  table
  td:nth-child(2) {
  width: calc(35% - 70px);
}
@media (max-width: 450px) {
  .wizard-time-location
    .wizard-time-location__timeslots
    .ongoing__contacts
    #ongoing_contact_list
    table
    th:nth-child(2),
  .wizard-time-location
    .wizard-time-location__timeslots
    .ongoing__contacts
    #ongoing_contact_list
    table
    td:nth-child(2) {
    display: none;
  }
}
.wizard-time-location
  .wizard-time-location__timeslots
  .ongoing__contacts
  #ongoing_contact_list
  table
  th:nth-child(3),
.wizard-time-location
  .wizard-time-location__timeslots
  .ongoing__contacts
  #ongoing_contact_list
  table
  td:nth-child(3) {
  width: calc(40% - 70px);
}
@media (max-width: 450px) {
  .wizard-time-location
    .wizard-time-location__timeslots
    .ongoing__contacts
    #ongoing_contact_list
    table
    th:nth-child(3),
  .wizard-time-location
    .wizard-time-location__timeslots
    .ongoing__contacts
    #ongoing_contact_list
    table
    td:nth-child(3) {
    display: none;
  }
}
.wizard-time-location
  .wizard-time-location__timeslots
  .ongoing__contacts
  #ongoing_contact_list
  table
  th:nth-child(4),
.wizard-time-location
  .wizard-time-location__timeslots
  .ongoing__contacts
  #ongoing_contact_list
  table
  td:nth-child(4) {
  display: none;
}
@media (max-width: 450px) {
  .wizard-time-location
    .wizard-time-location__timeslots
    .ongoing__contacts
    #ongoing_contact_list
    table
    th:nth-child(4),
  .wizard-time-location
    .wizard-time-location__timeslots
    .ongoing__contacts
    #ongoing_contact_list
    table
    td:nth-child(4) {
    width: calc(60% - 70px);
    display: inline-block;
  }
}
.wizard-time-location
  .wizard-time-location__timeslots
  .ongoing__contacts
  #ongoing_contact_list
  table
  th:nth-child(5),
.wizard-time-location
  .wizard-time-location__timeslots
  .ongoing__contacts
  #ongoing_contact_list
  table
  td:nth-child(5) {
  width: 70px;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .ongoing__contacts
  #ongoing_contact_list
  .remove-icon {
  cursor: pointer;
  color: #bbbdc0;
  text-align: center;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .ongoing__contacts
  #ongoing_contact_list
  .remove-icon:after {
  content: "\e632";
  font-family: "icons";
  font-size: 1em;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .ongoing__contacts
  #ongoing_contact_list
  .remove-icon:hover {
  color: #ef5e39;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .ongoing__contacts
  #list_add_button {
  margin-top: 17px;
  text-transform: lowercase;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .ongoing__contacts
  #list_add_button:before {
  content: "\e617";
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 3px;
  font-family: "icons";
  font-size: 12px;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .ongoing__contacts
  #ongiong_contact_add {
  max-width: 625px;
  margin-top: 10px;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .ongoing__contacts
  #ongiong_contact_add
  #ongiong_contact_add_fields {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 450px) {
  .wizard-time-location
    .wizard-time-location__timeslots
    .ongoing__contacts
    #ongiong_contact_add
    #ongiong_contact_add_fields {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.wizard-time-location
  .wizard-time-location__timeslots
  .ongoing__contacts
  #ongiong_contact_add
  #ongiong_contact_add_fields
  label {
  width: 48%;
}
@media (max-width: 450px) {
  .wizard-time-location
    .wizard-time-location__timeslots
    .ongoing__contacts
    #ongiong_contact_add
    #ongiong_contact_add_fields
    label {
    width: 100%;
  }
}
.wizard-time-location
  .wizard-time-location__timeslots
  .ongoing__contacts
  #ongiong_contact_add
  #button-wrapper {
  text-align: right;
}
@media (max-width: 450px) {
  .wizard-time-location
    .wizard-time-location__timeslots
    .ongoing__contacts
    #ongiong_contact_add
    #button-wrapper {
    margin-top: 10px;
  }
}
.wizard-time-location
  .wizard-time-location__timeslots
  .ongoing__contacts
  #ongiong_contact_add
  #button-wrapper
  #ongiong_contact_add_button {
  height: 26px;
  padding: 0 .75em;
  margin-left: 10px;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .ongoing__contacts
  #ongiong_contact_add
  #button-wrapper
  .cancel-button {
  height: 26px;
  padding: 2px 15px;
  width: auto;
  background-color: #64686c;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .ongoing__dates
  .label-required:after {
  position: relative;
  margin-left: 45px;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .ongoing__dates
  .wrapped-label:after {
  margin-left: 75px;
}
.wizard-time-location .wizard-time-location__timeslots .ongoing__dates input {
  width: 112px;
}
@media (min-width: 480px) {
  .wizard-time-location .wizard-time-location__timeslots .ongoing__dates {
    -ms-flex: 1;
    flex: 1;
    margin-right: 30px;
  }
}
.wizard-time-location .wizard-time-location__timeslots .ongoing__preview {
  margin-top: 10px;
}
.wizard-time-location
  .wizard-time-location__timeslots
  .ongoing__preview
  textarea {
  min-height: 150px;
}
@media (min-width: 480px) {
  .wizard-time-location .wizard-time-location__timeslots .ongoing__preview {
    margin-top: 0;
    -ms-flex: 2;
    flex: 2;
  }
}
.wizard-time-location .wizard-time-location__virtual textarea {
  min-height: 200px;
}
.wizard-time-location .wizard-time-location__virtual__vol {
  margin-top: 30px;
}
.wizard-time-location .wizard-time-location__virtual__vol label {
  display: block;
}
.wizard-time-location .wizard-time-location__virtual__vol label:first-of-type {
  margin-bottom: 10px;
}
.wizard-time-location .wizard-time-location__virtual__vol .label {
  display: block;
}
.wizard-time-location .wizard-time-location__virtual__vol p small {
  font-family: "Helvetica", "Arial", sans-serif;
}
@media (min-width: 400px) {
  .wizard-time-location .wizard-time-location__virtual__vol__counts {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 345px;
  }
}
.wizard-time-location .wizard-time-location__virtual__vol__counts input {
  width: 65px;
}
.wizard-time-location .wizard-time-location__vol__limits {
  margin-top: 30px;
}
.wizard-time-location .wizard-time-location__vol__limits p {
  font-family: "Helvetica", "Arial", sans-serif;
}
.wizard-time-location #count {
  max-width: 625px;
}
.wizard-time-location #remainingCount {
  float: right;
}
.wizard-time-location #proj_where-select img {
  width: 70px;
  margin-left: 20px;
}
.wizard-time-location #proj_where-select .large {
  font-size: 20px;
}
.wizard-time-location #proj_where-select .small {
  font-size: 14px;
}
.wizard-time-location .target-radio-input__check {
  float: left;
  margin-top: 20px;
}
.wizard-time-location .details {
  float: right;
  margin-left: 10px;
}
.recover-password {
  padding: 15px;
}
@media (min-width: 768px) {
  .recover-password {
    padding: 40px;
  }
}
.recover-password h1 {
  margin-bottom: 15px;
  font-family: "Oswald";
  font-size: 24px;
  color: #64686c;
}
.recover-password p {
  margin-bottom: 5px;
}
.recover-password__validation-error {
  border: 1px solid #be1e2d !important;
}
.recover-password__validation-error__message {
  position: absolute;
  top: 50px;
  left: 0;
  margin: 0;
  font-family: "Helvetica", "arial", sans-serif;
  font-size: 9px;
  color: #be1e2d;
}
.recovery {
  position: relative;
  margin-top: 15px;
}
.recovery label {
  display: block;
  font-size: 12px;
  color: #64686c;
}
.recovery input[type="text"] {
  float: left;
  height: 35px;
  max-width: 300px;
  margin-right: 5px;
  border: 1px solid #bbbdc0;
  color: #64686c;
}
.recovery button[type="submit"] {
  float: left;
  width: auto;
}
.recovery a {
  clear: left;
  display: block;
  padding-top: 10px;
  font-size: 12px;
  color: #47a4c6;
}
.register {
  margin: 0 auto;
  width: 450px;
  height: 100%;
}
.register p {
  font-size: 14px;
}
@media (max-width: 450px) {
  .register {
    width: 100%;
  }
}
.register form {
  width: 100%;
}
.register form header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 16px;
}
@media (max-width: 1023px) {
  .register form header {
    display: inline-block;
    -ms-flex-pack: unset;
    justify-content: unset;
    margin-bottom: 16px;
    width: 100%;
    text-align: right;
  }
  .register form header h1 {
    text-align: left;
  }
}
.register form header h1 {
  font-size: 22px;
  margin-right: 20px;
}
.register form header .buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.register form header .buttons button.cancel {
  color: white;
  padding: 5px 15px;
  width: auto;
  background-color: #989b9f;
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
}
.register form header .buttons button {
  margin-left: 6px;
  white-space: nowrap;
}
.register form header input,
.register form header button {
  padding: 6px 10px;
}
.register form header.sub {
  margin-top: 40px;
}
.register form #agreement {
  margin-top: 30px;
  margin-bottom: 30px;
  display: -ms-flexbox;
  display: flex;
}
.register form #agreement label {
  font-size: 14px;
}
.register form #next-button-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.register form #next-button-container button {
  margin-left: 6px;
  white-space: nowrap;
}
.register form #reg-button-container {
  text-align: center;
  margin-top: 20px;
}
.register form #reg-button-container button {
  margin: auto;
}
.register form .error {
  transition: opacity 0.25s ease-in-out;
  color: red;
  margin-top: 20px;
}
.register form #privacy-statement {
  font-size: 12px;
  margin-top: 40px;
}
.register a {
  color: #47a4c6;
}
.register input[type="text"],
.register input[type="email"],
.register input[type="password"] {
  border: 1px solid #bbbdc0;
}
.register input.invalid {
  box-shadow: inset 0 0 10px 0 #be1e2d;
}
.register .vio-message {
  position: absolute;
  font-size: 10px;
  color: #be1e2d;
}
.register .loading {
  width: 100%;
}
.register .checkbox {
  border: 1px solid #64686c;
}
.register .required:after {
  float: right;
  content: "*";
}
.register__password__requirements {
  margin: 10px 0 20px;
  color: #47a4c6;
  font-size: 12px !important;
  line-height: 14px !important;
}
register-create-directive {
  margin-top: 5px;
}
register-create-directive label {
  font-size: 14px;
}
register-create-directive .country-select {
  height: 30px;
  width: 100%;
  border: 1px solid #bbbdc0 !important;
  padding: 3px 30px 3px 5px;
  background: rgba(255, 255, 255, 0);
}
register-create-directive .not-available {
  transition: opacity 0.25s ease-in-out;
}
register-customize-directive label {
  font-weight: lighter;
  display: block;
}
register-customize-directive p,
register-customize-directive label,
register-customize-directive input,
register-customize-directive button {
  font-size: 14px;
}
register-customize-directive #customize-statement {
  margin-bottom: 20px;
}
register-disaster-directive label {
  font-weight: lighter;
  display: block;
}
register-disaster-directive > span.form-radio {
  margin-right: 6px;
}
register-disaster-directive > span:not(.form-radio) {
  line-height: 16px;
  vertical-align: top;
  margin-right: 30px;
}
register-disaster-directive p,
register-disaster-directive label,
register-disaster-directive input,
register-disaster-directive button {
  font-size: 14px;
}
register-disaster-directive #disaster-donations-label,
register-disaster-directive #disaster-contact-label {
  margin-bottom: 7px;
}
register-disaster-directive .divide {
  margin-bottom: 20px;
}
#registrationPending {
  text-align: center;
  margin-top: 50px;
  color: #64686c;
}
#registrationPending h1 {
  color: #ef5e39;
  font-size: 32px;
  font-family: "Oswald";
  margin: 162px 0 30px 0;
}
#registrationPending #wrapper {
  text-align: left;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 21px;
  line-height: 37px;
}
#resendActivation {
  text-align: center;
  margin-top: 50px;
  color: #64686c;
}
#resendActivation a {
  color: #47a4c6;
}
#resendActivation h1 {
  color: #74af43;
  font-size: 22px;
  margin: 10px;
}
#resendActivation #form-wrapper {
  width: 75%;
  background-color: #e5e3e3;
  margin: 10px auto;
  padding: 20px;
}
#resendActivation #form-wrapper #form {
  width: 80%;
  text-align: left;
  margin: auto;
}
#resendActivation #form-wrapper #form input {
  display: block;
}
#resendActivation #form-wrapper #form label {
  font-size: 10px;
}
#resendActivation #form-wrapper #submit-button-wrapper {
  text-align: right;
  padding-top: 10px;
  padding-bottom: 20px;
}
#resendActivation #login-link {
  margin-top: 10px;
}
#resendActivation .response {
  width: 80%;
  margin: 40px auto;
}
#resendActivation .response h1 {
  color: #ef5e39;
}
.resources {
  position: relative;
  margin-bottom: 100px;
  width: auto;
}
.resources .full-width {
  margin-bottom: 40px;
}
.resources .full-width .back-to-dashboard {
  margin-bottom: 0;
}
@media (max-width: 1023px) {
.resources .full-width .back-to-dashboard {
  margin-left: 15px;
}
}
.resources .resource-content {
  margin-left: 135px;
  margin-right: 135px;
  font-weight: 100;
}
@media (max-width: 620px) {
  .resources .resource-content {
    margin-left: 15px;
    margin-right: 15px;
  }
}
.resources h1 {
  font-family: "Oswald", sans-serif;
  font-size: 20px;
  color: #47a4c6;
  margin-bottom: 25px;
}
.resources p {
  font-family: "Helvetica Light", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  margin: 32px 0;
}
.resources .resources-table {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: auto;
}
@media (max-width: 450px) {
  .resources .resources-table {
    display: inline-block;
  }
}
.resources .resources-table h2 {
  color: #64686c;
  font-size: 14px;
  font-family: "Helvetica-Bold", "Helvetica", "Arial", sans-serif;
}
.resources .resources-table h2:first-child {
  font-size: 18px;
  font-family: "Oswald", sans-serif;
}
.resources .resources-table h2:nth-child(2) {
  margin-top: 40px;
}
.resources .resources-table .download-section {
  color: #444;
  font-weight: 600;
  margin-top: 24px;
}
.resources .resources-table h3 {
  font-family: "Helvetica", "Arial", sans-serif;
}
.resources .resources-table h2,
.resources .resources-table h3 {
  margin-bottom: 13px;
}
.resources .resources-table li {
  margin: 10px 0;
}
.resources .resources-table li a {
  color: #47a4c6;
}
.resources .resources-table .resources-table-col {
  font-family: Helvetica, arial;
  font-size: 14px;
  width: calc(100% - 60px);
  line-height: 1.29;
}
@media (max-width: 450px) {
  .resources .resources-table .resources-table-col {
    display: block;
    width: 90%;
    margin: 25px 0;
  }
}
.resources .resources-table .resources-table-col .button,
.resources .resources-table .resources-table-col button {
  margin-top: 19px;
  padding: 4px 21px;
  width: auto;
}
.resources .resources-table .resources-faq {
  margin-right: 15px;
}
.resources .resources-table .resources-downloads {
  margin: 0 15px;
}
.resources .resources-table .resources-promo {
  margin-left: 15px;
}
.resources .resources-table .resources-promo #print-text-wrapper {
  margin-top: 60px;
}
.resources .modal-directive .modal-directive-wrapper {
  top: 25%;
}
.resources .modal-directive h1 {
  margin: 0;
}
.resources .modal-directive .modal-directive-container p {
  font-size: 14px;
  font-family: "Helvetica Light", "Helvetica", "Arial", sans-serif;
}
.resource-content .help-container {
  color: #47a4c6;
  font-size: 12px;
  cursor: pointer;
  margin-bottom: 24px;
  margin-top: 11px;
}
@media (min-width: 1024px) {
  .resource-content .help-container {
    position: absolute;
    right: 20px;
    top: 85px;
  }
  .resource-content .help-container p {
    margin-bottom: 10px;
  }
}
@media (max-width: 1023px) {
  .resource-content .help-container {
    display: -ms-flexbox;
    display: flex;
  }
  .resource-content .help-container p {
    margin-right: 20px;
  }
}
.settings {
  padding: 10px;
}
.settings p,
.settings label {
  color: #64686c;
}
.settings .activate-to-edit {
  margin: 50px 0;
  text-align: center;
  color: #be1e2d;
}
.personal-settings h1 {
  margin: 10px 0;
  border-bottom: 2px solid #e5e3e3;
  font-family: "Oswald";
  font-size: 24px;
  color: #989b9f;
}
@media (min-width: 480px) {
  .personal-settings .personal-settings__change-password {
    float: left;
  }
}
.personal-settings .personal-settings__delete {
  margin-bottom: 10px;
}
@media (min-width: 480px) {
  .personal-settings .personal-settings__delete {
    float: right;
    margin-bottom: 0;
  }
}
.personal-settings .personal-settings__delete input {
  width: auto;
  padding: 0;
  background: none;
  border: none;
  color: #47a4c6;
  text-transform: lowercase;
  font-family: inherit;
}
.personal-settings a {
  color: #47a4c6;
  text-transform: lowercase;
}
.personal-settings__password {
  max-width: 320px;
  max-height: 0;
  overflow: hidden;
  transition-duration: 0.5s;
}
.personal-settings__password.active {
  max-height: 25em;
}
.personal-settings__password ul {
  margin-top: 10px;
  padding: 15px;
  background: #e5e3e3;
}
.personal-settings__password label {
  color: #64686c;
}
.personal-settings__password input[type="password"] {
  margin-bottom: 8px;
  border: none;
  font-family: "Oswald";
  color: #ef5e39;
}
.personal-settings__password input[type="button"] {
  float: left;
  width: 37.5%;
  background: #64686c;
}
.personal-settings__password .loading {
  float: left;
  width: 60%;
  margin-left: 2.5%;
}
.personal-settings__password .loading input {
  background: #74af43;
}
.settings__toggle__switch {
  position: relative;
  float: right;
  width: 60px;
  height: 30px;
  margin: 0 20px 6px 0;
  background: #e5e3e3;
}
.settings__toggle__switch input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.00001;
  cursor: pointer;
}
.settings__toggle__switch .settings__toggle__switch--text-0 {
  position: absolute;
  top: 0;
  left: -20px;
  line-height: 30px;
  text-align: right;
  font-family: "Oswald";
  font-size: 12px;
  text-transform: uppercase;
}
.settings__toggle__switch .settings__toggle__switch--text-1 {
  position: absolute;
  top: 0;
  right: -15px;
  line-height: 30px;
  text-align: left;
  display: none;
  font-family: "Oswald";
  font-size: 12px;
  text-transform: uppercase;
}
.settings__toggle__switch .settings__toggle__switch--indicator {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 26px;
  height: 26px;
  background: #be1e2d;
  transition: 0.125s;
}
.settings__toggle__switch input:checked + .settings__toggle__switch--text-0 {
  display: none;
}
.settings__toggle__switch input:checked ~ .settings__toggle__switch--text-1 {
  display: inline-block;
}
.settings__toggle__switch input:checked ~ .settings__toggle__switch--indicator {
  position: absolute;
  left: 32px;
  background: #74af43;
}
.toggle-active {
  max-height: 0em;
  overflow: hidden;
  transition: max-height 0.5s;
}
.toggle-active.active {
  max-height: 250px;
}
.notification-settings h1 {
  margin-top: 35px;
  border-bottom: 2px solid #e5e3e3;
  font-family: "Oswald";
  font-size: 24px;
  color: #989b9f;
}
.notification-settings__toggle {
  padding-top: 10px;
}
.notification-settings__toggle > * {
  display: inline-block;
  vertical-align: middle;
}
.notification-settings__details {
  margin: 5px 0 20px;
  padding: 10px 15px;
  background: #e5e3e3;
}
.notification-settings__details .frequency {
  margin-bottom: 20px;
}
.notification-settings__details .frequency label {
  margin-right: 10px;
  font-family: "Oswald";
  color: #ef5e39;
}
.notification-settings__details .frequency * {
  vertical-align: middle;
}
.notification-settings__details .plain {
  font-family: inherit;
  color: #64686c;
}
.notification-settings__details .select {
  width: auto;
  padding-right: 30px;
  font-family: "Oswald";
  color: #ef5e39;
}
.notification-settings__details label .checkbox__checkmark,
.notification-settings__details label .radio__checkmark {
  font-family: "Oswald";
  color: #ef5e39;
}
.action-buttons {
  float: right;
}
.action-buttons input {
  width: 125px;
}
.action-buttons input[type="button"] {
  background: #64686c;
}
.sign-in {
  color: #64686c;
}
.sign-in h1 {
  font-family: "Helvetica", "arial", sans-serif;
  font-size: 22px;
  text-align: center;
  color: #74af43;
}
.sign-in p {
  font-size: 15px;
}
.sign-in form > div {
  margin-top: 5px;
}
.sign-in form > div label {
  font-size: 10px;
}
.sign-in form > div.remember-me .checkbox {
  vertical-align: middle;
}
.sign-in form > div.remember-me label {
  font-size: 14px;
  vertical-align: middle;
}
.sign-in a {
  color: #47a4c6;
}
.sign-in input[type="text"],
.sign-in input[type="password"] {
  border: 1px solid #bbbdc0;
}
.sign-in input[type="text"].error,
.sign-in input[type="password"].error {
  border: 1px solid #be1e2d;
}
.sign-in button {
  display: block;
  width: 100%;
  margin: 18px 0;
}
.sign-in .error {
  color: #be1e2d;
}
.sign-in .checkbox {
  border: 1px solid #bbbdc0;
}
.sign-in .required:after {
  content: "*";
}
#sponsored-projects {
  color: #64686c;
  max-width: 1020px;
}
#sponsored-projects .sponsored_projects_page_description {
  margin-bottom: 20px;
}
#sponsored-projects .sponsored_projects_page_title {
  margin-bottom: 15px;
}
#sponsored-projects .sponsored_projects_page_title span:first-child {
  vertical-align: middle;
  font-family: "Oswald";
  font-size: 24px;
  color: #47a4c6;
}
#sponsored-projects .gray__circle__tabs {
  display: table;
  margin: 0 auto 5px;
  vertical-align: middle;
  padding: 2px 8px 2px 7px;
  border-radius: 21px;
  font-size: 16px;
  line-height: 16px;
  background: #bbbdc0;
  color: #fff !important;
}
@media (max-width: 1023px) {
  #sponsored-projects .gray__circle__tabs {
    font-size: 14px;
    line-height: 14px;
  }
}
@media (min-width: 1024px) {
  #sponsored-projects .gray__circle__tabs {
    display: inline-block;
    margin: 0 5px 5px;
  }
}
#sponsored-projects progress[value] {
  width: 100%;
  height: 19px;
  background: #fff;
}
#sponsored-projects progress[value]::-moz-progress-bar {
  background-color: #47a4c6;
}
#sponsored-projects progress[value]::-webkit-progress-bar {
  background-color: #fff;
}
#sponsored-projects progress[value]::-webkit-progress-value {
  background: #47a4c6;
}
#sponsored-projects .sponsored-projects-option-box {
  position: absolute;
  top: 0;
  right: 100%;
  background: #86b4cd;
  color: #fff;
  font-family: "Oswald";
  text-align: left;
  width: 200px;
  text-transform: uppercase;
  display: none;
  z-index: 10;
}
#sponsored-projects .options-shown .sponsored-projects-option-box {
  display: block;
}
#sponsored-projects h1 {
  margin-bottom: 15px;
  vertical-align: middle;
  font-family: "Oswald", sans-serif;
  font-size: 28px;
  color: #47a4c6;
}
#sponsored-projects hr {
  border-top: 1px solid #000;
  margin-top: 20px;
  margin-bottom: 46px;
}
#sponsored-projects .expand,
#sponsored-projects .history-expand {
  display: inline-block;
  padding: 10px 0;
  color: #47a4c6;
  text-transform: lowercase;
}
#sponsored-projects .expand:before,
#sponsored-projects .history-expand:before {
  content: "\e617";
  font-family: "icons";
  font-size: 0.5em;
  vertical-align: middle;
  margin-right: 5px;
}
#sponsored-projects .expand.collapse:before,
#sponsored-projects .history-expand.collapse:before {
  content: "\e61a";
  display: inline-block;
  font-size: 1em;
}
#sponsored-projects .history-expand {
  margin-left: 0;
  margin-bottom: 0;
}
#sponsored-projects .expand {
  margin-left: 36px;
  margin-bottom: 36px;
}
#sponsored-projects .projects-section {
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1023px) {
  #sponsored-projects .projects-section {
    display: block;
  }
}
#sponsored-projects .projects-section input[type="text"]:nth-of-type(2) {
  margin: 0;
  display: block;
}
#sponsored-projects .projects-section table {
  table-layout: fixed;
}
#sponsored-projects .projects-section table .sponsored-projects-option-box a {
  color: #fff;
  padding: 2px 12px;
  width: 100%;
  float: left;
}
#sponsored-projects
  .projects-section
  table
  .sponsored-projects-option-box
  a:hover {
  background: #47a4c6;
}
#sponsored-projects .sponsored-projects-my-projects {
  width: auto;
}
@media (min-width: 1024px) {
  #sponsored-projects .sponsored-projects-my-projects {
    width: 100%;
  }
}
#sponsored-projects .sponsored-projects-my-projects thead {
  height: 2em;
}
#sponsored-projects #sponsored-projects-active h3 {
  margin-left: 30px;
}
#sponsored-projects #sponsored-projects-active .no-results {
  margin-left: 30px;
}
#sponsored-projects .sponsored-projects-my-active-projects tr.active {
  background: #e5e3e3;
}
#sponsored-projects
  .sponsored-projects-my-active-projects
  tr.active
  td.arrow:before {
  content: "\e606";
}
#sponsored-projects .sponsored-projects-my-active-projects td.arrow:before {
  content: "\e605";
  font-family: "icons";
  font-size: 12px;
  vertical-align: middle;
  display: inline-block;
  padding-right: 5px;
  color: #989b9f;
}
#sponsored-projects .sponsored-projects-my-active-projects td:last-child {
  display: inline-block;
  width: 100%;
}
#sponsored-projects .sponsored-projects-my-active-projects td:nth-child(7) {
  display: none;
}
#sponsored-projects .sponsored-projects-my-active-projects th:nth-child(1),
#sponsored-projects .sponsored-projects-my-active-projects td:nth-child(1) {
  width: 30px;
}
#sponsored-projects .sponsored-projects-my-active-projects th:nth-child(2),
#sponsored-projects .sponsored-projects-my-active-projects td:nth-child(2) {
  width: calc(33% - 92px);
}
@media (max-width: 450px) {
  #sponsored-projects .sponsored-projects-my-active-projects th:nth-child(2),
  #sponsored-projects .sponsored-projects-my-active-projects td:nth-child(2) {
    width: calc(97% - 92px);
  }
}
@media (min-width: 450px) and (max-width: 1023px) {
  #sponsored-projects .sponsored-projects-my-active-projects th:nth-child(2),
  #sponsored-projects .sponsored-projects-my-active-projects td:nth-child(2) {
    width: calc(58% - 92px);
  }
}
#sponsored-projects .sponsored-projects-my-active-projects th:nth-child(3),
#sponsored-projects .sponsored-projects-my-active-projects td:nth-child(3) {
  width: calc(33% - 92px);
  overflow: hidden;
}
@media (min-width: 450px) and (max-width: 1023px) {
  #sponsored-projects .sponsored-projects-my-active-projects th:nth-child(3),
  #sponsored-projects .sponsored-projects-my-active-projects td:nth-child(3) {
    width: calc(50% - 92px);
  }
}
@media (max-width: 450px) {
  #sponsored-projects .sponsored-projects-my-active-projects th:nth-child(3),
  #sponsored-projects .sponsored-projects-my-active-projects td:nth-child(3) {
    display: none;
  }
}
#sponsored-projects .sponsored-projects-my-active-projects th:nth-child(4),
#sponsored-projects .sponsored-projects-my-active-projects td:nth-child(4) {
  width: calc(30% - 92px);
  overflow: hidden;
}
@media (max-width: 1023px) {
  #sponsored-projects .sponsored-projects-my-active-projects th:nth-child(4),
  #sponsored-projects .sponsored-projects-my-active-projects td:nth-child(4) {
    display: none;
  }
}
#sponsored-projects .sponsored-projects-my-active-projects th:nth-child(5),
#sponsored-projects .sponsored-projects-my-active-projects td:nth-child(5) {
  width: calc(28% - 92px);
  overflow: hidden;
}
@media (max-width: 1023px) {
  #sponsored-projects .sponsored-projects-my-active-projects th:nth-child(5),
  #sponsored-projects .sponsored-projects-my-active-projects td:nth-child(5) {
    display: none;
  }
}
#sponsored-projects .sponsored-projects-my-active-projects th:nth-child(6),
#sponsored-projects .sponsored-projects-my-active-projects td:nth-child(6) {
  width: 62px;
  text-align: center;
  position: relative;
}
#sponsored-projects .sponsored-projects-my-active-projects td:nth-child(2) {
  color: #47a4c6;
}
#sponsored-projects .sponsored-projects-my-active-projects thead {
  border-bottom: 1px solid #9b9b9b;
}
#sponsored-projects
  .sponsored-projects-my-active-projects
  .sponsored-projects-projects-times {
  width: 100%;
  display: inline-block;
  padding: 0;
}
#sponsored-projects
  .sponsored-projects-my-active-projects
  .sponsored-projects-projects-times
  ul {
  margin-top: -10px;
  margin-left: 10px;
}
#sponsored-projects
  .sponsored-projects-my-active-projects
  .sponsored-projects-projects-times
  li {
  width: 100%;
  display: inline-block;
}
#sponsored-projects
  .sponsored-projects-my-active-projects
  .sponsored-projects-projects-times
  li
  > div {
  padding: 10px 25px;
  width: 100%;
  display: inline-block;
}
#sponsored-projects
  .sponsored-projects-my-active-projects
  .sponsored-projects-projects-times
  li
  .admins-list
  a {
  margin-left: 30px;
}
#sponsored-projects
  .sponsored-projects-my-active-projects
  .sponsored-projects-projects-times
  li
  .time-slots {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 14px;
}
#sponsored-projects
  .sponsored-projects-my-active-projects
  .sponsored-projects-projects-times
  li
  .time-slots
  .sponsored-projects-project-progress {
  text-align: right;
  width: 35%;
}
#sponsored-projects
  .sponsored-projects-my-active-projects
  .sponsored-projects-projects-times
  li
  .time-slots
  .sponsored-projects-project-progress
  .percent-bar {
  background: #fff;
  width: 100%;
  height: 16px;
}
#sponsored-projects
  .sponsored-projects-my-active-projects
  .sponsored-projects-projects-times
  > p {
  padding: 0 22px;
}
#sponsored-projects
  .sponsored-projects-my-active-projects
  .sponsored-projects-projects-times
  tbody
  td:nth-child(4),
#sponsored-projects
  .sponsored-projects-my-active-projects
  .sponsored-projects-projects-times
  tbody
  td:nth-child(3) {
  vertical-align: middle;
  cursor: pointer;
  position: relative;
}
#sponsored-projects
  .sponsored-projects-my-active-projects
  .sponsored-projects-projects-times
  tbody
  td:nth-child(4)
  p,
#sponsored-projects
  .sponsored-projects-my-active-projects
  .sponsored-projects-projects-times
  tbody
  td:nth-child(3)
  p {
  text-align: center;
}
#sponsored-projects
  .sponsored-projects-my-active-projects
  .sponsored-projects-projects-times
  tbody
  .options-shown {
  background: #e5e3e3;
}
#sponsored-projects
  .sponsored-projects-my-active-projects
  .sponsored-projects-projects-times
  tbody
  .options-shown
  td:nth-child(4),
#sponsored-projects
  .sponsored-projects-my-active-projects
  .sponsored-projects-projects-times
  tbody
  .options-shown
  td:nth-child(3) {
  background: #47a4c6;
}
#sponsored-projects
  .sponsored-projects-my-active-projects
  .sponsored-projects-projects-times
  tbody
  .options-shown
  svg {
  fill: #fff;
}
#sponsored-projects
  .sponsored-projects-my-active-projects
  .active
  .sponsored-projects-projects-times {
  display: block !important;
}
#sponsored-projects .sponsored-projects-project-history {
  display: block;
}
#sponsored-projects .sponsored-projects-project-history thead,
#sponsored-projects .sponsored-projects-project-history tbody {
  display: inline;
}
#sponsored-projects .sponsored-projects-project-history thead {
  border-bottom: 1px solid #9b9b9b;
}
#sponsored-projects .sponsored-projects-project-history tr {
  display: inline-block;
}
#sponsored-projects .sponsored-projects-project-history th:first-child,
#sponsored-projects .sponsored-projects-project-history td:first-child {
  width: calc(57% - 62px);
}
@media (min-width: 450px) and (max-width: 1023px) {
  #sponsored-projects .sponsored-projects-project-history th:first-child,
  #sponsored-projects .sponsored-projects-project-history td:first-child {
    width: calc(57% - 62px);
  }
}
@media (max-width: 450px) {
  #sponsored-projects .sponsored-projects-project-history th:first-child,
  #sponsored-projects .sponsored-projects-project-history td:first-child {
    width: calc(97% - 62px);
  }
}
#sponsored-projects .sponsored-projects-project-history th:nth-child(2),
#sponsored-projects .sponsored-projects-project-history td:nth-child(2) {
  width: calc(26% - 62px);
}
@media (min-width: 450px) and (max-width: 1023px) {
  #sponsored-projects .sponsored-projects-project-history th:nth-child(2),
  #sponsored-projects .sponsored-projects-project-history td:nth-child(2) {
    width: calc(47% - 62px);
  }
}
@media (max-width: 450px) {
  #sponsored-projects .sponsored-projects-project-history th:nth-child(2),
  #sponsored-projects .sponsored-projects-project-history td:nth-child(2) {
    display: none;
  }
}
#sponsored-projects .sponsored-projects-project-history th:nth-child(3),
#sponsored-projects .sponsored-projects-project-history td:nth-child(3) {
  width: calc(27% - 62px);
}
@media (max-width: 1023px) {
  #sponsored-projects .sponsored-projects-project-history th:nth-child(3),
  #sponsored-projects .sponsored-projects-project-history td:nth-child(3) {
    display: none;
  }
}
#sponsored-projects .sponsored-projects-project-history th:last-child,
#sponsored-projects .sponsored-projects-project-history td:last-child {
  width: 62px;
  text-align: center;
  position: relative;
}
#sponsored-projects
  .sponsored-projects-project-history
  .sponsored-projects-project-row
  .users-name,
#sponsored-projects
  .sponsored-projects-my-active-projects
  .sponsored-projects-project-row
  .users-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#sponsored-projects .sponsored-projects-project-history tbody,
#sponsored-projects .sponsored-projects-my-active-projects tbody {
  padding-top: 16px;
}
#sponsored-projects .sponsored-projects-project-history tbody svg,
#sponsored-projects .sponsored-projects-my-active-projects tbody svg {
  fill: #bbbdc0;
  width: 1.5em;
  padding-bottom: 2px;
  height: 22px;
}
#sponsored-projects .sponsored-projects-project-history tbody .options-shown,
#sponsored-projects
  .sponsored-projects-my-active-projects
  tbody
  .options-shown {
  background: #e5e3e3;
}
#sponsored-projects
  .sponsored-projects-project-history
  tbody
  .options-shown
  td:nth-child(4),
#sponsored-projects
  .sponsored-projects-project-history
  tbody
  .options-shown
  td:nth-child(3),
#sponsored-projects
  .sponsored-projects-my-active-projects
  tbody
  .options-shown
  td:nth-child(4),
#sponsored-projects
  .sponsored-projects-my-active-projects
  tbody
  .options-shown
  td:nth-child(3) {
  background: #47a4c6;
}
#sponsored-projects
  .sponsored-projects-project-history
  tbody
  .options-shown
  svg,
#sponsored-projects
  .sponsored-projects-my-active-projects
  tbody
  .options-shown
  svg {
  fill: #fff;
}
#sponsored-projects .sponsored-projects-project-history td,
#sponsored-projects .sponsored-projects-project-history th,
#sponsored-projects .sponsored-projects-my-active-projects td,
#sponsored-projects .sponsored-projects-my-active-projects th {
  display: inline-block;
}
#sponsored-projects .sponsored-projects-project-history th.reverse:after,
#sponsored-projects .sponsored-projects-my-active-projects th.reverse:after {
  content: "\e620";
}
#sponsored-projects .sponsored-projects-project-history .sort:after,
#sponsored-projects .sponsored-projects-my-active-projects .sort:after {
  content: "\e622";
  font-family: "icons";
  font-size: 14px;
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
  font-size: 0.6em !important;
}
#sponsored-projects .sponsored-projects-project-history tr,
#sponsored-projects .sponsored-projects-my-active-projects tr {
  height: 31px;
  margin-top: 0;
  width: 100%;
}
@media (max-width: 1023px) {
  #sponsored-projects .sponsored-projects-project-history tr,
  #sponsored-projects .sponsored-projects-my-active-projects tr {
    font-size: 14px;
  }
}
#sponsored-projects .sponsored-projects-project-history tr.active,
#sponsored-projects .sponsored-projects-my-active-projects tr.active {
  height: auto;
}
#sponsored-projects .sponsored-projects-project-history th,
#sponsored-projects .sponsored-projects-my-active-projects th {
  text-align: left;
  font-size: 14px;
  font-weight: normal;
  padding: 5px 5px 0;
}
#sponsored-projects .sponsored-projects-project-history td,
#sponsored-projects .sponsored-projects-my-active-projects td {
  padding: 5px;
}
#sponsored-projects .sponsored-projects-count {
  background: #bbbdc0 none repeat scroll 0 0;
  border-radius: 7px;
  color: #fff !important;
  display: inline-block;
  font-size: 12px;
  line-height: 14px;
  margin-left: 5px;
  margin-bottom: 5px;
  padding: 2px 8px;
  vertical-align: middle;
}
#sponsored-projects
  .sponsored-projects-project-history
  .sponsored-projects-project-row
  .users-name,
#sponsored-projects
  .sponsored-projects-my-active-projects
  .sponsored-projects-project-row
  .users-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#sponsored-projects .sponsored-projects-project-history tbody,
#sponsored-projects .sponsored-projects-my-active-projects tbody {
  padding-top: 16px;
}
#sponsored-projects .sponsored-projects-project-history tbody svg,
#sponsored-projects .sponsored-projects-my-active-projects tbody svg {
  fill: #bbbdc0;
  width: 1.5em;
  padding-bottom: 2px;
  height: 22px;
}
#sponsored-projects .sponsored-projects-project-history tr,
#sponsored-projects .sponsored-projects-my-active-projects tr {
  height: 31px;
  margin-top: 0;
  width: 100%;
}
@media (max-width: 1023px) {
  #sponsored-projects .sponsored-projects-project-history tr,
  #sponsored-projects .sponsored-projects-my-active-projects tr {
    font-size: 14px;
  }
}
#sponsored-projects .sponsored-projects-project-history tr.active,
#sponsored-projects .sponsored-projects-my-active-projects tr.active {
  height: auto;
}
#sponsored-projects .sponsored-projects-project-history th,
#sponsored-projects .sponsored-projects-my-active-projects th {
  text-align: left;
  font-size: 14px;
  font-weight: normal;
  padding: 5px 5px 0;
}
#sponsored-projects .sponsored-projects-project-history td,
#sponsored-projects .sponsored-projects-my-active-projects td {
  padding: 5px;
}
.icon-groups-allowed,
.icon-all-ages {
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  padding: 5px;
  background: #47a4c6;
  color: #fff;
  font-size: 24px;
  opacity: 0.5;
  cursor: help;
}
.icon-groups-allowed + .icon-all-ages {
  right: 39px;
}
.sponsored_projects_header {
  display: -ms-flexbox;
  display: flex;
  font-family: "Oswald";
  font-size: 16px;
  border-bottom: 1px solid #bbbdc0;
  padding-bottom: 2px;
  margin-bottom: 10px;
}
.sponsored_projects_header .sponsored_projects_header_name {
  -ms-flex: 1;
  flex: 1;
  padding-left: 33px;
}
.sponsored_projects_header .sponsored_projects_header_options {
  -ms-flex: none;
  flex: none;
  text-align: right;
}
.filter-box {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  padding: 5px;
  background: #e5e3e3;
  overflow: hidden;
}
.filter-box.active {
  width: 175px;
  height: 165px;
  top: -145px;
}
.filter-box .icon-check {
  position: absolute;
  top: 5px;
  right: 5px;
  color: #47a4c6;
}
.filter-box h3 {
  padding: 2px 5px 5px;
  font-family: "Oswald";
  font-size: 18px;
  color: #47a4c6;
}
.filter-box input:not(:last-of-type) {
  margin-bottom: 5px;
}
.filter-box input:last-of-type {
  margin-bottom: 25px;
}
.filter-box .icon-search {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 30px;
  padding: 5px;
  background: #e5e3e3;
  text-align: right;
  color: #989b9f;
  font-size: 20px;
}
.progress-bar {
  position: relative;
  width: 200px;
  height: 16px;
  border: none;
  background-color: #fff;
  display: inline-block;
}
.progress-bar__overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  min-width: 20px !important;
  background: #47a4c6;
}
.progress-bar__volunteers {
  position: absolute;
  top: 0;
  right: 5px;
  color: #fff;
}
.progress-bar__volunteers-needed {
  position: absolute;
  top: 0;
  left: 205px;
}
.shifts.active .show-shifts {
  display: none;
}
.shifts.active .hide-shifts {
  display: inline-block;
}
.shifts.active ul {
  height: auto;
}
.shifts.active + .project__options .show-shifts-menu-item {
  display: none;
}
.shifts.active + .project__options .hide-shifts-menu-item {
  display: block;
}
.shifts .show-shifts {
  display: inline-block;
  margin-bottom: 10px;
}
.shifts .show-shifts:after {
  content: " \e606";
  font-family: "icons";
  font-size: 12px;
}
.shifts .hide-shifts {
  display: none;
  margin-bottom: 10px;
}
.shifts .hide-shifts:after {
  content: " \e604";
  font-family: "icons";
  font-size: 12px;
}
.shifts ul {
  height: 0;
  overflow: hidden;
}
.shifts li:not(:last-of-type) {
  margin-bottom: 10px;
}
.shifts a {
  color: #47a4c6;
}
.shifts h3 {
  font-family: "Oswald";
  font-size: 18px;
  color: #47a4c6;
}
.sponsored_project {
  position: relative;
  margin-bottom: 0px;
  padding: 5px 60px 15px 0;
  font-size: 14px;
  display: block;
}
.sponsored_project h3 {
  padding-left: 7px;
}
.sponsored_project h3 > a {
  font-size: 16px;
  color: #47a4c6;
  padding-left: 5px;
}
.sponsored_project .sponsored_admin_contact .admin_email {
  margin-left: 40px;
}
@media (max-width: 450px) {
  .sponsored_project .sponsored_admin_contact .admin_email {
    margin-left: 0;
  }
}
.sponsored_project.expanded_details {
  background-color: #e5e3e3;
}
.sponsored_project .sponsored_project_expand_btn {
  width: 10px;
  fill: #808083;
}
.sponsored_project .sponsored_project_expanded_btn {
  width: 11px;
  fill: #808083;
}
.sponsored_project .sponsored_project_details {
  display: none;
  width: 100%;
  padding-left: 33px;
}
.sponsored_project .sponsored_project_details time {
  color: #444;
}
.sponsored_project .sponsored_project_details .project__logo {
  float: right;
  width: 100px;
  margin: 0 0 15px 15px;
  border: 1px solid #e5e3e3;
}
@media (min-width: 480px) {
  .sponsored_project .sponsored_project_details .project__logo {
    width: 160px;
  }
}
.sponsored_project .sponsored_project_details .label {
  color: #444;
}
.sponsored_project .sponsored_project_details .group {
  position: relative;
  margin-top: 10px;
}
.sponsored_project .sponsored_project_time-progress {
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 450px) {
  .sponsored_project .sponsored_project_time-progress {
    display: block;
    margin-bottom: 20px;
  }
}
.sponsored_project
  .sponsored_project_time-progress
  .sponsored_project_location {
  width: 100%;
}
.sponsored_project
  .sponsored_project_time-progress
  .sponsored_project_timeslot {
  -ms-flex: 1;
  flex: 1;
}
@media (max-width: 450px) {
  .sponsored_project
    .sponsored_project_time-progress
    .sponsored_project_timeslot {
    -ms-flex: none;
    flex: none;
    display: block;
  }
}
.sponsored_project
  .sponsored_project_time-progress
  .sponsored_project_progress_bar {
  text-align: right;
  -ms-flex: initial;
  flex: initial;
  width: 200px;
}
.sponsored_project
  .sponsored_project_time-progress
  .sponsored_project_progress_bar
  p {
  font-size: 12px;
}
@media (max-width: 450px) {
  .sponsored_project
    .sponsored_project_time-progress
    .sponsored_project_progress_bar {
    -ms-flex: none;
    flex: none;
    display: block;
  }
}
.sponsored__project__options .sponsored__project__options__toggle {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  width: 55px;
  height: 35px;
}
.sponsored__project__options .sponsored__project__options__toggle.active + ul {
  max-height: 300px;
}
.sponsored__project__options ul {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 55px;
  display: inline-block;
  width: auto;
  max-height: 0;
  overflow: hidden;
  background: #85b3cc;
  transition: max-height 0.25s;
  font-family: "Oswald";
  font-size: 16px;
  text-transform: uppercase;
}
.sponsored__project__options li {
  color: #fff;
}
.sponsored__project__options li:hover {
  background: #47a4c6;
}
.sponsored__project__options li a {
  display: block;
  padding: 6px 15px;
  color: inherit;
}
.sponsored__project__options .show-shifts-menu-item {
  display: block;
}
.sponsored__project__options .hide-shifts-menu-item {
  display: none;
}
.projects__sponsored__on-hold {
  color: #ef5e39;
  text-transform: uppercase;
}
.successStories {
  width: 100%;
  margin: 0;
  max-width: 100%;
}
.successStoriesBody {
  padding-bottom: 14px;
  overflow: hidden;
}
.successStoriesBody img {
  object-fit: cover;
}
@media (min-width: 480px) {
  .successStoriesBody {
    max-width: 540px;
    margin: 0 auto;
  }
}
@media (min-width: 830px) {
  .successStoriesBody {
    max-width: 830px;
    margin: 0 auto;
  }
  .successStoriesBody > li {
    margin-top: 14px !important;
  }
}
@media (min-width: 1036px) {
  .successStoriesBody {
    max-width: 1036px;
    margin: 0 auto;
  }
}
.successStoriesBody__inner {
  position: relative;
  width: 100%;
}
@media (min-width: 830px) {
  .successStoriesBody__inner {
    height: 918px;
  }
}
@media (min-width: 1036px) {
  .successStoriesBody__inner {
    height: 799px;
  }
}
.successStoriesBody__inner li {
  float: left;
  border: 1px solid #bbbdc0;
}
@media (max-width: 829px) {
  .successStoriesBody__inner li:nth-of-type(6n + 3),
  .successStoriesBody__inner li:nth-of-type(6n + 4) {
    width: 100%;
    width: calc(100% - 2px);
    margin-bottom: 10px;
  }
  .successStoriesBody__inner li:nth-of-type(6n + 3) figure,
  .successStoriesBody__inner li:nth-of-type(6n + 4) figure {
    padding-bottom: 0;
  }
  .successStoriesBody__inner li:nth-of-type(6n + 3) figcaption,
  .successStoriesBody__inner li:nth-of-type(6n + 4) figcaption {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    background: none;
  }
  .successStoriesBody__inner li:nth-of-type(6n + 3) h2,
  .successStoriesBody__inner li:nth-of-type(6n + 4) h2 {
    margin: 0;
    padding: 10%;
    background-image: linear-gradient(
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0)
    );
    color: #fff;
    font-size: 20px;
    line-height: 22px;
    text-transform: uppercase;
  }
  .successStoriesBody__inner li:nth-of-type(6n + 3) p,
  .successStoriesBody__inner li:nth-of-type(6n + 4) p {
    display: none;
  }
  .successStoriesBody__inner li:nth-of-type(6n + 3) span,
  .successStoriesBody__inner li:nth-of-type(6n + 4) span {
    padding: 5% 10%;
    top: 78.7%;
    background-image: linear-gradient(
      rgba(255, 255, 255, 0),
      rgba(0, 0, 0, 0.25),
      rgba(0, 0, 0, 0.5)
    );
    font-size: 17px;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    width: 100%;
    height: 76px;
    float: left;
  }
  .successStoriesBody__inner li:nth-of-type(6n + 3) img,
  .successStoriesBody__inner li:nth-of-type(6n + 4) img {
    height: 358px;
  }
  .successStoriesBody__inner li:nth-of-type(6n + 1),
  .successStoriesBody__inner li:nth-of-type(6n + 2),
  .successStoriesBody__inner li:nth-of-type(6n + 5),
  .successStoriesBody__inner li:nth-of-type(6n + 6) {
    width: 48%;
    width: calc(50% - 8px);
    margin: 0 7px 14px 0;
    border: 1px solid #bbbdc0;
  }
  .successStoriesBody__inner li:nth-of-type(6n + 1) img,
  .successStoriesBody__inner li:nth-of-type(6n + 2) img,
  .successStoriesBody__inner li:nth-of-type(6n + 5) img,
  .successStoriesBody__inner li:nth-of-type(6n + 6) img {
    height: 174px;
  }
  .successStoriesBody__inner li:nth-of-type(6n + 1) span,
  .successStoriesBody__inner li:nth-of-type(6n + 2) span,
  .successStoriesBody__inner li:nth-of-type(6n + 5) span,
  .successStoriesBody__inner li:nth-of-type(6n + 6) span {
    font-size: 14px;
  }
  .successStoriesBody__inner li:nth-of-type(6n + 2),
  .successStoriesBody__inner li:nth-of-type(6n + 6) {
    margin: 0 0 14px 7px;
  }
}
@media (min-width: 830px) and (max-width: 1035px) {
  .successStoriesBody__inner li {
    float: none;
    position: absolute;
    top: 0;
    left: 0;
  }
  .successStoriesBody__inner li img {
    height: 130px;
  }
  .successStoriesBody__inner li:nth-of-type(8n + 1),
  .successStoriesBody__inner li:nth-of-type(8n + 2),
  .successStoriesBody__inner li:nth-of-type(8n + 5),
  .successStoriesBody__inner li:nth-of-type(8n + 6) {
    width: 100%;
    margin-bottom: 10px;
  }
  .successStoriesBody__inner li:nth-of-type(8n + 1) figure,
  .successStoriesBody__inner li:nth-of-type(8n + 2) figure,
  .successStoriesBody__inner li:nth-of-type(8n + 5) figure,
  .successStoriesBody__inner li:nth-of-type(8n + 6) figure {
    padding-bottom: 0;
  }
  .successStoriesBody__inner li:nth-of-type(8n + 1) figcaption,
  .successStoriesBody__inner li:nth-of-type(8n + 2) figcaption,
  .successStoriesBody__inner li:nth-of-type(8n + 5) figcaption,
  .successStoriesBody__inner li:nth-of-type(8n + 6) figcaption {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    background: none;
  }
  .successStoriesBody__inner li:nth-of-type(8n + 1) h2,
  .successStoriesBody__inner li:nth-of-type(8n + 2) h2,
  .successStoriesBody__inner li:nth-of-type(8n + 5) h2,
  .successStoriesBody__inner li:nth-of-type(8n + 6) h2 {
    margin: 0;
    padding: 10%;
    background-image: linear-gradient(
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0)
    );
    color: #fff;
    font-size: 20px;
    line-height: 22px;
    text-transform: uppercase;
  }
  .successStoriesBody__inner li:nth-of-type(8n + 1) p,
  .successStoriesBody__inner li:nth-of-type(8n + 2) p,
  .successStoriesBody__inner li:nth-of-type(8n + 5) p,
  .successStoriesBody__inner li:nth-of-type(8n + 6) p {
    display: none;
  }
  .successStoriesBody__inner li:nth-of-type(8n + 1) span,
  .successStoriesBody__inner li:nth-of-type(8n + 2) span,
  .successStoriesBody__inner li:nth-of-type(8n + 5) span,
  .successStoriesBody__inner li:nth-of-type(8n + 6) span {
    padding: 5% 10%;
    background-image: linear-gradient(
      rgba(255, 255, 255, 0),
      rgba(0, 0, 0, 0.25),
      rgba(0, 0, 0, 0.5)
    );
    top: 76.7%;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    height: 63px;
    float: left;
  }
  .successStoriesBody__inner li:nth-of-type(8n + 1) img,
  .successStoriesBody__inner li:nth-of-type(8n + 2) img,
  .successStoriesBody__inner li:nth-of-type(8n + 5) img,
  .successStoriesBody__inner li:nth-of-type(8n + 6) img {
    height: 270px;
  }
  .successStoriesBody__inner li:nth-of-type(8n + 1) {
    width: 407px;
  }
  .successStoriesBody__inner li:nth-of-type(8n + 1) span {
    font-size: 17px;
  }
  .successStoriesBody__inner li:nth-of-type(8n + 2) {
    top: 286px;
    width: 407px;
  }
  .successStoriesBody__inner li:nth-of-type(8n + 2) span {
    font-size: 17px;
  }
  .successStoriesBody__inner li:nth-of-type(8n + 3) {
    left: 422px;
    width: 196px;
  }
  .successStoriesBody__inner li:nth-of-type(8n + 3) span {
    font-size: 14px;
  }
  .successStoriesBody__inner li:nth-of-type(8n + 4) {
    left: 633px;
    width: 196px;
  }
  .successStoriesBody__inner li:nth-of-type(8n + 4) span {
    font-size: 14px;
  }
  .successStoriesBody__inner li:nth-of-type(8n + 5) {
    top: 346px;
    left: 422px;
    width: 407px;
  }
  .successStoriesBody__inner li:nth-of-type(8n + 5) span {
    font-size: 17px;
  }
  .successStoriesBody__inner li:nth-of-type(8n + 6) {
    top: 632px;
    left: 422px;
    width: 407px;
  }
  .successStoriesBody__inner li:nth-of-type(8n + 6) span {
    font-size: 17px;
  }
  .successStoriesBody__inner li:nth-of-type(8n + 7) {
    top: 572px;
    width: 196px;
  }
  .successStoriesBody__inner li:nth-of-type(8n + 7) span {
    font-size: 14px;
  }
  .successStoriesBody__inner li:nth-of-type(8n + 8) {
    top: 572px;
    left: 211px;
    width: 196px;
  }
  .successStoriesBody__inner li:nth-of-type(8n + 8) span {
    font-size: 14px;
  }
}
@media (min-width: 1036px) {
  .successStoriesBody__inner li {
    float: none;
    position: absolute;
    top: 0;
    left: 0;
  }
  .successStoriesBody__inner li img {
    height: 106px;
  }
  .successStoriesBody__inner li:nth-of-type(10n + 1),
  .successStoriesBody__inner li:nth-of-type(10n + 10),
  .successStoriesBody__inner li:nth-of-type(10n + 4),
  .successStoriesBody__inner li:nth-of-type(10n + 5),
  .successStoriesBody__inner li:nth-of-type(10n + 6),
  .successStoriesBody__inner li:nth-of-type(10n + 9) {
    width: 100%;
    margin-bottom: 10px;
  }
  .successStoriesBody__inner li:nth-of-type(10n + 1) figure,
  .successStoriesBody__inner li:nth-of-type(10n + 10) figure,
  .successStoriesBody__inner li:nth-of-type(10n + 4) figure,
  .successStoriesBody__inner li:nth-of-type(10n + 5) figure,
  .successStoriesBody__inner li:nth-of-type(10n + 6) figure,
  .successStoriesBody__inner li:nth-of-type(10n + 9) figure {
    padding-bottom: 0;
  }
  .successStoriesBody__inner li:nth-of-type(10n + 1) figcaption,
  .successStoriesBody__inner li:nth-of-type(10n + 10) figcaption,
  .successStoriesBody__inner li:nth-of-type(10n + 4) figcaption,
  .successStoriesBody__inner li:nth-of-type(10n + 5) figcaption,
  .successStoriesBody__inner li:nth-of-type(10n + 6) figcaption,
  .successStoriesBody__inner li:nth-of-type(10n + 9) figcaption {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    background: none;
  }
  .successStoriesBody__inner li:nth-of-type(10n + 1) h2,
  .successStoriesBody__inner li:nth-of-type(10n + 10) h2,
  .successStoriesBody__inner li:nth-of-type(10n + 4) h2,
  .successStoriesBody__inner li:nth-of-type(10n + 5) h2,
  .successStoriesBody__inner li:nth-of-type(10n + 6) h2,
  .successStoriesBody__inner li:nth-of-type(10n + 9) h2 {
    margin: 0;
    padding: 10%;
    background-image: linear-gradient(
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0)
    );
    color: #fff;
    font-size: 20px;
    line-height: 22px;
    text-transform: uppercase;
  }
  .successStoriesBody__inner li:nth-of-type(10n + 1) p,
  .successStoriesBody__inner li:nth-of-type(10n + 10) p,
  .successStoriesBody__inner li:nth-of-type(10n + 4) p,
  .successStoriesBody__inner li:nth-of-type(10n + 5) p,
  .successStoriesBody__inner li:nth-of-type(10n + 6) p,
  .successStoriesBody__inner li:nth-of-type(10n + 9) p {
    display: none;
  }
  .successStoriesBody__inner li:nth-of-type(10n + 1) span,
  .successStoriesBody__inner li:nth-of-type(10n + 10) span,
  .successStoriesBody__inner li:nth-of-type(10n + 4) span,
  .successStoriesBody__inner li:nth-of-type(10n + 5) span,
  .successStoriesBody__inner li:nth-of-type(10n + 6) span,
  .successStoriesBody__inner li:nth-of-type(10n + 9) span {
    font-size: 17px;
    padding: 5% 10%;
    top: 74.9%;
    background-image: linear-gradient(
      rgba(255, 255, 255, 0),
      rgba(0, 0, 0, 0.25),
      rgba(0, 0, 0, 0.5)
    );
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    width: 100%;
    height: 56px;
    float: left;
  }
  .successStoriesBody__inner li:nth-of-type(10n + 1) img,
  .successStoriesBody__inner li:nth-of-type(10n + 10) img,
  .successStoriesBody__inner li:nth-of-type(10n + 4) img,
  .successStoriesBody__inner li:nth-of-type(10n + 5) img,
  .successStoriesBody__inner li:nth-of-type(10n + 6) img,
  .successStoriesBody__inner li:nth-of-type(10n + 9) img {
    height: 222px;
  }
  .successStoriesBody__inner li:nth-of-type(10n + 1) {
    width: 335px;
  }
  .successStoriesBody__inner li:nth-of-type(10n + 2) {
    left: 350px;
    width: 160px;
  }
  .successStoriesBody__inner li:nth-of-type(10n + 2) span {
    font-size: 14px;
  }
  .successStoriesBody__inner li:nth-of-type(10n + 3) {
    left: 525px;
    width: 160px;
  }
  .successStoriesBody__inner li:nth-of-type(10n + 3) span {
    font-size: 14px;
  }
  .successStoriesBody__inner li:nth-of-type(10n + 4) {
    left: 700px;
    width: 335px;
  }
  .successStoriesBody__inner li:nth-of-type(10n + 5) {
    top: 238px;
    width: 335px;
  }
  .successStoriesBody__inner li:nth-of-type(10n + 6) {
    top: 322px;
    left: 350px;
    width: 335px;
  }
  .successStoriesBody__inner li:nth-of-type(10n + 7) {
    top: 238px;
    left: 700px;
    width: 160px;
  }
  .successStoriesBody__inner li:nth-of-type(10n + 7) span {
    font-size: 14px;
  }
  .successStoriesBody__inner li:nth-of-type(10n + 8) {
    top: 476px;
    left: 175px;
    width: 160px;
  }
  .successStoriesBody__inner li:nth-of-type(10n + 8) span {
    font-size: 14px;
  }
  .successStoriesBody__inner li:nth-of-type(10n + 9) {
    top: 560px;
    left: 350px;
    width: 335px;
  }
  .successStoriesBody__inner li:nth-of-type(10n + 10) {
    top: 560px;
    left: 700px;
    width: 335px;
  }
}
.successStoriesBody__inner a {
  position: relative;
  display: block;
}
.successStoriesBody__inner a:hover {
  outline: 2px solid #47a4c6;
}
.successStoriesBody__inner figure {
  line-height: 0;
}
.successStoriesBody__inner figcaption {
  height: 200px;
  overflow: hidden;
  background: #fff;
}
.successStoriesBody__inner h2 {
  margin: 0;
  padding: 10px;
  font-family: "Oswald";
  font-size: 20px;
  line-height: 22px;
  word-wrap: break-word;
  color: #47a4c6;
}
.successStoriesBody__inner span {
  color: #808083;
  font-family: "Oswald";
  padding: 10px;
  font-size: 17px;
  line-height: 22px;
  float: left;
  width: 100%;
}
.successStoriesBody__inner p {
  position: absolute;
  bottom: 5px;
  right: 5px;
  font-family: "Oswald";
  color: #bbbdc0;
}
.successStoriesHeader {
  max-height: 500px;
  position: relative;
}
@media (min-width: 480px) {
  .successStoriesHeader {
    margin: 0 auto;
    max-width: 100%;
  }
}
@media (min-width: 540px) {
  .successStoriesHeader {
    margin: 0 auto 0;
  }
}
@media (min-width: 768px) {
  .successStoriesHeader {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    margin: 0;
    max-width: none;
    background: #47a4c6;
  }
  .successStoriesHeader:before {
    content: "";
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding-top: 66.6%;
  }
  .successStoriesHeader h1 {
    padding-top: 40px;
  }
  .successStoriesHeader h1:before {
    content: "\e61c";
    font-family: "icons" !important;
    font-size: 24px;
    position: absolute;
    top: 5px;
    left: 0;
    width: 100%;
    text-align: center;
    color: #fff;
  }
}
@media (max-width: 768px) {
  .successStoriesHeader__top {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .successStoriesHeader__top {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 450px);
  }
}
@media (min-width: 1200px) and (max-width: 1849px) {
  .successStoriesHeader__top {
    width: calc(100% - 450px);
  }
  .successStoriesHeader__top:before {
    padding-top: 50%;
  }
}
@media (min-width: 1850px) {
  .successStoriesHeader__top {
    width: 25%;
  }
  .successStoriesHeader__top:before {
    padding-top: 33.3%;
  }
}
.successStoriesHeader__top__inner > a {
  display: block;
  padding: 20px 10px;
  background: #47a4c6;
  color: #fff;
  border-bottom: 1px solid #fff;
  font-family: "Oswald";
  text-transform: uppercase;
  text-align: center;
  position: relative;
}
@media (max-width: 1023px) {
  .successStoriesHeader__top__inner > a {
    border-bottom: none;
  }
  .successStoriesHeader__top__inner .expanded {
    border-bottom: 1px solid #fff;
  }
  .successStoriesHeader__top__inner .expanded:before {
    left: 0;
  }
  .successStoriesHeader__top__inner .expanded:after {
    right: 0;
  }
  .successStoriesHeader__top__inner .expanded:before,
  .successStoriesHeader__top__inner .expanded:after {
    bottom: 0;
    content: "";
    position: absolute;
    margin-bottom: -2px;
    height: 2px;
    width: 20px;
    background: #47a4c6;
    border-bottom: 4px solid #47a4c6;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .successStoriesHeader__top__inner > a {
    border-bottom: 1px solid #fff;
  }
  .successStoriesHeader__top__inner a:before,
  .successStoriesHeader__top__inner a:after {
    bottom: 0;
    content: "";
    position: absolute;
    margin-bottom: -2px;
    height: 2px;
    width: 20px;
    background: #47a4c6;
    border-bottom: 4px solid #47a4c6;
  }
  .successStoriesHeader__top__inner a:before {
    left: 0;
  }
  .successStoriesHeader__top__inner a:after {
    right: 0;
  }
}
@media (min-width: 1200px) and (max-width: 1849px) {
  .successStoriesHeader__top__inner {
    width: 60%;
    margin: auto;
  }
}
.successStoriesHeader__top__inner h1 {
  position: relative;
  font-size: 30px;
  line-height: 32px;
}
.successStoriesHeader__top__inner p {
  font-size: 18px;
}
@media (min-width: 768px) {
  .successStoriesHeader__top__inner {
    max-width: 85%;
    margin: 0 auto;
  }
}
@media (min-width: 1850px) {
  .successStoriesHeader {
    height: 37vw;
  }
}
.successStoriesHeaderListing {
  background: #47a4c6;
  color: #fff;
}
.successStoriesHeaderListing > a {
  position: absolute;
  width: 100%;
  background-color: rgba(71, 164, 198, 0.25);
}
@media (min-width: 480px) {
  .successStoriesHeaderListing {
    margin: 0 auto;
    max-width: 100%;
  }
}
@media (min-width: 540px) and (max-width: 767px) {
  .successStoriesHeaderListing ul {
    padding: 5px 10px 10px !important;
  }
}
@media (max-width: 767px) {
  .successStoriesHeaderListing {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 0;
    transition: max-height 0.25s;
  }
  .successStoriesHeaderListing.active {
    max-height: 275px;
    margin-bottom: 14px;
  }
}
@media (min-width: 768px) {
  .successStoriesHeaderListing {
    margin: 0;
    max-width: none;
    font-size: 14px;
    position: absolute;
    top: 150px;
    height: 350px;
    left: 0;
    width: 100%;
    overflow-y: auto;
  }
  .successStoriesHeaderListing:before {
    content: "";
    display: block;
    width: 100%;
  }
  .successStoriesHeaderListing ul {
    position: absolute;
    top: 0;
    left: 10%;
    width: 80%;
  }
}
@media (min-width: 1200px) and (max-width: 1849px) {
  .successStoriesHeaderListing ul {
    position: absolute;
    top: 0;
    left: 30%;
    width: 40%;
  }
  .successStoriesHeaderListing time {
    width: 9vw !important;
  }
  .successStoriesHeaderListing h2 {
    width: calc(100% - 6vw) !important;
  }
}
.successStoriesHeaderListing > a {
  display: block !important;
  padding: 5px;
  font-family: "Oswald";
  font-size: 18px;
  text-transform: uppercase;
  text-align: center;
}
@media (min-width: 768px) {
  .successStoriesHeaderListing > a {
    display: none !important;
  }
}
.successStoriesHeaderListing ul {
  padding: 30px 0 10px;
}
.successStoriesHeaderListing li a {
  display: table;
  padding: 5px 10px;
}
@media (max-width: 450px) {
  .successStoriesHeaderListing li a {
    padding: 5px 20px;
  }
}
.successStoriesHeaderListing time {
  display: table-cell;
  width: 110px;
  padding-right: 10px;
  font-weight: bold;
  vertical-align: top;
  line-height: 1.4em;
}
.successStoriesHeaderListing h2 {
  display: table-cell;
  width: 200px;
  width: calc(100% - 70px);
  padding-right: 10px;
  line-height: 1.4em;
  vertical-align: top;
}
.successStoriesHeaderListing h2:hover {
  text-decoration: underline;
}
.successStoriesHeaderStories {
  background: #fff;
}
@media (max-width: 767px) {
  .successStoriesHeaderStories {
    height: 200px;
    position: relative;
    overflow: hidden;
  }
  .successStoriesHeaderStories > ul {
    position: relative;
  }
}
.successStoriesHeaderStories > a {
  font-size: 40px;
  padding: 5px;
  position: absolute;
  display: none;
  top: 25%;
  transform: translateY(50%);
}
.successStoriesHeaderStories > a:hover {
  background-color: rgba(71, 164, 198, 0.25);
}
.successStoriesHeaderStories > a.icon-angle-left {
  left: 0;
}
.successStoriesHeaderStories > a.icon-angle-right {
  right: 0;
}
@media (max-width: 767px) {
  .successStoriesHeaderStories > a {
    display: inline-block;
  }
}
.successStoriesHeaderStories img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  bottom: 0;
  right: 0;
  transform: translateY(-50%);
}
.successStoriesHeaderStories img.wideImg {
  width: auto;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.successStoriesHeaderStories li {
  position: relative;
  float: left;
}
.successStoriesHeaderStories li span {
  font-family: "Oswald";
  padding: 10px;
}
@media (max-width: 767px) {
  .successStoriesHeaderStories li {
    transition: transform 0.3s ease-in-out;
    position: absolute;
    width: 100%;
    top: 0;
  }
  .successStoriesHeaderStories li.in {
    transform: translateX(0);
  }
  .successStoriesHeaderStories li.out.right {
    transform: translateX(200%);
  }
  .successStoriesHeaderStories li.out.left {
    transform: translateX(-100%);
  }
  .successStoriesHeaderStories li figcaption h2 {
    padding: 6%;
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    color: white;
    background-image: linear-gradient(
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0)
    );
  }
}
@media (min-width: 768px) and (max-width: 1849px) {
  .successStoriesHeaderStories li {
    float: none;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 !important;
    left: auto;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .successStoriesHeaderStories li:nth-of-type(1),
  .successStoriesHeaderStories li:nth-of-type(2) {
    width: 100%;
  }
  .successStoriesHeaderStories li:nth-of-type(1) figcaption,
  .successStoriesHeaderStories li:nth-of-type(2) figcaption {
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    background: none;
  }
  .successStoriesHeaderStories li:nth-of-type(1) h2,
  .successStoriesHeaderStories li:nth-of-type(2) h2 {
    margin: 0;
    padding: 10%;
    background-image: linear-gradient(
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0)
    );
    color: #fff;
    font-size: 20px;
    line-height: 22px;
    text-transform: uppercase;
  }
  .successStoriesHeaderStories li:nth-of-type(1) span,
  .successStoriesHeaderStories li:nth-of-type(2) span {
    padding: 5% 10%;
    top: 85%;
    bottom: 0;
    background-image: linear-gradient(
      rgba(255, 255, 255, 0),
      rgba(0, 0, 0, 0.25),
      rgba(0, 0, 0, 0.5)
    );
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    width: 100%;
  }
  .successStoriesHeaderStories li:nth-of-type(1) p,
  .successStoriesHeaderStories li:nth-of-type(2) p {
    display: none;
  }
  .successStoriesHeaderStories li:nth-of-type(1) {
    top: 0;
    right: 0;
    height: 300px;
    width: 450px;
    margin-bottom: 0;
    outline: 2px solid #fff;
  }
  .successStoriesHeaderStories li:nth-of-type(1) h2 {
    font-size: 28px;
    line-height: 30px;
  }
  .successStoriesHeaderStories li:nth-of-type(1) img {
    display: none;
  }
  .successStoriesHeaderStories li:nth-of-type(2) {
    top: 300px;
    right: 150px;
    height: 200px;
    width: 300px;
    outline: 2px solid #fff;
  }
  .successStoriesHeaderStories li:nth-of-type(2) h2 {
    font-size: 20px;
    line-height: 22px;
  }
  .successStoriesHeaderStories li:nth-of-type(2) img {
    display: none;
  }
  .successStoriesHeaderStories li:nth-of-type(3) {
    top: 300px;
    right: 0;
    width: 150px;
    height: 200px;
    background-image: none !important;
    background: #fff;
    outline: 2px solid #fff;
  }
  .successStoriesHeaderStories li:nth-of-type(3) a {
    display: block;
    padding-top: 133%;
  }
  .successStoriesHeaderStories li:nth-of-type(3) figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .successStoriesHeaderStories li:nth-of-type(3) img {
    top: 0;
    transform: translateY(0%);
    z-index: 1;
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    margin-bottom: 10px;
  }
  .successStoriesHeaderStories li:nth-of-type(3) figcaption {
    z-index: 2;
    display: block;
    width: 100%;
  }
  .successStoriesHeaderStories li:nth-of-type(3) h2 {
    padding: 0;
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 10px;
  }
  .successStoriesHeaderStories li:nth-of-type(3) span {
    color: #808083;
    padding: 0;
    font-size: 20px;
    line-height: 22px;
    width: 100%;
  }
}
@media (min-width: 1850px) {
  .successStoriesHeaderStories li {
    float: none;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 !important;
  }
  .successStoriesHeaderStories li:nth-of-type(1) figcaption,
  .successStoriesHeaderStories li:nth-of-type(2) figcaption,
  .successStoriesHeaderStories li:nth-of-type(3) figcaption {
    position: absolute;
    padding: 0;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    background: none;
  }
  .successStoriesHeaderStories li:nth-of-type(1) h2,
  .successStoriesHeaderStories li:nth-of-type(2) h2,
  .successStoriesHeaderStories li:nth-of-type(3) h2 {
    margin: 0;
    padding: 10%;
    background-image: linear-gradient(
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0)
    );
    color: #fff;
    font-size: 20px;
    line-height: 22px;
    text-transform: uppercase;
  }
  .successStoriesHeaderStories li:nth-of-type(1) span,
  .successStoriesHeaderStories li:nth-of-type(2) span,
  .successStoriesHeaderStories li:nth-of-type(3) span {
    display: none;
  }
  .successStoriesHeaderStories li:nth-of-type(1) p,
  .successStoriesHeaderStories li:nth-of-type(2) p,
  .successStoriesHeaderStories li:nth-of-type(3) p {
    display: none;
  }
  .successStoriesHeaderStories li:nth-of-type(1) {
    left: 25%;
    width: 50%;
    height: 102%;
    outline: 2px solid #fff;
  }
  .successStoriesHeaderStories li:nth-of-type(1) h2 {
    font-size: 30px;
    line-height: 32px;
  }
  .successStoriesHeaderStories li:nth-of-type(2) {
    left: 75%;
    width: 25%;
    height: 51%;
    outline: 2px solid #fff;
  }
  .successStoriesHeaderStories li:nth-of-type(2) h2 {
    font-size: 28px;
    line-height: 30px;
  }
  .successStoriesHeaderStories li:nth-of-type(3) {
    top: 50%;
    left: 75%;
    width: 25%;
    height: 51%;
    outline: 2px solid #fff;
  }
  .successStoriesHeaderStories li:nth-of-type(3) h2 {
    font-size: 28px;
    line-height: 30px;
  }
}
.successStoriesHeaderStories figure {
  line-height: 0;
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.successStoriesHeaderStories figcaption {
  height: 200px;
  overflow-y: auto;
  background: #fff;
}
.successStoriesHeaderStories h2 {
  margin: 0;
  padding: 10px;
  font-family: "Oswald";
  font-size: 18px;
  line-height: 20px;
  word-wrap: break-word;
  color: #47a4c6;
}
.successStoriesHeaderStories p {
  position: absolute;
  bottom: 5px;
  right: 5px;
  font-family: "Oswald";
  font-size: 20px;
  color: #bbbdc0;
}
@media (min-width: 480px) and (max-width: 767px) {
  .successStoriesHeaderStories p {
    bottom: -30px;
  }
}
.successStoriesPlaceholder__green {
  background: #74af43;
}
.successStoriesPlaceholder__orange {
  background: #ef5e39;
}
.successStoriesPlaceholder__blue {
  background: #47a4c6;
}
.successStoriesPlaceholder a {
  position: relative;
}
.successStoriesPlaceholder a:before {
  content: "\e61c";
  font-family: "icons";
  position: absolute;
  top: 50%;
  margin-top: -40px;
  left: 50%;
  margin-left: -30px;
  font-size: 60px;
  color: rgba(255, 255, 255, 0.25);
}
.successStoriesPlaceholder figure {
  padding-bottom: 200px;
}
.successStoriesPlaceholder figure:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 66.6666666%;
}
.successStoriesPlaceholder figcaption {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: inherit !important;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  background: inherit !important;
}
.successStoriesPlaceholder h2 {
  text-align: center;
  color: #fff !important;
  background-image: none !important;
}
.successStoriesPlaceholder img {
  display: none;
}
.successStoriesPlaceholder p {
  color: #fff !important;
}
.successStoriesPlaceholder span {
  color: #fff;
  background-image: none !important;
  text-align: center;
}
.successStoriesSearch {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #ef5e39;
  padding: 1.25em 0.5em;
}
.successStoriesSearch form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  font-family: "Oswald";
}
.successStoriesSearch p {
  width: 100%;
  text-align: center;
}
.successStoriesSearch .field-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 10px 0;
}
.successStoriesSearch select {
  min-width: 150px;
  height: 34px;
}
.successStoriesSearch__text {
  padding: 5px;
  height: 34px;
  margin-top: 3px;
}
.successStoriesSearch [type="text"]:-moz-placeholder {
  color: #989b9f;
}
.successStoriesSearch [type="text"]::-moz-placeholder {
  color: #989b9f;
}
.successStoriesSearch [type="text"]:-ms-type-placeholder {
  color: #989b9f;
}
.successStoriesSearch [type="text"]::-webkit-input-placeholder {
  color: #989b9f;
}
.successStoriesSearch__button {
  width: auto;
  padding: 5px 20px;
}
button[disabled=disabled].successStoriesSearch__button.loader-button-white-gray {
  display: -ms-inline-flexbox;
  display: inline-flex;
}
@media (min-width: 340px) {
  .successStoriesSearch .field-container {
    flex-direction: row;
    padding: 10px;
  }
  .successStoriesSearch__text {
    margin-left: 3px;
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .successStoriesSearch {
    margin-top: -7px;
    margin-bottom: 40px;
    padding: 2em 0.5em;
  }
  .successStoriesSearch p {
    width: auto;
  }
  .successStoriesSearch .field-container {
    width: auto;
  }
  .successStoriesSearch__text {
    width: 300px;
    margin-left: 10px;
  }
}
.successStoriesTagline {
  border-top: 1px solid #989b9f;
  padding: 30px 0;
  font-family: "Helvetica Light", "Helvetica", "arial", sans-serif;
  font-size: 19px;
  line-height: 30px;
  color: #64686c;
  text-align: center;
  position: relative;
}
@media (min-width: 630px) {
  .successStoriesTagline {
    position: relative;
    padding: 40px 20px;
    font-size: 26px;
    line-height: 40px;
    text-align: center;
  }
  .successStoriesTagline span {
    display: block;
  }
}
@media (max-width: 1023px) {
  .successStoriesTagline:before,
  .successStoriesTagline:after {
    top: 0;
    content: "";
    position: absolute;
    margin-top: -2px;
    height: 2px;
    width: 20px;
    background: white;
    border-top: 4px solid white;
  }
  blockquote:before {
    left: 0;
  }
  blockquote:after {
    right: 0;
  }
}
.successStory {
  max-width: 100%;
  margin: 0 auto;
}
.successStory .tagline {
  padding-bottom: 0;
}
.successStoryBody {
  position: relative;
  margin: 20px;
}
@media (min-width: 630px) {
  .successStoryBody {
    margin: 60px 20px 20px;
  }
  .successStoryBody .successStoryNav__external {
    display: none;
  }
}
@media (min-width: 796px) {
  .successStoryBody {
    max-width: 796px;
  }
}
@media (min-width: 836px) {
  .successStoryBody {
    margin: 60px auto 20px;
  }
}
.successStoryBody > .successStoryNav__external {
  margin: -12px 0 20px;
}
.successStoryBody p {
  margin: 5px 0;
}
.successStoryBody a {
  color: #47a4c6;
  font-size: 30px;
}
.successStoryBody ul {
  padding-left: 2em;
  list-style-type: disc;
}
.successStoryBody ol {
  padding-left: 2em;
  list-style-type: decimal;
}
.successStoryBody b,
.successStoryBody strong {
  font-weight: bold;
}
.successStoryBody em,
.successStoryBody i {
  font-style: italic;
}
.successStoryBody u {
  text-decoration: underline;
}
.successStoryBody__subData {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-align: end;
  align-items: flex-end;
}
.successStoryBody__subData > span {
  font-family: "Oswald";
  font-size: 18px;
  color: #989b9f;
  padding-right: 0.5em;
}
.successStoryBody__subData > span:after {
  content: " //";
  color: #ef5e39;
}
@media (min-width: 1024px) {
  .successStoryBody__subData {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    position: absolute;
    top: 0;
    right: 100%;
    right: calc(100% + 10px);
    white-space: nowrap;
  }
  .successStoryBody__subData:after {
    display: inline-block;
    margin-left: 5px;
  }
}
.successStoryBody__story {
  display: inline;
  white-space: pre-wrap;
}
@media (min-width: 1024px) {
  .successStoryBody__story {
    display: block;
  }
}
@media (min-width: 630px) {
  .successStoryFooter > nav {
    display: none;
  }
}
.successStoryFooter > nav {
  margin-top: 20px;
  border-bottom: 1px solid #bbbdc0;
  padding-bottom: 20px;
}
.successStoryGallery {
  padding: 20px;
  background-image: url("https://www.justserve.org/api/images/static/pattern.svg");
  background-size: 50px 50px;
}
.successStoryGallery div {
  margin: 0 auto;
  max-width: 1024px;
}
.successStoryGallery ul {
  padding: 0 !important;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  line-height: 0;
}
.successStoryGallery .thumbnail {
  display: inline-block;
  margin-right: 4px;
  width: 160px;
  height: 109px;
  border: 4px solid #fff;
  position: relative;
  overflow: hidden;
}
.successStoryGallery .thumbnail img {
  position: absolute;
  top: -100%;
  left: 0;
  right: 0;
  bottom: -100%;
  margin: auto;
  width: 151px;
}
.successStoryGallery .videothumb {
  background: #000;
}
@media (min-width: 1140px) {
  .successStoryGallery {
    padding: 20px 20px 10px;
  }
  .successStoryGallery ul {
    overflow-x: visible;
    white-space: normal;
    margin-left: -82px;
  }
  .successStoryGallery li {
    margin-bottom: 4px;
  }
}
.successStoryGallery .play-video-icon {
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 25px);
  color: white;
  opacity: 0.6;
  font-size: 50px;
  cursor: pointer;
  z-index: 1;
}
.successStoryHeader {
  background: #e5e3e3;
}
.successStoryHeader div {
  max-width: 796px;
  margin: 0 auto 5px;
}
.successStoryHeader figure {
  position: relative;
  max-width: 630px;
  line-height: 0;
  background: #bbbdc0;
}
.successStoryHeader figure.has-image h1 {
  background-image: linear-gradient(
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.successStoryHeader figure.no-image:after {
  content: "";
  display: block;
  padding-top: 66.66666666%;
}
.successStoryHeader figure img {
  max-width: 630px;
  margin: 0 auto;
}
@media (min-width: 630px) {
  .successStoryHeader figure {
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
  }
}
.successStoryHeader figcaption {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: -ms-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.successStoryHeader h1 {
  padding: 10%;
  font-family: "Oswald";
  font-size: 32px;
  line-height: 34px;
  color: #fff;
}
.successStoryNav {
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.successStoryNav .back-to-success-stories {
  display: inline-block;
  font-family: "Oswald";
  text-transform: uppercase;
  color: #989b9f;
}
@media (min-width: 630px) {
  .successStoryNav .back-to-success-stories {
    float: left;
    margin-left: 60px;
  }
}
.successStoryNav .back-to-success-stories:before {
  content: "<";
  margin-right: 4px;
}
.successStoryNav__external {
  display: none;
  text-align: center;
}
.successStoryNav__external > input {
  display: inline-block;
  width: 130px;
  border: 1px solid #47a4c6 !important;
  padding: 6px;
  background: #fff;
  color: #47a4c6;
  font-size: 16px;
}
.successStoryNav__external > input:hover {
  background: inherit;
}
@media (min-width: 630px) {
  .successStoryNav__external {
    display: inline-block;
    float: right;
    margin-right: 60px;
  }
}
.flexslider {
  margin: 0 0 15px;
  background: none;
  border: none;
}
#carousel {
  cursor: pointer;
}
#carousel .flex-active-slide {
  position: relative;
}
#carousel .flex-active-slide:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 4px solid #fff;
}
#carousel .slides li {
  overflow: hidden;
  height: 77px;
  position: relative;
}
#carousel .slides img {
  position: absolute;
  top: -100%;
  left: 0;
  right: 0;
  bottom: -100%;
  margin: auto;
}
#carousel .slides .play-video-icon {
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 25px);
  color: white;
  opacity: 0.6;
  font-size: 50px;
  cursor: pointer;
  z-index: 1;
}
.slideshow {
  position: absolute;
  z-index: 9999;
  top: 5%;
  left: -100%;
  width: 90%;
  opacity: 0.00001;
  color: #fff;
}
.slideshow.active {
  left: 5%;
}
.slideshow__overlay {
  display: none;
  position: fixed;
  z-index: 9998;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  background: rgba(0, 0, 0, 0.9);
}
.slideshow__close {
  display: inline-block;
  position: absolute;
  z-index: 3;
  top: 0;
  right: 0;
  font-size: 24px;
  cursor: pointer;
}
.slideshow div {
  min-height: 45px;
}
.slideshow h6 {
  width: 90%;
  width: calc(100% - 50px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "Oswald";
  font-size: 18px;
}
.slideshow p {
  width: 90%;
  width: calc(100% - 50px);
  margin: 0 0 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
}
.slideshow span {
  position: absolute;
  top: 25px;
  right: 0;
  font-family: "Oswald";
  font-size: 18px;
}
@media (min-width: 1024px) {
  .slideshow {
    width: 930px;
    left: -100%;
    margin-left: -465px;
  }
  .slideshow.active {
    left: 50%;
  }
}
.flex-direction-nav a {
  height: 46px;
}
#youtubeIframe {
  margin-top: 30px;
  width: 100%;
  height: 634px;
}
@media (max-width: 450px) {
  #youtubeIframe {
    height: 372px;
  }
}
.successStorySocial {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin: 40px 0;
  padding: 0 !important;
}
.successStorySocial li {
  display: inline-block;
  margin-right: 10px;
  font-size: 30px;
}
.successStorySocial li:first-of-type {
  float: left;
}
.successStorySocial li:nth-of-type(2) {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  color: #47a4c6;
  vertical-align: middle;
}
@media (min-width: 630px) {
  .successStorySocial li:nth-of-type(2) {
    display: inline-block;
    margin-bottom: 0;
  }
}
.successStorySocial li a {
  display: inline-block;
  vertical-align: middle;
  line-height: 0.5em;
  color: #bbbdc0;
  font-size: 20px;
}
.successStorySocial li a.icon-facebook:before {
  color: #3b5893;
}
.successStorySocial li a.icon-twitter:before {
  color: #28a6d6;
}
.successStorySocial li a.icon-googleplus:before {
  color: #d14a3a;
}
.successStorySocial li a.icon-email:before {
  color: #ef5e39;
}
.successStorySocial li a.icon-youtube:before {
  color: #df3f3b;
}
.successStorySocial li .icon-email:before {
  font-size: 17px;
}
.successStorySocial li #copy-to-clipboard-button:before {
  font-size: 19px;
}
.legal {
  padding: 20px;
  padding-bottom: 0;
}
@media (min-width: 750px) {
  .legal {
    padding: 40px;
    padding-bottom: 0;
  }
}
.legal *:not(a) {
  color: #64686c;
}
.legal h1 {
  margin-bottom: 20px;
  font-family: "Oswald";
  font-size: 24px;
  line-height: 26px;
  color: #74af43;
}
.legal h2 {
  margin-bottom: 25px;
  font-family: "Oswald";
  font-size: 20px;
  color: #74af43;
}
.legal p {
  margin-bottom: 15px;
}
.legal u {
  text-decoration: none;
  font-weight: bold;
}
.legal label {
  font-weight: bold;
  width: 55px;
  display: inline-block;
}
.legal a {
  color: #47a4c6;
}
.unsubscribe {
  padding: 20px;
}
@media (min-width: 768px) {
  .unsubscribe {
    padding: 40px;
  }
}
@media (min-width: 1064px) {
  .unsubscribe {
    padding: 40px 0;
  }
}
.unsubscribe h1 {
  margin-bottom: 20px;
  font-family: "Oswald";
  font-size: 28px;
  color: #47a4c6;
}
.unsubscribe * {
  color: #64686c;
}
.unsubscribe a {
  color: #ef5e39;
}
.updates-wrap {
  padding: 20px;
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .updates-wrap {
    padding: 40px;
    padding-bottom: 0;
  }
}
@media (min-width: 1064px) {
  .updates-wrap {
    padding: 40px 0;
    padding-bottom: 0;
  }
}
.updates-wrap h1 {
  margin-bottom: 30px;
  font-family: "Oswald";
  font-size: 24px;
  color: #47a4c6;
}
.updates-wrap * {
  color: #64686c;
}
.updates li {
  margin-bottom: 30px;
}
.updates time {
  display: block;
  border-bottom: 1px solid #64686c;
  margin-bottom: 15px;
}
.updates summary img {
  width: auto;
  height: 40px;
  margin: 10px 10px 10px 0;
}
@media (min-width: 768px) {
  .updates summary img {
    margin-bottom: 25px;
  }
}
@media (min-width: 480px) {
  .updates summary {
    float: left;
    width: 40%;
    margin-right: 40px;
  }
}
.updates p {
  margin-bottom: 15px;
}
.updates strong {
  font-weight: normal;
  color: #ef5e39;
}
.updates figure {
  line-height: 0;
}
@media (min-width: 480px) {
  .updates figure {
    float: left;
    width: 40%;
  }
}
.volunteerDashboard {
  width: 100%;
}
.volunteerDashboard__hours__bar {
  cursor: pointer;
}
.volunteerDashboard__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  padding: 0 1em;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 2.5em;
}
.volunteerDashboard__row--head {
  background: #e5e3e3;
  width: 100%;
  padding-top: 30px;
}
.volunteerDashboard__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 0em;
}
.volunteerDashboard__header > span {
  font-size: 1;
}
@media (min-width: 45em) {
  .volunteerDashboard__header > span {
    font-size: 0.8em;
    margin: 0em 1em;
    position: absolute;
  }
}
@media (min-width: 45em) {
  .volunteerDashboard__header {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: baseline;
    align-items: baseline;
  }
}
.volunteerDashboard__projects {
  border-bottom: 1px solid #e5e3e3;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.volunteerDashboard__title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -ms-flex-align: baseline;
  align-items: baseline;
  margin-top: 1em;
}
@media (min-width: 45em) {
  .volunteerDashboard__title {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
  }
}
.volunteerDashboard__title > h2 {
  margin: 0 0.2em 0;
  font-family: "Oswald";
  font-size: 1.6em;
  color: #64686c;
}
@media (min-width: 45em) {
  .volunteerDashboard__title > h2 {
    font-size: 2em;
  }
}
.volunteerDashboard__text {
  display: block;
  margin-top: 0em;
  margin-bottom: 3.3em;
}
@media (min-width: 45em) {
  .volunteerDashboard__text {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
  }
}
.volunteerDashboard__text > p {
  margin: 0 0.2em 0;
  font-family: "Oswald";
  font-size: 1.2em;
  color: #64686c;
}
@media (min-width: 45em) {
  .volunteerDashboard__text > p {
    font-size: 1.2em;
  }
}
.volunteerDashboard__editProfile {
  color: #ef5e39;
  font-family: "Oswald";
}
.volunteerDashboard__projectHistory {
  color: #47a4c6;
}
.volunteerDashboard__content {
  max-width: 1024px;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.volunteerDashboard__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}
@media (min-width: 45em) {
  .volunteerDashboard__wrapper {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
  }
}
.volunteerDashboard__projectHeaders {
  border-bottom: 1px solid #e5e3e3;
}
.volunteerDashboard__projectsView {
  cursor: pointer;
  color: #47a4c6;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  font-size: 0.8em;
  -ms-flex-align: center;
  align-items: center;
}
.volunteerDashboard__projectsView > div {
  padding: 2px;
  font-size: 0.5em;
}
.volunteerDashboard__block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-top: 1.6em;
  border-top: solid 2px #fff;
}
.volunteerDashboard__block--selectable {
  display: none;
}
.volunteerDashboard__block--selected {
  display: block;
}
@media (min-width: 45em) {
  .volunteerDashboard__block {
    border: none;
    display: block;
    width: 32%;
  }
}
.volunteerDashboard__block--badgesOrgs {
  padding-top: 2em;
}
@media (min-width: 45em) {
  .volunteerDashboard__block--badgesOrgs {
    width: 27%;
  }
  .volunteerDashboard__block--badgesOrgs:nth-child(2) {
    width: 40%;
  }
}
.volunteerDashboard__blockHeader {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.volunteerDashboard__blockHeader .icon-heart:before {
  padding-right: 10px;
  color: #47a4c6;
  font-size: 18px;
}
.volunteerDashboard__blockHeader__text {
  line-height: normal;
  text-align: center;
  font-size: 1.35em;
  color: #808083;
  cursor: pointer;
  font-family: "Oswald";
  margin: 0 0.5em;
}
.volunteerDashboard__blockHeader__text--selected {
  color: #47a4c6;
  border-bottom: solid 2px #47a4c6;
}
@media (min-width: 45em) {
  .volunteerDashboard__blockHeader__text--selected {
    border-bottom: none;
  }
}
@media (min-width: 45em) {
  .volunteerDashboard__blockHeader__text {
    color: #808083;
  }
}
@media (max-width: 450px) {
  .volunteerDashboard__blockHeader__text {
    margin: 0;
  }
}
.volunteerDashboard__blockHeader__clearAll {
  color: #ef5e39;
  cursor: pointer;
}
@media (max-width: 45em) {
  .volunteerDashboard__blockHeader__clearAll {
    display: none;
  }
}
.volunteerDashboard__volunteerDashboardYourRank {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -ms-flex-align: center;
  align-items: center;
}
.volunteerDashboard__volunteerDashboardYourRank__img {
  width: 60%;
  margin: 1em;
}
.volunteerDashboard__volunteerDashboardYourRank__img > img {
  border-radius: 50%;
}
.volunteerDashboard__volunteerDashboardYourRank__pointsNeeded {
  color: #47a4c6;
}
.volunteerDashboard__progressBar {
  height: 0.7em;
  background: white;
  width: 70%;
}
.volunteerDashboard__progressBar__fill {
  height: inherit;
  background: #47a4c6;
}
.volunteerDashboard__badgeList {
  width: 100%;
}
.volunteerDashboard__badgeList__seeAll {
  font-size: 0.6em;
  color: #47a4c6;
  float: right;
}
.volunteerDashboard__badge {
  border-radius: 50%;
  margin: 3px;
  width: calc(20% - 6px);
}
.volunteerDashboard__favOrgs {
  background: white;
  font-size: 0.8em;
  overflow-y: scroll;
  max-height: 10em;
  margin-bottom: 1em;
}
@media (min-width: 45em) {
  .volunteerDashboard__favOrgs {
    max-height: 20em;
  }
}
.volunteerDashboard__favOrgs__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  padding: 2px;
}
.volunteerDashboard__favOrgs__itemDate {
  padding: 2px;
}
.volunteerDashboard__favOrgs__itemText {
  padding: 2px;
}
.volunteerDashboard__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-align: center;
  align-items: center;
}
.volunteerDashboard__list__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0.5em;
  font-size: 0.8em;
  width: 100%;
  max-width: 30em;
  padding: 0.5em;
  padding-right: 1em;
}
.volunteerDashboard__list__item:hover {
  background-color: #e5e3e3;
}
.volunteerDashboard__list__item:hover svg {
  fill: #ef5e39;
}
.volunteerDashboard__list__item > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  width: 100%;
  margin-left: 15px;
}
.volunteerDashboard__list__item > div > a {
  color: #47a4c6;
  font-size: 16px;
  font-family: "Oswald";
  width: calc(100% - 2.9em);
}
.volunteerDashboard__list__item > img {
  width: 4em;
  height: 4em;
  margin: 0.2em;
  object-fit: contain;
}
.volunteerDashboard__list__item--moreRecommended {
  background-color: #e5e3e3;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  padding: 10px;
  margin-top: 22px;
}
.volunteerDashboard__list__item--moreRecommended a {
  text-decoration: none;
  color: #ef5e39;
}
.volunteerDashboard__ownedList {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
}
.volunteerDashboard__ownedList__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0.5em;
  font-size: 0.8em;
  width: 100%;
  max-width: 30em;
}
@media (min-width: 45em) {
  .volunteerDashboard__ownedList__item {
    width: 33%;
  }
}
.volunteerDashboard__ownedList__item > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  width: 100%;
  margin-left: 15px;
}
.volunteerDashboard__ownedList__item > div > a {
  color: #47a4c6;
  font-size: 20px;
  font-family: "Oswald";
  width: calc(100% - 2.9em);
}
.volunteerDashboard__ownedList__item > img {
  width: 4em;
  height: 4em;
  margin: 0.2em;
  object-fit: contain;
}
.volunteerDashboard__ownedList__item--moreRecommended {
  background-color: #e5e3e3;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  padding: 10px;
  margin-top: 22px;
}
.volunteerDashboard__ownedList__item--moreRecommended a {
  text-decoration: none;
  color: #ef5e39;
}
.volunteerDashboard__delete {
  fill: #808083;
  font-size: 3em;
  width: 0.8em;
}
.volunteerDashboard__hours {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 2em;
}
.volunteerDashboard__hours__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 100%;
}
.volunteerDashboard__hours__item {
  margin: 0 0.1em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  outline: none;
  -ms-flex-align: center;
  align-items: center;
}
.volunteerDashboard__hours__item--0 {
  width: 2em;
}
.volunteerDashboard__hours__item--1 {
  width: 4.5em;
}
.volunteerDashboard__hours__item--2 {
  width: 6em;
}
.volunteerDashboard__hours__item--3 {
  width: 7.5em;
}
.volunteerDashboard__hours__item--4 {
  width: 9em;
}
.volunteerDashboard__hours__item--5 {
  width: 10.5em;
}
.volunteerDashboard__hours__item--6 {
  width: 12em;
}
.volunteerDashboard__hours__item--7 {
  width: 14.5em;
}
.volunteerDashboard__hours__item--8 {
  width: 16em;
}
.volunteerDashboard__hours__item--9 {
  width: 17.5em;
}
.volunteerDashboard__hours__item--10 {
  width: 19em;
}
.volunteerDashboard__hours__item > p {
  font-size: 0.5em;
}
.volunteerDashboard__hours__bar {
  height: 25px;
  background: #86b4cd;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.volunteerDashboard__hours__bar > img {
  width: 1.1em;
  height: 1.1em;
  object-fit: contain;
}
.volunteerDashboard__hours__label {
  margin-top: 25px;
  font-size: 1em;
  font-family: "Oswald";
  color: #64686c;
}
.volunteerDashboard__editHours {
  display: none;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.volunteerDashboard__editHours--edit {
  display: -ms-flexbox;
  display: flex;
}
.volunteerDashboard__editHours__triangle {
  position: absolute;
  fill: #e5e3e3;
  margin-left: -10px;
}
.volunteerDashboard__editHours__wrapper {
  margin-top: 10px;
  margin-left: -25px;
  background-color: #e5e3e3;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  z-index: 1;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  padding: 0.5em;
  width: 17em;
  max-height: 25em;
  overflow-y: auto;
}
@media (max-width: 450px) {
  .volunteerDashboard__editHours__wrapper {
    margin-left: -132px;
  }
}
.volunteerDashboard__editHours__title {
  font-family: "Oswald";
  color: #47a4c6;
}
.volunteerDashboard__editHours__addEntry {
  background-color: #bbbdc0;
  color: white;
  font-family: "Oswald";
  border-radius: 0.4em;
  height: 2.2em;
  padding: 0.6em 1.1em;
  width: 7.2em;
  font-size: 0.7em;
  margin: 0.5em 0;
}
.volunteerDashboard__editHours__hour {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  font-size: 0.8em;
  -ms-flex-align: baseline;
  align-items: baseline;
  margin-bottom: 0.6em;
}
.volunteerDashboard__editHours__hour:last-of-type {
  padding-bottom: 1em;
  border-bottom: 1px solid #47a4c6;
}
.volunteerDashboard__editHours__form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 0.8em;
}
.volunteerDashboard__editHours__number {
  background-color: white;
  width: 3em;
  margin: 0 0.4em;
  height: 1.2em;
  padding: 0;
}
.volunteerDashboard__editHours__date {
  background-color: white;
  width: 10em;
  margin: 0 0.4em;
  height: 1.2em;
}
.volunteerDashboard__editHours__submit[type="button"] {
  margin-left: auto;
  width: auto;
  padding: 4px;
}
#widgets {
  width: 100%;
  position: relative;
}
#widgets .backButton {
  padding: 30px 0;
  color: #ef5e39;
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
  font-size: 14px;
}
#widgets .backButton span {
  font-size: 20px;
}
#widgets .mainContent {
  padding: 10px 40px 40px;
}
#widgets .mainContent header {
  color: #47a4c6;
}
#widgets .mainContent h1 {
  font-weight: 600;
  font-size: 20px;
  padding: 10px 0;
  font-family: "Oswald", sans-serif;
}
#widgets .mainContent p {
  font-size: 14px;
  font-family: "Helvetica Light", "Helvetica", "Arial", sans-serif;
  padding: 10px 0;
}
#widgets .mainContent h2 {
  color: #444;
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  font-size: 16px;
}
#widgets .mainContent h3 {
  font-family: "Helvetica-Bold", "Helvetica", "Arial", sans-serif;
  font-weight: bold;
  font-size: 14px;
}
#widgets .mainContent #widget-search #widget-search-header {
  margin-top: 30px;
}
#widgets .mainContent #widget-search #widget-search-desc {
  width: 80%;
}
#widgets .mainContent #widget-search .widget-section {
  width: 100%;
  overflow: auto;
}
#widgets .mainContent #widget-search .widget-section .widget-child {
  float: left;
  vertical-align: top;
  width: calc(33% - 40px);
  margin: 20px;
  box-sizing: border-box;
  -webkit-perspective: 800;
  -webkit-transform-style: preserve-3d;
  -webkit-transition: 0.5s;
}
#widgets
  .mainContent
  #widget-search
  .widget-section
  .widget-child:first-of-type {
  margin-left: 0;
}
#widgets
  .mainContent
  #widget-search
  .widget-section
  .widget-child:nth-child(n + 4) {
  margin-left: 0;
}
@media (max-width: 1024px) {
  #widgets .mainContent #widget-search .widget-section .widget-child {
    margin: 0 auto;
    padding: 20px;
    width: 50%;
  }
}
@media (max-width: 560px) {
  #widgets .mainContent #widget-search .widget-section .widget-child {
    width: 100%;
  }
}
#widgets
  .mainContent
  #widget-search
  .widget-section
  .widget-child
  .widget-title {
  color: #47a4c6;
  font-family: "Helvetica Light", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
}
#widgets
  .mainContent
  #widget-search
  .widget-section
  .widget-child
  .widget-child-front {
  transition: 0.5s;
  min-height: 230px;
}
@media (max-width: 520px) {
  #widgets
    .mainContent
    #widget-search
    .widget-section
    .widget-child
    .widget-child-front {
    min-height: 120px;
  }
}
#widgets .mainContent #widget-search .widget-section .widget-child .flipped {
  transform: rotateX(-180deg);
  display: none;
  transition: 0.5s;
}
#widgets
  .mainContent
  #widget-search
  .widget-section
  .widget-child
  .widget-child-back {
  transition: 0.5s;
  min-height: 230px;
  border: 1px solid #989b9f;
  padding: 10px;
  text-align: right;
}
#widgets
  .mainContent
  #widget-search
  .widget-section
  .widget-child
  .widget-child-back
  p {
  color: #989b9f;
  font-family: "Helvetica", "Arial", sans-serif;
}
#widgets
  .mainContent
  #widget-search
  .widget-section
  .widget-child
  .widget-child-back
  button {
  margin-top: 7px;
  display: inline-block;
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
  height: 30px;
  line-height: 16px;
  margin-bottom: 10px;
  font-size: 14px;
  padding: 5px 12px;
}
#widgets
  .mainContent
  #widget-search
  .widget-section
  .widget-child
  .widget-child-back
  .widget-cancelBtn {
  background-color: #64686c;
}
#widgets
  .mainContent
  #widget-search
  .widget-section
  .widget-child
  .widget-child-back
  .widget-close {
  color: #47a4c6;
  font-weight: 500;
  cursor: pointer;
}
#widgets
  .mainContent
  #widget-search
  .widget-section
  .widget-child
  .widget-child-back
  .widget-codeSnippet {
  border: 1px solid #989b9f;
  height: 90px;
  padding: 10px;
  font-size: 10px;
  text-align: left;
  color: #444;
  resize: none;
  font-family: "Helvetica", "Arial", sans-serif;
}
#widgets .mainContent #widget-api {
  border-top: solid 1px #989b9f;
  padding-top: 55px;
  margin-top: 55px;
}
#widgets .mainContent #widget-api input[type="button"] {
  width: 85px;
  height: 30px;
  padding: 4px 20px;
}
#widgets .mainContent #widget-api #key-container #widget-api-header {
  margin-bottom: 30px;
}
#widgets .mainContent #widget-api #key-container #widget-api-header > p {
  margin-top: 6px;
  font-size: 14px;
  color: #000;
}
#widgets .mainContent #widget-api #key-container #api-app-form {
  width: 80%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 21px;
}
@media (max-width: 450px) {
  #widgets .mainContent #widget-api #key-container #api-app-form {
    width: 100%;
  }
}
#widgets .mainContent #widget-api #key-container #api-app-form > span {
  width: calc(50% - 7px);
  float: left;
  margin-bottom: 30px;
}
@media (max-width: 450px) {
  #widgets .mainContent #widget-api #key-container #api-app-form > span {
    width: 100%;
  }
}
#widgets
  .mainContent
  #widget-api
  #key-container
  #api-app-form
  > span:nth-child(odd) {
  margin-right: 14px;
}
@media (max-width: 450px) {
  #widgets
    .mainContent
    #widget-api
    #key-container
    #api-app-form
    > span:nth-child(odd) {
    margin-right: 0;
  }
}
#widgets .mainContent #widget-api #key-container #api-app-form > span > label {
  font-size: 10px;
}
#widgets .mainContent #widget-api #key-container #api-app-form > span > input {
  border: 1px solid #989b9f;
}
#widgets .mainContent #widget-api #key-container #api-app-form > div {
  width: 100%;
  text-align: right;
}
#widgets .mainContent #widget-api #key-container #api-app-form #submit-message {
  margin-right: 10px;
  font-size: 12px;
}
#widgets .mainContent #widget-api #key-container #api-app-form .loading-bar {
  margin-right: 0px;
}
#widgets .mainContent #widget-api #key-container #api-data-header {
  margin-top: 50px;
}
#widgets .mainContent #widget-api #key-container h3 {
  margin: 20px 0 5px;
}
#widgets .mainContent #widget-api #key-container #api-key-container-wrapper {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
  -ms-flex-align: end;
  align-items: flex-end;
}
@media (max-width: 450px) {
  #widgets .mainContent #widget-api #key-container #api-key-container-wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 10px;
  }
}
#widgets
  .mainContent
  #widget-api
  #key-container
  #api-key-container-wrapper
  #delete-button {
  background-color: #ef5e39;
  margin-left: 16px;
}
@media (max-width: 450px) {
  #widgets
    .mainContent
    #widget-api
    #key-container
    #api-key-container-wrapper
    #delete-button {
    margin-top: 10px;
  }
}
#widgets
  .mainContent
  #widget-api
  #key-container
  #api-key-container-wrapper
  #api-key-container {
  padding: 15px 25px 16px;
  background-color: #ecd277;
  display: inline-block;
}
@media (max-width: 450px) {
  #widgets
    .mainContent
    #widget-api
    #key-container
    #api-key-container-wrapper
    #api-key-container {
    width: 100%;
    word-wrap: break-word;
  }
}
#widgets
  .mainContent
  #widget-api
  #key-container
  #api-key-container-wrapper
  #api-key-container
  p {
  padding: 0;
}
#widgets .mainContent #widget-api #key-container #org-id-container ul li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin: 8px auto;
}
@media (max-width: 450px) {
  #widgets .mainContent #widget-api #key-container #org-id-container ul li {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
#widgets
  .mainContent
  #widget-api
  #key-container
  #org-id-container
  ul
  li
  .key-container {
  background-color: #86b4cd;
  padding: 15px 42px 16px;
  width: 400px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 50px;
}
@media (max-width: 450px) {
  #widgets
    .mainContent
    #widget-api
    #key-container
    #org-id-container
    ul
    li
    .key-container {
    width: 100%;
    padding: 15px 9px 16px;
  }
}
#widgets .mainContent #widget-api #key-container #org-id-container ul li div {
  padding-left: 20px;
}
@media (max-width: 450px) {
  #widgets .mainContent #widget-api #key-container #org-id-container ul li div {
    padding-left: 0;
  }
}
#widgets .mainContent #widget-api #sample-container {
  margin-top: 50px;
}
#widgets .mainContent #widget-api #sample-container .highlight-yellow {
  background-color: #ecd277;
}
#widgets .mainContent #widget-api #sample-container .highlight-blue {
  background-color: #86b4cd;
}
#widgets .mainContent #widget-api #sample-container #code-container {
  border: 1px solid #000;
  padding: 20px 18px;
}
#widgets .mainContent #widget-api #sample-container #code-container pre {
  margin-top: 10px;
  white-space: pre-wrap;
  overflow: auto;
  font-size: 14px;
}
notifications-directive {
  display: block;
  padding: 0 10px;
}
notifications-directive .notification-list-header {
  font-family: "Oswald";
  font-size: 24px;
  color: #47a4c6;
  border-bottom: 1px solid #989b9f;
  padding: 0 0 15px 0;
  margin-top: 15px;
}
notifications-directive a {
  position: relative;
}
notifications-directive a .notification-indicator {
  position: absolute;
  display: inline-block;
  background: #ef5e39;
  font-size: 10px;
  border-radius: 8px;
  color: white;
  top: -5px;
  right: -15px;
  min-width: 14px;
  text-align: center;
}
notifications-directive a.showing .notification-indicator {
  display: none;
}
notifications-directive .notification-type {
  margin: 10px 0;
}
notifications-directive .notification-type h3 {
  font-size: 18px;
}
notifications-directive .notification-type h3 a:hover {
  color: #74af43;
}
notifications-directive .notification-type h3 a::before {
  content: "\e605";
  font-family: "icons";
  font-size: 12px;
  color: #989b9f;
  line-height: 20px;
}
notifications-directive .notification-type h3 a.showing::before {
  content: "\e606";
}
notifications-directive .notification-type h3.level-1 a {
  color: #ef5e39;
}
notifications-directive
  .notification-type
  h3.level-1
  a
  span.action-icon:before {
  font-size: 15px;
  font-family: icons;
  content: "\e645";
}
notifications-directive .notification-type h3.level-2 a {
  color: #47a4c6;
}
.notification-list {
  list-style-type: disc;
  border-bottom: 1px solid #64686c;
  padding: 5px 10px;
  margin: 5px 0;
}
.notification-list li {
  padding: 5px 0;
  position: relative;
  margin-left: 16px;
  padding-right: 24px;
  font-weight: lighter;
}
.notification-list li a {
  position: unset;
}
.notification-list li a:not(:disabled):hover {
  color: #47a4c6;
}
.notification-list li a span.remove-icon:after {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 24px;
  font-family: icons;
  content: "\e632";
  color: #989b9f;
}

.advisory-council-container{
  display:flex;
  flex-wrap:wrap;
  max-width:1024px;
justify-content: center;
align-items: center;

}

.advisory-council-container div {
  margin-right:10px;
  width:450px;
  display:flex;
  

}

.advisory-council-container div span img {
  
  width:100px;
  margin-right: 20px;
  
}

.advisory-council-container div > span h4 {
  font-size:larger;  

}
.advisory-council-container div > span > span {
  font-size:smaller;  

}




notifications-directive .notification-options {
  color: #47a4c6;
  font-weight: lighter;
  display: -ms-flexbox;
  display: flex;
}
notifications-directive .notification-options.page {
  -ms-flex-pack: end;
  justify-content: flex-end;
}
notifications-directive .notification-empty-message {
  color: #989b9f;
}
admin-notification form label span div.hu {
  text-transform: lowercase;
}
admin-notification form label span div.hu:first-letter {
  text-transform: uppercase;
}
.tagline {
  padding: 30px 20px;
  font-family: "Helvetica Light", "Helvetica", "arial", sans-serif;
  font-size: 19px;
  line-height: 30px;
  color: #64686c;
}
.nowrap{
  white-space: nowrap;
}
@media (min-width: 630px) {
  .tagline {
    padding: 40px 20px;
    font-size: 26px;
    line-height: 40px;
    text-align: center;
  }
  .tagline span {
    display: block;
  }
}
@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes expand {
  100% {
    transform: translateY(0);
  }
  0% {
    transform: translateY(-100%);
  }
}