.bg-gradient-primary {
    background-color: #df664e;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #4e73df), to(#224abe));
    background-image: linear-gradient(180deg, #ea672f 10%, #be4622 100%);
    background-size: cover;
} 

/* .bg-gradient-primary {
    background-color: #df664e;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #4e73df), to(#224abe));
    background-image: linear-gradient(180deg, #18408c 10%, #3064a8 100%);
    background-size: cover;
} */




#wrapper #content-wrapper {
    xbackground-image: url("../img/bg-page-min_small.jpg") !important;
    xbackground-image: url("../img/sharon2.jpg") !important;
    background-color: #3c3c3c;
    
    width: 100%;
    overflow-x: hidden;
}


#content-wrapper-bounceback {
    xbackground-image: url("../img/bg-page-min_small.jpg") !important;
    background-color: #1f1f3e;
    
    width: 100%;
    overflow-x: hidden;
}

.bouncebackWrapper {

    background-image: url("../img/BB-header-background_fixed.jpg") !important;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top:-22px;
  

}


.topbar .dropdown-list .dropdown-header {
    background-color: #ea672f;
    border: 0px solid #4e73df;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #fff;

    }

.newsfeed-img-profile {

    height:28px;
    width:28px;
}

.charity-img-profile {
  
    height:28px;
    width:28px;

}

.avatar-warning {

    box-shadow: 0 0 8px rgba(255, 0, 0, .8);
  -webkit-box-shadow: 0 0 8px rgba(255, 0, 0, .8);
  -moz-box-shadow: 0 0 8px rgba(255, 0, 0, .8);


}

.envelopeWarning {

  color:#ef6565;
}

.envelopeSuccess {

    color:#62bf62;
}

.rounded-pill-newsfeed {
  border-radius: 17px !important;
  background-color: #ececec;
  padding: 10px
}

.likersTrigger:hover {

    background-color: #ececec;

}

.newsfeedTimeElapsedMsg {

    color:#dca57d;

}


.trashThis:hover {

    color:#d85e5e;
    cursor:pointer;
}

