meta.foundation-version {
font-family: "/{{VERSION}}/"; }
meta.foundation-mq-small {
font-family: "/only screen/";
width: 0; }
meta.foundation-mq-small-only {
font-family: "/only screen and (max-width: 30em)/";
width: 0; }
meta.foundation-mq-medium {
font-family: "/only screen and (min-width:30.0625em)/";
width: 30.0625em; }
meta.foundation-mq-medium-only {
font-family: "/only screen and (min-width:30.0625em) and (max-width:60em)/";
width: 30.0625em; }
meta.foundation-mq-large {
font-family: "/only screen and (min-width:60.0625em)/";
width: 60.0625em; }
meta.foundation-mq-large-only {
font-family: "/only screen and (min-width:60.0625em) and (max-width:80em)/";
width: 60.0625em; }
meta.foundation-mq-xlarge {
font-family: "/only screen and (min-width:80.0625em)/";
width: 80.0625em; }
meta.foundation-mq-xlarge-only {
font-family: "/only screen and (min-width:80.0625em) and (max-width:120em)/";
width: 80.0625em; }
meta.foundation-mq-xxlarge {
font-family: "/only screen and (min-width:120.0625em)/";
width: 120.0625em; }
meta.foundation-data-attribute-namespace {
font-family: false; }
html, body {
height: 100%; }
html {
box-sizing: border-box; }
*,
*:before,
*:after {
box-sizing: inherit; }
html,
body {
font-size: 100%; }
body {
background: #fff;
color: #222;
cursor: auto;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-style: normal;
font-weight: normal;
line-height: 1.5;
margin: 0;
padding: 0;
position: relative; }
a:hover {
cursor: pointer; }
img {
max-width: 100%;
height: auto; }
img {
-ms-interpolation-mode: bicubic; }
#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
max-width: none !important; }
.left {
float: left !important; }
.right {
float: right !important; }
.clearfix:before, .clearfix:after {
content: " ";
display: table; }
.clearfix:after {
clear: both; }
.hide {
display: none; }
.invisible {
visibility: hidden; }
.antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
img {
display: inline-block;
vertical-align: middle; }
textarea {
height: auto;
min-height: 50px; }
select {
width: 100%; }
.row {
margin: 0 auto;
max-width: 100%;
width: 100%; }
.row:before, .row:after {
content: " ";
display: table; }
.row:after {
clear: both; }
.row.collapse > .column,
.row.collapse > .columns {
padding-left: 0;
padding-right: 0; }
.row.collapse .row {
margin-left: 0;
margin-right: 0; }
.row .row {
margin: 0;
max-width: none;
width: auto; }
.row .row:before, .row .row:after {
content: " ";
display: table; }
.row .row:after {
clear: both; }
.row .row.collapse {
margin: 0;
max-width: none;
width: auto; }
.row .row.collapse:before, .row .row.collapse:after {
content: " ";
display: table; }
.row .row.collapse:after {
clear: both; }
.column,
.columns {
padding-left: 1%;
padding-right: 1%;
width: 100%;
float: left; }
.column + .column:last-child,
.columns + .column:last-child, .column +
.columns:last-child,
.columns +
.columns:last-child {
float: right; }
.column + .column.end,
.columns + .column.end, .column +
.columns.end,
.columns +
.columns.end {
float: left; }
@media only screen {
.small-push-0 {
position: relative;
left: 0;
right: auto; }
.small-pull-0 {
position: relative;
right: 0;
left: auto; }
.small-push-1 {
position: relative;
left: 8.3333333333%;
right: auto; }
.small-pull-1 {
position: relative;
right: 8.3333333333%;
left: auto; }
.small-push-2 {
position: relative;
left: 16.6666666667%;
right: auto; }
.small-pull-2 {
position: relative;
right: 16.6666666667%;
left: auto; }
.small-push-3 {
position: relative;
left: 25%;
right: auto; }
.small-pull-3 {
position: relative;
right: 25%;
left: auto; }
.small-push-4 {
position: relative;
left: 33.3333333333%;
right: auto; }
.small-pull-4 {
position: relative;
right: 33.3333333333%;
left: auto; }
.small-push-5 {
position: relative;
left: 41.6666666667%;
right: auto; }
.small-pull-5 {
position: relative;
right: 41.6666666667%;
left: auto; }
.small-push-6 {
position: relative;
left: 50%;
right: auto; }
.small-pull-6 {
position: relative;
right: 50%;
left: auto; }
.small-push-7 {
position: relative;
left: 58.3333333333%;
right: auto; }
.small-pull-7 {
position: relative;
right: 58.3333333333%;
left: auto; }
.small-push-8 {
position: relative;
left: 66.6666666667%;
right: auto; }
.small-pull-8 {
position: relative;
right: 66.6666666667%;
left: auto; }
.small-push-9 {
position: relative;
left: 75%;
right: auto; }
.small-pull-9 {
position: relative;
right: 75%;
left: auto; }
.small-push-10 {
position: relative;
left: 83.3333333333%;
right: auto; }
.small-pull-10 {
position: relative;
right: 83.3333333333%;
left: auto; }
.small-push-11 {
position: relative;
left: 91.6666666667%;
right: auto; }
.small-pull-11 {
position: relative;
right: 91.6666666667%;
left: auto; }
.column,
.columns {
position: relative;
padding-left: 1%;
padding-right: 1%;
float: left; }
.small-1 {
width: 8.3333333333%; }
.small-2 {
width: 16.6666666667%; }
.small-3 {
width: 25%; }
.small-4 {
width: 33.3333333333%; }
.small-5 {
width: 41.6666666667%; }
.small-6 {
width: 50%; }
.small-7 {
width: 58.3333333333%; }
.small-8 {
width: 66.6666666667%; }
.small-9 {
width: 75%; }
.small-10 {
width: 83.3333333333%; }
.small-11 {
width: 91.6666666667%; }
.small-12 {
width: 100%; }
.small-offset-0 {
margin-left: 0 !important; }
.small-offset-1 {
margin-left: 8.3333333333% !important; }
.small-offset-2 {
margin-left: 16.6666666667% !important; }
.small-offset-3 {
margin-left: 25% !important; }
.small-offset-4 {
margin-left: 33.3333333333% !important; }
.small-offset-5 {
margin-left: 41.6666666667% !important; }
.small-offset-6 {
margin-left: 50% !important; }
.small-offset-7 {
margin-left: 58.3333333333% !important; }
.small-offset-8 {
margin-left: 66.6666666667% !important; }
.small-offset-9 {
margin-left: 75% !important; }
.small-offset-10 {
margin-left: 83.3333333333% !important; }
.small-offset-11 {
margin-left: 91.6666666667% !important; }
.small-reset-order {
float: left;
left: auto;
margin-left: 0;
margin-right: 0;
right: auto; }
.column.small-centered,
.columns.small-centered {
margin-left: auto;
margin-right: auto;
float: none; }
.column.small-uncentered,
.columns.small-uncentered {
float: left;
margin-left: 0;
margin-right: 0; }
.column.small-centered:last-child,
.columns.small-centered:last-child {
float: none; }
.column.small-uncentered:last-child,
.columns.small-uncentered:last-child {
float: left; }
.column.small-uncentered.opposite,
.columns.small-uncentered.opposite {
float: right; }
.row.small-collapse > .column,
.row.small-collapse > .columns {
padding-left: 0;
padding-right: 0; }
.row.small-collapse .row {
margin-left: 0;
margin-right: 0; }
.row.small-uncollapse > .column,
.row.small-uncollapse > .columns {
padding-left: 1%;
padding-right: 1%;
float: left; } }
@media only screen and (min-width: 30.0625em) {
.medium-push-0 {
position: relative;
left: 0;
right: auto; }
.medium-pull-0 {
position: relative;
right: 0;
left: auto; }
.medium-push-1 {
position: relative;
left: 8.3333333333%;
right: auto; }
.medium-pull-1 {
position: relative;
right: 8.3333333333%;
left: auto; }
.medium-push-2 {
position: relative;
left: 16.6666666667%;
right: auto; }
.medium-pull-2 {
position: relative;
right: 16.6666666667%;
left: auto; }
.medium-push-3 {
position: relative;
left: 25%;
right: auto; }
.medium-pull-3 {
position: relative;
right: 25%;
left: auto; }
.medium-push-4 {
position: relative;
left: 33.3333333333%;
right: auto; }
.medium-pull-4 {
position: relative;
right: 33.3333333333%;
left: auto; }
.medium-push-5 {
position: relative;
left: 41.6666666667%;
right: auto; }
.medium-pull-5 {
position: relative;
right: 41.6666666667%;
left: auto; }
.medium-push-6 {
position: relative;
left: 50%;
right: auto; }
.medium-pull-6 {
position: relative;
right: 50%;
left: auto; }
.medium-push-7 {
position: relative;
left: 58.3333333333%;
right: auto; }
.medium-pull-7 {
position: relative;
right: 58.3333333333%;
left: auto; }
.medium-push-8 {
position: relative;
left: 66.6666666667%;
right: auto; }
.medium-pull-8 {
position: relative;
right: 66.6666666667%;
left: auto; }
.medium-push-9 {
position: relative;
left: 75%;
right: auto; }
.medium-pull-9 {
position: relative;
right: 75%;
left: auto; }
.medium-push-10 {
position: relative;
left: 83.3333333333%;
right: auto; }
.medium-pull-10 {
position: relative;
right: 83.3333333333%;
left: auto; }
.medium-push-11 {
position: relative;
left: 91.6666666667%;
right: auto; }
.medium-pull-11 {
position: relative;
right: 91.6666666667%;
left: auto; }
.column,
.columns {
position: relative;
padding-left: 1%;
padding-right: 1%;
float: left; }
.medium-1 {
width: 8.3333333333%; }
.medium-2 {
width: 16.6666666667%; }
.medium-3 {
width: 25%; }
.medium-4 {
width: 33.3333333333%; }
.medium-5 {
width: 41.6666666667%; }
.medium-6 {
width: 50%; }
.medium-7 {
width: 58.3333333333%; }
.medium-8 {
width: 66.6666666667%; }
.medium-9 {
width: 75%; }
.medium-10 {
width: 83.3333333333%; }
.medium-11 {
width: 91.6666666667%; }
.medium-12 {
width: 100%; }
.medium-offset-0 {
margin-left: 0 !important; }
.medium-offset-1 {
margin-left: 8.3333333333% !important; }
.medium-offset-2 {
margin-left: 16.6666666667% !important; }
.medium-offset-3 {
margin-left: 25% !important; }
.medium-offset-4 {
margin-left: 33.3333333333% !important; }
.medium-offset-5 {
margin-left: 41.6666666667% !important; }
.medium-offset-6 {
margin-left: 50% !important; }
.medium-offset-7 {
margin-left: 58.3333333333% !important; }
.medium-offset-8 {
margin-left: 66.6666666667% !important; }
.medium-offset-9 {
margin-left: 75% !important; }
.medium-offset-10 {
margin-left: 83.3333333333% !important; }
.medium-offset-11 {
margin-left: 91.6666666667% !important; }
.medium-reset-order {
float: left;
left: auto;
margin-left: 0;
margin-right: 0;
right: auto; }
.column.medium-centered,
.columns.medium-centered {
margin-left: auto;
margin-right: auto;
float: none; }
.column.medium-uncentered,
.columns.medium-uncentered {
float: left;
margin-left: 0;
margin-right: 0; }
.column.medium-centered:last-child,
.columns.medium-centered:last-child {
float: none; }
.column.medium-uncentered:last-child,
.columns.medium-uncentered:last-child {
float: left; }
.column.medium-uncentered.opposite,
.columns.medium-uncentered.opposite {
float: right; }
.row.medium-collapse > .column,
.row.medium-collapse > .columns {
padding-left: 0;
padding-right: 0; }
.row.medium-collapse .row {
margin-left: 0;
margin-right: 0; }
.row.medium-uncollapse > .column,
.row.medium-uncollapse > .columns {
padding-left: 1%;
padding-right: 1%;
float: left; }
.push-0 {
position: relative;
left: 0;
right: auto; }
.pull-0 {
position: relative;
right: 0;
left: auto; }
.push-1 {
position: relative;
left: 8.3333333333%;
right: auto; }
.pull-1 {
position: relative;
right: 8.3333333333%;
left: auto; }
.push-2 {
position: relative;
left: 16.6666666667%;
right: auto; }
.pull-2 {
position: relative;
right: 16.6666666667%;
left: auto; }
.push-3 {
position: relative;
left: 25%;
right: auto; }
.pull-3 {
position: relative;
right: 25%;
left: auto; }
.push-4 {
position: relative;
left: 33.3333333333%;
right: auto; }
.pull-4 {
position: relative;
right: 33.3333333333%;
left: auto; }
.push-5 {
position: relative;
left: 41.6666666667%;
right: auto; }
.pull-5 {
position: relative;
right: 41.6666666667%;
left: auto; }
.push-6 {
position: relative;
left: 50%;
right: auto; }
.pull-6 {
position: relative;
right: 50%;
left: auto; }
.push-7 {
position: relative;
left: 58.3333333333%;
right: auto; }
.pull-7 {
position: relative;
right: 58.3333333333%;
left: auto; }
.push-8 {
position: relative;
left: 66.6666666667%;
right: auto; }
.pull-8 {
position: relative;
right: 66.6666666667%;
left: auto; }
.push-9 {
position: relative;
left: 75%;
right: auto; }
.pull-9 {
position: relative;
right: 75%;
left: auto; }
.push-10 {
position: relative;
left: 83.3333333333%;
right: auto; }
.pull-10 {
position: relative;
right: 83.3333333333%;
left: auto; }
.push-11 {
position: relative;
left: 91.6666666667%;
right: auto; }
.pull-11 {
position: relative;
right: 91.6666666667%;
left: auto; } }
@media only screen and (min-width: 60.0625em) {
.large-push-0 {
position: relative;
left: 0;
right: auto; }
.large-pull-0 {
position: relative;
right: 0;
left: auto; }
.large-push-1 {
position: relative;
left: 8.3333333333%;
right: auto; }
.large-pull-1 {
position: relative;
right: 8.3333333333%;
left: auto; }
.large-push-2 {
position: relative;
left: 16.6666666667%;
right: auto; }
.large-pull-2 {
position: relative;
right: 16.6666666667%;
left: auto; }
.large-push-3 {
position: relative;
left: 25%;
right: auto; }
.large-pull-3 {
position: relative;
right: 25%;
left: auto; }
.large-push-4 {
position: relative;
left: 33.3333333333%;
right: auto; }
.large-pull-4 {
position: relative;
right: 33.3333333333%;
left: auto; }
.large-push-5 {
position: relative;
left: 41.6666666667%;
right: auto; }
.large-pull-5 {
position: relative;
right: 41.6666666667%;
left: auto; }
.large-push-6 {
position: relative;
left: 50%;
right: auto; }
.large-pull-6 {
position: relative;
right: 50%;
left: auto; }
.large-push-7 {
position: relative;
left: 58.3333333333%;
right: auto; }
.large-pull-7 {
position: relative;
right: 58.3333333333%;
left: auto; }
.large-push-8 {
position: relative;
left: 66.6666666667%;
right: auto; }
.large-pull-8 {
position: relative;
right: 66.6666666667%;
left: auto; }
.large-push-9 {
position: relative;
left: 75%;
right: auto; }
.large-pull-9 {
position: relative;
right: 75%;
left: auto; }
.large-push-10 {
position: relative;
left: 83.3333333333%;
right: auto; }
.large-pull-10 {
position: relative;
right: 83.3333333333%;
left: auto; }
.large-push-11 {
position: relative;
left: 91.6666666667%;
right: auto; }
.large-pull-11 {
position: relative;
right: 91.6666666667%;
left: auto; }
.column,
.columns {
position: relative;
padding-left: 1%;
padding-right: 1%;
float: left; }
.large-1 {
width: 8.3333333333%; }
.large-2 {
width: 16.6666666667%; }
.large-3 {
width: 25%; }
.large-4 {
width: 33.3333333333%; }
.large-5 {
width: 41.6666666667%; }
.large-6 {
width: 50%; }
.large-7 {
width: 58.3333333333%; }
.large-8 {
width: 66.6666666667%; }
.large-9 {
width: 75%; }
.large-10 {
width: 83.3333333333%; }
.large-11 {
width: 91.6666666667%; }
.large-12 {
width: 100%; }
.large-offset-0 {
margin-left: 0 !important; }
.large-offset-1 {
margin-left: 8.3333333333% !important; }
.large-offset-2 {
margin-left: 16.6666666667% !important; }
.large-offset-3 {
margin-left: 25% !important; }
.large-offset-4 {
margin-left: 33.3333333333% !important; }
.large-offset-5 {
margin-left: 41.6666666667% !important; }
.large-offset-6 {
margin-left: 50% !important; }
.large-offset-7 {
margin-left: 58.3333333333% !important; }
.large-offset-8 {
margin-left: 66.6666666667% !important; }
.large-offset-9 {
margin-left: 75% !important; }
.large-offset-10 {
margin-left: 83.3333333333% !important; }
.large-offset-11 {
margin-left: 91.6666666667% !important; }
.large-reset-order {
float: left;
left: auto;
margin-left: 0;
margin-right: 0;
right: auto; }
.column.large-centered,
.columns.large-centered {
margin-left: auto;
margin-right: auto;
float: none; }
.column.large-uncentered,
.columns.large-uncentered {
float: left;
margin-left: 0;
margin-right: 0; }
.column.large-centered:last-child,
.columns.large-centered:last-child {
float: none; }
.column.large-uncentered:last-child,
.columns.large-uncentered:last-child {
float: left; }
.column.large-uncentered.opposite,
.columns.large-uncentered.opposite {
float: right; }
.row.large-collapse > .column,
.row.large-collapse > .columns {
padding-left: 0;
padding-right: 0; }
.row.large-collapse .row {
margin-left: 0;
margin-right: 0; }
.row.large-uncollapse > .column,
.row.large-uncollapse > .columns {
padding-left: 1%;
padding-right: 1%;
float: left; }
.push-0 {
position: relative;
left: 0;
right: auto; }
.pull-0 {
position: relative;
right: 0;
left: auto; }
.push-1 {
position: relative;
left: 8.3333333333%;
right: auto; }
.pull-1 {
position: relative;
right: 8.3333333333%;
left: auto; }
.push-2 {
position: relative;
left: 16.6666666667%;
right: auto; }
.pull-2 {
position: relative;
right: 16.6666666667%;
left: auto; }
.push-3 {
position: relative;
left: 25%;
right: auto; }
.pull-3 {
position: relative;
right: 25%;
left: auto; }
.push-4 {
position: relative;
left: 33.3333333333%;
right: auto; }
.pull-4 {
position: relative;
right: 33.3333333333%;
left: auto; }
.push-5 {
position: relative;
left: 41.6666666667%;
right: auto; }
.pull-5 {
position: relative;
right: 41.6666666667%;
left: auto; }
.push-6 {
position: relative;
left: 50%;
right: auto; }
.pull-6 {
position: relative;
right: 50%;
left: auto; }
.push-7 {
position: relative;
left: 58.3333333333%;
right: auto; }
.pull-7 {
position: relative;
right: 58.3333333333%;
left: auto; }
.push-8 {
position: relative;
left: 66.6666666667%;
right: auto; }
.pull-8 {
position: relative;
right: 66.6666666667%;
left: auto; }
.push-9 {
position: relative;
left: 75%;
right: auto; }
.pull-9 {
position: relative;
right: 75%;
left: auto; }
.push-10 {
position: relative;
left: 83.3333333333%;
right: auto; }
.pull-10 {
position: relative;
right: 83.3333333333%;
left: auto; }
.push-11 {
position: relative;
left: 91.6666666667%;
right: auto; }
.pull-11 {
position: relative;
right: 91.6666666667%;
left: auto; } }
/* small displays */
@media only screen {
.show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
display: inherit !important; }
.hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
display: none !important; }
.visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto; }
.hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px; }
table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
display: table !important; }
thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
display: table-header-group !important; }
tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
display: table-row-group !important; }
tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
display: table-row; }
th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
display: table-cell !important; } }
/* medium displays */
@media only screen and (min-width: 30.0625em) {
.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
display: inherit !important; }
.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
display: none !important; }
.hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto; }
.visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px; }
table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
display: table !important; }
thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
display: table-header-group !important; }
tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
display: table-row-group !important; }
tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
display: table-row; }
th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
display: table-cell !important; } }
/* large displays */
@media only screen and (min-width: 60.0625em) {
.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
display: inherit !important; }
.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
display: none !important; }
.hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto; }
.visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px; }
table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
display: table !important; }
thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
display: table-header-group !important; }
tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
display: table-row-group !important; }
tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
display: table-row; }
th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
display: table-cell !important; } }
/* xlarge displays */
@media only screen and (min-width: 80.0625em) {
.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
display: inherit !important; }
.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
display: none !important; }
.hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto; }
.visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px; }
table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
display: table !important; }
thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
display: table-header-group !important; }
tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
display: table-row-group !important; }
tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
display: table-row; }
th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xlarge, td.show-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
display: table-cell !important; } }
/* xxlarge displays */
@media only screen and (min-width: 120.0625em) {
.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down {
display: inherit !important; }
.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down {
display: none !important; }
.hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto; }
.visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px; }
table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xlarge, table.hide-for-xlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down {
display: table !important; }
thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down {
display: table-header-group !important; }
tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down {
display: table-row-group !important; }
tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down {
display: table-row; }
th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.hide-for-xlarge-down, td.hide-for-xlarge-down, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up, th.show-for-xxlarge, td.show-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
display: table-cell !important; } }
/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
display: inherit !important; }
.hide-for-landscape,
.show-for-portrait {
display: none !important; }
/* Specific visibility for tables */
table.hide-for-landscape, table.show-for-portrait {
display: table !important; }
thead.hide-for-landscape, thead.show-for-portrait {
display: table-header-group !important; }
tbody.hide-for-landscape, tbody.show-for-portrait {
display: table-row-group !important; }
tr.hide-for-landscape, tr.show-for-portrait {
display: table-row !important; }
td.hide-for-landscape, td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
display: table-cell !important; }
@media only screen and (orientation: landscape) {
.show-for-landscape,
.hide-for-portrait {
display: inherit !important; }
.hide-for-landscape,
.show-for-portrait {
display: none !important; }
/* Specific visibility for tables */
table.show-for-landscape, table.hide-for-portrait {
display: table !important; }
thead.show-for-landscape, thead.hide-for-portrait {
display: table-header-group !important; }
tbody.show-for-landscape, tbody.hide-for-portrait {
display: table-row-group !important; }
tr.show-for-landscape, tr.hide-for-portrait {
display: table-row !important; }
td.show-for-landscape, td.hide-for-portrait,
th.show-for-landscape,
th.hide-for-portrait {
display: table-cell !important; } }
@media only screen and (orientation: portrait) {
.show-for-portrait,
.hide-for-landscape {
display: inherit !important; }
.hide-for-portrait,
.show-for-landscape {
display: none !important; }
/* Specific visibility for tables */
table.show-for-portrait, table.hide-for-landscape {
display: table !important; }
thead.show-for-portrait, thead.hide-for-landscape {
display: table-header-group !important; }
tbody.show-for-portrait, tbody.hide-for-landscape {
display: table-row-group !important; }
tr.show-for-portrait, tr.hide-for-landscape {
display: table-row !important; }
td.show-for-portrait, td.hide-for-landscape,
th.show-for-portrait,
th.hide-for-landscape {
display: table-cell !important; } }
/* Touch-enabled device targeting */
.show-for-touch {
display: none !important; }
.hide-for-touch {
display: inherit !important; }
.touch .show-for-touch {
display: inherit !important; }
.touch .hide-for-touch {
display: none !important; }
/* Specific visibility for tables */
table.hide-for-touch {
display: table !important; }
.touch table.show-for-touch {
display: table !important; }
thead.hide-for-touch {
display: table-header-group !important; }
.touch thead.show-for-touch {
display: table-header-group !important; }
tbody.hide-for-touch {
display: table-row-group !important; }
.touch tbody.show-for-touch {
display: table-row-group !important; }
tr.hide-for-touch {
display: table-row !important; }
.touch tr.show-for-touch {
display: table-row !important; }
td.hide-for-touch {
display: table-cell !important; }
.touch td.show-for-touch {
display: table-cell !important; }
th.hide-for-touch {
display: table-cell !important; }
.touch th.show-for-touch {
display: table-cell !important; }
/* Screen reader-specific classes */
.show-for-sr {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px; }
.show-on-focus {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px; }
.show-on-focus:focus, .show-on-focus:active {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto; }
/*
* Print styles.
*
* Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
* Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.print-only {
display: none !important; }
@media print {
* {
background: transparent !important;
box-shadow: none !important;
color: #000000 !important;
/* Black prints faster: h5bp.com/s */
text-shadow: none !important; }
.show-for-print {
display: block; }
.hide-for-print {
display: none; }
table.show-for-print {
display: table !important; }
thead.show-for-print {
display: table-header-group !important; }
tbody.show-for-print {
display: table-row-group !important; }
tr.show-for-print {
display: table-row !important; }
td.show-for-print {
display: table-cell !important; }
th.show-for-print {
display: table-cell !important; }
a,
a:visited {
text-decoration: underline; }
a[href]:after {
content: " (" attr(href) ")"; }
abbr[title]:after {
content: " (" attr(title) ")"; }
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: ""; }
pre,
blockquote {
border: 1px solid #999999;
page-break-inside: avoid; }
thead {
display: table-header-group;
/* h5bp.com/t */ }
tr,
img {
page-break-inside: avoid; }
img {
max-width: 100% !important; }
@page {
margin: .5cm; }
p,
h2,
h3 {
orphans: 3;
widows: 3; }
h2,
h3 {
page-break-after: avoid; }
.hide-on-print {
display: none !important; }
.print-only {
display: block !important; }
.hide-for-print {
display: none !important; }
.show-for-print {
display: inherit !important; } }
/* Print visibility */
@media print {
.show-for-print {
display: block; }
.hide-for-print {
display: none; }
table.show-for-print {
display: table !important; }
thead.show-for-print {
display: table-header-group !important; }
tbody.show-for-print {
display: table-row-group !important; }
tr.show-for-print {
display: table-row !important; }
td.show-for-print {
display: table-cell !important; }
th.show-for-print {
display: table-cell !important; } }
@media not print {
.show-for-print {
display: none !important; } }
@charset "UTF-8";
/*
COLORS
Styleguide 9.0
*/
/*
VSC COLORS
Installation :
`@import "/web/20171224124642cs_/https://client.be.voyages-sncf.com/css/vendors/css-tools/src/vsc-colors";`
Styleguide 9.1
*/
/*
Constantes de la charte
Quelques couleurs ont des usages constants dans l'interface :
Styleguide 9.1.1
*/
/*
ALT COLORS
Couleur de substitution pour les contrastes accentués. Elles s'appliquent via les mixins suivants :
Styleguide 9.2
*/
/*
Custom colors
La liste des couleurs de substitution peut être complétée en créant une map complémentaire nommée $custom-colors.
```css
$custom-bg-color: #90d0f5;
$custom-font-color: #046293;
$custom-colors: (
# {$custom-bg-color}: (high-c: #2e6787),
# {$custom-font-color}: (high-c: #fff)
);
.custom-color {
@include background-color($custom-bg-color);
@include color($custom-font-color);
}
```
Custom color
Styleguide 9.3
*/
/*
Couleurs transporteurs et produits
Styleguide 9.1.2
*/
/* iDTGV */
/* OUIGO */
/* OUIBUS */
/* HAPPYCARD/ TGVMAX */
/* Assurance Allianz*/
/* Rétrocompatiblité */
/* Mapping contrastes accentués*/
/*
COLORS
Styleguide 9.0
*/
/*
VSC COLORS
Installation :
`@import "/web/20171224124642cs_/https://client.be.voyages-sncf.com/css/vendors/css-tools/src/vsc-colors";`
Styleguide 9.1
*/
/*
Constantes de la charte
Quelques couleurs ont des usages constants dans l'interface :
Styleguide 9.1.1
*/
/*
ALT COLORS
Couleur de substitution pour les contrastes accentués. Elles s'appliquent via les mixins suivants :
Styleguide 9.2
*/
/*
Custom colors
La liste des couleurs de substitution peut être complétée en créant une map complémentaire nommée $custom-colors.
```css
$custom-bg-color: #90d0f5;
$custom-font-color: #046293;
$custom-colors: (
# {$custom-bg-color}: (high-c: #2e6787),
# {$custom-font-color}: (high-c: #fff)
);
.custom-color {
@include background-color($custom-bg-color);
@include color($custom-font-color);
}
```
Custom color
Styleguide 9.3
*/
/*
Couleurs transporteurs et produits
Styleguide 9.1.2
*/
/* iDTGV */
/* OUIGO */
/* OUIBUS */
/* HAPPYCARD/ TGVMAX */
/* Assurance Allianz*/
/* Rétrocompatiblité */
/* Mapping contrastes accentués*/
/*
Extends
Installation :
`@import "/web/20171224124642cs_/https://client.be.voyages-sncf.com/css/vendors/css-tools/extends";`
Styleguide 7.0
*/
/*
%focus--opacity
```css
a:focus .img-focus { @extend %focus--opacity; }
```
Markup:
Styleguide 7.1
*/
/* effect on focus image */
/*
%clearFloat
Ajuste la hateur d'une div contenant des enfants flottants
```css
.parent { @extend %clearFloat; }
```
Markup:
Styleguide 7.2
*/
/*
%clearButton
Reset style par défaut de l'élément button
```css
.test-button {
@extend %clearButton;
padding: 1em;
border: 1px solid #000;
border-radius: 6px;
}
```
Markup:
Styleguide 7.3
*/
/*
%outscreen
Masque un élément DOM qui reste accessible à un lecteur écran
```css
.test-button span { @extend %outscreen; }
```
Markup:
Styleguide 7.4
*/
/* crée une flèche (TODO à remplacer par le mixin) */
/*
Mixins
Installation :
`@import "/web/20171224124642cs_/https://client.be.voyages-sncf.com/css-tools/functions";`
`@import "/web/20171224124642cs_/https://client.be.voyages-sncf.com/css-tools/mixins";`
Styleguide 8.0
*/
/*
arrow-lazy()
```css
.tooltip {
position: relative;
display: inline-block;
...
@include arrow-lazy($size:0.5em, $color: $VSC_BLUE_MAIN);
}
```
Paramètres
$direction: top, $size: 1em, $color: #ccc, $center: 50%, $margin: -1px, $pseudo: before
Markup:
Tooltip
Styleguide 8.1
*/
/*
focus()
Applique le style focus
```css
.test-button {
@include focus($color: $$VSC_BLUE_MAIN, $offset: -0.5em);
}
```
Paramètres
$color: #FFF, $opacity: 0.8, $offset: 3px, $width: thin, $style: dotted
Markup: