amazeui
Version:
Sleek, intuitive, and powerful front-end framework for faster and easier web development.
2,322 lines • 332 kB
CSS
/*! Amaze UI v2.7.2 | by Amaze UI Team | (c) 2016 AllMobilize, Inc. | Licensed under MIT | 2016-08-17T16:17:24+0800 */
/* ==========================================================================
Component: Base
============================================================================ */
/**
* Fix the flawed CSS box model - Yes, IE6's box model is better
* Browser support: IE8+
* via: http://paulirish.com/2012/box-sizing-border-box-ftw/
*/
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* normalize.css v3.0.2 | git.io/normalize */
/* Set <html> and <body> to inherit the height of the viewport */
html,
body {
min-height: 100%;
}
/**
* 1. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
* https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust
*/
html {
-ms-text-size-adjust: 100%;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 1 */
}
/**
* Remove default margin.
*/
body {
margin: 0;
}
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
* Correct `block` display not defined for `main` in IE 11.
* hgroup has been removed from the HTML5 (W3C) specification
* https://developer.mozilla.org/en-US/docs/Web/HTML/Element/hgroup
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
main,
nav,
section,
summary {
display: block;
}
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
*/
[hidden],
template,
script {
display: none;
}
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* Address `outline` inconsistency between Chrome and other browsers.
*/
a:focus {
outline: thin dotted;
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* Text-level semantics
========================================================================== */
/**
* Remove text-decoration
*/
ins,
a {
text-decoration: none;
}
/**
* Address styling not present in IE 8/9, Safari 5, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
*/
b,
strong {
font-weight: bold;
}
/**
* 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 {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Embedded content
========================================================================== */
/**
* 1. Corrects max-width behavior (2.) if padding and border are used
* 2. Responsiveness: Sets a maxium width relative to the parent and auto scales the height
* 3. Remove the gap between images and the bottom of their containers
* 4. Remove border when inside `a` element in IE 8/9.
* remove 2. for Issue #502
*/
img {
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* 1 */
vertical-align: middle;
/* 3 */
border: 0;
/* 4 */
}
/**
* Correct overflow displayed oddly in IE 9.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 0;
}
/**
* Correct font family set oddly in Safari 5 and Chrome.
*/
code,
kbd,
pre,
samp {
font-family: Monaco, Menlo, Consolas, "Courier New", "FontAwesome", monospace;
font-size: 1em;
}
/* Forms
========================================================================== */
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 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 {
border: 0;
/* 1 */
padding: 0;
/* 2 */
}
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit;
/* 1 */
font: inherit;
/* 2 */
margin: 0;
/* 3 */
}
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible;
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` 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 Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
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"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */
}
/*
* 1. Improves consistency of cursor style for clickable elements
* 2. Removes excess padding in IE 8/9.
* 3. Address box sizing set to `content-box` in IE 8/9/10.
*/
input[type="radio"],
input[type="checkbox"] {
cursor: pointer;
/*1*/
padding: 0;
/*2*/
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
-webkit-box-sizing: content-box;
box-sizing: content-box;
/* 2 */
}
/**
* 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;
}
/**
* 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 */
resize: vertical;
}
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold;
}
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
/* AMUI Base
========================================================================== */
/**
* `font-size` is set in `html` element to support the `rem` unit for font-sizes
* NOTE: IE9 & IE10 do not recognize `rem` units when used with the
`font` shorthand property.
*/
html {
font-size: 10px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
position: relative;
background: #fff;
font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;
font-weight: normal;
line-height: 1.6;
color: #333333;
font-size: 1.6rem;
}
/**
* 1. http://usabilitypost.com/2012/11/15/w-optimizelegibility-on-mobile-devices/
* 2. http://maxvoltar.com/archive/-webkit-font-smoothing
* NOTE: http://usabilitypost.com/2012/11/05/stop-fixing-font-smoothing/
* 3. http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
* http://jaydenseric.com/blog/css-font-smoothing-for-firefox-mac
*/
body,
input,
textarea,
select,
button {
text-rendering: optimizeLegibility;
/* 1 */
-webkit-font-smoothing: antialiased;
/* 2 */
-moz-osx-font-smoothing: grayscale;
/* 3 Default: auto */
-moz-font-feature-settings: "liga", "kern";
}
/*Only phones */
@media only screen and (max-width: 640px) {
/**
* Break strings if their length exceeds the width of their container
*/
body {
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
}
/**
* links
*/
a {
color: #0e90d2;
}
a:hover,
a:focus {
color: #095f8a;
}
a:focus {
outline: thin dotted;
outline: 1px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
/* Insert */
ins {
background: #ffa;
color: #333333;
}
/**
* Mark
* Note: Addresses styling not present in IE 8/9.
*/
mark {
background: #ffa;
color: #333333;
}
/**
* Abbreviation and definition
*/
abbr[title],
dfn[title] {
cursor: help;
}
dfn[title] {
border-bottom: 1px dotted;
font-style: normal;
}
/* Spacing for block elements */
p,
hr,
ul,
ol,
dl,
blockquote,
pre,
address,
fieldset,
figure {
margin: 0 0 1.6rem 0;
}
* + p,
* + hr,
* + ul,
* + ol,
* + dl,
* + blockquote,
* + pre,
* + address,
* + fieldset,
* + figure {
margin-top: 1.6rem;
}
/* Headings
========================================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 1.6rem 0;
font-weight: 600;
font-size: 100%;
}
h1 {
font-size: 1.5em;
}
h2 {
font-size: 1.25em;
}
* + h1,
* + h2,
* + h3,
* + h4,
* + h5,
* + h6 {
margin-top: 2em;
}
/* Ordered and unordered lists */
ul,
ol {
padding-left: 2em;
}
/* Reset margin for nested lists */
ul > li > ul,
ul > li > ol,
ol > li > ol,
ol > li > ul {
margin: 1em 0;
}
/* Description lists */
dt {
font-weight: bold;
}
dt + dd {
margin-top: .5em;
}
dd {
margin-left: 0;
}
dd + dt {
margin-top: 1em;
}
/**
* Horizontal rule
* 1. Address differences between Firefox and other browsers.
*/
hr {
display: block;
padding: 0;
border: 0;
height: 0;
border-top: 1px solid #eeeeee;
/* 1 */
-webkit-box-sizing: content-box;
box-sizing: content-box;
/* 1 */
}
/* Address */
address {
font-style: normal;
}
/* Quotes */
blockquote {
padding-top: 5px;
padding-bottom: 5px;
padding-left: 15px;
border-left: 4px solid #ddd;
font-family: Georgia, "Times New Roman", Times, Kai, "Kaiti SC", KaiTi, BiauKai, "FontAwesome", serif;
/* Small print for identifying the source */
/* Smaller margin if `small` follows */
}
blockquote small {
display: block;
color: #999999;
font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;
text-align: right;
}
blockquote p:last-of-type {
margin-bottom: 0;
}
/* iframe */
iframe {
border: 0;
}
/* Forms
========================================================================== */
/**
* Vertical alignment
* Exclude `radio` and `checkbox` elements because the default `baseline` value aligns better with text
*/
button,
input:not([type="radio"]):not([type="checkbox"]),
select {
vertical-align: middle;
}
/**
* Fix viewport for IE10 snap mode
* http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
* http://msdn.microsoft.com/en-us/library/ie/hh869615%28v=vs.85%29.aspx
* http://msdn.microsoft.com/zh-cn/library/ie/hh708740(v=vs.85).aspx
* @2014.01.20: 设置一下属性以后，windows Phone 8 上显示的字体过小，暂时注释掉
* ========================================================================== */
/*
@-ms-viewport {
width: device-width;
}
*/
.am-scrollbar-measure {
width: 100px;
height: 100px;
overflow: scroll;
position: absolute;
top: -9999px;
}
/* ==========================================================================
Component: Grid
============================================================================ */
.am-container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
padding-left: 1rem;
padding-right: 1rem;
width: 100%;
max-width: 1000px;
}
.am-container:before,
.am-container:after {
content: " ";
display: table;
}
.am-container:after {
clear: both;
}
@media only screen and (min-width:641px) {
.am-container {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
.am-container > .am-g {
width: auto;
margin-left: -1rem;
margin-right: -1rem;
}
@media only screen and (min-width:641px) {
.am-container > .am-g {
margin-left: -1.5rem;
margin-right: -1.5rem;
}
}
.am-g {
margin: 0 auto;
width: 100%;
}
.am-g:before,
.am-g:after {
content: " ";
display: table;
}
.am-g:after {
clear: both;
}
.am-g .am-g {
margin-left: -1rem;
margin-right: -1rem;
width: auto;
}
.am-g .am-g.am-g-collapse {
margin-left: 0;
margin-right: 0;
width: auto;
}
@media only screen and (min-width:641px) {
.am-g .am-g {
margin-left: -1.5rem;
margin-right: -1.5rem;
}
}
.am-g.am-g-collapse .am-g {
margin-left: 0;
margin-right: 0;
}
.am-g-collapse [class*="am-u-"] {
padding-left: 0;
padding-right: 0;
}
.am-g-fixed {
max-width: 1000px;
}
[class*="am-u-"] {
width: 100%;
padding-left: 1rem;
padding-right: 1rem;
float: left;
position: relative;
}
[class*="am-u-"] + [class*="am-u-"]:last-child {
float: right;
}
[class*="am-u-"] + [class*="am-u-"].am-u-end {
float: left;
}
@media only screen and (min-width:641px) {
[class*="am-u-"] {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
[class*="am-u-pull-"] {
left: auto;
}
[class*="am-u-push-"] {
right: auto;
}
@media only screen {
.am-u-sm-1 {
width: 8.33333333%;
}
.am-u-sm-2 {
width: 16.66666667%;
}
.am-u-sm-3 {
width: 25%;
}
.am-u-sm-4 {
width: 33.33333333%;
}
.am-u-sm-5 {
width: 41.66666667%;
}
.am-u-sm-6 {
width: 50%;
}
.am-u-sm-7 {
width: 58.33333333%;
}
.am-u-sm-8 {
width: 66.66666667%;
}
.am-u-sm-9 {
width: 75%;
}
.am-u-sm-10 {
width: 83.33333333%;
}
.am-u-sm-11 {
width: 91.66666667%;
}
.am-u-sm-12 {
width: 100%;
}
.am-u-sm-pull-0 {
right: 0;
}
.am-u-sm-pull-1 {
right: 8.33333333%;
}
.am-u-sm-pull-2 {
right: 16.66666667%;
}
.am-u-sm-pull-3 {
right: 25%;
}
.am-u-sm-pull-4 {
right: 33.33333333%;
}
.am-u-sm-pull-5 {
right: 41.66666667%;
}
.am-u-sm-pull-6 {
right: 50%;
}
.am-u-sm-pull-7 {
right: 58.33333333%;
}
.am-u-sm-pull-8 {
right: 66.66666667%;
}
.am-u-sm-pull-9 {
right: 75%;
}
.am-u-sm-pull-10 {
right: 83.33333333%;
}
.am-u-sm-pull-11 {
right: 91.66666667%;
}
.am-u-sm-push-0 {
left: 0;
}
.am-u-sm-push-1 {
left: 8.33333333%;
}
.am-u-sm-push-2 {
left: 16.66666667%;
}
.am-u-sm-push-3 {
left: 25%;
}
.am-u-sm-push-4 {
left: 33.33333333%;
}
.am-u-sm-push-5 {
left: 41.66666667%;
}
.am-u-sm-push-6 {
left: 50%;
}
.am-u-sm-push-7 {
left: 58.33333333%;
}
.am-u-sm-push-8 {
left: 66.66666667%;
}
.am-u-sm-push-9 {
left: 75%;
}
.am-u-sm-push-10 {
left: 83.33333333%;
}
.am-u-sm-push-11 {
left: 91.66666667%;
}
.am-u-sm-offset-0 {
margin-left: 0;
}
.am-u-sm-offset-1 {
margin-left: 8.33333333%;
}
.am-u-sm-offset-2 {
margin-left: 16.66666667%;
}
.am-u-sm-offset-3 {
margin-left: 25%;
}
.am-u-sm-offset-4 {
margin-left: 33.33333333%;
}
.am-u-sm-offset-5 {
margin-left: 41.66666667%;
}
.am-u-sm-offset-6 {
margin-left: 50%;
}
.am-u-sm-offset-7 {
margin-left: 58.33333333%;
}
.am-u-sm-offset-8 {
margin-left: 66.66666667%;
}
.am-u-sm-offset-9 {
margin-left: 75%;
}
.am-u-sm-offset-10 {
margin-left: 83.33333333%;
}
.am-u-sm-offset-11 {
margin-left: 91.66666667%;
}
.am-u-sm-reset-order {
margin-left: 0;
margin-right: 0;
left: auto;
right: auto;
float: left;
}
[class*="am-u-"].am-u-sm-centered {
margin-left: auto;
margin-right: auto;
float: none;
}
[class*="am-u-"].am-u-sm-centered:last-child {
float: none;
}
[class*="am-u-"].am-u-sm-uncentered {
margin-left: 0;
margin-right: 0;
float: left;
}
[class*="am-u-"].am-u-sm-uncentered:last-child {
float: left;
}
}
@media only screen and (min-width:641px) {
.am-u-md-1 {
width: 8.33333333%;
}
.am-u-md-2 {
width: 16.66666667%;
}
.am-u-md-3 {
width: 25%;
}
.am-u-md-4 {
width: 33.33333333%;
}
.am-u-md-5 {
width: 41.66666667%;
}
.am-u-md-6 {
width: 50%;
}
.am-u-md-7 {
width: 58.33333333%;
}
.am-u-md-8 {
width: 66.66666667%;
}
.am-u-md-9 {
width: 75%;
}
.am-u-md-10 {
width: 83.33333333%;
}
.am-u-md-11 {
width: 91.66666667%;
}
.am-u-md-12 {
width: 100%;
}
.am-u-md-pull-0 {
right: 0;
}
.am-u-md-pull-1 {
right: 8.33333333%;
}
.am-u-md-pull-2 {
right: 16.66666667%;
}
.am-u-md-pull-3 {
right: 25%;
}
.am-u-md-pull-4 {
right: 33.33333333%;
}
.am-u-md-pull-5 {
right: 41.66666667%;
}
.am-u-md-pull-6 {
right: 50%;
}
.am-u-md-pull-7 {
right: 58.33333333%;
}
.am-u-md-pull-8 {
right: 66.66666667%;
}
.am-u-md-pull-9 {
right: 75%;
}
.am-u-md-pull-10 {
right: 83.33333333%;
}
.am-u-md-pull-11 {
right: 91.66666667%;
}
.am-u-md-push-0 {
left: 0;
}
.am-u-md-push-1 {
left: 8.33333333%;
}
.am-u-md-push-2 {
left: 16.66666667%;
}
.am-u-md-push-3 {
left: 25%;
}
.am-u-md-push-4 {
left: 33.33333333%;
}
.am-u-md-push-5 {
left: 41.66666667%;
}
.am-u-md-push-6 {
left: 50%;
}
.am-u-md-push-7 {
left: 58.33333333%;
}
.am-u-md-push-8 {
left: 66.66666667%;
}
.am-u-md-push-9 {
left: 75%;
}
.am-u-md-push-10 {
left: 83.33333333%;
}
.am-u-md-push-11 {
left: 91.66666667%;
}
.am-u-md-offset-0 {
margin-left: 0;
}
.am-u-md-offset-1 {
margin-left: 8.33333333%;
}
.am-u-md-offset-2 {
margin-left: 16.66666667%;
}
.am-u-md-offset-3 {
margin-left: 25%;
}
.am-u-md-offset-4 {
margin-left: 33.33333333%;
}
.am-u-md-offset-5 {
margin-left: 41.66666667%;
}
.am-u-md-offset-6 {
margin-left: 50%;
}
.am-u-md-offset-7 {
margin-left: 58.33333333%;
}
.am-u-md-offset-8 {
margin-left: 66.66666667%;
}
.am-u-md-offset-9 {
margin-left: 75%;
}
.am-u-md-offset-10 {
margin-left: 83.33333333%;
}
.am-u-md-offset-11 {
margin-left: 91.66666667%;
}
.am-u-md-reset-order {
margin-left: 0;
margin-right: 0;
left: auto;
right: auto;
float: left;
}
[class*="am-u-"].am-u-md-centered {
margin-left: auto;
margin-right: auto;
float: none;
}
[class*="am-u-"].am-u-md-centered:last-child {
float: none;
}
[class*="am-u-"].am-u-md-uncentered {
margin-left: 0;
margin-right: 0;
float: left;
}
[class*="am-u-"].am-u-md-uncentered:last-child {
float: left;
}
}
@media only screen and (min-width:1025px) {
.am-u-lg-1 {
width: 8.33333333%;
}
.am-u-lg-2 {
width: 16.66666667%;
}
.am-u-lg-3 {
width: 25%;
}
.am-u-lg-4 {
width: 33.33333333%;
}
.am-u-lg-5 {
width: 41.66666667%;
}
.am-u-lg-6 {
width: 50%;
}
.am-u-lg-7 {
width: 58.33333333%;
}
.am-u-lg-8 {
width: 66.66666667%;
}
.am-u-lg-9 {
width: 75%;
}
.am-u-lg-10 {
width: 83.33333333%;
}
.am-u-lg-11 {
width: 91.66666667%;
}
.am-u-lg-12 {
width: 100%;
}
.am-u-lg-pull-0 {
right: 0;
}
.am-u-lg-pull-1 {
right: 8.33333333%;
}
.am-u-lg-pull-2 {
right: 16.66666667%;
}
.am-u-lg-pull-3 {
right: 25%;
}
.am-u-lg-pull-4 {
right: 33.33333333%;
}
.am-u-lg-pull-5 {
right: 41.66666667%;
}
.am-u-lg-pull-6 {
right: 50%;
}
.am-u-lg-pull-7 {
right: 58.33333333%;
}
.am-u-lg-pull-8 {
right: 66.66666667%;
}
.am-u-lg-pull-9 {
right: 75%;
}
.am-u-lg-pull-10 {
right: 83.33333333%;
}
.am-u-lg-pull-11 {
right: 91.66666667%;
}
.am-u-lg-push-0 {
left: 0;
}
.am-u-lg-push-1 {
left: 8.33333333%;
}
.am-u-lg-push-2 {
left: 16.66666667%;
}
.am-u-lg-push-3 {
left: 25%;
}
.am-u-lg-push-4 {
left: 33.33333333%;
}
.am-u-lg-push-5 {
left: 41.66666667%;
}
.am-u-lg-push-6 {
left: 50%;
}
.am-u-lg-push-7 {
left: 58.33333333%;
}
.am-u-lg-push-8 {
left: 66.66666667%;
}
.am-u-lg-push-9 {
left: 75%;
}
.am-u-lg-push-10 {
left: 83.33333333%;
}
.am-u-lg-push-11 {
left: 91.66666667%;
}
.am-u-lg-offset-0 {
margin-left: 0;
}
.am-u-lg-offset-1 {
margin-left: 8.33333333%;
}
.am-u-lg-offset-2 {
margin-left: 16.66666667%;
}
.am-u-lg-offset-3 {
margin-left: 25%;
}
.am-u-lg-offset-4 {
margin-left: 33.33333333%;
}
.am-u-lg-offset-5 {
margin-left: 41.66666667%;
}
.am-u-lg-offset-6 {
margin-left: 50%;
}
.am-u-lg-offset-7 {
margin-left: 58.33333333%;
}
.am-u-lg-offset-8 {
margin-left: 66.66666667%;
}
.am-u-lg-offset-9 {
margin-left: 75%;
}
.am-u-lg-offset-10 {
margin-left: 83.33333333%;
}
.am-u-lg-offset-11 {
margin-left: 91.66666667%;
}
.am-u-lg-reset-order {
margin-left: 0;
margin-right: 0;
left: auto;
right: auto;
float: left;
}
[class*="am-u-"].am-u-lg-centered {
margin-left: auto;
margin-right: auto;
float: none;
}
[class*="am-u-"].am-u-lg-centered:last-child {
float: none;
}
[class*="am-u-"].am-u-lg-uncentered {
margin-left: 0;
margin-right: 0;
float: left;
}
[class*="am-u-"].am-u-lg-uncentered:last-child {
float: left;
}
}
/* ==========================================================================
Component: AVG Grid
============================================================================ */
[class*="am-avg-"] {
display: block;
padding: 0;
margin: 0;
list-style: none;
}
[class*="am-avg-"]:before,
[class*="am-avg-"]:after {
content: " ";
display: table;
}
[class*="am-avg-"]:after {
clear: both;
}
[class*="am-avg-"] > li {
display: block;
height: auto;
float: left;
}
@media only screen {
.am-avg-sm-1 > li {
width: 100%;
}
.am-avg-sm-1 > li:nth-of-type(n) {
clear: none;
}
.am-avg-sm-1 > li:nth-of-type(1n + 1) {
clear: both;
}
.am-avg-sm-2 > li {
width: 50%;
}
.am-avg-sm-2 > li:nth-of-type(n) {
clear: none;
}
.am-avg-sm-2 > li:nth-of-type(2n + 1) {
clear: both;
}
.am-avg-sm-3 > li {
width: 33.33333333%;
}
.am-avg-sm-3 > li:nth-of-type(n) {
clear: none;
}
.am-avg-sm-3 > li:nth-of-type(3n + 1) {
clear: both;
}
.am-avg-sm-4 > li {
width: 25%;
}
.am-avg-sm-4 > li:nth-of-type(n) {
clear: none;
}
.am-avg-sm-4 > li:nth-of-type(4n + 1) {
clear: both;
}
.am-avg-sm-5 > li {
width: 20%;
}
.am-avg-sm-5 > li:nth-of-type(n) {
clear: none;
}
.am-avg-sm-5 > li:nth-of-type(5n + 1) {
clear: both;
}
.am-avg-sm-6 > li {
width: 16.66666667%;
}
.am-avg-sm-6 > li:nth-of-type(n) {
clear: none;
}
.am-avg-sm-6 > li:nth-of-type(6n + 1) {
clear: both;
}
.am-avg-sm-7 > li {
width: 14.28571429%;
}
.am-avg-sm-7 > li:nth-of-type(n) {
clear: none;
}
.am-avg-sm-7 > li:nth-of-type(7n + 1) {
clear: both;
}
.am-avg-sm-8 > li {
width: 12.5%;
}
.am-avg-sm-8 > li:nth-of-type(n) {
clear: none;
}
.am-avg-sm-8 > li:nth-of-type(8n + 1) {
clear: both;
}
.am-avg-sm-9 > li {
width: 11.11111111%;
}
.am-avg-sm-9 > li:nth-of-type(n) {
clear: none;
}
.am-avg-sm-9 > li:nth-of-type(9n + 1) {
clear: both;
}
.am-avg-sm-10 > li {
width: 10%;
}
.am-avg-sm-10 > li:nth-of-type(n) {
clear: none;
}
.am-avg-sm-10 > li:nth-of-type(10n + 1) {
clear: both;
}
.am-avg-sm-11 > li {
width: 9.09090909%;
}
.am-avg-sm-11 > li:nth-of-type(n) {
clear: none;
}
.am-avg-sm-11 > li:nth-of-type(11n + 1) {
clear: both;
}
.am-avg-sm-12 > li {
width: 8.33333333%;
}
.am-avg-sm-12 > li:nth-of-type(n) {
clear: none;
}
.am-avg-sm-12 > li:nth-of-type(12n + 1) {
clear: both;
}
}
@media only screen and (min-width:641px) {
.am-avg-md-1 > li {
width: 100%;
}
.am-avg-md-1 > li:nth-of-type(n) {
clear: none;
}
.am-avg-md-1 > li:nth-of-type(1n + 1) {
clear: both;
}
.am-avg-md-2 > li {
width: 50%;
}
.am-avg-md-2 > li:nth-of-type(n) {
clear: none;
}
.am-avg-md-2 > li:nth-of-type(2n + 1) {
clear: both;
}
.am-avg-md-3 > li {
width: 33.33333333%;
}
.am-avg-md-3 > li:nth-of-type(n) {
clear: none;
}
.am-avg-md-3 > li:nth-of-type(3n + 1) {
clear: both;
}
.am-avg-md-4 > li {
width: 25%;
}
.am-avg-md-4 > li:nth-of-type(n) {
clear: none;
}
.am-avg-md-4 > li:nth-of-type(4n + 1) {
clear: both;
}
.am-avg-md-5 > li {
width: 20%;
}
.am-avg-md-5 > li:nth-of-type(n) {
clear: none;
}
.am-avg-md-5 > li:nth-of-type(5n + 1) {
clear: both;
}
.am-avg-md-6 > li {
width: 16.66666667%;
}
.am-avg-md-6 > li:nth-of-type(n) {
clear: none;
}
.am-avg-md-6 > li:nth-of-type(6n + 1) {
clear: both;
}
.am-avg-md-7 > li {
width: 14.28571429%;
}
.am-avg-md-7 > li:nth-of-type(n) {
clear: none;
}
.am-avg-md-7 > li:nth-of-type(7n + 1) {
clear: both;
}
.am-avg-md-8 > li {
width: 12.5%;
}
.am-avg-md-8 > li:nth-of-type(n) {
clear: none;
}
.am-avg-md-8 > li:nth-of-type(8n + 1) {
clear: both;
}
.am-avg-md-9 > li {
width: 11.11111111%;
}
.am-avg-md-9 > li:nth-of-type(n) {
clear: none;
}
.am-avg-md-9 > li:nth-of-type(9n + 1) {
clear: both;
}
.am-avg-md-10 > li {
width: 10%;
}
.am-avg-md-10 > li:nth-of-type(n) {
clear: none;
}
.am-avg-md-10 > li:nth-of-type(10n + 1) {
clear: both;
}
.am-avg-md-11 > li {
width: 9.09090909%;
}
.am-avg-md-11 > li:nth-of-type(n) {
clear: none;
}
.am-avg-md-11 > li:nth-of-type(11n + 1) {
clear: both;
}
.am-avg-md-12 > li {
width: 8.33333333%;
}
.am-avg-md-12 > li:nth-of-type(n) {
clear: none;
}
.am-avg-md-12 > li:nth-of-type(12n + 1) {
clear: both;
}
}
@media only screen and (min-width:1025px) {
.am-avg-lg-1 > li {
width: 100%;
}
.am-avg-lg-1 > li:nth-of-type(n) {
clear: none;
}
.am-avg-lg-1 > li:nth-of-type(1n + 1) {
clear: both;
}
.am-avg-lg-2 > li {
width: 50%;
}
.am-avg-lg-2 > li:nth-of-type(n) {
clear: none;
}
.am-avg-lg-2 > li:nth-of-type(2n + 1) {
clear: both;
}
.am-avg-lg-3 > li {
width: 33.33333333%;
}
.am-avg-lg-3 > li:nth-of-type(n) {
clear: none;
}
.am-avg-lg-3 > li:nth-of-type(3n + 1) {
clear: both;
}
.am-avg-lg-4 > li {
width: 25%;
}
.am-avg-lg-4 > li:nth-of-type(n) {
clear: none;
}
.am-avg-lg-4 > li:nth-of-type(4n + 1) {
clear: both;
}
.am-avg-lg-5 > li {
width: 20%;
}
.am-avg-lg-5 > li:nth-of-type(n) {
clear: none;
}
.am-avg-lg-5 > li:nth-of-type(5n + 1) {
clear: both;
}
.am-avg-lg-6 > li {
width: 16.66666667%;
}
.am-avg-lg-6 > li:nth-of-type(n) {
clear: none;
}
.am-avg-lg-6 > li:nth-of-type(6n + 1) {
clear: both;
}
.am-avg-lg-7 > li {
width: 14.28571429%;
}
.am-avg-lg-7 > li:nth-of-type(n) {
clear: none;
}
.am-avg-lg-7 > li:nth-of-type(7n + 1) {
clear: both;
}
.am-avg-lg-8 > li {
width: 12.5%;
}
.am-avg-lg-8 > li:nth-of-type(n) {
clear: none;
}
.am-avg-lg-8 > li:nth-of-type(8n + 1) {
clear: both;
}
.am-avg-lg-9 > li {
width: 11.11111111%;
}
.am-avg-lg-9 > li:nth-of-type(n) {
clear: none;
}
.am-avg-lg-9 > li:nth-of-type(9n + 1) {
clear: both;
}
.am-avg-lg-10 > li {
width: 10%;
}
.am-avg-lg-10 > li:nth-of-type(n) {
clear: none;
}
.am-avg-lg-10 > li:nth-of-type(10n + 1) {
clear: both;
}
.am-avg-lg-11 > li {
width: 9.09090909%;
}
.am-avg-lg-11 > li:nth-of-type(n) {
clear: none;
}
.am-avg-lg-11 > li:nth-of-type(11n + 1) {
clear: both;
}
.am-avg-lg-12 > li {
width: 8.33333333%;
}
.am-avg-lg-12 > li:nth-of-type(n) {
clear: none;
}
.am-avg-lg-12 > li:nth-of-type(12n + 1) {
clear: both;
}
}
/* ==========================================================================
Component: Code
============================================================================ */
/* Inline and block code styles */
code,
kbd,
pre,
samp {
font-family: Monaco, Menlo, Consolas, "Courier New", "FontAwesome", monospace;
}
/* Inline code */
code {
padding: 2px 4px;
font-size: 1.3rem;
color: #c7254e;
background-color: #f8f8f8;
white-space: nowrap;
border-radius: 0;
}
/* Code block */
pre {
display: block;
padding: 1rem;
margin: 1rem 0;
font-size: 1.3rem;
line-height: 1.6;
word-break: break-all;
word-wrap: break-word;
color: #555555;
background-color: #f8f8f8;
border: 1px solid #dedede;
border-radius: 0;
}
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0;
}
/* Enable scrollable blocks of code */
.am-pre-scrollable {
max-height: 24rem;
overflow-y: scroll;
}
/* ==========================================================================
Component: Button
============================================================================ */
.am-btn {
display: inline-block;
margin-bottom: 0;
padding: 0.5em 1em;
vertical-align: middle;
font-size: 1.6rem;
font-weight: normal;
line-height: 1.2;
text-align: center;
white-space: nowrap;
background-image: none;
border: 1px solid transparent;
border-radius: 0;
cursor: pointer;
outline: none;
-webkit-appearance: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: background-color 300ms ease-out, border-color 300ms ease-out;
transition: background-color 300ms ease-out, border-color 300ms ease-out;
}
.am-btn:focus,
.am-btn:active:focus {
outline: thin dotted;
outline: 1px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.am-btn:hover,
.am-btn:focus {
color: #444;
text-decoration: none;
}
.am-btn:active,
.am-btn.am-active {
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.15);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.15);
}
.am-btn.am-disabled,
.am-btn[disabled],
fieldset[disabled] .am-btn {
pointer-events: none;
border-color: transparent;
cursor: not-allowed;
opacity: 0.45;
-webkit-box-shadow: none;
box-shadow: none;
}
.am-btn.am-round {
border-radius: 1000px;
}
.am-btn.am-radius {
border-radius: 2px;
}
.am-btn-default {
color: #444;
background-color: #e6e6e6;
border-color: #e6e6e6;
}
a.am-btn-default:visited {
color: #444;
}
.am-btn-default:hover,
.am-btn-default:focus,
.am-btn-default:active,
.am-btn-default.am-active,
.am-dropdown.am-active .am-btn-default.am-dropdown-toggle {
color: #444;
border-color: #c7c7c7;
}
.am-btn-default:hover,
.am-btn-default:focus {
background-color: #d4d4d4;
}
.am-btn-default:active,
.am-btn-default.am-active,
.am-dropdown.am-active .am-btn-default.am-dropdown-toggle {
background-image: none;
background-color: #c2c2c2;
}
.am-btn-default.am-disabled,
.am-btn-default[disabled],
fieldset[disabled] .am-btn-default,
.am-btn-default.am-disabled:hover,
.am-btn-default[disabled]:hover,
fieldset[disabled] .am-btn-default:hover,
.am-btn-default.am-disabled:focus,
.am-btn-default[disabled]:focus,
fieldset[disabled] .am-btn-default:focus,
.am-btn-default.am-disabled:active,
.am-btn-default[disabled]:active,
fieldset[disabled] .am-btn-default:active,
.am-btn-default.am-disabled.am-active,
.am-btn-default[disabled].am-active,
fieldset[disabled] .am-btn-default.am-active {
background-color: #e6e6e6;
border-color: #e6e6e6;
}
.am-btn-group .am-btn-default,
.am-btn-group-stacked .am-btn-default {
border-color: #d9d9d9;
}
.am-btn-primary {
color: #fff;
background-color: #0e90d2;
border-color: #0e90d2;
}
a.am-btn-primary:visited {
color: #fff;
}
.am-btn-primary:hover,
.am-btn-primary:focus,
.am-btn-primary:active,
.am-btn-primary.am-active,
.am-dropdown.am-active .am-btn-primary.am-dropdown-toggle {
color: #fff;
border-color: #0a6999;
}
.am-btn-primary:hover,
.am-btn-primary:focus {
background-color: #0c79b1;
}
.am-btn-primary:active,
.am-btn-primary.am-active,
.am-dropdown.am-active .am-btn-primary.am-dropdown-toggle {
background-image: none;
background-color: #0a628f;
}
.am-btn-primary.am-disabled,
.am-btn-primary[disabled],
fieldset[disabled] .am-btn-primary,
.am-btn-primary.am-disabled:hover,
.am-btn-primary[disabled]:hover,
fieldset[disabled] .am-btn-primary:hover,
.am-btn-primary.am-disabled:focus,
.am-btn-primary[disabled]:focus,
fieldset[disabled] .am-btn-primary:focus,
.am-btn-primary.am-disabled:active,
.am-btn-primary[disabled]:active,
fieldset[disabled] .am-btn-primary:active,
.am-btn-primary.am-disabled.am-active,
.am-btn-primary[disabled].am-active,
fieldset[disabled] .am-btn-primary.am-active {
background-color: #0e90d2;
border-color: #0e90d2;
}
.am-btn-group .am-btn-primary,
.am-btn-group-stacked .am-btn-primary {
border-color: #0c80ba;
}
.am-btn-secondary {
color: #fff;
background-color: #3bb4f2;
border-color: #3bb4f2;
}
a.am-btn-secondary:visited {
color: #fff;
}
.am-btn-secondary:hover,
.am-btn-secondary:focus,
.am-btn-secondary:active,
.am-btn-secondary.am-active,
.am-dropdown.am-active .am-btn-secondary.am-dropdown-toggle {
color: #fff;
border-color: #0f9ae0;
}
.am-btn-secondary:hover,
.am-btn-secondary:focus {
background-color: #19a7f0;
}
.am-btn-secondary:active,
.am-btn-secondary.am-active,
.am-dropdown.am-active .am-btn-secondary.am-dropdown-toggle {
background-image: none;
background-color: #0e93d7;
}
.am-btn-secondary.am-disabled,
.am-btn-secondary[disabled],
fieldset[disabled] .am-btn-secondary,
.am-btn-secondary.am-disabled:hover,
.am-btn-secondary[disabled]:hover,
fieldset[disabled] .am-btn-secondary:hover,
.am-btn-secondary.am-disabled:focus,
.am-btn-secondary[disabled]:focus,
fieldset[disabled] .am-btn-secondary:focus,
.am-btn-secondary.am-disabled:active,
.am-btn-secondary[disabled]:active,
fieldset[disabled] .am-btn-secondary:active,
.am-btn-secondary.am-disabled.am-active,
.am-btn-secondary[disabled].am-active,
fieldset[disabled] .am-btn-secondary.am-active {
background-color: #3bb4f2;
border-color: #3bb4f2;
}
.am-btn-group .am-btn-secondary,
.am-btn-group-stacked .am-btn-secondary {
border-color: #23abf0;
}
.am-btn-warning {
color: #fff;
background-color: #F37B1D;
border-color: #F37B1D;
}
a.am-btn-warning:visited {
color: #fff;
}
.am-btn-warning:hover,
.am-btn-warning:focus,
.am-btn-warning:active,
.am-btn-warning.am-active,
.am-dropdown.am-active .am-btn-warning.am-dropdown-toggle {
color: #fff;
border-color: #c85e0b;
}
.am-btn-warning:hover,
.am-btn-warning:focus {
background-color: #e0690c;
}
.am-btn-warning:active,
.am-btn-warning.am-active,
.am-dropdown.am-active .am-btn-warning.am-dropdown-toggle {
background-image: none;
background-color: #be590a;
}
.am-btn-warning.am-disabled,
.am-btn-warning[disabled],
fieldset[disabled] .am-btn-warning,
.am-btn-warning.am-disabled:hover,
.am-btn-warning[disabled]:hover,
fieldset[disabled] .am-btn-warning:hover,
.am-btn-warning.am-disabled:focus,
.am-btn-warning[disabled]:focus,
fieldset[disabled] .am-btn-warning:focus,
.am-btn-warning.am-disabled:active,
.am-btn-warning[disabled]:active,
fieldset[disabled] .am-btn-warning:active,
.am-btn-warning.am-disabled.am-active,
.am-btn-warning[disabled].am-active,
fieldset[disabled] .am-btn-warning.am-active {
background-color: #F37B1D;
border-color: #F37B1D;
}
.am-btn-group .am-btn-warning,
.am-btn-group-stacked .am-btn-warning {
border-color: #ea6e0c;
}
.am-btn-danger {
color: #fff;
background-color: #dd514c;
border-color: #dd514c;
}
a.am-btn-danger:visited {
color: #fff;
}
.am-btn-danger:hover,
.am-btn-danger:focus,
.am-btn-danger:active,
.am-btn-danger.am-active,
.am-dropdown.am-active .am-btn-danger.am-dropdown-toggle {
color: #fff;
border-color: #c62b26;
}
.am-btn-danger:hover,
.am-btn-danger:focus {
background-color: #d7342e;
}
.am-btn-danger:active,
.am-btn-danger.am-active,
.am-dropdown.am-active .am-btn-danger.am-dropdown-toggle {
background-image: none;
background-color: #be2924;
}
.am-btn-danger.am-disabled,
.am-btn-danger[disabled],
fieldset[disabled] .am-btn-danger,
.am-btn-danger.am-disabled:hover,
.am-btn-danger[disabled]:hover,
fieldset[disabled] .am-btn-danger:hover,
.am-btn-danger.am-disabled:focus,
.am-btn-danger[disabled]:focus,
fieldset[disabled] .am-btn-danger:focus,
.am-btn-danger.am-disabled:active,
.am-btn-danger[disabled]:active,
fieldset[disabled] .am-btn-danger:active,
.am-btn-danger.am-disabled.am-active,
.am-btn-danger[disabled].am-active,
fieldset[disabled] .am-btn-danger.am-active {
background-color: #dd514c;
border-color: #dd514c;
}
.am-btn-group .am-btn-danger,
.am-btn-group-stacked .am-btn-danger {
border-color: #d93c37;
}
.am-btn-success {
color: #fff;
background-color: #5eb95e;
border-color: #5eb95e;
}
a.am-btn-success:visited {
color: #fff;
}
.am-btn-success:hover,
.am-btn-success:focus,
.am-btn-success:active,
.am-btn-success.am-active,
.am-dropdown.am-active .am-btn-success.am-dropdown-toggle {
color: #fff;
border-color: #429842;
}
.am-btn-success:hover,
.am-btn-success:focus {
background-color: #4aaa4a;
}
.am-btn-success:active,
.am-btn-success.am-active,
.am-dropdown.am-active .am-btn-success.am-dropdown-toggle {
background-image: none;
background-color: #3f913f;
}
.am-btn-success.am-disabled,
.am-btn-success[disabled],
fieldset[disabled] .am-btn-success,
.am-btn-success.am-disabled:hover,
.am-btn-success[disabled]:hover,
fieldset[disabled] .am-btn-success:hover,
.am-btn-success.am-disabled:focus,
.am-btn-success[disabled]:focus,
fieldset[disabled] .am-btn-success:focus,
.am-btn-success.am-disabled:active,
.am-btn-success[disabled]:active,
fieldset[disabled] .am-btn-success:active,
.am-btn-success.am-disabled.am-active,
.am-btn-success[disabled].am-active,
fieldset[disabled] .am-btn-success.am-active {
background-color: #5eb95e;
border-color: #5eb95e;
}
.am-btn-group .am-btn-success,
.am-btn-group-stacked .am-btn-success {
border-color: #4db14d;
}
/* Style links like a button */
.am-btn-link {
color: #0e90d2;
font-weight: normal;
cursor: pointer;
border-radius: 0;
}
.am-btn-link,
.am-btn-link:active,
.am-btn-link[disabled],
fieldset[disabled] .am-btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.am-btn-link,
.am-btn-link:hover,
.am-btn-link:focus,
.am-btn-link:active {
border-color: transparent;
}
.am-btn-link:hover,
.am-btn-link:focus {
color: #095f8a;
text-decoration: underline;
background-color: transparent;
}
.am-btn-link[disabled]:hover,
fieldset[disabled] .am-btn-link:hover,
.am-btn-link[disabled]:focus,
fieldset[disabled] .am-btn-link:focus {
color: #999999;
text-decoration: none;
}
/* button size */
.am-btn-xs {
font-size: 1.2rem;
}
.am-btn-sm {
font-size: 1.4rem;
}
.am-btn-lg {
font-size: 1.8rem;
}
.am-btn-xl {
font-size: 2rem;
}
/* Block button */
.am-btn-block {
display: block;
width: 100%;
padding-left: 0;
padding-right: 0;
}
/* Multiple block buttons vertically space */
.am-btn-block + .am-btn-block {
margin-top: 5px;
}
/* Specificity overrides */
input[type="submit"].am-btn-block,
input[type="reset"].am-btn-block,
input[type="button"].am-btn-block {
width: 100%;
}
/* Button with loading spinner */
.am-btn.am-btn-loading .am-icon-spin {
margin-right: 5px;
}
/* ==========================================================================
Component: Table
============================================================================ */
table {
max-width: 100%;
background-color: transparent;
empty-cells: show;
}
table code {
white-space: normal;
}
th {
text-align: left;
}
.am-table {
width: 100%;
margin-bottom: 1.6rem;
border-spacing: 0;
border-collapse: separate;
}
.am-table > thead > tr > th,
.am-table > tbody > tr > th,
.am-table > tfoot > tr > th,
.am-table > thead > tr > td,
.am-table > tbody > tr > td,
.am-table > tfoot > tr > td {
padding: 0.7rem;
line-height: 1.6;
vertical-align: top;
border-top: 1px solid #ddd;
}
.am-table > thead > tr > th {
vertical-align: bottom;
border-bottom: 1px solid #ddd;
}
.am-table > caption + thead > tr:first-child > th,
.am-table > colgroup + thead > tr:first-child > th,
.am-table > thead:first-child > tr:first-child > th,
.am-table > caption + thead > tr:first-child > td,
.am-table > colgroup + thead > tr:first-child > td,
.am-table > thead:first-child > tr:first-child > td {
border-top: 0;
}
.am-table > tbody + tbody tr:first-child td {
border-top: 2px solid #ddd;
}
/* Bordered version */
.am-table-bordered {
border: 1px solid #ddd;
border-left: none;
}
.am-table-bordered > thead > tr > th,
.am-table-bordered > tbody > tr > th,
.am-table-bordered > tfoot > tr > th,
.am-table-bordered > thead > tr > td,
.am-table-bordered > tbody > tr > td,
.am-table-bordered > tfoot > tr > td {
border-left: 1px solid #ddd;
/*&:first-child {
border-left: none;
}*/
}
.am-table-bordered > tbody > tr:first-child > th,
.am-table-bordered > tbody > tr:first-child > td {
border-top: none;
}
.am-table-bordered > thead + tbody > tr:first-child > th,
.am-table-bordered > thead + tbody > tr:first-child > td {
border-top: 1px solid #ddd;
}
/* Border-radius version */
.am-table-radius {
border: 1px solid #ddd;
border-radius: 2px;
}
.am-table-radius > thead > tr:first-child > th:first-child,
.am-table-radius > thead > tr:first-child > td:first-child {
border-top-left-radius: 2px;
border-left: none;
}
.am-table-radius > thead > tr:first-child > th:last-child,
.am-table-radius > thead > tr:first-child > td:last-child {
border-top-right-radius: 2px;
border-right: none;
}
.am-table-radius > tbody > tr > th:first-child,
.am-table-radius > tbody > tr > td:first-child {
border-left: none;
}
.am-table-radius > tbody > tr > th:last-child,
.am-table-radius > tbody > tr > td:last-child {
border-right: none;
}
.am-table-radius > tbody > tr:last-child > th,
.am-table-radius > tbody > tr:last-child > td {
border-bottom: none;
}
.am-table-radius > tbody > tr:last-child > th:first-child,
.am-table-radius > tbody > tr:last-child > td:first-child {
border-bottom-left-radius: 2px;
}
.am-table-radius > tbody > tr:last-child > th:last-child,
.am-table-radius > tbody > tr:last-child > td:last-child {
border-bottom-right-radius: 2px;
}
/* Zebra-striping */
.am-table-striped > tbody > tr:nth-child(odd) > td,
.am-table-striped > tbody > tr:nth-child(odd) > th {
background-color: #f9f9f9;
}
/* Hover effect */
.am-table-hover > tbody > tr:hover > td,
.am-table-hover > tbody > tr:hover > th {
background-color: #e9e9e9;
}
.am-table-compact > thead > tr > th,
.am-table-compact > tbody > tr > th,
.am-table-compact > tfoot > tr > th,
.am-table-compact > thead > tr > td,
.am-table-compact > tbody > tr > td,
.am-table-compact > tfoot > tr > td {
padding: 0.4rem;
}
.am-table-centered > thead > tr > th,
.am-table-centered > tbody > tr > th,
.am-table-centered > tfoot > tr > th,
.am-table-centered > thead > tr > td,
.am-table-centered > tbody > tr > td,
.am-table-centered > tfoot > tr > td {
text-align: center;
}
.am-table > thead > tr > td.am-active,
.am-table > tbody > tr > td.am-active,
.am-table > tfoot > tr > td.am-active,
.am-table > thead > tr > th.am-active,
.am-table > tbody > tr > th.am-active,
.am-table > tfoot > tr > th.am-active,
.am-table > thead > tr.am-active > td,
.am-table > tbody > tr.am-active > td,
.am-table > tfoot > tr.am-active > td,
.am-table > thead > tr.am-active > th,
.am-table > tbody > tr.am-active > th,
.am-table > tfoot > tr.am-active > th {
background-color: #ffd;
}
.am-table > thead > tr > td.am-disabled,
.am-table > tbody > tr > td.am-disabled,
.am-table > tfoot > tr > td.am-disabled,
.am-table > thead > tr > th.am-disabled,
.am-table > tbody > tr > th.am-disabled,
.am-table > tfoot > tr > th.am-disabled,
.am-table > thead > tr.am-disabled > td,
.am-table > tbody > tr.am-disabled > td,
.am-table > tfoot > tr.am-disabled > td,
.am-table > thead > tr.am-disabled > th,
.am-table > tbody > tr.am-disabled > th,
.am-table > tfoot > tr.am-disabled > th {
color: #999999;
}
.am-table > thead > tr > td.am-primary,
.am-table > tbody > tr > td.am-primary,
.am-table > tfoot > tr > td.am-primary,
.am-table > thead > tr > th.am-primary,
.am-table > tbody > tr > th.am-primary,
.am-table > tfoot > tr > th.am-primary,
.am-table > thead > tr.am-primary > td,
.am-table > tbody > tr.am-primary > td,
.am-table > tfoot > tr.am-primary > td,
.am-table > thead > tr.am-primary > th,
.am-table > tbody > tr.am-primary > th,
.am-table > tfoot > tr.am-primary > th {
color: #0b76ac;
background-color: rgba(14, 144, 210, 0.115);
}
.am-table > thead > tr > td.am-success,
.am-table > tbody > tr > td.am-success,
.am-table > tfoot > tr > td.am-success,
.am-table > thead > tr > th.am-success,
.am-table > tbody > tr > th.am-success,
.am-table > tfoot > tr > th.am-success,
.am-table > thead > tr.am-success > td,
.am-table > tbody > tr.am-success > td,
.am-table > tfoot > tr.am-success > td,
.am-table > thead > tr.am-success > th,
.am-table > tbody > tr.am-success > th,
.am-table > tfoot > tr.am-success > th {
color: #5eb95e;
background-color: rgba(94, 185, 94, 0.115);
}
.am-table > thead > tr > td.am-warning,
.am-table > tbody > tr > td.am-warning,
.am-table > tfoot > tr > td.am-warning,
.am-table > thead > tr > th.am-warning,
.am-table > tbody > tr > th.am-warning,
.am-table > tfoot > tr > th.am-warning,
.am-table > thead > tr.am-warning > td,
.am-table > tbody > tr.am-warning > td,
.am-table > tfoot > tr.am-warning > td,
.am-table > thead > tr.am-warning > th,
.am-table > tbody > tr.am-warning > th,
.am-table > tfoot > tr.am-warning > th {
color: #F37B1D;
background-color: rgba(243, 123, 29, 0.115);
}
.am-table > thead > tr > td.am-danger,
.am-table > tbody > tr > td.am-danger,
.am-table > tfoot > tr > td.am-danger,
.am-table > thead > tr > th.am-danger,
.am-table > tbody > tr > th.am-danger,
.am-table > tfoot > tr > th.am-danger,
.am-table > thead > tr.am-danger > td,
.am-table > tbody > tr.am-danger > td,
.am-table > tfoot > tr.am-danger > td,
.am-table > thead > tr.am-danger > th,
.am-table > tbody > tr.am-danger > th,
.am-table > tfoot > tr.am-danger > th {
color: #dd514c;
background-color: rgba(221, 81, 76, 0.115);
}
/* ==========================================================================
Component: Form
============================================================================ */
/* Normalize */
fieldset {
border: none;
}
legend {
display: block;
width: 100%;
margin-bottom: 2rem;
font-size: 2rem;
line-height: inherit;
color: #333333;
border-bottom: 1px solid #e5e5e5;
padding-bottom: 0.5rem;
}
label {
display: inline-block;
margin-bottom: 5px;
font-weight: bold;
}
input[type="search"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
/* IE8-9 */
line-height: normal;
}
input[type="file"] {
display: block;
}
select[multiple],
select[size] {
height: auto;
}
select optgroup {
font-size: inherit;
font-style: inherit;
font-family: inherit;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: thin dotted;
outline: 1px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
height: auto;
}
output {
display: block;
padding-top: 1.6rem;
font-size: 1.6rem;
line-height: 1.6;
color: #555555