/* http://colorzilla.com/gradient-editor/#e570e7+0,c85ec7+47,a849a3+100;Pink+3D+%233 */
.purple-grad {
  border: 2px solid #c85ec7;
  background: #de47ac;
  background: -moz-linear-gradient(
    top,
    #ffffff 0%,
    #de47ac 14%,
    #ad1283 50%,
    #cb60b3 100%
  );
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #de47ac 14%,
    #ad1283 50%,
    #cb60b3 100%
  );
  background: -webkit-gradient(
    #ffffff 0%,
    #de47ac 14%,
    #ad1283 50%,
    #cb60b3 100%
  );
  background: linear-gradient(
    to bottom,
    #ffffff 0%,
    #de47ac 14%,
    #ad1283 50%,
    #cb60b3 100%
  );
  background: -o-linear-gradient(
    #ffffff 0%,
    #de47ac 14%,
    #ad1283 50%,
    #cb60b3 100%
  );
  background: -ms-linear-gradient(
    #ffffff 0%,
    #de47ac 14%,
    #ad1283 50%,
    #cb60b3 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cb60b3',GradientType=0 );
}

/* http://colorzilla.com/gradient-editor/#e570e7+0,c85ec7+47,a849a3+100;Pink+3D+%233 */
.purple-grad:hover{
    border: 2px solid #c85ec7;
    background: #de47ac;
    background: -moz-linear-gradient(
        top,
        #ffffff 0%,
        #d497d3 14%,
        #d497d3 50%,
        #cb60b3 100%);
    background: -webkit-linear-gradient(
        top,
        #ffffff 0%,
        #d497d3 14%,
        #d497d3 50%,
        #cb60b3 100%);
    background: -webkit-gradient(
        #ffffff 0%,
        #d497d3 14%,
        #d497d3 50%,
        #cb60b3 100%);
    background: linear-gradient(
        to bottom,
        #ffffff 0%,
        #d497d3 14%,
        #d497d3 50%,
        #cb60b3 100%);
    background: -o-linear-gradient(
        #ffffff 0%,
        #d497d3 14%,
        #d497d3 50%,
        #cb60b3 100%);
    background: -ms-linear-gradient(
        #ffffff 0%,
        #d497d3 14%,
        #d497d3 50%,
        #cb60b3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cb60b3',GradientType=0 );
}

/* http://www.colorzilla.com/gradient-editor/#ffffff+0,0020f2+50,0020f2+100 */
.blue-grad {
  border: 2px solid #0020f2;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #0020f2 50%, #0020f2 100%);
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #0020f2 50%,
    #0020f2 100%
  );
  background: linear-gradient(to bottom, #ffffff 0%, #0020f2 50%, #0020f2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#0020f2', GradientType=0);
}

/* http://www.colorzilla.com/gradient-editor/#ffffff+0,4059ff+50,4059ff+100 */
.blue-grad:hover {
  border: 2px solid #4059ff;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #4059ff 50%, #4059ff 100%);
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #4059ff 50%,
    #4059ff 100%
  );
  background: linear-gradient(to bottom, #ffffff 0%, #4059ff 50%, #4059ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#4059ff', GradientType=0);
}

/* http://www.colorzilla.com/gradient-editor/#ffffff+0,0019bf+50,0019bf+100 */
.blue-grad:active {
  border: 2px solid #0019bf;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #0019bf 50%, #0019bf 100%);
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #0019bf 50%,
    #0019bf 100%
  );
  background: linear-gradient(to bottom, #ffffff 0%, #0019bf 50%, #0019bf 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#0019bf', GradientType=0);
}

/* http://www.colorzilla.com/gradient-editor/#ffffff+0,fea500+50,fea500+100 */
.yellow-grad {
  border: 2px solid #fea500;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #fea500 50%, #fea500 100%);
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #fea500 50%,
    #fea500 100%
  );
  background: linear-gradient(to bottom, #ffffff 0%, #fea500 50%, #fea500 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fea500', GradientType=0);
}

/* http://www.colorzilla.com/gradient-editor/#ffffff+0,ffc04c+50,ffc04c+100 */
.yellow-grad:hover {
  border: 2px solid #ffc04c;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #ffc04c 50%, #ffc04c 100%);
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #ffc04c 50%,
    #ffc04c 100%
  );
  background: linear-gradient(to bottom, #ffffff 0%, #ffc04c 50%, #ffc04c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffc04c', GradientType=0);
}

/* http://www.colorzilla.com/gradient-editor/#ffffff+0,cb8400+50,cb8400+100 */
.yellow-grad:active {
  border: 2px solid #cb8400;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #cb8400 50%, #cb8400 100%);
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #cb8400 50%,
    #cb8400 100%
  );
  background: linear-gradient(to bottom, #ffffff 0%, #cb8400 50%, #cb8400 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cb8400', GradientType=0);
}

/* http://www.colorzilla.com/gradient-editor/#ffffff+0,8bc53f+50,8bc53f+100 */
.green-grad {
  border: 2px solid #8bc53f;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #8bc53f 50%, #8bc53f 100%);
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #8bc53f 50%,
    #8bc53f 100%
  );
  background: linear-gradient(to bottom, #ffffff 0%, #8bc53f 50%, #8bc53f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#8bc53f', GradientType=0);
}

/* http://www.colorzilla.com/gradient-editor/#ffffff+0,aed77a+50,aed77a+100. */
.green-grad:hover {
  border: 2px solid #aed77a;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #aed77a 50%, #aed77a 100%);
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #aed77a 50%,
    #aed77a 100%
  );
  background: linear-gradient(to bottom, #ffffff 0%, #aed77a 50%, #aed77a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#aed77a', GradientType=0);
}

/* http://www.colorzilla.com/gradient-editor/#ffffff+0,70a130+50,70a130+100 */
.green-grad:active {
  border: 2px solid #70a130;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #70a130 50%, #70a130 100%);
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #70a130 50%,
    #70a130 100%
  );
  background: linear-gradient(to bottom, #ffffff 0%, #70a130 50%, #70a130 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#70a130', GradientType=0);
}

/* http://www.colorzilla.com/gradient-editor/#ffffff+0,27e833+50,27e833+100 */
.strong-green-grad {
  border: 2px solid #27e833;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #27e833 50%, #27e833 100%);
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #27e833 50%,
    #27e833 100%
  );
  background: linear-gradient(to bottom, #ffffff 0%, #27e833 50%, #27e833 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#27e833', GradientType=0);
}

/* http://www.colorzilla.com/gradient-editor/#ffffff+0,55ed5f+50,55ed5f+100 */
.strong-green-grad:hover {
  border: 2px solid #55ed5f;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #55ed5f 50%, #55ed5f 100%);
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #55ed5f 50%,
    #55ed5f 100%
  );
  background: linear-gradient(to bottom, #ffffff 0%, #55ed5f 50%, #55ed5f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#55ed5f', GradientType=0);
}

/* http://www.colorzilla.com/gradient-editor/#ffffff+0,15c720+50,15c720+100 */
.strong-green-grad:active {
  border: 2px solid #15c720;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #15c720 50%, #15c720 100%);
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #15c720 50%,
    #15c720 100%
  );
  background: linear-gradient(to bottom, #ffffff 0%, #15c720 50%, #15c720 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#15c720', GradientType=0);
}

/* http://www.colorzilla.com/gradient-editor/#ffffff+0,ff2b00+50,ff2b00+100 */
.strong-red-grad {
  border: 2px solid #ff2b00;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #ff2b00 50%, #ff2b00 100%);
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #ff2b00 50%,
    #ff2b00 100%
  );
  background: linear-gradient(to bottom, #ffffff 0%, #ff2b00 50%, #ff2b00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ff2b00', GradientType=0);
}

/* http://www.colorzilla.com/gradient-editor/#ffffff+0,ff5533+50,ff5533+100 */
.strong-red-grad:hover {
  border: 2px solid #ff5533;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #ff5533 50%, #ff5533 100%);
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #ff5533 50%,
    #ff5533 100%
  );
  background: linear-gradient(to bottom, #ffffff 0%, #ff5533 50%, #ff5533 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ff5533', GradientType=0);
}

/* http://www.colorzilla.com/gradient-editor/#ffffff+0,cc2200+50,cc2200+100 */
.strong-red-grad:active {
  border: 2px solid #cc2200;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #cc2200 50%, #cc2200 100%);
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #cc2200 50%,
    #cc2200 100%
  );
  background: linear-gradient(to bottom, #ffffff 0%, #cc2200 50%, #cc2200 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cc2200', GradientType=0);
}

/* http://www.colorzilla.com/gradient-editor/#ffffff+0,ff69bf+50,ff69bf+100 */
.pink-grad {
  border: 2px solid #ff69bf;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #ff69bf 50%, #ff69bf 100%);
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #ff69bf 50%,
    #ff69bf 100%
  );
  background: linear-gradient(to bottom, #ffffff 0%, #ff69bf 50%, #ff69bf 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ff69bf', GradientType=0);
}

/* http://www.colorzilla.com/gradient-editor/#ffffff+0,ff9cd5+50,ff9cd5+100 */
.pink-grad:hover {
  border: 2px solid #ff9cd5;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #ff9cd5 50%, #ff9cd5 100%);
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #ff9cd5 50%,
    #ff9cd5 100%
  );
  background: linear-gradient(to bottom, #ffffff 0%, #ff9cd5 50%, #ff9cd5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ff9cd5', GradientType=0);
}

/* http://www.colorzilla.com/gradient-editor/#ffffff+0,ff36a9+50,ff36a9+100 */
.pink-grad:active {
  border: 2px solid #ff36a9;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #ff36a9 50%, #ff36a9 100%);
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #ff36a9 50%,
    #ff36a9 100%
  );
  background: linear-gradient(to bottom, #ffffff 0%, #ff36a9 50%, #ff36a9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ff36a9', GradientType=0);
}

/* http://www.colorzilla.com/gradient-editor/#ffffff+0,db2830+25,f37e5f+100 */
.red-grad {
  border: 2px solid #db2830;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #db2830 50%, #db2830 100%);
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #db2830 50%,
    #db2830 100%
  );
  background: linear-gradient(to bottom, #ffffff 0%, #db2830 50%, #db2830 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f37e5f', GradientType=0);
}

/* http://www.colorzilla.com/gradient-editor/#ffffff+0,e2545a+25,f7a48e+100 */
.red-grad:hover {
  border: 2px solid #e2545a;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #e2545a 50%, #e2545a 100%);
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #e2545a 50%,
    #e2545a 100%
  );
  background: linear-gradient(to bottom, #ffffff 0%, #e2545a 50%, #e2545a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7a48e', GradientType=0);
}

/* http://www.colorzilla.com/gradient-editor/#ffffff+0,b21e24+25,ef5830+100 */
.red-grad:active {
  border: 2px solid #b21e24;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #b21e24 50%, #b21e24 100%);
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #b21e24 50%,
    #b21e24 100%
  );
  background: linear-gradient(to bottom, #ffffff 0%, #b21e24 50%, #b21e24 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ef5830', GradientType=0);
}

/* http://www.colorzilla.com/gradient-editor/#ffffff+0,aaaaaa+50,aaaaaa+100 */
.silver-grad {
  border: 2px solid #aaaaaa;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #aaaaaa 50%, #aaaaaa 100%);
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #aaaaaa 50%,
    #aaaaaa 100%
  );
  background: linear-gradient(to bottom, #ffffff 0%, #aaaaaa 50%, #aaaaaa 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#aaaaaa', GradientType=0);
}

/* http://www.colorzilla.com/gradient-editor/#ffffff+0,c4c4c4+50,c4c4c4+100 */
.silver-grad:hover {
  border: 2px solid #c4c4c4;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #c4c4c4 50%, #c4c4c4 100%);
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #c4c4c4 50%,
    #c4c4c4 100%
  );
  background: linear-gradient(to bottom, #ffffff 0%, #c4c4c4 50%, #c4c4c4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c4c4c4', GradientType=0);
}

/* http://www.colorzilla.com/gradient-editor/#ffffff+0,919191+50,919191+100 */
.silver-grad:active {
  border: 2px solid #919191;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #919191 50%, #919191 100%);
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #919191 50%,
    #919191 100%
  );
  background: linear-gradient(to bottom, #ffffff 0%, #919191 50%, #919191 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#919191', GradientType=0);
}

/* https://www.colorzilla.com/gradient-editor/#ffffff+0,1cdc81+50,1cdc81+100 */
.turquoise-grad {
  border: 2px solid #1cdc81;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #1cdc81 50%, #1cdc81 100%);
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #1cdc81 50%,
    #1cdc81 100%
  );
  background: linear-gradient(to bottom, #ffffff 0%, #1cdc81 50%, #1cdc81 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#1cdc81',GradientType=0 );
}

/* https://www.colorzilla.com/gradient-editor/#ffffff+0,44e79a+50,44e79a+100 */
.turquoise-grad:hover {
  border: 2px solid #44e79a;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #44e79a 50%, #44e79a 100%);
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #44e79a 50%,
    #44e79a 100%
  );
  background: linear-gradient(to bottom, #ffffff 0%, #44e79a 50%, #44e79a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#44e79a', GradientType=0);
}

/* https://www.colorzilla.com/gradient-editor/#ffffff+0,19c574+50,19c574+100 */
.turquoise-grad:active {
  border: 2px solid #19c574;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #19c574 50%, #19c574 100%);
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #19c574 50%,
    #19c574 100%
  );
  background: linear-gradient(to bottom, #ffffff 0%, #19c574 50%, #19c574 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#19c574', GradientType=0);
}

/* https://www.colorzilla.com/gradient-editor/#ffffff+0,a9e83e+50,a9e83e+100 */
.bright-green-grad {
  border: 2px solid #a9e83e;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #a9e83e 50%, #a9e83e 100%);
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #a9e83e 50%,
    #a9e83e 100%
  );
  background: linear-gradient(to bottom, #ffffff 0%, #a9e83e 50%, #a9e83e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a9e83e',GradientType=0 );
}

/* https://www.colorzilla.com/gradient-editor/#ffffff+0,c7f082+50,c7f082+100 */
.bright-green-grad:hover {
  border: 2px solid #c7f082;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #c7f082 50%, #c7f082 100%);
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #c7f082 50%,
    #c7f082 100%
  );
  background: linear-gradient(to bottom, #ffffff 0%, #c7f082 50%, #c7f082 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c7f082', GradientType=0);
}

/* https://www.colorzilla.com/gradient-editor/#ffffff+0,83c217+50,83c217+100 */
.bright-green-grad:active {
  border: 2px solid #83c217;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #83c217 50%, #83c217 100%);
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #83c217 50%,
    #83c217 100%
  );
  background: linear-gradient(to bottom, #ffffff 0%, #83c217 50%, #83c217 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#83c217', GradientType=0);
}

/* https://www.colorzilla.com/gradient-editor/#ffffff+0,9d4bfb+50,9d4bfb+100 */
.violet-grad {
  border: 2px solid #9d4bfb;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #9d4bfb 50%, #9d4bfb 100%);
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #9d4bfb 50%,
    #9d4bfb 100%
  );
  background: linear-gradient(to bottom, #ffffff 0%, #9d4bfb 50%, #9d4bfb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#9d4bfb',GradientType=0 );
}

/* https://www.colorzilla.com/gradient-editor/#ffffff+0,b87dfc+50,b87dfc+100 */
.violet-grad:hover {
  border: 2px solid #b87dfc;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #b87dfc 50%, #b87dfc 100%);
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #b87dfc 50%,
    #b87dfc 100%
  );
  background: linear-gradient(to bottom, #ffffff 0%, #b87dfc 50%, #b87dfc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#b87dfc', GradientType=0);
}

/* https://www.colorzilla.com/gradient-editor/#ffffff+0,8219fa+50,8219fa+100 */
.violet-grad:active {
  border: 2px solid #8219fa;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #8219fa 50%, #8219fa 100%);
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #8219fa 50%,
    #8219fa 100%
  );
  background: linear-gradient(to bottom, #ffffff 0%, #8219fa 50%, #8219fa 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#8219fa', GradientType=0);
}

/* activity button gradients */
/* http://www.colorzilla.com/gradient-editor/#ffffff+0,8bc53f+25,d1e4a5+100 */
.activity-green-grad {
  border: 2px solid #8bc53f;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #8bc53f 25%, #d1e4a5 100%);
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #8bc53f 25%,
    #d1e4a5 100%
  );
  background: linear-gradient(to bottom, #ffffff 0%, #8bc53f 25%, #d1e4a5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d1e4a5', GradientType=0);
}

/* http://www.colorzilla.com/gradient-editor/#ffffff+0,a3d166+25,e5f0cc+100 */
.activity-green-grad:hover {
  border: 2px solid #8bc53f;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #a3d166 25%, #e5f0cc 100%);
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #a3d166 25%,
    #e5f0cc 100%
  );
  background: linear-gradient(to bottom, #ffffff 0%, #a3d166 25%, #e5f0cc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5f0cc', GradientType=0);
}

/* http://www.colorzilla.com/gradient-editor/#ffffff+0,70a130+25,bdd87e+100 */
.activity-green-grad:active {
  border: 2px solid #8bc53f;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #70a130 25%, #bdd87e 100%);
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #70a130 25%,
    #bdd87e 100%
  );
  background: linear-gradient(to bottom, #ffffff 0%, #70a130 25%, #bdd87e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#bdd87e', GradientType=0);
}

/* http://www.colorzilla.com/gradient-editor/#ffffff+0,e16e2b+25,f69452+100 */
.activity-orange-grad {
  border: 2px solid #e16e2b;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #e16e2b 25%, #f69452 100%);
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #e16e2b 25%,
    #f69452 100%
  );
  background: linear-gradient(to bottom, #ffffff 0%, #e16e2b 25%, #f69452 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f69452', GradientType=0);
}

/* http://www.colorzilla.com/gradient-editor/#ffffff+0,e78d58+25,f9b282+100 */
.activity-orange-grad:hover {
  border: 2px solid #e16e2b;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #e78d58 25%, #f9b282 100%);
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #e78d58 25%,
    #f9b282 100%
  );
  background: linear-gradient(to bottom, #ffffff 0%, #e78d58 25%, #f9b282 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9b282', GradientType=0);
}

/* http://www.colorzilla.com/gradient-editor/#ffffff+0,be571b+25,f37622+100 */
.activity-orange-grad:active {
  border: 2px solid #e16e2b;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #be571b 25%, #f37622 100%);
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #be571b 25%,
    #f37622 100%
  );
  background: linear-gradient(to bottom, #ffffff 0%, #be571b 25%, #f37622 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f37622', GradientType=0);
}

/* http://www.colorzilla.com/gradient-editor/#ffffff+0,fcb913+25,ffe7a2+100 */
.activity-yellow-grad {
  border: 2px solid #fcb913;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #fcb913 25%, #ffe7a2 100%);
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #fcb913 25%,
    #ffe7a2 100%
  );
  background: linear-gradient(to bottom, #ffffff 0%, #fcb913 25%, #ffe7a2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffe7a2', GradientType=0);
}

/* http://www.colorzilla.com/gradient-editor/#ffffff+0,fdc845+25,fff4d5+100 */
.activity-yellow-grad:hover {
  border: 2px solid #fcb913;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #fdc845 25%, #fff4d5 100%);
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #fdc845 25%,
    #fff4d5 100%
  );
  background: linear-gradient(to bottom, #ffffff 0%, #fdc845 25%, #fff4d5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fff4d5', GradientType=0);
}

/* http://www.colorzilla.com/gradient-editor/#ffffff+0,d99c03+25,ffda6f+100 */
.activity-yellow-grad:active {
  border: 2px solid #fcb913;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #d99c03 25%, #ffda6f 100%);
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #d99c03 25%,
    #ffda6f 100%
  );
  background: linear-gradient(to bottom, #ffffff 0%, #d99c03 25%, #ffda6f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffda6f', GradientType=0);
}

/* http://www.colorzilla.com/gradient-editor/#ffffff+0,db2830+25,f37e5f+100 */
.activity-red-grad {
  border: 2px solid #db2830;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #db2830 25%, #f37e5f 100%);
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #db2830 25%,
    #f37e5f 100%
  );
  background: linear-gradient(to bottom, #ffffff 0%, #db2830 25%, #f37e5f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f37e5f', GradientType=0);
}

/* http://www.colorzilla.com/gradient-editor/#ffffff+0,e2545a+25,f7a48e+100 */
.activity-red-grad:hover {
  border: 2px solid #db2830;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #e2545a 25%, #f7a48e 100%);
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #e2545a 25%,
    #f7a48e 100%
  );
  background: linear-gradient(to bottom, #ffffff 0%, #e2545a 25%, #f7a48e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7a48e', GradientType=0);
}

/* http://www.colorzilla.com/gradient-editor/#ffffff+0,b21e24+25,ef5830+100 */
.activity-red-grad:active {
  border: 2px solid #db2830;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #b21e24 25%, #ef5830 100%);
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #b21e24 25%,
    #ef5830 100%
  );
  background: linear-gradient(to bottom, #ffffff 0%, #b21e24 25%, #ef5830 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ef5830', GradientType=0);
}

/* additional styling */
/* http://www.colorzilla.com/gradient-editor/#8c878d+0,ffffff+17,8c878d+33,ffffff+50,8c878d+66,ffffff+83,8c878d+100  */
.silver-grad-frame {
  background: #8c878d;
  background: -moz-linear-gradient(
    left,
    #8c878d 0%,
    #ffffff 17%,
    #8c878d 33%,
    #ffffff 50%,
    #8c878d 66%,
    #ffffff 83%,
    #8c878d 100%
  );
  background: -webkit-linear-gradient(
    left,
    #8c878d 0%,
    #ffffff 17%,
    #8c878d 33%,
    #ffffff 50%,
    #8c878d 66%,
    #ffffff 83%,
    #8c878d 100%
  );
  background: linear-gradient(
    to right,
    #8c878d 0%,
    #ffffff 17%,
    #8c878d 33%,
    #ffffff 50%,
    #8c878d 66%,
    #ffffff 83%,
    #8c878d 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8c878d', endColorstr='#8c878d', GradientType=1);
}

.silver-grad {
  background: linear-gradient(to bottom, #ffffff 0%, #7c7b7b 50%, #7c7b7b 100%);
}
.cyan-grad {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f2f2f2+0,c6e9f4+47,0fb4e7+100 */
  background: #f2f2f2; /* Old browsers */
  background: -moz-linear-gradient(top,  #f2f2f2 0%, #c6e9f4 47%, #0fb4e7 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #f2f2f2 0%,#c6e9f4 47%,#0fb4e7 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #f2f2f2 0%,#c6e9f4 47%,#0fb4e7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#0fb4e7',GradientType=0 ); /* IE6-9 */


}

.cyan-grad:hover {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f7f7f7+0,ddf2f9+47,6bd5f5+100 */
  background: #f7f7f7; /* Old browsers */
  background: -moz-linear-gradient(top,  #f7f7f7 0%, #ddf2f9 47%, #6bd5f5 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #f7f7f7 0%,#ddf2f9 47%,#6bd5f5 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #f7f7f7 0%,#ddf2f9 47%,#6bd5f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#6bd5f5',GradientType=0 ); /* IE6-9 */
}

.light-red-grad {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f7f7f7+0,db5c73+47,d8314d+100 */
background: #f7f7f7; /* Old browsers */
background: -moz-linear-gradient(top,  #f7f7f7 0%, #db5c73 47%, #d8314d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f7f7f7 0%,#db5c73 47%,#d8314d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f7f7f7 0%,#db5c73 47%,#d8314d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#d8314d',GradientType=0 ); /* IE6-9 */

}

.light-red-grad:hover{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fafafa+0,e99ba9+47,e78393+100 */
background: #fafafa; /* Old browsers */
background: -moz-linear-gradient(top,  #fafafa 0%, #e99ba9 47%, #e78393 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fafafa 0%,#e99ba9 47%,#e78393 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fafafa 0%,#e99ba9 47%,#e78393 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e78393',GradientType=0 ); /* IE6-9 */

}