.ico-btn {
  width: 90px;
  height: 90px;
  border-radius: 20%;
}

.app-button-label {
  width: 144px;
  font-size: 12px;
  /*font-weight:bold;*/
  transition: transform 0.1s linear, opacity 0.1s linear;
  padding: 0 12px;
}

.app-button-icon-wrapper {
  margin-bottom: 8px;
  position: relative;
  display: inline-block;
}

.app-button-icon-percent-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 20%;
  overflow: hidden;
}

.abipw-top, .abipw-bottom {
  position: absolute;
  width: 100%;
  height: 50%;
  top: 0;
  left: 0;
  overflow: hidden;
}

.abipw-bottom {
  top: 50%;
}

.abipw-filler {
  position: absolute;
  width: 200%;
  height: 200%;
  left: -50%;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.5);
  transform-origin: center bottom;
  transform: rotate(0deg);
  transition: transform linear 1s;
}

.abipw-bottom .abipw-filler {
  transform-origin: center top;
  bottom: auto;
  top: 0;
}

.app-button-icon-percent-label {
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 50%;
  background-color: #FFFFFF;
  padding-left: 5px;
  transform: translateX(-50%) translateY(-50%);
  border-radius: 11px;
  font-size: 12px;
  font-weight: bold;
  color: #C62828;
  line-height: 20px;
  overflow: hidden;
  padding-right: 5px;
  box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.4);
}

.ico-btn-shadow {
  -webkit-box-shadow: 4px 4px 8px -3px #888888;
  -moz-box-shadow: 4px 4px 8px -3px #888888;
  box-shadow: 4px 4px 8px -3px #888888;
}

