/*! @license
*
* Buttons
* Copyright 2012-2014 Alex Wolfe and Rob Levin
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
*        http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/*
* Compass (optional)
*
* We recommend the use of autoprefixer instead of Compass
* when using buttons. However, buttons does support Compass.
* simply change $ubtn-use-compass to true and uncomment the
* @import 'compass' code below to use Compass.
*/
/*
* Required Files
*
* These files include the variables and options
* and base css styles that are required to generate buttons.
*/
/*
* $ubtn prefix (reserved)
*
* This prefix stands for Unicorn Button - ubtn
* We provide a prefix to the Sass Variables to
* prevent namespace collisions that could occur if
* you import buttons as part of your Sass build process.
* We kindly ask you not to use the prefix $ubtn in your project
* in order to avoid possilbe name conflicts. Thanks!
*/
/*
* Button Namespace (ex .button or .btn)
*
*/
/*
* Button Defaults
*
* Some default settings that are used throughout the button library.
* Changes to these settings will be picked up by all of the other modules.
* The colors used here are the default colors for the base button (gray).
* The font size and height are used to set the base size for the buttons.
* The size values will be used to calculate the larger and smaller button sizes.
*/
/*
* Button Colors
*
* $ubtn-colors is used to generate the different button colors.
* Edit or add colors to the list below and recompile.
* Each block contains the (name, background, color)
* The class is generated using the name: (ex .button-primary)
*/
/*
* Button Shapes
*
* $ubtn-shapes is used to generate the different button shapes.
* Edit or add shapes to the list below and recompile.
* Each block contains the (name, border-radius).
* The class is generated using the name: (ex .button-square).
*/
/*
* Button Sizes
*
* $ubtn-sizes is used to generate the different button sizes.
* Edit or add colors to the list below and recompile.
* Each block contains the (name, size multiplier).
* The class is generated using the name: (ex .button-giant).
*/
/*
* Color Mixin
*
* Iterates through the list of colors and creates
*
*/
/*
* No Animation
*
* Sets animation property to none
*/
/*
* Clearfix
*
* Clears floats inside the container
*/
/*
* Base Button Style
*
* The default values for the .button class
*/
.aatbtn {
  color: #666;
  background-color: #EEE;
  border-color: #EEE;
  font-weight: 300;
  font-size: 16px;
  font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  text-decoration: none;
  text-align: center;
  line-height: 40px;
  height: 40px;
  padding: 0 40px;
  margin: 0;
  display: inline-block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  border: none;
  box-sizing: border-box;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: .3s;
          transition-duration: .3s;
  /*
  * Disabled State
  *
  * The disabled state uses the class .disabled, is-disabled,
  * and the form attribute disabled="disabled".
  * The use of !important is only added because this is a state
  * that must be applied to all buttons when in a disabled state.
  */ }
  .aatbtn:visited {
    color: #666; }
  .aatbtn:hover, .aatbtn:focus {
    background-color: #f6f6f6;
    text-decoration: none;
    outline: none; }
  .aatbtn:active, .aatbtn.active, .aatbtn.is-active {
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
    text-decoration: none;
    background-color: #eeeeee;
    border-color: #cfcfcf;
    color: #d5d4d4;
    -webkit-transition-duration: 0s;
            transition-duration: 0s;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); }
  .aatbtn.disabled, .aatbtn.is-disabled, .aatbtn:disabled {
    top: 0 !important;
    background: #EEE !important;
    border: 1px solid #DDD !important;
    text-shadow: 0 1px 1px white !important;
    color: #CCC !important;
    cursor: default !important;
    -webkit-appearance: none !important;
       -moz-appearance: none !important;
            appearance: none !important; }
    .aatbtn.disabled else, .aatbtn.is-disabled else, .aatbtn:disabled else {
      box-shadow: none !important;
      opacity: .8 !important; }

/*
* Base Button Tyography
*
*/
.aatbtn-uppercase {
  text-transform: uppercase; }

.aatbtn-lowercase {
  text-transform: lowercase; }

.aatbtn-capitalize {
  text-transform: capitalize; }

.aatbtn-small-caps {
  font-variant: small-caps; }

.aatbtn-icon-txt-large {
  font-size: 36px !important; }

/*
* Base padding
*
*/
.aatbtn-width-small {
  padding: 0 10px !important; }

