/* Colors v.1 */

/* Colors */

.orange {
    background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
  }
  
  .orange-deep {
    background-color: #ff762c;
  }
  
  .grey {
      background-color: #2d343a; 
  }
  
  .white {
    background-color: #fff;
  }
  
  .white .md-chip-text {
    color: rgba(0, 0, 0, .87);
  }
  
  .blue {
    background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%);
    color: #fff;
  }
  
  .blue-deep {
    background-color: #2290bf;
  }
  
  /* Colors für Postings mit */
  
  .color-set-warmflame  {
      color: #fff;
      background-image: linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%);
  }
  
  .color-set-nightfade  {
      color: #fff;
      background-image: linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%);
  }
  
  .color-set-huicypeach  {
      color: #5c5c5c;
      background-image: linear-gradient(to right, #ffecd2 0%, #fcb69f 100%);
  }
  
  .color-set-sunnymorning  {
      color: #fff;
      background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
  }
  
  .color-set-dustygrass  {
      color: #5c5c5c;
      background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%);
  }
  
  .color-set-winterneva  {
      color: #fff;
      background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
  }
  
  .color-set-happyacid  {
      color: #fff;
      background-image: linear-gradient(to top, #37ecba 0%, #72afd3 100%);
  }
  
  .color-set-happymemories {
      color: #fff;
      background-image: linear-gradient(60deg, #96deda 0%, #50c9c3 100%);
  }
  
  .color-grey-grey  {
      color: #fff;
      background-image: linear-gradient(to top, #374046 0%, #2d343a 100%);
  }  

/* Community Chat Colors */

.community__chat__username {
    font-size: 11px;
  }

  .community__chat__text {
    font-size: 16px;
  }

.community__chat__bubble__1 {
    background-color: #009688;
    color: #fff;
    }
  
.community__chat__bubble__2 {
    background-color: #CDDC39;
    color: #fff;
    }

.community__chat__bubble__3 {
    background-color: #E91E63;
    color: #fff;
    }

.community__chat__bubble__4 {
    background-color: #607D8B;
    color: #fff;
    }

.community__chat__bubble__5 {
    background-color: #FF5722;
    color: #fff;
    }

.community__chat__bubble__6 {
    background-color: #00BCD4;
    color: #fff;
    }

.community__chat__bubble__7 {
    background-color: #009688;
    color: #fff;
    }

.community__chat__bubble__8 {
    background-color: #4CAF50;
    color: #fff;
    }

.community__chat__bubble__9 {
    background-color: #4CAF50;
    color: #fff;
    }

.community__chat__bubble__10 {
    background-color: #FFC107;
    color: #212121;
    }

.community__chat__bubble__11 {
    background-color: #9C27B0;
    color: #fff;
    }

.community__chat__bubble__12 {
    background-color: #303F9F;
    color: #fff;
    }

.community__chat__bubble__13 {
    background-color: #512DA8;
    color: #fff;
    }

.community__chat__bubble__14 {
    background-color: #2196F3;
    color: #fff;
    }

.community__chat__bubble__15 {
    background-color: #8BC34A;
    color: #fff;
    }


.community__chat__bubble__16 {
    background-color: #FF9800;
    color: #fff;
    }

.community__chat__bubble__17 {
    background-color: #795548;
    color: #fff;
    }

.community__chat__bubble__18 {
    background-color: #00796B;
    color: #fff;
    }

/* Colors für Postings ohne farbverlauf*/

.color-set-fruute  {
    color: #fff;
    background-color: #8ac5c3;
}

.color-set-orange  {
    color: #fff;
    background-color: #ff9681;
}

.color-set-yellow  {
    color: #5c5c5c;
    background-color: #fed88f;
}



/* Colors für Postings */

.hashbulb-area {
    height: 50px;
    text-align: center;
    justify-content: center;
    display: flex;
}

.color-set-orange .hashbulb {
    height: 30px;
    background-color: #374046;
    border-radius: 20px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    text-align: center;
    color: #fff;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}

.color-set-fruute .hashbulb {
    height: 30px;
    background-color: #f6d365;
    border-radius: 20px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    text-align: center;
    color: #374046;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}

.color-set-yellow .hashbulb {
    height: 30px;
    background-color: #374046;
    border-radius: 20px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    text-align: center;
    color: #fff;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}

.color-set-warmflame .hashbulb {
    height: 30px;
    background-color: #374046;
    border-radius: 20px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    text-align: center;
    color: #fff;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}


.color-set-nightfade  .hashbulb {
    height: 30px;
    background-color: #fff;
    border-radius: 20px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    text-align: center;
    color: #a18cd1;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}


.color-set-huicypeach .hashbulb {
    height: 30px;
    background-color: #374046;
    border-radius: 20px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    text-align: center;
    color: #fff;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}


.color-set-sunnymorning .hashbulb {
    height: 30px;
    background-color: #374046;
    border-radius: 20px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    text-align: center;
    color: #fff;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}


.color-set-dustygrass .hashbulb {
    height: 30px;
    background-color: #374046;
    border-radius: 20px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    text-align: center;
    color: #fff;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}



.color-set-winterneva .hashbulb {
    height: 30px;
    background-color: #374046;
    border-radius: 20px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    text-align: center;
    color: #fff;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}


.color-set-happyacid .hashbulb {
    height: 30px;
    background-color: #fff;
    border-radius: 20px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    text-align: center;
    color: #37ecba;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}

.color-set-happymemories .hashbulb {
    height: 30px;
    background-color: #374046;
    border-radius: 20px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    text-align: center;
    color: #fff;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}
.color-grey-grey .hashbulb {
    height: 30px;
    background-color: #fff;
    border-radius: 20px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    text-align: center;
    color: #2d343a;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}


/*  */