a.close-button,
a:hover.close-button,
a:active.close-button,
a:visited.close-button {
  color: #000000 !important;
  text-decoration: none; }
  a.close-button:hover,
  a:hover.close-button:hover,
  a:active.close-button:hover,
  a:visited.close-button:hover {
    opacity: 0.75; }

img {
  vertical-align: baseline; }

body {
  overflow-x: hidden;
  font-family: "Barlow", Helvetica, Arial, sans-serif !important;
  font-weight: 400; }

.dark-content {
  color: #ffffff;
  background-color: #262734; }

.light-content {
  color: #262734;
  background-color: #ffffff; }

input {
  outline: 0 !important; }

.standard-form-input {
  background-color: #ffffff;
  height: 40px;
  border-radius: 100px;
  border: 0;
  font-size: 14px;
  padding: 12px 20px;
  font-weight: 400;
  color: #3D3E48;
  width: 100%;
  -webkit-appearance: none; }

.rails-environment,
.app-version-code {
  display: none; }

.site-frame {
  position: relative; }
  .site-frame .page-content {
    background-color: #ffffff; }

.invisible {
  visibility: hidden; }

.list-page-header {
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 70px;
  border-bottom: 3px solid #F87709;
  margin-bottom: 20px; }
  .list-page-header .list-page-header-content {
    display: flex;
    flex-direction: row;
    flex: 1; }
    .list-page-header .list-page-header-content .list-page-label {
      display: flex;
      flex-direction: row;
      flex: 1;
      align-items: center;
      justify-content: flex-start;
      font-size: 24px;
      font-weight: 500;
      letter-spacing: 2px; }
    .list-page-header .list-page-header-content .list-page-options {
      display: flex;
      flex-direction: row;
      flex: 1;
      align-items: flex-start;
      justify-content: flex-end; }

.standard-list-pagination-options {
  margin-bottom: 60px;
  padding-top: 30px;
  text-align: center;
  width: 100%; }
  .standard-list-pagination-options .pagination-arrow-container {
    font-size: 0; }
  .standard-list-pagination-options .standard-list-pagination-options-left {
    display: inline-block; }
  .standard-list-pagination-options .standard-list-pagination-options-right {
    display: inline-block; }
  .standard-list-pagination-options .pagination-ellipsis {
    display: inline-block;
    font-weight: 700;
    font-size: 14px;
    margin-left: 10px;
    margin-right: 10px; }
  .standard-list-pagination-options .paging-nav-cell {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px; }
  .standard-list-pagination-options .pagination-element {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    width: 28px;
    height: 28px;
    border-radius: 20px;
    background-color: transparent; }
    .standard-list-pagination-options .pagination-element.pagination-link {
      cursor: pointer; }
      .standard-list-pagination-options .pagination-element.pagination-link.pagination-link-selected {
        background-color: #F87709; }
        .standard-list-pagination-options .pagination-element.pagination-link.pagination-link-selected .pagination-element-table .pagination-element-cell .pagination-element-inner-table-positioner .pagination-element-inner-table {
          background-color: #F87709;
          color: #ffffff; }
      .standard-list-pagination-options .pagination-element.pagination-link:hover {
        opacity: 0.75; }
      .standard-list-pagination-options .pagination-element.pagination-link:not(.pagination-link-selected):hover .pagination-element-table .pagination-element-cell .pagination-element-inner-table-positioner .pagination-element-inner-table {
        background-color: #cccccc !important; }
        .standard-list-pagination-options .pagination-element.pagination-link:not(.pagination-link-selected):hover .pagination-element-table .pagination-element-cell .pagination-element-inner-table-positioner .pagination-element-inner-table .pagination-element-inner-cell {
          color: #ffffff !important; }
    .standard-list-pagination-options .pagination-element .pagination-element-table {
      width: 28px;
      height: 28px;
      display: table; }
      .standard-list-pagination-options .pagination-element .pagination-element-table .pagination-element-cell {
        display: table-cell;
        vertical-align: middle;
        text-align: center; }
        .standard-list-pagination-options .pagination-element .pagination-element-table .pagination-element-cell .pagination-element-inner-table-positioner {
          margin: 0 auto;
          width: 30px;
          height: 30px;
          text-align: center; }
          .standard-list-pagination-options .pagination-element .pagination-element-table .pagination-element-cell .pagination-element-inner-table-positioner .pagination-element-inner-table {
            display: table-cell;
            width: 30px;
            height: 30px;
            border-radius: 15px;
            background-color: white; }
            .standard-list-pagination-options .pagination-element .pagination-element-table .pagination-element-cell .pagination-element-inner-table-positioner .pagination-element-inner-table .pagination-element-inner-cell {
              width: 30px;
              height: 30px;
              display: table-cell;
              vertical-align: middle;
              text-align: center; }

.search-sort-header {
  display: flex;
  flex-direction: column;
  width: 100%; }
  .search-sort-header .search-sort-header-label-container {
    display: flex;
    flex-direction: column; }
    .search-sort-header .search-sort-header-label-container .search-sort-header-label-container-row {
      display: flex;
      flex-direction: row; }
      .search-sort-header .search-sort-header-label-container .search-sort-header-label-container-row .search-sort-header-label {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        font-size: 14px; }
      .search-sort-header .search-sort-header-label-container .search-sort-header-label-container-row .search-sort-header-sort-button {
        width: 30px;
        height: 30px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        cursor: pointer; }
      .search-sort-header .search-sort-header-label-container .search-sort-header-label-container-row .search-sort-header-icon {
        display: flex;
        flex-direction: row;
        width: 12px;
        height: 12px; }
        .search-sort-header .search-sort-header-label-container .search-sort-header-label-container-row .search-sort-header-icon.search-sort-header-icon-rotated {
          transform: rotate(180deg); }
  .search-sort-header .search-sort-header-search-field {
    margin-top: 5px;
    display: flex;
    flex-direction: column;
    border: 1px solid #e5e5e5;
    height: 40px;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px; }

.circle-button-icon {
  cursor: pointer; }

.invalid .standard-form-input {
  border-color: red; }

.standard-modal {
  z-index: 997;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: table;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }
  .standard-modal .standard-modal-overlay {
    background-color: rgba(0, 0, 0, 0.5);
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    max-height: 100vh;
    overflow: auto;
    display: table-cell;
    vertical-align: middle;
    text-align: center; }
    .standard-modal .standard-modal-overlay .standard-modal-container-outer {
      overflow: auto;
      height: 100vh; }
      .standard-modal .standard-modal-overlay .standard-modal-container-outer .standard-modal-container {
        text-align: center;
        display: table;
        width: 100%;
        height: 100vh; }
        .standard-modal .standard-modal-overlay .standard-modal-container-outer .standard-modal-container .standard-modal-inner-container {
          display: table-cell;
          vertical-align: middle;
          text-align: center;
          width: 100vw;
          height: 100vh; }
          .standard-modal .standard-modal-overlay .standard-modal-container-outer .standard-modal-container .standard-modal-inner-container .standard-modal-content {
            margin: 0 auto;
            background-color: #ffffff;
            box-sizing: border-box;
            position: relative;
            width: 100%;
            max-width: 820px; }
    .standard-modal .standard-modal-overlay .standard-modal-container-overflow {
      height: auto; }

.nav-warning-modal {
  width: 700px;
  padding: 40px;
  text-align: left; }
  .nav-warning-modal .nav-warning-modal-header {
    padding-bottom: 20px;
    border-bottom: 1px solid #F87709;
    margin-bottom: 20px; }
    .nav-warning-modal .nav-warning-modal-header .nav-warning-modal-header-text {
      font-size: 32px;
      font-weight: 700; }
    .nav-warning-modal .nav-warning-modal-header .nav-warning-modal-subheader-text {
      font-size: 20px;
      font-weight: 700;
      color: #3D3E48; }
  .nav-warning-modal .nav-warning-modal-body {
    margin-bottom: 40px;
    font-size: 18px;
    font-weight: 500; }
  .nav-warning-modal .nav-warning-modal-options {
    text-align: center; }
    .nav-warning-modal .nav-warning-modal-options .nav-warning-modal-option {
      display: inline-block;
      padding-left: 7px;
      padding-right: 7px; }

.nav-warning-modal-button {
  display: flex;
  flex-direction: row;
  height: 50px !important;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 25px !important;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 2px; }
  .nav-warning-modal-button.nav-warning-modal-cancel-button {
    background-color: #A8ABB2; }
  .nav-warning-modal-button.nav-warning-modal-leave-button {
    background-color: #F87709; }

.confirm-modal {
  width: 700px;
  padding: 40px;
  text-align: left; }
  .confirm-modal .confirm-modal-header {
    padding-bottom: 20px;
    border-bottom: 1px solid #F87709;
    margin-bottom: 20px; }
    .confirm-modal .confirm-modal-header .confirm-modal-header-text {
      font-size: 32px;
      font-weight: 700; }
    .confirm-modal .confirm-modal-header .confirm-modal-subheader-text {
      font-size: 20px;
      font-weight: 700;
      color: #3D3E48; }
  .confirm-modal .confirm-modal-body {
    margin-bottom: 40px;
    font-size: 18px;
    font-weight: 500; }
  .confirm-modal .confirm-modal-options {
    text-align: center; }
    .confirm-modal .confirm-modal-options .confirm-modal-option {
      display: inline-block;
      padding-left: 7px;
      padding-right: 7px; }

.confirm-modal-button {
  display: flex;
  flex-direction: row;
  height: 50px !important;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 25px !important;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 2px; }
  .confirm-modal-button.confirm-modal-cancel-button {
    background-color: #A8ABB2; }
  .confirm-modal-button.confirm-modal-confirm-button {
    background-color: #F87709; }

.common-list-page {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  padding-top: 100px; }
  .common-list-page .common-list-page-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1060px; }
  .common-list-page .common-list-page-button-container {
    display: flex;
    flex-direction: row;
    margin-left: 10px;
    margin-right: 0;
    margin-bottom: 0;
    margin-top: 0; }
  .common-list-page .common-list-page-button {
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 2px;
    font-weight: 700;
    height: 50px !important;
    border-radius: 27.5px !important; }
  .common-list-page .common-list-header {
    margin-bottom: 15px; }
  .common-list-page .common-list-content {
    margin-bottom: 40px; }
  .common-list-page .common-list-content, .common-list-page .common-list-header {
    display: table;
    width: 100%; }
    .common-list-page .common-list-content .common-list-draggable-row, .common-list-page .common-list-header .common-list-draggable-row {
      display: table;
      width: 100%; }
      .common-list-page .common-list-content .common-list-draggable-row.common-list-draggable-row-odd, .common-list-page .common-list-header .common-list-draggable-row.common-list-draggable-row-odd {
        background-color: #F7F8F8; }
      .common-list-page .common-list-content .common-list-draggable-row .common-list-row.common-list-values-row, .common-list-page .common-list-header .common-list-draggable-row .common-list-row.common-list-values-row {
        background-color: transparent; }
        .common-list-page .common-list-content .common-list-draggable-row .common-list-row.common-list-values-row:nth-child(odd), .common-list-page .common-list-header .common-list-draggable-row .common-list-row.common-list-values-row:nth-child(odd) {
          background-color: transparent; }
    .common-list-page .common-list-content .common-list-row, .common-list-page .common-list-header .common-list-row {
      display: table-row; }
      .common-list-page .common-list-content .common-list-row.common-list-values-row, .common-list-page .common-list-header .common-list-row.common-list-values-row {
        height: 42px;
        cursor: pointer; }
        .common-list-page .common-list-content .common-list-row.common-list-values-row:hover, .common-list-page .common-list-header .common-list-row.common-list-values-row:hover {
          opacity: 0.75; }
        .common-list-page .common-list-content .common-list-row.common-list-values-row:nth-child(odd), .common-list-page .common-list-header .common-list-row.common-list-values-row:nth-child(odd) {
          background-color: #F7F8F8; }
      .common-list-page .common-list-content .common-list-row .common-list-row-cell, .common-list-page .common-list-header .common-list-row .common-list-row-cell {
        display: table-cell;
        padding-right: 20px;
        vertical-align: middle; }
        .common-list-page .common-list-content .common-list-row .common-list-row-cell.common-list-row-label-cell, .common-list-page .common-list-header .common-list-row .common-list-row-cell.common-list-row-label-cell {
          font-size: 12px;
          color: #3D3E48; }
          .common-list-page .common-list-content .common-list-row .common-list-row-cell.common-list-row-label-cell.name, .common-list-page .common-list-header .common-list-row .common-list-row-cell.common-list-row-label-cell.name {
            padding-left: 0 !important; }
          .common-list-page .common-list-content .common-list-row .common-list-row-cell.common-list-row-label-cell.role, .common-list-page .common-list-header .common-list-row .common-list-row-cell.common-list-row-label-cell.role {
            width: 20%;
            padding-right: 0 !important; }
        .common-list-page .common-list-content .common-list-row .common-list-row-cell.common-list-row-value-cell, .common-list-page .common-list-header .common-list-row .common-list-row-cell.common-list-row-value-cell {
          font-size: 12px;
          font-weight: 700;
          letter-spacing: 1.33px; }
        .common-list-page .common-list-content .common-list-row .common-list-row-cell.name, .common-list-page .common-list-header .common-list-row .common-list-row-cell.name {
          width: 40%;
          padding-left: 20px; }
        .common-list-page .common-list-content .common-list-row .common-list-row-cell.email, .common-list-page .common-list-header .common-list-row .common-list-row-cell.email {
          width: 40%; }
        .common-list-page .common-list-content .common-list-row .common-list-row-cell.role, .common-list-page .common-list-header .common-list-row .common-list-row-cell.role {
          width: calc(20% - 70px); }
        .common-list-page .common-list-content .common-list-row .common-list-row-cell.active, .common-list-page .common-list-header .common-list-row .common-list-row-cell.active {
          width: 70px;
          text-align: right; }

.empty-list-message {
  width: 100%;
  text-align: center;
  font-size: 16px;
  color: #A8ABB2; }

.common-form {
  padding: 50px;
  display: flex;
  flex-direction: column; }
  .common-form .common-form-header {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 2px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 20px; }
  .common-form .common-form-body {
    display: flex;
    flex-direction: column; }
    .common-form .common-form-body .common-form-body-row {
      display: flex;
      flex-direction: row;
      width: 100%;
      padding-bottom: 20px; }
      .common-form .common-form-body .common-form-body-row .common-form-half-field {
        display: flex;
        flex-direction: row;
        flex: 1; }
        .common-form .common-form-body .common-form-body-row .common-form-half-field.common-form-half-field-left {
          margin-right: 12px; }
        .common-form .common-form-body .common-form-body-row .common-form-half-field.common-form-half-field-right {
          margin-left: 12px; }
      .common-form .common-form-body .common-form-body-row .common-form-field {
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: flex-start; }
        .common-form .common-form-body .common-form-body-row .common-form-field .common-form-field-label {
          display: flex;
          flex-direction: column;
          font-size: 12px;
          color: #F87709;
          font-weight: 700; }
        .common-form .common-form-body .common-form-body-row .common-form-field .common-form-field-input-container {
          width: 100%; }
          .common-form .common-form-body .common-form-body-row .common-form-field .common-form-field-input-container .standard-form-input {
            border: 0;
            border-bottom: 1px solid #262734;
            padding-left: 0;
            padding-right: 0;
            padding-top: 0;
            padding-bottom: 5px;
            font-weight: 500;
            font-size: 20px;
            border-radius: 0;
            height: 40px; }
      .common-form .common-form-body .common-form-body-row .common-form-active-switch-container {
        display: flex;
        flex-direction: row;
        align-items: center; }
      .common-form .common-form-body .common-form-body-row .common-active-indicator {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding-left: 10px;
        font-size: 12px;
        font-weight: 700; }
        .common-form .common-form-body .common-form-body-row .common-active-indicator.active {
          color: #F87709; }
        .common-form .common-form-body .common-form-body-row .common-active-indicator.inactive {
          color: #A8ABB2; }
  .common-form .common-form-options {
    display: flex;
    flex-direction: row;
    flex: 1;
    align-items: center;
    justify-content: center;
    margin-top: 15px; }
    .common-form .common-form-options .common-form-button-container {
      margin: 0; }
      .common-form .common-form-options .common-form-button-container.save-button-container {
        margin-right: 20px; }
    .common-form .common-form-options .common-form-button {
      display: flex;
      flex-direction: row;
      height: 50px;
      padding-left: 5px;
      padding-right: 5px;
      border-radius: 25px;
      align-items: center;
      justify-content: center;
      color: #ffffff;
      font-size: 16px;
      font-weight: 700;
      letter-spacing: 2px; }
      .common-form .common-form-options .common-form-button.save-button {
        background-color: #F87709; }
      .common-form .common-form-options .common-form-button.cancel-button {
        background-color: #A8ABB2; }
      .common-form .common-form-options .common-form-button.delete-button {
        background-color: transparent;
        color: #F87709;
        padding: 0; }
    .common-form .common-form-options .common-form-options-left {
      display: flex;
      flex: 1;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start; }
    .common-form .common-form-options .common-form-options-all {
      display: flex;
      flex: 1;
      flex-direction: row;
      align-items: center;
      justify-content: center; }
    .common-form .common-form-options .common-form-options-right {
      display: flex;
      flex: 1;
      flex-direction: row;
      align-items: center;
      justify-content: flex-end; }

.common-radio-button-circle {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  border: 1px solid #262734;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center; }
  .common-radio-button-circle .common-radio-button-dot {
    display: flex;
    flex-direction: row;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #F87709; }

.common-form-select {
  background-color: #ffffff;
  color: #262734;
  border-bottom: 1px solid #262734; }
  .common-form-select .common-form-select__single-value {
    margin-left: 0 !important; }
  .common-form-select .common-form-select__value-container {
    font-size: 20px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 1px !important; }
    .common-form-select .common-form-select__value-container div {
      margin-left: 0 !important; }
    .common-form-select .common-form-select__value-container .common-form-select__placeholder {
      display: none;
      margin-left: 0 !important; }
  .common-form-select .common-form-select__control {
    background-color: transparent;
    border: 0;
    box-shadow: none !important;
    min-height: 30px; }
  .common-form-select .common-form-select__indicator-separator {
    display: none; }
  .common-form-select .common-form-select__indicator {
    padding: 0 !important; }
    .common-form-select .common-form-select__indicator svg {
      fill: #F87709;
      width: 30px;
      height: 30px; }
  .common-form-select .common-form-select__menu {
    border-radius: 10px;
    overflow: hidden;
    text-align: left; }
    .common-form-select .common-form-select__menu .common-form-select__option {
      font-size: 18px; }
    .common-form-select .common-form-select__menu .common-form-select__option:nth-child(even) {
      background-color: #F7F8F8; }
    .common-form-select .common-form-select__menu .common-form-select__option--is-selected,
    .common-form-select .common-form-select__menu .common-form-select__option--is-focused {
      background-color: #F87709 !important;
      color: #ffffff; }

.check-option-list-wrapper {
  margin-top: 10px; }

.check-option-list-other-description-wrapper {
  margin-top: 10px; }

.check-option-list-container {
  display: flex;
  flex-direction: row;
  flex: 1;
  width: 100%; }
  .check-option-list-container .check-option {
    display: flex;
    flex-direction: row; }
    .check-option-list-container .check-option .check-option-row {
      display: flex;
      flex-direction: row;
      align-items: center;
      margin-right: 30px;
      cursor: pointer; }
      .check-option-list-container .check-option .check-option-row:hover {
        opacity: 0.75; }
      .check-option-list-container .check-option .check-option-row .check-option-circle {
        display: flex;
        flex-direction: row;
        font-size: 0;
        width: 25px;
        height: 25px;
        border-radius: 12.5px;
        align-items: center;
        justify-content: center; }
        .check-option-list-container .check-option .check-option-row .check-option-circle.check-option-circle-unselected {
          border: 1px solid #262734;
          background-color: transparent; }
        .check-option-list-container .check-option .check-option-row .check-option-circle.check-option-circle-selected {
          border: 1px solid #F87709;
          background-color: #F87709; }
        .check-option-list-container .check-option .check-option-row .check-option-circle .check-option-selected-icon {
          height: 9px;
          width: 13px; }
      .check-option-list-container .check-option .check-option-row .check-option-label-text {
        font-size: 20px;
        font-weight: 500;
        margin-left: 10px; }

.app-store-links-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }

.app-store-links {
  margin-top: 40px;
  margin-bottom: 40px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .app-store-links .app-store-link {
    display: flex;
    flex-direction: row; }
  .app-store-links .app-store-link-image {
    margin-left: 5px;
    margin-right: 5px; }
    .app-store-links .app-store-link-image.app-store-app-link-image {
      height: 48px;
      width: auto; }
    .app-store-links .app-store-link-image.play-store-app-link-image {
      height: 69px;
      width: auto; }

.login-page {
  background-color: #262734;
  color: #ffffff; }
  .login-page .login-button {
    letter-spacing: 2px; }
  .login-page .login-page-link,
  .login-page .login-page-link:hover,
  .login-page .login-page-link:active,
  .login-page .login-page-link:visited {
    color: #ffffff !important;
    padding-bottom: 2px;
    border-bottom: 1px solid #ffffff;
    text-decoration: none !important; }
  .login-page .login-page-link:hover {
    opacity: 0.5; }
  .login-page .pre-login-page-footer {
    height: 40px;
    display: table;
    width: 100%;
    background-color: #262734;
    text-align: center; }
    .login-page .pre-login-page-footer .pre-login-page-footer-content {
      display: table-cell;
      vertical-align: middle;
      font-size: 14px; }
      .login-page .pre-login-page-footer .pre-login-page-footer-content .pre-login-page-footer-slash {
        padding-left: 30px;
        padding-right: 30px; }
  .login-page .login-page-content {
    display: table;
    width: 100%;
    height: calc(100vh - 40px); }
    .login-page .login-page-content .login-loader {
      display: table-cell;
      vertical-align: middle;
      text-align: center; }
      .login-page .login-page-content .login-loader .login-loader-positioner {
        display: inline-block; }
    .login-page .login-page-content .login-form {
      display: table-cell;
      vertical-align: middle;
      text-align: center; }
      .login-page .login-page-content .login-form .login-logo {
        width: 294px;
        height: auto; }
      .login-page .login-page-content .login-form .environment-string-display {
        padding-bottom: 20px; }
      .login-page .login-page-content .login-form .login-app-version-code-display {
        font-size: 14px;
        font-weight: 700; }
      .login-page .login-page-content .login-form .login-box {
        width: 408px;
        margin: 0 auto; }
      .login-page .login-page-content .login-form .login-header {
        font-weight: 700;
        font-size: 18px; }
      .login-page .login-page-content .login-form .login-app-version-code-display {
        margin-top: 5px;
        font-size: 12px;
        margin-bottom: 10px; }
      .login-page .login-page-content .login-form .login-field input {
        width: 408px;
        text-align: left;
        margin-bottom: 10px;
        font-size: 14px; }
        .login-page .login-page-content .login-form .login-field input ::-webkit-input-placeholder {
          opacity: 1 !important;
          font-size: 24px;
          font-style: italic;
          font-weight: 700; }
        .login-page .login-page-content .login-form .login-field input :-moz-placeholder {
          opacity: 1 !important;
          font-size: 24px;
          font-style: italic;
          font-weight: 700; }
        .login-page .login-page-content .login-form .login-field input ::-moz-placeholder {
          opacity: 1 !important;
          font-size: 24px;
          font-style: italic;
          font-weight: 700; }
        .login-page .login-page-content .login-form .login-field input :-ms-input-placeholder {
          opacity: 1 !important;
          font-size: 24px;
          font-style: italic;
          font-weight: 700; }
      .login-page .login-page-content .login-form .user-not-found-message {
        color: #ffffff;
        font-weight: 700;
        padding-bottom: 10px; }
      .login-page .login-page-content .login-form .submit-button {
        border: 0;
        background: 0;
        display: inline-block;
        padding: 0;
        outline: 0;
        margin-top: 10px;
        margin-bottom: 20px;
        height: 60px; }
        .login-page .login-page-content .login-form .submit-button .lozenge-button {
          height: 50px !important;
          border-radius: 25px !important;
          background-color: #F87709; }
          .login-page .login-page-content .login-form .submit-button .lozenge-button .lozenge-button-icon-cell {
            width: 38px !important;
            height: 38px !important; }
            .login-page .login-page-content .login-form .submit-button .lozenge-button .lozenge-button-icon-cell .lozenge-button-icon-circle {
              width: 38px !important;
              height: 38px !important;
              border-radius: 19px !important; }
              .login-page .login-page-content .login-form .submit-button .lozenge-button .lozenge-button-icon-cell .lozenge-button-icon-circle .lozenge-button-icon {
                width: 18px;
                height: auto; }
          .login-page .login-page-content .login-form .submit-button .lozenge-button .lozenge-button-text {
            font-size: 18px !important;
            padding-left: 10px;
            padding-right: 10px; }

.change-password-page-content {
  display: table;
  width: 100%;
  height: 100vh; }
  .change-password-page-content .change-password-form {
    display: table-cell;
    vertical-align: middle;
    text-align: center; }
    .change-password-page-content .change-password-form .change-password-box {
      border-radius: 20px;
      padding: 20px;
      margin: 0 auto;
      max-width: 500px; }
    .change-password-page-content .change-password-form .change-password-header {
      font-weight: bold;
      margin-bottom: 10px;
      font-size: 18px; }
    .change-password-page-content .change-password-form .change-password-caption {
      padding-top: 15px;
      padding-bottom: 5px; }
    .change-password-page-content .change-password-form .change-password-instructions {
      padding-top: 15px;
      padding-bottom: 20px; }
    .change-password-page-content .change-password-form .change-password-message {
      padding-bottom: 20px; }
    .change-password-page-content .change-password-form .change-password-label {
      padding-bottom: 5px; }
    .change-password-page-content .change-password-form .change-password-field-container {
      width: 100%;
      padding-left: 30px;
      padding-right: 30px;
      margin-bottom: 20px; }
    .change-password-page-content .change-password-form .change-password-field input {
      height: 40px;
      width: 100%;
      text-align: left;
      margin-bottom: 10px;
      padding-left: 15px;
      padding-right: 15px; }
    .change-password-page-content .change-password-form .submit-button {
      margin-top: 10px; }
    .change-password-page-content .change-password-form .change-password-button {
      letter-spacing: 2px;
      text-transform: uppercase; }

.password-reset-ok-button-container {
  min-width: 200px; }

.logout-page {
  background-color: #F87709;
  color: #ffffff;
  display: table;
  width: 100%;
  height: 100vh; }
  .logout-page .logout-page-content {
    display: table-cell;
    vertical-align: middle;
    text-align: center; }
    .logout-page .logout-page-content .logout-page-content-positioner {
      display: inline-block; }

.site-header-container {
  width: 100%;
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0; }

.site-header {
  height: 110px;
  display: table;
  width: 100%;
  box-sizing: border-box;
  padding-left: 40px;
  padding-right: 40px;
  background-color: #262734; }
  .site-header .site-header-path-container {
    display: table-cell;
    vertical-align: middle; }
    .site-header .site-header-path-container .site-header-path-text {
      text-align: left;
      font-weight: 700;
      font-size: 12px;
      color: #ffffff; }
  .site-header .site-header-content {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    padding-right: 20px; }
    .site-header .site-header-content .site-header-content-positioner {
      margin: 0 auto; }
      .site-header .site-header-content .site-header-content-positioner .site-header-content-container {
        display: flex;
        flex-direction: row; }
        .site-header .site-header-content .site-header-content-positioner .site-header-content-container .site-header-logo-container {
          display: flex;
          flex-direction: row;
          flex: 1;
          justify-content: flex-start;
          align-items: center; }
          .site-header .site-header-content .site-header-content-positioner .site-header-content-container .site-header-logo-container .site-header-logo {
            display: flex;
            flex-direction: row;
            width: 40px;
            height: 40px; }
          .site-header .site-header-content .site-header-content-positioner .site-header-content-container .site-header-logo-container .site-header-title-container {
            display: flex;
            flex-direction: row;
            min-height: 40px;
            background-color: #ffffff;
            align-items: center;
            justify-content: flex-start;
            padding-left: 20px;
            padding-right: 12.67px;
            padding-top: 5px;
            padding-bottom: 5px;
            margin-left: 10px; }
            .site-header .site-header-content .site-header-content-positioner .site-header-content-container .site-header-logo-container .site-header-title-container .site-header-title {
              text-align: left;
              color: #262734;
              font-size: 16px;
              letter-spacing: 7.33px;
              line-height: 26px; }
        .site-header .site-header-content .site-header-content-positioner .site-header-content-container .site-header-tabs-container {
          display: flex;
          flex-direction: row;
          justify-content: flex-end;
          align-items: flex-end;
          padding-left: 20px;
          padding-right: 20px;
          text-align: center; }
          .site-header .site-header-content .site-header-content-positioner .site-header-content-container .site-header-tabs-container .site-header-tab {
            margin-left: 8px;
            margin-right: 8px;
            padding-left: 8px;
            padding-right: 8px;
            padding-bottom: 15px;
            padding-top: 15px;
            font-size: 16px;
            font-weight: 500;
            letter-spacing: 5.33px;
            cursor: pointer;
            border-bottom: 3px solid transparent;
            border-top: 3px solid transparent; }
            .site-header .site-header-content .site-header-content-positioner .site-header-content-container .site-header-tabs-container .site-header-tab:hover {
              opacity: 0.75; }
            .site-header .site-header-content .site-header-content-positioner .site-header-content-container .site-header-tabs-container .site-header-tab.selected {
              border-bottom: 3px solid #F87709; }
        .site-header .site-header-content .site-header-content-positioner .site-header-content-container .site-header-user-info-container {
          display: flex;
          flex-direction: row;
          justify-content: flex-end;
          align-items: center;
          padding-right: 15px;
          text-align: left; }
          .site-header .site-header-content .site-header-content-positioner .site-header-content-container .site-header-user-info-container .site-header-username {
            font-weight: 500;
            font-size: 16px; }
        .site-header .site-header-content .site-header-content-positioner .site-header-content-container .logout-option-container {
          display: flex;
          flex-direction: row;
          justify-content: flex-end;
          align-items: center; }
          .site-header .site-header-content .site-header-content-positioner .site-header-content-container .logout-option-container .logout-option,
          .site-header .site-header-content .site-header-content-positioner .site-header-content-container .logout-option-container .logout-option:hover,
          .site-header .site-header-content .site-header-content-positioner .site-header-content-container .logout-option-container .logout-option:active,
          .site-header .site-header-content .site-header-content-positioner .site-header-content-container .logout-option-container .logout-option:visited {
            display: inline-block;
            font-size: 0;
            float: right; }
          .site-header .site-header-content .site-header-content-positioner .site-header-content-container .logout-option-container .logout-option:hover {
            opacity: 0.75; }

.loading-indicator-overlay {
  display: table;
  position: fixed;
  width: 100vw;
  height: calc(100vh);
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 998; }
  .loading-indicator-overlay.in-page-loading-indicator {
    position: relative;
    top: 0;
    left: 0;
    width: 100%; }
  .loading-indicator-overlay .loading-indicator-centerer {
    display: table-cell;
    vertical-align: middle;
    text-align: center; }

.loading-indicator-container {
  display: table;
  width: 45px;
  height: 45px;
  margin: 0 auto; }
  .loading-indicator-container .loading-indicator {
    width: 45px;
    background-color: #ffffff;
    height: 45px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    border-radius: 10px; }

.loading-indicator-image {
  vertical-align: middle; }

.loading-indicator-no-overlay-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100%; }
  .loading-indicator-no-overlay-container .loading-indicator-no-overlay-positioner {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center; }

.lozenge-button-container {
  height: 36px;
  margin: 0 auto;
  display: inline-block; }
  .lozenge-button-container.full-width-button {
    width: 100%; }
    .lozenge-button-container.full-width-button.add-location-button-container {
      margin-right: 1em; }
  .lozenge-button-container.modal-cancel-button-container {
    margin-right: 20px; }
  .lozenge-button-container.edit-program-details-container {
    margin-bottom: 15px; }
  .lozenge-button-container .lozenge-button {
    display: table;
    width: 100%;
    height: 36px;
    border-radius: 18px;
    cursor: pointer;
    transition: .1s all; }
    .lozenge-button-container .lozenge-button:hover {
      opacity: 0.75 !important; }
    .lozenge-button-container .lozenge-button.default-button {
      font-size: 14px;
      font-weight: 700;
      min-width: 200px;
      border-radius: 100px;
      padding: 16px 22px;
      transition: .1s all;
      color: #ffffff;
      background-color: #F87709; }
      .lozenge-button-container .lozenge-button.default-button:hover {
        cursor: pointer;
        color: #ffffff; }
    .lozenge-button-container .lozenge-button .lozenge-button-cell {
      display: table-cell;
      text-align: left;
      vertical-align: middle;
      padding-left: 15px;
      padding-right: 10px; }
      .lozenge-button-container .lozenge-button .lozenge-button-cell .lozenge-button-text {
        color: #ffffff;
        font-size: 14px;
        text-align: center;
        font-weight: 700;
        line-height: 14px; }
      .lozenge-button-container .lozenge-button .lozenge-button-cell.lozenge-button-icon-cell {
        padding-left: 0;
        padding-right: 0;
        text-align: center;
        width: 30px; }
        .lozenge-button-container .lozenge-button .lozenge-button-cell.lozenge-button-icon-cell .lozenge-button-icon-circle {
          display: table;
          width: 12px;
          height: 12px;
          border-radius: 12px; }
          .lozenge-button-container .lozenge-button .lozenge-button-cell.lozenge-button-icon-cell .lozenge-button-icon-circle .lozenge-button-icon-circle-content {
            display: table-cell;
            text-align: center;
            vertical-align: middle;
            font-size: 0; }
            .lozenge-button-container .lozenge-button .lozenge-button-cell.lozenge-button-icon-cell .lozenge-button-icon-circle .lozenge-button-icon-circle-content .lozenge-button-icon {
              margin: 0 auto;
              width: 16px;
              height: 16px; }
      .lozenge-button-container .lozenge-button .lozenge-button-cell.lozenge-button-cell-no-icon {
        padding-left: 25px;
        padding-right: 25px; }

.rc-switch {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 50px;
  height: 24px;
  line-height: 18px;
  vertical-align: middle;
  border-radius: 15px;
  border: 0;
  background-color: #A8ABB2;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1); }

.rc-switch-inner {
  color: #A8ABB2;
  font-size: 12px;
  position: absolute;
  left: 24px;
  top: 2px;
  font-weight: 700; }

.rc-switch:after {
  position: absolute;
  width: 20px;
  height: 20px;
  left: 2px;
  top: 2px;
  border-radius: 50% 50%;
  background-color: #ffffff;
  content: " ";
  cursor: pointer;
  transition: left 0.3s cubic-bezier(0.35, 0, 0.25, 1); }

.rc-switch:focus {
  box-shadow: 0 0 0 2px #d5f1fd;
  outline: none; }

.rc-switch-checked {
  background-color: #F87709; }

.rc-switch-checked .rc-switch-inner {
  left: 10px; }

.rc-switch-checked:after {
  left: 28px; }

.rc-switch-disabled {
  cursor: no-drop;
  background: #ccc;
  border-color: #ccc; }

.rc-switch-disabled:after {
  background: #9e9e9e;
  -webkit-animation-name: none;
  animation-name: none;
  cursor: no-drop; }

.rc-switch-disabled:hover:after {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-animation-name: none;
  animation-name: none; }

.rc-switch-label {
  display: inline-block;
  line-height: 20px;
  font-size: 14px;
  padding-left: 10px;
  vertical-align: middle;
  white-space: normal;
  pointer-events: none;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text; }

.share-page {
  background-color: #262734;
  color: #ffffff;
  text-align: center;
  position: relative;
  min-height: 100vh; }
  .share-page .share-page-content-positioner {
    display: inline-block; }
  .share-page .share-page-content {
    padding-top: 20px;
    padding-bottom: 20px;
    max-width: 100vw;
    flex-direction: column; }
    .share-page .share-page-content .share-page-header-container {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
    .share-page .share-page-content .share-page-header {
      min-height: 60px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .share-page .share-page-content .share-page-header .share-page-header-logo {
        display: flex;
        height: 60px;
        width: 60px; }
      .share-page .share-page-content .share-page-header .share-page-header-title-container {
        display: flex;
        min-height: 60px;
        background-color: #ffffff;
        align-items: center;
        justify-content: center;
        padding-left: 20px;
        padding-right: 20px; }
        .share-page .share-page-content .share-page-header .share-page-header-title-container .share-page-header-title {
          color: #262734;
          font-size: 22px;
          letter-spacing: 7.33px;
          line-height: 26px; }
    .share-page .share-page-content .share-page-divider {
      height: 3px;
      background-color: #F87709; }
    .share-page .share-page-content .share-page-project-name-container {
      width: 100%;
      min-height: 42px;
      border-radius: 21px;
      padding-top: 10px;
      padding-bottom: 10px;
      padding-left: 15px;
      padding-right: 15px;
      margin-bottom: 25px;
      background-color: #3D3E48;
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin-top: 20px; }
      .share-page .share-page-content .share-page-project-name-container .share-page-project-name {
        font-weight: 600;
        font-size: 18px;
        letter-spacing: 2px; }
    .share-page .share-page-content .share-page-project-calculations-container {
      overflow: auto; }
      .share-page .share-page-content .share-page-project-calculations-container .calculation-list-item-container {
        border: 1px solid #4E505C;
        border-radius: 10px;
        padding-top: 15px;
        padding-bottom: 15px;
        float: left;
        margin-bottom: 35px; }
        .share-page .share-page-content .share-page-project-calculations-container .calculation-list-item-container .calculation-list-item-header-text {
          font-weight: 700;
          letter-spacing: 2.29px;
          font-size: 16px;
          padding-left: 20px;
          padding-right: 20px;
          padding-bottom: 10px;
          text-align: left;
          border-bottom: 1px solid #4E505C;
          margin-bottom: 10px; }
        .share-page .share-page-content .share-page-project-calculations-container .calculation-list-item-container .calculation-list-item-display-value {
          display: flex;
          flex-direction: column;
          height: 40px;
          justify-content: center;
          padding-left: 20px;
          padding-right: 20px; }
          .share-page .share-page-content .share-page-project-calculations-container .calculation-list-item-container .calculation-list-item-display-value .calculation-list-item-display-value-positioner {
            display: flex;
            flex-direction: row; }
            .share-page .share-page-content .share-page-project-calculations-container .calculation-list-item-container .calculation-list-item-display-value .calculation-list-item-display-value-positioner .calculation-display-value-label-container {
              display: flex;
              flex-direction: row;
              flex: 1; }
              .share-page .share-page-content .share-page-project-calculations-container .calculation-list-item-container .calculation-list-item-display-value .calculation-list-item-display-value-positioner .calculation-display-value-label-container .calculation-display-value-label {
                font-weight: 700;
                font-size: 14px;
                letter-spacing: 1px;
                padding-right: 5px;
                text-align: left; }
            .share-page .share-page-content .share-page-project-calculations-container .calculation-list-item-container .calculation-list-item-display-value .calculation-list-item-display-value-positioner .calculation-display-value-container {
              display: flex;
              flex-direction: row; }
              .share-page .share-page-content .share-page-project-calculations-container .calculation-list-item-container .calculation-list-item-display-value .calculation-list-item-display-value-positioner .calculation-display-value-container .calculation-display-value {
                font-weight: 700;
                font-size: 20px;
                font-style: italic;
                text-align: right; }
    .share-page .share-page-content .share-page-project-notes-container {
      width: 100%;
      border: 1px solid #4E505C;
      border-radius: 10px;
      padding-top: 20px;
      padding-bottom: 20px;
      padding-left: 25px;
      padding-right: 25px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin-bottom: 35px; }
      .share-page .share-page-content .share-page-project-notes-container .share-page-project-notes {
        font-size: 18px;
        line-height: 26px;
        text-align: left; }
    .share-page .share-page-content .share-page-project-photos-container {
      overflow: auto; }
      .share-page .share-page-content .share-page-project-photos-container .user-project-photo-list-item {
        height: 322px;
        border-radius: 10px;
        float: left;
        background-position: center;
        background-size: cover;
        cursor: pointer;
        margin-bottom: 35px; }
  .share-page .photo-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 50; }
    .share-page .photo-modal .photo-modal-close-option {
      position: absolute;
      top: 20px;
      right: 20px;
      cursor: pointer;
      width: 40px;
      height: 40px;
      z-index: 100; }
    .share-page .photo-modal .photo-modal-photo-positioner {
      display: flex;
      width: 100vw;
      height: 100vh;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 20px;
      z-index: 51; }
    .share-page .photo-modal .photo-modal-photo {
      max-width: 100%;
      max-height: 100%; }

@media (max-width: 577px) {
  .share-page .share-page-content .share-page-header {
    flex-direction: column; }
    .share-page .share-page-content .share-page-header .share-page-header-logo {
      flex-direction: column;
      margin-bottom: 20px; }
    .share-page .share-page-content .share-page-header .share-page-header-title-container {
      flex-direction: column;
      margin-bottom: 20px;
      max-width: calc(100vw - (2 * 20px));
      padding-top: 10px;
      padding-bottom: 10px; }
  .share-page .share-page-content .app-store-links {
    flex-direction: column; }
  .share-page .share-page-content .share-page-divider {
    width: calc(100vw - (2 * 20px));
    margin-left: 20px; }
  .share-page .share-page-content .share-page-project-name-container {
    width: calc(100vw - (2 * 20px));
    margin-left: 20px; }
  .share-page .share-page-content .share-page-project-calculations-container {
    margin-left: 20px;
    margin-right: 20px; }
    .share-page .share-page-content .share-page-project-calculations-container .calculation-list-item-container {
      width: 100%; }
  .share-page .share-page-content .share-page-project-notes-container {
    width: calc(100vw - (2 * 20px));
    margin-left: 20px; }
  .share-page .share-page-content .share-page-project-photos-container {
    margin-left: 20px;
    margin-right: 20px; }
    .share-page .share-page-content .share-page-project-photos-container .user-project-photo-list-item {
      width: 100%; } }
@media (min-width: 576px) {
  .share-page .share-page-content .share-page-header {
    flex-direction: row; }
    .share-page .share-page-content .share-page-header .share-page-header-logo {
      flex-direction: row; }
    .share-page .share-page-content .share-page-header .share-page-header-title-container {
      flex-direction: row;
      margin-left: 20px;
      max-width: calc(100vw - (2 * 20px) - 60px - 20px); }
  .share-page .share-page-content .app-store-links {
    flex-direction: row; }
  .share-page .share-page-content .share-page-divider {
    width: calc(100vw - (2 * 20px));
    margin-left: 20px; }
  .share-page .share-page-content .share-page-project-name-container {
    width: calc(100vw - (2 * 20px));
    margin-left: 20px;
    margin-right: 20px; }
  .share-page .share-page-content .share-page-project-calculations-container {
    margin-left: 20px;
    margin-right: 20px; }
    .share-page .share-page-content .share-page-project-calculations-container .calculation-list-item-container {
      width: calc((100% / 2) - 20px); }
      .share-page .share-page-content .share-page-project-calculations-container .calculation-list-item-container:nth-child(odd) {
        margin-right: 40px; }
  .share-page .share-page-content .share-page-project-notes-container {
    width: calc(100vw - (2 * 20px));
    margin-left: 20px; }
  .share-page .share-page-content .share-page-project-photos-container {
    margin-left: 20px;
    margin-right: 20px; }
    .share-page .share-page-content .share-page-project-photos-container .user-project-photo-list-item {
      width: calc((100% / 2) - 20px); }
      .share-page .share-page-content .share-page-project-photos-container .user-project-photo-list-item:nth-child(odd) {
        margin-right: 40px; } }
@media (min-width: 768px) {
  .share-page .share-page-content {
    width: 738px;
    padding-top: 40px;
    padding-bottom: 40px; }
    .share-page .share-page-content .share-page-divider {
      width: 100%;
      margin-left: 0; }
    .share-page .share-page-content .share-page-project-name-container {
      width: 100%;
      margin-left: 0;
      margin-right: 0; }
    .share-page .share-page-content .share-page-project-calculations-container {
      width: 100%;
      margin-left: 0;
      margin-right: 0; }
    .share-page .share-page-content .share-page-project-notes-container {
      width: 100%;
      margin-left: 0;
      margin-right: 0; }
    .share-page .share-page-content .share-page-project-photos-container {
      width: 100%;
      margin-left: 0;
      margin-right: 0; } }
@media (min-width: 960px) {
  .share-page .share-page-content {
    width: 960px; }
    .share-page .share-page-content .share-page-divider {
      width: 960px; } }
.users-list-page .new-user-button {
  background-color: #F87709; }
.users-list-page .csv-export-button {
  background-color: #000000; }
.users-list-page .user-list-row-cell.common-list-row-label-cell.name {
  padding-left: 0 !important; }
.users-list-page .user-list-row-cell.common-list-row-label-cell.role {
  width: 20%;
  padding-right: 0 !important; }
.users-list-page .user-list-row-cell.name {
  width: 40%;
  padding-left: 20px; }
.users-list-page .user-list-row-cell.email {
  width: 40%; }
.users-list-page .user-list-row-cell.role {
  width: calc(20% - 70px); }
.users-list-page .user-list-row-cell.active {
  width: 70px;
  text-align: right; }

.account-deletion {
  background-color: #262734;
  color: #ffffff;
  text-align: center;
  position: relative;
  min-height: 100vh; }
  .account-deletion .account-deletion-content-positioner {
    display: inline-block; }
    .account-deletion .account-deletion-content-positioner .account-deletion-content {
      padding: 20px;
      max-width: 100vw;
      flex-direction: column;
      width: 960px; }
      .account-deletion .account-deletion-content-positioner .account-deletion-content a,
      .account-deletion .account-deletion-content-positioner .account-deletion-content a:hover,
      .account-deletion .account-deletion-content-positioner .account-deletion-content a:active,
      .account-deletion .account-deletion-content-positioner .account-deletion-content a:visited {
        color: #ffffff;
        text-decoration: underline; }
        .account-deletion .account-deletion-content-positioner .account-deletion-content a.inner-anchor,
        .account-deletion .account-deletion-content-positioner .account-deletion-content a:hover.inner-anchor,
        .account-deletion .account-deletion-content-positioner .account-deletion-content a:active.inner-anchor,
        .account-deletion .account-deletion-content-positioner .account-deletion-content a:visited.inner-anchor {
          text-decoration: none; }
      .account-deletion .account-deletion-content-positioner .account-deletion-content .account-deletion-header-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center; }
        .account-deletion .account-deletion-content-positioner .account-deletion-content .account-deletion-header-container.account-deletion-header-container-inner {
          padding-top: 50px; }
        .account-deletion .account-deletion-content-positioner .account-deletion-content .account-deletion-header-container .account-deletion-header {
          font-size: 20px;
          font-weight: 700;
          border-bottom: 3px solid #F87709;
          margin-bottom: 20px; }
      .account-deletion .account-deletion-content-positioner .account-deletion-content .account-deletion-body {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        text-align: left; }
        .account-deletion .account-deletion-content-positioner .account-deletion-content .account-deletion-body .account-deletion-blurb {
          padding-bottom: 30px; }
        .account-deletion .account-deletion-content-positioner .account-deletion-content .account-deletion-body .account-deletion-section {
          padding-bottom: 30px; }
          .account-deletion .account-deletion-content-positioner .account-deletion-content .account-deletion-body .account-deletion-section .account-deletion-section-header {
            font-weight: 700; }

.user-form {
  padding: 50px;
  display: flex;
  flex-direction: column; }

.privacy-policy {
  background-color: #262734;
  color: #ffffff;
  text-align: center;
  position: relative;
  min-height: 100vh; }
  .privacy-policy .privacy-policy-content-positioner {
    display: inline-block; }
    .privacy-policy .privacy-policy-content-positioner .privacy-policy-content {
      padding: 20px;
      max-width: 100vw;
      flex-direction: column;
      width: 960px; }
      .privacy-policy .privacy-policy-content-positioner .privacy-policy-content a,
      .privacy-policy .privacy-policy-content-positioner .privacy-policy-content a:hover,
      .privacy-policy .privacy-policy-content-positioner .privacy-policy-content a:active,
      .privacy-policy .privacy-policy-content-positioner .privacy-policy-content a:visited {
        color: #ffffff;
        text-decoration: underline; }
        .privacy-policy .privacy-policy-content-positioner .privacy-policy-content a.inner-anchor,
        .privacy-policy .privacy-policy-content-positioner .privacy-policy-content a:hover.inner-anchor,
        .privacy-policy .privacy-policy-content-positioner .privacy-policy-content a:active.inner-anchor,
        .privacy-policy .privacy-policy-content-positioner .privacy-policy-content a:visited.inner-anchor {
          text-decoration: none; }
      .privacy-policy .privacy-policy-content-positioner .privacy-policy-content .privacy-policy-header-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center; }
        .privacy-policy .privacy-policy-content-positioner .privacy-policy-content .privacy-policy-header-container.privacy-policy-header-container-inner {
          padding-top: 50px; }
        .privacy-policy .privacy-policy-content-positioner .privacy-policy-content .privacy-policy-header-container .privacy-policy-header {
          font-size: 20px;
          font-weight: 700;
          border-bottom: 3px solid #F87709;
          margin-bottom: 20px; }
      .privacy-policy .privacy-policy-content-positioner .privacy-policy-content .privacy-policy-body {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        text-align: left; }
        .privacy-policy .privacy-policy-content-positioner .privacy-policy-content .privacy-policy-body .privacy-policy-blurb {
          padding-bottom: 30px; }
        .privacy-policy .privacy-policy-content-positioner .privacy-policy-content .privacy-policy-body .privacy-policy-section {
          padding-bottom: 30px; }
          .privacy-policy .privacy-policy-content-positioner .privacy-policy-content .privacy-policy-body .privacy-policy-section .privacy-policy-section-header {
            font-weight: 700; }

.ads-list-page .new-ad-button {
  background-color: #F87709; }
.ads-list-page .list-page-label-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center; }
.ads-list-page .ad-config-details-row {
  flex-direction: row;
  display: flex;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.33px; }
.ads-list-page .ad-config-rotation-mode-edit-option {
  color: #F87709;
  cursor: pointer;
  padding-left: 5px; }
  .ads-list-page .ad-config-rotation-mode-edit-option:hover {
    opacity: 0.75; }
.ads-list-page .ad-list-row-cell.common-list-row-label-cell.name {
  padding-left: 0 !important; }
.ads-list-page .ad-list-row-cell.common-list-row-label-cell.duration {
  width: 40%;
  padding-right: 0 !important; }
.ads-list-page .ad-list-row-cell.name {
  width: 30%;
  padding-left: 20px; }
.ads-list-page .ad-list-row-cell.url {
  width: 30%; }
.ads-list-page .ad-list-row-cell.duration {
  width: calc(40% - 70px); }
.ads-list-page .ad-list-row-cell.active {
  width: 70px;
  text-align: right; }

.ad-form {
  display: flex;
  flex-direction: column;
  padding: 40px; }
  .ad-form .ad-form-top {
    display: flex;
    flex-direction: column; }
  .ad-form .ad-form-top-content {
    display: flex;
    flex-direction: row;
    flex: 1; }
  .ad-form .ad-form-bottom {
    display: flex;
    flex-direction: column; }
  .ad-form .ad-form-bottom-content {
    display: flex;
    flex-direction: row;
    flex: 1; }
    .ad-form .ad-form-bottom-content .ad-form-bottom-content-left {
      display: flex;
      flex-direction: row;
      flex: 1; }
    .ad-form .ad-form-bottom-content .ad-form-bottom-content-right {
      display: flex;
      flex-direction: row;
      flex: 1;
      justify-content: flex-end; }
      .ad-form .ad-form-bottom-content .ad-form-bottom-content-right .delete-ad-button-container {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-content: center;
        height: 50px;
        margin-top: 20px;
        cursor: pointer; }
        .ad-form .ad-form-bottom-content .ad-form-bottom-content-right .delete-ad-button-container:hover {
          opacity: 0.75; }
      .ad-form .ad-form-bottom-content .ad-form-bottom-content-right .delete-ad-button {
        font-weight: 700;
        font-size: 16px;
        color: #F87709;
        letter-spacing: 2px;
        display: flex;
        flex-direction: column;
        flex: 1;
        align-items: center;
        justify-content: center; }
  .ad-form .ad-form-left {
    display: flex;
    flex-direction: row;
    flex: 1;
    padding-right: 40px; }
  .ad-form .ad-form-right {
    display: flex;
    flex-direction: row;
    width: 280px;
    background-color: #F7F8F8; }
  .ad-form .ad-form-section-content {
    display: flex;
    flex-direction: column;
    flex: 1; }
    .ad-form .ad-form-section-content.ad-image-upload-section {
      justify-content: center;
      align-items: center;
      cursor: pointer; }
      .ad-form .ad-form-section-content.ad-image-upload-section:hover {
        opacity: 0.75; }
      .ad-form .ad-form-section-content.ad-image-upload-section .ad-image-upload-link {
        font-weight: 700;
        font-size: 16px;
        letter-spacing: 2px;
        color: #F87709; }
      .ad-form .ad-form-section-content.ad-image-upload-section .ad-image-preview {
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center; }
  .ad-form .info-text {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1.17px;
    text-align: left;
    padding-top: 5px; }
  .ad-form .ad-duration-options {
    display: flex;
    flex-direction: row;
    flex: 1;
    align-items: center;
    justify-content: flex-start;
    padding-top: 7px; }
    .ad-form .ad-duration-options .ad-duration-option-container {
      display: flex;
      flex-direction: row;
      padding-right: 30px;
      align-items: center;
      justify-content: flex-start;
      cursor: pointer; }
      .ad-form .ad-duration-options .ad-duration-option-container:hover {
        opacity: 0.75; }
      .ad-form .ad-duration-options .ad-duration-option-container .ad-duration-option-radio-button {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start; }
      .ad-form .ad-duration-options .ad-duration-option-container .ad-duration-option-text {
        display: flex;
        flex-direction: row;
        font-size: 20px;
        padding-left: 8px;
        align-items: center;
        justify-content: flex-start;
        text-align: left; }

.ad-config-form {
  display: flex;
  flex-direction: column; }
  .ad-config-form .ad-form-option-container {
    height: 135px;
    display: flex;
    flex-direction: row;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 20px;
    padding-bottom: 20px;
    cursor: pointer;
    background-color: #F7F8F8; }
    .ad-config-form .ad-form-option-container:nth-child(odd) {
      margin-right: 15px; }
    .ad-config-form .ad-form-option-container:hover {
      opacity: 0.75; }
    .ad-config-form .ad-form-option-container .ad-form-option-radio-button {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: flex-start;
      padding-right: 20px;
      padding-top: 5px; }
    .ad-config-form .ad-form-option-container .ad-form-option-text {
      display: flex;
      flex-direction: row;
      flex: 1;
      align-items: flex-start;
      justify-content: flex-start; }
      .ad-config-form .ad-form-option-container .ad-form-option-text .ad-form-option-text-aligner {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start; }
        .ad-config-form .ad-form-option-container .ad-form-option-text .ad-form-option-text-aligner .ad-form-option-text-header {
          font-size: 20px;
          font-weight: 600;
          letter-spacing: 2.22px;
          text-align: left; }
        .ad-config-form .ad-form-option-container .ad-form-option-text .ad-form-option-text-aligner .ad-form-option-text-body {
          font-size: 14px;
          font-weight: 500;
          letter-spacing: 1.17px;
          text-align: left; }

.marketing-page {
  color: #ffffff;
  background-color: #262734;
  text-align: center;
  position: relative;
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column; }
  .marketing-page .marketing-page-header {
    height: 784px;
    border-bottom: 3px solid #F87709;
    display: flex;
    flex-direction: column;
    width: 100%;
    background-image: url("/static/image/marketing-banner.jpg");
    background-size: cover;
    background-position: center; }
    .marketing-page .marketing-page-header .marketing-page-header-top {
      display: flex;
      flex-direction: column;
      width: 100%;
      justify-content: flex-end;
      align-items: center;
      flex: 1;
      padding-bottom: 25px; }
      .marketing-page .marketing-page-header .marketing-page-header-top .marketing-page-header-logo {
        max-width: 90vw;
        width: 930px;
        height: auto; }
      .marketing-page .marketing-page-header .marketing-page-header-top .marketing-page-header-text {
        width: 720px;
        max-width: 90vw;
        line-height: 32px;
        text-align: center;
        font-weight: 600;
        font-size: 30px;
        letter-spacing: 3.33px;
        margin-top: 32px; }
    .marketing-page .marketing-page-header .marketing-page-header-bottom {
      display: flex;
      flex-direction: column;
      width: 100%;
      justify-content: flex-end;
      align-items: center;
      flex: 1; }
      .marketing-page .marketing-page-header .marketing-page-header-bottom .app-store-links {
        height: 94px;
        margin-left: 8px; }
        .marketing-page .marketing-page-header .marketing-page-header-bottom .app-store-links .app-store-link-image {
          margin-left: 5px;
          margin-right: 5px; }
          .marketing-page .marketing-page-header .marketing-page-header-bottom .app-store-links .app-store-link-image.app-store-app-link-image {
            height: 65.25px; }
          .marketing-page .marketing-page-header .marketing-page-header-bottom .app-store-links .app-store-link-image.play-store-app-link-image {
            height: 94px; }
  .marketing-page .marketing-page-features {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 3px solid #F87709; }
    .marketing-page .marketing-page-features .marketing-page-feature {
      width: 960px;
      max-width: 90vw;
      display: flex;
      flex-direction: column; }
      .marketing-page .marketing-page-features .marketing-page-feature.feature-1 {
        margin-top: 82px; }
        .marketing-page .marketing-page-features .marketing-page-feature.feature-1 .feature-content .feature-image-section {
          flex: 1; }
          .marketing-page .marketing-page-features .marketing-page-feature.feature-1 .feature-content .feature-image-section .feature-image {
            max-width: 480px;
            height: auto; }
        .marketing-page .marketing-page-features .marketing-page-feature.feature-1 .feature-content .feature-description-section {
          flex: 1;
          margin-left: 40px; }
          .marketing-page .marketing-page-features .marketing-page-feature.feature-1 .feature-content .feature-description-section .feature-description-section-content .feature-description-box {
            padding-right: 40px;
            padding-bottom: 40px; }
            .marketing-page .marketing-page-features .marketing-page-feature.feature-1 .feature-content .feature-description-section .feature-description-section-content .feature-description-box .feature-description-header {
              max-width: 300px; }
      .marketing-page .marketing-page-features .marketing-page-feature.feature-2 {
        margin-top: 52px; }
        .marketing-page .marketing-page-features .marketing-page-feature.feature-2 .feature-content .feature-image-section {
          flex: 2; }
          .marketing-page .marketing-page-features .marketing-page-feature.feature-2 .feature-content .feature-image-section .feature-image {
            max-width: 640px;
            height: auto; }
        .marketing-page .marketing-page-features .marketing-page-feature.feature-2 .feature-content .feature-description-section {
          flex: 1;
          margin-right: 15px; }
          .marketing-page .marketing-page-features .marketing-page-feature.feature-2 .feature-content .feature-description-section .feature-description-section-content .feature-description-box {
            padding-left: 30px;
            padding-bottom: 50px; }
      .marketing-page .marketing-page-features .marketing-page-feature.feature-3 {
        margin-top: 62px;
        margin-bottom: 134px; }
        .marketing-page .marketing-page-features .marketing-page-feature.feature-3 .feature-content {
          position: relative;
          padding-bottom: 50px; }
          .marketing-page .marketing-page-features .marketing-page-feature.feature-3 .feature-content .feature-image-section {
            flex: 1;
            max-width: 100%; }
            .marketing-page .marketing-page-features .marketing-page-feature.feature-3 .feature-content .feature-image-section .feature-image {
              max-height: 720px; }
          .marketing-page .marketing-page-features .marketing-page-feature.feature-3 .feature-content .feature-description-section {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            align-items: center; }
            .marketing-page .marketing-page-features .marketing-page-feature.feature-3 .feature-content .feature-description-section .feature-description-section-content {
              flex: 1; }
              .marketing-page .marketing-page-features .marketing-page-feature.feature-3 .feature-content .feature-description-section .feature-description-section-content .feature-description-box {
                align-self: center;
                width: 600px;
                max-width: 90vw;
                align-items: center; }
                .marketing-page .marketing-page-features .marketing-page-feature.feature-3 .feature-content .feature-description-section .feature-description-section-content .feature-description-box .feature-description-header {
                  text-align: center; }
                .marketing-page .marketing-page-features .marketing-page-feature.feature-3 .feature-content .feature-description-section .feature-description-section-content .feature-description-box .feature-description-body {
                  text-align: center; }
      .marketing-page .marketing-page-features .marketing-page-feature .feature-content {
        display: flex;
        flex-direction: row;
        flex: 1; }
        .marketing-page .marketing-page-features .marketing-page-feature .feature-content.feature-content-tablet-and-down {
          display: none; }
        .marketing-page .marketing-page-features .marketing-page-feature .feature-content.feature-content-desktop {
          display: flex; }
        .marketing-page .marketing-page-features .marketing-page-feature .feature-content .feature-image-section {
          display: flex;
          flex-direction: row;
          flex: 1; }
          .marketing-page .marketing-page-features .marketing-page-feature .feature-content .feature-image-section .feature-image {
            display: block;
            width: 100%;
            object-fit: contain; }
        .marketing-page .marketing-page-features .marketing-page-feature .feature-content .feature-description-section {
          display: flex;
          flex-direction: row;
          flex: 1;
          align-items: center; }
          .marketing-page .marketing-page-features .marketing-page-feature .feature-content .feature-description-section .feature-description-section-content {
            display: flex;
            flex-direction: column;
            flex: 1; }
            .marketing-page .marketing-page-features .marketing-page-feature .feature-content .feature-description-section .feature-description-section-content .feature-description-box {
              display: flex;
              flex-direction: column;
              background-color: #3D3E48;
              border-radius: 10px;
              padding-left: 20px;
              padding-right: 20px;
              padding-top: 30px;
              padding-bottom: 30px; }
              .marketing-page .marketing-page-features .marketing-page-feature .feature-content .feature-description-section .feature-description-section-content .feature-description-box .feature-description-header {
                font-size: 32px;
                font-weight: 700;
                padding-bottom: 15px;
                text-align: left; }
              .marketing-page .marketing-page-features .marketing-page-feature .feature-content .feature-description-section .feature-description-section-content .feature-description-box .feature-description-body {
                font-size: 18px;
                text-align: left; }
  .marketing-page .marketing-page-walkthrough {
    display: none;
    flex-direction: column;
    padding-top: 50px;
    padding-bottom: 82px;
    border-bottom: 3px solid #F87709;
    background-color: #3D3E48;
    align-items: center;
    justify-content: center; }
    .marketing-page .marketing-page-walkthrough .walkthrough-header-box {
      background-color: #ffffff;
      width: 256px;
      height: 85px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      margin-bottom: 36px; }
      .marketing-page .marketing-page-walkthrough .walkthrough-header-box .walkthrough-header-text {
        color: #3D3E48;
        font-size: 22px;
        font-weight: 600;
        letter-spacing: 2.44px; }
    .marketing-page .marketing-page-walkthrough .walkthrough-video-box {
      width: 923px;
      height: 489px;
      background-color: #262734; }
  .marketing-page .marketing-page-footer {
    padding-top: 130px;
    padding-bottom: 183px; }
    .marketing-page .marketing-page-footer .app-store-links {
      height: 99px;
      margin-top: 0;
      margin-bottom: 0;
      margin-left: 10px; }
      .marketing-page .marketing-page-footer .app-store-links .app-store-link-image {
        margin-left: 5px;
        margin-right: 5px; }
        .marketing-page .marketing-page-footer .app-store-links .app-store-link-image.app-store-app-link-image {
          height: 69px; }
        .marketing-page .marketing-page-footer .app-store-links .app-store-link-image.play-store-app-link-image {
          height: 99px; }
    .marketing-page .marketing-page-footer .contact-info {
      margin-top: 20px; }
      .marketing-page .marketing-page-footer .contact-info .contact-info-label {
        font-size: 22px;
        font-weight: 600;
        letter-spacing: 2.44px;
        color: #ffffff; }
      .marketing-page .marketing-page-footer .contact-info .contact-info-email,
      .marketing-page .marketing-page-footer .contact-info .contact-info-email:hover,
      .marketing-page .marketing-page-footer .contact-info .contact-info-email:active,
      .marketing-page .marketing-page-footer .contact-info .contact-info-email:visited {
        font-size: 22px;
        font-weight: 600;
        letter-spacing: 2.44px;
        color: #F87709;
        text-decoration: none; }
      .marketing-page .marketing-page-footer .contact-info .contact-info-email:hover {
        opacity: 0.75; }

@media (max-width: 840px) {
  .marketing-page .marketing-page-features .marketing-page-feature.feature-1 .feature-description-header {
    max-width: none !important; }
  .marketing-page .marketing-page-features .marketing-page-feature.feature-1 .feature-description-section {
    top: -40px !important; }
  .marketing-page .marketing-page-features .marketing-page-feature.feature-2 {
    margin-top: 42px !important; }
    .marketing-page .marketing-page-features .marketing-page-feature.feature-2 .feature-description-section {
      top: -30px !important; }
  .marketing-page .marketing-page-features .marketing-page-feature.feature-3 {
    margin-top: 42px !important;
    margin-bottom: 0 !important; }
  .marketing-page .marketing-page-features .marketing-page-feature .feature-content {
    position: relative;
    padding-bottom: 0;
    flex-direction: column; }
    .marketing-page .marketing-page-features .marketing-page-feature .feature-content.feature-content-tablet-and-down {
      display: flex !important; }
    .marketing-page .marketing-page-features .marketing-page-feature .feature-content.feature-content-desktop {
      display: none !important; }
    .marketing-page .marketing-page-features .marketing-page-feature .feature-content .feature-image-section {
      flex: 1;
      max-width: 100%; }
      .marketing-page .marketing-page-features .marketing-page-feature .feature-content .feature-image-section .feature-image {
        max-width: 100% !important;
        height: auto; }
    .marketing-page .marketing-page-features .marketing-page-feature .feature-content .feature-description-section {
      margin: 0 !important;
      position: relative !important;
      top: -70px;
      width: 100%;
      align-items: center; }
      .marketing-page .marketing-page-features .marketing-page-feature .feature-content .feature-description-section .feature-description-section-content {
        flex: 1; }
        .marketing-page .marketing-page-features .marketing-page-feature .feature-content .feature-description-section .feature-description-section-content .feature-description-box {
          align-self: center;
          width: 600px;
          max-width: 90vw;
          align-items: center;
          padding-left: 20px !important;
          padding-right: 20px !important;
          padding-bottom: 30px !important;
          padding-top: 20px !important; }
          .marketing-page .marketing-page-features .marketing-page-feature .feature-content .feature-description-section .feature-description-section-content .feature-description-box .feature-description-header {
            text-align: center; }
          .marketing-page .marketing-page-features .marketing-page-feature .feature-content .feature-description-section .feature-description-section-content .feature-description-box .feature-description-body {
            text-align: center; } }
@media (max-width: 577px) {
  .app-store-links {
    flex-direction: column !important;
    margin-left: 0 !important;
    height: auto !important; }

  .contact-info-label {
    font-size: 16px !important;
    letter-spacing: 0 !important; }

  .contact-info-email {
    font-size: 12px !important;
    letter-spacing: 0 !important; } }

/*# sourceMappingURL=style.css.map */