/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *  user zoom.
 */
html {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: sans-serif;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */ }

/**
 * Remove default margin.
 */
body {
    margin: 0;
    line-height: 1; }

/**
 * Remove default outlines.
 */
a, button, :focus, a:focus, button:focus, a:active, a:hover {
    outline: 0; }

/* *
 * Remove tap highlight color
 */
a {
    -webkit-user-drag: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent; }
a[href]:hover {
    cursor: pointer; }


/**
 * Scaffolding
 * --------------------------------------------------
 */
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b, strong {
    font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
    font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code, kbd, pre, samp {
    font-size: 1em;
    font-family: monospace, serif; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
    white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
q {
    quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
    font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub, sup {
    position: relative;
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0; }

sup {
    top: -0.5em; }

sub {
    bottom: -0.25em; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
    border: 1px solid #c0c0c0; }

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
    padding: 0;
    /* 2 */
    border: 0;
    /* 1 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 * 4. Remove any default :focus styles
 * 5. Make sure webkit font smoothing is being inherited
 * 6. Remove default gradient in Android Firefox / FirefoxOS
 */
button, input, select, textarea {
    margin: 0;
    /* 3 */
    font-size: 100%;
    /* 2 */
    font-family: inherit;
    /* 1 */
    outline-offset: 0;
    /* 4 */
    outline-style: none;
    /* 4 */
    outline-width: 0;
    /* 4 */
    -webkit-font-smoothing: inherit;
    /* 5 */
    background-image: none;
    /* 6 */ }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `importnt` in
 * the UA stylesheet.
 */
button, input {
    line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button, select {
    text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *  and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *  `input` and others.
 */
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    /* 3 */
    -webkit-appearance: button;
    /* 2 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled], html input[disabled] {
    cursor: default; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *  (include `-moz` to future-proof).
 */
input[type="search"] {
    -webkit-box-sizing: content-box;
    /* 2 */
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield;
    /* 1 */ }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner, input::-moz-focus-inner {
    padding: 0;
    border: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
    overflow: auto;
    /* 1 */
    vertical-align: top;
    /* 2 */ }

img {
    -webkit-user-drag: none; }

/**
 * Grid
 * --------------------------------------------------
 * Using flexbox for the , inspired by Philip Walton:
 * http://philipwalton.github.io/solved-by-flexbox/demos/grids/
 * By default each .col within a .row will evenly take up
 * available width, and the height of each .col with take
 * up the height of the tallest .col in the same .row.
 */
.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 5px;
    width: 100%; }

.row-wrap {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }

.row-no-padding {
    padding: 0; }
.row-no-padding > .col {
    padding: 0; }

.row + .row {
    margin-top: -5px;
    padding-top: 0; }

.col {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    padding: 5px;
    width: 100%; }

/* Vertically Align Columns */
/* .row-* vertically aligns every .col in the .row */
.row-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start; }

.row-bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end; }

.row-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }

.row-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch; }

.row-baseline {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    -webkit-align-items: baseline;
    -moz-align-items: baseline;
    align-items: baseline; }

/* .col-* vertically aligns an individual .col */
.col-top {
    -webkit-align-self: flex-start;
    -moz-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start; }

.col-bottom {
    -webkit-align-self: flex-end;
    -moz-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end; }

.col-center {
    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-flex-item-align: center;
    align-self: center; }

/* Column Offsets */
.col-offset-10 {
    margin-left: 10%; }

.col-offset-20 {
    margin-left: 20%; }

.col-offset-25 {
    margin-left: 25%; }

.col-offset-33, .col-offset-34 {
    margin-left: 33.3333%; }

.col-offset-50 {
    margin-left: 50%; }

.col-offset-66, .col-offset-67 {
    margin-left: 66.6666%; }

.col-offset-75 {
    margin-left: 75%; }

.col-offset-80 {
    margin-left: 80%; }

.col-offset-90 {
    margin-left: 90%; }

/* Explicit Column Percent Sizes */
/* By default each grid column will evenly distribute */
/* across the grid. However, you can specify individual */
/* columns to take up a certain size of the available area */
.col-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 10%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 10%;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%; }

.col-20 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%; }

.col-25 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }

.col-33, .col-34 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 33.3333%;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%; }

.col-50 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }

.col-66, .col-67 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.6666%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 66.6666%;
    -ms-flex: 0 0 66.6666%;
    flex: 0 0 66.6666%;
    max-width: 66.6666%; }

.col-75 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }

.col-80 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 80%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 80%;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%; }

.col-90 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 90%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 90%;
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    max-width: 90%; }

/**
 * Resets
 * --------------------------------------------------
 * Adapted from normalize.css and some reset.css. We don't care even one
 * bit about old IE, so we don't need any hacks for that in here.
 *
 * There are probably other things we could remove here, as well.
 *
 * normalize.css v2.1.2 | MIT License | git.io/normalize

 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, i, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, fieldset, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font: inherit;
    font-size: 100%; }

ol, ul {
    list-style: none; }

blockquote, q {
    quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
    display: none;
    height: 0; }

/**
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden], template {
    display: none; }

script {
    display: none !important; }

/**
 * Tabs
 * --------------------------------------------------
 * A navigation bar with any number of tab items supported.
 */
.tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: horizontal;
    -moz-flex-direction: horizontal;
    -ms-flex-direction: horizontal;
    flex-direction: horizontal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    border-color: #b2b2b2;
    background-color: #f8f8f8;
    background-image: linear-gradient(0deg, #b2b2b2, #b2b2b2 50%, transparent 50%);
    color: #444;
    position: absolute;
    bottom: 0;
    z-index: 5;
    width: 100%;
    height: 49px;
    border-style: solid;
    border-top-width: 1px;
    background-size: 0;
    line-height: 49px; }