.orangeLink         { color:#dcac40; }
.orangeLink:hover   { color:#f3dba7; text-decoration: none; }

.orangeLinkDark         { color:#dc7a40; }
.orangeLinkDark:hover   { color:#f5a576; text-decoration: none; }



.redLink         { color:#e68145; }
.redLink:hover   { color:#ed9b6b; text-decoration: none; }

.greenLink         { color:#36c97b; }
.greenLink:hover   { color:#54e397; text-decoration: none; }



.whiteLink         { color:#FFF; }
.whiteLink:hover   { color:#f3dba7; text-decoration: none; }

.admin-medium-55-img-profile {
    height:55px;
    width:55px;

}



.jumbotron.hubHeader{

    padding: 1rem !important;
    color: #FFF;
    background-color: #0da77c;
}

.profile-shadow {
  
   box-shadow: 0 0 8px rgba(0, 0, 0, .8);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
}


.thumb-shadow {
  
   box-shadow: 0 0 8px rgba(0, 0, 0, .8);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
}


.miniImage {

  max-width: 100px;

}

.avatar-shadow {

     box-shadow: 0 0 8px rgba(0, 0, 0, .8);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
  
}

.trophyBronze     { color: #cd7f32 !important;    }
.trophySilver     { color: #c0c0c0 !important;    }
.trophyGold       { color: #FFD700 !important;    }
.trophyChallanger { color: #66CD00 !important;    }

.aboutText {


  color:#353535;
}


/* p { font-family: 'WebFont', Arial, sans-serif; } */

.distressText {
          font-family: 'distressregular', 'Open Sans' !important;
              }

.bouncebackParagrahText {  color: white; font-size: 1.1em;}       

.bounceHighlight       { color: white; font-size: 1.1em; }

.teamListIcons span   { padding:5px; margin:0px;}

.card { min-width:160px; }

.spacedCard {

  margin-bottom:15px;

}


.editThis:hover {

    color:#ebb434;
    cursor:pointer;
}

 .feedbackText {
  
    color:#FFF;

 }
 

 .happyCamper {

  cursor:pointer;
  color:#dd9d86;

 }


 .happyCamper:hover {

  color:#df7854;

 }

 .activityHeader {

  float:right;
  color:#e5ac65;
 }

 .orangeNumbers {

  color:#db732a;

 }

 .orangeHyperlink {
    color:#db732a;
 }

  .orangeHyperlink:hover {
    color:#db732a;
 }

 /* Challenge pass css */

 .tierWrapper, .tierWrapperTierPassed , .tierWrapperTierUnopened {
              font-family: sans-serif;
              color: #fff;
              display: inline-block;
              font-weight: 100;
              text-align: center;
              font-size: 16px;
  }

.tierWrapperTierUnopened >   div        { padding: 4px; border-radius: 3px; background: #eab92f; display: inline-block; margin:4px;                     box-shadow: 6px 6px 5px #888888;   }
.tierWrapperTierUnopened     div > span { padding: 15px; border-radius: 3px; xbackground: #be4622; background: #FFF; display: inline-block; color:black;  }

.tierWrapperTierPassed  >   div         { padding: 4px; border-radius: 3px; background: #ea672f; display: inline-block; margin:4px;                      }
.tierWrapperTierPassed      div > span  { padding: 15px; border-radius: 3px; xbackground: #be4622; background: #FFF; display: inline-block; color:black;  }

.tierWrapper            >   div         { padding: 4px; border-radius: 3px; background: #e3dbd8; display: inline-block; margin:4px;                      }
.tierWrapper                div > span  { padding: 15px; border-radius: 3px; xbackground: #be4622; background: #FFF; display: inline-block; color:black;  }




.tierInner      { width:120px; cursor:pointer; }





/* PROGRESS BARS */

.lineGraphRow {

  margin-bottom: 20px;
}

.lineGraphContainer {

 margin-bottom: 30px; 
}


.progressAdmin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #1cc88a;
  border-radius: 0.35rem;
  cursor:pointer;
  transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
}

.progressAdmin:hover {
    transform: scale(1.02);
    box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
}

.progress-barAdmin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #149b6a;
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
}



.progressActivity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #527fe3;
  border-radius: 0.35rem;
  cursor:pointer;
  transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
}

.progressActivity:hover {
    transform: scale(1.02);
    box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
}

.progress-barActivity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #4266b5;
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
}





.progressPuzzle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #db9f6b;
  border-radius: 0.35rem;
  cursor:pointer;
  transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
}

.progressPuzzle:hover {
    transform: scale(1.02);
    box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
}

.progress-barPuzzle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #cd7e39;
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
}



.progressFundraising {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #f56262;
  border-radius: 0.35rem;
  cursor:pointer;
  transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
}

.progressFundraising:hover {
    transform: scale(1.02);
    box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
}

.progress-barFundraising {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #ed2f2f;
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
}


.progressSocial {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #af62f5;
  border-radius: 0.35rem;
  cursor:pointer;
  transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
}

.progressSocial:hover {
    transform: scale(1.02);
    box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
}

.progress-barSocial {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #922fed;
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
}


.progressTotal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #ababab;
  border-radius: 0.35rem;
  /* cursor:pointer;
  transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12); */
}

/* .progressTotal:hover {
    transform: scale(1.02);
    box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
} */

.progress-barTotal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #747272;
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
}


@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    -webkit-transition: none;
    transition: none;
  }
}


/* Branded box borders for hubs */


.border-left-admin {
  border-bottom: 0.45rem solid #149b6a !important;
}

.border-left-activity {
  border-bottom: 0.45rem solid #4266b5 !important;
}

.border-left-puzzle {
  border-bottom: 0.45rem solid #cd7e39 !important;
}

.border-left-community {
  border-bottom: 0.45rem solid #ed2f2f !important;
}

      
            /* 
            .smalltext {      padding-top: 5px;   font-size: 16px;                    }
            .pic { border: 2px solid #CCC; box-shadow: 6px 6px 5px #888888;           }  

            */