vpn.email/bower_components/metro/build/css/metro.css

vpn.email client

html,
body {
  padding: 0;
  margin: 0;
  height: 100%;
}
html,
body,
* {
  box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
}
a:hover,
a:active,
.tile:active {
  outline: 0;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border: 0;
}
#map_canvas img,
.google-maps img {
  max-width: none;
}
button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}
button,
input {
  line-height: normal;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;
}
input[type="search"] {
  box-sizing: content-box;
  appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
input[type=text]::-ms-clear,
input[type=email]::-ms-clear,
input[type=url]::-ms-clear,
input[type=tel]::-ms-clear,
input[type=number]::-ms-clear,
input[type=time]::-ms-clear {
  display: none;
}
input[type=password]::-ms-reveal {
  display: none;
}
* {
  border-collapse: collapse;
}
a {
  text-decoration: none;
}
@media print {
  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 #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100%;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
@font-face {
  font-family: "PT Serif Caption";
  font-style: normal;
  font-weight: 400;
  src: local("Cambria"), local("PT Serif Caption"), local("PTSerif-Caption"), url(https://themes.googleusercontent.com/static/fonts/ptserifcaption/v6/7xkFOeTxxO1GMC1suOUYWWhBabBbEjGd1iRmpyoZukE.woff) format('woff');
}
@font-face {
  font-family: "Open Sans Light";
  font-style: normal;
  font-weight: 300;
  src: local("Segoe UI Light"), local("Open Sans Light"), local("OpenSans-Light"), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/DXI1ORHCpsQm3Vp6mXoaTZ1r3JsPcQLi8jytr04NNhU.woff) format('woff');
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Segoe UI"), local("Open Sans"), local("OpenSans"), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/K88pR3goAWT7BTt32Z01mz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: "Open Sans Bold";
  font-style: normal;
  font-weight: 700;
  src: local("Segoe UI Bold"), local("Open Sans Bold"), local("OpenSans-Bold"), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/k3k702ZOKiLJc3WVjuplzJ1r3JsPcQLi8jytr04NNhU.woff) format('woff');
}
html {
  font-size: 100%;
}
body {
  font-family: "Segoe UI", "Open Sans", sans-serif, serif;
  font-size: 0.875rem;
  line-height: 1.1;
  font-weight: 400;
  font-style: normal;
}
#font .light {
  font-weight: 300;
  font-style: normal;
}
#font .normal {
  font-weight: 400;
  font-style: normal;
}
#font .bold {
  font-style: normal;
  font-weight: 700;
}
#font .italic {
  font-style: italic;
}
.leader {
  font: 400 2.25rem/1.1 "Segoe UI", "Open Sans", sans-serif, serif;
}
.sub-leader {
  font: 500 1.875rem/1.1 "Segoe UI", "Open Sans", sans-serif, serif;
}
.header {
  font: 500 1.5rem/1.1 "Segoe UI", "Open Sans", sans-serif, serif;
}
.sub-header {
  font: 500 1.125rem/1.1 "Segoe UI", "Open Sans", sans-serif, serif;
}
.alt-header {
  font: 500 1rem/1.1 "Segoe UI", "Open Sans", sans-serif, serif;
}
.sub-alt-header {
  font: 500 0.875rem/1.1 "Segoe UI", "Open Sans", sans-serif, serif;
}
.minor-header {
  font: 500 0.75rem/1.1 "Segoe UI", "Open Sans", sans-serif, serif;
}
h1 {
  font: 400 2.25rem/1.1 "Segoe UI", "Open Sans", sans-serif, serif;
}
h2 {
  font: 500 1.875rem/1.1 "Segoe UI", "Open Sans", sans-serif, serif;
}
h3 {
  font: 500 1.5rem/1.1 "Segoe UI", "Open Sans", sans-serif, serif;
}
h4 {
  font: 500 1.125rem/1.1 "Segoe UI", "Open Sans", sans-serif, serif;
}
h5 {
  font: 500 0.875rem/1.1 "Segoe UI", "Open Sans", sans-serif, serif;
}
h6 {
  font: 500 0.75rem/1.1 "Segoe UI", "Open Sans", sans-serif, serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: .625rem 0;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small {
  font-weight: 400;
  font-size: .7em;
  line-height: 1;
  color: #777;
}
.text-light {
  font-weight: 300;
  font-style: normal;
}
.text-normal {
  font-weight: 400;
  font-style: normal;
}
.text-bold {
  font-style: normal;
  font-weight: 700;
}
.text-italic {
  font-style: italic;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capital {
  text-transform: capitalize;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.align-center {
  text-align: center;
}
.align-justify {
  text-align: justify;
}
.v-align-top {
  vertical-align: top;
}
.v-align-bottom {
  vertical-align: bottom;
}
.v-align-baseline {
  vertical-align: baseline;
}
.v-align-middle {
  vertical-align: middle;
}
.v-align-sub {
  vertical-align: sub;
}
.v-align-super {
  vertical-align: super;
}
.v-align-top-text {
  vertical-align: text-top;
}
.v-align-bottom-text {
  vertical-align: text-bottom;
}
.text-dashed {
  border: 0;
  border-bottom: 1px gray dashed;
  display: inline;
}
.indent-paragraph:first-letter {
  margin-left: 2.5rem;
}
.text-secondary {
  font-size: 0.75rem;
}
.text-accent,
.text-enlarged {
  font-size: 1.1rem;
}
.text-default {
  font-size: 0.875rem;
}
.text-small {
  font-size: 0.625rem;
}
.text-light {
  font-weight: 300;
}
.text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
abbr {
  text-decoration: none;
  border-bottom: 1px #999999 dotted;
  cursor: help;
  display: inline;
}
address {
  font-weight: 400;
  font-style: normal;
  margin: .625rem 0;
}
blockquote {
  margin: .625rem 0;
  padding: 0 0 0 .625rem;
  border-left: 0.25rem #999999 solid;
}
blockquote small {
  color: #999999;
}
blockquote small:before {
  content: "\2014 \00A0";
}
blockquote.place-right {
  border: 0;
  border-right: 4px #999999 solid;
  padding-right: .625rem;
  text-align: right;
}
blockquote.place-right small:before {
  content: "";
}
blockquote.place-right small:after {
  content: " \00A0 \2014";
}
.unstyled-list {
  padding-left: 0;
  list-style: none;
}
.unstyled-list li ul,
.unstyled-list li ol {
  list-style: none;
  padding-left: 1.5625rem;
}
.inline-list {
  list-style: none;
  padding-left: 0;
}
.inline-list li {
  display: inline-block;
  margin-right: .625rem;
}
.inline-list li:last-child {
  margin-right: 0;
}
ul,
ol {
  margin-left: .3125rem;
}
ul li,
ol li {
  line-height: 1.25rem;
}
ul li ul,
ol li ul,
ul li ol,
ol li ol {
  padding-left: 1.5625rem;
}
dl dt,
dl dd {
  line-height: 1.25rem;
}
dl dt {
  font-style: normal;
  font-weight: 700;
}
dl dd {
  margin-left: .9375rem;
}
dl.horizontal dt {
  float: left;
  width: 10rem;
  overflow: hidden;
  clear: left;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}
dl.horizontal dd {
  margin-left: 11.25rem;
}
a {
  color: #2086bf;
}
a:visited {
  color: #2086bf;
}
hr {
  border: 0;
  height: 2px;
  background-color: #88b9e3;
}
hr.thin {
  height: 1px;
}
hr.fat {
  height: 3px;
}
.tag {
  display: inline-block;
  line-height: 1.1;
  font-size: 80%;
  padding: 1px 4px 2px;
  background-color: #eeeeee;
  border-radius: 2px;
  color: #1d1d1d;
  vertical-align: middle;
}
.tag.success {
  background-color: #60a917;
  color: #ffffff;
}
.tag.alert {
  background-color: #ce352c;
  color: #ffffff;
}
.tag.info {
  background-color: #1ba1e2;
  color: #ffffff;
}
.tag.warning {
  background-color: #fa6800;
  color: #ffffff;
}
a.tag {
  text-decoration: underline;
  cursor: pointer;
}
.container {
  width: 960px;
  margin: 0 auto;
}
.fixed-top,
.fixed-bottom {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 1030;
}
.fixed-top {
  top: 0;
  bottom: auto;
}
.fixed-bottom {
  top: auto;
  bottom: 0;
}
.pos-abs {
  position: absolute !important;
}
.pos-rel {
  position: relative !important;
}
.pos-fix {
  position: fixed !important;
}
.dropdown-toggle {
  position: relative;
  cursor: pointer;
}
.dropdown-toggle:before {
  display: block;
  position: absolute;
  vertical-align: middle;
  color: transparent;
  font-size: 0;
  content: "";
  height: 5px;
  width: 5px;
  background-color: transparent;
  border-left: 1px solid;
  border-bottom: 1px solid;
  border-color: #1d1d1d;
  top: 50%;
  left: 100%;
  margin-left: -1rem;
  margin-top: -0.1625rem;
  z-index: 2;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.dropdown-toggle.drop-marker-light:before {
  border-color: #ffffff;
}
*.dropdown-toggle {
  padding-right: 1.625rem;
}
.flush-list {
  padding: 0;
  margin: 0;
  list-style: none inside none;
}
.shadow {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
}
.before-shadow:before {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
}
.after-shadow:after {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
}
.block-shadow {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
}
.block-shadow-success {
  box-shadow: 0 0 25px 0 rgba(0, 128, 0, 0.7);
}
.block-shadow-error {
  box-shadow: 0 0 25px 0 rgba(128, 0, 0, 0.7);
}
.block-shadow-danger {
  box-shadow: 0 0 25px 0 rgba(128, 0, 0, 0.7);
}
.block-shadow-warning {
  box-shadow: 0 0 25px 0 rgba(255, 165, 0, 0.7);
}
.block-shadow-info {
  box-shadow: 0 0 25px 0 rgba(89, 205, 226, 0.7);
}
.block-shadow-impact {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}
.bottom-shadow {
  box-shadow: -1px 6px 6px -6px rgba(0, 0, 0, 0.35);
}
.text-shadow {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.before-text-shadow:before {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.after-text-shadow:after {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.no-shadow {
  box-shadow: none !important;
}
.full-size {
  width: 100% !important;
}
.block {
  display: block !important;
}
.inline-block {
  display: inline-block !important;
}
.no-display {
  display: none !important;
}
.no-margin {
  margin: 0 !important;
}
.no-margin-right {
  margin-right: 0 !important;
}
.no-margin-left {
  margin-left: 0 !important;
}
.no-margin-top {
  margin-top: 0 !important;
}
.no-margin-bottom {
  margin-bottom: 0 !important;
}
.no-padding {
  padding: 0 !important;
}
.no-padding-left {
  padding-left: 0 !important;
}
.no-padding-right {
  padding-right: 0 !important;
}
.no-padding-top {
  padding-top: 0 !important;
}
.no-padding-bottom {
  padding-bottom: 0 !important;
}
.no-float {
  float: none !important;
}
.no-visible {
  visibility: hidden !important;
}
.no-border {
  border: 0 !important;
}
.no-overflow {
  overflow: hidden !important;
}
.no-scroll {
  overflow: hidden !important;
}
.no-scroll-x {
  overflow-x: hidden !important;
}
.no-scroll-y {
  overflow-y: hidden !important;
}
.no-wrap {
  white-space: nowrap !important;
}
.no-border-left {
  border-left: none !important;
}
.no-border-right {
  border-right: none !important;
}
.no-border-top {
  border-top: none !important;
}
.no-border-bottom {
  border-bottom: none !important;
}
.transparent-border {
  border-color: transparent !important;
}
.place-right {
  float: right !important;
}
.place-left {
  float: left !important;
}
.clear-float:before,
.clear-float:after {
  display: table;
  content: "";
}
.clear-float:after {
  clear: both;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.no-user-select {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.no-appearance {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.debug {
  border: 1px dashed red;
}
.example {
  padding: .625rem 1.825rem .625rem 2.5rem;
  border: 1px #ccc dashed;
  position: relative;
  margin: 0 0 .625rem 0;
  background-color: #ffffff;
}
.example:before,
.example:after {
  display: table;
  content: "";
}
.example:after {
  clear: both;
}
.example:before {
  position: absolute;
  content: attr(data-text);
  text-transform: lowercase;
  left: 1.5rem;
  top: 11.875rem;
  color: gray;
  display: block;
  font-size: 1rem;
  line-height: 1rem;
  height: 1rem;
  text-align: right;
  white-space: nowrap;
  direction: ltr;
  width: 12.5rem;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
}
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.padding10 {
  padding: 0.625rem;
}
.padding20 {
  padding: 1.25rem;
}
.padding30 {
  padding: 1.875rem;
}
.padding40 {
  padding: 2.5rem;
}
.padding50 {
  padding: 3.125rem;
}
.padding60 {
  padding: 3.75rem;
}
.padding70 {
  padding: 4.375rem;
}
.padding80 {
  padding: 5rem;
}
.padding90 {
  padding: 5.625rem;
}
.padding100 {
  padding: 6.25rem;
}
.padding5 {
  padding: 5px;
}
.margin5 {
  margin: 5px;
}
.margin10 {
  margin: 0.625rem;
}
.margin20 {
  margin: 1.25rem;
}
.margin30 {
  margin: 1.875rem;
}
.margin40 {
  margin: 2.5rem;
}
.margin50 {
  margin: 3.125rem;
}
.margin60 {
  margin: 3.75rem;
}
.margin70 {
  margin: 4.375rem;
}
.margin80 {
  margin: 5rem;
}
.margin90 {
  margin: 5.625rem;
}
.margin100 {
  margin: 6.25rem;
}
.opacity {
  opacity: .9;
}
.half-opacity {
  opacity: .5;
}
.hi-opacity {
  opacity: .2;
}
.element-selected {
  border: 4px #4390df solid;
}
.element-selected:after {
  position: absolute;
  display: block;
  border-top: 28px solid #4390df;
  border-left: 28px solid transparent;
  right: 0;
  content: "";
  top: 0;
  z-index: 101;
}
.element-selected:before {
  position: absolute;
  display: block;
  content: "";
  background-color: transparent;
  border-color: #ffffff;
  border-left: 2px solid;
  border-bottom: 2px solid;
  height: .25rem;
  width: .5rem;
  right: 0;
  top: 0;
  z-index: 102;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
/* Block function */
.set-border {
  border: 1px #d9d9d9 solid;
}
.set-border.medium-border {
  border-width: 8px;
}
.set-border.large-border {
  border-width: 16px;
}
.grid {
  display: block;
  position: relative;
  margin: .625rem 0;
}
.grid:before,
.grid:after {
  display: table;
  content: "";
}
.grid:after {
  clear: both;
}
.grid .row {
  width: 100%;
  display: block;
  margin: 0 0 2.12765% 0;
}
.grid .row:before,
.grid .row:after {
  display: table;
  content: "";
}
.grid .row:after {
  clear: both;
}
.grid .row:last-child {
  margin-bottom: 0;
}
.grid .row > .cell {
  display: block;
  position: relative;
  float: left;
  width: 100%;
  min-height: 10px;
  margin: 0 0 0 2.12765%;
}
.grid .row > .cell:first-child {
  margin-left: 0;
}
.grid .row.cells2 > .cell {
  width: 48.936175%;
}
.grid .row.cells2 > .cell.colspan2 {
  width: 100%;
}
.grid .row.cells2 > .cell.offset1 {
  margin-left: 51.063825%;
}
.grid .row.cells2 > .cell.offset2 {
  margin-left: 102.12765%;
}
.grid .row.cells3 > .cell {
  width: 31.9149%;
}
.grid .row.cells3 > .cell.colspan2 {
  width: 65.95745%;
}
.grid .row.cells3 > .cell.colspan3 {
  width: 100%;
}
.grid .row.cells3 > .cell.offset1 {
  margin-left: 34.04255%;
}
.grid .row.cells3 > .cell.offset2 {
  margin-left: 68.0851%;
}
.grid .row.cells3 > .cell.offset3 {
  margin-left: 102.12765%;
}
.grid .row.cells4 > .cell {
  width: 23.4042625%;
}
.grid .row.cells4 > .cell.colspan2 {
  width: 48.936175%;
}
.grid .row.cells4 > .cell.colspan3 {
  width: 74.4680875%;
}
.grid .row.cells4 > .cell.colspan4 {
  width: 100%;
}
.grid .row.cells4 > .cell.offset1 {
  margin-left: 25.5319125%;
}
.grid .row.cells4 > .cell.offset2 {
  margin-left: 51.063825%;
}
.grid .row.cells4 > .cell.offset3 {
  margin-left: 76.5957375%;
}
.grid .row.cells4 > .cell.offset4 {
  margin-left: 102.12765%;
}
.grid .row.cells5 > .cell {
  width: 18.29788%;
}
.grid .row.cells5 > .cell.colspan2 {
  width: 38.72341%;
}
.grid .row.cells5 > .cell.colspan3 {
  width: 59.14894%;
}
.grid .row.cells5 > .cell.colspan4 {
  width: 79.57447%;
}
.grid .row.cells5 > .cell.colspan5 {
  width: 100%;
}
.grid .row.cells5 > .cell.offset1 {
  margin-left: 20.42553%;
}
.grid .row.cells5 > .cell.offset2 {
  margin-left: 40.85106%;
}
.grid .row.cells5 > .cell.offset3 {
  margin-left: 61.27659%;
}
.grid .row.cells5 > .cell.offset4 {
  margin-left: 81.70212%;
}
.grid .row.cells5 > .cell.offset5 {
  margin-left: 102.12765%;
}
.grid .row.cells6 > .cell {
  width: 14.893625%;
}
.grid .row.cells6 > .cell.colspan2 {
  width: 31.9149%;
}
.grid .row.cells6 > .cell.colspan3 {
  width: 48.936175%;
}
.grid .row.cells6 > .cell.colspan4 {
  width: 65.95745%;
}
.grid .row.cells6 > .cell.colspan5 {
  width: 82.978725%;
}
.grid .row.cells6 > .cell.colspan6 {
  width: 100%;
}
.grid .row.cells6 > .cell.offset1 {
  margin-left: 17.021275%;
}
.grid .row.cells6 > .cell.offset2 {
  margin-left: 34.04255%;
}
.grid .row.cells6 > .cell.offset3 {
  margin-left: 51.063825%;
}
.grid .row.cells6 > .cell.offset4 {
  margin-left: 68.0851%;
}
.grid .row.cells6 > .cell.offset5 {
  margin-left: 85.106375%;
}
.grid .row.cells6 > .cell.offset6 {
  margin-left: 102.12765%;
}
.grid .row.cells7 > .cell {
  width: 12.46201429%;
}
.grid .row.cells7 > .cell.colspan2 {
  width: 27.05167857%;
}
.grid .row.cells7 > .cell.colspan3 {
  width: 41.64134286%;
}
.grid .row.cells7 > .cell.colspan4 {
  width: 56.23100714%;
}
.grid .row.cells7 > .cell.colspan5 {
  width: 70.82067143%;
}
.grid .row.cells7 > .cell.colspan6 {
  width: 85.41033571%;
}
.grid .row.cells7 > .cell.colspan7 {
  width: 100%;
}
.grid .row.cells7 > .cell.offset1 {
  margin-left: 14.58966429%;
}
.grid .row.cells7 > .cell.offset2 {
  margin-left: 29.17932857%;
}
.grid .row.cells7 > .cell.offset3 {
  margin-left: 43.76899286%;
}
.grid .row.cells7 > .cell.offset4 {
  margin-left: 58.35865714%;
}
.grid .row.cells7 > .cell.offset5 {
  margin-left: 72.94832143%;
}
.grid .row.cells7 > .cell.offset6 {
  margin-left: 87.53798571%;
}
.grid .row.cells7 > .cell.offset7 {
  margin-left: 102.12765%;
}
.grid .row.cells8 > .cell {
  width: 10.63830625%;
}
.grid .row.cells8 > .cell.colspan2 {
  width: 23.4042625%;
}
.grid .row.cells8 > .cell.colspan3 {
  width: 36.17021875%;
}
.grid .row.cells8 > .cell.colspan4 {
  width: 48.936175%;
}
.grid .row.cells8 > .cell.colspan5 {
  width: 61.70213125%;
}
.grid .row.cells8 > .cell.colspan6 {
  width: 74.4680875%;
}
.grid .row.cells8 > .cell.colspan7 {
  width: 87.23404375%;
}
.grid .row.cells8 > .cell.colspan8 {
  width: 100%;
}
.grid .row.cells8 > .cell.offset1 {
  margin-left: 12.76595625%;
}
.grid .row.cells8 > .cell.offset2 {
  margin-left: 25.5319125%;
}
.grid .row.cells8 > .cell.offset3 {
  margin-left: 38.29786875%;
}
.grid .row.cells8 > .cell.offset4 {
  margin-left: 51.063825%;
}
.grid .row.cells8 > .cell.offset5 {
  margin-left: 63.82978125%;
}
.grid .row.cells8 > .cell.offset6 {
  margin-left: 76.5957375%;
}
.grid .row.cells8 > .cell.offset7 {
  margin-left: 89.36169375%;
}
.grid .row.cells8 > .cell.offset8 {
  margin-left: 102.12765%;
}
.grid .row.cells9 > .cell {
  width: 9.21986667%;
}
.grid .row.cells9 > .cell.colspan2 {
  width: 20.56738333%;
}
.grid .row.cells9 > .cell.colspan3 {
  width: 31.9149%;
}
.grid .row.cells9 > .cell.colspan4 {
  width: 43.26241667%;
}
.grid .row.cells9 > .cell.colspan5 {
  width: 54.60993333%;
}
.grid .row.cells9 > .cell.colspan6 {
  width: 65.95745%;
}
.grid .row.cells9 > .cell.colspan7 {
  width: 77.30496667%;
}
.grid .row.cells9 > .cell.colspan8 {
  width: 88.65248333%;
}
.grid .row.cells9 > .cell.colspan9 {
  width: 100%;
}
.grid .row.cells9 > .cell.offset1 {
  margin-left: 11.34751667%;
}
.grid .row.cells9 > .cell.offset2 {
  margin-left: 22.69503333%;
}
.grid .row.cells9 > .cell.offset3 {
  margin-left: 34.04255%;
}
.grid .row.cells9 > .cell.offset4 {
  margin-left: 45.39006667%;
}
.grid .row.cells9 > .cell.offset5 {
  margin-left: 56.73758333%;
}
.grid .row.cells9 > .cell.offset6 {
  margin-left: 68.0851%;
}
.grid .row.cells9 > .cell.offset7 {
  margin-left: 79.43261667%;
}
.grid .row.cells9 > .cell.offset8 {
  margin-left: 90.78013333%;
}
.grid .row.cells9 > .cell.offset9 {
  margin-left: 102.12765%;
}
.grid .row.cells10 > .cell {
  width: 8.085115%;
}
.grid .row.cells10 > .cell.colspan2 {
  width: 18.29788%;
}
.grid .row.cells10 > .cell.colspan3 {
  width: 28.510645%;
}
.grid .row.cells10 > .cell.colspan4 {
  width: 38.72341%;
}
.grid .row.cells10 > .cell.colspan5 {
  width: 48.936175%;
}
.grid .row.cells10 > .cell.colspan6 {
  width: 59.14894%;
}
.grid .row.cells10 > .cell.colspan7 {
  width: 69.361705%;
}
.grid .row.cells10 > .cell.colspan8 {
  width: 79.57447%;
}
.grid .row.cells10 > .cell.colspan9 {
  width: 89.787235%;
}
.grid .row.cells10 > .cell.colspan10 {
  width: 100%;
}
.grid .row.cells10 > .cell.offset1 {
  margin-left: 10.212765%;
}
.grid .row.cells10 > .cell.offset2 {
  margin-left: 20.42553%;
}
.grid .row.cells10 > .cell.offset3 {
  margin-left: 30.638295%;
}
.grid .row.cells10 > .cell.offset4 {
  margin-left: 40.85106%;
}
.grid .row.cells10 > .cell.offset5 {
  margin-left: 51.063825%;
}
.grid .row.cells10 > .cell.offset6 {
  margin-left: 61.27659%;
}
.grid .row.cells10 > .cell.offset7 {
  margin-left: 71.489355%;
}
.grid .row.cells10 > .cell.offset8 {
  margin-left: 81.70212%;
}
.grid .row.cells10 > .cell.offset9 {
  margin-left: 91.914885%;
}
.grid .row.cells10 > .cell.offset10 {
  margin-left: 102.12765%;
}
.grid .row.cells11 > .cell {
  width: 7.15668182%;
}
.grid .row.cells11 > .cell.colspan2 {
  width: 16.44101364%;
}
.grid .row.cells11 > .cell.colspan3 {
  width: 25.72534545%;
}
.grid .row.cells11 > .cell.colspan4 {
  width: 35.00967727%;
}
.grid .row.cells11 > .cell.colspan5 {
  width: 44.29400909%;
}
.grid .row.cells11 > .cell.colspan6 {
  width: 53.57834091%;
}
.grid .row.cells11 > .cell.colspan7 {
  width: 62.86267273%;
}
.grid .row.cells11 > .cell.colspan8 {
  width: 72.14700455%;
}
.grid .row.cells11 > .cell.colspan9 {
  width: 81.43133636%;
}
.grid .row.cells11 > .cell.colspan10 {
  width: 90.71566818%;
}
.grid .row.cells11 > .cell.colspan11 {
  width: 100%;
}
.grid .row.cells11 > .cell.offset1 {
  margin-left: 9.28433182%;
}
.grid .row.cells11 > .cell.offset2 {
  margin-left: 18.56866364%;
}
.grid .row.cells11 > .cell.offset3 {
  margin-left: 27.85299545%;
}
.grid .row.cells11 > .cell.offset4 {
  margin-left: 37.13732727%;
}
.grid .row.cells11 > .cell.offset5 {
  margin-left: 46.42165909%;
}
.grid .row.cells11 > .cell.offset6 {
  margin-left: 55.70599091%;
}
.grid .row.cells11 > .cell.offset7 {
  margin-left: 64.99032273%;
}
.grid .row.cells11 > .cell.offset8 {
  margin-left: 74.27465455%;
}
.grid .row.cells11 > .cell.offset9 {
  margin-left: 83.55898636%;
}
.grid .row.cells11 > .cell.offset10 {
  margin-left: 92.84331818%;
}
.grid .row.cells11 > .cell.offset11 {
  margin-left: 102.12765%;
}
.grid .row.cells12 > .cell {
  width: 6.3829875%;
}
.grid .row.cells12 > .cell.colspan2 {
  width: 14.893625%;
}
.grid .row.cells12 > .cell.colspan3 {
  width: 23.4042625%;
}
.grid .row.cells12 > .cell.colspan4 {
  width: 31.9149%;
}
.grid .row.cells12 > .cell.colspan5 {
  width: 40.4255375%;
}
.grid .row.cells12 > .cell.colspan6 {
  width: 48.936175%;
}
.grid .row.cells12 > .cell.colspan7 {
  width: 57.4468125%;
}
.grid .row.cells12 > .cell.colspan8 {
  width: 65.95745%;
}
.grid .row.cells12 > .cell.colspan9 {
  width: 74.4680875%;
}
.grid .row.cells12 > .cell.colspan10 {
  width: 82.978725%;
}
.grid .row.cells12 > .cell.colspan11 {
  width: 91.4893625%;
}
.grid .row.cells12 > .cell.colspan12 {
  width: 100%;
}
.grid .row.cells12 > .cell.offset1 {
  margin-left: 8.5106375%;
}
.grid .row.cells12 > .cell.offset2 {
  margin-left: 17.021275%;
}
.grid .row.cells12 > .cell.offset3 {
  margin-left: 25.5319125%;
}
.grid .row.cells12 > .cell.offset4 {
  margin-left: 34.04255%;
}
.grid .row.cells12 > .cell.offset5 {
  margin-left: 42.5531875%;
}
.grid .row.cells12 > .cell.offset6 {
  margin-left: 51.063825%;
}
.grid .row.cells12 > .cell.offset7 {
  margin-left: 59.5744625%;
}
.grid .row.cells12 > .cell.offset8 {
  margin-left: 68.0851%;
}
.grid .row.cells12 > .cell.offset9 {
  margin-left: 76.5957375%;
}
.grid .row.cells12 > .cell.offset10 {
  margin-left: 85.106375%;
}
.grid .row.cells12 > .cell.offset11 {
  margin-left: 93.6170125%;
}
.grid .row.cells12 > .cell.offset12 {
  margin-left: 102.12765%;
}
.grid .row:empty {
  display: none;
}
.grid.condensed .row {
  margin: 0 0 0 0;
}
.grid.condensed .row:last-child {
  margin-bottom: 0;
}
.grid.condensed .row > .cell {
  margin: 0 0 0 0;
}
.grid.condensed .row.cells2 > .cell {
  width: 50%;
}
.grid.condensed .row.cells2 > .cell.colspan2 {
  width: 100%;
}
.grid.condensed .row.cells2 > .cell.offset1 {
  margin-left: 50%;
}
.grid.condensed .row.cells2 > .cell.offset2 {
  margin-left: 100%;
}
.grid.condensed .row.cells3 > .cell {
  width: 33.33333333%;
}
.grid.condensed .row.cells3 > .cell.colspan2 {
  width: 66.66666667%;
}
.grid.condensed .row.cells3 > .cell.colspan3 {
  width: 100%;
}
.grid.condensed .row.cells3 > .cell.offset1 {
  margin-left: 33.33333333%;
}
.grid.condensed .row.cells3 > .cell.offset2 {
  margin-left: 66.66666667%;
}
.grid.condensed .row.cells3 > .cell.offset3 {
  margin-left: 100%;
}
.grid.condensed .row.cells4 > .cell {
  width: 25%;
}
.grid.condensed .row.cells4 > .cell.colspan2 {
  width: 50%;
}
.grid.condensed .row.cells4 > .cell.colspan3 {
  width: 75%;
}
.grid.condensed .row.cells4 > .cell.colspan4 {
  width: 100%;
}
.grid.condensed .row.cells4 > .cell.offset1 {
  margin-left: 25%;
}
.grid.condensed .row.cells4 > .cell.offset2 {
  margin-left: 50%;
}
.grid.condensed .row.cells4 > .cell.offset3 {
  margin-left: 75%;
}
.grid.condensed .row.cells4 > .cell.offset4 {
  margin-left: 100%;
}
.grid.condensed .row.cells5 > .cell {
  width: 20%;
}
.grid.condensed .row.cells5 > .cell.colspan2 {
  width: 40%;
}
.grid.condensed .row.cells5 > .cell.colspan3 {
  width: 60%;
}
.grid.condensed .row.cells5 > .cell.colspan4 {
  width: 80%;
}
.grid.condensed .row.cells5 > .cell.colspan5 {
  width: 100%;
}
.grid.condensed .row.cells5 > .cell.offset1 {
  margin-left: 20%;
}
.grid.condensed .row.cells5 > .cell.offset2 {
  margin-left: 40%;
}
.grid.condensed .row.cells5 > .cell.offset3 {
  margin-left: 60%;
}
.grid.condensed .row.cells5 > .cell.offset4 {
  margin-left: 80%;
}
.grid.condensed .row.cells5 > .cell.offset5 {
  margin-left: 100%;
}
.grid.condensed .row.cells6 > .cell {
  width: 16.66666667%;
}
.grid.condensed .row.cells6 > .cell.colspan2 {
  width: 33.33333333%;
}
.grid.condensed .row.cells6 > .cell.colspan3 {
  width: 50%;
}
.grid.condensed .row.cells6 > .cell.colspan4 {
  width: 66.66666667%;
}
.grid.condensed .row.cells6 > .cell.colspan5 {
  width: 83.33333333%;
}
.grid.condensed .row.cells6 > .cell.colspan6 {
  width: 100%;
}
.grid.condensed .row.cells6 > .cell.offset1 {
  margin-left: 16.66666667%;
}
.grid.condensed .row.cells6 > .cell.offset2 {
  margin-left: 33.33333333%;
}
.grid.condensed .row.cells6 > .cell.offset3 {
  margin-left: 50%;
}
.grid.condensed .row.cells6 > .cell.offset4 {
  margin-left: 66.66666667%;
}
.grid.condensed .row.cells6 > .cell.offset5 {
  margin-left: 83.33333333%;
}
.grid.condensed .row.cells6 > .cell.offset6 {
  margin-left: 100%;
}
.grid.condensed .row.cells7 > .cell {
  width: 14.28571429%;
}
.grid.condensed .row.cells7 > .cell.colspan2 {
  width: 28.57142857%;
}
.grid.condensed .row.cells7 > .cell.colspan3 {
  width: 42.85714286%;
}
.grid.condensed .row.cells7 > .cell.colspan4 {
  width: 57.14285714%;
}
.grid.condensed .row.cells7 > .cell.colspan5 {
  width: 71.42857143%;
}
.grid.condensed .row.cells7 > .cell.colspan6 {
  width: 85.71428571%;
}
.grid.condensed .row.cells7 > .cell.colspan7 {
  width: 100%;
}
.grid.condensed .row.cells7 > .cell.offset1 {
  margin-left: 14.28571429%;
}
.grid.condensed .row.cells7 > .cell.offset2 {
  margin-left: 28.57142857%;
}
.grid.condensed .row.cells7 > .cell.offset3 {
  margin-left: 42.85714286%;
}
.grid.condensed .row.cells7 > .cell.offset4 {
  margin-left: 57.14285714%;
}
.grid.condensed .row.cells7 > .cell.offset5 {
  margin-left: 71.42857143%;
}
.grid.condensed .row.cells7 > .cell.offset6 {
  margin-left: 85.71428571%;
}
.grid.condensed .row.cells7 > .cell.offset7 {
  margin-left: 100%;
}
.grid.condensed .row.cells8 > .cell {
  width: 12.5%;
}
.grid.condensed .row.cells8 > .cell.colspan2 {
  width: 25%;
}
.grid.condensed .row.cells8 > .cell.colspan3 {
  width: 37.5%;
}
.grid.condensed .row.cells8 > .cell.colspan4 {
  width: 50%;
}
.grid.condensed .row.cells8 > .cell.colspan5 {
  width: 62.5%;
}
.grid.condensed .row.cells8 > .cell.colspan6 {
  width: 75%;
}
.grid.condensed .row.cells8 > .cell.colspan7 {
  width: 87.5%;
}
.grid.condensed .row.cells8 > .cell.colspan8 {
  width: 100%;
}
.grid.condensed .row.cells8 > .cell.offset1 {
  margin-left: 12.5%;
}
.grid.condensed .row.cells8 > .cell.offset2 {
  margin-left: 25%;
}
.grid.condensed .row.cells8 > .cell.offset3 {
  margin-left: 37.5%;
}
.grid.condensed .row.cells8 > .cell.offset4 {
  margin-left: 50%;
}
.grid.condensed .row.cells8 > .cell.offset5 {
  margin-left: 62.5%;
}
.grid.condensed .row.cells8 > .cell.offset6 {
  margin-left: 75%;
}
.grid.condensed .row.cells8 > .cell.offset7 {
  margin-left: 87.5%;
}
.grid.condensed .row.cells8 > .cell.offset8 {
  margin-left: 100%;
}
.grid.condensed .row.cells9 > .cell {
  width: 11.11111111%;
}
.grid.condensed .row.cells9 > .cell.colspan2 {
  width: 22.22222222%;
}
.grid.condensed .row.cells9 > .cell.colspan3 {
  width: 33.33333333%;
}
.grid.condensed .row.cells9 > .cell.colspan4 {
  width: 44.44444444%;
}
.grid.condensed .row.cells9 > .cell.colspan5 {
  width: 55.55555556%;
}
.grid.condensed .row.cells9 > .cell.colspan6 {
  width: 66.66666667%;
}
.grid.condensed .row.cells9 > .cell.colspan7 {
  width: 77.77777778%;
}
.grid.condensed .row.cells9 > .cell.colspan8 {
  width: 88.88888889%;
}
.grid.condensed .row.cells9 > .cell.colspan9 {
  width: 100%;
}
.grid.condensed .row.cells9 > .cell.offset1 {
  margin-left: 11.11111111%;
}
.grid.condensed .row.cells9 > .cell.offset2 {
  margin-left: 22.22222222%;
}
.grid.condensed .row.cells9 > .cell.offset3 {
  margin-left: 33.33333333%;
}
.grid.condensed .row.cells9 > .cell.offset4 {
  margin-left: 44.44444444%;
}
.grid.condensed .row.cells9 > .cell.offset5 {
  margin-left: 55.55555556%;
}
.grid.condensed .row.cells9 > .cell.offset6 {
  margin-left: 66.66666667%;
}
.grid.condensed .row.cells9 > .cell.offset7 {
  margin-left: 77.77777778%;
}
.grid.condensed .row.cells9 > .cell.offset8 {
  margin-left: 88.88888889%;
}
.grid.condensed .row.cells9 > .cell.offset9 {
  margin-left: 100%;
}
.grid.condensed .row.cells10 > .cell {
  width: 10%;
}
.grid.condensed .row.cells10 > .cell.colspan2 {
  width: 20%;
}
.grid.condensed .row.cells10 > .cell.colspan3 {
  width: 30%;
}
.grid.condensed .row.cells10 > .cell.colspan4 {
  width: 40%;
}
.grid.condensed .row.cells10 > .cell.colspan5 {
  width: 50%;
}
.grid.condensed .row.cells10 > .cell.colspan6 {
  width: 60%;
}
.grid.condensed .row.cells10 > .cell.colspan7 {
  width: 70%;
}
.grid.condensed .row.cells10 > .cell.colspan8 {
  width: 80%;
}
.grid.condensed .row.cells10 > .cell.colspan9 {
  width: 90%;
}
.grid.condensed .row.cells10 > .cell.colspan10 {
  width: 100%;
}
.grid.condensed .row.cells10 > .cell.offset1 {
  margin-left: 10%;
}
.grid.condensed .row.cells10 > .cell.offset2 {
  margin-left: 20%;
}
.grid.condensed .row.cells10 > .cell.offset3 {
  margin-left: 30%;
}
.grid.condensed .row.cells10 > .cell.offset4 {
  margin-left: 40%;
}
.grid.condensed .row.cells10 > .cell.offset5 {
  margin-left: 50%;
}
.grid.condensed .row.cells10 > .cell.offset6 {
  margin-left: 60%;
}
.grid.condensed .row.cells10 > .cell.offset7 {
  margin-left: 70%;
}
.grid.condensed .row.cells10 > .cell.offset8 {
  margin-left: 80%;
}
.grid.condensed .row.cells10 > .cell.offset9 {
  margin-left: 90%;
}
.grid.condensed .row.cells10 > .cell.offset10 {
  margin-left: 100%;
}
.grid.condensed .row.cells11 > .cell {
  width: 9.09090909%;
}
.grid.condensed .row.cells11 > .cell.colspan2 {
  width: 18.18181818%;
}
.grid.condensed .row.cells11 > .cell.colspan3 {
  width: 27.27272727%;
}
.grid.condensed .row.cells11 > .cell.colspan4 {
  width: 36.36363636%;
}
.grid.condensed .row.cells11 > .cell.colspan5 {
  width: 45.45454545%;
}
.grid.condensed .row.cells11 > .cell.colspan6 {
  width: 54.54545455%;
}
.grid.condensed .row.cells11 > .cell.colspan7 {
  width: 63.63636364%;
}
.grid.condensed .row.cells11 > .cell.colspan8 {
  width: 72.72727273%;
}
.grid.condensed .row.cells11 > .cell.colspan9 {
  width: 81.81818182%;
}
.grid.condensed .row.cells11 > .cell.colspan10 {
  width: 90.90909091%;
}
.grid.condensed .row.cells11 > .cell.colspan11 {
  width: 100%;
}
.grid.condensed .row.cells11 > .cell.offset1 {
  margin-left: 9.09090909%;
}
.grid.condensed .row.cells11 > .cell.offset2 {
  margin-left: 18.18181818%;
}
.grid.condensed .row.cells11 > .cell.offset3 {
  margin-left: 27.27272727%;
}
.grid.condensed .row.cells11 > .cell.offset4 {
  margin-left: 36.36363636%;
}
.grid.condensed .row.cells11 > .cell.offset5 {
  margin-left: 45.45454545%;
}
.grid.condensed .row.cells11 > .cell.offset6 {
  margin-left: 54.54545455%;
}
.grid.condensed .row.cells11 > .cell.offset7 {
  margin-left: 63.63636364%;
}
.grid.condensed .row.cells11 > .cell.offset8 {
  margin-left: 72.72727273%;
}
.grid.condensed .row.cells11 > .cell.offset9 {
  margin-left: 81.81818182%;
}
.grid.condensed .row.cells11 > .cell.offset10 {
  margin-left: 90.90909091%;
}
.grid.condensed .row.cells11 > .cell.offset11 {
  margin-left: 100%;
}
.grid.condensed .row.cells12 > .cell {
  width: 8.33333333%;
}
.grid.condensed .row.cells12 > .cell.colspan2 {
  width: 16.66666667%;
}
.grid.condensed .row.cells12 > .cell.colspan3 {
  width: 25%;
}
.grid.condensed .row.cells12 > .cell.colspan4 {
  width: 33.33333333%;
}
.grid.condensed .row.cells12 > .cell.colspan5 {
  width: 41.66666667%;
}
.grid.condensed .row.cells12 > .cell.colspan6 {
  width: 50%;
}
.grid.condensed .row.cells12 > .cell.colspan7 {
  width: 58.33333333%;
}
.grid.condensed .row.cells12 > .cell.colspan8 {
  width: 66.66666667%;
}
.grid.condensed .row.cells12 > .cell.colspan9 {
  width: 75%;
}
.grid.condensed .row.cells12 > .cell.colspan10 {
  width: 83.33333333%;
}
.grid.condensed .row.cells12 > .cell.colspan11 {
  width: 91.66666667%;
}
.grid.condensed .row.cells12 > .cell.colspan12 {
  width: 100%;
}
.grid.condensed .row.cells12 > .cell.offset1 {
  margin-left: 8.33333333%;
}
.grid.condensed .row.cells12 > .cell.offset2 {
  margin-left: 16.66666667%;
}
.grid.condensed .row.cells12 > .cell.offset3 {
  margin-left: 25%;
}
.grid.condensed .row.cells12 > .cell.offset4 {
  margin-left: 33.33333333%;
}
.grid.condensed .row.cells12 > .cell.offset5 {
  margin-left: 41.66666667%;
}
.grid.condensed .row.cells12 > .cell.offset6 {
  margin-left: 50%;
}
.grid.condensed .row.cells12 > .cell.offset7 {
  margin-left: 58.33333333%;
}
.grid.condensed .row.cells12 > .cell.offset8 {
  margin-left: 66.66666667%;
}
.grid.condensed .row.cells12 > .cell.offset9 {
  margin-left: 75%;
}
.grid.condensed .row.cells12 > .cell.offset10 {
  margin-left: 83.33333333%;
}
.grid.condensed .row.cells12 > .cell.offset11 {
  margin-left: 91.66666667%;
}
.grid.condensed .row.cells12 > .cell.offset12 {
  margin-left: 100%;
}
.flex-grid {
  display: block;
  width: 100%;
}
.flex-grid .row {
  display: -webkit-flex;
  display: flex;
}
.flex-grid .row .cell {
  -webkit-flex: 0 0 8.33333333%;
  flex: 0 0 8.33333333%;
}
.flex-grid .row.cell-auto-size .cell {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.flex-grid .row .cell.colspan2 {
  -webkit-flex: 0 0 16.66666666%;
  flex: 0 0 16.66666666%;
}
.flex-grid .row .cell.colspan3 {
  -webkit-flex: 0 0 24.99999999%;
  flex: 0 0 24.99999999%;
}
.flex-grid .row .cell.colspan4 {
  -webkit-flex: 0 0 33.33333332%;
  flex: 0 0 33.33333332%;
}
.flex-grid .row .cell.colspan5 {
  -webkit-flex: 0 0 41.66666665%;
  flex: 0 0 41.66666665%;
}
.flex-grid .row .cell.colspan6 {
  -webkit-flex: 0 0 49.99999998%;
  flex: 0 0 49.99999998%;
}
.flex-grid .row .cell.colspan7 {
  -webkit-flex: 0 0 58.33333331%;
  flex: 0 0 58.33333331%;
}
.flex-grid .row .cell.colspan8 {
  -webkit-flex: 0 0 66.66666664%;
  flex: 0 0 66.66666664%;
}
.flex-grid .row .cell.colspan9 {
  -webkit-flex: 0 0 74.99999997%;
  flex: 0 0 74.99999997%;
}
.flex-grid .row .cell.colspan10 {
  -webkit-flex: 0 0 83.3333333%;
  flex: 0 0 83.3333333%;
}
.flex-grid .row .cell.colspan11 {
  -webkit-flex: 0 0 91.66666663%;
  flex: 0 0 91.66666663%;
}
.flex-grid .row .cell.colspan12 {
  -webkit-flex: 0 0 99.99999996%;
  flex: 0 0 99.99999996%;
}
.flex-grid .row .cell.size1 {
  -webkit-flex: 0 0 8.33333333%;
  flex: 0 0 8.33333333%;
}
.flex-grid .row .cell.size2 {
  -webkit-flex: 0 0 16.66666666%;
  flex: 0 0 16.66666666%;
}
.flex-grid .row .cell.size3 {
  -webkit-flex: 0 0 24.99999999%;
  flex: 0 0 24.99999999%;
}
.flex-grid .row .cell.size4 {
  -webkit-flex: 0 0 33.33333332%;
  flex: 0 0 33.33333332%;
}
.flex-grid .row .cell.size5 {
  -webkit-flex: 0 0 41.66666665%;
  flex: 0 0 41.66666665%;
}
.flex-grid .row .cell.size6 {
  -webkit-flex: 0 0 49.99999998%;
  flex: 0 0 49.99999998%;
}
.flex-grid .row .cell.size7 {
  -webkit-flex: 0 0 58.33333331%;
  flex: 0 0 58.33333331%;
}
.flex-grid .row .cell.size8 {
  -webkit-flex: 0 0 66.66666664%;
  flex: 0 0 66.66666664%;
}
.flex-grid .row .cell.size9 {
  -webkit-flex: 0 0 74.99999997%;
  flex: 0 0 74.99999997%;
}
.flex-grid .row .cell.size10 {
  -webkit-flex: 0 0 83.3333333%;
  flex: 0 0 83.3333333%;
}
.flex-grid .row .cell.size11 {
  -webkit-flex: 0 0 91.66666663%;
  flex: 0 0 91.66666663%;
}
.flex-grid .row .cell.size12 {
  -webkit-flex: 0 0 99.99999996%;
  flex: 0 0 99.99999996%;
}
.flex-grid .row .cell.size-p10 {
  -webkit-flex: 0 0 10%;
  flex: 0 0 10%;
}
.flex-grid .row .cell.size-p20 {
  -webkit-flex: 0 0 20%;
  flex: 0 0 20%;
}
.flex-grid .row .cell.size-p30 {
  -webkit-flex: 0 0 30%;
  flex: 0 0 30%;
}
.flex-grid .row .cell.size-p40 {
  -webkit-flex: 0 0 40%;
  flex: 0 0 40%;
}
.flex-grid .row .cell.size-p50 {
  -webkit-flex: 0 0 50%;
  flex: 0 0 50%;
}
.flex-grid .row .cell.size-p60 {
  -webkit-flex: 0 0 60%;
  flex: 0 0 60%;
}
.flex-grid .row .cell.size-p70 {
  -webkit-flex: 0 0 70%;
  flex: 0 0 70%;
}
.flex-grid .row .cell.size-p80 {
  -webkit-flex: 0 0 80%;
  flex: 0 0 80%;
}
.flex-grid .row .cell.size-p90 {
  -webkit-flex: 0 0 90%;
  flex: 0 0 90%;
}
.flex-grid .row .cell.size-p100 {
  -webkit-flex: 0 0 100%;
  flex: 0 0 100%;
}
.flex-grid .row .cell.size-x100 {
  -webkit-flex: 0 0 100px;
  flex: 0 0 100px;
}
.flex-grid .row .cell.size-x200 {
  -webkit-flex: 0 0 200px;
  flex: 0 0 200px;
}
.flex-grid .row .cell.size-x300 {
  -webkit-flex: 0 0 300px;
  flex: 0 0 300px;
}
.flex-grid .row .cell.size-x400 {
  -webkit-flex: 0 0 400px;
  flex: 0 0 400px;
}
.flex-grid .row .cell.size-x500 {
  -webkit-flex: 0 0 500px;
  flex: 0 0 500px;
}
.flex-grid .row .cell.size-x600 {
  -webkit-flex: 0 0 600px;
  flex: 0 0 600px;
}
.flex-grid .row .cell.size-x700 {
  -webkit-flex: 0 0 700px;
  flex: 0 0 700px;
}
.flex-grid .row .cell.size-x800 {
  -webkit-flex: 0 0 800px;
  flex: 0 0 800px;
}
.flex-grid .row .cell.size-x900 {
  -webkit-flex: 0 0 900px;
  flex: 0 0 900px;
}
.flex-grid .row .cell.size-x1000 {
  -webkit-flex: 0 0 1000px;
  flex: 0 0 1000px;
}
.flex-grid .row .cell.auto-size {
  -webkit-flex: 1 auto;
  flex: 1 auto;
}
.table {
  width: 100%;
  margin: .625rem 0;
}
.table th,
.table td {
  padding: 0.625rem;
}
.table thead {
  border-bottom: 4px solid #999999;
}
.table thead th,
.table thead td {
  cursor: default;
  color: #52677a;
  border-color: transparent;
  text-align: left;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}
.table tfoot {
  border-top: 4px solid #999999;
}
.table tfoot th,
.table tfoot td {
  cursor: default;
  color: #52677a;
  border-color: transparent;
  text-align: left;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}
.table tbody td {
  padding: 0.625rem 0.85rem;
}
.table .sortable-column {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.table .sortable-column:after {
  position: absolute;
  content: "";
  width: 1rem;
  height: 1rem;
  left: 100%;
  margin-left: -20px;
  top: 50%;
  margin-top: -0.5rem;
  color: inherit;
  font-size: 1rem;
  line-height: 1;
}
.table .sortable-column.sort-asc,
.table .sortable-column.sort-desc {
  background-color: #eeeeee;
}
.table .sortable-column.sort-asc:after,
.table .sortable-column.sort-desc:after {
  color: #1d1d1d;
}
.table .sortable-column.sort-asc:after {
  content: "\2191";
}
.table .sortable-column.sort-desc:after {
  content: "\2193";
}
.table.sortable-markers-on-left .sortable-column {
  padding-left: 30px;
}
.table.sortable-markers-on-left .sortable-column:before,
.table.sortable-markers-on-left .sortable-column:after {
  left: 0;
  margin-left: 10px;
}
.table tr.selected td {
  background-color: rgba(28, 183, 236, 0.1);
}
.table td.selected {
  background-color: rgba(28, 183, 236, 0.3);
}
.table.striped tbody tr:nth-child(odd) {
  background: #eeeeee;
}
.table.hovered tbody tr:hover {
  background-color: rgba(28, 183, 236, 0.1);
}
.table.cell-hovered tbody td:hover {
  background-color: rgba(28, 183, 236, 0.3);
}
.table.border {
  border: 1px #999999 solid;
}
.table.bordered th,
.table.bordered td {
  border: 1px #999999 solid;
}
.table.bordered thead tr:first-child th,
.table.bordered thead tr:first-child td {
  border-top: none;
}
.table.bordered thead tr:first-child th:first-child,
.table.bordered thead tr:first-child td:first-child {
  border-left: none;
}
.table.bordered thead tr:first-child th:last-child,
.table.bordered thead tr:first-child td:last-child {
  border-right: none;
}
.table.bordered tbody tr:first-child td {
  border-top: none;
}
.table.bordered tbody tr td:first-child {
  border-left: none;
}
.table.bordered tbody tr td:last-child {
  border-right: none;
}
.table.bordered tbody tr:last-child td {
  border-bottom: none;
}
.table .condensed th,
.table .condensed td {
  padding: .3125rem;
}
.table .super-condensed th,
.table .super-condensed td {
  padding: .125rem;
}
.table tbody tr.error {
  background-color: #ce352c;
  color: #ffffff;
}
.table tbody tr.error:hover {
  background-color: #da5a53;
}
.table tbody tr.warning {
  background-color: #fa6800;
  color: #ffffff;
}
.table tbody tr.warning:hover {
  background-color: #ffc194;
}
.table tbody tr.success {
  background-color: #60a917;
  color: #ffffff;
}
.table tbody tr.success:hover {
  background-color: #7ad61d;
}
.table tbody tr.info {
  background-color: #1ba1e2;
  color: #ffffff;
}
.table tbody tr.info:hover {
  background-color: #59cde2;
}
.app-bar {
  display: block;
  width: 100%;
  position: relative;
  background-color: #0072c6;
  color: #ffffff;
  height: 3.125rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.app-bar:before,
.app-bar:after {
  display: table;
  content: "";
}
.app-bar:after {
  clear: both;
}
.app-bar .app-bar-element {
  line-height: 3.125rem;
  padding: 0 .625rem;
  font-size: 1rem;
  cursor: pointer;
  color: inherit;
  display: block;
  float: left;
  position: relative;
  vertical-align: middle;
  height: 3.125rem;
  background-color: inherit;
}
.app-bar .app-bar-element:hover,
.app-bar .app-bar-element:active {
  background-color: #005696;
}
.app-bar .app-bar-element.branding {
  padding-left: 1rem;
  padding-right: 1rem;
}
.app-bar .app-bar-element.branding.no-hover:hover,
.app-bar .app-bar-element.branding.no-hover:active {
  background-color: #0072c6;
}
.app-bar .app-bar-element .d-menu {
  top: 100%;
  border: 2px solid #005696;
}
.app-bar .app-bar-element .d-menu li:not(.disabled):hover {
  background-color: #eee;
}
.app-bar .app-bar-element .d-menu li:not(.disabled):hover > a {
  color: #1d1d1d;
}
.app-bar .app-bar-element .d-menu .d-menu {
  top: -0.625rem;
  left: 100%;
}
.app-bar .app-bar-element .d-menu .dropdown-toggle:before {
  border-color: #1d1d1d;
}
.app-bar .app-bar-divider {
  display: block;
  float: left;
  line-height: 3.125rem;
  height: 3.125rem;
  width: 1px;
  background-color: #4c9cd7;
  padding: 0;
}
.app-bar .dropdown-toggle:before {
  border-color: #ffffff;
}
.app-bar .app-bar-menu {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
}
.app-bar .app-bar-menu > li,
.app-bar .app-bar-menu > li > a {
  line-height: 3.125rem;
  padding: 0 .625rem;
  font-size: 1rem;
  cursor: pointer;
  color: inherit;
  display: block;
  float: left;
  position: relative;
  vertical-align: middle;
  height: 3.125rem;
  background-color: inherit;
}
.app-bar .app-bar-menu > li:hover,
.app-bar .app-bar-menu > li > a:hover,
.app-bar .app-bar-menu > li:active,
.app-bar .app-bar-menu > li > a:active {
  background-color: #005696;
}
.app-bar .app-bar-menu > li.branding,
.app-bar .app-bar-menu > li > a.branding {
  padding-left: 1rem;
  padding-right: 1rem;
}
.app-bar .app-bar-menu > li.branding.no-hover:hover,
.app-bar .app-bar-menu > li > a.branding.no-hover:hover,
.app-bar .app-bar-menu > li.branding.no-hover:active,
.app-bar .app-bar-menu > li > a.branding.no-hover:active {
  background-color: #0072c6;
}
.app-bar .app-bar-menu > li .d-menu,
.app-bar .app-bar-menu > li > a .d-menu {
  top: 100%;
  border: 2px solid #005696;
}
.app-bar .app-bar-menu > li .d-menu li:not(.disabled):hover,
.app-bar .app-bar-menu > li > a .d-menu li:not(.disabled):hover {
  background-color: #eee;
}
.app-bar .app-bar-menu > li .d-menu li:not(.disabled):hover > a,
.app-bar .app-bar-menu > li > a .d-menu li:not(.disabled):hover > a {
  color: #1d1d1d;
}
.app-bar .app-bar-menu > li .d-menu .d-menu,
.app-bar .app-bar-menu > li > a .d-menu .d-menu {
  top: -0.625rem;
  left: 100%;
}
.app-bar .app-bar-menu > li .d-menu .dropdown-toggle:before,
.app-bar .app-bar-menu > li > a .d-menu .dropdown-toggle:before {
  border-color: #1d1d1d;
}
.app-bar .app-bar-menu > li:before,
.app-bar .app-bar-menu > li > a:before,
.app-bar .app-bar-menu > li:after,
.app-bar .app-bar-menu > li > a:after {
  display: table;
  content: "";
}
.app-bar .app-bar-menu > li:after,
.app-bar .app-bar-menu > li > a:after {
  clear: both;
}
.app-bar .app-bar-menu > li > .input-control.text,
.app-bar .app-bar-menu > li > a > .input-control.text,
.app-bar .app-bar-menu > li > .input-control.password,
.app-bar .app-bar-menu > li > a > .input-control.password {
  margin-top: .55rem;
  font-size: .875rem;
  line-height: 1.8rem;
  display: block;
}
.app-bar .app-bar-menu > li > .input-control.text input,
.app-bar .app-bar-menu > li > a > .input-control.text input,
.app-bar .app-bar-menu > li > .input-control.password input,
.app-bar .app-bar-menu > li > a > .input-control.password input {
  border-color: transparent;
}
.app-bar .app-bar-menu > li > .button,
.app-bar .app-bar-menu > li > a > .button {
  margin-top: -0.15rem;
}
.app-bar .app-bar-menu > li > .image-button,
.app-bar .app-bar-menu > li > a > .image-button {
  margin: 0;
  background-color: transparent;
  color: #ffffff;
  font-size: inherit;
}
.app-bar .app-bar-menu > li > .image-button img.icon,
.app-bar .app-bar-menu > li > a > .image-button img.icon {
  padding: 0;
}
.app-bar .app-bar-menu > li .dropdown-toggle:before,
.app-bar .app-bar-menu > li > a .dropdown-toggle:before {
  transition: all 0.3s ease;
}
.app-bar .app-bar-menu > li .dropdown-toggle.active-toggle:before,
.app-bar .app-bar-menu > li > a .dropdown-toggle.active-toggle:before {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  transition: all 0.3s ease;
}
.app-bar .app-bar-menu > li .d-menu .dropdown-toggle.active-toggle:before,
.app-bar .app-bar-menu > li > a .d-menu .dropdown-toggle.active-toggle:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.app-bar .app-bar-menu > li.dropdown-toggle,
.app-bar .app-bar-menu > li > a.dropdown-toggle {
  padding-right: 1.5rem;
}
.app-bar .app-bar-menu > li.dropdown-toggle:before,
.app-bar .app-bar-menu > li > a.dropdown-toggle:before {
  border-color: #ffffff;
  display: block;
}
.app-bar .app-bar-menu > li {
  padding: 0;
}
.app-bar .app-bar-menu > li .d-menu {
  top: 100%;
  border: 2px solid #005696;
}
.app-bar .app-bar-menu > li .d-menu li:not(.disabled):hover {
  background-color: #eee;
}
.app-bar .app-bar-menu > li .d-menu li:not(.disabled):hover > a {
  color: #1d1d1d;
}
.app-bar .app-bar-menu > li .d-menu .d-menu {
  top: -0.625rem;
  left: 100%;
}
.app-bar .app-bar-menu > li .d-menu .dropdown-toggle:before {
  border-color: #1d1d1d;
}
.app-bar .app-bar-menu.small-dropdown .d-menu li > a {
  font-size: .8em;
  padding: .325rem 1.2rem .325rem 1.8rem;
}
.app-bar .app-bar-pullbutton {
  float: right;
}
.app-bar .app-bar-pullbutton.automatic {
  display: none;
  float: right;
  color: #fff;
  cursor: pointer;
  font: 2rem sans-serif;
  hei