﻿.normal-line {
  line-height: normal; }

.text-uppercase {
  text-transform: uppercase; }

.text-capitalize {
  text-transform: capitalize; }

.text-lowercase {
  text-transform: lowercase; }

.list-unstyled {
  list-style: none; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.bg-body {
  background: #262626; }

#gotoTop {
  position: fixed;
  bottom: 20px;
  right: 10px;
  cursor: pointer;
  transition: all 0.5s ease;
  z-index: 10; }
  #gotoTop:hover {
    opacity: 0.8; }
  #gotoTop .fa-arrow-circle-up {
    font-size: 40px; }

.volunteering-home .vol-link {
  display: block; }
  @media (max-width: 767px) {
    .volunteering-home .vol-link {
      display: none; } }

.volunteering-home .acknowledgement-content {
  line-height: normal; }
  @media (min-width: 768px) {
    .volunteering-home .acknowledgement-content {
      display: flex;
      align-content: start;
      align-items: flex-start;
      margin-top: 35px; } }
  @media (max-width: 767px) {
    .volunteering-home .acknowledgement-content {
      text-align: center; } }
  @media (min-width: 768px) {
    .volunteering-home .acknowledgement-content .logo {
      padding-right: 20px;
      padding-left: 23px; } }
  @media (max-width: 767px) {
    .volunteering-home .acknowledgement-content .logo {
      margin-bottom: 15px; } }
  .volunteering-home .acknowledgement-content .logo img {
    display: block;
    max-width: 200px;
    margin: 0 auto; }
    @media (min-width: 768px) {
      .volunteering-home .acknowledgement-content .logo img {
        max-width: 115px; } }
  .volunteering-home .acknowledgement-content h4 {
    font-size: 15px;
    font-weight: 500;
    padding-bottom: 8px;
    text-shadow: 0 0 0; }
  .volunteering-home .acknowledgement-content p {
    font-size: 12px;
    line-height: 18px;
    color: #6e6e6e; }

@media (max-width: 767px) {
  .volunteering-home {
    padding-left: 20px;
    padding-right: 20px; } }

/*About page - visual chart*/
@media (max-width: 767px) {
  .visual-chart-container {
    margin-top: 50px; }
    .visual-chart-container .visual-chart-block:last-child {
      margin-bottom: 30px; } }

.visual-chart-block {
  clear: both;
  position: relative;
  margin-bottom: 30px;
  margin-right: -10px; }
  @media (max-width: 767px) {
    .visual-chart-block {
      margin-right: 0px;
      margin-bottom: 100px; } }
  @media screen and (max-width: 1023px) and (min-width: 768px) {
    .visual-chart-block {
      margin-right: 0; } }
  .visual-chart-block .visual-chart {
    display: flex;
    padding-left: 120px;
    position: relative;
    z-index: 1; }
    @media (max-width: 767px) {
      .visual-chart-block .visual-chart {
        padding-left: 0; } }
    .visual-chart-block .visual-chart .visual-chart-wrapper {
      display: flex;
      flex-grow: 1;
      border-radius: 0 100px 100px 0px;
      position: relative;
      min-height: 170px; }
      @media (max-width: 767px) {
        .visual-chart-block .visual-chart .visual-chart-wrapper {
          border-radius: 0;
          flex-wrap: wrap;
          padding: 60px 0 30px; } }
    .visual-chart-block .visual-chart .block-elements {
      display: flex;
      align-self: center;
      justify-content: center;
      position: relative; }
      @media (max-width: 767px) {
        .visual-chart-block .visual-chart .block-elements {
          width: 100%; } }
      .visual-chart-block .visual-chart .block-elements.block-center {
        margin: 10px 0 30px; }
      .visual-chart-block .visual-chart .block-elements.block-right {
        padding-left: 30px;
        justify-content: left; }
        @media (max-width: 767px) {
          .visual-chart-block .visual-chart .block-elements.block-right {
            padding-left: 0px; } }
      .visual-chart-block .visual-chart .block-elements.block-left {
        padding: 30px 0;
        max-width: 225px;
        text-align: center;
        display: flex;
        flex-grow: 1; }
        @media (max-width: 767px) {
          .visual-chart-block .visual-chart .block-elements.block-left {
            max-width: 100%;
            padding: 0; } }
        .visual-chart-block .visual-chart .block-elements.block-left h4 {
          color: #fff;
          font-weight: bold;
          font-size: 20px; }
          @media (max-width: 767px) {
            .visual-chart-block .visual-chart .block-elements.block-left h4 {
              padding: 0 10px; } }
      .visual-chart-block .visual-chart .block-elements ul {
        margin: 0;
        padding: 0; }
        .visual-chart-block .visual-chart .block-elements ul li {
          color: #fff;
          font-weight: 500;
          font-size: 15px;
          font-family: "Open Sans", sans-serif; }
    .visual-chart-block .visual-chart .triangle-up {
      width: 0;
      height: 0;
      border-left: 50px solid transparent;
      border-right: 50px solid transparent;
      border-bottom: 85px solid white; }
      .visual-chart-block .visual-chart .triangle-up span {
        display: block;
        text-align: center;
        position: absolute;
        bottom: 25px;
        right: 0;
        left: 0;
        font-size: 20px;
        font-weight: bold;
        color: #fff;
        font-family: "Open Sans", sans-serif; }
    .visual-chart-block .visual-chart:before {
      content: "";
      position: absolute;
      width: 120px;
      height: 120px;
      left: -20px;
      border-radius: 50%;
      border: 10px solid #fff;
      z-index: 10;
      background-size: 70% 70%;
      background-color: #fff;
      background-position: center center;
      background-repeat: no-repeat;
      top: 50%;
      transform: translateY(-50%);
      background-clip: padding-box; }
      @media (max-width: 767px) {
        .visual-chart-block .visual-chart:before {
          left: 0;
          top: 0px;
          right: 0;
          margin: 0 auto; } }
      @media screen and (max-width: 1023px) and (min-width: 768px) {
        .visual-chart-block .visual-chart:before {
          left: 0; } }
    .visual-chart-block .visual-chart:after {
      content: "";
      position: absolute;
      width: 0;
      left: 20px;
      top: 0;
      height: 100%;
      border-top: 70px solid transparent;
      border-right: 100px solid #fff;
      border-bottom: 70px solid transparent;
      z-index: 1; }
      @media (max-width: 767px) {
        .visual-chart-block .visual-chart:after {
          display: none; } }
    .visual-chart-block .visual-chart.visual-1 .triangle-up span {
      color: #88c655; }
    .visual-chart-block .visual-chart.visual-1:before {
      border-color: #88c655;
      background-image: url("https://talent-communities.s3-us-west-1.amazonaws.com/CareersInCaring/visual-icon-1.svg"); }
    .visual-chart-block .visual-chart.visual-1:after {
      border-right-color: #88c655; }
    .visual-chart-block .visual-chart.visual-1 .visual-chart-wrapper {
      background-color: #88c655; }
    .visual-chart-block .visual-chart.visual-2 .triangle-up span {
      color: #f15f60; }
    .visual-chart-block .visual-chart.visual-2:before {
      border-color: #f15f60;
      background-image: url("https://talent-communities.s3-us-west-1.amazonaws.com/CareersInCaring/visual-icon-2.svg"); }
    .visual-chart-block .visual-chart.visual-2:after {
      border-right-color: #f15f60; }
    .visual-chart-block .visual-chart.visual-2 .visual-chart-wrapper {
      background-color: #f15f60; }
    .visual-chart-block .visual-chart.visual-3 .triangle-up span {
      color: #fdbe19; }
    .visual-chart-block .visual-chart.visual-3:before {
      border-color: #fdbe19;
      background-image: url("https://talent-communities.s3-us-west-1.amazonaws.com/CareersInCaring/visual-icon-3.svg"); }
    .visual-chart-block .visual-chart.visual-3:after {
      border-right-color: #fdbe19; }
    .visual-chart-block .visual-chart.visual-3 .visual-chart-wrapper {
      background-color: #fdbe19; }
    .visual-chart-block .visual-chart.visual-4 .triangle-up span {
      color: #3e5e76; }
    .visual-chart-block .visual-chart.visual-4:before {
      border-color: #3e5e76;
      background-image: url("https://talent-communities.s3-us-west-1.amazonaws.com/CareersInCaring/visual-icon-4.svg"); }
    .visual-chart-block .visual-chart.visual-4:after {
      border-right-color: #3e5e76; }
    .visual-chart-block .visual-chart.visual-4 .visual-chart-wrapper {
      background-color: #3e5e76; }
    .visual-chart-block .visual-chart.visual-5 .triangle-up span {
      color: #58add2; }
    .visual-chart-block .visual-chart.visual-5:before {
      border-color: #58add2;
      background-image: url("https://talent-communities.s3-us-west-1.amazonaws.com/CareersInCaring/visual-icon-5.svg"); }
    .visual-chart-block .visual-chart.visual-5:after {
      border-right-color: #58add2; }
    .visual-chart-block .visual-chart.visual-5 .visual-chart-wrapper {
      background-color: #58add2; }
    .visual-chart-block .visual-chart.shadow {
      position: absolute;
      width: 100%;
      z-index: 0;
      top: 5px;
      left: 6px; }
      .visual-chart-block .visual-chart.shadow .visual-chart-wrapper {
        background-color: #919292 !important; }
      .visual-chart-block .visual-chart.shadow .block-elements {
        opacity: 0; }
      .visual-chart-block .visual-chart.shadow:after {
        border-right-color: #919292 !important; }
      .visual-chart-block .visual-chart.shadow:before {
        background-image: unset;
        background-color: #919292 !important;
        border-color: #919292 !important; }

/*Styling care taker banner*/
.care-taker-container {
  background: #d9f7d5;
  border-bottom: 1px solid #239309;
  position: absolute;
  top: -300px;
  width: 100%;
  z-index: 999; }
  .care-taker-container .info-message {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 10px; }
    .care-taker-container .info-message .message-text {
      color: #239309;
      font-size: 12px;
      font-weight: bold;
      line-height: 1.3;
      padding: 0 20px; }
      @media (min-width: 992px) {
        .care-taker-container .info-message .message-text {
          width: calc(100% - 60px); } }
    .care-taker-container .info-message .warning i {
      font-size: 25px; }
    .care-taker-container .info-message button {
      cursor: pointer;
      padding: 10px; }
      .care-taker-container .info-message button:focus {
        outline: none; }
      .care-taker-container .info-message button i {
        font-size: 20px; }

/*Styling popup Redirection Warning*/
.redirection-warning-msg p {
  margin-bottom: 5px; }
  .redirection-warning-msg p:last-child {
    margin-bottom: 0; }

.redirection-warning-msg a {
  display: block;
  word-break: break-all;
  -ms-word-break: break-all; }

.notice-send-communication-text {
  color: #555;
  font-size: 13px;
  line-height: 1.4; }

.member-dashboard-modal h3 {
  margin-bottom: 30px; }

.member-dashboard-modal .footer-button span {
  display: inline-block; }

.member-dashboard-modal .footer-button input {
  min-width: 70px; }

.member-dashboard-modal .footer-button input[type="submit"].button {
  padding: 10px 20px 11px; }

@media (max-width: 767px) {
  .member-dashboard-modal .footer-button {
    padding-bottom: 20px; } }

/*Button profile*/
.btn-profile-group {
  margin: 20px 0; }
  .btn-profile-group .btn-profile-remove {
    margin: 0 10px; }
    .btn-profile-group .btn-profile-remove:first-child {
      margin-left: 0; }

/*Search Users in Admin*/
#searchUsers input#token-input-Recipients {
  width: 98% !important;
  height: 34px; }

#searchUsers td {
  border: none !important;
  padding: 0 10px !important; }

#searchUsers .input-search-user ul.token-input-list-facebook {
  height: 47px !important;
  overflow-y: auto; }

#searchUsers .input-search-user .token-input-input-token-facebook:first-child {
  height: 44px;
  width: 100%; }

#searchUsers .input-search-user .token-input-token-facebook {
  float: left;
  width: auto; }

.standard-tabs .table-footer .user-paging .navLink {
  font-size: 13px;
  line-height: 25px;
  height: 27px;
  padding: 0;
  margin: 0 10px; }

.standard-tabs .btn-group-actions .button-group {
  height: auto;
  line-height: normal; }
  .standard-tabs .btn-group-actions .button-group:first-child > .greyButton {
    margin-top: 0; }
  .standard-tabs .btn-group-actions .button-group > .greyButton {
    margin-top: 8px; }

.menu-section-user .userInfo {
  display: flex; }
  .menu-section-user .userInfo .userName {
    width: calc(100% - 60px); }
    @media (max-width: 767px) {
      .menu-section-user .userInfo .userName {
        margin-top: 5px; } }
  .menu-section-user .userInfo .user {
    display: block;
    height: 19px;
    line-height: 18px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }

/*quickJobs*/
@media (max-width: 767px) {
  .quickJobs .jobTitle {
    margin-bottom: 0; }
  .quickJobs .jobLocation {
    margin-top: 3px;
    margin-bottom: 10px; } }

@media (min-width: 768px) {
  .searchPanel #Keywords,
  .searchPanel #Location {
    padding-right: 35px; }
  .searchPanel .restrict .input-icon {
    right: 12px; } }

/*Header mobile*/
.communityHeader .hideit-fittext-mobile {
  line-height: 1.1; }

.sub-fittext-mobile {
  display: block;
  line-height: 1.2;
  margin-top: 10px;
  padding-bottom: 5px; }

.title-notices {
  display: block;
  margin-bottom: 5px; }