.tabs .tab-item .badge {
    background-color: #444;
    color: #f8f8f8; }
@media (min--moz-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
    .tabs {
        padding-top: 2px;
        border-top: none !important;
        border-bottom: none;
        background-position: top;
        background-size: 100% 1px;
        background-repeat: no-repeat; } }

/* Allow parent element of tabs to define color, or just the tab itself */
.tabs-light > .tabs, .tabs.tabs-light {
    border-color: #ddd;
    background-color: #fff;
    background-image: linear-gradient(0deg, #ddd, #ddd 50%, transparent 50%);
    color: #444; }
.tabs-light > .tabs .tab-item .badge, .tabs.tabs-light .tab-item .badge {
    background-color: #444;
    color: #fff; }

.tabs-stable > .tabs, .tabs.tabs-stable {
    border-color: #b2b2b2;
    background-color: #f8f8f8;
    background-image: linear-gradient(0deg, #b2b2b2, #b2b2b2 50%, transparent 50%);
    color: #444; }
.tabs-stable > .tabs .tab-item .badge, .tabs.tabs-stable .tab-item .badge {
    background-color: #444;
    color: #f8f8f8; }

.tabs-positive > .tabs, .tabs.tabs-positive {
    border-color: #0c63ee;
    background-color: #387ef5;
    background-image: linear-gradient(0deg, #0c63ee, #0c63ee 50%, transparent 50%);
    color: #fff; }
.tabs-positive > .tabs .tab-item .badge, .tabs.tabs-positive .tab-item .badge {
    background-color: #fff;
    color: #387ef5; }

.tabs-calm > .tabs, .tabs.tabs-calm {
    border-color: #0a9ec7;
    background-color: #11c1f3;
    background-image: linear-gradient(0deg, #0a9ec7, #0a9ec7 50%, transparent 50%);
    color: #fff; }
.tabs-calm > .tabs .tab-item .badge, .tabs.tabs-calm .tab-item .badge {
    background-color: #fff;
    color: #11c1f3; }

.tabs-assertive > .tabs, .tabs.tabs-assertive {
    border-color: #e42012;
    background-color: #ef473a;
    background-image: linear-gradient(0deg, #e42012, #e42012 50%, transparent 50%);
    color: #fff; }
.tabs-assertive > .tabs .tab-item .badge, .tabs.tabs-assertive .tab-item .badge {
    background-color: #fff;
    color: #ef473a; }

.tabs-balanced > .tabs, .tabs.tabs-balanced {
    border-color: #28a54c;
    background-color: #33cd5f;
    background-image: linear-gradient(0deg, #28a54c, #28a54c 50%, transparent 50%);
    color: #fff; }
.tabs-balanced > .tabs .tab-item .badge, .tabs.tabs-balanced .tab-item .badge {
    background-color: #fff;
    color: #33cd5f; }

.tabs-energized > .tabs, .tabs.tabs-energized {
    border-color: #e6b400;
    background-color: #ffc900;
    background-image: linear-gradient(0deg, #e6b400, #e6b400 50%, transparent 50%);
    color: #fff; }
.tabs-energized > .tabs .tab-item .badge, .tabs.tabs-energized .tab-item .badge {
    background-color: #fff;
    color: #ffc900; }

.tabs-royal > .tabs, .tabs.tabs-royal {
    border-color: #6b46e5;
    background-color: #886aea;
    background-image: linear-gradient(0deg, #6b46e5, #6b46e5 50%, transparent 50%);
    color: #fff; }
.tabs-royal > .tabs .tab-item .badge, .tabs.tabs-royal .tab-item .badge {
    background-color: #fff;
    color: #886aea; }

.tabs-dark > .tabs, .tabs.tabs-dark {
    border-color: #111;
    background-color: #444;
    background-image: linear-gradient(0deg, #111, #111 50%, transparent 50%);
    color: #fff; }
.tabs-dark > .tabs .tab-item .badge, .tabs.tabs-dark .tab-item .badge {
    background-color: #fff;
    color: #444; }

.tabs-striped .tabs {
    background-color: white;
    background-image: none;
    border: none;
    border-bottom: 1px solid #ddd;
    padding-top: 2px; }
.tabs-striped .tab-item.tab-item-active, .tabs-striped .tab-item.active, .tabs-striped .tab-item.activated {
    margin-top: -2px;
    border-style: solid;
    border-width: 2px 0 0 0;
    border-color: #444; }
.tabs-striped .tab-item.tab-item-active .badge, .tabs-striped .tab-item.active .badge, .tabs-striped .tab-item.activated .badge {
    top: 2px;
    opacity: 1; }
.tabs-striped.tabs-light .tabs {
    background-color: #fff; }
.tabs-striped.tabs-light .tab-item {
    color: rgba(68, 68, 68, 0.4);
    opacity: 1; }
.tabs-striped.tabs-light .tab-item .badge {
    opacity: 0.4; }
.tabs-striped.tabs-light .tab-item.tab-item-active, .tabs-striped.tabs-light .tab-item.active, .tabs-striped.tabs-light .tab-item.activated {
    margin-top: -2px;
    color: #444;
    border-style: solid;
    border-width: 2px 0 0 0;
    border-color: #444; }
.tabs-striped.tabs-top .tab-item.tab-item-active .badge, .tabs-striped.tabs-top .tab-item.active .badge, .tabs-striped.tabs-top .tab-item.activated .badge {
    top: 4%; }
.tabs-striped.tabs-stable .tabs {
    background-color: #f8f8f8; }
.tabs-striped.tabs-stable .tab-item {
    color: rgba(68, 68, 68, 0.4);
    opacity: 1; }
.tabs-striped.tabs-stable .tab-item .badge {
    opacity: 0.4; }
.tabs-striped.tabs-stable .tab-item.tab-item-active, .tabs-striped.tabs-stable .tab-item.active, .tabs-striped.tabs-stable .tab-item.activated {
    margin-top: -2px;
    color: #444;
    border-style: solid;
    border-width: 2px 0 0 0;
    border-color: #444; }
.tabs-striped.tabs-top .tab-item.tab-item-active .badge, .tabs-striped.tabs-top .tab-item.active .badge, .tabs-striped.tabs-top .tab-item.activated .badge {
    top: 4%; }
.tabs-striped.tabs-positive .tabs {
    background-color: #387ef5; }
.tabs-striped.tabs-positive .tab-item {
    color: rgba(255, 255, 255, 0.4);
    opacity: 1; }
.tabs-striped.tabs-positive .tab-item .badge {
    opacity: 0.4; }
.tabs-striped.tabs-positive .tab-item.tab-item-active, .tabs-striped.tabs-positive .tab-item.active, .tabs-striped.tabs-positive .tab-item.activated {
    margin-top: -2px;
    color: #fff;
    border-style: solid;
    border-width: 2px 0 0 0;
    border-color: #fff; }
.tabs-striped.tabs-top .tab-item.tab-item-active .badge, .tabs-striped.tabs-top .tab-item.active .badge, .tabs-striped.tabs-top .tab-item.activated .badge {
    top: 4%; }
.tabs-striped.tabs-calm .tabs {
    background-color: #11c1f3; }
.tabs-striped.tabs-calm .tab-item {
    color: rgba(255, 255, 255, 0.4);
    opacity: 1; }
.tabs-striped.tabs-calm .tab-item .badge {
    opacity: 0.4; }
.tabs-striped.tabs-calm .tab-item.tab-item-active, .tabs-striped.tabs-calm .tab-item.active, .tabs-striped.tabs-calm .tab-item.activated {
    margin-top: -2px;
    color: #fff;
    border-style: solid;
    border-width: 2px 0 0 0;
    border-color: #fff; }
.tabs-striped.tabs-top .tab-item.tab-item-active .badge, .tabs-striped.tabs-top .tab-item.active .badge, .tabs-striped.tabs-top .tab-item.activated .badge {
    top: 4%; }
.tabs-striped.tabs-assertive .tabs {
    background-color: #ef473a; }
.tabs-striped.tabs-assertive .tab-item {
    color: rgba(255, 255, 255, 0.4);
    opacity: 1; }
.tabs-striped.tabs-assertive .tab-item .badge {
    opacity: 0.4; }
.tabs-striped.tabs-assertive .tab-item.tab-item-active, .tabs-striped.tabs-assertive .tab-item.active, .tabs-striped.tabs-assertive .tab-item.activated {
    margin-top: -2px;
    color: #fff;
    border-style: solid;
    border-width: 2px 0 0 0;
    border-color: #fff; }
.tabs-striped.tabs-top .tab-item.tab-item-active .badge, .tabs-striped.tabs-top .tab-item.active .badge, .tabs-striped.tabs-top .tab-item.activated .badge {
    top: 4%; }
.tabs-striped.tabs-balanced .tabs {
    background-color: #33cd5f; }
.tabs-striped.tabs-balanced .tab-item {
    color: rgba(255, 255, 255, 0.4);
    opacity: 1; }
.tabs-striped.tabs-balanced .tab-item .badge {
    opacity: 0.4; }
.tabs-striped.tabs-balanced .tab-item.tab-item-active, .tabs-striped.tabs-balanced .tab-item.active, .tabs-striped.tabs-balanced .tab-item.activated {
    margin-top: -2px;
    color: #fff;
    border-style: solid;
    border-width: 2px 0 0 0;
    border-color: #fff; }
.tabs-striped.tabs-top .tab-item.tab-item-active .badge, .tabs-striped.tabs-top .tab-item.active .badge, .tabs-striped.tabs-top .tab-item.activated .badge {
    top: 4%; }
.tabs-striped.tabs-energized .tabs {
    background-color: #ffc900; }
.tabs-striped.tabs-energized .tab-item {
    color: rgba(255, 255, 255, 0.4);
    opacity: 1; }
.tabs-striped.tabs-energized .tab-item .badge {
    opacity: 0.4; }
.tabs-striped.tabs-energized .tab-item.tab-item-active, .tabs-striped.tabs-energized .tab-item.active, .tabs-striped.tabs-energized .tab-item.activated {
    margin-top: -2px;
    color: #fff;
    border-style: solid;
    border-width: 2px 0 0 0;
    border-color: #fff; }
.tabs-striped.tabs-top .tab-item.tab-item-active .badge, .tabs-striped.tabs-top .tab-item.active .badge, .tabs-striped.tabs-top .tab-item.activated .badge {
    top: 4%; }
.tabs-striped.tabs-royal .tabs {
    background-color: #886aea; }
.tabs-striped.tabs-royal .tab-item {
    color: rgba(255, 255, 255, 0.4);
    opacity: 1; }
.tabs-striped.tabs-royal .tab-item .badge {
    opacity: 0.4; }
.tabs-striped.tabs-royal .tab-item.tab-item-active, .tabs-striped.tabs-royal .tab-item.active, .tabs-striped.tabs-royal .tab-item.activated {
    margin-top: -2px;
    color: #fff;
    border-style: solid;
    border-width: 2px 0 0 0;
    border-color: #fff; }
.tabs-striped.tabs-top .tab-item.tab-item-active .badge, .tabs-striped.tabs-top .tab-item.active .badge, .tabs-striped.tabs-top .tab-item.activated .badge {
    top: 4%; }
.tabs-striped.tabs-dark .tabs {
    background-color: #444; }
.tabs-striped.tabs-dark .tab-item {
    color: rgba(255, 255, 255, 0.4);
    opacity: 1; }
.tabs-striped.tabs-dark .tab-item .badge {
    opacity: 0.4; }
.tabs-striped.tabs-dark .tab-item.tab-item-active, .tabs-striped.tabs-dark .tab-item.active, .tabs-striped.tabs-dark .tab-item.activated {
    margin-top: -2px;
    color: #fff;
    border-style: solid;
    border-width: 2px 0 0 0;
    border-color: #fff; }
.tabs-striped.tabs-top .tab-item.tab-item-active .badge, .tabs-striped.tabs-top .tab-item.active .badge, .tabs-striped.tabs-top .tab-item.activated .badge {
    top: 4%; }
.tabs-striped.tabs-background-light .tabs {
    background-color: #fff;
    background-image: none; }
.tabs-striped.tabs-background-stable .tabs {
    background-color: #f8f8f8;
    background-image: none; }
.tabs-striped.tabs-background-positive .tabs {
    background-color: #387ef5;
    background-image: none; }
.tabs-striped.tabs-background-calm .tabs {
    background-color: #11c1f3;
    background-image: none; }
.tabs-striped.tabs-background-assertive .tabs {
    background-color: #ef473a;
    background-image: none; }
.tabs-striped.tabs-background-balanced .tabs {
    background-color: #33cd5f;
    background-image: none; }
.tabs-striped.tabs-background-energized .tabs {
    background-color: #ffc900;
    background-image: none; }
.tabs-striped.tabs-background-royal .tabs {
    background-color: #886aea;
    background-image: none; }
.tabs-striped.tabs-background-dark .tabs {
    background-color: #444;
    background-image: none; }
.tabs-striped.tabs-color-light .tab-item {
    color: rgba(255, 255, 255, 0.4);
    opacity: 1; }
.tabs-striped.tabs-color-light .tab-item .badge {
    opacity: 0.4; }
.tabs-striped.tabs-color-light .tab-item.tab-item-active, .tabs-striped.tabs-color-light .tab-item.active, .tabs-striped.tabs-color-light .tab-item.activated {
    margin-top: -2px;
    color: #fff;
    border: 0 solid #fff;
    border-top-width: 2px; }
.tabs-striped.tabs-color-light .tab-item.tab-item-active .badge, .tabs-striped.tabs-color-light .tab-item.active .badge, .tabs-striped.tabs-color-light .tab-item.activated .badge {
    top: 2px;
    opacity: 1; }
.tabs-striped.tabs-color-stable .tab-item {
    color: rgba(248, 248, 248, 0.4);
    opacity: 1; }
.tabs-striped.tabs-color-stable .tab-item .badge {
    opacity: 0.4; }
.tabs-striped.tabs-color-stable .tab-item.tab-item-active, .tabs-striped.tabs-color-stable .tab-item.active, .tabs-striped.tabs-color-stable .tab-item.activated {
    margin-top: -2px;
    color: #f8f8f8;
    border: 0 solid #f8f8f8;
    border-top-width: 2px; }
.tabs-striped.tabs-color-stable .tab-item.tab-item-active .badge, .tabs-striped.tabs-color-stable .tab-item.active .badge, .tabs-striped.tabs-color-stable .tab-item.activated .badge {
    top: 2px;
    opacity: 1; }
.tabs-striped.tabs-color-positive .tab-item {
    color: rgba(56, 126, 245, 0.4);
    opacity: 1; }
.tabs-striped.tabs-color-positive .tab-item .badge {
    opacity: 0.4; }
.tabs-striped.tabs-color-positive .tab-item.tab-item-active, .tabs-striped.tabs-color-positive .tab-item.active, .tabs-striped.tabs-color-positive .tab-item.activated {
    margin-top: -2px;
    color: #387ef5;
    border: 0 solid #387ef5;
    border-top-width: 2px; }
.tabs-striped.tabs-color-positive .tab-item.tab-item-active .badge, .tabs-striped.tabs-color-positive .tab-item.active .badge, .tabs-striped.tabs-color-positive .tab-item.activated .badge {
    top: 2px;
    opacity: 1; }
.tabs-striped.tabs-color-calm .tab-item {
    color: rgba(17, 193, 243, 0.4);
    opacity: 1; }
.tabs-striped.tabs-color-calm .tab-item .badge {
    opacity: 0.4; }
.tabs-striped.tabs-color-calm .tab-item.tab-item-active, .tabs-striped.tabs-color-calm .tab-item.active, .tabs-striped.tabs-color-calm .tab-item.activated {
    margin-top: -2px;
    color: #11c1f3;
    border: 0 solid #11c1f3;
    border-top-width: 2px; }
.tabs-striped.tabs-color-calm .tab-item.tab-item-active .badge, .tabs-striped.tabs-color-calm .tab-item.active .badge, .tabs-striped.tabs-color-calm .tab-item.activated .badge {
    top: 2px;
    opacity: 1; }
.tabs-striped.tabs-color-assertive .tab-item {
    color: rgba(239, 71, 58, 0.4);
    opacity: 1; }
.tabs-striped.tabs-color-assertive .tab-item .badge {
    opacity: 0.4; }
.tabs-striped.tabs-color-assertive .tab-item.tab-item-active, .tabs-striped.tabs-color-assertive .tab-item.active, .tabs-striped.tabs-color-assertive .tab-item.activated {
    margin-top: -2px;
    color: #ef473a;
    border: 0 solid #ef473a;
    border-top-width: 2px; }
.tabs-striped.tabs-color-assertive .tab-item.tab-item-active .badge, .tabs-striped.tabs-color-assertive .tab-item.active .badge, .tabs-striped.tabs-color-assertive .tab-item.activated .badge {
    top: 2px;
    opacity: 1; }
.tabs-striped.tabs-color-balanced .tab-item {
    color: rgba(51, 205, 95, 0.4);
    opacity: 1; }
.tabs-striped.tabs-color-balanced .tab-item .badge {
    opacity: 0.4; }
.tabs-striped.tabs-color-balanced .tab-item.tab-item-active, .tabs-striped.tabs-color-balanced .tab-item.active, .tabs-striped.tabs-color-balanced .tab-item.activated {
    margin-top: -2px;
    color: #33cd5f;
    border: 0 solid #33cd5f;
    border-top-width: 2px; }
.tabs-striped.tabs-color-balanced .tab-item.tab-item-active .badge, .tabs-striped.tabs-color-balanced .tab-item.active .badge, .tabs-striped.tabs-color-balanced .tab-item.activated .badge {
    top: 2px;
    opacity: 1; }
.tabs-striped.tabs-color-energized .tab-item {
    color: rgba(255, 201, 0, 0.4);
    opacity: 1; }
.tabs-striped.tabs-color-energized .tab-item .badge {
    opacity: 0.4; }
.tabs-striped.tabs-color-energized .tab-item.tab-item-active, .tabs-striped.tabs-color-energized .tab-item.active, .tabs-striped.tabs-color-energized .tab-item.activated {
    margin-top: -2px;
    color: #ffc900;
    border: 0 solid #ffc900;
    border-top-width: 2px; }
.tabs-striped.tabs-color-energized .tab-item.tab-item-active .badge, .tabs-striped.tabs-color-energized .tab-item.active .badge, .tabs-striped.tabs-color-energized .tab-item.activated .badge {
    top: 2px;
    opacity: 1; }
.tabs-striped.tabs-color-royal .tab-item {
    color: rgba(136, 106, 234, 0.4);
    opacity: 1; }
.tabs-striped.tabs-color-royal .tab-item .badge {
    opacity: 0.4; }
.tabs-striped.tabs-color-royal .tab-item.tab-item-active, .tabs-striped.tabs-color-royal .tab-item.active, .tabs-striped.tabs-color-royal .tab-item.activated {
    margin-top: -2px;
    color: #886aea;
    border: 0 solid #886aea;
    border-top-width: 2px; }
.tabs-striped.tabs-color-royal .tab-item.tab-item-active .badge, .tabs-striped.tabs-color-royal .tab-item.active .badge, .tabs-striped.tabs-color-royal .tab-item.activated .badge {
    top: 2px;
    opacity: 1; }
.tabs-striped.tabs-color-dark .tab-item {
    color: rgba(68, 68, 68, 0.4);
    opacity: 1; }
.tabs-striped.tabs-color-dark .tab-item .badge {
    opacity: 0.4; }
.tabs-striped.tabs-color-dark .tab-item.tab-item-active, .tabs-striped.tabs-color-dark .tab-item.active, .tabs-striped.tabs-color-dark .tab-item.activated {
    margin-top: -2px;
    color: #444;
    border: 0 solid #444;
    border-top-width: 2px; }
.tabs-striped.tabs-color-dark .tab-item.tab-item-active .badge, .tabs-striped.tabs-color-dark .tab-item.active .badge, .tabs-striped.tabs-color-dark .tab-item.activated .badge {
    top: 2px;
    opacity: 1; }

.tabs-background-light .tabs, .tabs-background-light > .tabs {
    background-color: #fff;
    background-image: linear-gradient(0deg, #ddd, #ddd 50%, transparent 50%);
    border-color: #ddd; }

.tabs-background-stable .tabs, .tabs-background-stable > .tabs {
    background-color: #f8f8f8;
    background-image: linear-gradient(0deg, #b2b2b2, #b2b2b2 50%, transparent 50%);
    border-color: #b2b2b2; }

.tabs-background-positive .tabs, .tabs-background-positive > .tabs {
    background-color: #387ef5;
    background-image: linear-gradient(0deg, #0c63ee, #0c63ee 50%, transparent 50%);
    border-color: #0c63ee; }

.tabs-background-calm .tabs, .tabs-background-calm > .tabs {
    background-color: #11c1f3;
    background-image: linear-gradient(0deg, #0a9ec7, #0a9ec7 50%, transparent 50%);
    border-color: #0a9ec7; }

.tabs-background-assertive .tabs, .tabs-background-assertive > .tabs {
    background-color: #ef473a;
    background-image: linear-gradient(0deg, #e42012, #e42012 50%, transparent 50%);
    border-color: #e42012; }

.tabs-background-balanced .tabs, .tabs-background-balanced > .tabs {
    background-color: #33cd5f;
    background-image: linear-gradient(0deg, #28a54c, #28a54c 50%, transparent 50%);
    border-color: #28a54c; }

.tabs-background-energized .tabs, .tabs-background-energized > .tabs {
    background-color: #ffc900;
    background-image: linear-gradient(0deg, #e6b400, #e6b400 50%, transparent 50%);
    border-color: #e6b400; }

.tabs-background-royal .tabs, .tabs-background-royal > .tabs {
    background-color: #886aea;
    background-image: linear-gradient(0deg, #6b46e5, #6b46e5 50%, transparent 50%);
    border-color: #6b46e5; }

.tabs-background-dark .tabs, .tabs-background-dark > .tabs {
    background-color: #444;
    background-image: linear-gradient(0deg, #111, #111 50%, transparent 50%);
    border-color: #111; }

.tabs-color-light .tab-item {
    color: rgba(255, 255, 255, 0.4);
    opacity: 1; }
.tabs-color-light .tab-item .badge {
    opacity: 0.4; }
.tabs-color-light .tab-item.tab-item-active, .tabs-color-light .tab-item.active, .tabs-color-light .tab-item.activated {
    color: #fff;
    border: 0 solid #fff; }
.tabs-color-light .tab-item.tab-item-active .badge, .tabs-color-light .tab-item.active .badge, .tabs-color-light .tab-item.activated .badge {
    opacity: 1; }

.tabs-color-stable .tab-item {
    color: rgba(248, 248, 248, 0.4);
    opacity: 1; }
.tabs-color-stable .tab-item .badge {
    opacity: 0.4; }
.tabs-color-stable .tab-item.tab-item-active, .tabs-color-stable .tab-item.active, .tabs-color-stable .tab-item.activated {
    color: #f8f8f8;
    border: 0 solid #f8f8f8; }
.tabs-color-stable .tab-item.tab-item-active .badge, .tabs-color-stable .tab-item.active .badge, .tabs-color-stable .tab-item.activated .badge {
    opacity: 1; }

.tabs-color-positive .tab-item {
    color: rgba(56, 126, 245, 0.4);
    opacity: 1; }
.tabs-color-positive .tab-item .badge {
    opacity: 0.4; }
.tabs-color-positive .tab-item.tab-item-active, .tabs-color-positive .tab-item.active, .tabs-color-positive .tab-item.activated {
    color: #387ef5;
    border: 0 solid #387ef5; }
.tabs-color-positive .tab-item.tab-item-active .badge, .tabs-color-positive .tab-item.active .badge, .tabs-color-positive .tab-item.activated .badge {
    opacity: 1; }

.tabs-color-calm .tab-item {
    color: rgba(17, 193, 243, 0.4);
    opacity: 1; }
.tabs-color-calm .tab-item .badge {
    opacity: 0.4; }
.tabs-color-calm .tab-item.tab-item-active, .tabs-color-calm .tab-item.active, .tabs-color-calm .tab-item.activated {
    color: #11c1f3;
    border: 0 solid #11c1f3; }
.tabs-color-calm .tab-item.tab-item-active .badge, .tabs-color-calm .tab-item.active .badge, .tabs-color-calm .tab-item.activated .badge {
    opacity: 1; }

.tabs-color-assertive .tab-item {
    color: rgba(239, 71, 58, 0.4);
    opacity: 1; }
.tabs-color-assertive .tab-item .badge {
    opacity: 0.4; }
.tabs-color-assertive .tab-item.tab-item-active, .tabs-color-assertive .tab-item.active, .tabs-color-assertive .tab-item.activated {
    color: #ef473a;
    border: 0 solid #ef473a; }
.tabs-color-assertive .tab-item.tab-item-active .badge, .tabs-color-assertive .tab-item.active .badge, .tabs-color-assertive .tab-item.activated .badge {
    opacity: 1; }

.tabs-color-balanced .tab-item {
    color: rgba(51, 205, 95, 0.4);
    opacity: 1; }
.tabs-color-balanced .tab-item .badge {
    opacity: 0.4; }
.tabs-color-balanced .tab-item.tab-item-active, .tabs-color-balanced .tab-item.active, .tabs-color-balanced .tab-item.activated {
    color: #33cd5f;
    border: 0 solid #33cd5f; }
.tabs-color-balanced .tab-item.tab-item-active .badge, .tabs-color-balanced .tab-item.active .badge, .tabs-color-balanced .tab-item.activated .badge {
    opacity: 1; }

.tabs-color-energized .tab-item {
    color: rgba(255, 201, 0, 0.4);
    opacity: 1; }
.tabs-color-energized .tab-item .badge {
    opacity: 0.4; }
.tabs-color-energized .tab-item.tab-item-active, .tabs-color-energized .tab-item.active, .tabs-color-energized .tab-item.activated {
    color: #ffc900;
    border: 0 solid #ffc900; }
.tabs-color-energized .tab-item.tab-item-active .badge, .tabs-color-energized .tab-item.active .badge, .tabs-color-energized .tab-item.activated .badge {
    opacity: 1; }

.tabs-color-royal .tab-item {
    color: rgba(136, 106, 234, 0.4);
    opacity: 1; }
.tabs-color-royal .tab-item .badge {
    opacity: 0.4; }
.tabs-color-royal .tab-item.tab-item-active, .tabs-color-royal .tab-item.active, .tabs-color-royal .tab-item.activated {
    color: #886aea;
    border: 0 solid #886aea; }
.tabs-color-royal .tab-item.tab-item-active .badge, .tabs-color-royal .tab-item.active .badge, .tabs-color-royal .tab-item.activated .badge {
    opacity: 1; }

.tabs-color-dark .tab-item {
    color: rgba(68, 68, 68, 0.4);
    opacity: 1; }
.tabs-color-dark .tab-item .badge {
    opacity: 0.4; }
.tabs-color-dark .tab-item.tab-item-active, .tabs-color-dark .tab-item.active, .tabs-color-dark .tab-item.activated {
    color: #444;
    border: 0 solid #444; }
.tabs-color-dark .tab-item.tab-item-active .badge, .tabs-color-dark .tab-item.active .badge, .tabs-color-dark .tab-item.activated .badge {
    opacity: 1; }

ion-tabs.tabs-color-active-light .tab-item {
    color: #444; }
ion-tabs.tabs-color-active-light .tab-item.tab-item-active, ion-tabs.tabs-color-active-light .tab-item.active, ion-tabs.tabs-color-active-light .tab-item.activated {
    color: #fff; }
ion-tabs.tabs-color-active-stable .tab-item {
    color: #444; }
ion-tabs.tabs-color-active-stable .tab-item.tab-item-active, ion-tabs.tabs-color-active-stable .tab-item.active, ion-tabs.tabs-color-active-stable .tab-item.activated {
    color: #f8f8f8; }
ion-tabs.tabs-color-active-positive .tab-item {
    color: #444; }
ion-tabs.tabs-color-active-positive .tab-item.tab-item-active, ion-tabs.tabs-color-active-positive .tab-item.active, ion-tabs.tabs-color-active-positive .tab-item.activated {
    color: #387ef5; }
ion-tabs.tabs-color-active-calm .tab-item {
    color: #444; }
ion-tabs.tabs-color-active-calm .tab-item.tab-item-active, ion-tabs.tabs-color-active-calm .tab-item.active, ion-tabs.tabs-color-active-calm .tab-item.activated {
    color: #11c1f3; }
ion-tabs.tabs-color-active-assertive .tab-item {
    color: #444; }
ion-tabs.tabs-color-active-assertive .tab-item.tab-item-active, ion-tabs.tabs-color-active-assertive .tab-item.active, ion-tabs.tabs-color-active-assertive .tab-item.activated {
    color: #ef473a; }
ion-tabs.tabs-color-active-balanced .tab-item {
    color: #444; }
ion-tabs.tabs-color-active-balanced .tab-item.tab-item-active, ion-tabs.tabs-color-active-balanced .tab-item.active, ion-tabs.tabs-color-active-balanced .tab-item.activated {
    color: #33cd5f; }
ion-tabs.tabs-color-active-energized .tab-item {
    color: #444; }
ion-tabs.tabs-color-active-energized .tab-item.tab-item-active, ion-tabs.tabs-color-active-energized .tab-item.active, ion-tabs.tabs-color-active-energized .tab-item.activated {
    color: #ffc900; }
ion-tabs.tabs-color-active-royal .tab-item {
    color: #444; }
ion-tabs.tabs-color-active-royal .tab-item.tab-item-active, ion-tabs.tabs-color-active-royal .tab-item.active, ion-tabs.tabs-color-active-royal .tab-item.activated {
    color: #886aea; }
ion-tabs.tabs-color-active-dark .tab-item {
    color: #fff; }
ion-tabs.tabs-color-active-dark .tab-item.tab-item-active, ion-tabs.tabs-color-active-dark .tab-item.active, ion-tabs.tabs-color-active-dark .tab-item.activated {
    color: #444; }

.tabs-top.tabs-striped {
    padding-bottom: 0; }
.tabs-top.tabs-striped .tab-item {
    background: transparent;
    -webkit-transition: color 0.1s ease;
    -moz-transition: color 0.1s ease;
    -ms-transition: color 0.1s ease;
    -o-transition: color 0.1s ease;
    transition: color 0.1s ease; }
.tabs-top.tabs-striped .tab-item.tab-item-active, .tabs-top.tabs-striped .tab-item.active, .tabs-top.tabs-striped .tab-item.activated {
    margin-top: 1px;
    border-width: 0px 0px 2px 0px !important;
    border-style: solid; }
.tabs-top.tabs-striped .tab-item.tab-item-active > .badge, .tabs-top.tabs-striped .tab-item.tab-item-active > i, .tabs-top.tabs-striped .tab-item.active > .badge, .tabs-top.tabs-striped .tab-item.active > i, .tabs-top.tabs-striped .tab-item.activated > .badge, .tabs-top.tabs-striped .tab-item.activated > i {
    margin-top: -1px; }
.tabs-top.tabs-striped .tab-item .badge {
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    -ms-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
    transition: color 0.2s ease; }

/* Allow parent element to have tabs-top */
/* If you change this, change platform.scss as well */
.tabs-top > .tabs, .tabs.tabs-top {
    top: 44px;
    padding-top: 0;
    background-position: bottom;
    border-top-width: 0;
    border-bottom-width: 1px; }
.tabs-top > .tabs .tab-item.tab-item-active .badge, .tabs-top > .tabs .tab-item.active .badge, .tabs-top > .tabs .tab-item.activated .badge, .tabs.tabs-top .tab-item.tab-item-active .badge, .tabs.tabs-top .tab-item.active .badge, .tabs.tabs-top .tab-item.activated .badge {
    top: 4%; }

.tabs-top ~ .bar-header {
    border-bottom-width: 0; }

.tab-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    overflow: hidden;
    max-width: 150px;
    height: 100%;
    color: inherit;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    font-size: 14px;
    font-family: "Helvetica Neue", "Roboto", sans-serif;
    opacity: 0.7; }
.tab-item:hover {
    cursor: pointer; }
.tab-item.tab-hidden {
    display: none; }

.tabs-item-hide > .tabs, .tabs.tabs-item-hide {
    display: none; }

.tabs-icon-top > .tabs .tab-item, .tabs-icon-top.tabs .tab-item, .tabs-icon-bottom > .tabs .tab-item, .tabs-icon-bottom.tabs .tab-item {
    font-size: 10px;
    line-height: 14px; }

.tab-item .icon {
    display: block;
    margin: 0 auto;
    height: 32px;
    font-size: 32px; }

.tabs-icon-left.tabs .tab-item, .tabs-icon-left > .tabs .tab-item, .tabs-icon-right.tabs .tab-item, .tabs-icon-right > .tabs .tab-item {
    font-size: 10px; }
.tabs-icon-left.tabs .tab-item .icon, .tabs-icon-left > .tabs .tab-item .icon, .tabs-icon-right.tabs .tab-item .icon, .tabs-icon-right > .tabs .tab-item .icon {
    display: inline-block;
    vertical-align: top;
    margin-top: -0.1em; }
.tabs-icon-left.tabs .tab-item .icon:before, .tabs-icon-left > .tabs .tab-item .icon:before, .tabs-icon-right.tabs .tab-item .icon:before, .tabs-icon-right > .tabs .tab-item .icon:before {
    font-size: 24px;
    line-height: 49px; }

.tabs-icon-left > .tabs .tab-item .icon, .tabs-icon-left.tabs .tab-item .icon {
    padding-right: 3px; }

.tabs-icon-right > .tabs .tab-item .icon, .tabs-icon-right.tabs .tab-item .icon {
    padding-left: 3px; }

.tabs-icon-only > .tabs .icon, .tabs-icon-only.tabs .icon {
    line-height: inherit; }

.tab-item.has-badge {
    position: relative; }

.tab-item .badge {
    position: absolute;
    top: 4%;
    right: 33%;
    right: calc(50% - 26px);
    padding: 1px 6px;
    height: auto;
    font-size: 12px;
    line-height: 16px; }

/* Navigational tab */
/* Active state for tab */
.tab-item.tab-item-active, .tab-item.active, .tab-item.activated {
    opacity: 1; }
.tab-item.tab-item-active.tab-item-light, .tab-item.active.tab-item-light, .tab-item.activated.tab-item-light {
    color: #fff; }
.tab-item.tab-item-active.tab-item-stable, .tab-item.active.tab-item-stable, .tab-item.activated.tab-item-stable {
    color: #f8f8f8; }
.tab-item.tab-item-active.tab-item-positive, .tab-item.active.tab-item-positive, .tab-item.activated.tab-item-positive {
    color: #387ef5; }
.tab-item.tab-item-active.tab-item-calm, .tab-item.active.tab-item-calm, .tab-item.activated.tab-item-calm {
    color: #11c1f3; }
.tab-item.tab-item-active.tab-item-assertive, .tab-item.active.tab-item-assertive, .tab-item.activated.tab-item-assertive {
    color: #ef473a; }
.tab-item.tab-item-active.tab-item-balanced, .tab-item.active.tab-item-balanced, .tab-item.activated.tab-item-balanced {
    color: #33cd5f; }
.tab-item.tab-item-active.tab-item-energized, .tab-item.active.tab-item-energized, .tab-item.activated.tab-item-energized {
    color: #ffc900; }
.tab-item.tab-item-active.tab-item-royal, .tab-item.active.tab-item-royal, .tab-item.activated.tab-item-royal {
    color: #886aea; }
.tab-item.tab-item-active.tab-item-dark, .tab-item.active.tab-item-dark, .tab-item.activated.tab-item-dark {
    color: #444; }

.item.tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0; }
.item.tabs .icon:before {
    position: relative; }

.tab-item.disabled, .tab-item[disabled] {
    opacity: 0.4;
    cursor: default;
    pointer-events: none; }

/**
 * Bar (Headers and Footers)
 * --------------------------------------------------
 */
.bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    right: 0;
    left: 0;
    z-index: 9;
    box-sizing: border-box;
    padding: 5px;
    width: 100%;
    height: 44px;
    border-width: 0;
    border-style: solid;
    border-top: 1px solid transparent;
    border-bottom: 1px solid #ddd;
    background-color: white;
    /* border-width: 1px will actually create 2 device pixels on retina */
    /* this nifty trick sets an actual 1px border on hi-res displays */
    background-size: 0; }
@media (min--moz-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
    .bar {
        border: none;
        background-image: linear-gradient(0deg, #ddd, #ddd 50%, transparent 50%);
        background-position: bottom;
        background-size: 100% 1px;
        background-repeat: no-repeat; } }
.bar.bar-clear {
    border: none;
    background: none;
    color: #fff; }
.bar.bar-clear .button {
    color: #fff; }
.bar.bar-clear .title {
    color: #fff; }
.bar.item-input-inset .item-input-wrapper {
    margin-top: -1px; }
.bar.item-input-inset .item-input-wrapper input {
    padding-left: 8px;
    width: 94%;
    height: 28px;
    background: transparent; }
.bar.bar-light {
    border-color: #ddd;
    background-color: white;
    background-image: linear-gradient(0deg, #ddd, #ddd 50%, transparent 50%);
    color: #444; }
.bar.bar-light .title {
    color: #444; }
.bar.bar-light.bar-footer {
    background-image: linear-gradient(180deg, #ddd, #ddd 50%, transparent 50%); }
.bar.bar-stable {
    border-color: #b2b2b2;
    background-color: #f8f8f8;
    background-image: linear-gradient(0deg, #b2b2b2, #b2b2b2 50%, transparent 50%);
    color: #444; }
.bar.bar-stable .title {
    color: #444; }
.bar.bar-stable.bar-footer {
    background-image: linear-gradient(180deg, #b2b2b2, #b2b2b2 50%, transparent 50%); }
.bar.bar-positive {
    border-color: #0c63ee;
    background-color: #387ef5;
    background-image: linear-gradient(0deg, #0c63ee, #0c63ee 50%, transparent 50%);
    color: #fff; }
.bar.bar-positive .title {
    color: #fff; }
.bar.bar-positive.bar-footer {
    background-image: linear-gradient(180deg, #0c63ee, #0c63ee 50%, transparent 50%); }
.bar.bar-calm {
    border-color: #0a9ec7;
    background-color: #11c1f3;
    background-image: linear-gradient(0deg, #0a9ec7, #0a9ec7 50%, transparent 50%);
    color: #fff; }
.bar.bar-calm .title {
    color: #fff; }
.bar.bar-calm.bar-footer {
    background-image: linear-gradient(180deg, #0a9ec7, #0a9ec7 50%, transparent 50%); }
.bar.bar-assertive {
    border-color: #e42012;
    background-color: #ef473a;
    background-image: linear-gradient(0deg, #e42012, #e42012 50%, transparent 50%);
    color: #fff; }
.bar.bar-assertive .title {
    color: #fff; }
.bar.bar-assertive.bar-footer {
    background-image: linear-gradient(180deg, #e42012, #e42012 50%, transparent 50%); }
.bar.bar-balanced {
    border-color: #28a54c;
    background-color: #33cd5f;
    background-image: linear-gradient(0deg, #28a54c, #28a54c 50%, transparent 50%);
    color: #fff; }
.bar.bar-balanced .title {
    color: #fff; }
.bar.bar-balanced.bar-footer {
    background-image: linear-gradient(180deg, #28a54c, #0c63ee 50%, transparent 50%); }
.bar.bar-energized {
    border-color: #e6b400;
    background-color: #ffc900;
    background-image: linear-gradient(0deg, #e6b400, #e6b400 50%, transparent 50%);
    color: #fff; }
.bar.bar-energized .title {
    color: #fff; }
.bar.bar-energized.bar-footer {
    background-image: linear-gradient(180deg, #e6b400, #e6b400 50%, transparent 50%); }
.bar.bar-royal {
    border-color: #6b46e5;
    background-color: #886aea;
    background-image: linear-gradient(0deg, #6b46e5, #6b46e5 50%, transparent 50%);
    color: #fff; }
.bar.bar-royal .title {
    color: #fff; }
.bar.bar-royal.bar-footer {
    background-image: linear-gradient(180deg, #6b46e5, #6b46e5 50%, transparent 50%); }
.bar.bar-dark {
    border-color: #111;
    background-color: #444444;
    background-image: linear-gradient(0deg, #111, #111 50%, transparent 50%);
    color: #fff; }
.bar.bar-dark .title {
    color: #fff; }
.bar.bar-dark.bar-footer {
    background-image: linear-gradient(180deg, #111, #111 50%, transparent 50%); }
.bar .title {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 0;
    overflow: hidden;
    margin: 0 10px;
    min-width: 30px;
    height: 43px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 17px;
    font-weight: 500;
    line-height: 44px; }
.bar .title.title-left {
    text-align: left; }
.bar .title.title-right {
    text-align: right; }
.bar .title a {
    color: inherit; }
.bar .button {
    z-index: 1;
    padding: 0 8px;
    min-width: initial;
    min-height: 31px;
    font-weight: 400;
    font-size: 13px;
    line-height: 32px; }
.bar .button.button-icon:before, .bar .button .icon:before, .bar .button.icon:before, .bar .button.icon-left:before, .bar .button.icon-right:before {
    padding-right: 2px;
    padding-left: 2px;
    font-size: 20px;
    line-height: 32px; }
.bar .button.button-icon {
    font-size: 17px; }
.bar .button.button-icon .icon:before, .bar .button.button-icon:before, .bar .button.button-icon.icon-left:before, .bar .button.button-icon.icon-right:before {
    vertical-align: top;
    font-size: 32px;
    line-height: 32px; }
.bar .button.button-clear {
    padding-right: 2px;
    padding-left: 2px;
    font-weight: 300;
    font-size: 17px; }
.bar .button.button-clear .icon:before, .bar .button.button-clear.icon:before, .bar .button.button-clear.icon-left:before, .bar .button.button-clear.icon-right:before {
    font-size: 32px;
    line-height: 32px; }
.bar .button.back-button {
    display: block;
    margin-right: 5px;
    padding: 0;
    white-space: nowrap;
    font-weight: 400; }
.bar .button.back-button.active, .bar .button.back-button.activated {
    opacity: 0.2; }
.bar .button-bar > .button, .bar .buttons > .button {
    min-height: 31px;
    line-height: 32px; }
.bar .button-bar + .button, .bar .button + .button-bar {
    margin-left: 5px; }
.bar .buttons, .bar .buttons.primary-buttons, .bar .buttons.secondary-buttons {
    display: inherit; }
.bar .buttons span {
    display: inline-block; }
.bar .buttons-left span {
    margin-right: 5px;
    display: inherit; }
.bar .buttons-right span {
    margin-left: 5px;
    display: inherit; }
.bar .title + .button:last-child, .bar > .button + .button:last-child, .bar > .button.pull-right, .bar .buttons.pull-right, .bar .title + .buttons {
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px; }

.platform-android .nav-bar-has-subheader .bar {
    background-image: none; }
.platform-android .bar .back-button .icon:before {
    font-size: 24px; }
.platform-android .bar .title {
    font-size: 19px;
    line-height: 44px; }

.bar-light .button {
    border-color: #ddd;
    background-color: white;
    color: #444; }
.bar-light .button:hover {
    color: #444;
    text-decoration: none; }
.bar-light .button.active, .bar-light .button.activated {
    border-color: #ccc;
    background-color: #fafafa;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); }
.bar-light .button.button-clear {
    border-color: transparent;
    background: none;
    box-shadow: none;
    color: #444;
    font-size: 17px; }
.bar-light .button.button-icon {
    border-color: transparent;
    background: none; }

.bar-stable .button {
    border-color: #b2b2b2;
    background-color: #f8f8f8;
    color: #444; }
.bar-stable .button:hover {
    color: #444;
    text-decoration: none; }
.bar-stable .button.active, .bar-stable .button.activated {
    border-color: #a2a2a2;
    background-color: #e5e5e5;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); }
.bar-stable .button.button-clear {
    border-color: transparent;
    background: none;
    box-shadow: none;
    color: #444;
    font-size: 17px; }
.bar-stable .button.button-icon {
    border-color: transparent;
    background: none; }

.bar-positive .button {
    border-color: #0c63ee;
    background-color: #387ef5;
    color: #fff; }
.bar-positive .button:hover {
    color: #fff;
    text-decoration: none; }
.bar-positive .button.active, .bar-positive .button.activated {
    border-color: #0c63ee;
    background-color: #0c63ee;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); }
.bar-positive .button.button-clear {
    border-color: transparent;
    background: none;
    box-shadow: none;
    color: #fff;
    font-size: 17px; }
.bar-positive .button.button-icon {
    border-color: transparent;
    background: none; }

.bar-calm .button {
    border-color: #0a9ec7;
    background-color: #11c1f3;
    color: #fff; }
.bar-calm .button:hover {
    color: #fff;
    text-decoration: none; }
.bar-calm .button.active, .bar-calm .button.activated {
    border-color: #0a9ec7;
    background-color: #0a9ec7;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); }
.bar-calm .button.button-clear {
    border-color: transparent;
    background: none;
    box-shadow: none;
    color: #fff;
    font-size: 17px; }
.bar-calm .button.button-icon {
    border-color: transparent;
    background: none; }

.bar-assertive .button {
    border-color: #e42012;
    background-color: #ef473a;
    color: #fff; }
.bar-assertive .button:hover {
    color: #fff;
    text-decoration: none; }
.bar-assertive .button.active, .bar-assertive .button.activated {
    border-color: #e42012;
    background-color: #e42012;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); }
.bar-assertive .button.button-clear {
    border-color: transparent;
    background: none;
    box-shadow: none;
    color: #fff;
    font-size: 17px; }
.bar-assertive .button.button-icon {
    border-color: transparent;
    background: none; }

.bar-balanced .button {
    border-color: #28a54c;
    background-color: #33cd5f;
    color: #fff; }
.bar-balanced .button:hover {
    color: #fff;
    text-decoration: none; }
.bar-balanced .button.active, .bar-balanced .button.activated {
    border-color: #28a54c;
    background-color: #28a54c;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); }
.bar-balanced .button.button-clear {
    border-color: transparent;
    background: none;
    box-shadow: none;
    color: #fff;
    font-size: 17px; }
.bar-balanced .button.button-icon {
    border-color: transparent;
    background: none; }

.bar-energized .button {
    border-color: #e6b400;
    background-color: #ffc900;
    color: #fff; }
.bar-energized .button:hover {
    color: #fff;
    text-decoration: none; }
.bar-energized .button.active, .bar-energized .button.activated {
    border-color: #e6b400;
    background-color: #e6b400;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); }
.bar-energized .button.button-clear {
    border-color: transparent;
    background: none;
    box-shadow: none;
    color: #fff;
    font-size: 17px; }
.bar-energized .button.button-icon {
    border-color: transparent;
    background: none; }

.bar-royal .button {
    border-color: #6b46e5;
    background-color: #886aea;
    color: #fff; }
.bar-royal .button:hover {
    color: #fff;
    text-decoration: none; }
.bar-royal .button.active, .bar-royal .button.activated {
    border-color: #6b46e5;
    background-color: #6b46e5;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); }
.bar-royal .button.button-clear {
    border-color: transparent;
    background: none;
    box-shadow: none;
    color: #fff;
    font-size: 17px; }
.bar-royal .button.button-icon {
    border-color: transparent;
    background: none; }

.bar-dark .button {
    border-color: #111;
    background-color: #444444;
    color: #fff; }
.bar-dark .button:hover {
    color: #fff;
    text-decoration: none; }
.bar-dark .button.active, .bar-dark .button.activated {
    border-color: #000;
    background-color: #262626;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); }
.bar-dark .button.button-clear {
    border-color: transparent;
    background: none;
    box-shadow: none;
    color: #fff;
    font-size: 17px; }
.bar-dark .button.button-icon {
    border-color: transparent;
    background: none; }

.bar-header {
    top: 0;
    border-top-width: 0;
    border-bottom-width: 1px; }
.bar-header.has-tabs-top {
    border-bottom-width: 0px;
    background-image: none; }

.tabs-top .bar-header {
    border-bottom-width: 0px;
    background-image: none; }

.bar-footer {
    bottom: 0;
    border-top-width: 1px;
    border-bottom-width: 0;
    background-position: top;
    height: 44px; }
.bar-footer.item-input-inset {
    position: absolute; }

.bar-tabs {
    padding: 0; }

.bar-subheader {
    top: 44px;
    display: block;
    height: 44px; }

.bar-subfooter {
    bottom: 44px;
    display: block;
    height: 44px; }

.nav-bar-block {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 9; }

.bar .back-button.hide, .bar .buttons .hide {
    display: none; }

.nav-bar-tabs-top .bar {
    background-image: none; }


/**
 * Buttons
 * --------------------------------------------------
 */
.button {
    border-color: #b2b2b2;
    background-color: #f8f8f8;
    color: #444;
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0 12px;
    min-width: 52px;
    min-height: 47px;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    vertical-align: top;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 16px;
    line-height: 42px;
    cursor: pointer; }
.button:hover {
    color: #444;
    text-decoration: none; }
.button.active, .button.activated {
    border-color: #a2a2a2;
    background-color: #e5e5e5;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); }
.button:after {
    position: absolute;
    top: -6px;
    right: -6px;
    bottom: -6px;
    left: -6px;
    content: ' '; }
.button .icon {
    vertical-align: top;
    pointer-events: none; }
.button .icon:before, .button.icon:before, .button.icon-left:before, .button.icon-right:before {
    display: inline-block;
    padding: 0 0 1px 0;
    vertical-align: inherit;
    font-size: 24px;
    line-height: 41px;
    pointer-events: none; }
.button.icon-left:before {
    float: left;
    padding-right: 0.2em;
    padding-left: 0; }
.button.icon-right:before {
    float: right;
    padding-right: 0;
    padding-left: 0.2em; }
.button.button-block, .button.button-full {
    margin-top: 10px;
    margin-bottom: 10px; }
.button.button-light {
    border-color: #ddd;
    background-color: #fff;
    color: #444; }
.button.button-light:hover {
    color: #444;
    text-decoration: none; }
.button.button-light.active, .button.button-light.activated {
    border-color: #ccc;
    background-color: #fafafa;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); }
.button.button-light.button-clear {
    border-color: transparent;
    background: none;
    box-shadow: none;
    color: #ddd; }
.button.button-light.button-icon {
    border-color: transparent;
    background: none; }
.button.button-light.button-outline {
    border-color: #ddd;
    background: transparent;
    color: #ddd; }
.button.button-light.button-outline.active, .button.button-light.button-outline.activated {
    background-color: #ddd;
    box-shadow: none;
    color: #fff; }
.button.button-stable {
    border-color: #b2b2b2;
    background-color: #f8f8f8;
    color: #444; }
.button.button-stable:hover {
    color: #444;
    text-decoration: none; }
.button.button-stable.active, .button.button-stable.activated {
    border-color: #a2a2a2;
    background-color: #e5e5e5;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); }
.button.button-stable.button-clear {
    border-color: transparent;
    background: none;
    box-shadow: none;
    color: #b2b2b2; }
.button.button-stable.button-icon {
    border-color: transparent;
    background: none; }
.button.button-stable.button-outline {
    border-color: #b2b2b2;
    background: transparent;
    color: #b2b2b2; }
.button.button-stable.button-outline.active, .button.button-stable.button-outline.activated {
    background-color: #b2b2b2;
    box-shadow: none;
    color: #fff; }
.button.button-positive {
    border-color: #0c63ee;
    background-color: #387ef5;
    color: #fff; }
.button.button-positive:hover {
    color: #fff;
    text-decoration: none; }
.button.button-positive.active, .button.button-positive.activated {
    border-color: #0c63ee;
    background-color: #0c63ee;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); }
.button.button-positive.button-clear {
    border-color: transparent;
    background: none;
    box-shadow: none;
    color: #387ef5; }
.button.button-positive.button-icon {
    border-color: transparent;
    background: none; }
.button.button-positive.button-outline {
    border-color: #387ef5;
    background: transparent;
    color: #387ef5; }
.button.button-positive.button-outline.active, .button.button-positive.button-outline.activated {
    background-color: #387ef5;
    box-shadow: none;
    color: #fff; }
.button.button-calm {
    border-color: #0a9ec7;
    background-color: #11c1f3;
    color: #fff; }
.button.button-calm:hover {
    color: #fff;
    text-decoration: none; }
.button.button-calm.active, .button.button-calm.activated {
    border-color: #0a9ec7;
    background-color: #0a9ec7;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); }
.button.button-calm.button-clear {
    border-color: transparent;
    background: none;
    box-shadow: none;
    color: #11c1f3; }
.button.button-calm.button-icon {
    border-color: transparent;
    background: none; }
.button.button-calm.button-outline {
    border-color: #11c1f3;
    background: transparent;
    color: #11c1f3; }
.button.button-calm.button-outline.active, .button.button-calm.button-outline.activated {
    background-color: #11c1f3;
    box-shadow: none;
    color: #fff; }
.button.button-assertive {
    border-color: #e42012;
    background-color: #ef473a;
    color: #fff; }
.button.button-assertive:hover {
    color: #fff;
    text-decoration: none; }
.button.button-assertive.active, .button.button-assertive.activated {
    border-color: #e42012;
    background-color: #e42012;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); }
.button.button-assertive.button-clear {
    border-color: transparent;
    background: none;
    box-shadow: none;
    color: #ef473a; }
.button.button-assertive.button-icon {
    border-color: transparent;
    background: none; }
.button.button-assertive.button-outline {
    border-color: #ef473a;
    background: transparent;
    color: #ef473a; }
.button.button-assertive.button-outline.active, .button.button-assertive.button-outline.activated {
    background-color: #ef473a;
    box-shadow: none;
    color: #fff; }
.button.button-balanced {
    border-color: #28a54c;
    background-color: #33cd5f;
    color: #fff; }
.button.button-balanced:hover {
    color: #fff;
    text-decoration: none; }
.button.button-balanced.active, .button.button-balanced.activated {
    border-color: #28a54c;
    background-color: #28a54c;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); }
.button.button-balanced.button-clear {
    border-color: transparent;
    background: none;
    box-shadow: none;
    color: #33cd5f; }
.button.button-balanced.button-icon {
    border-color: transparent;
    background: none; }
.button.button-balanced.button-outline {
    border-color: #33cd5f;
    background: transparent;
    color: #33cd5f; }
.button.button-balanced.button-outline.active, .button.button-balanced.button-outline.activated {
    background-color: #33cd5f;
    box-shadow: none;
    color: #fff; }
.button.button-energized {
    border-color: #e6b400;
    background-color: #ffc900;
    color: #fff; }
.button.button-energized:hover {
    color: #fff;
    text-decoration: none; }
.button.button-energized.active, .button.button-energized.activated {
    border-color: #e6b400;
    background-color: #e6b400;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); }
.button.button-energized.button-clear {
    border-color: transparent;
    background: none;
    box-shadow: none;
    color: #ffc900; }
.button.button-energized.button-icon {
    border-color: transparent;
    background: none; }
.button.button-energized.button-outline {
    border-color: #ffc900;
    background: transparent;
    color: #ffc900; }
.button.button-energized.button-outline.active, .button.button-energized.button-outline.activated {
    background-color: #ffc900;
    box-shadow: none;
    color: #fff; }
.button.button-royal {
    border-color: #6b46e5;
    background-color: #886aea;
    color: #fff; }
.button.button-royal:hover {
    color: #fff;
    text-decoration: none; }
.button.button-royal.active, .button.button-royal.activated {
    border-color: #6b46e5;
    background-color: #6b46e5;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); }
.button.button-royal.button-clear {
    border-color: transparent;
    background: none;
    box-shadow: none;
    color: #886aea; }
.button.button-royal.button-icon {
    border-color: transparent;
    background: none; }
.button.button-royal.button-outline {
    border-color: #886aea;
    background: transparent;
    color: #886aea; }
.button.button-royal.button-outline.active, .button.button-royal.button-outline.activated {
    background-color: #886aea;
    box-shadow: none;
    color: #fff; }
.button.button-dark {
    border-color: #111;
    background-color: #444;
    color: #fff; }
.button.button-dark:hover {
    color: #fff;
    text-decoration: none; }
.button.button-dark.active, .button.button-dark.activated {
    border-color: #000;
    background-color: #262626;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); }
.button.button-dark.button-clear {
    border-color: transparent;
    background: none;
    box-shadow: none;
    color: #444; }
.button.button-dark.button-icon {
    border-color: transparent;
    background: none; }
.button.button-dark.button-outline {
    border-color: #444;
    background: transparent;
    color: #444; }
.button.button-dark.button-outline.active, .button.button-dark.button-outline.activated {
    background-color: #444;
    box-shadow: none;
    color: #fff; }

.button-small {
    padding: 2px 4px 1px;
    min-width: 28px;
    min-height: 30px;
    font-size: 12px;
    line-height: 26px; }
.button-small .icon:before, .button-small.icon:before, .button-small.icon-left:before, .button-small.icon-right:before {
    font-size: 16px;
    line-height: 19px;
    margin-top: 3px; }

.button-large {
    padding: 0 16px;
    min-width: 68px;
    min-height: 59px;
    font-size: 20px;
    line-height: 53px; }
.button-large .icon:before, .button-large.icon:before, .button-large.icon-left:before, .button-large.icon-right:before {
    padding-bottom: 2px;
    font-size: 32px;
    line-height: 51px; }

.button-icon {
    -webkit-transition: opacity 0.1s;
    transition: opacity 0.1s;
    padding: 0 6px;
    min-width: initial;
    border-color: transparent;
    background: none; }
.button-icon.button.active, .button-icon.button.activated {
    border-color: transparent;
    background: none;
    box-shadow: none;
    opacity: 0.3; }
.button-icon .icon:before, .button-icon.icon:before {
    font-size: 32px; }

.button-clear {
    -webkit-transition: opacity 0.1s;
    transition: opacity 0.1s;
    padding: 0 6px;
    max-height: 42px;
    border-color: transparent;
    background: none;
    box-shadow: none; }
.button-clear.button-clear {
    border-color: transparent;
    background: none;
    box-shadow: none;
    color: #b2b2b2; }
.button-clear.button-icon {
    border-color: transparent;
    background: none; }
.button-clear.active, .button-clear.activated {
    opacity: 0.3; }

.button-outline {
    -webkit-transition: opacity 0.1s;
    transition: opacity 0.1s;
    background: none;
    box-shadow: none; }
.button-outline.button-outline {
    border-color: #b2b2b2;
    background: transparent;
    color: #b2b2b2; }
.button-outline.button-outline.active, .button-outline.button-outline.activated {
    background-color: #b2b2b2;
    box-shadow: none;
    color: #fff; }

.padding > .button.button-block:first-child {
    margin-top: 0; }

.button-block {
    display: block;
    clear: both; }
.button-block:after {
    clear: both; }

.button-full, .button-full > .button {
    display: block;
    margin-right: 0;
    margin-left: 0;
    border-right-width: 0;
    border-left-width: 0;
    border-radius: 0; }

button.button-block, button.button-full, .button-full > button.button, input.button.button-block {
    width: 100%; }

a.button {
    text-decoration: none; }
a.button .icon:before, a.button.icon:before, a.button.icon-left:before, a.button.icon-right:before {
    margin-top: 2px; }

.button.disabled, .button[disabled] {
    opacity: 0.4;
    cursor: default !important;
    pointer-events: none; }