/*
* Base Colors
*
* Create colors for buttons
* (.button-primary, .button-secondary, etc.)
*/
.aatbtn-primary,
.aatbtn-primary-flat {
  background-color: #1B9AF7;
  border-color: #1B9AF7;
  color: #FFF; }
  .aatbtn-primary:visited,
  .aatbtn-primary-flat:visited {
    color: #FFF; }
  .aatbtn-primary:hover, .aatbtn-primary:focus,
  .aatbtn-primary-flat:hover,
  .aatbtn-primary-flat:focus {
    background-color: #4cb0f9;
    border-color: #4cb0f9;
    color: #FFF; }
  .aatbtn-primary:active, .aatbtn-primary.active, .aatbtn-primary.is-active,
  .aatbtn-primary-flat:active,
  .aatbtn-primary-flat.active,
  .aatbtn-primary-flat.is-active {
    background-color: #2798eb;
    border-color: #2798eb;
    color: #0880d7; }

.aatbtn-plain,
.aatbtn-plain-flat {
  background-color: #FFF;
  border-color: #FFF;
  color: #1B9AF7; }
  .aatbtn-plain:visited,
  .aatbtn-plain-flat:visited {
    color: #1B9AF7; }
  .aatbtn-plain:hover, .aatbtn-plain:focus,
  .aatbtn-plain-flat:hover,
  .aatbtn-plain-flat:focus {
    background-color: white;
    border-color: white;
    color: #1B9AF7; }
  .aatbtn-plain:active, .aatbtn-plain.active, .aatbtn-plain.is-active,
  .aatbtn-plain-flat:active,
  .aatbtn-plain-flat.active,
  .aatbtn-plain-flat.is-active {
    background-color: white;
    border-color: white;
    color: #e6e5e5; }

.aatbtn-inverse,
.aatbtn-inverse-flat {
  background-color: #222;
  border-color: #222;
  color: #EEE; }
  .aatbtn-inverse:visited,
  .aatbtn-inverse-flat:visited {
    color: #EEE; }
  .aatbtn-inverse:hover, .aatbtn-inverse:focus,
  .aatbtn-inverse-flat:hover,
  .aatbtn-inverse-flat:focus {
    background-color: #3c3b3b;
    border-color: #3c3b3b;
    color: #EEE; }
  .aatbtn-inverse:active, .aatbtn-inverse.active, .aatbtn-inverse.is-active,
  .aatbtn-inverse-flat:active,
  .aatbtn-inverse-flat.active,
  .aatbtn-inverse-flat.is-active {
    background-color: #222222;
    border-color: #222222;
    color: #090808; }

.aatbtn-action,
.aatbtn-action-flat {
  background-color: #A5DE37;
  border-color: #A5DE37;
  color: #FFF; }
  .aatbtn-action:visited,
  .aatbtn-action-flat:visited {
    color: #FFF; }
  .aatbtn-action:hover, .aatbtn-action:focus,
  .aatbtn-action-flat:hover,
  .aatbtn-action-flat:focus {
    background-color: #b9e563;
    border-color: #b9e563;
    color: #FFF; }
  .aatbtn-action:active, .aatbtn-action.active, .aatbtn-action.is-active,
  .aatbtn-action-flat:active,
  .aatbtn-action-flat.active,
  .aatbtn-action-flat.is-active {
    background-color: #a1d243;
    border-color: #a1d243;
    color: #8bc220; }

.aatbtn-highlight,
.aatbtn-highlight-flat {
  background-color: #FEAE1B;
  border-color: #FEAE1B;
  color: #FFF; }
  .aatbtn-highlight:visited,
  .aatbtn-highlight-flat:visited {
    color: #FFF; }
  .aatbtn-highlight:hover, .aatbtn-highlight:focus,
  .aatbtn-highlight-flat:hover,
  .aatbtn-highlight-flat:focus {
    background-color: #fec04e;
    border-color: #fec04e;
    color: #FFF; }
  .aatbtn-highlight:active, .aatbtn-highlight.active, .aatbtn-highlight.is-active,
  .aatbtn-highlight-flat:active,
  .aatbtn-highlight-flat.active,
  .aatbtn-highlight-flat.is-active {
    background-color: #f3ab26;
    border-color: #f3ab26;
    color: #e59501; }

.aatbtn-caution,
.aatbtn-caution-flat {
  background-color: #FF4351;
  border-color: #FF4351;
  color: #FFF; }
  .aatbtn-caution:visited,
  .aatbtn-caution-flat:visited {
    color: #FFF; }
  .aatbtn-caution:hover, .aatbtn-caution:focus,
  .aatbtn-caution-flat:hover,
  .aatbtn-caution-flat:focus {
    background-color: #ff7680;
    border-color: #ff7680;
    color: #FFF; }
  .aatbtn-caution:active, .aatbtn-caution.active, .aatbtn-caution.is-active,
  .aatbtn-caution-flat:active,
  .aatbtn-caution-flat.active,
  .aatbtn-caution-flat.is-active {
    background-color: #f64c59;
    border-color: #f64c59;
    color: #ff1022; }

.aatbtn-royal,
.aatbtn-royal-flat {
  background-color: #7B72E9;
  border-color: #7B72E9;
  color: #FFF; }
  .aatbtn-royal:visited,
  .aatbtn-royal-flat:visited {
    color: #FFF; }
  .aatbtn-royal:hover, .aatbtn-royal:focus,
  .aatbtn-royal-flat:hover,
  .aatbtn-royal-flat:focus {
    background-color: #a49ef0;
    border-color: #a49ef0;
    color: #FFF; }
  .aatbtn-royal:active, .aatbtn-royal.active, .aatbtn-royal.is-active,
  .aatbtn-royal-flat:active,
  .aatbtn-royal-flat.active,
  .aatbtn-royal-flat.is-active {
    background-color: #827ae1;
    border-color: #827ae1;
    color: #5246e2; }

/*
* Base Layout Styles
*
* Very Miminal Layout Styles
*/
.aatbtn-block,
.aatbtn-stacked {
  display: block; }

/*
* Button Types (optional)
*
* All of the files below represent the various button
* types (including shapes & sizes). None of these files
* are required. Simple remove the uneeded type below and
* the button type will be excluded from the final build
*/
/*
* Button Shapes
*
* This file creates the various button shapes
* (ex. Circle, Rounded, Pill)
*/
.aatbtn-square {
  border-radius: 0; }

.aatbtn-box {
  border-radius: 10px; }

.aatbtn-rounded {
  border-radius: 4px; }

.aatbtn-pill {
  border-radius: 200px; }

.aatbtn-circle {
  border-radius: 100%; }

/*
* Size Adjustment for equal height & widht buttons
*
* Remove padding and set a fixed width.
*/
.aatbtn-circle,
.aatbtn-box,
.aatbtn-square {
  padding: 0 !important;
  width: 40px; }
  .aatbtn-circle.aatbtn-giant,
  .aatbtn-box.aatbtn-giant,
  .aatbtn-square.aatbtn-giant {
    width: 70px; }
  .aatbtn-circle.aatbtn-jumbo,
  .aatbtn-box.aatbtn-jumbo,
  .aatbtn-square.aatbtn-jumbo {
    width: 60px; }
  .aatbtn-circle.aatbtn-large,
  .aatbtn-box.aatbtn-large,
  .aatbtn-square.aatbtn-large {
    width: 50px; }
  .aatbtn-circle.aatbtn-normal,
  .aatbtn-box.aatbtn-normal,
  .aatbtn-square.aatbtn-normal {
    width: 40px; }
  .aatbtn-circle.aatbtn-small,
  .aatbtn-box.aatbtn-small,
  .aatbtn-square.aatbtn-small {
    width: 30px; }
  .aatbtn-circle.aatbtn-tiny,
  .aatbtn-box.aatbtn-tiny,
  .aatbtn-square.aatbtn-tiny {
    width: 24px; }

/*
* Border Buttons
*
* These buttons have no fill they only have a
* border to define their hit target.
*/
.aatbtn-border, .aatbtn-border-thin, .aatbtn-border-thick {
  background: none;
  border-width: 2px;
  border-style: solid;
  line-height: 36px; }
  .aatbtn-border:hover, .aatbtn-border-thin:hover, .aatbtn-border-thick:hover {
    background-color: rgba(255, 255, 255, 0.9); }
  .aatbtn-border:active, .aatbtn-border-thin:active, .aatbtn-border-thick:active, .aatbtn-border.active, .active.aatbtn-border-thin, .active.aatbtn-border-thick, .aatbtn-border.is-active, .is-active.aatbtn-border-thin, .is-active.aatbtn-border-thick {
    box-shadow: none;
    text-shadow: none;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
            transition-duration: .3s; }

/*
* Border Optional Sizes
*
* A slight variation in border thickness
*/
.aatbtn-border-thin {
  border-width: 1px; }

.aatbtn-border-thick {
  border-width: 3px; }

/*
* Border Button Colors
*
* Create colors for buttons
* (.button-primary, .button-secondary, etc.)
*/
.aatbtn-border, .aatbtn-border-thin, .aatbtn-border-thick,
.aatbtn-border-thin,
.aatbtn-border-thick {
  /*
  * Border Button Size Adjustment
  *
  * The line-height must be adjusted to compinsate for
  * the width of the border.
  */ }
  .aatbtn-border.aatbtn-primary, .aatbtn-primary.aatbtn-border-thin, .aatbtn-primary.aatbtn-border-thick,
  .aatbtn-border-thin.aatbtn-primary,
  .aatbtn-border-thick.aatbtn-primary {
    color: #1B9AF7; }
    .aatbtn-border.aatbtn-primary:hover, .aatbtn-primary.aatbtn-border-thin:hover, .aatbtn-primary.aatbtn-border-thick:hover, .aatbtn-border.aatbtn-primary:focus, .aatbtn-primary.aatbtn-border-thin:focus, .aatbtn-primary.aatbtn-border-thick:focus,
    .aatbtn-border-thin.aatbtn-primary:hover,
    .aatbtn-border-thin.aatbtn-primary:focus,
    .aatbtn-border-thick.aatbtn-primary:hover,
    .aatbtn-border-thick.aatbtn-primary:focus {
      background-color: rgba(76, 176, 249, 0.9);
      color: rgba(255, 255, 255, 0.9); }
    .aatbtn-border.aatbtn-primary:active, .aatbtn-primary.aatbtn-border-thin:active, .aatbtn-primary.aatbtn-border-thick:active, .aatbtn-border.aatbtn-primary.active, .aatbtn-primary.active.aatbtn-border-thin, .aatbtn-primary.active.aatbtn-border-thick, .aatbtn-border.aatbtn-primary.is-active, .aatbtn-primary.is-active.aatbtn-border-thin, .aatbtn-primary.is-active.aatbtn-border-thick,
    .aatbtn-border-thin.aatbtn-primary:active,
    .aatbtn-border-thin.aatbtn-primary.active,
    .aatbtn-border-thin.aatbtn-primary.is-active,
    .aatbtn-border-thick.aatbtn-primary:active,
    .aatbtn-border-thick.aatbtn-primary.active,
    .aatbtn-border-thick.aatbtn-primary.is-active {
      background-color: rgba(39, 152, 235, 0.7);
      color: rgba(255, 255, 255, 0.5);
      opacity: .3; }
  .aatbtn-border.aatbtn-plain, .aatbtn-plain.aatbtn-border-thin, .aatbtn-plain.aatbtn-border-thick,
  .aatbtn-border-thin.aatbtn-plain,
  .aatbtn-border-thick.aatbtn-plain {
    color: #FFF; }
    .aatbtn-border.aatbtn-plain:hover, .aatbtn-plain.aatbtn-border-thin:hover, .aatbtn-plain.aatbtn-border-thick:hover, .aatbtn-border.aatbtn-plain:focus, .aatbtn-plain.aatbtn-border-thin:focus, .aatbtn-plain.aatbtn-border-thick:focus,
    .aatbtn-border-thin.aatbtn-plain:hover,
    .aatbtn-border-thin.aatbtn-plain:focus,
    .aatbtn-border-thick.aatbtn-plain:hover,
    .aatbtn-border-thick.aatbtn-plain:focus {
      background-color: rgba(255, 255, 255, 0.9);
      color: rgba(27, 154, 247, 0.9); }
    .aatbtn-border.aatbtn-plain:active, .aatbtn-plain.aatbtn-border-thin:active, .aatbtn-plain.aatbtn-border-thick:active, .aatbtn-border.aatbtn-plain.active, .aatbtn-plain.active.aatbtn-border-thin, .aatbtn-plain.active.aatbtn-border-thick, .aatbtn-border.aatbtn-plain.is-active, .aatbtn-plain.is-active.aatbtn-border-thin, .aatbtn-plain.is-active.aatbtn-border-thick,
    .aatbtn-border-thin.aatbtn-plain:active,
    .aatbtn-border-thin.aatbtn-plain.active,
    .aatbtn-border-thin.aatbtn-plain.is-active,
    .aatbtn-border-thick.aatbtn-plain:active,
    .aatbtn-border-thick.aatbtn-plain.active,
    .aatbtn-border-thick.aatbtn-plain.is-active {
      background-color: rgba(255, 255, 255, 0.7);
      color: rgba(27, 154, 247, 0.5);
      opacity: .3; }
  .aatbtn-border.aatbtn-inverse, .aatbtn-inverse.aatbtn-border-thin, .aatbtn-inverse.aatbtn-border-thick,
  .aatbtn-border-thin.aatbtn-inverse,
  .aatbtn-border-thick.aatbtn-inverse {
    color: #222; }
    .aatbtn-border.aatbtn-inverse:hover, .aatbtn-inverse.aatbtn-border-thin:hover, .aatbtn-inverse.aatbtn-border-thick:hover, .aatbtn-border.aatbtn-inverse:focus, .aatbtn-inverse.aatbtn-border-thin:focus, .aatbtn-inverse.aatbtn-border-thick:focus,
    .aatbtn-border-thin.aatbtn-inverse:hover,
    .aatbtn-border-thin.aatbtn-inverse:focus,
    .aatbtn-border-thick.aatbtn-inverse:hover,
    .aatbtn-border-thick.aatbtn-inverse:focus {
      background-color: rgba(60, 59, 59, 0.9);
      color: rgba(238, 238, 238, 0.9); }
    .aatbtn-border.aatbtn-inverse:active, .aatbtn-inverse.aatbtn-border-thin:active, .aatbtn-inverse.aatbtn-border-thick:active, .aatbtn-border.aatbtn-inverse.active, .aatbtn-inverse.active.aatbtn-border-thin, .aatbtn-inverse.active.aatbtn-border-thick, .aatbtn-border.aatbtn-inverse.is-active, .aatbtn-inverse.is-active.aatbtn-border-thin, .aatbtn-inverse.is-active.aatbtn-border-thick,
    .aatbtn-border-thin.aatbtn-inverse:active,
    .aatbtn-border-thin.aatbtn-inverse.active,
    .aatbtn-border-thin.aatbtn-inverse.is-active,
    .aatbtn-border-thick.aatbtn-inverse:active,
    .aatbtn-border-thick.aatbtn-inverse.active,
    .aatbtn-border-thick.aatbtn-inverse.is-active {
      background-color: rgba(34, 34, 34, 0.7);
      color: rgba(238, 238, 238, 0.5);
      opacity: .3; }
  .aatbtn-border.aatbtn-action, .aatbtn-action.aatbtn-border-thin, .aatbtn-action.aatbtn-border-thick,
  .aatbtn-border-thin.aatbtn-action,
  .aatbtn-border-thick.aatbtn-action {
    color: #A5DE37; }
    .aatbtn-border.aatbtn-action:hover, .aatbtn-action.aatbtn-border-thin:hover, .aatbtn-action.aatbtn-border-thick:hover, .aatbtn-border.aatbtn-action:focus, .aatbtn-action.aatbtn-border-thin:focus, .aatbtn-action.aatbtn-border-thick:focus,
    .aatbtn-border-thin.aatbtn-action:hover,
    .aatbtn-border-thin.aatbtn-action:focus,
    .aatbtn-border-thick.aatbtn-action:hover,
    .aatbtn-border-thick.aatbtn-action:focus {
      background-color: rgba(185, 229, 99, 0.9);
      color: rgba(255, 255, 255, 0.9); }
    .aatbtn-border.aatbtn-action:active, .aatbtn-action.aatbtn-border-thin:active, .aatbtn-action.aatbtn-border-thick:active, .aatbtn-border.aatbtn-action.active, .aatbtn-action.active.aatbtn-border-thin, .aatbtn-action.active.aatbtn-border-thick, .aatbtn-border.aatbtn-action.is-active, .aatbtn-action.is-active.aatbtn-border-thin, .aatbtn-action.is-active.aatbtn-border-thick,
    .aatbtn-border-thin.aatbtn-action:active,
    .aatbtn-border-thin.aatbtn-action.active,
    .aatbtn-border-thin.aatbtn-action.is-active,
    .aatbtn-border-thick.aatbtn-action:active,
    .aatbtn-border-thick.aatbtn-action.active,
    .aatbtn-border-thick.aatbtn-action.is-active {
      background-color: rgba(161, 210, 67, 0.7);
      color: rgba(255, 255, 255, 0.5);
      opacity: .3; }
  .aatbtn-border.aatbtn-highlight, .aatbtn-highlight.aatbtn-border-thin, .aatbtn-highlight.aatbtn-border-thick,
  .aatbtn-border-thin.aatbtn-highlight,
  .aatbtn-border-thick.aatbtn-highlight {
    color: #FEAE1B; }
    .aatbtn-border.aatbtn-highlight:hover, .aatbtn-highlight.aatbtn-border-thin:hover, .aatbtn-highlight.aatbtn-border-thick:hover, .aatbtn-border.aatbtn-highlight:focus, .aatbtn-highlight.aatbtn-border-thin:focus, .aatbtn-highlight.aatbtn-border-thick:focus,
    .aatbtn-border-thin.aatbtn-highlight:hover,
    .aatbtn-border-thin.aatbtn-highlight:focus,
    .aatbtn-border-thick.aatbtn-highlight:hover,
    .aatbtn-border-thick.aatbtn-highlight:focus {
      background-color: rgba(254, 192, 78, 0.9);
      color: rgba(255, 255, 255, 0.9); }
    .aatbtn-border.aatbtn-highlight:active, .aatbtn-highlight.aatbtn-border-thin:active, .aatbtn-highlight.aatbtn-border-thick:active, .aatbtn-border.aatbtn-highlight.active, .aatbtn-highlight.active.aatbtn-border-thin, .aatbtn-highlight.active.aatbtn-border-thick, .aatbtn-border.aatbtn-highlight.is-active, .aatbtn-highlight.is-active.aatbtn-border-thin, .aatbtn-highlight.is-active.aatbtn-border-thick,
    .aatbtn-border-thin.aatbtn-highlight:active,
    .aatbtn-border-thin.aatbtn-highlight.active,
    .aatbtn-border-thin.aatbtn-highlight.is-active,
    .aatbtn-border-thick.aatbtn-highlight:active,
    .aatbtn-border-thick.aatbtn-highlight.active,
    .aatbtn-border-thick.aatbtn-highlight.is-active {
      background-color: rgba(243, 171, 38, 0.7);
      color: rgba(255, 255, 255, 0.5);
      opacity: .3; }
  .aatbtn-border.aatbtn-caution, .aatbtn-caution.aatbtn-border-thin, .aatbtn-caution.aatbtn-border-thick,
  .aatbtn-border-thin.aatbtn-caution,
  .aatbtn-border-thick.aatbtn-caution {
    color: #FF4351; }
    .aatbtn-border.aatbtn-caution:hover, .aatbtn-caution.aatbtn-border-thin:hover, .aatbtn-caution.aatbtn-border-thick:hover, .aatbtn-border.aatbtn-caution:focus, .aatbtn-caution.aatbtn-border-thin:focus, .aatbtn-caution.aatbtn-border-thick:focus,
    .aatbtn-border-thin.aatbtn-caution:hover,
    .aatbtn-border-thin.aatbtn-caution:focus,
    .aatbtn-border-thick.aatbtn-caution:hover,
    .aatbtn-border-thick.aatbtn-caution:focus {
      background-color: rgba(255, 118, 128, 0.9);
      color: rgba(255, 255, 255, 0.9); }
    .aatbtn-border.aatbtn-caution:active, .aatbtn-caution.aatbtn-border-thin:active, .aatbtn-caution.aatbtn-border-thick:active, .aatbtn-border.aatbtn-caution.active, .aatbtn-caution.active.aatbtn-border-thin, .aatbtn-caution.active.aatbtn-border-thick, .aatbtn-border.aatbtn-caution.is-active, .aatbtn-caution.is-active.aatbtn-border-thin, .aatbtn-caution.is-active.aatbtn-border-thick,
    .aatbtn-border-thin.aatbtn-caution:active,
    .aatbtn-border-thin.aatbtn-caution.active,
    .aatbtn-border-thin.aatbtn-caution.is-active,
    .aatbtn-border-thick.aatbtn-caution:active,
    .aatbtn-border-thick.aatbtn-caution.active,
    .aatbtn-border-thick.aatbtn-caution.is-active {
      background-color: rgba(246, 76, 89, 0.7);
      color: rgba(255, 255, 255, 0.5);
      opacity: .3; }
  .aatbtn-border.aatbtn-royal, .aatbtn-royal.aatbtn-border-thin, .aatbtn-royal.aatbtn-border-thick,
  .aatbtn-border-thin.aatbtn-royal,
  .aatbtn-border-thick.aatbtn-royal {
    color: #7B72E9; }
    .aatbtn-border.aatbtn-royal:hover, .aatbtn-royal.aatbtn-border-thin:hover, .aatbtn-royal.aatbtn-border-thick:hover, .aatbtn-border.aatbtn-royal:focus, .aatbtn-royal.aatbtn-border-thin:focus, .aatbtn-royal.aatbtn-border-thick:focus,
    .aatbtn-border-thin.aatbtn-royal:hover,
    .aatbtn-border-thin.aatbtn-royal:focus,
    .aatbtn-border-thick.aatbtn-royal:hover,
    .aatbtn-border-thick.aatbtn-royal:focus {
      background-color: rgba(164, 158, 240, 0.9);
      color: rgba(255, 255, 255, 0.9); }
    .aatbtn-border.aatbtn-royal:active, .aatbtn-royal.aatbtn-border-thin:active, .aatbtn-royal.aatbtn-border-thick:active, .aatbtn-border.aatbtn-royal.active, .aatbtn-royal.active.aatbtn-border-thin, .aatbtn-royal.active.aatbtn-border-thick, .aatbtn-border.aatbtn-royal.is-active, .aatbtn-royal.is-active.aatbtn-border-thin, .aatbtn-royal.is-active.aatbtn-border-thick,
    .aatbtn-border-thin.aatbtn-royal:active,
    .aatbtn-border-thin.aatbtn-royal.active,
    .aatbtn-border-thin.aatbtn-royal.is-active,
    .aatbtn-border-thick.aatbtn-royal:active,
    .aatbtn-border-thick.aatbtn-royal.active,
    .aatbtn-border-thick.aatbtn-royal.is-active {
      background-color: rgba(130, 122, 225, 0.7);
      color: rgba(255, 255, 255, 0.5);
      opacity: .3; }
  .aatbtn-border.aatbtn-giant, .aatbtn-giant.aatbtn-border-thin, .aatbtn-giant.aatbtn-border-thick,
  .aatbtn-border-thin.aatbtn-giant,
  .aatbtn-border-thick.aatbtn-giant {
    line-height: 66px; }
  .aatbtn-border.aatbtn-jumbo, .aatbtn-jumbo.aatbtn-border-thin, .aatbtn-jumbo.aatbtn-border-thick,
  .aatbtn-border-thin.aatbtn-jumbo,
  .aatbtn-border-thick.aatbtn-jumbo {
    line-height: 56px; }
  .aatbtn-border.aatbtn-large, .aatbtn-large.aatbtn-border-thin, .aatbtn-large.aatbtn-border-thick,
  .aatbtn-border-thin.aatbtn-large,
  .aatbtn-border-thick.aatbtn-large {
    line-height: 46px; }
  .aatbtn-border.aatbtn-normal, .aatbtn-normal.aatbtn-border-thin, .aatbtn-normal.aatbtn-border-thick,
  .aatbtn-border-thin.aatbtn-normal,
  .aatbtn-border-thick.aatbtn-normal {
    line-height: 36px; }
  .aatbtn-border.aatbtn-small, .aatbtn-small.aatbtn-border-thin, .aatbtn-small.aatbtn-border-thick,
  .aatbtn-border-thin.aatbtn-small,
  .aatbtn-border-thick.aatbtn-small {
    line-height: 26px; }
  .aatbtn-border.aatbtn-tiny, .aatbtn-tiny.aatbtn-border-thin, .aatbtn-tiny.aatbtn-border-thick,
  .aatbtn-border-thin.aatbtn-tiny,
  .aatbtn-border-thick.aatbtn-tiny {
    line-height: 20px; }

/*
* Border Buttons
*
* These buttons have no fill they only have a
* border to define their hit target.
*/
.aatbtn-borderless {
  background: none;
  border: none;
  padding: 0 8px !important;
  color: #EEE;
  font-size: 20.8px;
  font-weight: 200;
  /*
  * Borderless Button Colors
  *
  * Create colors for buttons
  * (.button-primary, .button-secondary, etc.)
  */
  /*
  * Borderles Size Adjustment
  *
  * The font-size must be large to compinsate for
  * the lack of a hit target.
  */ }
  .aatbtn-borderless:hover, .aatbtn-borderless:focus {
    background: none; }
  .aatbtn-borderless:active, .aatbtn-borderless.active, .aatbtn-borderless.is-active {
    box-shadow: none;
    text-shadow: none;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
            transition-duration: .3s;
    opacity: .3; }
  .aatbtn-borderless.aatbtn-primary {
    color: #1B9AF7; }
  .aatbtn-borderless.aatbtn-plain {
    color: #FFF; }
  .aatbtn-borderless.aatbtn-inverse {
    color: #222; }
  .aatbtn-borderless.aatbtn-action {
    color: #A5DE37; }
  .aatbtn-borderless.aatbtn-highlight {
    color: #FEAE1B; }
  .aatbtn-borderless.aatbtn-caution {
    color: #FF4351; }
  .aatbtn-borderless.aatbtn-royal {
    color: #7B72E9; }
  .aatbtn-borderless.aatbtn-giant {
    font-size: 36.4px;
    height: 52.4px;
    line-height: 52.4px; }
  .aatbtn-borderless.aatbtn-jumbo {
    font-size: 31.2px;
    height: 47.2px;
    line-height: 47.2px; }
  .aatbtn-borderless.aatbtn-large {
    font-size: 26px;
    height: 42px;
    line-height: 42px; }
  .aatbtn-borderless.aatbtn-normal {
    font-size: 20.8px;
    height: 36.8px;
    line-height: 36.8px; }
  .aatbtn-borderless.aatbtn-small {
    font-size: 15.6px;
    height: 31.6px;
    line-height: 31.6px; }
  .aatbtn-borderless.aatbtn-tiny {
    font-size: 12.48px;
    height: 28.48px;
    line-height: 28.48px; }

/*
* Raised Buttons
*
* A classic looking button that offers
* great depth and affordance.
*/
.aatbtn-raised {
  border-color: #e1e1e1;
  border-style: solid;
  border-width: 1px;
  line-height: 38px;
  background: -webkit-linear-gradient(#f6f6f6, #e1e1e1);
  background: linear-gradient(#f6f6f6, #e1e1e1);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15); }
  .aatbtn-raised:hover, .aatbtn-raised:focus {
    background: -webkit-linear-gradient(top, white, gainsboro);
    background: linear-gradient(top, white, gainsboro); }
  .aatbtn-raised:active, .aatbtn-raised.active, .aatbtn-raised.is-active {
    background: #eeeeee;
    box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 1px 0px white; }

/*
* Raised Button Colors
*
* Create colors for raised buttons
*/
.aatbtn-raised.aatbtn-primary {
  border-color: #088ef0;
  background: -webkit-linear-gradient(#34a5f8, #088ef0);
  background: linear-gradient(#34a5f8, #088ef0); }
  .aatbtn-raised.aatbtn-primary:hover, .aatbtn-raised.aatbtn-primary:focus {
    background: -webkit-linear-gradient(top, #42abf8, #0888e6);
    background: linear-gradient(top, #42abf8, #0888e6); }
  .aatbtn-raised.aatbtn-primary:active, .aatbtn-raised.aatbtn-primary.active, .aatbtn-raised.aatbtn-primary.is-active {
    border-color: #0880d7;
    background: #2798eb; }

.aatbtn-raised.aatbtn-plain {
  border-color: #f2f2f2;
  background: -webkit-linear-gradient(white, #f2f2f2);
  background: linear-gradient(white, #f2f2f2); }
  .aatbtn-raised.aatbtn-plain:hover, .aatbtn-raised.aatbtn-plain:focus {
    background: -webkit-linear-gradient(top, white, #ededed);
    background: linear-gradient(top, white, #ededed); }
  .aatbtn-raised.aatbtn-plain:active, .aatbtn-raised.aatbtn-plain.active, .aatbtn-raised.aatbtn-plain.is-active {
    border-color: #e6e5e5;
    background: white; }

.aatbtn-raised.aatbtn-inverse {
  border-color: #151515;
  background: -webkit-linear-gradient(#2f2f2f, #151515);
  background: linear-gradient(#2f2f2f, #151515); }
  .aatbtn-raised.aatbtn-inverse:hover, .aatbtn-raised.aatbtn-inverse:focus {
    background: -webkit-linear-gradient(top, #363636, #101010);
    background: linear-gradient(top, #363636, #101010); }
  .aatbtn-raised.aatbtn-inverse:active, .aatbtn-raised.aatbtn-inverse.active, .aatbtn-raised.aatbtn-inverse.is-active {
    border-color: #090808;
    background: #222222; }

.aatbtn-raised.aatbtn-action {
  border-color: #9ad824;
  background: -webkit-linear-gradient(#afe24d, #9ad824);
  background: linear-gradient(#afe24d, #9ad824); }
  .aatbtn-raised.aatbtn-action:hover, .aatbtn-raised.aatbtn-action:focus {
    background: -webkit-linear-gradient(top, #b5e45a, #94cf22);
    background: linear-gradient(top, #b5e45a, #94cf22); }
  .aatbtn-raised.aatbtn-action:active, .aatbtn-raised.aatbtn-action.active, .aatbtn-raised.aatbtn-action.is-active {
    border-color: #8bc220;
    background: #a1d243; }

.aatbtn-raised.aatbtn-highlight {
  border-color: #fea502;
  background: -webkit-linear-gradient(#feb734, #fea502);
  background: linear-gradient(#feb734, #fea502); }
  .aatbtn-raised.aatbtn-highlight:hover, .aatbtn-raised.aatbtn-highlight:focus {
    background: -webkit-linear-gradient(top, #febc44, #f49f01);
    background: linear-gradient(top, #febc44, #f49f01); }
  .aatbtn-raised.aatbtn-highlight:active, .aatbtn-raised.aatbtn-highlight.active, .aatbtn-raised.aatbtn-highlight.is-active {
    border-color: #e59501;
    background: #f3ab26; }

.aatbtn-raised.aatbtn-caution {
  border-color: #ff2a39;
  background: -webkit-linear-gradient(#ff5d69, #ff2a39);
  background: linear-gradient(#ff5d69, #ff2a39); }
  .aatbtn-raised.aatbtn-caution:hover, .aatbtn-raised.aatbtn-caution:focus {
    background: -webkit-linear-gradient(top, #ff6c77, #ff1f30);
    background: linear-gradient(top, #ff6c77, #ff1f30); }
  .aatbtn-raised.aatbtn-caution:active, .aatbtn-raised.aatbtn-caution.active, .aatbtn-raised.aatbtn-caution.is-active {
    border-color: #ff1022;
    background: #f64c59; }

.aatbtn-raised.aatbtn-royal {
  border-color: #665ce6;
  background: -webkit-linear-gradient(#9088ec, #665ce6);
  background: linear-gradient(#9088ec, #665ce6); }
  .aatbtn-raised.aatbtn-royal:hover, .aatbtn-raised.aatbtn-royal:focus {
    background: -webkit-linear-gradient(top, #9c95ef, #5e53e4);
    background: linear-gradient(top, #9c95ef, #5e53e4); }
  .aatbtn-raised.aatbtn-royal:active, .aatbtn-raised.aatbtn-royal.active, .aatbtn-raised.aatbtn-royal.is-active {
    border-color: #5246e2;
    background: #827ae1; }

/*
* 3D Buttons
*
* These buttons have a heavy three dimensional
* style that mimics the visual appearance of a
* real life button.
*/
.aatbtn-3d {
  position: relative;
  top: 0;
  box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgba(0, 0, 0, 0.2); }
  .aatbtn-3d:hover, .aatbtn-3d:focus {
    box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgba(0, 0, 0, 0.2); }
  .aatbtn-3d:active, .aatbtn-3d.active, .aatbtn-3d.is-active {
    top: 5px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .15s;
            transition-duration: .15s;
    box-shadow: 0 2px 0 #bbbbbb, 0 3px 3px rgba(0, 0, 0, 0.2); }

/*
* 3D Button Colors
*
* Create colors for buttons
* (.button-primary, .button-secondary, etc.)
*/
.aatbtn-3d.aatbtn-primary {
  box-shadow: 0 7px 0 #0880d7, 0 8px 3px rgba(0, 0, 0, 0.3); }
  .aatbtn-3d.aatbtn-primary:hover, .aatbtn-3d.aatbtn-primary:focus {
    box-shadow: 0 7px 0 #077ace, 0 8px 3px rgba(0, 0, 0, 0.3); }
  .aatbtn-3d.aatbtn-primary:active, .aatbtn-3d.aatbtn-primary.active, .aatbtn-3d.aatbtn-primary.is-active {
    box-shadow: 0 2px 0 #0662a6, 0 3px 3px rgba(0, 0, 0, 0.2); }

.aatbtn-3d.aatbtn-plain {
  box-shadow: 0 7px 0 #e6e5e5, 0 8px 3px rgba(0, 0, 0, 0.3); }
  .aatbtn-3d.aatbtn-plain:hover, .aatbtn-3d.aatbtn-plain:focus {
    box-shadow: 0 7px 0 #e0e0e0, 0 8px 3px rgba(0, 0, 0, 0.3); }
  .aatbtn-3d.aatbtn-plain:active, .aatbtn-3d.aatbtn-plain.active, .aatbtn-3d.aatbtn-plain.is-active {
    box-shadow: 0 2px 0 #cccccc, 0 3px 3px rgba(0, 0, 0, 0.2); }

.aatbtn-3d.aatbtn-inverse {
  box-shadow: 0 7px 0 #090808, 0 8px 3px rgba(0, 0, 0, 0.3); }
  .aatbtn-3d.aatbtn-inverse:hover, .aatbtn-3d.aatbtn-inverse:focus {
    box-shadow: 0 7px 0 #030303, 0 8px 3px rgba(0, 0, 0, 0.3); }
  .aatbtn-3d.aatbtn-inverse:active, .aatbtn-3d.aatbtn-inverse.active, .aatbtn-3d.aatbtn-inverse.is-active {
    box-shadow: 0 2px 0 black, 0 3px 3px rgba(0, 0, 0, 0.2); }

.aatbtn-3d.aatbtn-action {
  box-shadow: 0 7px 0 #8bc220, 0 8px 3px rgba(0, 0, 0, 0.3); }
  .aatbtn-3d.aatbtn-action:hover, .aatbtn-3d.aatbtn-action:focus {
    box-shadow: 0 7px 0 #84b91f, 0 8px 3px rgba(0, 0, 0, 0.3); }
  .aatbtn-3d.aatbtn-action:active, .aatbtn-3d.aatbtn-action.active, .aatbtn-3d.aatbtn-action.is-active {
    box-shadow: 0 2px 0 #6b9619, 0 3px 3px rgba(0, 0, 0, 0.2); }

.aatbtn-3d.aatbtn-highlight {
  box-shadow: 0 7px 0 #e59501, 0 8px 3px rgba(0, 0, 0, 0.3); }
  .aatbtn-3d.aatbtn-highlight:hover, .aatbtn-3d.aatbtn-highlight:focus {
    box-shadow: 0 7px 0 #db8e01, 0 8px 3px rgba(0, 0, 0, 0.3); }
  .aatbtn-3d.aatbtn-highlight:active, .aatbtn-3d.aatbtn-highlight.active, .aatbtn-3d.aatbtn-highlight.is-active {
    box-shadow: 0 2px 0 #b27401, 0 3px 3px rgba(0, 0, 0, 0.2); }

.aatbtn-3d.aatbtn-caution {
  box-shadow: 0 7px 0 #ff1022, 0 8px 3px rgba(0, 0, 0, 0.3); }
  .aatbtn-3d.aatbtn-caution:hover, .aatbtn-3d.aatbtn-caution:focus {
    box-shadow: 0 7px 0 #ff0618, 0 8px 3px rgba(0, 0, 0, 0.3); }
  .aatbtn-3d.aatbtn-caution:active, .aatbtn-3d.aatbtn-caution.active, .aatbtn-3d.aatbtn-caution.is-active {
    box-shadow: 0 2px 0 #dc0010, 0 3px 3px rgba(0, 0, 0, 0.2); }

.aatbtn-3d.aatbtn-royal {
  box-shadow: 0 7px 0 #5246e2, 0 8px 3px rgba(0, 0, 0, 0.3); }
  .aatbtn-3d.aatbtn-royal:hover, .aatbtn-3d.aatbtn-royal:focus {
    box-shadow: 0 7px 0 #493de1, 0 8px 3px rgba(0, 0, 0, 0.3); }
  .aatbtn-3d.aatbtn-royal:active, .aatbtn-3d.aatbtn-royal.active, .aatbtn-3d.aatbtn-royal.is-active {
    box-shadow: 0 2px 0 #2f21d4, 0 3px 3px rgba(0, 0, 0, 0.2); }

/*
* Glowing Buttons
*
* A pulse like glow that appears
* rythmically around the edges of
* a button.
*/
/*
* Glow animation mixin for Compass users
*
*/
/*
* Glowing Keyframes
*
*/
@-webkit-keyframes glowing {
  from {
    box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); }
  50% {
    box-shadow: 0 0 20px rgba(44, 154, 219, 0.8); }
  to {
    box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); } }
@keyframes glowing {
  from {
    box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); }
  50% {
    box-shadow: 0 0 20px rgba(44, 154, 219, 0.8); }
  to {
    box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); } }

/*
* Glowing Keyframes for various colors
*
*/
@-webkit-keyframes glowing-primary {
  from {
    box-shadow: 0 0 0 rgba(27, 154, 247, 0.3); }
  50% {
    box-shadow: 0 0 20px rgba(27, 154, 247, 0.8); }
  to {
    box-shadow: 0 0 0 rgba(27, 154, 247, 0.3); } }
@keyframes glowing-primary {
  from {
    box-shadow: 0 0 0 rgba(27, 154, 247, 0.3); }
  50% {
    box-shadow: 0 0 20px rgba(27, 154, 247, 0.8); }
  to {
    box-shadow: 0 0 0 rgba(27, 154, 247, 0.3); } }

@-webkit-keyframes glowing-plain {
  from {
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); }
  50% {
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.8); }
  to {
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); } }

@keyframes glowing-plain {
  from {
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); }
  50% {
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.8); }
  to {
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); } }

@-webkit-keyframes glowing-inverse {
  from {
    box-shadow: 0 0 0 rgba(34, 34, 34, 0.3); }
  50% {
    box-shadow: 0 0 20px rgba(34, 34, 34, 0.8); }
  to {
    box-shadow: 0 0 0 rgba(34, 34, 34, 0.3); } }

@keyframes glowing-inverse {
  from {
    box-shadow: 0 0 0 rgba(34, 34, 34, 0.3); }
  50% {
    box-shadow: 0 0 20px rgba(34, 34, 34, 0.8); }
  to {
    box-shadow: 0 0 0 rgba(34, 34, 34, 0.3); } }

@-webkit-keyframes glowing-action {
  from {
    box-shadow: 0 0 0 rgba(165, 222, 55, 0.3); }
  50% {
    box-shadow: 0 0 20px rgba(165, 222, 55, 0.8); }
  to {
    box-shadow: 0 0 0 rgba(165, 222, 55, 0.3); } }

@keyframes glowing-action {
  from {
    box-shadow: 0 0 0 rgba(165, 222, 55, 0.3); }
  50% {
    box-shadow: 0 0 20px rgba(165, 222, 55, 0.8); }
  to {
    box-shadow: 0 0 0 rgba(165, 222, 55, 0.3); } }

@-webkit-keyframes glowing-highlight {
  from {
    box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); }
  50% {
    box-shadow: 0 0 20px rgba(254, 174, 27, 0.8); }
  to {
    box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); } }

@keyframes glowing-highlight {
  from {
    box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); }
  50% {
    box-shadow: 0 0 20px rgba(254, 174, 27, 0.8); }
  to {
    box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); } }

@-webkit-keyframes glowing-caution {
  from {
    box-shadow: 0 0 0 rgba(255, 67, 81, 0.3); }
  50% {
    box-shadow: 0 0 20px rgba(255, 67, 81, 0.8); }
  to {
    box-shadow: 0 0 0 rgba(255, 67, 81, 0.3); } }

@keyframes glowing-caution {
  from {
    box-shadow: 0 0 0 rgba(255, 67, 81, 0.3); }
  50% {
    box-shadow: 0 0 20px rgba(255, 67, 81, 0.8); }
  to {
    box-shadow: 0 0 0 rgba(255, 67, 81, 0.3); } }

@-webkit-keyframes glowing-royal {
  from {
    box-shadow: 0 0 0 rgba(123, 114, 233, 0.3); }
  50% {
    box-shadow: 0 0 20px rgba(123, 114, 233, 0.8); }
  to {
    box-shadow: 0 0 0 rgba(123, 114, 233, 0.3); } }

@keyframes glowing-royal {
  from {
    box-shadow: 0 0 0 rgba(123, 114, 233, 0.3); }
  50% {
    box-shadow: 0 0 20px rgba(123, 114, 233, 0.8); }
  to {
    box-shadow: 0 0 0 rgba(123, 114, 233, 0.3); } }

/*
* Glowing Buttons Base Styes
*
* A pulse like glow that appears
* rythmically around the edges of
* a button.
*/
.aatbtn-glow {
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: glowing;
          animation-name: glowing; }
  .aatbtn-glow:active, .aatbtn-glow.active, .aatbtn-glow.is-active {
    -webkit-animation-name: none;
            animation-name: none; }

/*
* Glowing Button Colors
*
* Create colors for glowing buttons
*/
.aatbtn-glow.aatbtn-primary {
  -webkit-animation-name: glowing-primary;
          animation-name: glowing-primary; }

.aatbtn-glow.aatbtn-plain {
  -webkit-animation-name: glowing-plain;
          animation-name: glowing-plain; }

.aatbtn-glow.aatbtn-inverse {
  -webkit-animation-name: glowing-inverse;
          animation-name: glowing-inverse; }

.aatbtn-glow.aatbtn-action {
  -webkit-animation-name: glowing-action;
          animation-name: glowing-action; }

.aatbtn-glow.aatbtn-highlight {
  -webkit-animation-name: glowing-highlight;
          animation-name: glowing-highlight; }

.aatbtn-glow.aatbtn-caution {
  -webkit-animation-name: glowing-caution;
          animation-name: glowing-caution; }

.aatbtn-glow.aatbtn-royal {
  -webkit-animation-name: glowing-royal;
          animation-name: glowing-royal; }

/*
* Dropdown menu buttons
*
* A dropdown menu appears
* when a button is pressed
*/
/*
* Dropdown Container
*
*/
.aatbtn-dropdown {
  position: relative;
  overflow: visible;
  display: inline-block; }

/*
* Dropdown List Style
*
*/
.aatbtn-dropdown-list {
  display: none;
  position: absolute;
  padding: 0;
  margin: 0;
  top: 0;
  left: 0;
  z-index: 1000;
  min-width: 100%;
  list-style-type: none;
  background: rgba(255, 255, 255, 0.95);
  border-style: solid;
  border-width: 1px;
  border-color: #d5d4d4;
  font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  box-sizing: border-box;
  /*
  * Dropdown Below
  *
  */
  /*
  * Dropdown Above
  *
  */ }
  .aatbtn-dropdown-list.is-below {
    top: 100%;
    border-top: none;
    border-radius: 0 0 3px 3px; }
  .aatbtn-dropdown-list.is-above {
    bottom: 100%;
    top: auto;
    border-bottom: none;
    border-radius: 3px 3px 0 0;
    box-shadow: 0 -2px 7px rgba(0, 0, 0, 0.2); }

/*
* Dropdown Buttons
*
*/
.aatbtn-dropdown-list > li {
  padding: 0;
  margin: 0;
  display: block; }
  .aatbtn-dropdown-list > li > a {
    display: block;
    line-height: 40px;
    font-size: 12.8px;
    padding: 5px 10px;
    float: none;
    color: #666;
    text-decoration: none; }
    .aatbtn-dropdown-list > li > a:hover {
      color: #5e5e5e;
      background: #f6f6f6;
      text-decoration: none; }

.aatbtn-dropdown-divider {
  border-top: 1px solid #e6e6e6; }

/*
* Dropdown Colors
*
* Create colors for buttons
* (.button-primary, .button-secondary, etc.)
*/
.aatbtn-dropdown.aatbtn-dropdown-primary .aatbtn-dropdown-list {
  background: rgba(27, 154, 247, 0.95);
  border-color: #0880d7; }
  .aatbtn-dropdown.aatbtn-dropdown-primary .aatbtn-dropdown-list .aatbtn-dropdown-divider {
    border-color: #0888e6; }
  .aatbtn-dropdown.aatbtn-dropdown-primary .aatbtn-dropdown-list > li > a {
    color: #FFF; }
    .aatbtn-dropdown.aatbtn-dropdown-primary .aatbtn-dropdown-list > li > a:hover {
      color: #f2f2f2;
      background: #088ef0; }

.aatbtn-dropdown.aatbtn-dropdown-plain .aatbtn-dropdown-list {
  background: rgba(255, 255, 255, 0.95);
  border-color: #e6e5e5; }
  .aatbtn-dropdown.aatbtn-dropdown-plain .aatbtn-dropdown-list .aatbtn-dropdown-divider {
    border-color: #ededed; }
  .aatbtn-dropdown.aatbtn-dropdown-plain .aatbtn-dropdown-list > li > a {
    color: #1B9AF7; }
    .aatbtn-dropdown.aatbtn-dropdown-plain .aatbtn-dropdown-list > li > a:hover {
      color: #088ef0;
      background: #f2f2f2; }

.aatbtn-dropdown.aatbtn-dropdown-inverse .aatbtn-dropdown-list {
  background: rgba(34, 34, 34, 0.95);
  border-color: #090808; }
  .aatbtn-dropdown.aatbtn-dropdown-inverse .aatbtn-dropdown-list .aatbtn-dropdown-divider {
    border-color: #101010; }
  .aatbtn-dropdown.aatbtn-dropdown-inverse .aatbtn-dropdown-list > li > a {
    color: #EEE; }
    .aatbtn-dropdown.aatbtn-dropdown-inverse .aatbtn-dropdown-list > li > a:hover {
      color: #e1e1e1;
      background: #151515; }

.aatbtn-dropdown.aatbtn-dropdown-action .aatbtn-dropdown-list {
  background: rgba(165, 222, 55, 0.95);
  border-color: #8bc220; }
  .aatbtn-dropdown.aatbtn-dropdown-action .aatbtn-dropdown-list .aatbtn-dropdown-divider {
    border-color: #94cf22; }
  .aatbtn-dropdown.aatbtn-dropdown-action .aatbtn-dropdown-list > li > a {
    color: #FFF; }
    .aatbtn-dropdown.aatbtn-dropdown-action .aatbtn-dropdown-list > li > a:hover {
      color: #f2f2f2;
      background: #9ad824; }

.aatbtn-dropdown.aatbtn-dropdown-highlight .aatbtn-dropdown-list {
  background: rgba(254, 174, 27, 0.95);
  border-color: #e59501; }
  .aatbtn-dropdown.aatbtn-dropdown-highlight .aatbtn-dropdown-list .aatbtn-dropdown-divider {
    border-color: #f49f01; }
  .aatbtn-dropdown.aatbtn-dropdown-highlight .aatbtn-dropdown-list > li > a {
    color: #FFF; }
    .aatbtn-dropdown.aatbtn-dropdown-highlight .aatbtn-dropdown-list > li > a:hover {
      color: #f2f2f2;
      background: #fea502; }

.aatbtn-dropdown.aatbtn-dropdown-caution .aatbtn-dropdown-list {
  background: rgba(255, 67, 81, 0.95);
  border-color: #ff1022; }
  .aatbtn-dropdown.aatbtn-dropdown-caution .aatbtn-dropdown-list .aatbtn-dropdown-divider {
    border-color: #ff1f30; }
  .aatbtn-dropdown.aatbtn-dropdown-caution .aatbtn-dropdown-list > li > a {
    color: #FFF; }
    .aatbtn-dropdown.aatbtn-dropdown-caution .aatbtn-dropdown-list > li > a:hover {
      color: #f2f2f2;
      background: #ff2a39; }

.aatbtn-dropdown.aatbtn-dropdown-royal .aatbtn-dropdown-list {
  background: rgba(123, 114, 233, 0.95);
  border-color: #5246e2; }
  .aatbtn-dropdown.aatbtn-dropdown-royal .aatbtn-dropdown-list .aatbtn-dropdown-divider {
    border-color: #5e53e4; }
  .aatbtn-dropdown.aatbtn-dropdown-royal .aatbtn-dropdown-list > li > a {
    color: #FFF; }
    .aatbtn-dropdown.aatbtn-dropdown-royal .aatbtn-dropdown-list > li > a:hover {
      color: #f2f2f2;
      background: #665ce6; }

/*
* Buton Groups
*
* A group of related buttons
* displayed edge to edge
*/
.aatbtn-group {
  *zoom: 1;
  position: relative;
  display: inline-block; }
  .aatbtn-group:after, .aatbtn-group:before {
    content: '.';
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0; }
  .aatbtn-group .aatbtn,
  .aatbtn-group .aatbtn-dropdown {
    float: left; }
    .aatbtn-group .aatbtn:not(:first-child):not(:last-child),
    .aatbtn-group .aatbtn-dropdown:not(:first-child):not(:last-child) {
      border-radius: 0;
      border-right: none; }
    .aatbtn-group .aatbtn:first-child,
    .aatbtn-group .aatbtn-dropdown:first-child {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-right: none; }
    .aatbtn-group .aatbtn:last-child,
    .aatbtn-group .aatbtn-dropdown:last-child {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }

/*
* Button Wrapper
*
* A wrap around effect to highlight
* the shape of the button and offer
* a subtle visual effect.
*/
.aatbtn-wrap {
  border: 1px solid #e3e3e3;
  display: inline-block;
  padding: 9px;
  background: -webkit-linear-gradient(#f2f2f2, #FFF);
  background: linear-gradient(#f2f2f2, #FFF);
  border-radius: 200px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.04); }

/*
* Long Shadow Buttons
*
* A visual effect adding a flat shadow to the text of a button
*/
/*
* Long Shadow Function
*
* Loops $length times building a long shadow. Defaults downward right
*/
/*
* LONG SHADOW MIXIN
*
*/
/*
* Shadow Right
*
*/
.aatbtn-longshadow,
.aatbtn-longshadow-right {
  overflow: hidden; }
  .aatbtn-longshadow.aatbtn-primary,
  .aatbtn-longshadow-right.aatbtn-primary {
    text-shadow: 0px 0px #0880d7, 1px 1px #0880d7, 2px 2px #0880d7, 3px 3px #0880d7, 4px 4px #0880d7, 5px 5px #0880d7, 6px 6px #0880d7, 7px 7px #0880d7, 8px 8px #0880d7, 9px 9px #0880d7, 10px 10px #0880d7, 11px 11px #0880d7, 12px 12px #0880d7, 13px 13px #0880d7, 14px 14px #0880d7, 15px 15px #0880d7, 16px 16px #0880d7, 17px 17px #0880d7, 18px 18px #0880d7, 19px 19px #0880d7, 20px 20px #0880d7, 21px 21px #0880d7, 22px 22px #0880d7, 23px 23px #0880d7, 24px 24px #0880d7, 25px 25px #0880d7, 26px 26px #0880d7, 27px 27px #0880d7, 28px 28px #0880d7, 29px 29px #0880d7, 30px 30px #0880d7, 31px 31px #0880d7, 32px 32px #0880d7, 33px 33px #0880d7, 34px 34px #0880d7, 35px 35px #0880d7, 36px 36px #0880d7, 37px 37px #0880d7, 38px 38px #0880d7, 39px 39px #0880d7, 40px 40px #0880d7, 41px 41px #0880d7, 42px 42px #0880d7, 43px 43px #0880d7, 44px 44px #0880d7, 45px 45px #0880d7, 46px 46px #0880d7, 47px 47px #0880d7, 48px 48px #0880d7, 49px 49px #0880d7, 50px 50px #0880d7, 51px 51px #0880d7, 52px 52px #0880d7, 53px 53px #0880d7, 54px 54px #0880d7, 55px 55px #0880d7, 56px 56px #0880d7, 57px 57px #0880d7, 58px 58px #0880d7, 59px 59px #0880d7, 60px 60px #0880d7, 61px 61px #0880d7, 62px 62px #0880d7, 63px 63px #0880d7, 64px 64px #0880d7, 65px 65px #0880d7, 66px 66px #0880d7, 67px 67px #0880d7, 68px 68px #0880d7, 69px 69px #0880d7, 70px 70px #0880d7, 71px 71px #0880d7, 72px 72px #0880d7, 73px 73px #0880d7, 74px 74px #0880d7, 75px 75px #0880d7, 76px 76px #0880d7, 77px 77px #0880d7, 78px 78px #0880d7, 79px 79px #0880d7, 80px 80px #0880d7, 81px 81px #0880d7, 82px 82px #0880d7, 83px 83px #0880d7, 84px 84px #0880d7, 85px 85px #0880d7; }
    .aatbtn-longshadow.aatbtn-primary:active, .aatbtn-longshadow.aatbtn-primary.active, .aatbtn-longshadow.aatbtn-primary.is-active,
    .aatbtn-longshadow-right.aatbtn-primary:active,
    .aatbtn-longshadow-right.aatbtn-primary.active,
    .aatbtn-longshadow-right.aatbtn-primary.is-active {
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
  .aatbtn-longshadow.aatbtn-plain,
  .aatbtn-longshadow-right.aatbtn-plain {
    text-shadow: 0px 0px #e6e5e5, 1px 1px #e6e5e5, 2px 2px #e6e5e5, 3px 3px #e6e5e5, 4px 4px #e6e5e5, 5px 5px #e6e5e5, 6px 6px #e6e5e5, 7px 7px #e6e5e5, 8px 8px #e6e5e5, 9px 9px #e6e5e5, 10px 10px #e6e5e5, 11px 11px #e6e5e5, 12px 12px #e6e5e5, 13px 13px #e6e5e5, 14px 14px #e6e5e5, 15px 15px #e6e5e5, 16px 16px #e6e5e5, 17px 17px #e6e5e5, 18px 18px #e6e5e5, 19px 19px #e6e5e5, 20px 20px #e6e5e5, 21px 21px #e6e5e5, 22px 22px #e6e5e5, 23px 23px #e6e5e5, 24px 24px #e6e5e5, 25px 25px #e6e5e5, 26px 26px #e6e5e5, 27px 27px #e6e5e5, 28px 28px #e6e5e5, 29px 29px #e6e5e5, 30px 30px #e6e5e5, 31px 31px #e6e5e5, 32px 32px #e6e5e5, 33px 33px #e6e5e5, 34px 34px #e6e5e5, 35px 35px #e6e5e5, 36px 36px #e6e5e5, 37px 37px #e6e5e5, 38px 38px #e6e5e5, 39px 39px #e6e5e5, 40px 40px #e6e5e5, 41px 41px #e6e5e5, 42px 42px #e6e5e5, 43px 43px #e6e5e5, 44px 44px #e6e5e5, 45px 45px #e6e5e5, 46px 46px #e6e5e5, 47px 47px #e6e5e5, 48px 48px #e6e5e5, 49px 49px #e6e5e5, 50px 50px #e6e5e5, 51px 51px #e6e5e5, 52px 52px #e6e5e5, 53px 53px #e6e5e5, 54px 54px #e6e5e5, 55px 55px #e6e5e5, 56px 56px #e6e5e5, 57px 57px #e6e5e5, 58px 58px #e6e5e5, 59px 59px #e6e5e5, 60px 60px #e6e5e5, 61px 61px #e6e5e5, 62px 62px #e6e5e5, 63px 63px #e6e5e5, 64px 64px #e6e5e5, 65px 65px #e6e5e5, 66px 66px #e6e5e5, 67px 67px #e6e5e5, 68px 68px #e6e5e5, 69px 69px #e6e5e5, 70px 70px #e6e5e5, 71px 71px #e6e5e5, 72px 72px #e6e5e5, 73px 73px #e6e5e5, 74px 74px #e6e5e5, 75px 75px #e6e5e5, 76px 76px #e6e5e5, 77px 77px #e6e5e5, 78px 78px #e6e5e5, 79px 79px #e6e5e5, 80px 80px #e6e5e5, 81px 81px #e6e5e5, 82px 82px #e6e5e5, 83px 83px #e6e5e5, 84px 84px #e6e5e5, 85px 85px #e6e5e5; }
    .aatbtn-longshadow.aatbtn-plain:active, .aatbtn-longshadow.aatbtn-plain.active, .aatbtn-longshadow.aatbtn-plain.is-active,
    .aatbtn-longshadow-right.aatbtn-plain:active,
    .aatbtn-longshadow-right.aatbtn-plain.active,
    .aatbtn-longshadow-right.aatbtn-plain.is-active {
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
  .aatbtn-longshadow.aatbtn-inverse,
  .aatbtn-longshadow-right.aatbtn-inverse {
    text-shadow: 0px 0px #090808, 1px 1px #090808, 2px 2px #090808, 3px 3px #090808, 4px 4px #090808, 5px 5px #090808, 6px 6px #090808, 7px 7px #090808, 8px 8px #090808, 9px 9px #090808, 10px 10px #090808, 11px 11px #090808, 12px 12px #090808, 13px 13px #090808, 14px 14px #090808, 15px 15px #090808, 16px 16px #090808, 17px 17px #090808, 18px 18px #090808, 19px 19px #090808, 20px 20px #090808, 21px 21px #090808, 22px 22px #090808, 23px 23px #090808, 24px 24px #090808, 25px 25px #090808, 26px 26px #090808, 27px 27px #090808, 28px 28px #090808, 29px 29px #090808, 30px 30px #090808, 31px 31px #090808, 32px 32px #090808, 33px 33px #090808, 34px 34px #090808, 35px 35px #090808, 36px 36px #090808, 37px 37px #090808, 38px 38px #090808, 39px 39px #090808, 40px 40px #090808, 41px 41px #090808, 42px 42px #090808, 43px 43px #090808, 44px 44px #090808, 45px 45px #090808, 46px 46px #090808, 47px 47px #090808, 48px 48px #090808, 49px 49px #090808, 50px 50px #090808, 51px 51px #090808, 52px 52px #090808, 53px 53px #090808, 54px 54px #090808, 55px 55px #090808, 56px 56px #090808, 57px 57px #090808, 58px 58px #090808, 59px 59px #090808, 60px 60px #090808, 61px 61px #090808, 62px 62px #090808, 63px 63px #090808, 64px 64px #090808, 65px 65px #090808, 66px 66px #090808, 67px 67px #090808, 68px 68px #090808, 69px 69px #090808, 70px 70px #090808, 71px 71px #090808, 72px 72px #090808, 73px 73px #090808, 74px 74px #090808, 75px 75px #090808, 76px 76px #090808, 77px 77px #090808, 78px 78px #090808, 79px 79px #090808, 80px 80px #090808, 81px 81px #090808, 82px 82px #090808, 83px 83px #090808, 84px 84px #090808, 85px 85px #090808; }
    .aatbtn-longshadow.aatbtn-inverse:active, .aatbtn-longshadow.aatbtn-inverse.active, .aatbtn-longshadow.aatbtn-inverse.is-active,
    .aatbtn-longshadow-right.aatbtn-inverse:active,
    .aatbtn-longshadow-right.aatbtn-inverse.active,
    .aatbtn-longshadow-right.aatbtn-inverse.is-active {
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
  .aatbtn-longshadow.aatbtn-action,
  .aatbtn-longshadow-right.aatbtn-action {
    text-shadow: 0px 0px #8bc220, 1px 1px #8bc220, 2px 2px #8bc220, 3px 3px #8bc220, 4px 4px #8bc220, 5px 5px #8bc220, 6px 6px #8bc220, 7px 7px #8bc220, 8px 8px #8bc220, 9px 9px #8bc220, 10px 10px #8bc220, 11px 11px #8bc220, 12px 12px #8bc220, 13px 13px #8bc220, 14px 14px #8bc220, 15px 15px #8bc220, 16px 16px #8bc220, 17px 17px #8bc220, 18px 18px #8bc220, 19px 19px #8bc220, 20px 20px #8bc220, 21px 21px #8bc220, 22px 22px #8bc220, 23px 23px #8bc220, 24px 24px #8bc220, 25px 25px #8bc220, 26px 26px #8bc220, 27px 27px #8bc220, 28px 28px #8bc220, 29px 29px #8bc220, 30px 30px #8bc220, 31px 31px #8bc220, 32px 32px #8bc220, 33px 33px #8bc220, 34px 34px #8bc220, 35px 35px #8bc220, 36px 36px #8bc220, 37px 37px #8bc220, 38px 38px #8bc220, 39px 39px #8bc220, 40px 40px #8bc220, 41px 41px #8bc220, 42px 42px #8bc220, 43px 43px #8bc220, 44px 44px #8bc220, 45px 45px #8bc220, 46px 46px #8bc220, 47px 47px #8bc220, 48px 48px #8bc220, 49px 49px #8bc220, 50px 50px #8bc220, 51px 51px #8bc220, 52px 52px #8bc220, 53px 53px #8bc220, 54px 54px #8bc220, 55px 55px #8bc220, 56px 56px #8bc220, 57px 57px #8bc220, 58px 58px #8bc220, 59px 59px #8bc220, 60px 60px #8bc220, 61px 61px #8bc220, 62px 62px #8bc220, 63px 63px #8bc220, 64px 64px #8bc220, 65px 65px #8bc220, 66px 66px #8bc220, 67px 67px #8bc220, 68px 68px #8bc220, 69px 69px #8bc220, 70px 70px #8bc220, 71px 71px #8bc220, 72px 72px #8bc220, 73px 73px #8bc220, 74px 74px #8bc220, 75px 75px #8bc220, 76px 76px #8bc220, 77px 77px #8bc220, 78px 78px #8bc220, 79px 79px #8bc220, 80px 80px #8bc220, 81px 81px #8bc220, 82px 82px #8bc220, 83px 83px #8bc220, 84px 84px #8bc220, 85px 85px #8bc220; }
    .aatbtn-longshadow.aatbtn-action:active, .aatbtn-longshadow.aatbtn-action.active, .aatbtn-longshadow.aatbtn-action.is-active,
    .aatbtn-longshadow-right.aatbtn-action:active,
    .aatbtn-longshadow-right.aatbtn-action.active,
    .aatbtn-longshadow-right.aatbtn-action.is-active {
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
  .aatbtn-longshadow.aatbtn-highlight,
  .aatbtn-longshadow-right.aatbtn-highlight {
    text-shadow: 0px 0px #e59501, 1px 1px #e59501, 2px 2px #e59501, 3px 3px #e59501, 4px 4px #e59501, 5px 5px #e59501, 6px 6px #e59501, 7px 7px #e59501, 8px 8px #e59501, 9px 9px #e59501, 10px 10px #e59501, 11px 11px #e59501, 12px 12px #e59501, 13px 13px #e59501, 14px 14px #e59501, 15px 15px #e59501, 16px 16px #e59501, 17px 17px #e59501, 18px 18px #e59501, 19px 19px #e59501, 20px 20px #e59501, 21px 21px #e59501, 22px 22px #e59501, 23px 23px #e59501, 24px 24px #e59501, 25px 25px #e59501, 26px 26px #e59501, 27px 27px #e59501, 28px 28px #e59501, 29px 29px #e59501, 30px 30px #e59501, 31px 31px #e59501, 32px 32px #e59501, 33px 33px #e59501, 34px 34px #e59501, 35px 35px #e59501, 36px 36px #e59501, 37px 37px #e59501, 38px 38px #e59501, 39px 39px #e59501, 40px 40px #e59501, 41px 41px #e59501, 42px 42px #e59501, 43px 43px #e59501, 44px 44px #e59501, 45px 45px #e59501, 46px 46px #e59501, 47px 47px #e59501, 48px 48px #e59501, 49px 49px #e59501, 50px 50px #e59501, 51px 51px #e59501, 52px 52px #e59501, 53px 53px #e59501, 54px 54px #e59501, 55px 55px #e59501, 56px 56px #e59501, 57px 57px #e59501, 58px 58px #e59501, 59px 59px #e59501, 60px 60px #e59501, 61px 61px #e59501, 62px 62px #e59501, 63px 63px #e59501, 64px 64px #e59501, 65px 65px #e59501, 66px 66px #e59501, 67px 67px #e59501, 68px 68px #e59501, 69px 69px #e59501, 70px 70px #e59501, 71px 71px #e59501, 72px 72px #e59501, 73px 73px #e59501, 74px 74px #e59501, 75px 75px #e59501, 76px 76px #e59501, 77px 77px #e59501, 78px 78px #e59501, 79px 79px #e59501, 80px 80px #e59501, 81px 81px #e59501, 82px 82px #e59501, 83px 83px #e59501, 84px 84px #e59501, 85px 85px #e59501; }
    .aatbtn-longshadow.aatbtn-highlight:active, .aatbtn-longshadow.aatbtn-highlight.active, .aatbtn-longshadow.aatbtn-highlight.is-active,
    .aatbtn-longshadow-right.aatbtn-highlight:active,
    .aatbtn-longshadow-right.aatbtn-highlight.active,
    .aatbtn-longshadow-right.aatbtn-highlight.is-active {
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
  .aatbtn-longshadow.aatbtn-caution,
  .aatbtn-longshadow-right.aatbtn-caution {
    text-shadow: 0px 0px #ff1022, 1px 1px #ff1022, 2px 2px #ff1022, 3px 3px #ff1022, 4px 4px #ff1022, 5px 5px #ff1022, 6px 6px #ff1022, 7px 7px #ff1022, 8px 8px #ff1022, 9px 9px #ff1022, 10px 10px #ff1022, 11px 11px #ff1022, 12px 12px #ff1022, 13px 13px #ff1022, 14px 14px #ff1022, 15px 15px #ff1022, 16px 16px #ff1022, 17px 17px #ff1022, 18px 18px #ff1022, 19px 19px #ff1022, 20px 20px #ff1022, 21px 21px #ff1022, 22px 22px #ff1022, 23px 23px #ff1022, 24px 24px #ff1022, 25px 25px #ff1022, 26px 26px #ff1022, 27px 27px #ff1022, 28px 28px #ff1022, 29px 29px #ff1022, 30px 30px #ff1022, 31px 31px #ff1022, 32px 32px #ff1022, 33px 33px #ff1022, 34px 34px #ff1022, 35px 35px #ff1022, 36px 36px #ff1022, 37px 37px #ff1022, 38px 38px #ff1022, 39px 39px #ff1022, 40px 40px #ff1022, 41px 41px #ff1022, 42px 42px #ff1022, 43px 43px #ff1022, 44px 44px #ff1022, 45px 45px #ff1022, 46px 46px #ff1022, 47px 47px #ff1022, 48px 48px #ff1022, 49px 49px #ff1022, 50px 50px #ff1022, 51px 51px #ff1022, 52px 52px #ff1022, 53px 53px #ff1022, 54px 54px #ff1022, 55px 55px #ff1022, 56px 56px #ff1022, 57px 57px #ff1022, 58px 58px #ff1022, 59px 59px #ff1022, 60px 60px #ff1022, 61px 61px #ff1022, 62px 62px #ff1022, 63px 63px #ff1022, 64px 64px #ff1022, 65px 65px #ff1022, 66px 66px #ff1022, 67px 67px #ff1022, 68px 68px #ff1022, 69px 69px #ff1022, 70px 70px #ff1022, 71px 71px #ff1022, 72px 72px #ff1022, 73px 73px #ff1022, 74px 74px #ff1022, 75px 75px #ff1022, 76px 76px #ff1022, 77px 77px #ff1022, 78px 78px #ff1022, 79px 79px #ff1022, 80px 80px #ff1022, 81px 81px #ff1022, 82px 82px #ff1022, 83px 83px #ff1022, 84px 84px #ff1022, 85px 85px #ff1022; }
    .aatbtn-longshadow.aatbtn-caution:active, .aatbtn-longshadow.aatbtn-caution.active, .aatbtn-longshadow.aatbtn-caution.is-active,
    .aatbtn-longshadow-right.aatbtn-caution:active,
    .aatbtn-longshadow-right.aatbtn-caution.active,
    .aatbtn-longshadow-right.aatbtn-caution.is-active {
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
  .aatbtn-longshadow.aatbtn-royal,
  .aatbtn-longshadow-right.aatbtn-royal {
    text-shadow: 0px 0px #5246e2, 1px 1px #5246e2, 2px 2px #5246e2, 3px 3px #5246e2, 4px 4px #5246e2, 5px 5px #5246e2, 6px 6px #5246e2, 7px 7px #5246e2, 8px 8px #5246e2, 9px 9px #5246e2, 10px 10px #5246e2, 11px 11px #5246e2, 12px 12px #5246e2, 13px 13px #5246e2, 14px 14px #5246e2, 15px 15px #5246e2, 16px 16px #5246e2, 17px 17px #5246e2, 18px 18px #5246e2, 19px 19px #5246e2, 20px 20px #5246e2, 21px 21px #5246e2, 22px 22px #5246e2, 23px 23px #5246e2, 24px 24px #5246e2, 25px 25px #5246e2, 26px 26px #5246e2, 27px 27px #5246e2, 28px 28px #5246e2, 29px 29px #5246e2, 30px 30px #5246e2, 31px 31px #5246e2, 32px 32px #5246e2, 33px 33px #5246e2, 34px 34px #5246e2, 35px 35px #5246e2, 36px 36px #5246e2, 37px 37px #5246e2, 38px 38px #5246e2, 39px 39px #5246e2, 40px 40px #5246e2, 41px 41px #5246e2, 42px 42px #5246e2, 43px 43px #5246e2, 44px 44px #5246e2, 45px 45px #5246e2, 46px 46px #5246e2, 47px 47px #5246e2, 48px 48px #5246e2, 49px 49px #5246e2, 50px 50px #5246e2, 51px 51px #5246e2, 52px 52px #5246e2, 53px 53px #5246e2, 54px 54px #5246e2, 55px 55px #5246e2, 56px 56px #5246e2, 57px 57px #5246e2, 58px 58px #5246e2, 59px 59px #5246e2, 60px 60px #5246e2, 61px 61px #5246e2, 62px 62px #5246e2, 63px 63px #5246e2, 64px 64px #5246e2, 65px 65px #5246e2, 66px 66px #5246e2, 67px 67px #5246e2, 68px 68px #5246e2, 69px 69px #5246e2, 70px 70px #5246e2, 71px 71px #5246e2, 72px 72px #5246e2, 73px 73px #5246e2, 74px 74px #5246e2, 75px 75px #5246e2, 76px 76px #5246e2, 77px 77px #5246e2, 78px 78px #5246e2, 79px 79px #5246e2, 80px 80px #5246e2, 81px 81px #5246e2, 82px 82px #5246e2, 83px 83px #5246e2, 84px 84px #5246e2, 85px 85px #5246e2; }
    .aatbtn-longshadow.aatbtn-royal:active, .aatbtn-longshadow.aatbtn-royal.active, .aatbtn-longshadow.aatbtn-royal.is-active,
    .aatbtn-longshadow-right.aatbtn-royal:active,
    .aatbtn-longshadow-right.aatbtn-royal.active,
    .aatbtn-longshadow-right.aatbtn-royal.is-active {
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }

/*
* Shadow Left
*
*/
.aatbtn-longshadow-left {
  overflow: hidden; }
  .aatbtn-longshadow-left.aatbtn-primary {
    text-shadow: 0px 0px #0880d7, -1px 1px #0880d7, -2px 2px #0880d7, -3px 3px #0880d7, -4px 4px #0880d7, -5px 5px #0880d7, -6px 6px #0880d7, -7px 7px #0880d7, -8px 8px #0880d7, -9px 9px #0880d7, -10px 10px #0880d7, -11px 11px #0880d7, -12px 12px #0880d7, -13px 13px #0880d7, -14px 14px #0880d7, -15px 15px #0880d7, -16px 16px #0880d7, -17px 17px #0880d7, -18px 18px #0880d7, -19px 19px #0880d7, -20px 20px #0880d7, -21px 21px #0880d7, -22px 22px #0880d7, -23px 23px #0880d7, -24px 24px #0880d7, -25px 25px #0880d7, -26px 26px #0880d7, -27px 27px #0880d7, -28px 28px #0880d7, -29px 29px #0880d7, -30px 30px #0880d7, -31px 31px #0880d7, -32px 32px #0880d7, -33px 33px #0880d7, -34px 34px #0880d7, -35px 35px #0880d7, -36px 36px #0880d7, -37px 37px #0880d7, -38px 38px #0880d7, -39px 39px #0880d7, -40px 40px #0880d7, -41px 41px #0880d7, -42px 42px #0880d7, -43px 43px #0880d7, -44px 44px #0880d7, -45px 45px #0880d7, -46px 46px #0880d7, -47px 47px #0880d7, -48px 48px #0880d7, -49px 49px #0880d7, -50px 50px #0880d7, -51px 51px #0880d7, -52px 52px #0880d7, -53px 53px #0880d7, -54px 54px #0880d7, -55px 55px #0880d7, -56px 56px #0880d7, -57px 57px #0880d7, -58px 58px #0880d7, -59px 59px #0880d7, -60px 60px #0880d7, -61px 61px #0880d7, -62px 62px #0880d7, -63px 63px #0880d7, -64px 64px #0880d7, -65px 65px #0880d7, -66px 66px #0880d7, -67px 67px #0880d7, -68px 68px #0880d7, -69px 69px #0880d7, -70px 70px #0880d7, -71px 71px #0880d7, -72px 72px #0880d7, -73px 73px #0880d7, -74px 74px #0880d7, -75px 75px #0880d7, -76px 76px #0880d7, -77px 77px #0880d7, -78px 78px #0880d7, -79px 79px #0880d7, -80px 80px #0880d7, -81px 81px #0880d7, -82px 82px #0880d7, -83px 83px #0880d7, -84px 84px #0880d7, -85px 85px #0880d7; }
    .aatbtn-longshadow-left.aatbtn-primary:active, .aatbtn-longshadow-left.aatbtn-primary.active, .aatbtn-longshadow-left.aatbtn-primary.is-active {
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
  .aatbtn-longshadow-left.aatbtn-plain {
    text-shadow: 0px 0px #e6e5e5, -1px 1px #e6e5e5, -2px 2px #e6e5e5, -3px 3px #e6e5e5, -4px 4px #e6e5e5, -5px 5px #e6e5e5, -6px 6px #e6e5e5, -7px 7px #e6e5e5, -8px 8px #e6e5e5, -9px 9px #e6e5e5, -10px 10px #e6e5e5, -11px 11px #e6e5e5, -12px 12px #e6e5e5, -13px 13px #e6e5e5, -14px 14px #e6e5e5, -15px 15px #e6e5e5, -16px 16px #e6e5e5, -17px 17px #e6e5e5, -18px 18px #e6e5e5, -19px 19px #e6e5e5, -20px 20px #e6e5e5, -21px 21px #e6e5e5, -22px 22px #e6e5e5, -23px 23px #e6e5e5, -24px 24px #e6e5e5, -25px 25px #e6e5e5, -26px 26px #e6e5e5, -27px 27px #e6e5e5, -28px 28px #e6e5e5, -29px 29px #e6e5e5, -30px 30px #e6e5e5, -31px 31px #e6e5e5, -32px 32px #e6e5e5, -33px 33px #e6e5e5, -34px 34px #e6e5e5, -35px 35px #e6e5e5, -36px 36px #e6e5e5, -37px 37px #e6e5e5, -38px 38px #e6e5e5, -39px 39px #e6e5e5, -40px 40px #e6e5e5, -41px 41px #e6e5e5, -42px 42px #e6e5e5, -43px 43px #e6e5e5, -44px 44px #e6e5e5, -45px 45px #e6e5e5, -46px 46px #e6e5e5, -47px 47px #e6e5e5, -48px 48px #e6e5e5, -49px 49px #e6e5e5, -50px 50px #e6e5e5, -51px 51px #e6e5e5, -52px 52px #e6e5e5, -53px 53px #e6e5e5, -54px 54px #e6e5e5, -55px 55px #e6e5e5, -56px 56px #e6e5e5, -57px 57px #e6e5e5, -58px 58px #e6e5e5, -59px 59px #e6e5e5, -60px 60px #e6e5e5, -61px 61px #e6e5e5, -62px 62px #e6e5e5, -63px 63px #e6e5e5, -64px 64px #e6e5e5, -65px 65px #e6e5e5, -66px 66px #e6e5e5, -67px 67px #e6e5e5, -68px 68px #e6e5e5, -69px 69px #e6e5e5, -70px 70px #e6e5e5, -71px 71px #e6e5e5, -72px 72px #e6e5e5, -73px 73px #e6e5e5, -74px 74px #e6e5e5, -75px 75px #e6e5e5, -76px 76px #e6e5e5, -77px 77px #e6e5e5, -78px 78px #e6e5e5, -79px 79px #e6e5e5, -80px 80px #e6e5e5, -81px 81px #e6e5e5, -82px 82px #e6e5e5, -83px 83px #e6e5e5, -84px 84px #e6e5e5, -85px 85px #e6e5e5; }
    .aatbtn-longshadow-left.aatbtn-plain:active, .aatbtn-longshadow-left.aatbtn-plain.active, .aatbtn-longshadow-left.aatbtn-plain.is-active {
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
  .aatbtn-longshadow-left.aatbtn-inverse {
    text-shadow: 0px 0px #090808, -1px 1px #090808, -2px 2px #090808, -3px 3px #090808, -4px 4px #090808, -5px 5px #090808, -6px 6px #090808, -7px 7px #090808, -8px 8px #090808, -9px 9px #090808, -10px 10px #090808, -11px 11px #090808, -12px 12px #090808, -13px 13px #090808, -14px 14px #090808, -15px 15px #090808, -16px 16px #090808, -17px 17px #090808, -18px 18px #090808, -19px 19px #090808, -20px 20px #090808, -21px 21px #090808, -22px 22px #090808, -23px 23px #090808, -24px 24px #090808, -25px 25px #090808, -26px 26px #090808, -27px 27px #090808, -28px 28px #090808, -29px 29px #090808, -30px 30px #090808, -31px 31px #090808, -32px 32px #090808, -33px 33px #090808, -34px 34px #090808, -35px 35px #090808, -36px 36px #090808, -37px 37px #090808, -38px 38px #090808, -39px 39px #090808, -40px 40px #090808, -41px 41px #090808, -42px 42px #090808, -43px 43px #090808, -44px 44px #090808, -45px 45px #090808, -46px 46px #090808, -47px 47px #090808, -48px 48px #090808, -49px 49px #090808, -50px 50px #090808, -51px 51px #090808, -52px 52px #090808, -53px 53px #090808, -54px 54px #090808, -55px 55px #090808, -56px 56px #090808, -57px 57px #090808, -58px 58px #090808, -59px 59px #090808, -60px 60px #090808, -61px 61px #090808, -62px 62px #090808, -63px 63px #090808, -64px 64px #090808, -65px 65px #090808, -66px 66px #090808, -67px 67px #090808, -68px 68px #090808, -69px 69px #090808, -70px 70px #090808, -71px 71px #090808, -72px 72px #090808, -73px 73px #090808, -74px 74px #090808, -75px 75px #090808, -76px 76px #090808, -77px 77px #090808, -78px 78px #090808, -79px 79px #090808, -80px 80px #090808, -81px 81px #090808, -82px 82px #090808, -83px 83px #090808, -84px 84px #090808, -85px 85px #090808; }
    .aatbtn-longshadow-left.aatbtn-inverse:active, .aatbtn-longshadow-left.aatbtn-inverse.active, .aatbtn-longshadow-left.aatbtn-inverse.is-active {
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
  .aatbtn-longshadow-left.aatbtn-action {
    text-shadow: 0px 0px #8bc220, -1px 1px #8bc220, -2px 2px #8bc220, -3px 3px #8bc220, -4px 4px #8bc220, -5px 5px #8bc220, -6px 6px #8bc220, -7px 7px #8bc220, -8px 8px #8bc220, -9px 9px #8bc220, -10px 10px #8bc220, -11px 11px #8bc220, -12px 12px #8bc220, -13px 13px #8bc220, -14px 14px #8bc220, -15px 15px #8bc220, -16px 16px #8bc220, -17px 17px #8bc220, -18px 18px #8bc220, -19px 19px #8bc220, -20px 20px #8bc220, -21px 21px #8bc220, -22px 22px #8bc220, -23px 23px #8bc220, -24px 24px #8bc220, -25px 25px #8bc220, -26px 26px #8bc220, -27px 27px #8bc220, -28px 28px #8bc220, -29px 29px #8bc220, -30px 30px #8bc220, -31px 31px #8bc220, -32px 32px #8bc220, -33px 33px #8bc220, -34px 34px #8bc220, -35px 35px #8bc220, -36px 36px #8bc220, -37px 37px #8bc220, -38px 38px #8bc220, -39px 39px #8bc220, -40px 40px #8bc220, -41px 41px #8bc220, -42px 42px #8bc220, -43px 43px #8bc220, -44px 44px #8bc220, -45px 45px #8bc220, -46px 46px #8bc220, -47px 47px #8bc220, -48px 48px #8bc220, -49px 49px #8bc220, -50px 50px #8bc220, -51px 51px #8bc220, -52px 52px #8bc220, -53px 53px #8bc220, -54px 54px #8bc220, -55px 55px #8bc220, -56px 56px #8bc220, -57px 57px #8bc220, -58px 58px #8bc220, -59px 59px #8bc220, -60px 60px #8bc220, -61px 61px #8bc220, -62px 62px #8bc220, -63px 63px #8bc220, -64px 64px #8bc220, -65px 65px #8bc220, -66px 66px #8bc220, -67px 67px #8bc220, -68px 68px #8bc220, -69px 69px #8bc220, -70px 70px #8bc220, -71px 71px #8bc220, -72px 72px #8bc220, -73px 73px #8bc220, -74px 74px #8bc220, -75px 75px #8bc220, -76px 76px #8bc220, -77px 77px #8bc220, -78px 78px #8bc220, -79px 79px #8bc220, -80px 80px #8bc220, -81px 81px #8bc220, -82px 82px #8bc220, -83px 83px #8bc220, -84px 84px #8bc220, -85px 85px #8bc220; }
    .aatbtn-longshadow-left.aatbtn-action:active, .aatbtn-longshadow-left.aatbtn-action.active, .aatbtn-longshadow-left.aatbtn-action.is-active {
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
  .aatbtn-longshadow-left.aatbtn-highlight {
    text-shadow: 0px 0px #e59501, -1px 1px #e59501, -2px 2px #e59501, -3px 3px #e59501, -4px 4px #e59501, -5px 5px #e59501, -6px 6px #e59501, -7px 7px #e59501, -8px 8px #e59501, -9px 9px #e59501, -10px 10px #e59501, -11px 11px #e59501, -12px 12px #e59501, -13px 13px #e59501, -14px 14px #e59501, -15px 15px #e59501, -16px 16px #e59501, -17px 17px #e59501, -18px 18px #e59501, -19px 19px #e59501, -20px 20px #e59501, -21px 21px #e59501, -22px 22px #e59501, -23px 23px #e59501, -24px 24px #e59501, -25px 25px #e59501, -26px 26px #e59501, -27px 27px #e59501, -28px 28px #e59501, -29px 29px #e59501, -30px 30px #e59501, -31px 31px #e59501, -32px 32px #e59501, -33px 33px #e59501, -34px 34px #e59501, -35px 35px #e59501, -36px 36px #e59501, -37px 37px #e59501, -38px 38px #e59501, -39px 39px #e59501, -40px 40px #e59501, -41px 41px #e59501, -42px 42px #e59501, -43px 43px #e59501, -44px 44px #e59501, -45px 45px #e59501, -46px 46px #e59501, -47px 47px #e59501, -48px 48px #e59501, -49px 49px #e59501, -50px 50px #e59501, -51px 51px #e59501, -52px 52px #e59501, -53px 53px #e59501, -54px 54px #e59501, -55px 55px #e59501, -56px 56px #e59501, -57px 57px #e59501, -58px 58px #e59501, -59px 59px #e59501, -60px 60px #e59501, -61px 61px #e59501, -62px 62px #e59501, -63px 63px #e59501, -64px 64px #e59501, -65px 65px #e59501, -66px 66px #e59501, -67px 67px #e59501, -68px 68px #e59501, -69px 69px #e59501, -70px 70px #e59501, -71px 71px #e59501, -72px 72px #e59501, -73px 73px #e59501, -74px 74px #e59501, -75px 75px #e59501, -76px 76px #e59501, -77px 77px #e59501, -78px 78px #e59501, -79px 79px #e59501, -80px 80px #e59501, -81px 81px #e59501, -82px 82px #e59501, -83px 83px #e59501, -84px 84px #e59501, -85px 85px #e59501; }
    .aatbtn-longshadow-left.aatbtn-highlight:active, .aatbtn-longshadow-left.aatbtn-highlight.active, .aatbtn-longshadow-left.aatbtn-highlight.is-active {
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
  .aatbtn-longshadow-left.aatbtn-caution {
    text-shadow: 0px 0px #ff1022, -1px 1px #ff1022, -2px 2px #ff1022, -3px 3px #ff1022, -4px 4px #ff1022, -5px 5px #ff1022, -6px 6px #ff1022, -7px 7px #ff1022, -8px 8px #ff1022, -9px 9px #ff1022, -10px 10px #ff1022, -11px 11px #ff1022, -12px 12px #ff1022, -13px 13px #ff1022, -14px 14px #ff1022, -15px 15px #ff1022, -16px 16px #ff1022, -17px 17px #ff1022, -18px 18px #ff1022, -19px 19px #ff1022, -20px 20px #ff1022, -21px 21px #ff1022, -22px 22px #ff1022, -23px 23px #ff1022, -24px 24px #ff1022, -25px 25px #ff1022, -26px 26px #ff1022, -27px 27px #ff1022, -28px 28px #ff1022, -29px 29px #ff1022, -30px 30px #ff1022, -31px 31px #ff1022, -32px 32px #ff1022, -33px 33px #ff1022, -34px 34px #ff1022, -35px 35px #ff1022, -36px 36px #ff1022, -37px 37px #ff1022, -38px 38px #ff1022, -39px 39px #ff1022, -40px 40px #ff1022, -41px 41px #ff1022, -42px 42px #ff1022, -43px 43px #ff1022, -44px 44px #ff1022, -45px 45px #ff1022, -46px 46px #ff1022, -47px 47px #ff1022, -48px 48px #ff1022, -49px 49px #ff1022, -50px 50px #ff1022, -51px 51px #ff1022, -52px 52px #ff1022, -53px 53px #ff1022, -54px 54px #ff1022, -55px 55px #ff1022, -56px 56px #ff1022, -57px 57px #ff1022, -58px 58px #ff1022, -59px 59px #ff1022, -60px 60px #ff1022, -61px 61px #ff1022, -62px 62px #ff1022, -63px 63px #ff1022, -64px 64px #ff1022, -65px 65px #ff1022, -66px 66px #ff1022, -67px 67px #ff1022, -68px 68px #ff1022, -69px 69px #ff1022, -70px 70px #ff1022, -71px 71px #ff1022, -72px 72px #ff1022, -73px 73px #ff1022, -74px 74px #ff1022, -75px 75px #ff1022, -76px 76px #ff1022, -77px 77px #ff1022, -78px 78px #ff1022, -79px 79px #ff1022, -80px 80px #ff1022, -81px 81px #ff1022, -82px 82px #ff1022, -83px 83px #ff1022, -84px 84px #ff1022, -85px 85px #ff1022; }
    .aatbtn-longshadow-left.aatbtn-caution:active, .aatbtn-longshadow-left.aatbtn-caution.active, .aatbtn-longshadow-left.aatbtn-caution.is-active {
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
  .aatbtn-longshadow-left.aatbtn-royal {
    text-shadow: 0px 0px #5246e2, -1px 1px #5246e2, -2px 2px #5246e2, -3px 3px #5246e2, -4px 4px #5246e2, -5px 5px #5246e2, -6px 6px #5246e2, -7px 7px #5246e2, -8px 8px #5246e2, -9px 9px #5246e2, -10px 10px #5246e2, -11px 11px #5246e2, -12px 12px #5246e2, -13px 13px #5246e2, -14px 14px #5246e2, -15px 15px #5246e2, -16px 16px #5246e2, -17px 17px #5246e2, -18px 18px #5246e2, -19px 19px #5246e2, -20px 20px #5246e2, -21px 21px #5246e2, -22px 22px #5246e2, -23px 23px #5246e2, -24px 24px #5246e2, -25px 25px #5246e2, -26px 26px #5246e2, -27px 27px #5246e2, -28px 28px #5246e2, -29px 29px #5246e2, -30px 30px #5246e2, -31px 31px #5246e2, -32px 32px #5246e2, -33px 33px #5246e2, -34px 34px #5246e2, -35px 35px #5246e2, -36px 36px #5246e2, -37px 37px #5246e2, -38px 38px #5246e2, -39px 39px #5246e2, -40px 40px #5246e2, -41px 41px #5246e2, -42px 42px #5246e2, -43px 43px #5246e2, -44px 44px #5246e2, -45px 45px #5246e2, -46px 46px #5246e2, -47px 47px #5246e2, -48px 48px #5246e2, -49px 49px #5246e2, -50px 50px #5246e2, -51px 51px #5246e2, -52px 52px #5246e2, -53px 53px #5246e2, -54px 54px #5246e2, -55px 55px #5246e2, -56px 56px #5246e2, -57px 57px #5246e2, -58px 58px #5246e2, -59px 59px #5246e2, -60px 60px #5246e2, -61px 61px #5246e2, -62px 62px #5246e2, -63px 63px #5246e2, -64px 64px #5246e2, -65px 65px #5246e2, -66px 66px #5246e2, -67px 67px #5246e2, -68px 68px #5246e2, -69px 69px #5246e2, -70px 70px #5246e2, -71px 71px #5246e2, -72px 72px #5246e2, -73px 73px #5246e2, -74px 74px #5246e2, -75px 75px #5246e2, -76px 76px #5246e2, -77px 77px #5246e2, -78px 78px #5246e2, -79px 79px #5246e2, -80px 80px #5246e2, -81px 81px #5246e2, -82px 82px #5246e2, -83px 83px #5246e2, -84px 84px #5246e2, -85px 85px #5246e2; }
    .aatbtn-longshadow-left.aatbtn-royal:active, .aatbtn-longshadow-left.aatbtn-royal.active, .aatbtn-longshadow-left.aatbtn-royal.is-active {
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }

/*
* Button Sizes
*
* This file creates the various button sizes
* (ex. .button-large, .button-small, etc.)
*/
.aatbtn-giant {
  font-size: 28px;
  height: 70px;
  line-height: 70px;
  padding: 0 70px; }

.aatbtn-jumbo {
  font-size: 24px;
  height: 60px;
  line-height: 60px;
  padding: 0 60px; }

.aatbtn-large {
  font-size: 20px;
  height: 50px;
  line-height: 50px;
  padding: 0 50px; }

.aatbtn-normal {
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  padding: 0 40px; }

.aatbtn-small {
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  padding: 0 30px; }

.aatbtn-tiny {
  font-size: 9.6px;
  height: 24px;
  line-height: 24px;
  padding: 0 24px; }

/**
	 * Table
	 */
.aat-tpl-table {
  width: 100%;
  margin-bottom: 20px;
  margin-top: 20px;
  border-collapse: collapse;
  word-wrap: break-word; }
  .aat-tpl-table thead tr th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
    background: #f7f7f9;
    text-align: center; }
  .aat-tpl-table thead tr:first-child th {
    border-top: 0; }
  .aat-tpl-table thead tr th.aat-th-index {
    width: 50px; }
  .aat-tpl-table thead .aat-th-price {
    width: 135px; }
  .aat-tpl-table tbody tr td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd; }
    .aat-tpl-table tbody tr td .aat-product-old-price {
      color: #888; }
  .aat-tpl-table tbody tr .aat-product-image-small .aat-product-image-wrapper {
    max-width: 80px; }
  .aat-tpl-table tbody tr .aat-product-image-medium .aat-product-image-wrapper {
    max-width: 200px; }
  .aat-tpl-table tbody tr .aat-product-image-large .aat-product-image-wrapper {
    max-width: 350px; }
  .aat-tpl-table tbody tr .aat-product-price-td,
  .aat-tpl-table tbody tr .aat-product-call-to-action-td,
  .aat-tpl-table tbody tr .aat-product-title-td,
  .aat-tpl-table tbody tr .aat-product-index-td,
  .aat-tpl-table tbody tr .aat-product-image-td,
  .aat-tpl-table tbody tr .aat-product-by-td {
    vertical-align: middle; }
  .aat-tpl-table tbody tr .aat-product-image-wrapper,
  .aat-tpl-table tbody tr .aat-product-index-td,
  .aat-tpl-table tbody tr .aat-product-by-td {
    text-align: center; }
  .aat-tpl-table tbody tr .aat-product-index-td,
  .aat-tpl-table tbody tr .aat-product-price-current {
    font-weight: bold; }
  .aat-tpl-table tbody tr .aat-product-price-current {
    color: #AB1700; }
  .aat-tpl-table tbody tr .aat-product-old-price {
    font-size: 14px;
    display: block;
    margin: 0 -8px; }
  .aat-tpl-table .aat-th-call-to-action {
    width: 180px; }
  .aat-tpl-table .aat-product-call-to-action-wrapper {
    text-align: center; }
  .aat-tpl-table td .aat-product-price {
    display: block; }
  .aat-tpl-table .aat-product-price-wrapper {
    text-align: center; }

table.aat-image-small tr th.aat-th-image {
  width: 100px; }

table.aat-image-medium tr th.aat-th-image {
  width: 200px; }

table.aat-image-large tr th.aat-th-image {
  width: 350px; }

.aat-table-bordered {
  border: 1px solid #ddd; }
  .aat-table-bordered thead tr td, .aat-table-bordered thead tr th {
    border-bottom-width: 2px; }
  .aat-table-bordered thead tr th, .aat-table-bordered thead tr td, .aat-table-bordered tbody tr th, .aat-table-bordered tbody tr td {
    border: 1px solid #ddd; }

.aat-table-zebra thead tr th {
  background: none; }

.aat-table-zebra tbody tr:nth-child(odd) {
  background-color: #f9f9f9; }

.table-style-zebra,
.table-style-standard {
  width: 100%; }

/**
	 * List Style
	 */
.aat-list-wrapper {
  padding: 0;
  margin: 20px 0;
  list-style: none; }
  .aat-list-wrapper li {
    overflow: hidden;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    padding: 10px; }
    .aat-list-wrapper li .aat-list-thumb {
      width: 15.2542372881%;
      float: left;
      margin-right: 1.6949152542%; }
    .aat-list-wrapper li .aat-list-content {
      width: 83.0508474576%;
      float: right;
      margin-right: 0; }
      .aat-list-wrapper li .aat-list-content .aat-product-title-wrapper {
        font-weight: bold; }
      .aat-list-wrapper li .aat-list-content .aat-product-feature-wrapper p {
        margin-bottom: 10px;
        margin-top: 0; }
      .aat-list-wrapper li .aat-list-content .aat-product-price,
      .aat-list-wrapper li .aat-list-content .aat-product-old-price {
        display: inline-block;
        padding-right: 10px; }
      .aat-list-wrapper li .aat-list-content .aat-product-old-price {
        color: #888; }
      .aat-list-wrapper li .aat-list-content .aat-price-off {
        color: #AB1700; }
    .aat-list-wrapper li:last-child {
      margin-bottom: 0; }

@media (max-width: 568px) {
  /**
	 * Table
	 */
  .table-style-standard .aat-table-standard {
    border: 0;
    /**
			 * Hide thead on mobile
			 */ }
    .table-style-standard .aat-table-standard thead {
      display: none; }
    .table-style-standard .aat-table-standard tbody tr {
      padding: 0 0 15px 0;
      display: block;
      margin-bottom: 1px;
      border-bottom: 1px solid #ccc; }
      .table-style-standard .aat-table-standard tbody tr td {
        display: block;
        border: 0;
        padding: 10px; }
      .table-style-standard .aat-table-standard tbody tr .aat-product-index-td {
        background: #f5f5f5; } }

.aat-icon-a {
  background-image: url("../img/a-icon-v2.png");
  background-size: 400px 750px;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: top; }

/**
 * General prime style
 */
.aat-icon-prime {
  height: 15px;
  width: 54px;
  background-position: -5px -490px;
  vertical-align: baseline; }

/**
 * Override Button Style
 */
.aatbtn {
  padding-left: 10px;
  padding-right: 10px; }

a.aatbtn-primary, a.aatbtn-primary-flat, a.aatbtn-action, a.aatbtn-action-flat, a.aatbtn-highlight, a.aatbtn-highlight-flat, a.aatbtn-caution, a.aatbtn-caution-flat, a.aatbtn-royal, a.aatbtn-royal-flat {
  color: #fff !important; }
  a.aatbtn-primary:hover, a.aatbtn-primary-flat:hover, a.aatbtn-action:hover, a.aatbtn-action-flat:hover, a.aatbtn-highlight:hover, a.aatbtn-highlight-flat:hover, a.aatbtn-caution:hover, a.aatbtn-caution-flat:hover, a.aatbtn-royal:hover, a.aatbtn-royal-flat:hover {
    text-decoration: none !important; }

.aat-product-price-current {
  color: #AB1700;
  font-weight: bold; }

.aatable-wrapper .aat-product-title-wrapper a {
  color: #3490F3; }

/** Button */
.aatbtn-highlight {
  border-radius: 25px;
  padding: 0 15px;
  box-shadow: 0 8px 6px -6px rgba(204, 51, 1, 0.5); }