.ico-btn-blue {
  /* Fallback (could use .jpg/.png alternatively) */
  /*background-color: $singleColour;*/
  /* SVG fallback for IE 9 (could be data URI, or could use filter) */
  /*background-image: url(fallback-gradient.svg);*/
  /* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
  background-image: -webkit-gradient(linear, #96D5F0, #80C8EB, #4AAFE1 2%, #2CA7DE, #2699CB, #1988B6, #0F7EAA, #0A7BA6);
  /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
  background-image: -webkit-linear-gradient(#96D5F0, #80C8EB, #4AAFE1 2%, #2CA7DE, #2699CB, #1988B6, #0F7EAA, #0A7BA6);
  /* Firefox 3.6 - 15 */
  background-image: -moz-linear-gradient(#96D5F0, #80C8EB, #4AAFE1 2%, #2CA7DE, #2699CB, #1988B6, #0F7EAA, #0A7BA6);
  /* Opera 11.1 - 12 */
  background-image: -o-linear-gradient(#96D5F0, #80C8EB, #4AAFE1 2%, #2CA7DE, #2699CB, #1988B6, #0F7EAA, #0A7BA6);
  /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
  background-image: linear-gradient(#96D5F0, #80C8EB, #4AAFE1 2%, #2CA7DE, #2699CB, #1988B6, #0F7EAA, #0A7BA6);
}

.ico-btn-blue-green {
  /* Fallback (could use .jpg/.png alternatively) */
  /*background-color: $singleColour;*/
  /* SVG fallback for IE 9 (could be data URI, or could use filter) */
  /*background-image: url(fallback-gradient.svg);*/
  /* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
  background-image: -webkit-gradient(linear, #8DCACE, #00A69A, #05968F, #108583, #127F7F);
  /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
  background-image: -webkit-linear-gradient(#8DCACE, #00A69A, #05968F, #108583, #127F7F);
  /* Firefox 3.6 - 15 */
  background-image: -moz-linear-gradient(#8DCACE, #00A69A, #05968F, #108583, #127F7F);
  /* Opera 11.1 - 12 */
  background-image: -o-linear-gradient(#8DCACE, #00A69A, #05968F, #108583, #127F7F);
  /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
  background-image: linear-gradient(#8DCACE, #00A69A, #05968F, #108583, #127F7F);
}

.ico-btn-black {
  /* Fallback (could use .jpg/.png alternatively) */
  /*background-color: $singleColour;*/
  /* SVG fallback for IE 9 (could be data URI, or could use filter) */
  /*background-image: url(fallback-gradient.svg);*/
  /* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
  background-image: -webkit-gradient(linear, #676868, #4B4B4B, #333333, #010101);
  /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
  background-image: -webkit-linear-gradient(#676868, #4B4B4B, #333333, #010101);
  /* Firefox 3.6 - 15 */
  background-image: -moz-linear-gradient(#676868, #4B4B4B, #333333, #010101);
  /* Opera 11.1 - 12 */
  background-image: -o-linear-gradient(#676868, #4B4B4B, #333333, #010101);
  /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
  background-image: linear-gradient(#676868, #4B4B4B, #333333, #010101);
}

.ico-btn-brown {
  /* Fallback (could use .jpg/.png alternatively) */
  /*background-color: $singleColour;*/
  /* SVG fallback for IE 9 (could be data URI, or could use filter) */
  /*background-image: url(fallback-gradient.svg);*/
  /* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
  background-image: -webkit-gradient(linear, #B99076, #886439, #795533, #734F31);
  /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
  background-image: -webkit-linear-gradient(#B99076, #886439, #795533, #734F31);
  /* Firefox 3.6 - 15 */
  background-image: -moz-linear-gradient(#B99076, #886439, #795533, #734F31);
  /* Opera 11.1 - 12 */
  background-image: -o-linear-gradient(#B99076, #886439, #795533, #734F31);
  /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
  background-image: linear-gradient(#B99076, #886439, #795533, #734F31);
}

.ico-btn-dark-blue {
  /* Fallback (could use .jpg/.png alternatively) */
  /*background-color: $singleColour;*/
  /* SVG fallback for IE 9 (could be data URI, or could use filter) */
  /*background-image: url(fallback-gradient.svg);*/
  /* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
  background-image: -webkit-gradient(linear, #92BCD7, #75A5CE, #538DC4, #357DBD, #1A75BA, #0772B9, #215378);
  /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
  background-image: -webkit-linear-gradient(#92BCD7, #75A5CE, #538DC4, #357DBD, #1A75BA, #0772B9, #215378);
  /* Firefox 3.6 - 15 */
  background-image: -moz-linear-gradient(#92BCD7, #75A5CE, #538DC4, #357DBD, #1A75BA, #0772B9, #215378);
  /* Opera 11.1 - 12 */
  background-image: -o-linear-gradient(#92BCD7, #75A5CE, #538DC4, #357DBD, #1A75BA, #0772B9, #215378);
  /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
  background-image: linear-gradient(#92BCD7, #75A5CE, #538DC4, #357DBD, #1A75BA, #0772B9, #215378);
}

.ico-btn-dark-green {
  /* Fallback (could use .jpg/.png alternatively) */
  /*background-color: $singleColour;*/
  /* SVG fallback for IE 9 (could be data URI, or could use filter) */
  /*background-image: url(fallback-gradient.svg);*/
  /* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
  background-image: -webkit-gradient(linear, #85C2A9, #147C6E, #107364, #086454, #055F4E);
  /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
  background-image: -webkit-linear-gradient(#85C2A9, #147C6E, #107364, #086454, #055F4E);
  /* Firefox 3.6 - 15 */
  background-image: -moz-linear-gradient(#85C2A9, #147C6E, #107364, #086454, #055F4E);
  /* Opera 11.1 - 12 */
  background-image: -o-linear-gradient(#85C2A9, #147C6E, #107364, #086454, #055F4E);
  /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
  background-image: linear-gradient(#85C2A9, #147C6E, #107364, #086454, #055F4E);
}

.ico-btn-green {
  /* Fallback (could use .jpg/.png alternatively) */
  /*background-color: $singleColour;*/
  /* SVG fallback for IE 9 (could be data URI, or could use filter) */
  /*background-image: url(fallback-gradient.svg);*/
  /* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
  background-image: -webkit-gradient(linear, #97BE73, #088F46, #218743, #34763E, #38703D);
  /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
  background-image: -webkit-linear-gradient(#97BE73, #088F46, #218743, #34763E, #38703D);
  /* Firefox 3.6 - 15 */
  background-image: -moz-linear-gradient(#97BE73, #088F46, #218743, #34763E, #38703D);
  /* Opera 11.1 - 12 */
  background-image: -o-linear-gradient(#97BE73, #088F46, #218743, #34763E, #38703D);
  /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
  background-image: linear-gradient(#97BE73, #088F46, #218743, #34763E, #38703D);
}

.ico-btn-grey {
  /* Fallback (could use .jpg/.png alternatively) */
  /*background-color: $singleColour;*/
  /* SVG fallback for IE 9 (could be data URI, or could use filter) */
  /*background-image: url(fallback-gradient.svg);*/
  /* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
  background-image: -webkit-gradient(linear, #C8C8C8, #939393, #878686, #70706F, #676868);
  /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
  background-image: -webkit-linear-gradient(#C8C8C8, #939393, #878686, #70706F, #676868);
  /* Firefox 3.6 - 15 */
  background-image: -moz-linear-gradient(#C8C8C8, #939393, #878686, #70706F, #676868);
  /* Opera 11.1 - 12 */
  background-image: -o-linear-gradient(#C8C8C8, #939393, #878686, #70706F, #676868);
  /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
  background-image: linear-gradient(#C8C8C8, #939393, #878686, #70706F, #676868);
}

.ico-btn-light-grey {
  /* Fallback (could use .jpg/.png alternatively) */
  /*background-color: $singleColour;*/
  /* SVG fallback for IE 9 (could be data URI, or could use filter) */
  /*background-image: url(fallback-gradient.svg);*/
  /* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
  background-image: -webkit-gradient(linear, #DFDFDE, #CECECD, #C0C0C0, #BCBCBB, #BABABA, #959595);
  /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
  background-image: -webkit-linear-gradient(#DFDFDE, #CECECD, #C0C0C0, #BCBCBB, #BABABA, #959595);
  /* Firefox 3.6 - 15 */
  background-image: -moz-linear-gradient(#DFDFDE, #CECECD, #C0C0C0, #BCBCBB, #BABABA, #959595);
  /* Opera 11.1 - 12 */
  background-image: -o-linear-gradient(#DFDFDE, #CECECD, #C0C0C0, #BCBCBB, #BABABA, #959595);
  /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
  background-image: linear-gradient(#DFDFDE, #CECECD, #C0C0C0, #BCBCBB, #BABABA, #959595);
}

.ico-btn-orange {
  /* Fallback (could use .jpg/.png alternatively) */
  /*background-color: $singleColour;*/
  /* SVG fallback for IE 9 (could be data URI, or could use filter) */
  /*background-image: url(fallback-gradient.svg);*/
  /* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
  background-image: -webkit-gradient(linear, #EEA75E, #EE9A52, #ED7A37, #ED642A, #ED5C26, #E55A27, #D45728, #C5552A);
  /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
  background-image: -webkit-linear-gradient(#EEA75E, #EE9A52, #ED7A37, #ED642A, #ED5C26, #E55A27, #D45728, #C5552A);
  /* Firefox 3.6 - 15 */
  background-image: -moz-linear-gradient(#EEA75E, #EE9A52, #ED7A37, #ED642A, #ED5C26, #E55A27, #D45728, #C5552A);
  /* Opera 11.1 - 12 */
  background-image: -o-linear-gradient(#EEA75E, #EE9A52, #ED7A37, #ED642A, #ED5C26, #E55A27, #D45728, #C5552A);
  /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
  background-image: linear-gradient(#EEA75E, #EE9A52, #ED7A37, #ED642A, #ED5C26, #E55A27, #D45728, #C5552A);
}

.ico-btn-ruby {
  /* Fallback (could use .jpg/.png alternatively) */
  /*background-color: $singleColour;*/
  /* SVG fallback for IE 9 (could be data URI, or could use filter) */
  /*background-image: url(fallback-gradient.svg);*/
  /* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
  background-image: -webkit-gradient(linear, #EE6F63, #E82128 50%, #B32630, #9A2733);
  /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
  background-image: -webkit-linear-gradient(#EE6F63, #E82128 50%, #B32630, #9A2733);
  /* Firefox 3.6 - 15 */
  background-image: -moz-linear-gradient(#EE6F63, #E82128 50%, #B32630, #9A2733);
  /* Opera 11.1 - 12 */
  background-image: -o-linear-gradient(#EE6F63, #E82128 50%, #B32630, #9A2733);
  /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
  background-image: linear-gradient(#EE6F63, #E82128 50%, #B32630, #9A2733);
}

.ico-btn-pink {
  /* Fallback (could use .jpg/.png alternatively) */
  /*background-color: $singleColour;*/
  /* SVG fallback for IE 9 (could be data URI, or could use filter) */
  /*background-image: url(fallback-gradient.svg);*/
  /* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
  background-image: -webkit-gradient(linear, #D6A4C1, #B05B84, #A64F72, #9A4260, #963D5A);
  /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
  background-image: -webkit-linear-gradient(#D6A4C1, #B05B84, #A64F72, #9A4260, #963D5A);
  /* Firefox 3.6 - 15 */
  background-image: -moz-linear-gradient(#D6A4C1, #B05B84, #A64F72, #9A4260, #963D5A);
  /* Opera 11.1 - 12 */
  background-image: -o-linear-gradient(#D6A4C1, #B05B84, #A64F72, #9A4260, #963D5A);
  /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
  background-image: linear-gradient(#D6A4C1, #B05B84, #A64F72, #9A4260, #963D5A);
}

.ico-btn-purple {
  /* Fallback (could use .jpg/.png alternatively) */
  /*background-color: $singleColour;*/
  /* SVG fallback for IE 9 (could be data URI, or could use filter) */
  /*background-image: url(fallback-gradient.svg);*/
  /* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
  background-image: -webkit-gradient(linear, #AC97BF, #A48EB5, #907498, #816286, #77567A, #724F73, #704D70, #6D4673, #693B76, #673777);
  /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
  background-image: -webkit-linear-gradient(#AC97BF, #A48EB5, #907498, #816286, #77567A, #724F73, #704D70, #6D4673, #693B76, #673777);
  /* Firefox 3.6 - 15 */
  background-image: -moz-linear-gradient(#AC97BF, #A48EB5, #907498, #816286, #77567A, #724F73, #704D70, #6D4673, #693B76, #673777);
  /* Opera 11.1 - 12 */
  background-image: -o-linear-gradient(#AC97BF, #A48EB5, #907498, #816286, #77567A, #724F73, #704D70, #6D4673, #693B76, #673777);
  /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
  background-image: linear-gradient(#AC97BF, #A48EB5, #907498, #816286, #77567A, #724F73, #704D70, #6D4673, #693B76, #673777);
}

.ico-btn-yellow {
  /* Fallback (could use .jpg/.png alternatively) */
  /*background-color: $singleColour;*/
  /* SVG fallback for IE 9 (could be data URI, or could use filter) */
  /*background-image: url(fallback-gradient.svg);*/
  /* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
  background-image: -webkit-gradient(linear, #F4DA14, #F6CF30, #FBC048, #F7B843, #F0A839, #EEA335);
  /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
  background-image: -webkit-linear-gradient(#F4DA14, #F6CF30, #FBC048, #F7B843, #F0A839, #EEA335);
  /* Firefox 3.6 - 15 */
  background-image: -moz-linear-gradient(#F4DA14, #F6CF30, #FBC048, #F7B843, #F0A839, #EEA335);
  /* Opera 11.1 - 12 */
  background-image: -o-linear-gradient(#F4DA14, #F6CF30, #FBC048, #F7B843, #F0A839, #EEA335);
  /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
  background-image: linear-gradient(#F4DA14, #F6CF30, #FBC048, #F7B843, #F0A839, #EEA335);
}

.ico-btn-aqua {
  /* Fallback (could use .jpg/.png alternatively) */
  /*background-color: $singleColour;*/
  /* SVG fallback for IE 9 (could be data URI, or could use filter) */
  /*background-image: url(fallback-gradient.svg);*/
  /* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
  background-image: -webkit-gradient(linear, #c6e9ed, #7cdbd5, #0ab5af);
  /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
  background-image: -webkit-linear-gradient(#c6e9ed, #7cdbd5, #0ab5af);
  /* Firefox 3.6 - 15 */
  background-image: -moz-linear-gradient(#c6e9ed, #7cdbd5, #0ab5af);
  /* Opera 11.1 - 12 */
  background-image: -o-linear-gradient(#c6e9ed, #7cdbd5, #0ab5af);
  /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
  background-image: linear-gradient(#c6e9ed, #7cdbd5, #0ab5af);
}

.ico-btn-light-blue {
  /* Fallback (could use .jpg/.png alternatively) */
  /*background-color: $singleColour;*/
  /* SVG fallback for IE 9 (could be data URI, or could use filter) */
  /*background-image: url(fallback-gradient.svg);*/
  /* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
  background-image: -webkit-gradient(linear, #90D6E8, #29ABE2, #34A5D0);
  /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
  background-image: -webkit-linear-gradient(#90D6E8, #29ABE2, #34A5D0);
  /* Firefox 3.6 - 15 */
  background-image: -moz-linear-gradient(#90D6E8, #29ABE2, #34A5D0);
  /* Opera 11.1 - 12 */
  background-image: -o-linear-gradient(#90D6E8, #29ABE2, #34A5D0);
  /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
  background-image: linear-gradient(#90D6E8, #29ABE2, #34A5D0);
}

.ico-btn-grapefruit {
  /* Fallback (could use .jpg/.png alternatively) */
  /*background-color: $singleColour;*/
  /* SVG fallback for IE 9 (could be data URI, or could use filter) */
  /*background-image: url(fallback-gradient.svg);*/
  /* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
  background-image: -webkit-gradient(linear, #ed5a24, #ed5a24);
  /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
  background-image: -webkit-linear-gradient(#ed5a24, #ed5a24);
  /* Firefox 3.6 - 15 */
  background-image: -moz-linear-gradient(#ed5a24, #ed5a24);
  /* Opera 11.1 - 12 */
  background-image: -o-linear-gradient(#ed5a24, #ed5a24);
  /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
  background-image: linear-gradient(#ed5a24, #ed5a24);
}

.ico-btn-burgundy {
  /* Fallback (could use .jpg/.png alternatively) */
  /*background-color: $singleColour;*/
  /* SVG fallback for IE 9 (could be data URI, or could use filter) */
  /*background-image: url(fallback-gradient.svg);*/
  /* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
  background-image: -webkit-gradient(linear, #c63700, #c63700);
  /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
  background-image: -webkit-linear-gradient(#c63700, #c63700);
  /* Firefox 3.6 - 15 */
  background-image: -moz-linear-gradient(#c63700, #c63700);
  /* Opera 11.1 - 12 */
  background-image: -o-linear-gradient(#c63700, #c63700);
  /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
  background-image: linear-gradient(#c63700, #c63700);
}
/*# sourceMappingURL=css-ico-btn.css.map */