/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS and IE text size adjust after device orientation change,
* without disabling user zoom.
*/
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */ }
/**
* 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.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
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/10/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none; }
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background-color: transparent; }
/**
* Improve readability of focused elements when they are also in an
* active/hover state.
*/
a:active,
a:hover {
outline: 0; }
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted; }
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
font-weight: bold; }
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic; }
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0; }
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000; }
/**
* 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
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0; }
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden; }
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 1em 40px; }
/**
* Address differences between Firefox and other browsers.
*/
hr {
box-sizing: content-box;
height: 0; }
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto; }
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em; }
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 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, 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 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 */ }
/**
* 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; }
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal; }
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */ }
/**
* 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.
*/
input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
box-sizing: content-box;
/* 2 */ }
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
/**
* 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/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0;
/* 1 */
padding: 0;
/* 2 */ }
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto; }
/**
* 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; }
html {
box-sizing: border-box; }
*, *:before, *:after {
box-sizing: inherit; }
ul {
padding-left: 0;
list-style-type: none; }
ul li {
list-style-type: none; }
a {
color: #039be5;
text-decoration: none;
-webkit-tap-highlight-color: transparent; }
.valign-wrapper {
display: flex;
align-items: center; }
.clearfix {
clear: both; }
.z-depth-0 {
box-shadow: none !important; }
.z-depth-1, .card-panel, .card, .toast, .btn, .btn-large, .btn-floating, .dropdown-content, .collapsible, .side-nav {
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); }
.z-depth-1-half, .btn:hover, .btn-large:hover, .btn-floating:hover {
box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2); }
.z-depth-2 {
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3); }
.z-depth-3 {
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3); }
.z-depth-4, .modal {
box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3); }
.z-depth-5 {
box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3); }
.hoverable {
transition: box-shadow .25s;
box-shadow: 0; }
.hoverable:hover {
transition: box-shadow .25s;
box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.divider {
height: 1px;
overflow: hidden;
background-color: #e0e0e0; }
blockquote {
margin: 20px 0;
padding-left: 1.5rem;
border-left: 5px solid #fdeaeb; }
i {
line-height: inherit; }
i.left {
float: left;
margin-right: 15px; }
i.right {
float: right;
margin-left: 15px; }
i.tiny {
font-size: 1rem; }
i.small {
font-size: 2rem; }
i.medium {
font-size: 4rem; }
i.large {
font-size: 6rem; }
img.responsive-img,
video.responsive-video {
max-width: 100%;
height: auto; }
.pagination li {
display: inline-block;
border-radius: 2px;
text-align: center;
vertical-align: top;
height: 30px; }
.pagination li a {
color: #444;
display: inline-block;
font-size: 1.2rem;
padding: 0 10px;
line-height: 30px; }
.pagination li.active a {
color: #fff; }
.pagination li.active {
background-color: #fdeaeb; }
.pagination li.disabled a {
cursor: default;
color: #999; }
.pagination li i {
font-size: 2rem; }
.pagination li.pages ul li {
display: inline-block;
float: none; }
@media only screen and (max-width: 992px) {
.pagination {
width: 100%; }
.pagination li.prev,
.pagination li.next {
width: 10%; }
.pagination li.pages {
width: 80%;
overflow: hidden;
white-space: nowrap; } }
.breadcrumb {
font-size: 18px;
color: rgba(255, 255, 255, 0.7); }
.breadcrumb i,
.breadcrumb [class^="mdi-"], .breadcrumb [class*="mdi-"],
.breadcrumb i.material-icons {
display: inline-block;
float: left;
font-size: 24px; }
.breadcrumb:before {
content: '\E5CC';
color: rgba(255, 255, 255, 0.7);
vertical-align: top;
display: inline-block;
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 25px;
margin: 0 10px 0 8px;
-webkit-font-smoothing: antialiased; }
.breadcrumb:first-child:before {
display: none; }
.breadcrumb:last-child {
color: #fff; }
.parallax-container {
position: relative;
overflow: hidden;
height: 500px; }
.parallax {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1; }
.parallax img {
display: none;
position: absolute;
left: 50%;
bottom: 0;
min-width: 100%;
min-height: 100%;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transform: translateX(-50%); }
.pin-top, .pin-bottom {
position: relative; }
.pinned {
position: fixed !important; }
/*********************
Transition Classes
**********************/
ul.staggered-list li {
opacity: 0; }
.fade-in {
opacity: 0;
transform-origin: 0 50%; }
/*********************
Media Query Classes
**********************/
@media only screen and (max-width: 600px) {
.hide-on-small-only, .hide-on-small-and-down {
display: none !important; } }
@media only screen and (max-width: 992px) {
.hide-on-med-and-down {
display: none !important; } }
@media only screen and (min-width: 601px) {
.hide-on-med-and-up {
display: none !important; } }
@media only screen and (min-width: 600px) and (max-width: 992px) {
.hide-on-med-only {
display: none !important; } }
@media only screen and (min-width: 993px) {
.hide-on-large-only {
display: none !important; } }
@media only screen and (min-width: 993px) {
.show-on-large {
display: block !important; } }
@media only screen and (min-width: 600px) and (max-width: 992px) {
.show-on-medium {
display: block !important; } }
@media only screen and (max-width: 600px) {
.show-on-small {
display: block !important; } }
@media only screen and (min-width: 601px) {
.show-on-medium-and-up {
display: block !important; } }
@media only screen and (max-width: 992px) {
.show-on-medium-and-down {
display: block !important; } }
@media only screen and (max-width: 600px) {
.center-on-small-only {
text-align: center; } }
.page-footer {
padding-top: 20px;
background-color: #fdeaeb; }
.page-footer .footer-copyright {
overflow: hidden;
min-height: 50px;
display: flex;
align-items: center;
padding: 10px 0px;
color: rgba(255, 255, 255, 0.8);
background-color: rgba(51, 51, 51, 0.08); }
table, th, td {
border: none; }
table {
width: 100%;
display: table; }
table.bordered > thead > tr,
table.bordered > tbody > tr {
border-bottom: 1px solid #d0d0d0; }
table.striped > tbody > tr:nth-child(odd) {
background-color: #f2f2f2; }
table.striped > tbody > tr > td {
border-radius: 0; }
table.highlight > tbody > tr {
transition: background-color .25s ease; }
table.highlight > tbody > tr:hover {
background-color: #f2f2f2; }
table.centered thead tr th, table.centered tbody tr td {
text-align: center; }
thead {
border-bottom: 1px solid #d0d0d0; }
td, th {
padding: 15px 5px;
display: table-cell;
text-align: left;
vertical-align: middle;
border-radius: 2px; }
@media only screen and (max-width: 992px) {
table.responsive-table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
display: block;
position: relative;
/* sort out borders */ }
table.responsive-table td:empty:before {
content: '\00a0'; }
table.responsive-table th,
table.responsive-table td {
margin: 0;
vertical-align: top; }
table.responsive-table th {
text-align: left; }
table.responsive-table thead {
display: block;
float: left; }
table.responsive-table thead tr {
display: block;
padding: 0 10px 0 0; }
table.responsive-table thead tr th::before {
content: "\00a0"; }
table.responsive-table tbody {
display: block;
width: auto;
position: relative;
overflow-x: auto;
white-space: nowrap; }
table.responsive-table tbody tr {
display: inline-block;
vertical-align: top; }
table.responsive-table th {
display: block;
text-align: right; }
table.responsive-table td {
display: block;
min-height: 1.25em;
text-align: left; }
table.responsive-table tr {
padding: 0 10px; }
table.responsive-table thead {
border: 0;
border-right: 1px solid #d0d0d0; }
table.responsive-table.bordered th {
border-bottom: 0;
border-left: 0; }
table.responsive-table.bordered td {
border-left: 0;
border-right: 0;
border-bottom: 0; }
table.responsive-table.bordered tr {
border: 0; }
table.responsive-table.bordered tbody tr {
border-right: 1px solid #d0d0d0; } }
@keyframes indeterminate {
0% {
left: -35%;
right: 100%; }
60% {
left: 100%;
right: -90%; }
100% {
left: 100%;
right: -90%; } }
@keyframes indeterminate-short {
0% {
left: -200%;
right: 100%; }
60% {
left: 107%;
right: -8%; }
100% {
left: 107%;
right: -8%; } }
/*******************
Utility Classes
*******************/
.hide {
display: none !important; }
.left-align {
text-align: left; }
.right-align {
text-align: right; }
.center, .center-align {
text-align: center; }
.left {
float: left !important; }
.right {
float: right !important; }
.no-select, input[type=range],
input[type=range] + .thumb {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.circle {
border-radius: 50%; }
.center-block {
display: block;
margin-left: auto;
margin-right: auto; }
.truncate {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.no-padding {
padding: 0 !important; }
span.badge {
min-width: 3rem;
padding: 0 6px;
margin-left: 14px;
text-align: center;
font-size: 1rem;
line-height: 22px;
height: 22px;
color: #757575;
float: right;
box-sizing: border-box; }
span.badge.new {
font-weight: 300;
font-size: 0.8rem;
color: #fff;
background-color: #53bf02;
border-radius: 2px; }
span.badge.new:after {
content: " new"; }
span.badge[data-badge-caption]::after {
content: " " attr(data-badge-caption); }
nav ul a span.badge {
display: inline-block;
float: none;
margin-left: 4px;
line-height: 22px;
height: 22px; }
.collection-item span.badge {
margin-top: calc(0.75rem - 11px); }
.collapsible span.badge {
margin-top: calc(1.5rem - 11px); }
.side-nav span.badge {
margin-top: calc(24px - 11px); }
/* This is needed for some mobile phones to display the Google Icon font properly */
.material-icons {
text-rendering: optimizeLegibility;
font-feature-settings: 'liga'; }
.container {
margin: 0 auto;
max-width: 1280px;
width: 90%; }
.container-full {
width: 100%;
margin: 0 auto;
overflow: hidden;
padding-left: 0.75rem;
padding-right: 0.75rem; }
.container-full .row .col, .container-full .row-fluid .col, .container-full .row .span1, .container-full .row-fluid .span1, .container-full .row
.span2, .container-full .row-fluid
.span2, .container-full .row
.span3, .container-full .row-fluid
.span3, .container-full .row
.span4, .container-full .row-fluid
.span4, .container-full .row
.span5, .container-full .row-fluid
.span5, .container-full .row
.span6, .container-full .row-fluid
.span6, .container-full .row
.span7, .container-full .row-fluid
.span7, .container-full .row
.span8, .container-full .row-fluid
.span8, .container-full .row
.span9, .container-full .row-fluid
.span9, .container-full .row
.span10, .container-full .row-fluid
.span10, .container-full .row
.span12, .container-full .row-fluid
.span12 {
padding: 0; }
@media only screen and (min-width: 601px) {
.container {
width: 85%; } }
@media only screen and (min-width: 993px) {
.container-full {
width: 85%;
max-width: 1280px; }
.container-full-blue {
width: 62%;
margin: 0 auto; }
.container-full .row .col, .container-full .row-fluid .col, .container-full .row .span1, .container-full .row-fluid .span1, .container-full .row
.span2, .container-full .row-fluid
.span2, .container-full .row
.span3, .container-full .row-fluid
.span3, .container-full .row
.span4, .container-full .row-fluid
.span4, .container-full .row
.span5, .container-full .row-fluid
.span5, .container-full .row
.span6, .container-full .row-fluid
.span6, .container-full .row
.span7, .container-full .row-fluid
.span7, .container-full .row
.span8, .container-full .row-fluid
.span8, .container-full .row
.span9, .container-full .row-fluid
.span9, .container-full .row
.span10, .container-full .row-fluid
.span10, .container-full .row
.span12, .container-full .row-fluid
.span12 {
padding: 0 .75rem; } }
/* @media only screen and (min-width : 993px) {
.container, .container-full {
width: 80%;
}
} */
.container .row, .container .row-fluid, .container-full .row, .container-full .row-fluid, .container-full .row-fluid {
margin-left: -0.75rem;
margin-right: -0.75rem; }
.section {
padding-top: 1rem;
padding-bottom: 1rem; }
.section.no-pad {
padding: 0; }
.section.no-pad-bot {
padding-bottom: 0; }
.section.no-pad-top {
padding-top: 0; }
.row, .row-fluid {
margin-left: auto;
margin-right: auto;
margin-bottom: 20px; }
.row:last-child, .row-fluid:last-child {
margin-bottom: 0; }
.row:after, .row-fluid:after {
content: "";
display: table;
clear: both; }
.row .col, .row-fluid .col, .row .span1, .row-fluid .span1, .row
.span2, .row-fluid
.span2, .row
.span3, .row-fluid
.span3, .row
.span4, .row-fluid
.span4, .row
.span5, .row-fluid
.span5, .row
.span6, .row-fluid
.span6, .row
.span7, .row-fluid
.span7, .row
.span8, .row-fluid
.span8, .row
.span9, .row-fluid
.span9, .row
.span10, .row-fluid
.span10, .row
.span12, .row-fluid
.span12 {
float: left;
box-sizing: border-box;
padding: 0 0.75rem;
min-height: 1px; }
.row .col[class*="push-"], .row-fluid .col[class*="push-"], .row [class*="push-"].span1, .row-fluid [class*="push-"].span1, .row
[class*="push-"].span2, .row-fluid
[class*="push-"].span2, .row
[class*="push-"].span3, .row-fluid
[class*="push-"].span3, .row
[class*="push-"].span4, .row-fluid
[class*="push-"].span4, .row
[class*="push-"].span5, .row-fluid
[class*="push-"].span5, .row
[class*="push-"].span6, .row-fluid
[class*="push-"].span6, .row
[class*="push-"].span7, .row-fluid
[class*="push-"].span7, .row
[class*="push-"].span8, .row-fluid
[class*="push-"].span8, .row
[class*="push-"].span9, .row-fluid
[class*="push-"].span9, .row
[class*="push-"].span10, .row-fluid
[class*="push-"].span10, .row
[class*="push-"].span12, .row-fluid
[class*="push-"].span12, .row .col[class*="pull-"], .row-fluid .col[class*="pull-"], .row [class*="pull-"].span1, .row-fluid [class*="pull-"].span1, .row
[class*="pull-"].span2, .row-fluid
[class*="pull-"].span2, .row
[class*="pull-"].span3, .row-fluid
[class*="pull-"].span3, .row
[class*="pull-"].span4, .row-fluid
[class*="pull-"].span4, .row
[class*="pull-"].span5, .row-fluid
[class*="pull-"].span5, .row
[class*="pull-"].span6, .row-fluid
[class*="pull-"].span6, .row
[class*="pull-"].span7, .row-fluid
[class*="pull-"].span7, .row
[class*="pull-"].span8, .row-fluid
[class*="pull-"].span8, .row
[class*="pull-"].span9, .row-fluid
[class*="pull-"].span9, .row
[class*="pull-"].span10, .row-fluid
[class*="pull-"].span10, .row
[class*="pull-"].span12, .row-fluid
[class*="pull-"].span12 {
position: relative; }
.row .col.s1, .row-fluid .col.s1, .row .s1.span1, .row-fluid .s1.span1, .row
.s1.span2, .row-fluid
.s1.span2, .row
.s1.span3, .row-fluid
.s1.span3, .row
.s1.span4, .row-fluid
.s1.span4, .row
.s1.span5, .row-fluid
.s1.span5, .row
.s1.span6, .row-fluid
.s1.span6, .row
.s1.span7, .row-fluid
.s1.span7, .row
.s1.span8, .row-fluid
.s1.span8, .row
.s1.span9, .row-fluid
.s1.span9, .row
.s1.span10, .row-fluid
.s1.span10, .row
.s1.span12, .row-fluid
.s1.span12 {
width: 8.33333%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.s2, .row-fluid .col.s2, .row .s2.span1, .row-fluid .s2.span1, .row
.s2.span2, .row-fluid
.s2.span2, .row
.s2.span3, .row-fluid
.s2.span3, .row
.s2.span4, .row-fluid
.s2.span4, .row
.s2.span5, .row-fluid
.s2.span5, .row
.s2.span6, .row-fluid
.s2.span6, .row
.s2.span7, .row-fluid
.s2.span7, .row
.s2.span8, .row-fluid
.s2.span8, .row
.s2.span9, .row-fluid
.s2.span9, .row
.s2.span10, .row-fluid
.s2.span10, .row
.s2.span12, .row-fluid
.s2.span12 {
width: 16.66667%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.s3, .row-fluid .col.s3, .row .s3.span1, .row-fluid .s3.span1, .row
.s3.span2, .row-fluid
.s3.span2, .row
.s3.span3, .row-fluid
.s3.span3, .row
.s3.span4, .row-fluid
.s3.span4, .row
.s3.span5, .row-fluid
.s3.span5, .row
.s3.span6, .row-fluid
.s3.span6, .row
.s3.span7, .row-fluid
.s3.span7, .row
.s3.span8, .row-fluid
.s3.span8, .row
.s3.span9, .row-fluid
.s3.span9, .row
.s3.span10, .row-fluid
.s3.span10, .row
.s3.span12, .row-fluid
.s3.span12 {
width: 25%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.s4, .row-fluid .col.s4, .row .s4.span1, .row-fluid .s4.span1, .row
.s4.span2, .row-fluid
.s4.span2, .row
.s4.span3, .row-fluid
.s4.span3, .row
.s4.span4, .row-fluid
.s4.span4, .row
.s4.span5, .row-fluid
.s4.span5, .row
.s4.span6, .row-fluid
.s4.span6, .row
.s4.span7, .row-fluid
.s4.span7, .row
.s4.span8, .row-fluid
.s4.span8, .row
.s4.span9, .row-fluid
.s4.span9, .row
.s4.span10, .row-fluid
.s4.span10, .row
.s4.span12, .row-fluid
.s4.span12 {
width: 33.33333%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.s5, .row-fluid .col.s5, .row .s5.span1, .row-fluid .s5.span1, .row
.s5.span2, .row-fluid
.s5.span2, .row
.s5.span3, .row-fluid
.s5.span3, .row
.s5.span4, .row-fluid
.s5.span4, .row
.s5.span5, .row-fluid
.s5.span5, .row
.s5.span6, .row-fluid
.s5.span6, .row
.s5.span7, .row-fluid
.s5.span7, .row
.s5.span8, .row-fluid
.s5.span8, .row
.s5.span9, .row-fluid
.s5.span9, .row
.s5.span10, .row-fluid
.s5.span10, .row
.s5.span12, .row-fluid
.s5.span12 {
width: 41.66667%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.s6, .row-fluid .col.s6, .row .s6.span1, .row-fluid .s6.span1, .row
.s6.span2, .row-fluid
.s6.span2, .row
.s6.span3, .row-fluid
.s6.span3, .row
.s6.span4, .row-fluid
.s6.span4, .row
.s6.span5, .row-fluid
.s6.span5, .row
.s6.span6, .row-fluid
.s6.span6, .row
.s6.span7, .row-fluid
.s6.span7, .row
.s6.span8, .row-fluid
.s6.span8, .row
.s6.span9, .row-fluid
.s6.span9, .row
.s6.span10, .row-fluid
.s6.span10, .row
.s6.span12, .row-fluid
.s6.span12 {
width: 50%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.s7, .row-fluid .col.s7, .row .s7.span1, .row-fluid .s7.span1, .row
.s7.span2, .row-fluid
.s7.span2, .row
.s7.span3, .row-fluid
.s7.span3, .row
.s7.span4, .row-fluid
.s7.span4, .row
.s7.span5, .row-fluid
.s7.span5, .row
.s7.span6, .row-fluid
.s7.span6, .row
.s7.span7, .row-fluid
.s7.span7, .row
.s7.span8, .row-fluid
.s7.span8, .row
.s7.span9, .row-fluid
.s7.span9, .row
.s7.span10, .row-fluid
.s7.span10, .row
.s7.span12, .row-fluid
.s7.span12 {
width: 58.33333%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.s8, .row-fluid .col.s8, .row .s8.span1, .row-fluid .s8.span1, .row
.s8.span2, .row-fluid
.s8.span2, .row
.s8.span3, .row-fluid
.s8.span3, .row
.s8.span4, .row-fluid
.s8.span4, .row
.s8.span5, .row-fluid
.s8.span5, .row
.s8.span6, .row-fluid
.s8.span6, .row
.s8.span7, .row-fluid
.s8.span7, .row
.s8.span8, .row-fluid
.s8.span8, .row
.s8.span9, .row-fluid
.s8.span9, .row
.s8.span10, .row-fluid
.s8.span10, .row
.s8.span12, .row-fluid
.s8.span12 {
width: 66.66667%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.s9, .row-fluid .col.s9, .row .s9.span1, .row-fluid .s9.span1, .row
.s9.span2, .row-fluid
.s9.span2, .row
.s9.span3, .row-fluid
.s9.span3, .row
.s9.span4, .row-fluid
.s9.span4, .row
.s9.span5, .row-fluid
.s9.span5, .row
.s9.span6, .row-fluid
.s9.span6, .row
.s9.span7, .row-fluid
.s9.span7, .row
.s9.span8, .row-fluid
.s9.span8, .row
.s9.span9, .row-fluid
.s9.span9, .row
.s9.span10, .row-fluid
.s9.span10, .row
.s9.span12, .row-fluid
.s9.span12 {
width: 75%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.s10, .row-fluid .col.s10, .row .s10.span1, .row-fluid .s10.span1, .row
.s10.span2, .row-fluid
.s10.span2, .row
.s10.span3, .row-fluid
.s10.span3, .row
.s10.span4, .row-fluid
.s10.span4, .row
.s10.span5, .row-fluid
.s10.span5, .row
.s10.span6, .row-fluid
.s10.span6, .row
.s10.span7, .row-fluid
.s10.span7, .row
.s10.span8, .row-fluid
.s10.span8, .row
.s10.span9, .row-fluid
.s10.span9, .row
.s10.span10, .row-fluid
.s10.span10, .row
.s10.span12, .row-fluid
.s10.span12 {
width: 83.33333%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.s11, .row-fluid .col.s11, .row .s11.span1, .row-fluid .s11.span1, .row
.s11.span2, .row-fluid
.s11.span2, .row
.s11.span3, .row-fluid
.s11.span3, .row
.s11.span4, .row-fluid
.s11.span4, .row
.s11.span5, .row-fluid
.s11.span5, .row
.s11.span6, .row-fluid
.s11.span6, .row
.s11.span7, .row-fluid
.s11.span7, .row
.s11.span8, .row-fluid
.s11.span8, .row
.s11.span9, .row-fluid
.s11.span9, .row
.s11.span10, .row-fluid
.s11.span10, .row
.s11.span12, .row-fluid
.s11.span12 {
width: 91.66667%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.s12, .row-fluid .col.s12, .row .s12.span1, .row-fluid .s12.span1, .row
.s12.span2, .row-fluid
.s12.span2, .row
.s12.span3, .row-fluid
.s12.span3, .row
.s12.span4, .row-fluid
.s12.span4, .row
.s12.span5, .row-fluid
.s12.span5, .row
.s12.span6, .row-fluid
.s12.span6, .row
.s12.span7, .row-fluid
.s12.span7, .row
.s12.span8, .row-fluid
.s12.span8, .row
.s12.span9, .row-fluid
.s12.span9, .row
.s12.span10, .row-fluid
.s12.span10, .row
.s12.span12, .row-fluid
.s12.span12 {
width: 100%;
margin-left: auto;
left: auto;
right: auto; }
@media only screen and (min-width: 993px) {
.row .col.l1, .row-fluid .col.l1, .row .span1, .row-fluid .span1, .row
.l1.span2, .row-fluid
.l1.span2, .row
.l1.span3, .row-fluid
.l1.span3, .row
.l1.span4, .row-fluid
.l1.span4, .row
.l1.span5, .row-fluid
.l1.span5, .row
.l1.span6, .row-fluid
.l1.span6, .row
.l1.span7, .row-fluid
.l1.span7, .row
.l1.span8, .row-fluid
.l1.span8, .row
.l1.span9, .row-fluid
.l1.span9, .row
.l1.span10, .row-fluid
.l1.span10, .row
.l1.span12, .row-fluid
.l1.span12 {
width: 8.33333%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.l2, .row-fluid .col.l2, .row .l2.span1, .row-fluid .l2.span1, .row
.span2, .row-fluid
.span2, .row
.l2.span3, .row-fluid
.l2.span3, .row
.l2.span4, .row-fluid
.l2.span4, .row
.l2.span5, .row-fluid
.l2.span5, .row
.l2.span6, .row-fluid
.l2.span6, .row
.l2.span7, .row-fluid
.l2.span7, .row
.l2.span8, .row-fluid
.l2.span8, .row
.l2.span9, .row-fluid
.l2.span9, .row
.l2.span10, .row-fluid
.l2.span10, .row
.l2.span12, .row-fluid
.l2.span12 {
width: 16.66667%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.l3, .row-fluid .col.l3, .row .l3.span1, .row-fluid .l3.span1, .row
.l3.span2, .row-fluid
.l3.span2, .row
.span3, .row-fluid
.span3, .row
.l3.span4, .row-fluid
.l3.span4, .row
.l3.span5, .row-fluid
.l3.span5, .row
.l3.span6, .row-fluid
.l3.span6, .row
.l3.span7, .row-fluid
.l3.span7, .row
.l3.span8, .row-fluid
.l3.span8, .row
.l3.span9, .row-fluid
.l3.span9, .row
.l3.span10, .row-fluid
.l3.span10, .row
.l3.span12, .row-fluid
.l3.span12 {
width: 25%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.l4, .row-fluid .col.l4, .row .l4.span1, .row-fluid .l4.span1, .row
.l4.span2, .row-fluid
.l4.span2, .row
.l4.span3, .row-fluid
.l4.span3, .row
.span4, .row-fluid
.span4, .row
.l4.span5, .row-fluid
.l4.span5, .row
.l4.span6, .row-fluid
.l4.span6, .row
.l4.span7, .row-fluid
.l4.span7, .row
.l4.span8, .row-fluid
.l4.span8, .row
.l4.span9, .row-fluid
.l4.span9, .row
.l4.span10, .row-fluid
.l4.span10, .row
.l4.span12, .row-fluid
.l4.span12 {
width: 33.33333%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.l5, .row-fluid .col.l5, .row .l5.span1, .row-fluid .l5.span1, .row
.l5.span2, .row-fluid
.l5.span2, .row
.l5.span3, .row-fluid
.l5.span3, .row
.l5.span4, .row-fluid
.l5.span4, .row
.span5, .row-fluid
.span5, .row
.l5.span6, .row-fluid
.l5.span6, .row
.l5.span7, .row-fluid
.l5.span7, .row
.l5.span8, .row-fluid
.l5.span8, .row
.l5.span9, .row-fluid
.l5.span9, .row
.l5.span10, .row-fluid
.l5.span10, .row
.l5.span12, .row-fluid
.l5.span12 {
width: 41.66667%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.l6, .row-fluid .col.l6, .row .l6.span1, .row-fluid .l6.span1, .row
.l6.span2, .row-fluid
.l6.span2, .row
.l6.span3, .row-fluid
.l6.span3, .row
.l6.span4, .row-fluid
.l6.span4, .row
.l6.span5, .row-fluid
.l6.span5, .row
.span6, .row-fluid
.span6, .row
.l6.span7, .row-fluid
.l6.span7, .row
.l6.span8, .row-fluid
.l6.span8, .row
.l6.span9, .row-fluid
.l6.span9, .row
.l6.span10, .row-fluid
.l6.span10, .row
.l6.span12, .row-fluid
.l6.span12 {
width: 50%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.l7, .row-fluid .col.l7, .row .l7.span1, .row-fluid .l7.span1, .row
.l7.span2, .row-fluid
.l7.span2, .row
.l7.span3, .row-fluid
.l7.span3, .row
.l7.span4, .row-fluid
.l7.span4, .row
.l7.span5, .row-fluid
.l7.span5, .row
.l7.span6, .row-fluid
.l7.span6, .row
.span7, .row-fluid
.span7, .row
.l7.span8, .row-fluid
.l7.span8, .row
.l7.span9, .row-fluid
.l7.span9, .row
.l7.span10, .row-fluid
.l7.span10, .row
.l7.span12, .row-fluid
.l7.span12 {
width: 58.33333%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.l8, .row-fluid .col.l8, .row .l8.span1, .row-fluid .l8.span1, .row
.l8.span2, .row-fluid
.l8.span2, .row
.l8.span3, .row-fluid
.l8.span3, .row
.l8.span4, .row-fluid
.l8.span4, .row
.l8.span5, .row-fluid
.l8.span5, .row
.l8.span6, .row-fluid
.l8.span6, .row
.l8.span7, .row-fluid
.l8.span7, .row
.span8, .row-fluid
.span8, .row
.l8.span9, .row-fluid
.l8.span9, .row
.l8.span10, .row-fluid
.l8.span10, .row
.l8.span12, .row-fluid
.l8.span12 {
width: 66.66667%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.l9, .row-fluid .col.l9, .row .l9.span1, .row-fluid .l9.span1, .row
.l9.span2, .row-fluid
.l9.span2, .row
.l9.span3, .row-fluid
.l9.span3, .row
.l9.span4, .row-fluid
.l9.span4, .row
.l9.span5, .row-fluid
.l9.span5, .row
.l9.span6, .row-fluid
.l9.span6, .row
.l9.span7, .row-fluid
.l9.span7, .row
.l9.span8, .row-fluid
.l9.span8, .row
.span9, .row-fluid
.span9, .row
.l9.span10, .row-fluid
.l9.span10, .row
.l9.span12, .row-fluid
.l9.span12 {
width: 75%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.l10, .row-fluid .col.l10, .row .l10.span1, .row-fluid .l10.span1, .row
.l10.span2, .row-fluid
.l10.span2, .row
.l10.span3, .row-fluid
.l10.span3, .row
.l10.span4, .row-fluid
.l10.span4, .row
.l10.span5, .row-fluid
.l10.span5, .row
.l10.span6, .row-fluid
.l10.span6, .row
.l10.span7, .row-fluid
.l10.span7, .row
.l10.span8, .row-fluid
.l10.span8, .row
.l10.span9, .row-fluid
.l10.span9, .row
.span10, .row-fluid
.span10, .row
.l10.span12, .row-fluid
.l10.span12 {
width: 83.33333%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.l11, .row-fluid .col.l11, .row .l11.span1, .row-fluid .l11.span1, .row
.l11.span2, .row-fluid
.l11.span2, .row
.l11.span3, .row-fluid
.l11.span3, .row
.l11.span4, .row-fluid
.l11.span4, .row
.l11.span5, .row-fluid
.l11.span5, .row
.l11.span6, .row-fluid
.l11.span6, .row
.l11.span7, .row-fluid
.l11.span7, .row
.l11.span8, .row-fluid
.l11.span8, .row
.l11.span9, .row-fluid
.l11.span9, .row
.l11.span10, .row-fluid
.l11.span10, .row
.l11.span12, .row-fluid
.l11.span12, .row .span11, .row-fluid .span11 {
width: 91.66667%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.l12, .row-fluid .col.l12, .row .l12.span1, .row-fluid .l12.span1, .row
.l12.span2, .row-fluid
.l12.span2, .row
.l12.span3, .row-fluid
.l12.span3, .row
.l12.span4, .row-fluid
.l12.span4, .row
.l12.span5, .row-fluid
.l12.span5, .row
.l12.span6, .row-fluid
.l12.span6, .row
.l12.span7, .row-fluid
.l12.span7, .row
.l12.span8, .row-fluid
.l12.span8, .row
.l12.span9, .row-fluid
.l12.span9, .row
.l12.span10, .row-fluid
.l12.span10, .row
.span12, .row-fluid
.span12 {
width: 100%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.offset-l1, .row-fluid .col.offset-l1, .row .offset-l1.span1, .row-fluid .offset-l1.span1, .row
.offset-l1.span2, .row-fluid
.offset-l1.span2, .row
.offset-l1.span3, .row-fluid
.offset-l1.span3, .row
.offset-l1.span4, .row-fluid
.offset-l1.span4, .row
.offset-l1.span5, .row-fluid
.offset-l1.span5, .row
.offset-l1.span6, .row-fluid
.offset-l1.span6, .row
.offset-l1.span7, .row-fluid
.offset-l1.span7, .row
.offset-l1.span8, .row-fluid
.offset-l1.span8, .row
.offset-l1.span9, .row-fluid
.offset-l1.span9, .row
.offset-l1.span10, .row-fluid
.offset-l1.span10, .row
.offset-l1.span12, .row-fluid
.offset-l1.span12, .row .offset1, .row-fluid .offset1 {
margin-left: 8.33333%; }
.row .col.pull-l1, .row-fluid .col.pull-l1, .row .pull-l1.span1, .row-fluid .pull-l1.span1, .row
.pull-l1.span2, .row-fluid
.pull-l1.span2, .row
.pull-l1.span3, .row-fluid
.pull-l1.span3, .row
.pull-l1.span4, .row-fluid
.pull-l1.span4, .row
.pull-l1.span5, .row-fluid
.pull-l1.span5, .row
.pull-l1.span6, .row-fluid
.pull-l1.span6, .row
.pull-l1.span7, .row-fluid
.pull-l1.span7, .row
.pull-l1.span8, .row-fluid
.pull-l1.span8, .row
.pull-l1.span9, .row-fluid
.pull-l1.span9, .row
.pull-l1.span10, .row-fluid
.pull-l1.span10, .row
.pull-l1.span12, .row-fluid
.pull-l1.span12 {
right: 8.33333%; }
.row .col.push-l1, .row-fluid .col.push-l1, .row .push-l1.span1, .row-fluid .push-l1.span1, .row
.push-l1.span2, .row-fluid
.push-l1.span2, .row
.push-l1.span3, .row-fluid
.push-l1.span3, .row
.push-l1.span4, .row-fluid
.push-l1.span4, .row
.push-l1.span5, .row-fluid
.push-l1.span5, .row
.push-l1.span6, .row-fluid
.push-l1.span6, .row
.push-l1.span7, .row-fluid
.push-l1.span7, .row
.push-l1.span8, .row-fluid
.push-l1.span8, .row
.push-l1.span9, .row-fluid
.push-l1.span9, .row
.push-l1.span10, .row-fluid
.push-l1.span10, .row
.push-l1.span12, .row-fluid
.push-l1.span12 {
left: 8.33333%; }
.row .col.offset-l2, .row-fluid .col.offset-l2, .row .offset-l2.span1, .row-fluid .offset-l2.span1, .row
.offset-l2.span2, .row-fluid
.offset-l2.span2, .row
.offset-l2.span3, .row-fluid
.offset-l2.span3, .row
.offset-l2.span4, .row-fluid
.offset-l2.span4, .row
.offset-l2.span5, .row-fluid
.offset-l2.span5, .row
.offset-l2.span6, .row-fluid
.offset-l2.span6, .row
.offset-l2.span7, .row-fluid
.offset-l2.span7, .row
.offset-l2.span8, .row-fluid
.offset-l2.span8, .row
.offset-l2.span9, .row-fluid
.offset-l2.span9, .row
.offset-l2.span10, .row-fluid
.offset-l2.span10, .row
.offset-l2.span12, .row-fluid
.offset-l2.span12, .row .offset2, .row-fluid .offset2 {
margin-left: 16.66667%; }
.row .col.pull-l2, .row-fluid .col.pull-l2, .row .pull-l2.span1, .row-fluid .pull-l2.span1, .row
.pull-l2.span2, .row-fluid
.pull-l2.span2, .row
.pull-l2.span3, .row-fluid
.pull-l2.span3, .row
.pull-l2.span4, .row-fluid
.pull-l2.span4, .row
.pull-l2.span5, .row-fluid
.pull-l2.span5, .row
.pull-l2.span6, .row-fluid
.pull-l2.span6, .row
.pull-l2.span7, .row-fluid
.pull-l2.span7, .row
.pull-l2.span8, .row-fluid
.pull-l2.span8, .row
.pull-l2.span9, .row-fluid
.pull-l2.span9, .row
.pull-l2.span10, .row-fluid
.pull-l2.span10, .row
.pull-l2.span12, .row-fluid
.pull-l2.span12 {
right: 16.66667%; }
.row .col.push-l2, .row-fluid .col.push-l2, .row .push-l2.span1, .row-fluid .push-l2.span1, .row
.push-l2.span2, .row-fluid
.push-l2.span2, .row
.push-l2.span3, .row-fluid
.push-l2.span3, .row
.push-l2.span4, .row-fluid
.push-l2.span4, .row
.push-l2.span5, .row-fluid
.push-l2.span5, .row
.push-l2.span6, .row-fluid
.push-l2.span6, .row
.push-l2.span7, .row-fluid
.push-l2.span7, .row
.push-l2.span8, .row-fluid
.push-l2.span8, .row
.push-l2.span9, .row-fluid
.push-l2.span9, .row
.push-l2.span10, .row-fluid
.push-l2.span10, .row
.push-l2.span12, .row-fluid
.push-l2.span12 {
left: 16.66667%; }
.row .col.offset-l3, .row-fluid .col.offset-l3, .row .offset-l3.span1, .row-fluid .offset-l3.span1, .row
.offset-l3.span2, .row-fluid
.offset-l3.span2, .row
.offset-l3.span3, .row-fluid
.offset-l3.span3, .row
.offset-l3.span4, .row-fluid
.offset-l3.span4, .row
.offset-l3.span5, .row-fluid
.offset-l3.span5, .row
.offset-l3.span6, .row-fluid
.offset-l3.span6, .row
.offset-l3.span7, .row-fluid
.offset-l3.span7, .row
.offset-l3.span8, .row-fluid
.offset-l3.span8, .row
.offset-l3.span9, .row-fluid
.offset-l3.span9, .row
.offset-l3.span10, .row-fluid
.offset-l3.span10, .row
.offset-l3.span12, .row-fluid
.offset-l3.span12, .row .offset3, .row-fluid .offset3 {
margin-left: 25%; }
.row .col.pull-l3, .row-fluid .col.pull-l3, .row .pull-l3.span1, .row-fluid .pull-l3.span1, .row
.pull-l3.span2, .row-fluid
.pull-l3.span2, .row
.pull-l3.span3, .row-fluid
.pull-l3.span3, .row
.pull-l3.span4, .row-fluid
.pull-l3.span4, .row
.pull-l3.span5, .row-fluid
.pull-l3.span5, .row
.pull-l3.span6, .row-fluid
.pull-l3.span6, .row
.pull-l3.span7, .row-fluid
.pull-l3.span7, .row
.pull-l3.span8, .row-fluid
.pull-l3.span8, .row
.pull-l3.span9, .row-fluid
.pull-l3.span9, .row
.pull-l3.span10, .row-fluid
.pull-l3.span10, .row
.pull-l3.span12, .row-fluid
.pull-l3.span12 {
right: 25%; }
.row .col.push-l3, .row-fluid .col.push-l3, .row .push-l3.span1, .row-fluid .push-l3.span1, .row
.push-l3.span2, .row-fluid
.push-l3.span2, .row
.push-l3.span3, .row-fluid
.push-l3.span3, .row
.push-l3.span4, .row-fluid
.push-l3.span4, .row
.push-l3.span5, .row-fluid
.push-l3.span5, .row
.push-l3.span6, .row-fluid
.push-l3.span6, .row
.push-l3.span7, .row-fluid
.push-l3.span7, .row
.push-l3.span8, .row-fluid
.push-l3.span8, .row
.push-l3.span9, .row-fluid
.push-l3.span9, .row
.push-l3.span10, .row-fluid
.push-l3.span10, .row
.push-l3.span12, .row-fluid
.push-l3.span12 {
left: 25%; }
.row .col.offset-l4, .row-fluid .col.offset-l4, .row .offset-l4.span1, .row-fluid .offset-l4.span1, .row
.offset-l4.span2, .row-fluid
.offset-l4.span2, .row
.offset-l4.span3, .row-fluid
.offset-l4.span3, .row
.offset-l4.span4, .row-fluid
.offset-l4.span4, .row
.offset-l4.span5, .row-fluid
.offset-l4.span5, .row
.offset-l4.span6, .row-fluid
.offset-l4.span6, .row
.offset-l4.span7, .row-fluid
.offset-l4.span7, .row
.offset-l4.span8, .row-fluid
.offset-l4.span8, .row
.offset-l4.span9, .row-fluid
.offset-l4.span9, .row
.offset-l4.span10, .row-fluid
.offset-l4.span10, .row
.offset-l4.span12, .row-fluid
.offset-l4.span12, .row .offset4, .row-fluid .offset4 {
margin-left: 33.33333%; }
.row .col.pull-l4, .row-fluid .col.pull-l4, .row .pull-l4.span1, .row-fluid .pull-l4.span1, .row
.pull-l4.span2, .row-fluid
.pull-l4.span2, .row
.pull-l4.span3, .row-fluid
.pull-l4.span3, .row
.pull-l4.span4, .row-fluid
.pull-l4.span4, .row
.pull-l4.span5, .row-fluid
.pull-l4.span5, .row
.pull-l4.span6, .row-fluid
.pull-l4.span6, .row
.pull-l4.span7, .row-fluid
.pull-l4.span7, .row
.pull-l4.span8, .row-fluid
.pull-l4.span8, .row
.pull-l4.span9, .row-fluid
.pull-l4.span9, .row
.pull-l4.span10, .row-fluid
.pull-l4.span10, .row
.pull-l4.span12, .row-fluid
.pull-l4.span12 {
right: 33.33333%; }
.row .col.push-l4, .row-fluid .col.push-l4, .row .push-l4.span1, .row-fluid .push-l4.span1, .row
.push-l4.span2, .row-fluid
.push-l4.span2, .row
.push-l4.span3, .row-fluid
.push-l4.span3, .row
.push-l4.span4, .row-fluid
.push-l4.span4, .row
.push-l4.span5, .row-fluid
.push-l4.span5, .row
.push-l4.span6, .row-fluid
.push-l4.span6, .row
.push-l4.span7, .row-fluid
.push-l4.span7, .row
.push-l4.span8, .row-fluid
.push-l4.span8, .row
.push-l4.span9, .row-fluid
.push-l4.span9, .row
.push-l4.span10, .row-fluid
.push-l4.span10, .row
.push-l4.span12, .row-fluid
.push-l4.span12 {
left: 33.33333%; }
.row .col.offset-l5, .row-fluid .col.offset-l5, .row .offset-l5.span1, .row-fluid .offset-l5.span1, .row
.offset-l5.span2, .row-fluid
.offset-l5.span2, .row
.offset-l5.span3, .row-fluid
.offset-l5.span3, .row
.offset-l5.span4, .row-fluid
.offset-l5.span4, .row
.offset-l5.span5, .row-fluid
.offset-l5.span5, .row
.offset-l5.span6, .row-fluid
.offset-l5.span6, .row
.offset-l5.span7, .row-fluid
.offset-l5.span7, .row
.offset-l5.span8, .row-fluid
.offset-l5.span8, .row
.offset-l5.span9, .row-fluid
.offset-l5.span9, .row
.offset-l5.span10, .row-fluid
.offset-l5.span10, .row
.offset-l5.span12, .row-fluid
.offset-l5.span12, .row .offset5, .row-fluid .offset5 {
margin-left: 41.66667%; }
.row .col.pull-l5, .row-fluid .col.pull-l5, .row .pull-l5.span1, .row-fluid .pull-l5.span1, .row
.pull-l5.span2, .row-fluid
.pull-l5.span2, .row
.pull-l5.span3, .row-fluid
.pull-l5.span3, .row
.pull-l5.span4, .row-fluid
.pull-l5.span4, .row
.pull-l5.span5, .row-fluid
.pull-l5.span5, .row
.pull-l5.span6, .row-fluid
.pull-l5.span6, .row
.pull-l5.span7, .row-fluid
.pull-l5.span7, .row
.pull-l5.span8, .row-fluid
.pull-l5.span8, .row
.pull-l5.span9, .row-fluid
.pull-l5.span9, .row
.pull-l5.span10, .row-fluid
.pull-l5.span10, .row
.pull-l5.span12, .row-fluid
.pull-l5.span12 {
right: 41.66667%; }
.row .col.push-l5, .row-fluid .col.push-l5, .row .push-l5.span1, .row-fluid .push-l5.span1, .row
.push-l5.span2, .row-fluid
.push-l5.span2, .row
.push-l5.span3, .row-fluid
.push-l5.span3, .row
.push-l5.span4, .row-fluid
.push-l5.span4, .row
.push-l5.span5, .row-fluid
.push-l5.span5, .row
.push-l5.span6, .row-fluid
.push-l5.span6, .row
.push-l5.span7, .row-fluid
.push-l5.span7, .row
.push-l5.span8, .row-fluid
.push-l5.span8, .row
.push-l5.span9, .row-fluid
.push-l5.span9, .row
.push-l5.span10, .row-fluid
.push-l5.span10, .row
.push-l5.span12, .row-fluid
.push-l5.span12 {
left: 41.66667%; }
.row .col.offset-l6, .row-fluid .col.offset-l6, .row .offset-l6.span1, .row-fluid .offset-l6.span1, .row
.offset-l6.span2, .row-fluid
.offset-l6.span2, .row
.offset-l6.span3, .row-fluid
.offset-l6.span3, .row
.offset-l6.span4, .row-fluid
.offset-l6.span4, .row
.offset-l6.span5, .row-fluid
.offset-l6.span5, .row
.offset-l6.span6, .row-fluid
.offset-l6.span6, .row
.offset-l6.span7, .row-fluid
.offset-l6.span7, .row
.offset-l6.span8, .row-fluid
.offset-l6.span8, .row
.offset-l6.span9, .row-fluid
.offset-l6.span9, .row
.offset-l6.span10, .row-fluid
.offset-l6.span10, .row
.offset-l6.span12, .row-fluid
.offset-l6.span12, .row .offset6, .row-fluid .offset6 {
margin-left: 50%; }
.row .col.pull-l6, .row-fluid .col.pull-l6, .row .pull-l6.span1, .row-fluid .pull-l6.span1, .row
.pull-l6.span2, .row-fluid
.pull-l6.span2, .row
.pull-l6.span3, .row-fluid
.pull-l6.span3, .row
.pull-l6.span4, .row-fluid
.pull-l6.span4, .row
.pull-l6.span5, .row-fluid
.pull-l6.span5, .row
.pull-l6.span6, .row-fluid
.pull-l6.span6, .row
.pull-l6.span7, .row-fluid
.pull-l6.span7, .row
.pull-l6.span8, .row-fluid
.pull-l6.span8, .row
.pull-l6.span9, .row-fluid
.pull-l6.span9, .row
.pull-l6.span10, .row-fluid
.pull-l6.span10, .row
.pull-l6.span12, .row-fluid
.pull-l6.span12 {
right: 50%; }
.row .col.push-l6, .row-fluid .col.push-l6, .row .push-l6.span1, .row-fluid .push-l6.span1, .row
.push-l6.span2, .row-fluid
.push-l6.span2, .row
.push-l6.span3, .row-fluid
.push-l6.span3, .row
.push-l6.span4, .row-fluid
.push-l6.span4, .row
.push-l6.span5, .row-fluid
.push-l6.span5, .row
.push-l6.span6, .row-fluid
.push-l6.span6, .row
.push-l6.span7, .row-fluid
.push-l6.span7, .row
.push-l6.span8, .row-fluid
.push-l6.span8, .row
.push-l6.span9, .row-fluid
.push-l6.span9, .row
.push-l6.span10, .row-fluid
.push-l6.span10, .row
.push-l6.span12, .row-fluid
.push-l6.span12 {
left: 50%; }
.row .col.offset-l7, .row-fluid .col.offset-l7, .row .offset-l7.span1, .row-fluid .offset-l7.span1, .row
.offset-l7.span2, .row-fluid
.offset-l7.span2, .row
.offset-l7.span3, .row-fluid
.offset-l7.span3, .row
.offset-l7.span4, .row-fluid
.offset-l7.span4, .row
.offset-l7.span5, .row-fluid
.offset-l7.span5, .row
.offset-l7.span6, .row-fluid
.offset-l7.span6, .row
.offset-l7.span7, .row-fluid
.offset-l7.span7, .row
.offset-l7.span8, .row-fluid
.offset-l7.span8, .row
.offset-l7.span9, .row-fluid
.offset-l7.span9, .row
.offset-l7.span10, .row-fluid
.offset-l7.span10, .row
.offset-l7.span12, .row-fluid
.offset-l7.span12, .row .offset7, .row-fluid .offset7 {
margin-left: 58.33333%; }
.row .col.pull-l7, .row-fluid .col.pull-l7, .row .pull-l7.span1, .row-fluid .pull-l7.span1, .row
.pull-l7.span2, .row-fluid
.pull-l7.span2, .row
.pull-l7.span3, .row-fluid
.pull-l7.span3, .row
.pull-l7.span4, .row-fluid
.pull-l7.span4, .row
.pull-l7.span5, .row-fluid
.pull-l7.span5, .row
.pull-l7.span6, .row-fluid
.pull-l7.span6, .row
.pull-l7.span7, .row-fluid
.pull-l7.span7, .row
.pull-l7.span8, .row-fluid
.pull-l7.span8, .row
.pull-l7.span9, .row-fluid
.pull-l7.span9, .row
.pull-l7.span10, .row-fluid
.pull-l7.span10, .row
.pull-l7.span12, .row-fluid
.pull-l7.span12 {
right: 58.33333%; }
.row .col.push-l7, .row-fluid .col.push-l7, .row .push-l7.span1, .row-fluid .push-l7.span1, .row
.push-l7.span2, .row-fluid
.push-l7.span2, .row
.push-l7.span3, .row-fluid
.push-l7.span3, .row
.push-l7.span4, .row-fluid
.push-l7.span4, .row
.push-l7.span5, .row-fluid
.push-l7.span5, .row
.push-l7.span6, .row-fluid
.push-l7.span6, .row
.push-l7.span7, .row-fluid
.push-l7.span7, .row
.push-l7.span8, .row-fluid
.push-l7.span8, .row
.push-l7.span9, .row-fluid
.push-l7.span9, .row
.push-l7.span10, .row-fluid
.push-l7.span10, .row
.push-l7.span12, .row-fluid
.push-l7.span12 {
left: 58.33333%; }
.row .col.offset-l8, .row-fluid .col.offset-l8, .row .offset-l8.span1, .row-fluid .offset-l8.span1, .row
.offset-l8.span2, .row-fluid
.offset-l8.span2, .row
.offset-l8.span3, .row-fluid
.offset-l8.span3, .row
.offset-l8.span4, .row-fluid
.offset-l8.span4, .row
.offset-l8.span5, .row-fluid
.offset-l8.span5, .row
.offset-l8.span6, .row-fluid
.offset-l8.span6, .row
.offset-l8.span7, .row-fluid
.offset-l8.span7, .row
.offset-l8.span8, .row-fluid
.offset-l8.span8, .row
.offset-l8.span9, .row-fluid
.offset-l8.span9, .row
.offset-l8.span10, .row-fluid
.offset-l8.span10, .row
.offset-l8.span12, .row-fluid
.offset-l8.span12, .row .offset8, .row-fluid .offset8 {
margin-left: 66.66667%; }
.row .col.pull-l8, .row-fluid .col.pull-l8, .row .pull-l8.span1, .row-fluid .pull-l8.span1, .row
.pull-l8.span2, .row-fluid
.pull-l8.span2, .row
.pull-l8.span3, .row-fluid
.pull-l8.span3, .row
.pull-l8.span4, .row-fluid
.pull-l8.span4, .row
.pull-l8.span5, .row-fluid
.pull-l8.span5, .row
.pull-l8.span6, .row-fluid
.pull-l8.span6, .row
.pull-l8.span7, .row-fluid
.pull-l8.span7, .row
.pull-l8.span8, .row-fluid
.pull-l8.span8, .row
.pull-l8.span9, .row-fluid
.pull-l8.span9, .row
.pull-l8.span10, .row-fluid
.pull-l8.span10, .row
.pull-l8.span12, .row-fluid
.pull-l8.span12 {
right: 66.66667%; }
.row .col.push-l8, .row-fluid .col.push-l8, .row .push-l8.span1, .row-fluid .push-l8.span1, .row
.push-l8.span2, .row-fluid
.push-l8.span2, .row
.push-l8.span3, .row-fluid
.push-l8.span3, .row
.push-l8.span4, .row-fluid
.push-l8.span4, .row
.push-l8.span5, .row-fluid
.push-l8.span5, .row
.push-l8.span6, .row-fluid
.push-l8.span6, .row
.push-l8.span7, .row-fluid
.push-l8.span7, .row
.push-l8.span8, .row-fluid
.push-l8.span8, .row
.push-l8.span9, .row-fluid
.push-l8.span9, .row
.push-l8.span10, .row-fluid
.push-l8.span10, .row
.push-l8.span12, .row-fluid
.push-l8.span12 {
left: 66.66667%; }
.row .col.offset-l9, .row-fluid .col.offset-l9, .row .offset-l9.span1, .row-fluid .offset-l9.span1, .row
.offset-l9.span2, .row-fluid
.offset-l9.span2, .row
.offset-l9.span3, .row-fluid
.offset-l9.span3, .row
.offset-l9.span4, .row-fluid
.offset-l9.span4, .row
.offset-l9.span5, .row-fluid
.offset-l9.span5, .row
.offset-l9.span6, .row-fluid
.offset-l9.span6, .row
.offset-l9.span7, .row-fluid
.offset-l9.span7, .row
.offset-l9.span8, .row-fluid
.offset-l9.span8, .row
.offset-l9.span9, .row-fluid
.offset-l9.span9, .row
.offset-l9.span10, .row-fluid
.offset-l9.span10, .row
.offset-l9.span12, .row-fluid
.offset-l9.span12, .row .offset9, .row-fluid .offset9 {
margin-left: 75%; }
.row .col.pull-l9, .row-fluid .col.pull-l9, .row .pull-l9.span1, .row-fluid .pull-l9.span1, .row
.pull-l9.span2, .row-fluid
.pull-l9.span2, .row
.pull-l9.span3, .row-fluid
.pull-l9.span3, .row
.pull-l9.span4, .row-fluid
.pull-l9.span4, .row
.pull-l9.span5, .row-fluid
.pull-l9.span5, .row
.pull-l9.span6, .row-fluid
.pull-l9.span6, .row
.pull-l9.span7, .row-fluid
.pull-l9.span7, .row
.pull-l9.span8, .row-fluid
.pull-l9.span8, .row
.pull-l9.span9, .row-fluid
.pull-l9.span9, .row
.pull-l9.span10, .row-fluid
.pull-l9.span10, .row
.pull-l9.span12, .row-fluid
.pull-l9.span12 {
right: 75%; }
.row .col.push-l9, .row-fluid .col.push-l9, .row .push-l9.span1, .row-fluid .push-l9.span1, .row
.push-l9.span2, .row-fluid
.push-l9.span2, .row
.push-l9.span3, .row-fluid
.push-l9.span3, .row
.push-l9.span4, .row-fluid
.push-l9.span4, .row
.push-l9.span5, .row-fluid
.push-l9.span5, .row
.push-l9.span6, .row-fluid
.push-l9.span6, .row
.push-l9.span7, .row-fluid
.push-l9.span7, .row
.push-l9.span8, .row-fluid
.push-l9.span8, .row
.push-l9.span9, .row-fluid
.push-l9.span9, .row
.push-l9.span10, .row-fluid
.push-l9.span10, .row
.push-l9.span12, .row-fluid
.push-l9.span12 {
left: 75%; }
.row .col.offset-l10, .row-fluid .col.offset-l10, .row .offset-l10.span1, .row-fluid .offset-l10.span1, .row
.offset-l10.span2, .row-fluid
.offset-l10.span2, .row
.offset-l10.span3, .row-fluid
.offset-l10.span3, .row
.offset-l10.span4, .row-fluid
.offset-l10.span4, .row
.offset-l10.span5, .row-fluid
.offset-l10.span5, .row
.offset-l10.span6, .row-fluid
.offset-l10.span6, .row
.offset-l10.span7, .row-fluid
.offset-l10.span7, .row
.offset-l10.span8, .row-fluid
.offset-l10.span8, .row
.offset-l10.span9, .row-fluid
.offset-l10.span9, .row
.offset-l10.span10, .row-fluid
.offset-l10.span10, .row
.offset-l10.span12, .row-fluid
.offset-l10.span12, .row .offset10, .row-fluid .offset10 {
margin-left: 83.33333%; }
.row .col.pull-l10, .row-fluid .col.pull-l10, .row .pull-l10.span1, .row-fluid .pull-l10.span1, .row
.pull-l10.span2, .row-fluid
.pull-l10.span2, .row
.pull-l10.span3, .row-fluid
.pull-l10.span3, .row
.pull-l10.span4, .row-fluid
.pull-l10.span4, .row
.pull-l10.span5, .row-fluid
.pull-l10.span5, .row
.pull-l10.span6, .row-fluid
.pull-l10.span6, .row
.pull-l10.span7, .row-fluid
.pull-l10.span7, .row
.pull-l10.span8, .row-fluid
.pull-l10.span8, .row
.pull-l10.span9, .row-fluid
.pull-l10.span9, .row
.pull-l10.span10, .row-fluid
.pull-l10.span10, .row
.pull-l10.span12, .row-fluid
.pull-l10.span12 {
right: 83.33333%; }
.row .col.push-l10, .row-fluid .col.push-l10, .row .push-l10.span1, .row-fluid .push-l10.span1, .row
.push-l10.span2, .row-fluid
.push-l10.span2, .row
.push-l10.span3, .row-fluid
.push-l10.span3, .row
.push-l10.span4, .row-fluid
.push-l10.span4, .row
.push-l10.span5, .row-fluid
.push-l10.span5, .row
.push-l10.span6, .row-fluid
.push-l10.span6, .row
.push-l10.span7, .row-fluid
.push-l10.span7, .row
.push-l10.span8, .row-fluid
.push-l10.span8, .row
.push-l10.span9, .row-fluid
.push-l10.span9, .row
.push-l10.span10, .row-fluid
.push-l10.span10, .row
.push-l10.span12, .row-fluid
.push-l10.span12 {
left: 83.33333%; }
.row .col.offset-l11, .row-fluid .col.offset-l11, .row .offset-l11.span1, .row-fluid .offset-l11.span1, .row
.offset-l11.span2, .row-fluid
.offset-l11.span2, .row
.offset-l11.span3, .row-fluid
.offset-l11.span3, .row
.offset-l11.span4, .row-fluid
.offset-l11.span4, .row
.offset-l11.span5, .row-fluid
.offset-l11.span5, .row
.offset-l11.span6, .row-fluid
.offset-l11.span6, .row
.offset-l11.span7, .row-fluid
.offset-l11.span7, .row
.offset-l11.span8, .row-fluid
.offset-l11.span8, .row
.offset-l11.span9, .row-fluid
.offset-l11.span9, .row
.offset-l11.span10, .row-fluid
.offset-l11.span10, .row
.offset-l11.span12, .row-fluid
.offset-l11.span12, .row .offset11, .row-fluid .offset11 {
margin-left: 91.66667%; }
.row .col.pull-l11, .row-fluid .col.pull-l11, .row .pull-l11.span1, .row-fluid .pull-l11.span1, .row
.pull-l11.span2, .row-fluid
.pull-l11.span2, .row
.pull-l11.span3, .row-fluid
.pull-l11.span3, .row
.pull-l11.span4, .row-fluid
.pull-l11.span4, .row
.pull-l11.span5, .row-fluid
.pull-l11.span5, .row
.pull-l11.span6, .row-fluid
.pull-l11.span6, .row
.pull-l11.span7, .row-fluid
.pull-l11.span7, .row
.pull-l11.span8, .row-fluid
.pull-l11.span8, .row
.pull-l11.span9, .row-fluid
.pull-l11.span9, .row
.pull-l11.span10, .row-fluid
.pull-l11.span10, .row
.pull-l11.span12, .row-fluid
.pull-l11.span12 {
right: 91.66667%; }
.row .col.push-l11, .row-fluid .col.push-l11, .row .push-l11.span1, .row-fluid .push-l11.span1, .row
.push-l11.span2, .row-fluid
.push-l11.span2, .row
.push-l11.span3, .row-fluid
.push-l11.span3, .row
.push-l11.span4, .row-fluid
.push-l11.span4, .row
.push-l11.span5, .row-fluid
.push-l11.span5, .row
.push-l11.span6, .row-fluid
.push-l11.span6, .row
.push-l11.span7, .row-fluid
.push-l11.span7, .row
.push-l11.span8, .row-fluid
.push-l11.span8, .row
.push-l11.span9, .row-fluid
.push-l11.span9, .row
.push-l11.span10, .row-fluid
.push-l11.span10, .row
.push-l11.span12, .row-fluid
.push-l11.span12 {
left: 91.66667%; }
.row .col.offset-l12, .row-fluid .col.offset-l12, .row .offset-l12.span1, .row-fluid .offset-l12.span1, .row
.offset-l12.span2, .row-fluid
.offset-l12.span2, .row
.offset-l12.span3, .row-fluid
.offset-l12.span3, .row
.offset-l12.span4, .row-fluid
.offset-l12.span4, .row
.offset-l12.span5, .row-fluid
.offset-l12.span5, .row
.offset-l12.span6, .row-fluid
.offset-l12.span6, .row
.offset-l12.span7, .row-fluid
.offset-l12.span7, .row
.offset-l12.span8, .row-fluid
.offset-l12.span8, .row
.offset-l12.span9, .row-fluid
.offset-l12.span9, .row
.offset-l12.span10, .row-fluid
.offset-l12.span10, .row
.offset-l12.span12, .row-fluid
.offset-l12.span12, .row .offset12, .row-fluid .offset12 {
margin-left: 100%; }
.row .col.pull-l12, .row-fluid .col.pull-l12, .row .pull-l12.span1, .row-fluid .pull-l12.span1, .row
.pull-l12.span2, .row-fluid
.pull-l12.span2, .row
.pull-l12.span3, .row-fluid
.pull-l12.span3, .row
.pull-l12.span4, .row-fluid
.pull-l12.span4, .row
.pull-l12.span5, .row-fluid
.pull-l12.span5, .row
.pull-l12.span6, .row-fluid
.pull-l12.span6, .row
.pull-l12.span7, .row-fluid
.pull-l12.span7, .row
.pull-l12.span8, .row-fluid
.pull-l12.span8, .row
.pull-l12.span9, .row-fluid
.pull-l12.span9, .row
.pull-l12.span10, .row-fluid
.pull-l12.span10, .row
.pull-l12.span12, .row-fluid
.pull-l12.span12 {
right: 100%; }
.row .col.push-l12, .row-fluid .col.push-l12, .row .push-l12.span1, .row-fluid .push-l12.span1, .row
.push-l12.span2, .row-fluid
.push-l12.span2, .row
.push-l12.span3, .row-fluid
.push-l12.span3, .row
.push-l12.span4, .row-fluid
.push-l12.span4, .row
.push-l12.span5, .row-fluid
.push-l12.span5, .row
.push-l12.span6, .row-fluid
.push-l12.span6, .row
.push-l12.span7, .row-fluid
.push-l12.span7, .row
.push-l12.span8, .row-fluid
.push-l12.span8, .row
.push-l12.span9, .row-fluid
.push-l12.span9, .row
.push-l12.span10, .row-fluid
.push-l12.span10, .row
.push-l12.span12, .row-fluid
.push-l12.span12 {
left: 100%; } }
a {
text-decoration: none; }
html {
line-height: 1.5;
font-family: "Roboto", sans-serif;
font-weight: normal;
color: rgba(0, 0, 0, 0.87); }
@media only screen and (min-width: 0) {
html {
font-size: 14px; } }
@media only screen and (min-width: 992px) {
html {
font-size: 14.5px; } }
@media only screen and (min-width: 1200px) {
html {
font-size: 15px; } }
h1, h2, h3, h4, h5, h6 {
font-weight: 400;
line-height: 1.1; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight: inherit; }
h1 {
font-size: 4.2rem;
line-height: 110%;
margin: 2.1rem 0 1.68rem 0; }
h2 {
font-size: 3.56rem;
line-height: 110%;
margin: 1.78rem 0 1.424rem 0; }
h3 {
font-size: 2.92rem;
line-height: 110%;
margin: 1.46rem 0 1.168rem 0; }
h4 {
font-size: 2.28rem;
line-height: 110%;
margin: 1.14rem 0 0.912rem 0; }
h5 {
font-size: 1.64rem;
line-height: 110%;
margin: 0.82rem 0 0.656rem 0; }
h6 {
font-size: 1rem;
line-height: 110%;
margin: 0.5rem 0 0.4rem 0; }
em {
font-style: italic; }
small {
font-size: 75%; }
.light, .page-footer .footer-copyright {
font-weight: 300; }
.thin {
font-weight: 200; }
.flow-text {
font-weight: 300; }
@media only screen and (min-width: 360px) {
.flow-text {
font-size: 1.2rem; } }
@media only screen and (min-width: 390px) {
.flow-text {
font-size: 1.224rem; } }
@media only screen and (min-width: 420px) {
.flow-text {
font-size: 1.248rem; } }
@media only screen and (min-width: 450px) {
.flow-text {
font-size: 1.272rem; } }
@media only screen and (min-width: 480px) {
.flow-text {
font-size: 1.296rem; } }
@media only screen and (min-width: 510px) {
.flow-text {
font-size: 1.32rem; } }
@media only screen and (min-width: 540px) {
.flow-text {
font-size: 1.344rem; } }
@media only screen and (min-width: 570px) {
.flow-text {
font-size: 1.368rem; } }
@media only screen and (min-width: 600px) {
.flow-text {
font-size: 1.392rem; } }
@media only screen and (min-width: 630px) {
.flow-text {
font-size: 1.416rem; } }
@media only screen and (min-width: 660px) {
.flow-text {
font-size: 1.44rem; } }
@media only screen and (min-width: 690px) {
.flow-text {
font-size: 1.464rem; } }
@media only screen and (min-width: 720px) {
.flow-text {
font-size: 1.488rem; } }
@media only screen and (min-width: 750px) {
.flow-text {
font-size: 1.512rem; } }
@media only screen and (min-width: 780px) {
.flow-text {
font-size: 1.536rem; } }
@media only screen and (min-width: 810px) {
.flow-text {
font-size: 1.56rem; } }
@media only screen and (min-width: 840px) {
.flow-text {
font-size: 1.584rem; } }
@media only screen and (min-width: 870px) {
.flow-text {
font-size: 1.608rem; } }
@media only screen and (min-width: 900px) {
.flow-text {
font-size: 1.632rem; } }
@media only screen and (min-width: 930px) {
.flow-text {
font-size: 1.656rem; } }
@media only screen and (min-width: 960px) {
.flow-text {
font-size: 1.68rem; } }
@media only screen and (max-width: 360px) {
.flow-text {
font-size: 1.2rem; } }
.scale-transition {
transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important; }
.scale-transition.scale-out {
transform: scale(0);
transition: transform .2s !important; }
.scale-transition.scale-in {
transform: scale(1); }
.tabs {
position: relative;
overflow-x: auto;
overflow-y: hidden;
/*height: 48px;
width: 100%;
background-color: $tabs-bg-color;
margin: 0 auto;
white-space: nowrap;*/ }
.tabs.tabs-transparent {
background-color: transparent; }
.tabs.tabs-transparent .tab a,
.tabs.tabs-transparent .tab.disabled a,
.tabs.tabs-transparent .tab.disabled a:hover {
color: rgba(0, 152, 217, 0.7); }
.tabs.tabs-transparent .tab a:hover,
.tabs.tabs-transparent .tab a.active {
color: #019BF2; }
.tabs.tabs-transparent .indicator {
background-color: #019BF2; }
.tabs.tabs-fixed-width {
display: flex; }
.tabs.tabs-fixed-width .tab {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.tabs .tab {
display: inline-block;
text-align: center;
line-height: 48px;
height: 48px;
padding: 0;
margin: 0;
text-transform: uppercase; }
.tabs .tab a {
color: rgba(2, 153, 216, 0.6);
display: block;
width: 100%;
height: 100%;
padding: 0 24px;
font-size: 14px;
text-overflow: ellipsis;
overflow: hidden;
transition: color .28s ease; }
.tabs .tab a:hover, .tabs .tab a.active {
background-color: transparent;
color: #019BF2; }
.tabs .tab.disabled a,
.tabs .tab.disabled a:hover {
color: rgba(2, 153, 216, 0.6);
cursor: default; }
.tabs .indicator {
position: absolute;
bottom: 0;
height: 2px;
background-color: rgba(2, 153, 216, 0.7);
will-change: left, right; }
.tabs.pasos {
position: relative;
overflow-x: auto;
overflow-y: hidden;
/*height: 48px;
width: 100%;
background-color: $tabs-bg-color;
margin: 0 auto;
white-space: nowrap;*/ }
.tabs.pasos.tabs-transparent {
background-color: transparent; }
.tabs.pasos.tabs-transparent .tab a,
.tabs.pasos.tabs-transparent .tab.disabled a,
.tabs.pasos.tabs-transparent .tab.disabled a:hover {
color: rgba(0, 152, 217, 0.7); }
.tabs.pasos.tabs-transparent .tab a:hover,
.tabs.pasos.tabs-transparent .tab a.active {
color: #019BF2; }
.tabs.pasos.tabs-transparent .indicator {
background-color: #019BF2; }
.tabs.pasos.tabs-fixed-width {
display: flex; }
.tabs.pasos.tabs-fixed-width .tab {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.tabs.pasos .tab {
display: inline-block;
text-align: center;
line-height: 48px;
height: 48px;
padding: 0;
margin: 0;
text-transform: uppercase;
border-radius: 40px;
background-color: #CCC;
max-width: 160px; }
.tabs.pasos .tab a {
color: rgba(2, 153, 216, 0.6);
display: block;
width: 100%;
height: 100%;
padding: 0 24px;
font-size: 14px;
text-overflow: ellipsis;
overflow: hidden;
transition: color .28s ease; }
.tabs.pasos .tab a:hover, .tabs .tab a.active {
background-color: transparent;
color: #019BF2; }
.tabs.pasos .tab.disabled a,
.tabs.pasos .tab.disabled a:hover {
color: rgba(2, 153, 216, 0.6);
cursor: default; }
.tabs.pasos .indicator {
position: absolute;
bottom: 0;
height: 2px;
background-color: rgba(2, 153, 216, 0.7);
will-change: left, right; }
.tabs.tabscr--pills {
height: 40px;
text-align: center; }
.tabs.tabscr--pills .tab {
line-height: 40px;
height: 40px;
flex-grow: 0; }
.tabs.tabscr--pills a {
transition: all .28s ease;
font-size: 16px;
color: #86888C;
font-weight: normal;
border-radius: 0px;
text-transform: none;
height: 40px;
line-height: 40px;
position: relative;
z-index: 2;
max-width: 200px; }
.tabs.tabscr--pills a:hover {
color: #019BF2; }
.tabs.tabscr--pills a:hover.active {
color: #fff; }
.tabs.tabscr--pills a.active {
color: #fff; }
.tabs.tabscr--pills .indicator {
height: 40px;
line-height: 40px;
border-radius: 40px;
background-color: #019BF2;
z-index: 1; }
.tabs.cr {
position: relative;
overflow-x: auto;
overflow-y: hidden;
/*height: 48px;
width: 100%;
background-color: $tabs-bg-color;
margin: 0 auto;
white-space: nowrap;*/ }
.tabs.cr.tabs-transparent {
background-color: transparent; }
.tabs.cr.tabs-transparent .tab a,
.tabs.cr.tabs-transparent .tab.disabled a,
.tabs.cr.tabs-transparent .tab.disabled a:hover {
color: rgba(0, 152, 217, 0.7); }
.tabs.cr.tabs-transparent .tab a:hover,
.tabs.cr.tabs-transparent .tab a.active {
color: #019BF2; }
.tabs.cr.tabs-transparent .indicator {
background-color: #019BF2; }
.tabs.cr.tabs-fixed-width {
display: flex; }
.tabs.cr.tabs-fixed-width .tab {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.tabs.cr .tab {
display: inline-block;
text-align: center;
line-height: 48px;
height: 48px;
padding: 0;
margin: 0;
text-transform: uppercase; }
.tabs.cr .tab a {
color: rgba(2, 153, 216, 0.6);
display: block;
width: 100%;
height: 100%;
padding: 0 24px;
font-size: 14px;
text-overflow: ellipsis;
overflow: hidden;
transition: color .28s ease; }
.tabs.cr .tab a:hover, .tabs .tab a.active {
background-color: transparent;
color: #019BF2; }
.tabs.cr .tab.disabled a,
.tabs.cr .tab.disabled a:hover {
color: rgba(2, 153, 216, 0.6);
cursor: default; }
.tabs.cr .indicator {
position: absolute;
bottom: 0;
height: 2px;
background-color: rgba(2, 153, 216, 0.7);
will-change: left, right; }
.tabs.tabs--pills {
height: 40px;
text-align: center; }
.tabs.tabs--pills .tab {
line-height: 40px;
height: 40px;
flex-grow: 0; }
.tabs.tabs--pills a {
transition: all .28s ease;
font-size: 18px;
color: #86888C;
font-weight: normal;
border-radius: 0px;
text-transform: none;
height: 40px;
line-height: 40px;
position: relative;
z-index: 2;
max-width: 144px; }
.tabs.tabs--pills a:hover {
color: #019BF2; }
.tabs.tabs--pills a:hover.active {
color: #fff; }
.tabs.tabs--pills a.active {
color: #fff; }
.tabs.tabs--pills .indicator {
height: 40px;
line-height: 40px;
border-radius: 40px;
background-color: #019BF2;
z-index: 1; }
.tabs.tabs--progress {
height: 24px;
text-align: center; }
.tabs.tabs--progress .tab {
line-height: 24px;
height: 24px;
flex-grow: 0; }
.tabs.tabs--progress a {
transition: all .28s ease;
font-size: 18px;
color: #86888C;
font-weight: normal;
border-radius: 0px;
text-transform: none;
height: 24px;
line-height: 24px;
position: relative;
z-index: 2;
min-width: 26px;
padding: 0 7px;
cursor: text; }
.tabs.tabs--progress a:hover {
color: #019BF2; }
.tabs.tabs--progress a:hover.active {
color: #fff; }
.tabs.tabs--progress a.active {
color: #fff; }
.tabs.tabs--progress a.previousActive {
color: rgba(255, 255, 255, 0.5); }
.tabs.tabs--progress .indicator {
height: 24px;
line-height: 24px;
border-radius: 40px;
background-color: #019BF2;
z-index: 1;
left: 0 !important; }
.tab-panel {
display: none;
position: relative; }
.tab-panel.active {
display: block; }
.material-tooltip {
padding: 10px 8px;
font-size: 1rem;
z-index: 2000;
background-color: transparent;
border-radius: 2px;
color: #fff;
min-height: 36px;
line-height: 120%;
opacity: 0;
position: absolute;
text-align: center;
max-width: calc(100% - 4px);
overflow: hidden;
left: 0;
top: 0;
pointer-events: none;
visibility: hidden; }
.backdrop {
position: absolute;
opacity: 0;
height: 7px;
width: 14px;
border-radius: 0 0 50% 50%;
background-color: #323232;
z-index: -1;
transform-origin: 50% 0%;
visibility: hidden; }
.btn, .btn-large,
.btn-flat {
border: none;
border-radius: 2px;
display: inline-block;
height: 36px;
line-height: 36px;
padding: 0 2rem;
vertical-align: middle;
-webkit-tap-highlight-color: transparent; }
.btn [class^="icon-"], .btn-large [class^="icon-"],
.btn [class*=" icon-"], .btn-large [class*=" icon-"],
.btn-flat [class^="icon-"],
.btn-flat [class*=" icon-"] {
vertical-align: middle; }
.btn.disabled, .disabled.btn-large,
.btn-floating.disabled,
.btn-large.disabled,
.btn-flat.disabled,
.btn:disabled,
.btn-large:disabled,
.btn-floating:disabled,
.btn-large:disabled,
.btn-flat:disabled,
.btn[disabled],
[disabled].btn-large,
.btn-floating[disabled],
.btn-large[disabled],
.btn-flat[disabled] {
pointer-events: none;
background-color: #DFDFDF !important;
box-shadow: none;
color: #9F9F9F !important;
cursor: default; }
.btn.disabled:hover, .disabled.btn-large:hover,
.btn-floating.disabled:hover,
.btn-large.disabled:hover,
.btn-flat.disabled:hover,
.btn:disabled:hover,
.btn-large:disabled:hover,
.btn-floating:disabled:hover,
.btn-large:disabled:hover,
.btn-flat:disabled:hover,
.btn[disabled]:hover,
[disabled].btn-large:hover,
.btn-floating[disabled]:hover,
.btn-large[disabled]:hover,
.btn-flat[disabled]:hover {
background-color: #DFDFDF !important;
color: #9F9F9F !important; }
.btn, .btn-large,
.btn-floating,
.btn-large,
.btn-flat {
font-size: 1rem;
outline: 0; }
.btn i, .btn-large i,
.btn-floating i,
.btn-large i,
.btn-flat i {
font-size: 1.3rem;
line-height: inherit; }
.btn:focus, .btn-large:focus,
.btn-floating:focus {
background-color: #3d8d01; }
.btn, .btn-large {
text-decoration: none;
color: #fff;
background-color: #53bf02;
text-align: center;
letter-spacing: .5px;
transition: .2s ease-out;
cursor: pointer; }
.btn:hover, .btn-large:hover {
background-color: #5ed802; }
.btn-floating {
display: inline-block;
color: #fff;
position: relative;
overflow: hidden;
z-index: 1;
width: 40px;
height: 40px;
line-height: 40px;
padding: 0;
background-color: #53bf02;
border-radius: 50%;
transition: .3s;
cursor: pointer;
vertical-align: middle; }
.btn-floating:hover {
background-color: #53bf02; }
.btn-floating:before {
border-radius: 0; }
.btn-floating.btn-large {
width: 56px;
height: 56px; }
.btn-floating.btn-large.halfway-fab {
bottom: -28px; }
.btn-floating.btn-large i {
line-height: 56px; }
.btn-floating.halfway-fab {
position: absolute;
right: 24px;
bottom: -20px; }
.btn-floating.halfway-fab.left {
right: auto;
left: 24px; }
.btn-floating i {
width: inherit;
display: inline-block;
text-align: center;
color: #fff;
font-size: 1.6rem;
line-height: 40px; }
button.btn-floating {
border: none; }
.fixed-action-btn {
position: fixed;
right: 23px;
bottom: 23px;
padding-top: 15px;
margin-bottom: 0;
z-index: 998; }
.fixed-action-btn.active ul {
visibility: visible; }
.fixed-action-btn.horizontal {
padding: 0 0 0 15px; }
.fixed-action-btn.horizontal ul {
text-align: right;
right: 64px;
top: 50%;
transform: translateY(-50%);
height: 100%;
left: auto;
width: 500px;
/*width 100% only goes to width of button container */ }
.fixed-action-btn.horizontal ul li {
display: inline-block;
margin: 15px 15px 0 0; }
.fixed-action-btn.toolbar {
padding: 0;
height: 56px; }
.fixed-action-btn.toolbar.active > a i {
opacity: 0; }
.fixed-action-btn.toolbar ul {
display: flex;
top: 0;
bottom: 0; }
.fixed-action-btn.toolbar ul li {
flex: 1;
display: inline-block;
margin: 0;
height: 100%;
transition: none; }
.fixed-action-btn.toolbar ul li a {
display: block;
overflow: hidden;
position: relative;
width: 100%;
height: 100%;
background-color: transparent;
box-shadow: none;
color: #fff;
line-height: 56px;
z-index: 1; }
.fixed-action-btn.toolbar ul li a i {
line-height: inherit; }
.fixed-action-btn ul {
left: 0;
right: 0;
text-align: center;
position: absolute;
bottom: 64px;
margin: 0;
visibility: hidden; }
.fixed-action-btn ul li {
margin-bottom: 15px; }
.fixed-action-btn ul a.btn-floating {
opacity: 0; }
.fixed-action-btn .fab-backdrop {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 40px;
height: 40px;
background-color: #53bf02;
border-radius: 50%;
transform: scale(0); }
.btn-flat {
box-shadow: none;
background-color: transparent;
color: #343434;
cursor: pointer;
transition: background-color .2s; }
.btn-flat:focus, .btn-flat:active {
background-color: transparent; }
.btn-flat:focus, .btn-flat:hover {
background-color: rgba(0, 0, 0, 0.1);
box-shadow: none; }
.btn-flat:active {
background-color: rgba(0, 0, 0, 0.2); }
.btn-flat.disabled {
background-color: transparent !important;
color: #b3b3b3 !important;
cursor: default; }
.btn-large {
height: 54px;
line-height: 54px; }
.btn-large i {
font-size: 1.6rem; }
.btn-block {
display: block; }
.dropdown-content {
background-color: #fff;
margin: 0;
display: none;
min-width: 100px;
max-height: 650px;
overflow-y: auto;
opacity: 0;
position: absolute;
z-index: 999;
will-change: width, height; }
.dropdown-content li {
clear: both;
color: rgba(0, 0, 0, 0.87);
cursor: pointer;
min-height: 50px;
line-height: 1.5rem;
width: 100%;
text-align: left;
text-transform: none; }
.dropdown-content li:hover, .dropdown-content li.active, .dropdown-content li.selected {
background-color: #eee; }
.dropdown-content li.active.selected {
background-color: #e1e1e1; }
.dropdown-content li.divider {
min-height: 0;
height: 1px; }
.dropdown-content li > a, .dropdown-content li > span {
font-size: 16px;
color: #019BF2;
display: block;
line-height: 22px;
padding: 14px 16px; }
.dropdown-content li > span > label {
top: 1px;
left: 0;
height: 18px; }
.dropdown-content li > a > i {
height: inherit;
line-height: inherit;
float: left;
margin: 0 24px 0 0;
width: 24px; }
.input-field.col .dropdown-content [type="checkbox"] + label, .input-field.span1 .dropdown-content [type="checkbox"] + label,
.input-field.span2 .dropdown-content [type="checkbox"] + label,
.input-field.span3 .dropdown-content [type="checkbox"] + label,
.input-field.span4 .dropdown-content [type="checkbox"] + label,
.input-field.span5 .dropdown-content [type="checkbox"] + label,
.input-field.span6 .dropdown-content [type="checkbox"] + label,
.input-field.span7 .dropdown-content [type="checkbox"] + label,
.input-field.span8 .dropdown-content [type="checkbox"] + label,
.input-field.span9 .dropdown-content [type="checkbox"] + label,
.input-field.span10 .dropdown-content [type="checkbox"] + label,
.input-field.span12 .dropdown-content [type="checkbox"] + label {
top: 1px;
left: 0;
height: 18px; }
/*!
* Waves v0.6.0
* http://fian.my.id/Waves
*
* Copyright 2014 Alfiana E. Sibuea and other contributors
* Released under the MIT license
* https://github.com/fians/Waves/blob/master/LICENSE
*/
.waves-effect {
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
user-select: none;
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
z-index: 1;
transition: .3s ease-out; }
.waves-effect .waves-ripple {
position: absolute;
border-radius: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
opacity: 0;
background: rgba(0, 0, 0, 0.2);
transition: all 0.7s ease-out;
transition-property: transform, opacity;
transform: scale(0);
pointer-events: none; }
.waves-effect.waves-light .waves-ripple {
background-color: rgba(255, 255, 255, 0.45); }
.waves-effect.waves-red .waves-ripple {
background-color: rgba(244, 67, 54, 0.7); }
.waves-effect.waves-yellow .waves-ripple {
background-color: rgba(255, 235, 59, 0.7); }
.waves-effect.waves-orange .waves-ripple {
background-color: rgba(255, 152, 0, 0.7); }
.waves-effect.waves-purple .waves-ripple {
background-color: rgba(156, 39, 176, 0.7); }
.waves-effect.waves-green .waves-ripple {
background-color: rgba(76, 175, 80, 0.7); }
.waves-effect.waves-teal .waves-ripple {
background-color: rgba(0, 150, 136, 0.7); }
.waves-effect input[type="button"], .waves-effect input[type="reset"], .waves-effect input[type="submit"] {
border: 0;
font-style: normal;
font-size: inherit;
text-transform: inherit;
background: none; }
.waves-effect img {
position: relative;
z-index: -1; }
.waves-notransition {
transition: none !important; }
.waves-circle {
transform: translateZ(0);
-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); }
.waves-input-wrapper {
border-radius: 0.2em;
vertical-align: bottom; }
.waves-input-wrapper .waves-button-input {
position: relative;
top: 0;
left: 0;
z-index: 1; }
.waves-circle {
text-align: center;
width: 2.5em;
height: 2.5em;
line-height: 2.5em;
border-radius: 50%;
-webkit-mask-image: none; }
.waves-block {
display: block; }
/* Firefox Bug: link not triggered */
.waves-effect .waves-ripple {
z-index: -1; }
.modal {
display: none;
position: fixed;
left: 0;
right: 0;
background-color: #fafafa;
padding: 0;
max-height: 70%;
width: 55%;
margin: auto;
overflow-y: auto;
border-radius: 2px;
will-change: top, opacity; }
@media only screen and (max-width: 992px) {
.modal {
width: 80%; } }
.modal h1, .modal h2, .modal h3, .modal h4 {
margin-top: 0; }
.modal .modal-header {
padding: 19px 0 21px 16px;
position: relative; }
.modal .modal-header::after {
content: '';
display: table;
clear: both; }
.modal .modal-header__title {
font-weight: 300;
font-size: 24px;
margin: 0; }
.modal .modal-header__close {
position: absolute;
top: 14px;
right: 0; }
.modal .modal-content {
padding: 0px 24px; }
@media only screen and (min-width: 601px) {
.modal .modal-content {
padding: 24px; } }
.modal .modal-close {
cursor: pointer; }
.modal .modal-footer {
border-radius: 0 0 2px 2px;
background-color: #fafafa;
padding: 4px 6px;
height: 56px;
width: 100%; }
.modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-flat {
float: right;
margin: 6px 0; }
.modal-overlay {
position: fixed;
z-index: 999;
top: -100px;
left: 0;
bottom: 0;
right: 0;
height: 125%;
width: 100%;
background: #e9eae8;
display: none;
will-change: opacity; }
.modal.modal-fixed-footer {
padding: 0;
height: 70%; }
.modal.modal-fixed-footer .modal-content {
position: absolute;
height: calc(100% - 56px);
max-height: 100%;
width: 100%;
overflow-y: auto; }
.modal.modal-fixed-footer .modal-footer {
border-top: 1px solid rgba(0, 0, 0, 0.1);
position: absolute;
bottom: 0; }
.modal.bottom-sheet {
top: auto;
bottom: -100%;
margin: 0;
width: 100%;
max-height: 65%;
border-radius: 0;
will-change: bottom, opacity; }
.modal.bottom-sheet.search-modal {
max-height: none;
box-shadow: none;
height: calc(100% - 120px);
background-color: #fff;
box-shadow: inset rgba(0, 0, 0, 0.14) 0px 2px 2px 0px; }
.scrolling--down .modal.bottom-sheet.search-modal {
height: calc(100% - 72px); }
.modal.modal-large {
width: 100%;
height: 100%;
max-height: none;
max-width: 1280px;
background: #fff; }
@media only screen and (min-width: 601px) {
.modal.modal-large {
width: 90%;
height: auto;
max-height: 90%;
max-width: 1280px; } }
.collapsible {
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
margin: 0.5rem 0 1rem 0; }
.collapsible-header {
display: block;
cursor: pointer;
min-height: 3rem;
line-height: 3rem;
padding: 0 1rem;
background-color: #fff;
border-bottom: 1px solid #ddd; }
.collapsible-header i {
width: 2rem;
font-size: 1.6rem;
line-height: 3rem;
display: block;
float: left;
text-align: center;
margin-right: 1rem; }
.collapsible-body {
display: none;
border-bottom: 1px solid #ddd;
box-sizing: border-box;
padding: 2rem; }
.side-nav .collapsible,
.side-nav.fixed .collapsible {
border: none;
box-shadow: none; }
.side-nav .collapsible li,
.side-nav.fixed .collapsible li {
padding: 0; }
.side-nav .collapsible-header,
.side-nav.fixed .collapsible-header {
background-color: transparent;
border: none;
line-height: inherit;
height: inherit;
padding: 0 16px; }
.side-nav .collapsible-header:hover,
.side-nav.fixed .collapsible-header:hover {
background-color: rgba(0, 0, 0, 0.05); }
.side-nav .collapsible-header i,
.side-nav.fixed .collapsible-header i {
line-height: inherit; }
.side-nav .collapsible-body,
.side-nav.fixed .collapsible-body {
border: 0;
background-color: #fff; }
.side-nav .collapsible-body li a,
.side-nav.fixed .collapsible-body li a {
padding: 0 23.5px 0 31px; }
.collapsible.popout {
border: none;
box-shadow: none; }
.collapsible.popout > li {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
margin: 0 24px;
transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.collapsible.popout > li.active {
box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
margin: 16px 0; }
.chip {
display: inline-block;
height: 32px;
font-size: 13px;
font-weight: 500;
color: rgba(0, 0, 0, 0.6);
line-height: 32px;
padding: 0 12px;
border-radius: 16px;
background-color: #e4e4e4;
margin-bottom: 5px;
margin-right: 5px; }
.chip > img {
float: left;
margin: 0 8px 0 -12px;
height: 32px;
width: 32px;
border-radius: 50%; }
.chip .close {
cursor: pointer;
float: right;
font-size: 16px;
line-height: 32px;
padding-left: 8px; }
.chips {
border: none;
border-bottom: 1px solid #9e9e9e;
box-shadow: none;
margin: 0 0 20px 0;
min-height: 45px;
outline: none;
transition: all .3s; }
.chips.focus {
border-bottom: 1px solid #26a69a;
box-shadow: 0 1px 0 0 #26a69a; }
.chips:hover {
cursor: text; }
.chips .chip.selected {
background-color: #26a69a;
color: #fff; }
.chips .input {
background: none;
border: 0;
color: rgba(0, 0, 0, 0.6);
display: inline-block;
font-size: 1rem;
height: 3rem;
line-height: 32px;
outline: 0;
margin: 0;
padding: 0 !important;
width: 120px !important; }
.chips .input:focus {
border: 0 !important;
box-shadow: none !important; }
.chips .autocomplete-content {
margin-top: 0; }
.prefix ~ .chips {
margin-left: 3rem;
width: 92%;
width: calc(100% - 3rem); }
.chips:empty ~ label {
font-size: 0.8rem;
transform: translateY(-140%); }
.materialboxed {
display: block;
cursor: zoom-in;
position: relative;
transition: opacity .4s;
-webkit-backface-visibility: hidden; }
.materialboxed:hover:not(.active) {
opacity: .8; }
.materialboxed.active {
cursor: zoom-out; }
#materialbox-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #292929;
z-index: 1000;
will-change: opacity; }
.materialbox-caption {
position: fixed;
display: none;
color: #fff;
line-height: 50px;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
padding: 0% 15%;
height: 50px;
z-index: 1000;
-webkit-font-smoothing: antialiased; }
select:focus {
outline: 1px solid #d3feb3; }
button:focus {
outline: none;
background-color: #5cd302; }
label {
font-size: 0.8rem;
color: #9e9e9e; }
input {
font-size: 16px; }
/* $input-height: 3rem !default;
$input-border-color: #9e9e9e !default;
$input-border: 1px solid $input-border-color !default;
$input-background: #fff !default;
$input-error-color: $error-color !default;
$input-success-color: $success-color !default;
$input-focus-color: $secondary-color !default;
$input-font-size: 1rem !default;
$input-margin-bottom: 20px;
$input-margin: 0 0 $input-margin-bottom 0 !default;
$input-padding: 0 !default;
$input-transition: all .3s !default;
$label-font-size: .8rem !default;
$input-disabled-color: rgba(0,0,0, .26) !default;
$input-disabled-solid-color: #BDBDBD !default;
$input-disabled-border: 1px dotted $input-disabled-color !default;
$input-invalid-border: 1px solid $input-error-color !default;
$placeholder-text-color: lighten($input-border-color, 20%) !default; */
::placeholder {
color: #d1d1d1; }
input:not([type]).md,
input[type=text]:not(.browser-default).md,
input[type=password]:not(.browser-default).md,
input[type=email]:not(.browser-default).md,
input[type=url]:not(.browser-default).md,
input[type=time]:not(.browser-default).md,
input[type=date]:not(.browser-default).md,
input[type=datetime]:not(.browser-default).md,
input[type=datetime-local]:not(.browser-default).md,
input[type=tel]:not(.browser-default).md,
input[type=number]:not(.browser-default).md,
input[type=search]:not(.browser-default).md,
textarea.materialize-textarea.md {
background-color: #ebeae6;
border: 1px solid transparent;
border-radius: 4px;
outline: none;
height: 3rem;
width: 100%;
font-size: 1rem;
margin: 0 0 10px 0;
padding: 0 15px;
box-shadow: none;
box-sizing: border-box;
transition: all 0.3s;
color: #50535A; }
input:not([type]).md:disabled, input:not([type]).md[readonly="readonly"],
input[type=text]:not(.browser-default).md:disabled,
input[type=text]:not(.browser-default).md[readonly="readonly"],
input[type=password]:not(.browser-default).md:disabled,
input[type=password]:not(.browser-default).md[readonly="readonly"],
input[type=email]:not(.browser-default).md:disabled,
input[type=email]:not(.browser-default).md[readonly="readonly"],
input[type=url]:not(.browser-default).md:disabled,
input[type=url]:not(.browser-default).md[readonly="readonly"],
input[type=time]:not(.browser-default).md:disabled,
input[type=time]:not(.browser-default).md[readonly="readonly"],
input[type=date]:not(.browser-default).md:disabled,
input[type=date]:not(.browser-default).md[readonly="readonly"],
input[type=datetime]:not(.browser-default).md:disabled,
input[type=datetime]:not(.browser-default).md[readonly="readonly"],
input[type=datetime-local]:not(.browser-default).md:disabled,
input[type=datetime-local]:not(.browser-default).md[readonly="readonly"],
input[type=tel]:not(.browser-default).md:disabled,
input[type=tel]:not(.browser-default).md[readonly="readonly"],
input[type=number]:not(.browser-default).md:disabled,
input[type=number]:not(.browser-default).md[readonly="readonly"],
input[type=search]:not(.browser-default).md:disabled,
input[type=search]:not(.browser-default).md[readonly="readonly"],
textarea.materialize-textarea.md:disabled,
textarea.materialize-textarea.md[readonly="readonly"] {
color: #e3e1de;
background-color: #efeeeb; }
input:not([type]).md:disabled + label,
input:not([type]).md[readonly="readonly"] + label,
input[type=text]:not(.browser-default).md:disabled + label,
input[type=text]:not(.browser-default).md[readonly="readonly"] + label,
input[type=password]:not(.browser-default).md:disabled + label,
input[type=password]:not(.browser-default).md[readonly="readonly"] + label,
input[type=email]:not(.browser-default).md:disabled + label,
input[type=email]:not(.browser-default).md[readonly="readonly"] + label,
input[type=url]:not(.browser-default).md:disabled + label,
input[type=url]:not(.browser-default).md[readonly="readonly"] + label,
input[type=time]:not(.browser-default).md:disabled + label,
input[type=time]:not(.browser-default).md[readonly="readonly"] + label,
input[type=date]:not(.browser-default).md:disabled + label,
input[type=date]:not(.browser-default).md[readonly="readonly"] + label,
input[type=datetime]:not(.browser-default).md:disabled + label,
input[type=datetime]:not(.browser-default).md[readonly="readonly"] + label,
input[type=datetime-local]:not(.browser-default).md:disabled + label,
input[type=datetime-local]:not(.browser-default).md[readonly="readonly"] + label,
input[type=tel]:not(.browser-default).md:disabled + label,
input[type=tel]:not(.browser-default).md[readonly="readonly"] + label,
input[type=number]:not(.browser-default).md:disabled + label,
input[type=number]:not(.browser-default).md[readonly="readonly"] + label,
input[type=search]:not(.browser-default).md:disabled + label,
input[type=search]:not(.browser-default).md[readonly="readonly"] + label,
textarea.materialize-textarea.md:disabled + label,
textarea.materialize-textarea.md[readonly="readonly"] + label {
color: #e3e1de; }
input:not([type]).md:focus:not([readonly]),
input[type=text]:not(.browser-default).md:focus:not([readonly]),
input[type=password]:not(.browser-default).md:focus:not([readonly]),
input[type=email]:not(.browser-default).md:focus:not([readonly]),
input[type=url]:not(.browser-default).md:focus:not([readonly]),
input[type=time]:not(.browser-default).md:focus:not([readonly]),
input[type=date]:not(.browser-default).md:focus:not([readonly]),
input[type=datetime]:not(.browser-default).md:focus:not([readonly]),
input[type=datetime-local]:not(.browser-default).md:focus:not([readonly]),
input[type=tel]:not(.browser-default).md:focus:not([readonly]),
input[type=number]:not(.browser-default).md:focus:not([readonly]),
input[type=search]:not(.browser-default).md:focus:not([readonly]),
textarea.materialize-textarea.md:focus:not([readonly]) {
border: 1px solid #0098d8;
background-color: transparent; }
input:not([type]).md:focus:not([readonly]) + label,
input[type=text]:not(.browser-default).md:focus:not([readonly]) + label,
input[type=password]:not(.browser-default).md:focus:not([readonly]) + label,
input[type=email]:not(.browser-default).md:focus:not([readonly]) + label,
input[type=url]:not(.browser-default).md:focus:not([readonly]) + label,
input[type=time]:not(.browser-default).md:focus:not([readonly]) + label,
input[type=date]:not(.browser-default).md:focus:not([readonly]) + label,
input[type=datetime]:not(.browser-default).md:focus:not([readonly]) + label,
input[type=datetime-local]:not(.browser-default).md:focus:not([readonly]) + label,
input[type=tel]:not(.browser-default).md:focus:not([readonly]) + label,
input[type=number]:not(.browser-default).md:focus:not([readonly]) + label,
input[type=search]:not(.browser-default).md:focus:not([readonly]) + label,
textarea.materialize-textarea.md:focus:not([readonly]) + label {
color: #0098d8; }
input:not([type]).md.valid, input:not([type]).md:focus.valid,
input[type=text]:not(.browser-default).md.valid,
input[type=text]:not(.browser-default).md:focus.valid,
input[type=password]:not(.browser-default).md.valid,
input[type=password]:not(.browser-default).md:focus.valid,
input[type=email]:not(.browser-default).md.valid,
input[type=email]:not(.browser-default).md:focus.valid,
input[type=url]:not(.browser-default).md.valid,
input[type=url]:not(.browser-default).md:focus.valid,
input[type=time]:not(.browser-default).md.valid,
input[type=time]:not(.browser-default).md:focus.valid,
input[type=date]:not(.browser-default).md.valid,
input[type=date]:not(.browser-default).md:focus.valid,
input[type=datetime]:not(.browser-default).md.valid,
input[type=datetime]:not(.browser-default).md:focus.valid,
input[type=datetime-local]:not(.browser-default).md.valid,
input[type=datetime-local]:not(.browser-default).md:focus.valid,
input[type=tel]:not(.browser-default).md.valid,
input[type=tel]:not(.browser-default).md:focus.valid,
input[type=number]:not(.browser-default).md.valid,
input[type=number]:not(.browser-default).md:focus.valid,
input[type=search]:not(.browser-default).md.valid,
input[type=search]:not(.browser-default).md:focus.valid,
textarea.materialize-textarea.md.valid,
textarea.materialize-textarea.md:focus.valid {
border: 1px solid black;
background-color: transparent; }
input:not([type]).md.valid + label:after,
input:not([type]).md:focus.valid + label:after,
input[type=text]:not(.browser-default).md.valid + label:after,
input[type=text]:not(.browser-default).md:focus.valid + label:after,
input[type=password]:not(.browser-default).md.valid + label:after,
input[type=password]:not(.browser-default).md:focus.valid + label:after,
input[type=email]:not(.browser-default).md.valid + label:after,
input[type=email]:not(.browser-default).md:focus.valid + label:after,
input[type=url]:not(.browser-default).md.valid + label:after,
input[type=url]:not(.browser-default).md:focus.valid + label:after,
input[type=time]:not(.browser-default).md.valid + label:after,
input[type=time]:not(.browser-default).md:focus.valid + label:after,
input[type=date]:not(.browser-default).md.valid + label:after,
input[type=date]:not(.browser-default).md:focus.valid + label:after,
input[type=datetime]:not(.browser-default).md.valid + label:after,
input[type=datetime]:not(.browser-default).md:focus.valid + label:after,
input[type=datetime-local]:not(.browser-default).md.valid + label:after,
input[type=datetime-local]:not(.browser-default).md:focus.valid + label:after,
input[type=tel]:not(.browser-default).md.valid + label:after,
input[type=tel]:not(.browser-default).md:focus.valid + label:after,
input[type=number]:not(.browser-default).md.valid + label:after,
input[type=number]:not(.browser-default).md:focus.valid + label:after,
input[type=search]:not(.browser-default).md.valid + label:after,
input[type=search]:not(.browser-default).md:focus.valid + label:after,
textarea.materialize-textarea.md.valid + label:after,
textarea.materialize-textarea.md:focus.valid + label:after {
content: attr(data-success);
color: #cecece;
opacity: 1; }
input:not([type]).md.invalid, input:not([type]).md:focus.invalid,
input[type=text]:not(.browser-default).md.invalid,
input[type=text]:not(.browser-default).md:focus.invalid,
input[type=password]:not(.browser-default).md.invalid,
input[type=password]:not(.browser-default).md:focus.invalid,
input[type=email]:not(.browser-default).md.invalid,
input[type=email]:not(.browser-default).md:focus.invalid,
input[type=url]:not(.browser-default).md.invalid,
input[type=url]:not(.browser-default).md:focus.invalid,
input[type=time]:not(.browser-default).md.invalid,
input[type=time]:not(.browser-default).md:focus.invalid,
input[type=date]:not(.browser-default).md.invalid,
input[type=date]:not(.browser-default).md:focus.invalid,
input[type=datetime]:not(.browser-default).md.invalid,
input[type=datetime]:not(.browser-default).md:focus.invalid,
input[type=datetime-local]:not(.browser-default).md.invalid,
input[type=datetime-local]:not(.browser-default).md:focus.invalid,
input[type=tel]:not(.browser-default).md.invalid,
input[type=tel]:not(.browser-default).md:focus.invalid,
input[type=number]:not(.browser-default).md.invalid,
input[type=number]:not(.browser-default).md:focus.invalid,
input[type=search]:not(.browser-default).md.invalid,
input[type=search]:not(.browser-default).md:focus.invalid,
textarea.materialize-textarea.md.invalid,
textarea.materialize-textarea.md:focus.invalid {
border: 1px solid #ff6430;
background-color: transparent;
color: #ff6430; }
input:not([type]).md.invalid + label:after,
input:not([type]).md:focus.invalid + label:after,
input[type=text]:not(.browser-default).md.invalid + label:after,
input[type=text]:not(.browser-default).md:focus.invalid + label:after,
input[type=password]:not(.browser-default).md.invalid + label:after,
input[type=password]:not(.browser-default).md:focus.invalid + label:after,
input[type=email]:not(.browser-default).md.invalid + label:after,
input[type=email]:not(.browser-default).md:focus.invalid + label:after,
input[type=url]:not(.browser-default).md.invalid + label:after,
input[type=url]:not(.browser-default).md:focus.invalid + label:after,
input[type=time]:not(.browser-default).md.invalid + label:after,
input[type=time]:not(.browser-default).md:focus.invalid + label:after,
input[type=date]:not(.browser-default).md.invalid + label:after,
input[type=date]:not(.browser-default).md:focus.invalid + label:after,
input[type=datetime]:not(.browser-default).md.invalid + label:after,
input[type=datetime]:not(.browser-default).md:focus.invalid + label:after,
input[type=datetime-local]:not(.browser-default).md.invalid + label:after,
input[type=datetime-local]:not(.browser-default).md:focus.invalid + label:after,
input[type=tel]:not(.browser-default).md.invalid + label:after,
input[type=tel]:not(.browser-default).md:focus.invalid + label:after,
input[type=number]:not(.browser-default).md.invalid + label:after,
input[type=number]:not(.browser-default).md:focus.invalid + label:after,
input[type=search]:not(.browser-default).md.invalid + label:after,
input[type=search]:not(.browser-default).md:focus.invalid + label:after,
textarea.materialize-textarea.md.invalid + label:after,
textarea.materialize-textarea.md:focus.invalid + label:after {
content: attr(data-error);
color: #ff6430;
opacity: 1; }
input:not([type]).md.validate + label,
input[type=text]:not(.browser-default).md.validate + label,
input[type=password]:not(.browser-default).md.validate + label,
input[type=email]:not(.browser-default).md.validate + label,
input[type=url]:not(.browser-default).md.validate + label,
input[type=time]:not(.browser-default).md.validate + label,
input[type=date]:not(.browser-default).md.validate + label,
input[type=datetime]:not(.browser-default).md.validate + label,
input[type=datetime-local]:not(.browser-default).md.validate + label,
input[type=tel]:not(.browser-default).md.validate + label,
input[type=number]:not(.browser-default).md.validate + label,
input[type=search]:not(.browser-default).md.validate + label,
textarea.materialize-textarea.md.validate + label {
pointer-events: none; }
input:not([type]).md + label:after,
input[type=text]:not(.browser-default).md + label:after,
input[type=password]:not(.browser-default).md + label:after,
input[type=email]:not(.browser-default).md + label:after,
input[type=url]:not(.browser-default).md + label:after,
input[type=time]:not(.browser-default).md + label:after,
input[type=date]:not(.browser-default).md + label:after,
input[type=datetime]:not(.browser-default).md + label:after,
input[type=datetime-local]:not(.browser-default).md + label:after,
input[type=tel]:not(.browser-default).md + label:after,
input[type=number]:not(.browser-default).md + label:after,
input[type=search]:not(.browser-default).md + label:after,
textarea.materialize-textarea.md + label:after {
display: block;
content: "";
position: absolute;
top: 60px;
opacity: 0;
transition: .2s opacity ease-out, .2s color ease-out; }
.input-field {
position: relative;
/* .prefix + input,
.prefix + textarea,
.prefix + .autocomplete-content {
//margin-left: 3rem;
//width: 92%;
//width: calc(100% - 3rem);
padding-left: 40px;
} */ }
.input-field .prefix {
position: absolute;
top: 14px;
left: 24px;
font-size: 17px;
transition: color .2s;
color: #86888c; }
.input-field .prefix.active {
color: #0098d8; }
.input-field .prefix.invalid {
color: #ff6430; }
.input-field .prefix.valid {
color: #0098d8; }
.input-field .prefix + input:not([type]).md,
.input-field .prefix + input[type=text]:not(.browser-default).md,
.input-field .prefix + input[type=password]:not(.browser-default).md,
.input-field .prefix + input[type=email]:not(.browser-default).md,
.input-field .prefix + input[type=url]:not(.browser-default).md,
.input-field .prefix + input[type=time]:not(.browser-default).md,
.input-field .prefix + input[type=date]:not(.browser-default).md,
.input-field .prefix + input[type=datetime]:not(.browser-default).md,
.input-field .prefix + input[type=datetime-local]:not(.browser-default).md,
.input-field .prefix + input[type=tel]:not(.browser-default).md,
.input-field .prefix + input[type=number]:not(.browser-default).md,
.input-field .prefix + input[type=search]:not(.browser-default).md,
.input-field .prefix + textarea.materialize-textarea.md {
padding-left: 45px; }
.input-field .prefix + input:not([type]).md::placeholder,
.input-field .prefix + input[type=text]:not(.browser-default).md::placeholder,
.input-field .prefix + input[type=password]:not(.browser-default).md::placeholder,
.input-field .prefix + input[type=email]:not(.browser-default).md::placeholder,
.input-field .prefix + input[type=url]:not(.browser-default).md::placeholder,
.input-field .prefix + input[type=time]:not(.browser-default).md::placeholder,
.input-field .prefix + input[type=date]:not(.browser-default).md::placeholder,
.input-field .prefix + input[type=datetime]:not(.browser-default).md::placeholder,
.input-field .prefix + input[type=datetime-local]:not(.browser-default).md::placeholder,
.input-field .prefix + input[type=tel]:not(.browser-default).md::placeholder,
.input-field .prefix + input[type=number]:not(.browser-default).md::placeholder,
.input-field .prefix + input[type=search]:not(.browser-default).md::placeholder,
.input-field .prefix + textarea.materialize-textarea.md::placeholder {
font-style: italic;
color: #86888c; }
.input-field .prefix ~ label,
.input-field .prefix ~ .validate ~ label {
margin-left: 1.7rem; }
.input-field label {
color: #9e9e9e;
position: absolute;
top: 0.8rem;
left: 1.9rem;
font-size: 1rem;
cursor: text;
transition: .2s ease-out;
text-align: initial; }
.input-field label:not(.label-icon).active {
display: none; }
/* Autocomplete */
.autocomplete-container {
position: relative;
margin: 0 auto 15px auto;
width: 100%; }
@media only screen and (min-width: 601px) {
.autocomplete-container {
margin: 0 auto; } }
.aui input[type="text"]:focus.autocomplete {
background: #fff; }
.aui input[type="text"].autocomplete {
height: 48px;
background: #FFFFFF;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
border-radius: 4px;
border: 1px solid transparent;
width: 100%;
font-size: 16px;
color: #86888C;
letter-spacing: 0;
line-height: 24px;
padding: 11px 45px 11px 16px;
outline: 0;
margin: 0; }
@media only screen and (min-width: 993px) {
.aui input[type="text"].autocomplete {
height: 68px;
padding: 19px 45px 19px 26px; } }
.autocomplete__icon {
position: absolute;
right: 14px;
top: 13px;
font-size: 24px; }
@media only screen and (min-width: 993px) {
.autocomplete__icon {
top: 22px; } }
.autocomplete-content {
margin-top: 10px;
display: block;
opacity: 1;
border-radius: 4px;
width: 100%;
left: 0;
top: 100%; }
.autocomplete-content li .highlight {
color: #444; }
.autocomplete-content li img {
height: 40px;
width: 40px;
margin: 5px 15px; }
/* Select Field
========================================================================== */
select.md {
display: none; }
select.md.browser-default {
display: block; }
select.md {
background-color: rgba(255, 255, 255, 0.9);
width: 100%;
padding: 5px;
border: 1px solid #f2f2f2;
border-radius: 2px;
height: 3rem; }
.select-label {
position: absolute; }
.select-wrapper {
position: relative; }
.select-wrapper input.select-dropdown {
position: relative;
cursor: pointer;
background-color: transparent;
border: none;
border-bottom: 1px solid #9e9e9e;
outline: none;
height: 3rem;
line-height: 3rem;
width: 100%;
font-size: 1rem;
margin: 0 0 20px 0;
padding: 0;
display: block; }
.select-wrapper span.caret {
color: initial;
position: absolute;
right: 0;
top: 0;
bottom: 0;
height: 10px;
margin: auto 0;
font-size: 10px;
line-height: 10px; }
.select-wrapper span.caret.disabled {
color: #e3e1de; }
.select-wrapper + label {
position: absolute;
top: -14px;
font-size: 0.8rem; }
select.md:disabled {
color: rgba(0, 0, 0, 0.3); }
.select-wrapper input.select-dropdown:disabled {
color: rgba(0, 0, 0, 0.3);
cursor: default;
-webkit-user-select: none;
/* webkit (safari, chrome) browsers */
-moz-user-select: none;
/* mozilla browsers */
-ms-user-select: none;
/* IE10+ */
border-bottom: 1px solid rgba(0, 0, 0, 0.3); }
.select-wrapper i {
color: rgba(0, 0, 0, 0.3); }
.select-dropdown li.disabled,
.select-dropdown li.disabled > span,
.select-dropdown li.optgroup {
color: rgba(0, 0, 0, 0.3);
background-color: transparent; }
.prefix ~ .select-wrapper {
margin-left: 3rem;
width: 92%;
width: calc(100% - 3rem); }
.prefix ~ label {
margin-left: 3rem; }
.select-dropdown li img {
height: 40px;
width: 40px;
margin: 5px 15px;
float: right; }
.select-dropdown li.optgroup {
border-top: 1px solid #eee; }
.select-dropdown li.optgroup.selected > span {
color: rgba(0, 0, 0, 0.7); }
.select-dropdown li.optgroup > span {
color: rgba(0, 0, 0, 0.4); }
.select-dropdown li.optgroup ~ li.optgroup-option {
padding-left: 1rem; }
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; }
@media (max-width: 993px) {
.span1,
.span2,
.span3,
.span4,
.span5,
.span6,
.span7,
.span8,
.span9,
.span10,
.span12 {
width: 100%;
float: none; }
.row .span1, .row-fluid .span1,
.row .span2, .row-fluid .span2,
.row .span3, .row-fluid .span3,
.row .span4, .row-fluid .span4,
.row .span5, .row-fluid .span5,
.row .span6, .row-fluid .span6,
.row .span7, .row-fluid .span7,
.row .span8, .row-fluid .span8,
.row .span9, .row-fluid .span9,
.row .span10, .row-fluid .span10,
.row .span12, .row-fluid .span12,
.row-fluid .span1,
.row-fluid .span2,
.row-fluid .span3,
.row-fluid .span4,
.row-fluid .span5,
.row-fluid .span6,
.row-fluid .span7,
.row-fluid .span8,
.row-fluid .span9,
.row-fluid .span10,
.row-fluid .span12 {
width: 100%;
float: none; } }