@keyframes glowing {
0% {
    box-shadow: 0 0 0 rgba(44, 154, 219, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);
}
50% {
    box-shadow: 0 0 16px rgba(44, 154, 219, 0.8), 0 1px 2px rgba(0, 0, 0, 0.2);
}
100% {
    box-shadow: 0 0 0 rgba(44, 154, 219, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);
}
}
@keyframes glowing {
0% {
    box-shadow: 0 0 0 rgba(44, 154, 219, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);
}
50% {
    box-shadow: 0 0 16px rgba(44, 154, 219, 0.8), 0 1px 2px rgba(0, 0, 0, 0.2);
}
100% {
    box-shadow: 0 0 0 rgba(44, 154, 219, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);
}
}
.button {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #fbfbfb, #e1e1e1) repeat scroll 0 0;
    border: 1px solid #d4d4d4;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 1px 2px rgba(0, 0, 0, 0.15);
    color: #666666;
    display: inline-block;
    font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 32px;
    line-height: 32px;
    margin: 0;
    padding: 0 25.6px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px white;
    vertical-align: middle;
}
.button:hover {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #ffffff, #dcdcdc) repeat scroll 0 0;
}
.button:active {
    background: #eeeeee none repeat scroll 0 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) inset, 0 1px 0 white;
    color: #bbbbbb;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}
.button:focus {
    outline: medium none;
}
input.button, button.button {
    cursor: pointer;
    height: 34px;
}
.button-block {
    display: block;
}
.button.disabled, .button.disabled:hover, .button.disabled:active, input.button:disabled, button.button:disabled {
    background: #eee none repeat scroll 0 0;
    border: 1px solid #dddddd;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    color: #ccc;
    cursor: default;
    text-shadow: 0 1px 1px white;
}
.button-wrap {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #e3e3e3, #f2f2f2) repeat scroll 0 0;
    border-radius: 200px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) inset;
    display: inline-block;
    padding: 10px;
}
.button-rounded {
    border-radius: 3px;
}
.button-pill {
    border-radius: 50px;
}
.button-circle {
    border-radius: 240px;
    border-width: 4px;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) inset, 0 1px 2px rgba(0, 0, 0, 0.2);
    font-size: 18px;
    height: 120px;
    line-height: 120px;
    padding: 0;
    width: 120px;
}
.button-primary {
    background: #00a1cb -moz-linear-gradient(center top , #00b5e5, #008db2) repeat scroll 0 0;
    border-color: #007998;
    color: white;
    text-shadow: 0 -1px 1px rgba(0, 40, 50, 0.35);
}
.button-primary:hover {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #00c9fe, #008db2) repeat scroll 0 0;
}
.button-primary:active {
    background: #1495b7 none repeat scroll 0 0;
    color: #005065;
}
.button-action {
    background: #7db500 -moz-linear-gradient(center top , #8fcf00, #6b9c00) repeat scroll 0 0;
    border-color: #5a8200;
    color: white;
    text-shadow: 0 -1px 1px rgba(19, 28, 0, 0.35);
}
.button-action:hover {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #a0e800, #6b9c00) repeat scroll 0 0;
}
.button-action:active {
    background: #76a312 none repeat scroll 0 0;
    color: #374f00;
}
.button-highlight {
    background: #f18d05 -moz-linear-gradient(center top , #fa9915, #d87e04) repeat scroll 0 0;
    border-color: #bf7004;
    color: white;
    text-shadow: 0 -1px 1px rgba(91, 53, 2, 0.35);
}
.button-highlight:hover {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #fba42e, #d87e04) repeat scroll 0 0;
}
.button-highlight:active {
    background: #d8891e none repeat scroll 0 0;
    color: #8d5303;
}
.button-caution {
    background: #e54028 -moz-linear-gradient(center top , #e8543f, #d9331a) repeat scroll 0 0;
    border-color: #c22d18;
    color: white;
    text-shadow: 0 -1px 1px rgba(103, 24, 13, 0.35);
}
.button-caution:hover {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #eb6855, #d9331a) repeat scroll 0 0;
}
.button-caution:active {
    background: #cd5240 none repeat scroll 0 0;
    color: #952312;
}
.button-royal {
    background: #87318c -moz-linear-gradient(center top , #99389f, #752a79) repeat scroll 0 0;
    border-color: #632466;
    color: white;
    text-shadow: 0 -1px 1px rgba(26, 9, 27, 0.35);
}
.button-royal:hover {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #ab3eb2, #752a79) repeat scroll 0 0;
}
.button-royal:active {
    background: #764479 none repeat scroll 0 0;
    color: #3e1740;
}
.button-flat {
    background: #eeeeee none repeat scroll 0 0;
    border: medium none;
    box-shadow: none;
    text-shadow: none;
    transition-duration: 0.3s;
    transition-property: background;
}
.button-flat:hover {
    background: #fbfbfb none repeat scroll 0 0;
}
.button-flat:active {
    background: #eeeeee none repeat scroll 0 0;
    color: #bbbbbb;
    transition-duration: 0s;
}
.button-flat.disabled {
    box-shadow: none;
}
.button-flat-primary {
    background: #00a1cb none repeat scroll 0 0;
    border: medium none;
    box-shadow: none;
    color: white;
    text-shadow: none;
    transition-duration: 0.3s;
    transition-property: background;
}
.button-flat-primary:hover {
    background: #00b5e5 none repeat scroll 0 0;
}
.button-flat-primary:active {
    background: #1495b7 none repeat scroll 0 0;
    color: #00647f;
    transition-duration: 0s;
}
.button-flat-primary.disabled {
    box-shadow: none;
}
.button-flat-action {
    background: #7db500 none repeat scroll 0 0;
    border: medium none;
    box-shadow: none;
    color: white;
    text-shadow: none;
    transition-duration: 0.3s;
    transition-property: background;
}
.button-flat-action:hover {
    background: #8fcf00 none repeat scroll 0 0;
}
.button-flat-action:active {
    background: #76a312 none repeat scroll 0 0;
    color: #486900;
    transition-duration: 0s;
}
.button-flat-action.disabled {
    box-shadow: none;
}
.button-flat-highlight {
    background: #f18d05 none repeat scroll 0 0;
    border: medium none;
    box-shadow: none;
    color: white;
    text-shadow: none;
    transition-duration: 0.3s;
    transition-property: background;
}
.button-flat-highlight:hover {
    background: #fa9915 none repeat scroll 0 0;
}
.button-flat-highlight:active {
    background: #d8891e none repeat scroll 0 0;
    color: #a66103;
    transition-duration: 0s;
}
.button-flat-highlight.disabled {
    box-shadow: none;
}
.button-flat-caution {
    background: #e54028 none repeat scroll 0 0;
    border: medium none;
    box-shadow: none;
    color: white;
    text-shadow: none;
    transition-duration: 0.3s;
    transition-property: background;
}
.button-flat-caution:hover {
    background: #e8543f none repeat scroll 0 0;
}
.button-flat-caution:active {
    background: #cd5240 none repeat scroll 0 0;
    color: #ac2815;
    transition-duration: 0s;
}
.button-flat-caution.disabled {
    box-shadow: none;
}
.button-flat-royal {
    background: #87318c none repeat scroll 0 0;
    border: medium none;
    box-shadow: none;
    color: white;
    text-shadow: none;
    transition-duration: 0.3s;
    transition-property: background;
}
.button-flat-royal:hover {
    background: #99389f none repeat scroll 0 0;
}
.button-flat-royal:active {
    background: #764479 none repeat scroll 0 0;
    color: #501d53;
    transition-duration: 0s;
}
.button-flat-royal.disabled {
    box-shadow: none;
}
.button-large {
    font-size: 19px;
    height: 38.4px;
    line-height: 38.4px;
    padding: 0 30.72px;
}
input.button-large, button.button-large {
    height: 40.4px;
}
.button-small {
    font-size: 12px;
    height: 25.6px;
    line-height: 25.6px;
    padding: 0 20.48px;
}
input.button-small, button.button-small {
    height: 27.6px;
}
.button-tiny {
    font-size: 11px;
    height: 22.4px;
    line-height: 22.4px;
    padding: 0 17.92px;
}
input.button-tiny, button.button-tiny {
    height: 24.4px;
}
.button.glow {
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-name: glowing;
}
.button.glow:active {
    animation-name: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) inset, 0 1px 0 white;
}
.button-dropdown {
    display: inline-block;
    overflow: visible;
    position: relative;
}
.button-dropdown .button-overlay {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
}
.button-dropdown .button .icon-caret-down {
    font-size: 90%;
    margin: 0 0 0 3px;
    vertical-align: middle;
}
.button-dropdown ul.button-dropdown-menu-below {
    top: 115%;
}
.button-dropdown ul.button-dropdown-menu-above {
    bottom: 115%;
    top: auto;
}
.button-dropdown ul {
    background: #fcfcfc none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);
    display: none;
    left: -2px;
    list-style-type: none;
    margin: 0;
    min-width: 102%;
    padding: 0;
    position: absolute;
    top: -2px;
    z-index: 1000;
}
.button-dropdown ul li {
    display: block;
    margin: 0;
    padding: 0;
}
.button-dropdown ul li:first-child a {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.button-dropdown ul li:last-child a {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.button-dropdown ul .button-dropdown-divider {
    border-top: 1px solid #e4e4e4;
    box-shadow: 0 1px 0 white inset;
}
.button-dropdown ul a {
    color: #333333;
    display: block;
    font-size: 12px;
    line-height: 30px;
    padding: 0 20px;
    text-decoration: none;
    white-space: nowrap;
}
.button-dropdown ul a:hover {
    background-color: #3c6ab9;
    color: white;
}