@charset "UTF-8";
html, body {
  height: 100%;
  color: rgba(0, 0, 0, 0.87);
  background: white;
  position: relative;
}

body {
  margin: 0;
  padding: 0;
}

[tabindex='-1']:focus {
  outline: none;
}

.inset {
  padding: 10px;
}

button.md-no-style {
  font-weight: normal;
  background-color: inherit;
  text-align: left;
  border: none;
  padding: 0;
  margin: 0;
}

select,
button,
textarea,
input {
  vertical-align: baseline;
}

input[type="reset"],
input[type="submit"],
html input[type="button"],
button {
  cursor: pointer;
  -webkit-appearance: button;
}

input[type="reset"][disabled],
input[type="submit"][disabled],
html input[type="button"][disabled],
button[disabled] {
  cursor: default;
}

textarea {
  vertical-align: top;
  overflow: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.md-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-transform: none;
  width: 1px;
}

.md-shadow {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: inherit;
  pointer-events: none;
}

.md-shadow-bottom-z-1 {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

.md-shadow-bottom-z-2 {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
}

.md-shadow-animated.md-shadow {
  -webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

/*
 * A container inside of a rippling element (eg a button),
 * which contains all of the individual ripples
 */
.md-ripple-container {
  pointer-events: none;
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.55s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.55s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.md-ripple {
  position: absolute;
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  opacity: 0;
  border-radius: 50%;
}

.md-ripple.md-ripple-placed {
  -webkit-transition: margin 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), border 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), width 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.9s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: margin 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), border 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), width 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.9s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: margin 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), border 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), width 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: margin 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), border 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), width 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.9s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.md-ripple.md-ripple-scaled {
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}

.md-ripple.md-ripple-active, .md-ripple.md-ripple-full, .md-ripple.md-ripple-visible {
  opacity: 0.20;
}

.md-padding {
  padding: 8px;
}

.md-margin {
  margin: 8px;
}

.md-scroll-mask {
  position: absolute;
  background-color: transparent;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.md-scroll-mask > .md-scroll-mask-bar {
  display: block;
  position: absolute;
  background-color: #fafafa;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 65;
  box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.3);
}

@media (min-width: 960px) {
  .md-padding {
    padding: 16px;
  }
}

html, body {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  min-height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/************
 * Headings
 ************/
.md-display-4 {
  font-size: 112px;
  font-weight: 300;
  letter-spacing: -0.010em;
  line-height: 112px;
}

.md-display-3 {
  font-size: 56px;
  font-weight: 400;
  letter-spacing: -0.005em;
  line-height: 56px;
}

.md-display-2 {
  font-size: 45px;
  font-weight: 400;
  line-height: 64px;
}

.md-display-1 {
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
}

.md-headline {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

.md-title {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.005em;
}

.md-subhead {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.010em;
  line-height: 24px;
}

/************
 * Body Copy
 ************/
.md-body-1 {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.010em;
  line-height: 20px;
}

.md-body-2 {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.010em;
  line-height: 24px;
}

.md-caption {
  font-size: 12px;
  letter-spacing: 0.020em;
}

.md-button {
  letter-spacing: 0.010em;
}

/************
 * Defaults
 ************/
button,
select,
html,
textarea,
input {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

select,
button,
textarea,
input {
  font-size: 100%;
}

@-webkit-keyframes md-autocomplete-list-out {
  0% {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  50% {
    opacity: 0;
    height: 40px;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    height: 0;
    opacity: 0;
  }
}

@keyframes md-autocomplete-list-out {
  0% {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  50% {
    opacity: 0;
    height: 40px;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    height: 0;
    opacity: 0;
  }
}

@-webkit-keyframes md-autocomplete-list-in {
  0% {
    opacity: 0;
    height: 0;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    opacity: 0;
    height: 40px;
  }
  100% {
    opacity: 1;
    height: 40px;
  }
}

@keyframes md-autocomplete-list-in {
  0% {
    opacity: 0;
    height: 0;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    opacity: 0;
    height: 40px;
  }
  100% {
    opacity: 1;
    height: 40px;
  }
}

md-autocomplete {
  border-radius: 2px;
  display: block;
  height: 40px;
  position: relative;
  overflow: visible;
  min-width: 190px;
}

md-autocomplete[disabled] input {
  cursor: default;
}

md-autocomplete[md-floating-label] {
  border-radius: 0;
  background: transparent;
  height: auto;
}

md-autocomplete[md-floating-label] md-input-container {
  padding-bottom: 26px;
}

md-autocomplete[md-floating-label] md-input-container.md-input-has-messages {
  padding-bottom: 2px;
}

md-autocomplete[md-floating-label] md-autocomplete-wrap {
  height: auto;
}

md-autocomplete[md-floating-label] button {
  position: absolute;
  top: auto;
  bottom: 0;
  right: 0;
  width: 30px;
  height: 30px;
}

md-autocomplete md-autocomplete-wrap {
  display: block;
  position: relative;
  overflow: visible;
  height: 40px;
}

md-autocomplete md-autocomplete-wrap.md-menu-showing {
  z-index: 51;
}

md-autocomplete md-autocomplete-wrap md-progress-linear {
  position: absolute;
  bottom: -2px;
  left: 0;
}

md-autocomplete md-autocomplete-wrap md-progress-linear.md-inline {
  bottom: 40px;
  right: 2px;
  left: 2px;
  width: auto;
}

md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  -webkit-transition: none;
  transition: none;
}

md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate .md-container {
  -webkit-transition: none;
  transition: none;
  height: 3px;
}

md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-enter {
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-enter.ng-enter-active {
  opacity: 1;
}

md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-leave {
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-leave.ng-leave-active {
  opacity: 0;
}

md-autocomplete input:not(.md-input) {
  font-size: 14px;
  box-sizing: border-box;
  border: none;
  box-shadow: none;
  outline: none;
  background: transparent;
  width: 100%;
  padding: 0 15px;
  line-height: 40px;
  height: 40px;
}

md-autocomplete input:not(.md-input)::-ms-clear {
  display: none;
}

md-autocomplete button {
  position: relative;
  line-height: 20px;
  text-align: center;
  width: 30px;
  height: 30px;
  cursor: pointer;
  border: none;
  border-radius: 50%;
  padding: 0;
  font-size: 12px;
  background: transparent;
  margin: auto 5px;
}

md-autocomplete button:after {
  content: '';
  position: absolute;
  top: -6px;
  right: -6px;
  bottom: -6px;
  left: -6px;
  border-radius: 50%;
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

md-autocomplete button:focus {
  outline: none;
}

md-autocomplete button:focus:after {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

md-autocomplete button md-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0) scale(0.9);
  transform: translate3d(-50%, -50%, 0) scale(0.9);
}

md-autocomplete button md-icon path {
  stroke-width: 0;
}

md-autocomplete button.ng-enter {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.15s ease-out;
  transition: -webkit-transform 0.15s ease-out;
  transition: transform 0.15s ease-out;
  transition: transform 0.15s ease-out, -webkit-transform 0.15s ease-out;
}

md-autocomplete button.ng-enter.ng-enter-active {
  -webkit-transform: scale(1);
  transform: scale(1);
}

md-autocomplete button.ng-leave {
  -webkit-transition: -webkit-transform 0.15s ease-out;
  transition: -webkit-transform 0.15s ease-out;
  transition: transform 0.15s ease-out;
  transition: transform 0.15s ease-out, -webkit-transform 0.15s ease-out;
}

md-autocomplete button.ng-leave.ng-leave-active {
  -webkit-transform: scale(0);
  transform: scale(0);
}

@media screen and (-ms-high-contrast: active) {
  md-autocomplete input {
    border: 1px solid #fff;
  }
  md-autocomplete li:focus {
    color: #fff;
  }
}

.md-virtual-repeat-container.md-autocomplete-suggestions-container {
  position: absolute;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  height: 225.5px;
  max-height: 225.5px;
  z-index: 100;
}

.md-virtual-repeat-container.md-not-found {
  height: 48px;
}

.md-autocomplete-suggestions {
  margin: 0;
  list-style: none;
  padding: 0;
}

.md-autocomplete-suggestions li {
  font-size: 14px;
  overflow: hidden;
  padding: 0 15px;
  line-height: 48px;
  height: 48px;
  -webkit-transition: background 0.15s linear;
  transition: background 0.15s linear;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.md-autocomplete-suggestions li:focus {
  outline: none;
}

.md-autocomplete-suggestions li:not(.md-not-found-wrapper) {
  cursor: pointer;
}

@media screen and (-ms-high-contrast: active) {
  md-autocomplete,
  .md-autocomplete-suggestions {
    border: 1px solid #fff;
  }
}

md-backdrop {
  -webkit-transition: opacity 450ms;
  transition: opacity 450ms;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 50;
}

md-backdrop.md-menu-backdrop {
  position: fixed !important;
  z-index: 99;
}

md-backdrop.md-select-backdrop {
  z-index: 81;
  -webkit-transition-duration: 0;
  transition-duration: 0;
}

md-backdrop.md-dialog-backdrop {
  z-index: 79;
}

md-backdrop.md-bottom-sheet-backdrop {
  z-index: 69;
}

md-backdrop.md-sidenav-backdrop {
  z-index: 59;
}

md-backdrop.md-click-catcher {
  position: absolute;
}

md-backdrop.md-opaque {
  opacity: .48;
}

md-backdrop.md-opaque.ng-enter {
  opacity: 0;
}

md-backdrop.md-opaque.ng-enter.md-opaque.ng-enter-active {
  opacity: .48;
}

md-backdrop.md-opaque.ng-leave {
  opacity: .48;
  -webkit-transition: opacity 400ms;
  transition: opacity 400ms;
}

md-backdrop.md-opaque.ng-leave.md-opaque.ng-leave-active {
  opacity: 0;
}

md-bottom-sheet {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 8px 16px 88px 16px;
  z-index: 70;
  border-top-width: 1px;
  border-top-style: solid;
  -webkit-transform: translate3d(0, 80px, 0);
  transform: translate3d(0, 80px, 0);
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

md-bottom-sheet.md-has-header {
  padding-top: 0;
}

md-bottom-sheet.ng-enter {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

md-bottom-sheet.ng-enter-active {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(0, 80px, 0) !important;
  transform: translate3d(0, 80px, 0) !important;
}

md-bottom-sheet.ng-leave-active {
  -webkit-transform: translate3d(0, 100%, 0) !important;
  transform: translate3d(0, 100%, 0) !important;
  -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
}

md-bottom-sheet .md-subheader {
  background-color: transparent;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  line-height: 56px;
  padding: 0;
  white-space: nowrap;
}

md-bottom-sheet md-inline-icon {
  display: inline-block;
  height: 24px;
  width: 24px;
  fill: #444;
}

md-bottom-sheet md-list-item {
  display: -webkit-box;
  display: flex;
  outline: none;
}

md-bottom-sheet md-list-item:hover {
  cursor: pointer;
}

md-bottom-sheet.md-list md-list-item {
  padding: 0;
  -webkit-box-align: center;
  align-items: center;
  height: 48px;
}

md-bottom-sheet.md-list md-list-item div.md-icon-container {
  display: inline-block;
  height: 24px;
  margin-right: 32px;
}

md-bottom-sheet.md-grid {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 0;
}

md-bottom-sheet.md-grid md-list {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-box-align: center;
  align-items: center;
}

md-bottom-sheet.md-grid md-list-item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  height: 96px;
  margin-top: 8px;
  margin-bottom: 8px;
  /* Mixin for how many grid items to show per row */
}

@media screen and (max-width: 960px) {
  md-bottom-sheet.md-grid md-list-item {
    -webkit-box-flex: 1;
    flex: 1 1 33.3333333333%;
    max-width: 33.3333333333%;
  }
  md-bottom-sheet.md-grid md-list-item:nth-of-type(3n + 1) {
    -webkit-box-align: start;
    align-items: flex-start;
  }
  md-bottom-sheet.md-grid md-list-item:nth-of-type(3n) {
    -webkit-box-align: end;
    align-items: flex-end;
  }
}

@media screen and (min-width: 960px) and (max-width: 1279px) {
  md-bottom-sheet.md-grid md-list-item {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 25%;
  }
}

@media screen and (min-width: 1280px) and (max-width: 1919px) {
  md-bottom-sheet.md-grid md-list-item {
    -webkit-box-flex: 1;
    flex: 1 1 16.6666666667%;
    max-width: 16.6666666667%;
  }
}

@media screen and (min-width: 1920px) {
  md-bottom-sheet.md-grid md-list-item {
    -webkit-box-flex: 1;
    flex: 1 1 14.2857142857%;
    max-width: 14.2857142857%;
  }
}

md-bottom-sheet.md-grid md-list-item .md-list-item-content {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  width: 48px;
  padding-bottom: 16px;
}

md-bottom-sheet.md-grid md-list-item .md-grid-item-content {
  border: 1px solid transparent;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  width: 80px;
}

md-bottom-sheet.md-grid md-list-item .md-icon-container {
  display: inline-block;
  box-sizing: border-box;
  height: 48px;
  width: 48px;
  margin: 0 0;
}

md-bottom-sheet.md-grid md-list-item .md-grid-text {
  font-weight: 400;
  line-height: 16px;
  font-size: 13px;
  margin: 0;
  white-space: nowrap;
  width: 64px;
  text-align: center;
  text-transform: none;
  padding-top: 8px;
}

@media screen and (-ms-high-contrast: active) {
  md-bottom-sheet {
    border: 1px solid #fff;
  }
}

button.md-button::-moz-focus-inner {
  border: 0;
}

.md-button {
  border-radius: 3px;
  box-sizing: border-box;
  color: currentColor;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  outline: none;
  border: 0;
  display: inline-block;
  -webkit-box-align: center;
  align-items: center;
  padding: 0 6px;
  margin: 6px 8px;
  line-height: 36px;
  min-height: 36px;
  background: transparent;
  white-space: nowrap;
  min-width: 88px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  font-style: inherit;
  font-variant: inherit;
  font-family: inherit;
  text-decoration: none;
  cursor: pointer;
  overflow: hidden;
  -webkit-transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.md-button:focus {
  outline: none;
}

.md-button:hover, .md-button:focus {
  text-decoration: none;
}

.md-button.ng-hide, .md-button.ng-leave {
  -webkit-transition: none;
  transition: none;
}

.md-button.md-cornered {
  border-radius: 0;
}

.md-button.md-icon {
  padding: 0;
  background: none;
}

.md-button.md-raised:not([disabled]) {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

.md-button.md-icon-button {
  margin: 0 6px;
  height: 40px;
  min-width: 0;
  line-height: 24px;
  padding: 8px;
  width: 40px;
  border-radius: 50%;
}

.md-button.md-icon-button .md-ripple-container {
  border-radius: 50%;
  background-clip: padding-box;
  overflow: hidden;
  -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC");
}

.md-button.md-fab {
  z-index: 20;
  line-height: 56px;
  min-width: 0;
  width: 56px;
  height: 56px;
  vertical-align: middle;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  border-radius: 50%;
  background-clip: padding-box;
  overflow: hidden;
  -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-transition-property: background-color, box-shadow, -webkit-transform;
  transition-property: background-color, box-shadow, -webkit-transform;
  transition-property: background-color, box-shadow, transform;
  transition-property: background-color, box-shadow, transform, -webkit-transform;
}

.md-button.md-fab.md-fab-bottom-right {
  top: auto;
  right: 20px;
  bottom: 20px;
  left: auto;
  position: absolute;
}

.md-button.md-fab.md-fab-bottom-left {
  top: auto;
  right: auto;
  bottom: 20px;
  left: 20px;
  position: absolute;
}

.md-button.md-fab.md-fab-top-right {
  top: 20px;
  right: 20px;
  bottom: auto;
  left: auto;
  position: absolute;
}

.md-button.md-fab.md-fab-top-left {
  top: 20px;
  right: auto;
  bottom: auto;
  left: 20px;
  position: absolute;
}

.md-button.md-fab .md-ripple-container {
  border-radius: 50%;
  background-clip: padding-box;
  overflow: hidden;
  -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC");
}

.md-button.md-fab.md-mini {
  line-height: 40px;
  width: 40px;
  height: 40px;
}

.md-button.md-fab.ng-hide, .md-button.md-fab.ng-leave {
  -webkit-transition: none;
  transition: none;
}

.md-button:not([disabled]).md-raised.md-focused, .md-button:not([disabled]).md-fab.md-focused {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

.md-button:not([disabled]).md-raised:active, .md-button:not([disabled]).md-fab:active {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
}

.md-button .md-ripple-container {
  border-radius: 3px;
  background-clip: padding-box;
  overflow: hidden;
  -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC");
}

.md-toast-open-top .md-button.md-fab-top-left,
.md-toast-open-top .md-button.md-fab-top-right {
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-transform: translate3d(0, 42px, 0);
  transform: translate3d(0, 42px, 0);
}

.md-toast-open-top .md-button.md-fab-top-left:not([disabled]).md-focused, .md-toast-open-top .md-button.md-fab-top-left:not([disabled]):hover,
.md-toast-open-top .md-button.md-fab-top-right:not([disabled]).md-focused,
.md-toast-open-top .md-button.md-fab-top-right:not([disabled]):hover {
  -webkit-transform: translate3d(0, 41px, 0);
  transform: translate3d(0, 41px, 0);
}

.md-toast-open-bottom .md-button.md-fab-bottom-left,
.md-toast-open-bottom .md-button.md-fab-bottom-right {
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-transform: translate3d(0, -42px, 0);
  transform: translate3d(0, -42px, 0);
}

.md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]).md-focused, .md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]):hover,
.md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]).md-focused,
.md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]):hover {
  -webkit-transform: translate3d(0, -43px, 0);
  transform: translate3d(0, -43px, 0);
}

.md-button-group {
  display: -webkit-box;
  display: flex;
  -webkit-box-flex: 1;
  flex: 1;
  width: 100%;
}

.md-button-group > .md-button {
  -webkit-box-flex: 1;
  flex: 1;
  display: block;
  overflow: hidden;
  width: 0;
  border-width: 1px 0px 1px 1px;
  border-radius: 0;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.md-button-group > .md-button:first-child {
  border-radius: 2px 0px 0px 2px;
}

.md-button-group > .md-button:last-child {
  border-right-width: 1px;
  border-radius: 0px 2px 2px 0px;
}

@media screen and (-ms-high-contrast: active) {
  .md-button.md-raised,
  .md-button.md-fab {
    border: 1px solid #fff;
  }
}

md-card {
  box-sizing: border-box;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  margin: 8px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}

md-card md-card-header {
  padding: 16px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
}

md-card md-card-header:first-child md-card-avatar {
  margin-right: 12px;
}

md-card md-card-header:last-child md-card-avatar {
  margin-left: 12px;
}

md-card md-card-header md-card-avatar {
  width: 40px;
  height: 40px;
}

md-card md-card-header md-card-avatar .md-user-avatar,
md-card md-card-header md-card-avatar md-icon {
  border-radius: 50%;
}

md-card md-card-header md-card-avatar md-icon {
  padding: 8px;
}

md-card md-card-header md-card-avatar + md-card-header-text {
  max-height: 40px;
}

md-card md-card-header md-card-avatar + md-card-header-text .md-title {
  font-size: 14px;
}

md-card md-card-header md-card-header-text {
  display: -webkit-box;
  display: flex;
  -webkit-box-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}

md-card md-card-header md-card-header-text .md-subhead {
  font-size: 14px;
}

md-card > img,
md-card > :not(md-card-content) img {
  box-sizing: border-box;
  display: -webkit-box;
  display: flex;
  -webkit-box-flex: 0;
  flex: 0 0 auto;
  width: 100%;
  height: auto;
}

md-card md-card-title {
  padding: 24px 16px 16px;
  display: -webkit-box;
  display: flex;
  -webkit-box-flex: 1;
  flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
}

md-card md-card-title + md-card-content {
  padding-top: 0;
}

md-card md-card-title md-card-title-text {
  -webkit-box-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  display: -webkit-box;
  display: flex;
}

md-card md-card-title md-card-title-text .md-subhead {
  padding-top: 0;
  font-size: 14px;
}

md-card md-card-title md-card-title-text:only-child .md-subhead {
  padding-top: 12px;
}

md-card md-card-title md-card-title-media {
  margin-top: -8px;
}

md-card md-card-title md-card-title-media .md-media-sm {
  height: 80px;
  width: 80px;
}

md-card md-card-title md-card-title-media .md-media-md {
  height: 112px;
  width: 112px;
}

md-card md-card-title md-card-title-media .md-media-lg {
  height: 152px;
  width: 152px;
}

md-card md-card-content {
  display: block;
  padding: 16px;
}

md-card md-card-content > p:first-child {
  margin-top: 0;
}

md-card md-card-content > p:last-child {
  margin-bottom: 0;
}

md-card md-card-content .md-media-xl {
  height: 240px;
  width: 240px;
}

md-card .md-actions, md-card md-card-actions {
  margin: 8px;
}

md-card .md-actions.layout-column .md-button:not(.md-icon-button), md-card md-card-actions.layout-column .md-button:not(.md-icon-button) {
  margin: 2px 0;
}

md-card .md-actions.layout-column .md-button:not(.md-icon-button):first-of-type, md-card md-card-actions.layout-column .md-button:not(.md-icon-button):first-of-type {
  margin-top: 0;
}

md-card .md-actions.layout-column .md-button:not(.md-icon-button):last-of-type, md-card md-card-actions.layout-column .md-button:not(.md-icon-button):last-of-type {
  margin-bottom: 0;
}

md-card .md-actions.layout-column .md-button.md-icon-button, md-card md-card-actions.layout-column .md-button.md-icon-button {
  margin-top: 6px;
  margin-bottom: 6px;
}

md-card .md-actions md-card-icon-actions, md-card md-card-actions md-card-icon-actions {
  -webkit-box-flex: 1;
  flex: 1;
  -webkit-box-pack: start;
  justify-content: flex-start;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
}

md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button), md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button) {
  margin: 0 4px;
}

md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type, md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type {
  margin-left: 0;
}

md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type, md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type {
  margin-right: 0;
}

md-card .md-actions:not(.layout-column) .md-button.md-icon-button, md-card md-card-actions:not(.layout-column) .md-button.md-icon-button {
  margin-left: 6px;
  margin-right: 6px;
}

md-card .md-actions:not(.layout-column) .md-button.md-icon-button:first-of-type, md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:first-of-type {
  margin-left: 12px;
}

md-card .md-actions:not(.layout-column) .md-button.md-icon-button:last-of-type, md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:last-of-type {
  margin-right: 12px;
}

md-card .md-actions:not(.layout-column) .md-button + md-card-icon-actions, md-card md-card-actions:not(.layout-column) .md-button + md-card-icon-actions {
  -webkit-box-flex: 1;
  flex: 1;
  -webkit-box-pack: end;
  justify-content: flex-end;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
}

md-card md-card-footer {
  margin-top: auto;
  padding: 16px;
}

@media screen and (-ms-high-contrast: active) {
  md-card {
    border: 1px solid #fff;
  }
}

.md-inline-form md-checkbox {
  margin: 19px 0 18px;
}

md-checkbox {
  box-sizing: border-box;
  display: inline-block;
  margin-bottom: 16px;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  min-width: 20px;
  min-height: 20px;
  margin-left: 0;
  margin-right: 16px;
}

html[dir=rtl] md-checkbox {
  margin-left: 16px;
  unicode-bidi: embed;
}

body[dir=rtl] md-checkbox {
  margin-left: 16px;
  unicode-bidi: embed;
}

md-checkbox bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-checkbox bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

html[dir=rtl] md-checkbox {
  margin-right: 0;
  unicode-bidi: embed;
}

body[dir=rtl] md-checkbox {
  margin-right: 0;
  unicode-bidi: embed;
}

md-checkbox bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-checkbox bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

md-checkbox:last-of-type {
  margin-left: 0;
  margin-right: 0;
}

md-checkbox.md-focused:not([disabled]) .md-container:before {
  left: -8px;
  top: -8px;
  right: -8px;
  bottom: -8px;
}

md-checkbox.md-focused:not([disabled]):not(.md-checked) .md-container:before {
  background-color: rgba(0, 0, 0, 0.12);
}

md-checkbox.md-align-top-left > div.md-container {
  top: 12px;
}

md-checkbox .md-container {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  box-sizing: border-box;
  display: inline-block;
  width: 20px;
  height: 20px;
  left: 0;
  right: auto;
}

html[dir=rtl] md-checkbox .md-container {
  left: auto;
  unicode-bidi: embed;
}

body[dir=rtl] md-checkbox .md-container {
  left: auto;
  unicode-bidi: embed;
}

md-checkbox .md-container bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-checkbox .md-container bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

html[dir=rtl] md-checkbox .md-container {
  right: 0;
  unicode-bidi: embed;
}

body[dir=rtl] md-checkbox .md-container {
  right: 0;
  unicode-bidi: embed;
}

md-checkbox .md-container bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-checkbox .md-container bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

md-checkbox .md-container:before {
  box-sizing: border-box;
  background-color: transparent;
  border-radius: 50%;
  content: '';
  position: absolute;
  display: block;
  height: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  width: auto;
}

md-checkbox .md-container:after {
  box-sizing: border-box;
  content: '';
  position: absolute;
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
}

md-checkbox .md-container .md-ripple-container {
  position: absolute;
  display: block;
  width: auto;
  height: auto;
  left: -15px;
  top: -15px;
  right: -15px;
  bottom: -15px;
}

md-checkbox .md-icon {
  box-sizing: border-box;
  -webkit-transition: 240ms;
  transition: 240ms;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-width: 2px;
  border-style: solid;
  border-radius: 2px;
}

md-checkbox.md-checked .md-icon {
  border: none;
}

md-checkbox.md-checked .md-icon:after {
  box-sizing: border-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  left: 6.6666666667px;
  top: 2.2222222222px;
  display: table;
  width: 6.6666666667px;
  height: 13.3333333333px;
  border-width: 2px;
  border-style: solid;
  border-top: 0;
  border-left: 0;
  content: '';
}

md-checkbox[disabled] {
  cursor: default;
}

md-checkbox.md-indeterminate .md-icon:after {
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: table;
  width: 12px;
  height: 2px;
  border-width: 2px;
  border-style: solid;
  border-top: 0;
  border-left: 0;
  content: '';
}

md-checkbox .md-label {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  margin-left: 30px;
  margin-right: 0;
}

html[dir=rtl] md-checkbox .md-label {
  margin-left: 0;
  unicode-bidi: embed;
}

body[dir=rtl] md-checkbox .md-label {
  margin-left: 0;
  unicode-bidi: embed;
}

md-checkbox .md-label bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-checkbox .md-label bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

html[dir=rtl] md-checkbox .md-label {
  margin-right: 30px;
  unicode-bidi: embed;
}

body[dir=rtl] md-checkbox .md-label {
  margin-right: 30px;
  unicode-bidi: embed;
}

md-checkbox .md-label bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-checkbox .md-label bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

.md-contact-chips .md-chips .md-chip {
  padding: 0 25px 0 0;
}

.md-contact-chips .md-chips .md-chip .md-contact-avatar {
  float: left;
}

.md-contact-chips .md-chips .md-chip .md-contact-avatar img {
  height: 32px;
  border-radius: 16px;
}

.md-contact-chips .md-chips .md-chip .md-contact-name {
  display: inline-block;
  height: 32px;
  margin-left: 8px;
}

.md-contact-suggestion {
  height: 56px;
}

.md-contact-suggestion img {
  height: 40px;
  border-radius: 20px;
  margin-top: 8px;
}

.md-contact-suggestion .md-contact-name {
  margin-left: 8px;
  width: 120px;
}

.md-contact-suggestion .md-contact-name, .md-contact-suggestion .md-contact-email {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.md-contact-chips-suggestions li {
  height: 100%;
}

.md-chips {
  display: block;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 16px;
  padding: 0 0 8px 3px;
  vertical-align: middle;
}

.md-chips:after {
  content: '';
  display: table;
  clear: both;
}

.md-chips:not(.md-readonly) {
  cursor: text;
}

.md-chips:not(.md-readonly) .md-chip:not(.md-readonly) {
  padding-right: 22px;
}

.md-chips:not(.md-readonly) .md-chip:not(.md-readonly) .md-chip-content {
  padding-right: 4px;
}

.md-chips .md-chip {
  cursor: default;
  border-radius: 16px;
  display: block;
  height: 32px;
  line-height: 32px;
  margin: 8px 8px 0 0;
  padding: 0 12px 0 12px;
  float: left;
  box-sizing: border-box;
  max-width: 100%;
  position: relative;
}

.md-chips .md-chip .md-chip-content {
  display: block;
  float: left;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.md-chips .md-chip .md-chip-content:focus {
  outline: none;
}

.md-chips .md-chip .md-chip-remove-container {
  position: absolute;
  right: 0;
  line-height: 22px;
}

.md-chips .md-chip .md-chip-remove {
  text-align: center;
  width: 32px;
  height: 32px;
  min-width: 0;
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  margin: 0;
  position: relative;
}

.md-chips .md-chip .md-chip-remove md-icon {
  height: 18px;
  width: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

.md-chips .md-chip-input-container {
  display: block;
  line-height: 32px;
  margin: 8px 8px 0 0;
  padding: 0;
  float: left;
}

.md-chips .md-chip-input-container input:not([type]), .md-chips .md-chip-input-container input[type="email"], .md-chips .md-chip-input-container input[type="number"], .md-chips .md-chip-input-container input[type="tel"], .md-chips .md-chip-input-container input[type="url"], .md-chips .md-chip-input-container input[type="text"] {
  border: 0;
  height: 32px;
  line-height: 32px;
  padding: 0;
}

.md-chips .md-chip-input-container input:not([type]):focus, .md-chips .md-chip-input-container input[type="email"]:focus, .md-chips .md-chip-input-container input[type="number"]:focus, .md-chips .md-chip-input-container input[type="tel"]:focus, .md-chips .md-chip-input-container input[type="url"]:focus, .md-chips .md-chip-input-container input[type="text"]:focus {
  outline: none;
}

.md-chips .md-chip-input-container md-autocomplete, .md-chips .md-chip-input-container md-autocomplete-wrap {
  background: transparent;
  height: 32px;
}

.md-chips .md-chip-input-container md-autocomplete md-autocomplete-wrap {
  box-shadow: none;
}

.md-chips .md-chip-input-container md-autocomplete input {
  position: relative;
}

.md-chips .md-chip-input-container input {
  border: 0;
  height: 32px;
  line-height: 32px;
  padding: 0;
}

.md-chips .md-chip-input-container input:focus {
  outline: none;
}

.md-chips .md-chip-input-container md-autocomplete, .md-chips .md-chip-input-container md-autocomplete-wrap {
  height: 32px;
}

.md-chips .md-chip-input-container md-autocomplete {
  box-shadow: none;
}

.md-chips .md-chip-input-container md-autocomplete input {
  position: relative;
}

.md-chips .md-chip-input-container:not(:first-child) {
  margin: 8px 8px 0 0;
}

.md-chips .md-chip-input-container input {
  background: transparent;
  border-width: 0;
}

.md-chips md-autocomplete button {
  display: none;
}

@media screen and (-ms-high-contrast: active) {
  .md-chip-input-container,
  md-chip {
    border: 1px solid #fff;
  }
  .md-chip-input-container md-autocomplete {
    border: none;
  }
}

md-content {
  display: block;
  position: relative;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

md-content[md-scroll-y] {
  overflow-y: auto;
  overflow-x: hidden;
}

md-content[md-scroll-x] {
  overflow-x: auto;
  overflow-y: hidden;
}

md-content.autoScroll {
  -webkit-overflow-scrolling: auto;
}

/** Styles for mdCalendar. */
md-calendar {
  font-size: 13px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.md-calendar-scroll-mask {
  display: inline-block;
  overflow: hidden;
  height: 308px;
}

.md-calendar-scroll-mask .md-virtual-repeat-scroller {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.md-calendar-scroll-mask .md-virtual-repeat-scroller::-webkit-scrollbar {
  display: none;
}

.md-calendar-scroll-mask .md-virtual-repeat-offsetter {
  width: 100%;
}

.md-calendar-scroll-container {
  box-shadow: inset -3px 3px 6px rgba(0, 0, 0, 0.2);
  display: inline-block;
  height: 308px;
  width: 346px;
}

.md-calendar-date {
  height: 44px;
  width: 44px;
  text-align: center;
  padding: 0;
  border: none;
}

.md-calendar-date:first-child {
  padding-left: 16px;
}

.md-calendar-date:last-child {
  padding-right: 16px;
}

.md-calendar-date.md-calendar-date-disabled {
  cursor: default;
}

.md-calendar-date-selection-indicator {
  -webkit-transition: background-color, color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: background-color, color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  border-radius: 50%;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
}

.md-calendar-date:not(.md-disabled) .md-calendar-date-selection-indicator {
  cursor: pointer;
}

.md-calendar-month-label {
  height: 44px;
  font-size: 14px;
  font-weight: 500;
  padding: 0 0 0 24px;
}

.md-calendar-day-header {
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
}

.md-calendar-day-header th {
  height: 44px;
  width: 44px;
  text-align: center;
  padding: 0;
  border: none;
  font-weight: normal;
  height: 40px;
}

.md-calendar-day-header th:first-child {
  padding-left: 16px;
}

.md-calendar-day-header th:last-child {
  padding-right: 16px;
}

.md-calendar {
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
}

.md-calendar tr:last-child td {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.md-calendar:first-child {
  border-top: 1px solid transparent;
}

/** Styles for mdDatepicker. */
md-datepicker {
  white-space: nowrap;
  overflow: hidden;
  padding-right: 18px;
  margin-right: -18px;
  vertical-align: middle;
}

.md-inline-form md-datepicker {
  margin-top: 12px;
}

.md-datepicker-button {
  display: inline-block;
  box-sizing: border-box;
  background: none;
}

.md-datepicker-input {
  font-size: 14px;
  box-sizing: border-box;
  border: none;
  box-shadow: none;
  outline: none;
  background: transparent;
  min-width: 120px;
  max-width: 328px;
}

.md-datepicker-input::-ms-clear {
  display: none;
}

.md-datepicker-input-container {
  position: relative;
  padding-bottom: 5px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  display: inline-block;
  width: auto;
  margin-left: 12px;
}

.md-datepicker-input-container.md-datepicker-focused {
  border-bottom-width: 2px;
}

.md-datepicker-calendar-pane {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  border-width: 1px;
  border-style: solid;
  background: transparent;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.md-datepicker-calendar-pane.md-pane-open {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.md-datepicker-input-mask {
  height: 40px;
  width: 340px;
  position: relative;
  background: transparent;
  pointer-events: none;
  cursor: text;
}

.md-datepicker-input-mask-opaque {
  position: absolute;
  right: 0;
  left: 120px;
  height: 100%;
}

.md-datepicker-calendar {
  opacity: 0;
  -webkit-transition: opacity 0.2s cubic-bezier(0.5, 0, 0.25, 1);
  transition: opacity 0.2s cubic-bezier(0.5, 0, 0.25, 1);
}

.md-pane-open .md-datepicker-calendar {
  opacity: 1;
}

.md-datepicker-calendar md-calendar:focus {
  outline: none;
}

.md-datepicker-expand-triangle {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid;
}

.md-datepicker-triangle-button {
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translateY(-25%) translateX(45%);
  transform: translateY(-25%) translateX(45%);
}

.md-datepicker-triangle-button.md-button.md-icon-button {
  height: 100%;
  width: 36px;
  position: absolute;
}

md-datepicker[disabled] .md-datepicker-input-container {
  border-bottom-color: transparent;
}

md-datepicker[disabled] .md-datepicker-triangle-button {
  display: none;
}

.md-datepicker-open .md-datepicker-input-container {
  margin-left: -12px;
  border: none;
}

.md-datepicker-open .md-datepicker-input {
  margin-left: 24px;
  height: 40px;
}

.md-datepicker-open .md-datepicker-triangle-button {
  display: none;
}

.md-datepicker-pos-adjusted .md-datepicker-input-mask {
  display: none;
}

.md-datepicker-calendar-pane .md-calendar {
  -webkit-transform: translateY(-85px);
  transform: translateY(-85px);
  -webkit-transition: -webkit-transform 0.65s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: -webkit-transform 0.65s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: transform 0.65s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: transform 0.65s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.65s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-transition-delay: 0.125s;
  transition-delay: 0.125s;
}

.md-datepicker-calendar-pane.md-pane-open .md-calendar {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.md-dialog-is-showing {
  max-height: 100%;
}

.md-dialog-container {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 80;
  overflow: hidden;
}

md-dialog {
  opacity: 0;
  min-width: 240px;
  max-width: 80%;
  max-height: 80%;
  position: relative;
  overflow: auto;
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}

md-dialog.md-transition-in {
  opacity: 1;
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-transform: translate(0, 0) scale(1);
  transform: translate(0, 0) scale(1);
}

md-dialog.md-transition-out {
  opacity: 0;
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-transform: translate(0, 100%) scale(0.2);
  transform: translate(0, 100%) scale(0.2);
}

md-dialog > form {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  overflow: auto;
}

md-dialog .md-dialog-content {
  padding: 24px;
}

md-dialog md-dialog-content {
  -webkit-box-ordinal-group: 2;
  order: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

md-dialog md-dialog-content:not([layout=row]) > *:first-child:not(.md-subheader) {
  margin-top: 0;
}

md-dialog md-dialog-content:focus {
  outline: none;
}

md-dialog md-dialog-content .md-subheader {
  margin: 0;
}

md-dialog md-dialog-content .md-subheader.sticky-clone {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
}

md-dialog md-dialog-content.sticky-container {
  padding: 0;
}

md-dialog md-dialog-content.sticky-container > div {
  padding: 24px;
  padding-top: 0;
}

md-dialog md-dialog-content .md-dialog-content-body {
  width: 100%;
}

md-dialog .md-actions, md-dialog md-dialog-actions {
  display: -webkit-box;
  display: flex;
  -webkit-box-ordinal-group: 3;
  order: 2;
  box-sizing: border-box;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: end;
  justify-content: flex-end;
  margin-bottom: 0;
  padding-right: 8px;
  padding-left: 16px;
  min-height: 52px;
  overflow: hidden;
}

md-dialog .md-actions .md-button, md-dialog md-dialog-actions .md-button {
  margin-bottom: 8px;
  margin-left: 8px;
  margin-right: 0;
  margin-top: 8px;
}

md-dialog.md-content-overflow .md-actions, md-dialog.md-content-overflow md-dialog-actions {
  border-top-width: 1px;
  border-top-style: solid;
}

@media screen and (-ms-high-contrast: active) {
  md-dialog {
    border: 1px solid #fff;
  }
}

@media (max-width: 959px) {
  md-dialog.md-dialog-fullscreen {
    min-height: 100%;
    min-width: 100%;
    border-radius: 0;
  }
}

md-divider {
  display: block;
  border-top-width: 1px;
  border-top-style: solid;
  margin: 0;
}

md-divider[md-inset] {
  margin-left: 80px;
}

.layout-row > md-divider, #calendar-events-list .md-subheader-content > md-divider, #calendar-widget .fc-toolbar .fc-left > div > md-divider {
  border-top-width: 0;
  border-right-width: 1px;
  border-right-style: solid;
}

md-fab-speed-dial {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  z-index: 20;
  /*
   * Hide some graphics glitches if switching animation types
   */
  /*
   * Handle the animations
   */
}

md-fab-speed-dial.md-fab-bottom-right {
  top: auto;
  right: 20px;
  bottom: 20px;
  left: auto;
  position: absolute;
}

md-fab-speed-dial.md-fab-bottom-left {
  top: auto;
  right: auto;
  bottom: 20px;
  left: 20px;
  position: absolute;
}

md-fab-speed-dial.md-fab-top-right {
  top: 20px;
  right: 20px;
  bottom: auto;
  left: auto;
  position: absolute;
}

md-fab-speed-dial.md-fab-top-left {
  top: 20px;
  right: auto;
  bottom: auto;
  left: 20px;
  position: absolute;
}

md-fab-speed-dial:not(.md-hover-full) {
  pointer-events: none;
}

md-fab-speed-dial:not(.md-hover-full) md-fab-trigger, md-fab-speed-dial:not(.md-hover-full) .md-fab-action-item {
  pointer-events: auto;
}

md-fab-speed-dial:not(.md-hover-full).md-is-open {
  pointer-events: auto;
}

md-fab-speed-dial .md-css-variables {
  z-index: 20;
}

md-fab-speed-dial.md-is-open .md-fab-action-item {
  -webkit-box-align: center;
  align-items: center;
}

md-fab-speed-dial md-fab-actions {
  display: -webkit-box;
  display: flex;
  height: auto;
}

md-fab-speed-dial md-fab-actions .md-fab-action-item {
  -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
}

md-fab-speed-dial.md-down {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}

md-fab-speed-dial.md-down md-fab-trigger {
  -webkit-box-ordinal-group: 2;
  order: 1;
}

md-fab-speed-dial.md-down md-fab-actions {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-ordinal-group: 3;
  order: 2;
}

md-fab-speed-dial.md-up {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}

md-fab-speed-dial.md-up md-fab-trigger {
  -webkit-box-ordinal-group: 3;
  order: 2;
}

md-fab-speed-dial.md-up md-fab-actions {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  flex-direction: column-reverse;
  -webkit-box-ordinal-group: 2;
  order: 1;
}

md-fab-speed-dial.md-left {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
}

md-fab-speed-dial.md-left md-fab-trigger {
  -webkit-box-ordinal-group: 3;
  order: 2;
}

md-fab-speed-dial.md-left md-fab-actions {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-direction: row-reverse;
  -webkit-box-ordinal-group: 2;
  order: 1;
}

md-fab-speed-dial.md-left md-fab-actions .md-fab-action-item {
  -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
}

md-fab-speed-dial.md-right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
}

md-fab-speed-dial.md-right md-fab-trigger {
  -webkit-box-ordinal-group: 2;
  order: 1;
}

md-fab-speed-dial.md-right md-fab-actions {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-ordinal-group: 3;
  order: 2;
}

md-fab-speed-dial.md-right md-fab-actions .md-fab-action-item {
  -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
}

md-fab-speed-dial.md-fling-remove .md-fab-action-item > *, md-fab-speed-dial.md-scale-remove .md-fab-action-item > * {
  visibility: hidden;
}

md-fab-speed-dial.md-fling .md-fab-action-item {
  opacity: 1;
}

md-fab-speed-dial.md-fling.md-animations-waiting .md-fab-action-item {
  opacity: 0;
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}

md-fab-speed-dial.md-scale .md-fab-action-item {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-transition-duration: 0.1428571429s;
  transition-duration: 0.1428571429s;
}

md-fab-toolbar {
  display: block;
  /*
   * Closed styling
   */
  /*
   * Hover styling
   */
}

md-fab-toolbar.md-fab-bottom-right {
  top: auto;
  right: 20px;
  bottom: 20px;
  left: auto;
  position: absolute;
}

md-fab-toolbar.md-fab-bottom-left {
  top: auto;
  right: auto;
  bottom: 20px;
  left: 20px;
  position: absolute;
}

md-fab-toolbar.md-fab-top-right {
  top: 20px;
  right: 20px;
  bottom: auto;
  left: auto;
  position: absolute;
}

md-fab-toolbar.md-fab-top-left {
  top: 20px;
  right: auto;
  bottom: auto;
  left: 20px;
  position: absolute;
}

md-fab-toolbar .md-fab-toolbar-wrapper {
  display: block;
  position: relative;
  overflow: hidden;
  height: 68px;
}

md-fab-toolbar md-fab-trigger {
  position: absolute;
  z-index: 20;
}

md-fab-toolbar md-fab-trigger button {
  overflow: visible !important;
}

md-fab-toolbar md-fab-trigger .md-fab-toolbar-background {
  display: block;
  position: absolute;
  z-index: 21;
  opacity: 1;
  -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
}

md-fab-toolbar md-fab-trigger md-icon {
  position: relative;
  z-index: 22;
  opacity: 1;
  -webkit-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}

md-fab-toolbar.md-left md-fab-trigger {
  right: 0;
}

md-fab-toolbar.md-left .md-toolbar-tools {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-direction: row-reverse;
}

md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
  margin-right: 0.6rem;
}

md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
  margin-left: -0.8rem;
}

md-fab-toolbar.md-left .md-toolbar-tools > .md-button:last-child {
  margin-right: 8px;
}

md-fab-toolbar.md-right md-fab-trigger {
  left: 0;
}

md-fab-toolbar.md-right .md-toolbar-tools {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
}

md-fab-toolbar md-toolbar {
  background-color: transparent !important;
  pointer-events: none;
  z-index: 23;
}

md-fab-toolbar md-toolbar .md-toolbar-tools {
  padding: 0 20px;
  margin-top: 3px;
}

md-fab-toolbar md-toolbar .md-fab-action-item {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
}

md-fab-toolbar.md-is-open md-fab-trigger > button {
  box-shadow: none;
}

md-fab-toolbar.md-is-open md-fab-trigger > button md-icon {
  opacity: 0;
}

md-fab-toolbar.md-is-open .md-fab-action-item {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

md-grid-list {
  box-sizing: border-box;
  display: block;
  position: relative;
}

md-grid-list md-grid-tile,
md-grid-list md-grid-tile > figure,
md-grid-list md-grid-tile-header,
md-grid-list md-grid-tile-footer {
  box-sizing: border-box;
}

md-grid-list md-grid-tile {
  display: block;
  position: absolute;
}

md-grid-list md-grid-tile figure {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  margin: 0;
}

md-grid-list md-grid-tile md-grid-tile-header,
md-grid-list md-grid-tile md-grid-tile-footer {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-align: center;
  align-items: center;
  height: 48px;
  color: #fff;
  background: rgba(0, 0, 0, 0.18);
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
}

md-grid-list md-grid-tile md-grid-tile-header h3,
md-grid-list md-grid-tile md-grid-tile-header h4,
md-grid-list md-grid-tile md-grid-tile-footer h3,
md-grid-list md-grid-tile md-grid-tile-footer h4 {
  font-weight: 400;
  margin: 0 0 0 16px;
}

md-grid-list md-grid-tile md-grid-tile-header h3,
md-grid-list md-grid-tile md-grid-tile-footer h3 {
  font-size: 14px;
}

md-grid-list md-grid-tile md-grid-tile-header h4,
md-grid-list md-grid-tile md-grid-tile-footer h4 {
  font-size: 12px;
}

md-grid-list md-grid-tile md-grid-tile-header {
  top: 0;
}

md-grid-list md-grid-tile md-grid-tile-footer {
  bottom: 0;
}

@media screen and (-ms-high-contrast: active) {
  md-grid-tile {
    border: 1px solid #fff;
  }
  md-grid-tile-footer {
    border-top: 1px solid #fff;
  }
}

md-icon {
  margin: auto;
  background-repeat: no-repeat no-repeat;
  display: inline-block;
  vertical-align: middle;
  fill: currentColor;
  height: 24px;
  width: 24px;
}

md-icon svg {
  pointer-events: none;
  display: block;
}

md-icon[md-font-icon] {
  line-height: 1;
  width: auto;
}

md-input-container {
  display: inline-block;
  position: relative;
  padding: 2px;
  margin: 18px 0;
  vertical-align: middle;
  /*
   * The .md-input class is added to the input/textarea
   */
}

md-input-container:after {
  content: '';
  display: table;
  clear: both;
}

md-input-container.md-block {
  display: block;
}

md-input-container .md-errors-spacer {
  float: right;
  min-height: 24px;
  min-width: 1px;
}

html[dir=rtl] md-input-container .md-errors-spacer {
  float: left;
  unicode-bidi: embed;
}

body[dir=rtl] md-input-container .md-errors-spacer {
  float: left;
  unicode-bidi: embed;
}

md-input-container .md-errors-spacer bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-input-container .md-errors-spacer bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

md-input-container > md-icon {
  position: absolute;
  top: 5px;
  left: 2px;
  right: auto;
}

html[dir=rtl] md-input-container > md-icon {
  left: auto;
  unicode-bidi: embed;
}

body[dir=rtl] md-input-container > md-icon {
  left: auto;
  unicode-bidi: embed;
}

md-input-container > md-icon bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-input-container > md-icon bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

html[dir=rtl] md-input-container > md-icon {
  right: 2px;
  unicode-bidi: embed;
}

body[dir=rtl] md-input-container > md-icon {
  right: 2px;
  unicode-bidi: embed;
}

md-input-container > md-icon bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-input-container > md-icon bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

md-input-container textarea,
md-input-container input[type="text"],
md-input-container input[type="password"],
md-input-container input[type="datetime"],
md-input-container input[type="datetime-local"],
md-input-container input[type="date"],
md-input-container input[type="month"],
md-input-container input[type="time"],
md-input-container input[type="week"],
md-input-container input[type="number"],
md-input-container input[type="email"],
md-input-container input[type="url"],
md-input-container input[type="search"],
md-input-container input[type="tel"],
md-input-container input[type="color"] {
  /* remove default appearance from all input/textarea */
  -moz-appearance: none;
  -webkit-appearance: none;
}

md-input-container input[type="date"],
md-input-container input[type="datetime-local"],
md-input-container input[type="month"],
md-input-container input[type="time"],
md-input-container input[type="week"] {
  min-height: 26px;
}

md-input-container textarea {
  resize: none;
  overflow: hidden;
}

md-input-container textarea.md-input {
  min-height: 26px;
  -ms-flex-preferred-size: auto;
}

md-input-container label:not(.md-container-ignore) {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: auto;
}

html[dir=rtl] md-input-container label:not(.md-container-ignore) {
  left: auto;
  unicode-bidi: embed;
}

body[dir=rtl] md-input-container label:not(.md-container-ignore) {
  left: auto;
  unicode-bidi: embed;
}

md-input-container label:not(.md-container-ignore) bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-input-container label:not(.md-container-ignore) bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

html[dir=rtl] md-input-container label:not(.md-container-ignore) {
  right: 0;
  unicode-bidi: embed;
}

body[dir=rtl] md-input-container label:not(.md-container-ignore) {
  right: 0;
  unicode-bidi: embed;
}

md-input-container label:not(.md-container-ignore) bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-input-container label:not(.md-container-ignore) bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

md-input-container.md-has-icon {
  padding-left: 36px;
  padding-right: 0;
}

html[dir=rtl] md-input-container.md-has-icon {
  padding-left: 0;
  unicode-bidi: embed;
}

body[dir=rtl] md-input-container.md-has-icon {
  padding-left: 0;
  unicode-bidi: embed;
}

md-input-container.md-has-icon bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-input-container.md-has-icon bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

html[dir=rtl] md-input-container.md-has-icon {
  padding-right: 36px;
  unicode-bidi: embed;
}

body[dir=rtl] md-input-container.md-has-icon {
  padding-right: 36px;
  unicode-bidi: embed;
}

md-input-container.md-has-icon bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-input-container.md-has-icon bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

md-input-container.md-has-icon > label {
  left: 36px;
  right: auto;
}

html[dir=rtl] md-input-container.md-has-icon > label {
  left: auto;
  unicode-bidi: embed;
}

body[dir=rtl] md-input-container.md-has-icon > label {
  left: auto;
  unicode-bidi: embed;
}

md-input-container.md-has-icon > label bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-input-container.md-has-icon > label bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

html[dir=rtl] md-input-container.md-has-icon > label {
  right: 36px;
  unicode-bidi: embed;
}

body[dir=rtl] md-input-container.md-has-icon > label {
  right: 36px;
  unicode-bidi: embed;
}

md-input-container.md-has-icon > label bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-input-container.md-has-icon > label bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

md-input-container label:not(.md-no-float):not(.md-container-ignore),
md-input-container .md-placeholder {
  -webkit-box-ordinal-group: 2;
  order: 1;
  pointer-events: none;
  -webkit-font-smoothing: antialiased;
  padding-left: 3px;
  padding-right: 0;
  z-index: 1;
  -webkit-transform: translate3d(0, 28px, 0) scale(1);
  transform: translate3d(0, 28px, 0) scale(1);
  -webkit-transition: -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.25s;
  transition: -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.25s;
  transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.25s;
  transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.25s, -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.25s;
  -webkit-transform-origin: left top;
  transform-origin: left top;
}

html[dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore), html[dir=rtl]
md-input-container .md-placeholder {
  padding-left: 0;
  unicode-bidi: embed;
}

body[dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore), body[dir=rtl]
md-input-container .md-placeholder {
  padding-left: 0;
  unicode-bidi: embed;
}

md-input-container label:not(.md-no-float):not(.md-container-ignore) bdo[dir=rtl],
md-input-container .md-placeholder bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-input-container label:not(.md-no-float):not(.md-container-ignore) bdo[dir=ltr],
md-input-container .md-placeholder bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

html[dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore), html[dir=rtl]
md-input-container .md-placeholder {
  padding-right: 3px;
  unicode-bidi: embed;
}

body[dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore), body[dir=rtl]
md-input-container .md-placeholder {
  padding-right: 3px;
  unicode-bidi: embed;
}

md-input-container label:not(.md-no-float):not(.md-container-ignore) bdo[dir=rtl],
md-input-container .md-placeholder bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-input-container label:not(.md-no-float):not(.md-container-ignore) bdo[dir=ltr],
md-input-container .md-placeholder bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

html[dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore), html[dir=rtl]
md-input-container .md-placeholder {
  -webkit-transform-origin: right top;
  transform-origin: right top;
  unicode-bidi: embed;
}

body[dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore), body[dir=rtl]
md-input-container .md-placeholder {
  -webkit-transform-origin: right top;
  transform-origin: right top;
  unicode-bidi: embed;
}

md-input-container label:not(.md-no-float):not(.md-container-ignore) bdo[dir=rtl],
md-input-container .md-placeholder bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-input-container label:not(.md-no-float):not(.md-container-ignore) bdo[dir=ltr],
md-input-container .md-placeholder bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

md-input-container .md-placeholder {
  position: absolute;
  top: 0;
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transform: translate3d(0, 30px, 0);
  transform: translate3d(0, 30px, 0);
}

md-input-container.md-input-focused .md-placeholder {
  opacity: 1;
  -webkit-transform: translate3d(0, 24px, 0);
  transform: translate3d(0, 24px, 0);
}

md-input-container.md-input-has-value .md-placeholder {
  -webkit-transition: none;
  transition: none;
  opacity: 0;
}

md-input-container:not(.md-input-has-value) input:not(:focus),
md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-ampm-field,
md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-day-field,
md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-hour-field,
md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-millisecond-field,
md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-minute-field,
md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-month-field,
md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-second-field,
md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-week-field,
md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-year-field,
md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-text {
  color: transparent;
}

md-input-container .md-input {
  -webkit-box-ordinal-group: 3;
  order: 2;
  display: block;
  margin-top: 0;
  background: none;
  padding-top: 2px;
  padding-bottom: 1px;
  padding-left: 2px;
  padding-right: 2px;
  border-width: 0 0 1px 0;
  line-height: 26px;
  height: 30px;
  -ms-flex-preferred-size: 26px;
  border-radius: 0;
  border-style: solid;
  width: 100%;
  box-sizing: border-box;
  float: left;
}

html[dir=rtl] md-input-container .md-input {
  float: right;
  unicode-bidi: embed;
}

body[dir=rtl] md-input-container .md-input {
  float: right;
  unicode-bidi: embed;
}

md-input-container .md-input bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-input-container .md-input bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

md-input-container .md-input:focus {
  outline: none;
}

md-input-container .md-input:invalid {
  outline: none;
  box-shadow: none;
}

md-input-container .md-input.md-no-flex {
  -webkit-box-flex: 0 !important;
  flex: none !important;
}

md-input-container .md-char-counter {
  text-align: right;
  padding-right: 2px;
  padding-left: 0;
}

html[dir=rtl] md-input-container .md-char-counter {
  text-align: left;
  unicode-bidi: embed;
}

body[dir=rtl] md-input-container .md-char-counter {
  text-align: left;
  unicode-bidi: embed;
}

md-input-container .md-char-counter bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-input-container .md-char-counter bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

html[dir=rtl] md-input-container .md-char-counter {
  padding-right: 0;
  unicode-bidi: embed;
}

body[dir=rtl] md-input-container .md-char-counter {
  padding-right: 0;
  unicode-bidi: embed;
}

md-input-container .md-char-counter bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-input-container .md-char-counter bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

html[dir=rtl] md-input-container .md-char-counter {
  padding-left: 2px;
  unicode-bidi: embed;
}

body[dir=rtl] md-input-container .md-char-counter {
  padding-left: 2px;
  unicode-bidi: embed;
}

md-input-container .md-char-counter bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-input-container .md-char-counter bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

md-input-container ng-messages, md-input-container data-ng-messages, md-input-container x-ng-messages,
md-input-container [ng-messages], md-input-container [data-ng-messages], md-input-container [x-ng-messages] {
  position: relative;
  -webkit-box-ordinal-group: 5;
  order: 4;
  overflow: hidden;
  clear: left;
}

html[dir=rtl] md-input-container ng-messages, html[dir=rtl] md-input-container data-ng-messages, html[dir=rtl] md-input-container x-ng-messages, html[dir=rtl]
md-input-container [ng-messages], html[dir=rtl] md-input-container [data-ng-messages], html[dir=rtl] md-input-container [x-ng-messages] {
  clear: right;
  unicode-bidi: embed;
}

body[dir=rtl] md-input-container ng-messages, body[dir=rtl] md-input-container data-ng-messages, body[dir=rtl] md-input-container x-ng-messages, body[dir=rtl]
md-input-container [ng-messages], body[dir=rtl] md-input-container [data-ng-messages], body[dir=rtl] md-input-container [x-ng-messages] {
  clear: right;
  unicode-bidi: embed;
}

md-input-container ng-messages bdo[dir=rtl], md-input-container data-ng-messages bdo[dir=rtl], md-input-container x-ng-messages bdo[dir=rtl],
md-input-container [ng-messages] bdo[dir=rtl], md-input-container [data-ng-messages] bdo[dir=rtl], md-input-container [x-ng-messages] bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-input-container ng-messages bdo[dir=ltr], md-input-container data-ng-messages bdo[dir=ltr], md-input-container x-ng-messages bdo[dir=ltr],
md-input-container [ng-messages] bdo[dir=ltr], md-input-container [data-ng-messages] bdo[dir=ltr], md-input-container [x-ng-messages] bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

md-input-container ng-messages.ng-enter ng-message, md-input-container ng-messages.ng-enter data-ng-message, md-input-container ng-messages.ng-enter x-ng-message,
md-input-container ng-messages.ng-enter [ng-message], md-input-container ng-messages.ng-enter [data-ng-message], md-input-container ng-messages.ng-enter [x-ng-message],
md-input-container ng-messages.ng-enter [ng-message-exp], md-input-container ng-messages.ng-enter [data-ng-message-exp], md-input-container ng-messages.ng-enter [x-ng-message-exp], md-input-container data-ng-messages.ng-enter ng-message, md-input-container data-ng-messages.ng-enter data-ng-message, md-input-container data-ng-messages.ng-enter x-ng-message,
md-input-container data-ng-messages.ng-enter [ng-message], md-input-container data-ng-messages.ng-enter [data-ng-message], md-input-container data-ng-messages.ng-enter [x-ng-message],
md-input-container data-ng-messages.ng-enter [ng-message-exp], md-input-container data-ng-messages.ng-enter [data-ng-message-exp], md-input-container data-ng-messages.ng-enter [x-ng-message-exp], md-input-container x-ng-messages.ng-enter ng-message, md-input-container x-ng-messages.ng-enter data-ng-message, md-input-container x-ng-messages.ng-enter x-ng-message,
md-input-container x-ng-messages.ng-enter [ng-message], md-input-container x-ng-messages.ng-enter [data-ng-message], md-input-container x-ng-messages.ng-enter [x-ng-message],
md-input-container x-ng-messages.ng-enter [ng-message-exp], md-input-container x-ng-messages.ng-enter [data-ng-message-exp], md-input-container x-ng-messages.ng-enter [x-ng-message-exp],
md-input-container [ng-messages].ng-enter ng-message,
md-input-container [ng-messages].ng-enter data-ng-message,
md-input-container [ng-messages].ng-enter x-ng-message,
md-input-container [ng-messages].ng-enter [ng-message],
md-input-container [ng-messages].ng-enter [data-ng-message],
md-input-container [ng-messages].ng-enter [x-ng-message],
md-input-container [ng-messages].ng-enter [ng-message-exp],
md-input-container [ng-messages].ng-enter [data-ng-message-exp],
md-input-container [ng-messages].ng-enter [x-ng-message-exp], md-input-container [data-ng-messages].ng-enter ng-message, md-input-container [data-ng-messages].ng-enter data-ng-message, md-input-container [data-ng-messages].ng-enter x-ng-message,
md-input-container [data-ng-messages].ng-enter [ng-message], md-input-container [data-ng-messages].ng-enter [data-ng-message], md-input-container [data-ng-messages].ng-enter [x-ng-message],
md-input-container [data-ng-messages].ng-enter [ng-message-exp], md-input-container [data-ng-messages].ng-enter [data-ng-message-exp], md-input-container [data-ng-messages].ng-enter [x-ng-message-exp], md-input-container [x-ng-messages].ng-enter ng-message, md-input-container [x-ng-messages].ng-enter data-ng-message, md-input-container [x-ng-messages].ng-enter x-ng-message,
md-input-container [x-ng-messages].ng-enter [ng-message], md-input-container [x-ng-messages].ng-enter [data-ng-message], md-input-container [x-ng-messages].ng-enter [x-ng-message],
md-input-container [x-ng-messages].ng-enter [ng-message-exp], md-input-container [x-ng-messages].ng-enter [data-ng-message-exp], md-input-container [x-ng-messages].ng-enter [x-ng-message-exp] {
  opacity: 0;
  margin-top: -100px;
}

md-input-container ng-message, md-input-container data-ng-message, md-input-container x-ng-message,
md-input-container [ng-message], md-input-container [data-ng-message], md-input-container [x-ng-message],
md-input-container [ng-message-exp], md-input-container [data-ng-message-exp], md-input-container [x-ng-message-exp],
md-input-container .md-char-counter {
  font-size: 12px;
  line-height: 14px;
  overflow: hidden;
  -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  opacity: 1;
  margin-top: 0;
  padding-top: 5px;
}

md-input-container ng-message:not(.md-char-counter), md-input-container data-ng-message:not(.md-char-counter), md-input-container x-ng-message:not(.md-char-counter),
md-input-container [ng-message]:not(.md-char-counter), md-input-container [data-ng-message]:not(.md-char-counter), md-input-container [x-ng-message]:not(.md-char-counter),
md-input-container [ng-message-exp]:not(.md-char-counter), md-input-container [data-ng-message-exp]:not(.md-char-counter), md-input-container [x-ng-message-exp]:not(.md-char-counter),
md-input-container .md-char-counter:not(.md-char-counter) {
  padding-right: 5px;
  padding-left: 0;
}

html[dir=rtl] md-input-container ng-message:not(.md-char-counter), html[dir=rtl] md-input-container data-ng-message:not(.md-char-counter), html[dir=rtl] md-input-container x-ng-message:not(.md-char-counter), html[dir=rtl]
md-input-container [ng-message]:not(.md-char-counter), html[dir=rtl] md-input-container [data-ng-message]:not(.md-char-counter), html[dir=rtl] md-input-container [x-ng-message]:not(.md-char-counter), html[dir=rtl]
md-input-container [ng-message-exp]:not(.md-char-counter), html[dir=rtl] md-input-container [data-ng-message-exp]:not(.md-char-counter), html[dir=rtl] md-input-container [x-ng-message-exp]:not(.md-char-counter), html[dir=rtl]
md-input-container .md-char-counter:not(.md-char-counter) {
  padding-right: 0;
  unicode-bidi: embed;
}

body[dir=rtl] md-input-container ng-message:not(.md-char-counter), body[dir=rtl] md-input-container data-ng-message:not(.md-char-counter), body[dir=rtl] md-input-container x-ng-message:not(.md-char-counter), body[dir=rtl]
md-input-container [ng-message]:not(.md-char-counter), body[dir=rtl] md-input-container [data-ng-message]:not(.md-char-counter), body[dir=rtl] md-input-container [x-ng-message]:not(.md-char-counter), body[dir=rtl]
md-input-container [ng-message-exp]:not(.md-char-counter), body[dir=rtl] md-input-container [data-ng-message-exp]:not(.md-char-counter), body[dir=rtl] md-input-container [x-ng-message-exp]:not(.md-char-counter), body[dir=rtl]
md-input-container .md-char-counter:not(.md-char-counter) {
  padding-right: 0;
  unicode-bidi: embed;
}

md-input-container ng-message:not(.md-char-counter) bdo[dir=rtl], md-input-container data-ng-message:not(.md-char-counter) bdo[dir=rtl], md-input-container x-ng-message:not(.md-char-counter) bdo[dir=rtl],
md-input-container [ng-message]:not(.md-char-counter) bdo[dir=rtl], md-input-container [data-ng-message]:not(.md-char-counter) bdo[dir=rtl], md-input-container [x-ng-message]:not(.md-char-counter) bdo[dir=rtl],
md-input-container [ng-message-exp]:not(.md-char-counter) bdo[dir=rtl], md-input-container [data-ng-message-exp]:not(.md-char-counter) bdo[dir=rtl], md-input-container [x-ng-message-exp]:not(.md-char-counter) bdo[dir=rtl],
md-input-container .md-char-counter:not(.md-char-counter) bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-input-container ng-message:not(.md-char-counter) bdo[dir=ltr], md-input-container data-ng-message:not(.md-char-counter) bdo[dir=ltr], md-input-container x-ng-message:not(.md-char-counter) bdo[dir=ltr],
md-input-container [ng-message]:not(.md-char-counter) bdo[dir=ltr], md-input-container [data-ng-message]:not(.md-char-counter) bdo[dir=ltr], md-input-container [x-ng-message]:not(.md-char-counter) bdo[dir=ltr],
md-input-container [ng-message-exp]:not(.md-char-counter) bdo[dir=ltr], md-input-container [data-ng-message-exp]:not(.md-char-counter) bdo[dir=ltr], md-input-container [x-ng-message-exp]:not(.md-char-counter) bdo[dir=ltr],
md-input-container .md-char-counter:not(.md-char-counter) bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

html[dir=rtl] md-input-container ng-message:not(.md-char-counter), html[dir=rtl] md-input-container data-ng-message:not(.md-char-counter), html[dir=rtl] md-input-container x-ng-message:not(.md-char-counter), html[dir=rtl]
md-input-container [ng-message]:not(.md-char-counter), html[dir=rtl] md-input-container [data-ng-message]:not(.md-char-counter), html[dir=rtl] md-input-container [x-ng-message]:not(.md-char-counter), html[dir=rtl]
md-input-container [ng-message-exp]:not(.md-char-counter), html[dir=rtl] md-input-container [data-ng-message-exp]:not(.md-char-counter), html[dir=rtl] md-input-container [x-ng-message-exp]:not(.md-char-counter), html[dir=rtl]
md-input-container .md-char-counter:not(.md-char-counter) {
  padding-left: 5px;
  unicode-bidi: embed;
}

body[dir=rtl] md-input-container ng-message:not(.md-char-counter), body[dir=rtl] md-input-container data-ng-message:not(.md-char-counter), body[dir=rtl] md-input-container x-ng-message:not(.md-char-counter), body[dir=rtl]
md-input-container [ng-message]:not(.md-char-counter), body[dir=rtl] md-input-container [data-ng-message]:not(.md-char-counter), body[dir=rtl] md-input-container [x-ng-message]:not(.md-char-counter), body[dir=rtl]
md-input-container [ng-message-exp]:not(.md-char-counter), body[dir=rtl] md-input-container [data-ng-message-exp]:not(.md-char-counter), body[dir=rtl] md-input-container [x-ng-message-exp]:not(.md-char-counter), body[dir=rtl]
md-input-container .md-char-counter:not(.md-char-counter) {
  padding-left: 5px;
  unicode-bidi: embed;
}

md-input-container ng-message:not(.md-char-counter) bdo[dir=rtl], md-input-container data-ng-message:not(.md-char-counter) bdo[dir=rtl], md-input-container x-ng-message:not(.md-char-counter) bdo[dir=rtl],
md-input-container [ng-message]:not(.md-char-counter) bdo[dir=rtl], md-input-container [data-ng-message]:not(.md-char-counter) bdo[dir=rtl], md-input-container [x-ng-message]:not(.md-char-counter) bdo[dir=rtl],
md-input-container [ng-message-exp]:not(.md-char-counter) bdo[dir=rtl], md-input-container [data-ng-message-exp]:not(.md-char-counter) bdo[dir=rtl], md-input-container [x-ng-message-exp]:not(.md-char-counter) bdo[dir=rtl],
md-input-container .md-char-counter:not(.md-char-counter) bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-input-container ng-message:not(.md-char-counter) bdo[dir=ltr], md-input-container data-ng-message:not(.md-char-counter) bdo[dir=ltr], md-input-container x-ng-message:not(.md-char-counter) bdo[dir=ltr],
md-input-container [ng-message]:not(.md-char-counter) bdo[dir=ltr], md-input-container [data-ng-message]:not(.md-char-counter) bdo[dir=ltr], md-input-container [x-ng-message]:not(.md-char-counter) bdo[dir=ltr],
md-input-container [ng-message-exp]:not(.md-char-counter) bdo[dir=ltr], md-input-container [data-ng-message-exp]:not(.md-char-counter) bdo[dir=ltr], md-input-container [x-ng-message-exp]:not(.md-char-counter) bdo[dir=ltr],
md-input-container .md-char-counter:not(.md-char-counter) bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

md-input-container:not(.md-input-invalid) .md-auto-hide .md-input-message-animation {
  opacity: 0;
  margin-top: -100px;
}

md-input-container .md-auto-hide .md-input-message-animation:not(.ng-animate) {
  opacity: 0;
  margin-top: -100px;
}

md-input-container .md-input-message-animation.ng-enter {
  opacity: 0;
  margin-top: -100px;
}

md-input-container.md-input-focused label:not(.md-no-float), md-input-container.md-input-has-placeholder label:not(.md-no-float), md-input-container.md-input-has-value label:not(.md-no-float) {
  -webkit-transform: translate3d(0, 6px, 0) scale(0.75);
  transform: translate3d(0, 6px, 0) scale(0.75);
}

md-input-container.md-input-has-value label {
  -webkit-transition: none;
  transition: none;
}

md-input-container.md-input-focused .md-input,
md-input-container .md-input.ng-invalid.ng-dirty {
  padding-bottom: 0;
  border-width: 0 0 2px 0;
}

md-input-container .md-input[disabled],
[disabled] md-input-container .md-input {
  background-position: 0 bottom;
  background-size: 4px 1px;
  background-repeat: repeat-x;
  margin-bottom: -1px;
}

md-input-container.md-icon-float {
  -webkit-transition: margin-top 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: margin-top 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}

md-input-container.md-icon-float > label {
  pointer-events: none;
  position: absolute;
}

md-input-container.md-icon-float > md-icon {
  top: 2px;
  left: 2px;
  right: auto;
}

html[dir=rtl] md-input-container.md-icon-float > md-icon {
  left: auto;
  unicode-bidi: embed;
}

body[dir=rtl] md-input-container.md-icon-float > md-icon {
  left: auto;
  unicode-bidi: embed;
}

md-input-container.md-icon-float > md-icon bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-input-container.md-icon-float > md-icon bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

html[dir=rtl] md-input-container.md-icon-float > md-icon {
  right: 2px;
  unicode-bidi: embed;
}

body[dir=rtl] md-input-container.md-icon-float > md-icon {
  right: 2px;
  unicode-bidi: embed;
}

md-input-container.md-icon-float > md-icon bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-input-container.md-icon-float > md-icon bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

md-input-container.md-icon-float.md-input-focused label, md-input-container.md-icon-float.md-input-has-value label {
  -webkit-transform: translate3d(0, 6px, 0) scale(0.75);
  transform: translate3d(0, 6px, 0) scale(0.75);
  -webkit-transition: -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.5s;
  transition: -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.5s;
  transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.5s;
  transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.5s, -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.5s;
}

md-input-container.md-icon-right {
  padding-right: 36px;
  padding-left: 36px;
}

html[dir=rtl] md-input-container.md-icon-right {
  padding-right: 36px;
  unicode-bidi: embed;
}

body[dir=rtl] md-input-container.md-icon-right {
  padding-right: 36px;
  unicode-bidi: embed;
}

md-input-container.md-icon-right bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-input-container.md-icon-right bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

html[dir=rtl] md-input-container.md-icon-right {
  padding-left: 36px;
  unicode-bidi: embed;
}

body[dir=rtl] md-input-container.md-icon-right {
  padding-left: 36px;
  unicode-bidi: embed;
}

md-input-container.md-icon-right bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-input-container.md-icon-right bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

md-input-container.md-icon-right .md-errors-spacer + md-icon {
  margin: 0;
  right: 2px;
  left: auto;
}

html[dir=rtl] md-input-container.md-icon-right .md-errors-spacer + md-icon {
  right: auto;
  unicode-bidi: embed;
}

body[dir=rtl] md-input-container.md-icon-right .md-errors-spacer + md-icon {
  right: auto;
  unicode-bidi: embed;
}

md-input-container.md-icon-right .md-errors-spacer + md-icon bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-input-container.md-icon-right .md-errors-spacer + md-icon bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

html[dir=rtl] md-input-container.md-icon-right .md-errors-spacer + md-icon {
  left: 2px;
  unicode-bidi: embed;
}

body[dir=rtl] md-input-container.md-icon-right .md-errors-spacer + md-icon {
  left: 2px;
  unicode-bidi: embed;
}

md-input-container.md-icon-right .md-errors-spacer + md-icon bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-input-container.md-icon-right .md-errors-spacer + md-icon bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

@media screen and (-ms-high-contrast: active) {
  md-input-container.md-default-theme > md-icon {
    fill: #fff;
  }
}

md-list {
  display: block;
  padding: 8px 0px 8px 0px;
}

md-list .md-subheader {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.010em;
  line-height: 1.2em;
}

md-list-item {
  position: relative;
}

md-list-item.md-proxy-focus.md-focused .md-no-style {
  -webkit-transition: background-color 0.15s linear;
  transition: background-color 0.15s linear;
}

md-list-item.md-no-proxy,
md-list-item .md-no-style {
  position: relative;
  padding: 0px 16px;
  -webkit-box-flex: 1;
  flex: 1 1 auto;
}

md-list-item.md-no-proxy.md-button,
md-list-item .md-no-style.md-button {
  font-size: inherit;
  height: inherit;
  text-align: left;
  text-transform: none;
  width: 100%;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: inherit;
  -webkit-box-align: inherit;
  align-items: inherit;
  border-radius: 0;
}

md-list-item.md-no-proxy.md-button > .md-ripple-container,
md-list-item .md-no-style.md-button > .md-ripple-container {
  border-radius: 0;
}

md-list-item.md-no-proxy:focus,
md-list-item .md-no-style:focus {
  outline: none;
}

md-list-item.md-with-secondary {
  position: relative;
}

md-list-item.md-clickable:hover {
  cursor: pointer;
}

md-list-item md-divider {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

md-list-item md-divider[md-inset] {
  left: 96px;
  width: calc(100% - 96px);
  margin: 0;
}

md-list-item, md-list-item .md-list-item-inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  align-items: center;
  min-height: 48px;
  height: auto;
}

md-list-item > div.md-primary > md-icon:not(.md-avatar-icon),
md-list-item > div.md-secondary > md-icon:not(.md-avatar-icon),
md-list-item > md-icon:first-child:not(.md-avatar-icon),
md-list-item > md-icon.md-secondary:not(.md-avatar-icon), md-list-item .md-list-item-inner > div.md-primary > md-icon:not(.md-avatar-icon),
md-list-item .md-list-item-inner > div.md-secondary > md-icon:not(.md-avatar-icon),
md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon),
md-list-item .md-list-item-inner > md-icon.md-secondary:not(.md-avatar-icon) {
  width: 24px;
  margin-top: 16px;
  margin-bottom: 12px;
  box-sizing: content-box;
}

md-list-item > div.md-primary > md-checkbox,
md-list-item > div.md-secondary > md-checkbox,
md-list-item > md-checkbox,
md-list-item md-checkbox.md-secondary, md-list-item .md-list-item-inner > div.md-primary > md-checkbox,
md-list-item .md-list-item-inner > div.md-secondary > md-checkbox,
md-list-item .md-list-item-inner > md-checkbox,
md-list-item .md-list-item-inner md-checkbox.md-secondary {
  -ms-grid-row-align: center;
  align-self: center;
}

md-list-item > div.md-primary > md-checkbox .md-label,
md-list-item > div.md-secondary > md-checkbox .md-label,
md-list-item > md-checkbox .md-label,
md-list-item md-checkbox.md-secondary .md-label, md-list-item .md-list-item-inner > div.md-primary > md-checkbox .md-label,
md-list-item .md-list-item-inner > div.md-secondary > md-checkbox .md-label,
md-list-item .md-list-item-inner > md-checkbox .md-label,
md-list-item .md-list-item-inner md-checkbox.md-secondary .md-label {
  display: none;
}

md-list-item > md-icon:first-child:not(.md-avatar-icon), md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon) {
  margin-right: 32px;
}

md-list-item > md-checkbox, md-list-item .md-list-item-inner > md-checkbox {
  width: 24px;
  margin-left: 3px;
  margin-right: 29px;
  margin-top: 16px;
}

md-list-item .md-avatar, md-list-item .md-avatar-icon, md-list-item .md-list-item-inner .md-avatar, md-list-item .md-list-item-inner .md-avatar-icon {
  margin-top: 8px;
  margin-bottom: 8px;
  margin-right: 16px;
  border-radius: 50%;
  box-sizing: content-box;
}

md-list-item .md-avatar, md-list-item .md-list-item-inner .md-avatar {
  width: 40px;
  height: 40px;
}

md-list-item .md-avatar-icon, md-list-item .md-list-item-inner .md-avatar-icon {
  padding: 8px;
}

md-list-item md-checkbox.md-secondary,
md-list-item md-switch.md-secondary, md-list-item .md-list-item-inner md-checkbox.md-secondary,
md-list-item .md-list-item-inner md-switch.md-secondary {
  margin-top: 0;
  margin-bottom: 0;
}

md-list-item md-checkbox.md-secondary, md-list-item .md-list-item-inner md-checkbox.md-secondary {
  margin-right: 0;
}

md-list-item md-switch.md-secondary, md-list-item .md-list-item-inner md-switch.md-secondary {
  margin-right: -6px;
}

md-list-item button.md-button.md-secondary-container, md-list-item .md-list-item-inner button.md-button.md-secondary-container {
  background-color: transparent;
  -ms-grid-row-align: center;
  align-self: center;
  border-radius: 50%;
  margin: 0px;
  min-width: 0px;
}

md-list-item button.md-button.md-secondary-container .md-ripple,
md-list-item button.md-button.md-secondary-container .md-ripple-container, md-list-item .md-list-item-inner button.md-button.md-secondary-container .md-ripple,
md-list-item .md-list-item-inner button.md-button.md-secondary-container .md-ripple-container {
  border-radius: 50%;
}

md-list-item button.md-button.md-secondary-container.md-icon-button, md-list-item .md-list-item-inner button.md-button.md-secondary-container.md-icon-button {
  margin-right: -12px;
}

md-list-item .md-secondary-container,
md-list-item .md-secondary, md-list-item .md-list-item-inner .md-secondary-container,
md-list-item .md-list-item-inner .md-secondary {
  position: absolute;
  top: 50%;
  right: 16px;
  margin: 0 0 0 16px;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

md-list-item > .md-button.md-secondary-container > .md-secondary, md-list-item .md-list-item-inner > .md-button.md-secondary-container > .md-secondary {
  margin-left: 0;
  position: static;
}

md-list-item > p, md-list-item > .md-list-item-inner > p, md-list-item .md-list-item-inner > p, md-list-item .md-list-item-inner > .md-list-item-inner > p {
  -webkit-box-flex: 1;
  flex: 1;
  margin: 0;
}

md-list-item.md-2-line,
md-list-item.md-2-line > .md-no-style,
md-list-item.md-3-line,
md-list-item.md-3-line > .md-no-style {
  -webkit-box-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  justify-content: center;
}

md-list-item.md-2-line .md-list-item-text,
md-list-item.md-2-line > .md-no-style .md-list-item-text,
md-list-item.md-3-line .md-list-item-text,
md-list-item.md-3-line > .md-no-style .md-list-item-text {
  -webkit-box-flex: 1;
  flex: 1;
  margin: auto;
  text-overflow: ellipsis;
}

md-list-item.md-2-line .md-list-item-text.md-offset,
md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset,
md-list-item.md-3-line .md-list-item-text.md-offset,
md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset {
  margin-left: 56px;
}

md-list-item.md-2-line .md-list-item-text h3,
md-list-item.md-2-line > .md-no-style .md-list-item-text h3,
md-list-item.md-3-line .md-list-item-text h3,
md-list-item.md-3-line > .md-no-style .md-list-item-text h3 {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.010em;
  margin: 0 0 0px 0;
  line-height: 1.2em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

md-list-item.md-2-line .md-list-item-text h4,
md-list-item.md-2-line > .md-no-style .md-list-item-text h4,
md-list-item.md-3-line .md-list-item-text h4,
md-list-item.md-3-line > .md-no-style .md-list-item-text h4 {
  font-size: 14px;
  letter-spacing: 0.010em;
  margin: 3px 0 1px 0;
  font-weight: 400;
  line-height: 1.2em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

md-list-item.md-2-line .md-list-item-text p,
md-list-item.md-2-line > .md-no-style .md-list-item-text p,
md-list-item.md-3-line .md-list-item-text p,
md-list-item.md-3-line > .md-no-style .md-list-item-text p {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.010em;
  margin: 0 0 0 0;
  line-height: 1.6em;
}

md-list-item.md-2-line,
md-list-item.md-2-line > .md-no-style {
  height: auto;
  min-height: 72px;
}

md-list-item.md-2-line.md-long-text,
md-list-item.md-2-line > .md-no-style.md-long-text {
  margin: 1.6em;
}

md-list-item.md-2-line > .md-avatar, md-list-item.md-2-line .md-avatar-icon,
md-list-item.md-2-line > .md-no-style > .md-avatar,
md-list-item.md-2-line > .md-no-style .md-avatar-icon {
  margin-top: 12px;
}

md-list-item.md-2-line > md-icon:first-child,
md-list-item.md-2-line > .md-no-style > md-icon:first-child {
  align-self: flex-start;
}

md-list-item.md-2-line .md-list-item-text,
md-list-item.md-2-line > .md-no-style .md-list-item-text {
  -webkit-box-flex: 1;
  flex: 1;
}

md-list-item.md-3-line,
md-list-item.md-3-line > .md-no-style {
  height: auto;
  min-height: 88px;
}

md-list-item.md-3-line.md-long-text,
md-list-item.md-3-line > .md-no-style.md-long-text {
  margin: 1.6em;
}

md-list-item.md-3-line > md-icon:first-child,
md-list-item.md-3-line > .md-avatar,
md-list-item.md-3-line > .md-no-style > md-icon:first-child,
md-list-item.md-3-line > .md-no-style > .md-avatar {
  margin-top: 16px;
}

.md-open-menu-container {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  opacity: 0;
  border-radius: 2px;
}

.md-open-menu-container md-menu-divider {
  margin-top: 4px;
  margin-bottom: 4px;
  height: 1px;
  min-height: 1px;
  max-height: 1px;
  width: 100%;
}

.md-open-menu-container md-menu-content > * {
  opacity: 0;
}

.md-open-menu-container:not(.md-clickable) {
  pointer-events: none;
}

.md-open-menu-container.md-active {
  opacity: 1;
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
}

.md-open-menu-container.md-active > md-menu-content > * {
  opacity: 1;
  -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-delay: 100ms;
  transition-delay: 100ms;
}

.md-open-menu-container.md-leave {
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
}

md-menu-content {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  padding: 8px 0;
  max-height: 304px;
  overflow-y: auto;
}

md-menu-content.md-dense {
  max-height: 208px;
}

md-menu-content.md-dense md-menu-item {
  height: 32px;
  min-height: 0px;
}

md-menu-item {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  min-height: 48px;
  height: 48px;
  align-content: center;
  -webkit-box-pack: start;
  justify-content: flex-start;
}

md-menu-item > * {
  width: 100%;
  margin: auto 0;
  padding-left: 16px;
  padding-right: 16px;
}

md-menu-item > a.md-button {
  display: -webkit-box;
  display: flex;
}

md-menu-item > .md-button {
  border-radius: 0;
  margin: auto 0;
  font-size: 15px;
  text-transform: none;
  font-weight: 400;
  text-align: left;
  text-align: start;
  height: 100%;
  padding-left: 16px;
  padding-right: 16px;
  display: inline-block;
  -webkit-box-align: baseline;
  align-items: baseline;
  align-content: flex-start;
  width: 100%;
}

md-menu-item > .md-button md-icon {
  margin: auto 16px auto 0;
}

md-menu-item > .md-button p {
  display: inline-block;
  margin: auto;
}

md-menu-item > .md-button span {
  margin-top: auto;
  margin-bottom: auto;
}

md-menu-item > .md-button .md-ripple-container {
  border-radius: inherit;
}

.md-menu {
  padding: 8px 0;
}

md-toolbar .md-menu {
  height: auto;
  margin: auto;
  padding: 0;
}

@media (max-width: 959px) {
  md-menu-content {
    min-width: 112px;
  }
  md-menu-content[width="3"] {
    min-width: 168px;
  }
  md-menu-content[width="4"] {
    min-width: 224px;
  }
  md-menu-content[width="5"] {
    min-width: 280px;
  }
  md-menu-content[width="6"] {
    min-width: 336px;
  }
  md-menu-content[width="7"] {
    min-width: 392px;
  }
}

@media (min-width: 960px) {
  md-menu-content {
    min-width: 96px;
  }
  md-menu-content[width="3"] {
    min-width: 192px;
  }
  md-menu-content[width="4"] {
    min-width: 256px;
  }
  md-menu-content[width="5"] {
    min-width: 320px;
  }
  md-menu-content[width="6"] {
    min-width: 384px;
  }
  md-menu-content[width="7"] {
    min-width: 448px;
  }
}

md-toolbar.md-menu-toolbar h2.md-toolbar-tools {
  line-height: 1rem;
  height: auto;
  padding: 28px;
  padding-bottom: 12px;
}

md-menu-bar {
  padding: 0 20px;
  display: block;
  position: relative;
  z-index: 2;
}

md-menu-bar .md-menu {
  display: inline-block;
  padding: 0;
  position: relative;
}

md-menu-bar button {
  font-size: 14px;
  padding: 0 10px;
  margin: 0;
  border: 0;
  background-color: transparent;
  height: 40px;
}

md-menu-bar md-backdrop.md-menu-backdrop {
  z-index: -2;
}

md-menu-content.md-menu-bar-menu.md-dense {
  max-height: none;
  padding: 16px 0;
}

md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent {
  position: relative;
}

md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > md-icon {
  position: absolute;
  padding: 0;
  width: 24px;
  top: 6px;
  left: 24px;
}

md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > .md-button, md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent .md-menu > .md-button {
  padding: 0 32px 0 64px;
}

md-menu-content.md-menu-bar-menu.md-dense .md-button {
  min-height: 0;
  height: 32px;
  display: -webkit-box;
  display: flex;
}

md-menu-content.md-menu-bar-menu.md-dense .md-button span {
  -webkit-box-flex: 1;
  flex-grow: 1;
}

md-menu-content.md-menu-bar-menu.md-dense .md-button span.md-alt-text {
  -webkit-box-flex: 0;
  flex-grow: 0;
  align-self: flex-end;
  margin: 0 8px;
}

md-menu-content.md-menu-bar-menu.md-dense md-menu-divider {
  margin: 8px 0;
}

md-menu-content.md-menu-bar-menu.md-dense md-menu-item > .md-button, md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
  text-align: left;
  text-align: start;
}

md-menu-content.md-menu-bar-menu.md-dense .md-menu {
  padding: 0;
}

md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
  position: relative;
  margin: 0;
  width: 100%;
  text-transform: none;
  font-weight: normal;
  border-radius: 0px;
  padding-left: 16px;
}

md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
  display: block;
  content: '\25BC';
  position: absolute;
  top: 0px;
  speak: none;
  -webkit-transform: rotate(270deg) scaleY(0.45) scaleX(0.9);
  transform: rotate(270deg) scaleY(0.45) scaleX(0.9);
  right: 28px;
}

.md-panel-outer-wrapper {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

._md-panel-hidden {
  display: none;
}

._md-panel-fullscreen {
  border-radius: 0;
  left: 0;
  min-height: 100%;
  min-width: 100%;
  position: fixed;
  top: 0;
}

._md-panel-shown .md-panel {
  opacity: 1;
  -webkit-transition: none;
  transition: none;
}

.md-panel {
  opacity: 0;
  position: fixed;
}

.md-panel._md-panel-shown {
  opacity: 1;
  -webkit-transition: none;
  transition: none;
}

.md-panel._md-panel-animate-enter {
  opacity: 1;
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.md-panel._md-panel-animate-leave {
  opacity: 1;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
}

.md-panel._md-panel-animate-scale-out, .md-panel._md-panel-animate-fade-out {
  opacity: 0;
}

.md-panel._md-panel-backdrop {
  height: 100%;
  position: absolute;
  width: 100%;
}

.md-panel._md-opaque-enter {
  opacity: .48;
  -webkit-transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.md-panel._md-opaque-leave {
  -webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 1, 1);
  transition: opacity 0.3s cubic-bezier(0.4, 0, 1, 1);
}

md-progress-circular {
  display: block;
  position: relative;
  width: 100px;
  height: 100px;
  padding-top: 0 !important;
  margin-bottom: 0 !important;
  z-index: 2;
}

md-progress-circular .md-spinner-wrapper {
  display: block;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
}

md-progress-circular .md-spinner-wrapper .md-inner {
  width: 100px;
  height: 100px;
  position: relative;
}

md-progress-circular .md-spinner-wrapper .md-inner .md-gap {
  position: absolute;
  left: 49px;
  right: 49px;
  top: 0;
  bottom: 0;
  border-top-width: 10px;
  border-top-style: solid;
  box-sizing: border-box;
}

md-progress-circular .md-spinner-wrapper .md-inner .md-left, md-progress-circular .md-spinner-wrapper .md-inner .md-right {
  position: absolute;
  top: 0;
  height: 100px;
  width: 50px;
  overflow: hidden;
}

md-progress-circular .md-spinner-wrapper .md-inner .md-left .md-half-circle, md-progress-circular .md-spinner-wrapper .md-inner .md-right .md-half-circle {
  position: absolute;
  top: 0;
  width: 100px;
  height: 100px;
  box-sizing: border-box;
  border-width: 10px;
  border-style: solid;
  border-bottom-color: transparent;
  border-radius: 50%;
}

md-progress-circular .md-spinner-wrapper .md-inner .md-left {
  left: 0;
}

md-progress-circular .md-spinner-wrapper .md-inner .md-left .md-half-circle {
  left: 0;
  border-right-color: transparent;
}

md-progress-circular .md-spinner-wrapper .md-inner .md-right {
  right: 0;
}

md-progress-circular .md-spinner-wrapper .md-inner .md-right .md-half-circle {
  right: 0;
  border-left-color: transparent;
}

md-progress-circular .md-mode-indeterminate .md-spinner-wrapper {
  -webkit-animation: outer-rotate 2.9166666667s linear infinite;
  animation: outer-rotate 2.9166666667s linear infinite;
}

md-progress-circular .md-mode-indeterminate .md-spinner-wrapper .md-inner {
  -webkit-animation: sporadic-rotate 5.25s cubic-bezier(0.35, 0, 0.25, 1) infinite;
  animation: sporadic-rotate 5.25s cubic-bezier(0.35, 0, 0.25, 1) infinite;
}

md-progress-circular .md-mode-indeterminate .md-spinner-wrapper .md-inner .md-left .md-half-circle, md-progress-circular .md-mode-indeterminate .md-spinner-wrapper .md-inner .md-right .md-half-circle {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 1.3125s;
  animation-duration: 1.3125s;
  -webkit-animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
  animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
}

md-progress-circular .md-mode-indeterminate .md-spinner-wrapper .md-inner .md-left .md-half-circle {
  -webkit-animation-name: left-wobble;
  animation-name: left-wobble;
}

md-progress-circular .md-mode-indeterminate .md-spinner-wrapper .md-inner .md-right .md-half-circle {
  -webkit-animation-name: right-wobble;
  animation-name: right-wobble;
}

md-progress-circular md-progress-circular.ng-hide .md-spinner-wrapper {
  -webkit-animation: none;
  animation: none;
}

md-progress-circular md-progress-circular.ng-hide .md-spinner-wrapper .md-inner {
  -webkit-animation: none;
  animation: none;
}

md-progress-circular md-progress-circular.ng-hide .md-spinner-wrapper .md-inner .md-left .md-half-circle {
  -webkit-animation-name: none;
  animation-name: none;
}

md-progress-circular md-progress-circular.ng-hide .md-spinner-wrapper .md-inner .md-right .md-half-circle {
  -webkit-animation-name: none;
  animation-name: none;
}

md-progress-circular .md-spinner-wrapper.ng-hide {
  -webkit-animation: none;
  animation: none;
}

md-progress-circular .md-spinner-wrapper.ng-hide .md-inner {
  -webkit-animation: none;
  animation: none;
}

md-progress-circular .md-spinner-wrapper.ng-hide .md-inner .md-left .md-half-circle {
  -webkit-animation-name: none;
  animation-name: none;
}

md-progress-circular .md-spinner-wrapper.ng-hide .md-inner .md-right .md-half-circle {
  -webkit-animation-name: none;
  animation-name: none;
}

@-webkit-keyframes outer-rotate {
  0% {
    -webkit-transform: rotate(0deg) scale(0.5);
    transform: rotate(0deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(360deg) scale(0.5);
    transform: rotate(360deg) scale(0.5);
  }
}

@keyframes outer-rotate {
  0% {
    -webkit-transform: rotate(0deg) scale(0.5);
    transform: rotate(0deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(360deg) scale(0.5);
    transform: rotate(360deg) scale(0.5);
  }
}

@-webkit-keyframes left-wobble {
  0%, 100% {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
  }
  50% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}

@keyframes left-wobble {
  0%, 100% {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
  }
  50% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}

@-webkit-keyframes right-wobble {
  0%, 100% {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@keyframes right-wobble {
  0%, 100% {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@-webkit-keyframes sporadic-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  25% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  37.5% {
    -webkit-transform: rotate(405deg);
    transform: rotate(405deg);
  }
  50% {
    -webkit-transform: rotate(540deg);
    transform: rotate(540deg);
  }
  62.5% {
    -webkit-transform: rotate(675deg);
    transform: rotate(675deg);
  }
  75% {
    -webkit-transform: rotate(810deg);
    transform: rotate(810deg);
  }
  87.5% {
    -webkit-transform: rotate(945deg);
    transform: rotate(945deg);
  }
  100% {
    -webkit-transform: rotate(1080deg);
    transform: rotate(1080deg);
  }
}

@keyframes sporadic-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  25% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  37.5% {
    -webkit-transform: rotate(405deg);
    transform: rotate(405deg);
  }
  50% {
    -webkit-transform: rotate(540deg);
    transform: rotate(540deg);
  }
  62.5% {
    -webkit-transform: rotate(675deg);
    transform: rotate(675deg);
  }
  75% {
    -webkit-transform: rotate(810deg);
    transform: rotate(810deg);
  }
  87.5% {
    -webkit-transform: rotate(945deg);
    transform: rotate(945deg);
  }
  100% {
    -webkit-transform: rotate(1080deg);
    transform: rotate(1080deg);
  }
}

md-progress-linear {
  display: block;
  position: relative;
  width: 100%;
  height: 5px;
  padding-top: 0 !important;
  margin-bottom: 0 !important;
}

md-progress-linear .md-container {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 5px;
  -webkit-transform: translate(0, 0) scale(1, 1);
  transform: translate(0, 0) scale(1, 1);
}

md-progress-linear .md-container .md-bar {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
}

md-progress-linear .md-container .md-dashed:before {
  content: "";
  display: none;
  position: absolute;
  margin-top: 0;
  height: 5px;
  width: 100%;
  background-color: transparent;
  background-size: 10px 10px !important;
  background-position: 0px -23px;
}

md-progress-linear .md-container .md-bar1, md-progress-linear .md-container .md-bar2 {
  -webkit-transition: -webkit-transform 0.2s linear;
  transition: -webkit-transform 0.2s linear;
  transition: transform 0.2s linear;
  transition: transform 0.2s linear, -webkit-transform 0.2s linear;
}

md-progress-linear .md-container.md-mode-query .md-bar1 {
  display: none;
}

md-progress-linear .md-container.md-mode-query .md-bar2 {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
  animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
}

md-progress-linear .md-container.md-mode-determinate .md-bar1 {
  display: none;
}

md-progress-linear .md-container.md-mode-indeterminate .md-bar1 {
  -webkit-animation: md-progress-linear-indeterminate-scale-1 4s infinite, md-progress-linear-indeterminate-1 4s infinite;
  animation: md-progress-linear-indeterminate-scale-1 4s infinite, md-progress-linear-indeterminate-1 4s infinite;
}

md-progress-linear .md-container.md-mode-indeterminate .md-bar2 {
  -webkit-animation: md-progress-linear-indeterminate-scale-2 4s infinite, md-progress-linear-indeterminate-2 4s infinite;
  animation: md-progress-linear-indeterminate-scale-2 4s infinite, md-progress-linear-indeterminate-2 4s infinite;
}

md-progress-linear .md-container.ng-hide {
  -webkit-animation: none;
  animation: none;
}

md-progress-linear .md-container.ng-hide .md-bar1 {
  -webkit-animation-name: none;
  animation-name: none;
}

md-progress-linear .md-container.ng-hide .md-bar2 {
  -webkit-animation-name: none;
  animation-name: none;
}

md-progress-linear .md-container.md-mode-buffer {
  background-color: transparent !important;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

md-progress-linear .md-container.md-mode-buffer .md-dashed:before {
  display: block;
  -webkit-animation: buffer 3s infinite linear;
  animation: buffer 3s infinite linear;
}

@-webkit-keyframes query {
  0% {
    opacity: 1;
    -webkit-transform: translateX(35%) scale(0.3, 1);
    transform: translateX(35%) scale(0.3, 1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-50%) scale(0, 1);
    transform: translateX(-50%) scale(0, 1);
  }
}

@keyframes query {
  0% {
    opacity: 1;
    -webkit-transform: translateX(35%) scale(0.3, 1);
    transform: translateX(35%) scale(0.3, 1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-50%) scale(0, 1);
    transform: translateX(-50%) scale(0, 1);
  }
}

@-webkit-keyframes buffer {
  0% {
    opacity: 1;
    background-position: 0px -23px;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    background-position: -200px -23px;
  }
}

@keyframes buffer {
  0% {
    opacity: 1;
    background-position: 0px -23px;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    background-position: -200px -23px;
  }
}

@-webkit-keyframes md-progress-linear-indeterminate-scale-1 {
  0% {
    -webkit-transform: scaleX(0.1);
    transform: scaleX(0.1);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  36.6% {
    -webkit-transform: scaleX(0.1);
    transform: scaleX(0.1);
    -webkit-animation-timing-function: cubic-bezier(0.334731432, 0.124819821, 0.785843996, 1);
    animation-timing-function: cubic-bezier(0.334731432, 0.124819821, 0.785843996, 1);
  }
  69.15% {
    -webkit-transform: scaleX(0.83);
    transform: scaleX(0.83);
    -webkit-animation-timing-function: cubic-bezier(0.225732004, 0, 0.233648906, 1.3709798);
    animation-timing-function: cubic-bezier(0.225732004, 0, 0.233648906, 1.3709798);
  }
  100% {
    -webkit-transform: scaleX(0.1);
    transform: scaleX(0.1);
  }
}

@keyframes md-progress-linear-indeterminate-scale-1 {
  0% {
    -webkit-transform: scaleX(0.1);
    transform: scaleX(0.1);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  36.6% {
    -webkit-transform: scaleX(0.1);
    transform: scaleX(0.1);
    -webkit-animation-timing-function: cubic-bezier(0.334731432, 0.124819821, 0.785843996, 1);
    animation-timing-function: cubic-bezier(0.334731432, 0.124819821, 0.785843996, 1);
  }
  69.15% {
    -webkit-transform: scaleX(0.83);
    transform: scaleX(0.83);
    -webkit-animation-timing-function: cubic-bezier(0.225732004, 0, 0.233648906, 1.3709798);
    animation-timing-function: cubic-bezier(0.225732004, 0, 0.233648906, 1.3709798);
  }
  100% {
    -webkit-transform: scaleX(0.1);
    transform: scaleX(0.1);
  }
}

@-webkit-keyframes md-progress-linear-indeterminate-1 {
  0% {
    left: -105.166666667%;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  20% {
    left: -105.166666667%;
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495818703);
    animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495818703);
  }
  69.15% {
    left: 21.5%;
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.38135197, 0.55, 0.956352125);
    animation-timing-function: cubic-bezier(0.302435, 0.38135197, 0.55, 0.956352125);
  }
  100% {
    left: 95.4444444444%;
  }
}

@keyframes md-progress-linear-indeterminate-1 {
  0% {
    left: -105.166666667%;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  20% {
    left: -105.166666667%;
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495818703);
    animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495818703);
  }
  69.15% {
    left: 21.5%;
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.38135197, 0.55, 0.956352125);
    animation-timing-function: cubic-bezier(0.302435, 0.38135197, 0.55, 0.956352125);
  }
  100% {
    left: 95.4444444444%;
  }
}

@-webkit-keyframes md-progress-linear-indeterminate-scale-2 {
  0% {
    -webkit-transform: scaleX(0.1);
    transform: scaleX(0.1);
    -webkit-animation-timing-function: cubic-bezier(0.205028172, 0.057050836, 0.57660995, 0.453970841);
    animation-timing-function: cubic-bezier(0.205028172, 0.057050836, 0.57660995, 0.453970841);
  }
  19.15% {
    -webkit-transform: scaleX(0.57);
    transform: scaleX(0.57);
    -webkit-animation-timing-function: cubic-bezier(0.152312994, 0.196431957, 0.648373778, 1.00431535);
    animation-timing-function: cubic-bezier(0.152312994, 0.196431957, 0.648373778, 1.00431535);
  }
  44.15% {
    -webkit-transform: scaleX(0.91);
    transform: scaleX(0.91);
    -webkit-animation-timing-function: cubic-bezier(0.25775882, -0.003163357, 0.211761916, 1.38178961);
    animation-timing-function: cubic-bezier(0.25775882, -0.003163357, 0.211761916, 1.38178961);
  }
  100% {
    -webkit-transform: scaleX(0.1);
    transform: scaleX(0.1);
  }
}

@keyframes md-progress-linear-indeterminate-scale-2 {
  0% {
    -webkit-transform: scaleX(0.1);
    transform: scaleX(0.1);
    -webkit-animation-timing-function: cubic-bezier(0.205028172, 0.057050836, 0.57660995, 0.453970841);
    animation-timing-function: cubic-bezier(0.205028172, 0.057050836, 0.57660995, 0.453970841);
  }
  19.15% {
    -webkit-transform: scaleX(0.57);
    transform: scaleX(0.57);
    -webkit-animation-timing-function: cubic-bezier(0.152312994, 0.196431957, 0.648373778, 1.00431535);
    animation-timing-function: cubic-bezier(0.152312994, 0.196431957, 0.648373778, 1.00431535);
  }
  44.15% {
    -webkit-transform: scaleX(0.91);
    transform: scaleX(0.91);
    -webkit-animation-timing-function: cubic-bezier(0.25775882, -0.003163357, 0.211761916, 1.38178961);
    animation-timing-function: cubic-bezier(0.25775882, -0.003163357, 0.211761916, 1.38178961);
  }
  100% {
    -webkit-transform: scaleX(0.1);
    transform: scaleX(0.1);
  }
}

@-webkit-keyframes md-progress-linear-indeterminate-2 {
  0% {
    left: -54.8888888889%;
    -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.5150584, 0.409684966);
    animation-timing-function: cubic-bezier(0.15, 0, 0.5150584, 0.409684966);
  }
  25% {
    left: -17.25%;
    -webkit-animation-timing-function: cubic-bezier(0.3103299, 0.284057684, 0.8, 0.733718979);
    animation-timing-function: cubic-bezier(0.3103299, 0.284057684, 0.8, 0.733718979);
  }
  48.35% {
    left: 29.5%;
    -webkit-animation-timing-function: cubic-bezier(0.4, 0.627034903, 0.6, 0.902025796);
    animation-timing-function: cubic-bezier(0.4, 0.627034903, 0.6, 0.902025796);
  }
  100% {
    left: 117.388888889%;
  }
}

@keyframes md-progress-linear-indeterminate-2 {
  0% {
    left: -54.8888888889%;
    -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.5150584, 0.409684966);
    animation-timing-function: cubic-bezier(0.15, 0, 0.5150584, 0.409684966);
  }
  25% {
    left: -17.25%;
    -webkit-animation-timing-function: cubic-bezier(0.3103299, 0.284057684, 0.8, 0.733718979);
    animation-timing-function: cubic-bezier(0.3103299, 0.284057684, 0.8, 0.733718979);
  }
  48.35% {
    left: 29.5%;
    -webkit-animation-timing-function: cubic-bezier(0.4, 0.627034903, 0.6, 0.902025796);
    animation-timing-function: cubic-bezier(0.4, 0.627034903, 0.6, 0.902025796);
  }
  100% {
    left: 117.388888889%;
  }
}

md-radio-button {
  box-sizing: border-box;
  display: block;
  margin-bottom: 16px;
  white-space: nowrap;
  cursor: pointer;
  position: relative;
}

md-radio-button[disabled] {
  cursor: default;
}

md-radio-button[disabled] .md-container {
  cursor: default;
}

md-radio-button .md-container {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  box-sizing: border-box;
  display: inline-block;
  width: 20px;
  height: 20px;
  cursor: pointer;
  left: 0;
  right: auto;
}

html[dir=rtl] md-radio-button .md-container {
  left: auto;
  unicode-bidi: embed;
}

body[dir=rtl] md-radio-button .md-container {
  left: auto;
  unicode-bidi: embed;
}

md-radio-button .md-container bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-radio-button .md-container bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

html[dir=rtl] md-radio-button .md-container {
  right: 0;
  unicode-bidi: embed;
}

body[dir=rtl] md-radio-button .md-container {
  right: 0;
  unicode-bidi: embed;
}

md-radio-button .md-container bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-radio-button .md-container bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

md-radio-button .md-container .md-ripple-container {
  position: absolute;
  display: block;
  width: auto;
  height: auto;
  left: -15px;
  top: -15px;
  right: -15px;
  bottom: -15px;
}

md-radio-button .md-container:before {
  box-sizing: border-box;
  background-color: transparent;
  border-radius: 50%;
  content: '';
  position: absolute;
  display: block;
  height: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  width: auto;
}

md-radio-button.md-align-top-left > div.md-container {
  top: 12px;
}

md-radio-button .md-off {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-style: solid;
  border-width: 2px;
  border-radius: 50%;
  -webkit-transition: border-color ease 0.28s;
  transition: border-color ease 0.28s;
}

md-radio-button .md-on {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  -webkit-transition: -webkit-transform ease 0.28s;
  transition: -webkit-transform ease 0.28s;
  transition: transform ease 0.28s;
  transition: transform ease 0.28s, -webkit-transform ease 0.28s;
  -webkit-transform: scale(0);
  transform: scale(0);
}

md-radio-button.md-checked .md-on {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}

md-radio-button .md-label {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  margin-left: 30px;
  margin-right: 0;
  vertical-align: middle;
  white-space: normal;
  pointer-events: none;
  width: auto;
}

html[dir=rtl] md-radio-button .md-label {
  margin-left: 0;
  unicode-bidi: embed;
}

body[dir=rtl] md-radio-button .md-label {
  margin-left: 0;
  unicode-bidi: embed;
}

md-radio-button .md-label bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-radio-button .md-label bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

html[dir=rtl] md-radio-button .md-label {
  margin-right: 30px;
  unicode-bidi: embed;
}

body[dir=rtl] md-radio-button .md-label {
  margin-right: 30px;
  unicode-bidi: embed;
}

md-radio-button .md-label bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-radio-button .md-label bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

md-radio-button .circle {
  border-radius: 50%;
}

md-radio-group md-radio-button:not(:first-child) {
  margin-top: 16px;
}

md-radio-group.layout-row md-radio-button, #calendar-events-list md-radio-group.md-subheader-content md-radio-button {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 16px;
}

html[dir=rtl] md-radio-group.layout-row md-radio-button, html[dir=rtl] #calendar-events-list md-radio-group.md-subheader-content md-radio-button, #calendar-events-list html[dir=rtl] md-radio-group.md-subheader-content md-radio-button {
  margin-left: 16px;
  unicode-bidi: embed;
}

body[dir=rtl] md-radio-group.layout-row md-radio-button, body[dir=rtl] #calendar-events-list md-radio-group.md-subheader-content md-radio-button, #calendar-events-list body[dir=rtl] md-radio-group.md-subheader-content md-radio-button {
  margin-left: 16px;
  unicode-bidi: embed;
}

md-radio-group.layout-row md-radio-button bdo[dir=rtl], #calendar-events-list md-radio-group.md-subheader-content md-radio-button bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-radio-group.layout-row md-radio-button bdo[dir=ltr], #calendar-events-list md-radio-group.md-subheader-content md-radio-button bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

html[dir=rtl] md-radio-group.layout-row md-radio-button, html[dir=rtl] #calendar-events-list md-radio-group.md-subheader-content md-radio-button, #calendar-events-list html[dir=rtl] md-radio-group.md-subheader-content md-radio-button {
  margin-right: 0;
  unicode-bidi: embed;
}

body[dir=rtl] md-radio-group.layout-row md-radio-button, body[dir=rtl] #calendar-events-list md-radio-group.md-subheader-content md-radio-button, #calendar-events-list body[dir=rtl] md-radio-group.md-subheader-content md-radio-button {
  margin-right: 0;
  unicode-bidi: embed;
}

md-radio-group.layout-row md-radio-button bdo[dir=rtl], #calendar-events-list md-radio-group.md-subheader-content md-radio-button bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-radio-group.layout-row md-radio-button bdo[dir=ltr], #calendar-events-list md-radio-group.md-subheader-content md-radio-button bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

md-radio-group.layout-row md-radio-button:last-of-type, #calendar-events-list md-radio-group.md-subheader-content md-radio-button:last-of-type {
  margin-left: 0;
  margin-right: 0;
}

md-radio-group:focus {
  outline: none;
}

md-radio-group.md-focused .md-checked .md-container:before {
  left: -8px;
  top: -8px;
  right: -8px;
  bottom: -8px;
}

.md-inline-form md-radio-group {
  margin: 18px 0 19px;
}

.md-inline-form md-radio-group md-radio-button {
  display: inline-block;
  height: 30px;
  padding: 2px;
  box-sizing: border-box;
  margin-top: 0;
  margin-bottom: 0;
}

@media screen and (-ms-high-contrast: active) {
  md-radio-button.md-default-theme .md-on {
    background-color: #fff;
  }
}

.md-select-menu-container {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 90;
  opacity: 0;
  display: none;
}

.md-select-menu-container:not(.md-clickable) {
  pointer-events: none;
}

.md-select-menu-container md-progress-circular {
  display: table;
  margin: 24px auto !important;
}

.md-select-menu-container.md-active {
  display: block;
  opacity: 1;
}

.md-select-menu-container.md-active md-select-menu {
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-transition-duration: 150ms;
  transition-duration: 150ms;
}

.md-select-menu-container.md-active md-select-menu > * {
  opacity: 1;
  -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-transition-duration: 150ms;
  transition-duration: 150ms;
  -webkit-transition-delay: 100ms;
  transition-delay: 100ms;
}

.md-select-menu-container.md-leave {
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
}

md-input-container > md-select {
  margin: 0;
  -webkit-box-ordinal-group: 3;
  order: 2;
}

md-select {
  display: -webkit-box;
  display: flex;
  margin: 20px 0 26px 0;
}

md-select[disabled] .md-select-value {
  background-position: 0 bottom;
  background-size: 4px 1px;
  background-repeat: repeat-x;
  margin-bottom: -1px;
}

md-select:focus {
  outline: none;
}

md-select[disabled]:hover {
  cursor: default;
}

md-select:not([disabled]):hover {
  cursor: pointer;
}

md-select:not([disabled]).ng-invalid.ng-dirty .md-select-value {
  border-bottom: 2px solid;
  padding-bottom: 0;
}

md-select:not([disabled]):focus .md-select-value {
  border-bottom-width: 2px;
  border-bottom-style: solid;
  padding-bottom: 0;
}

.md-select-value {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  padding: 2px 2px 1px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  background-color: transparent;
  position: relative;
  box-sizing: content-box;
  min-width: 64px;
  min-height: 26px;
  -webkit-box-flex: 1;
  flex-grow: 1;
}

.md-select-value .md-text {
  display: inline;
}

.md-select-value *:first-child {
  -webkit-box-flex: 1;
  flex: 1 1 auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transform: translate3d(0, 2px, 0);
  transform: translate3d(0, 2px, 0);
}

.md-select-value .md-select-icon {
  display: block;
  -webkit-box-align: end;
  align-items: flex-end;
  text-align: end;
  width: 24px;
  margin: 0 4px;
  -webkit-transform: translate3d(0, 1px, 0);
  transform: translate3d(0, 1px, 0);
}

.md-select-value .md-select-icon:after {
  display: block;
  content: '\25BC';
  position: relative;
  top: 2px;
  speak: none;
  -webkit-transform: scaleY(0.6) scaleX(1);
  transform: scaleY(0.6) scaleX(1);
}

.md-select-value.md-select-placeholder {
  display: -webkit-box;
  display: flex;
  -webkit-box-ordinal-group: 2;
  order: 1;
  pointer-events: none;
  -webkit-font-smoothing: antialiased;
  padding-left: 2px;
  z-index: 1;
}

md-select-menu {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
  max-height: 256px;
  min-height: 48px;
  overflow-y: hidden;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: scale(1);
  transform: scale(1);
}

md-select-menu.md-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  flex-direction: column-reverse;
}

md-select-menu:not(.md-overflow) md-content {
  padding-top: 8px;
  padding-bottom: 8px;
}

html[dir=rtl] md-select-menu {
  -webkit-transform-origin: right top;
  transform-origin: right top;
  unicode-bidi: embed;
}

body[dir=rtl] md-select-menu {
  -webkit-transform-origin: right top;
  transform-origin: right top;
  unicode-bidi: embed;
}

md-select-menu bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-select-menu bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

md-select-menu md-content {
  min-width: 136px;
  min-height: 48px;
  max-height: 256px;
  overflow-y: auto;
}

md-select-menu > * {
  opacity: 0;
}

md-option {
  cursor: pointer;
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  width: auto;
  padding: 0 16px 0 16px;
  height: 48px;
}

md-option[disabled] {
  cursor: default;
}

md-option:focus {
  outline: none;
}

md-option .md-text {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
}

md-optgroup {
  display: block;
}

md-optgroup label {
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  padding: 16px;
  font-weight: 500;
}

md-optgroup md-option {
  padding-left: 32px;
  padding-right: 32px;
}

@media screen and (-ms-high-contrast: active) {
  .md-select-backdrop {
    background-color: transparent;
  }
  md-select-menu {
    border: 1px solid #fff;
  }
}

md-select-menu[multiple] md-option.md-checkbox-enabled {
  padding-left: 40px;
  padding-right: 16px;
}

html[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled {
  padding-left: 16px;
  unicode-bidi: embed;
}

body[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled {
  padding-left: 16px;
  unicode-bidi: embed;
}

md-select-menu[multiple] md-option.md-checkbox-enabled bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-select-menu[multiple] md-option.md-checkbox-enabled bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

html[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled {
  padding-right: 40px;
  unicode-bidi: embed;
}

body[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled {
  padding-right: 40px;
  unicode-bidi: embed;
}

md-select-menu[multiple] md-option.md-checkbox-enabled bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-select-menu[multiple] md-option.md-checkbox-enabled bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  box-sizing: border-box;
  display: inline-block;
  width: 20px;
  height: 20px;
  left: 0;
  right: auto;
}

html[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  left: auto;
  unicode-bidi: embed;
}

body[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  left: auto;
  unicode-bidi: embed;
}

md-select-menu[multiple] md-option.md-checkbox-enabled .md-container bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-select-menu[multiple] md-option.md-checkbox-enabled .md-container bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

html[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  right: 0;
  unicode-bidi: embed;
}

body[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  right: 0;
  unicode-bidi: embed;
}

md-select-menu[multiple] md-option.md-checkbox-enabled .md-container bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-select-menu[multiple] md-option.md-checkbox-enabled .md-container bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

md-select-menu[multiple] md-option.md-checkbox-enabled .md-container:before {
  box-sizing: border-box;
  background-color: transparent;
  border-radius: 50%;
  content: '';
  position: absolute;
  display: block;
  height: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  width: auto;
}

md-select-menu[multiple] md-option.md-checkbox-enabled .md-container:after {
  box-sizing: border-box;
  content: '';
  position: absolute;
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
}

md-select-menu[multiple] md-option.md-checkbox-enabled .md-container .md-ripple-container {
  position: absolute;
  display: block;
  width: auto;
  height: auto;
  left: -15px;
  top: -15px;
  right: -15px;
  bottom: -15px;
}

md-select-menu[multiple] md-option.md-checkbox-enabled .md-icon {
  box-sizing: border-box;
  -webkit-transition: 240ms;
  transition: 240ms;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-width: 2px;
  border-style: solid;
  border-radius: 2px;
}

md-select-menu[multiple] md-option.md-checkbox-enabled[selected] .md-icon {
  border: none;
}

md-select-menu[multiple] md-option.md-checkbox-enabled[selected] .md-icon:after {
  box-sizing: border-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  left: 6.6666666667px;
  top: 2.2222222222px;
  display: table;
  width: 6.6666666667px;
  height: 13.3333333333px;
  border-width: 2px;
  border-style: solid;
  border-top: 0;
  border-left: 0;
  content: '';
}

md-select-menu[multiple] md-option.md-checkbox-enabled[disabled] {
  cursor: default;
}

md-select-menu[multiple] md-option.md-checkbox-enabled.md-indeterminate .md-icon:after {
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: table;
  width: 12px;
  height: 2px;
  border-width: 2px;
  border-style: solid;
  border-top: 0;
  border-left: 0;
  content: '';
}

md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  margin-left: 10.6666666667px;
  margin-right: auto;
}

html[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  margin-left: auto;
  unicode-bidi: embed;
}

body[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  margin-left: auto;
  unicode-bidi: embed;
}

md-select-menu[multiple] md-option.md-checkbox-enabled .md-container bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-select-menu[multiple] md-option.md-checkbox-enabled .md-container bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

html[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  margin-right: 10.6666666667px;
  unicode-bidi: embed;
}

body[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  margin-right: 10.6666666667px;
  unicode-bidi: embed;
}

md-select-menu[multiple] md-option.md-checkbox-enabled .md-container bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-select-menu[multiple] md-option.md-checkbox-enabled .md-container bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

md-sidenav {
  box-sizing: border-box;
  position: absolute;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  z-index: 60;
  width: 320px;
  max-width: 320px;
  bottom: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

md-sidenav ul {
  list-style: none;
}

md-sidenav.md-closed {
  display: none;
}

md-sidenav.md-closed-add, md-sidenav.md-closed-remove {
  display: -webkit-box;
  display: flex;
  -webkit-transition: 0.2s ease-in all;
  transition: 0.2s ease-in all;
}

md-sidenav.md-closed-add.md-closed-add-active, md-sidenav.md-closed-remove.md-closed-remove-active {
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

md-sidenav.md-locked-open-add, md-sidenav.md-locked-open-remove {
  position: static;
  display: -webkit-box;
  display: flex;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

md-sidenav.md-locked-open, md-sidenav.md-locked-open.md-closed, md-sidenav.md-locked-open.md-closed.md-sidenav-left, md-sidenav.md-locked-open.md-closed, md-sidenav.md-locked-open.md-closed.md-sidenav-right, md-sidenav.md-locked-open-remove.md-closed {
  position: static;
  display: -webkit-box;
  display: flex;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

md-sidenav.md-locked-open-remove-active {
  -webkit-transition: width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2), min-width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  transition: width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2), min-width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  width: 0;
  min-width: 0;
}

md-sidenav.md-closed.md-locked-open-add {
  width: 0;
  min-width: 0;
  -webkit-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

md-sidenav.md-closed.md-locked-open-add-active {
  -webkit-transition: width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2), min-width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  transition: width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2), min-width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  width: 320px;
  min-width: 320px;
  -webkit-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

.md-sidenav-backdrop.md-locked-open {
  display: none;
}

.md-sidenav-left, md-sidenav {
  left: 0;
  top: 0;
  -webkit-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

.md-sidenav-left.md-closed, md-sidenav.md-closed {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.md-sidenav-right {
  left: 100%;
  top: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.md-sidenav-right.md-closed {
  -webkit-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

@media screen and (min-width: 600px) {
  md-sidenav {
    max-width: 400px;
  }
}

@media screen and (max-width: 456px) {
  md-sidenav {
    width: calc(100% - 56px);
    min-width: calc(100% - 56px);
    max-width: calc(100% - 56px);
  }
}

@media screen and (-ms-high-contrast: active) {
  .md-sidenav-left, md-sidenav {
    border-right: 1px solid #fff;
  }
  .md-sidenav-right {
    border-left: 1px solid #fff;
  }
}

@-webkit-keyframes sliderFocusThumb {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes sliderFocusThumb {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

md-slider {
  height: 48px;
  position: relative;
  display: block;
  margin-left: 4px;
  margin-right: 4px;
  padding: 0;
  /**
   * Track
   */
  /**
   * Slider thumb
   */
  /* The sign that's focused in discrete mode */
  /**
   * The border/background that comes in when focused in non-discrete mode
   */
  /* Don't animate left/right while panning */
}

md-slider *, md-slider *:after {
  box-sizing: border-box;
}

md-slider .md-slider-wrapper {
  position: relative;
}

md-slider .md-track-container {
  width: 100%;
  position: absolute;
  top: 23px;
  height: 2px;
}

md-slider .md-track {
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
}

md-slider .md-track-fill {
  -webkit-transition: width 0.05s linear;
  transition: width 0.05s linear;
}

md-slider .md-track-ticks {
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
}

md-slider .md-track-ticks canvas {
  width: 100%;
}

md-slider .md-thumb-container {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  -webkit-transition: left 0.1s linear;
  transition: left 0.1s linear;
}

md-slider .md-thumb {
  z-index: 1;
  position: absolute;
  left: -19px;
  top: 5px;
  width: 38px;
  height: 38px;
  border-radius: 38px;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

md-slider .md-thumb:after {
  content: '';
  position: absolute;
  left: 3px;
  top: 3px;
  width: 32px;
  height: 32px;
  border-radius: 32px;
  border-width: 3px;
  border-style: solid;
}

md-slider .md-sign {
  /* Center the children (slider-thumb-text) */
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  position: absolute;
  left: -14px;
  top: -20px;
  width: 28px;
  height: 28px;
  border-radius: 28px;
  -webkit-transform: scale(0.4) translate3d(0, 70px, 0);
  transform: scale(0.4) translate3d(0, 70px, 0);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  /* The arrow pointing down under the sign */
}

md-slider .md-sign:after {
  position: absolute;
  content: '';
  left: 0px;
  border-radius: 16px;
  top: 19px;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top-width: 16px;
  border-top-style: solid;
  opacity: 0;
  -webkit-transform: translate3d(0, -8px, 0);
  transform: translate3d(0, -8px, 0);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

md-slider .md-sign .md-thumb-text {
  z-index: 1;
  font-size: 12px;
  font-weight: bold;
}

md-slider .md-focus-thumb {
  position: absolute;
  left: -24px;
  top: 0px;
  width: 48px;
  height: 48px;
  border-radius: 48px;
  display: none;
  opacity: 0;
  background-color: #C0C0C0;
  -webkit-animation: sliderFocusThumb 0.4s linear;
  animation: sliderFocusThumb 0.4s linear;
}

md-slider .md-focus-ring {
  position: absolute;
  left: -24px;
  top: 0px;
  width: 48px;
  height: 48px;
  border-radius: 48px;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  opacity: 0.26;
}

md-slider .md-disabled-thumb {
  position: absolute;
  left: -22px;
  top: 2px;
  width: 44px;
  height: 44px;
  border-radius: 44px;
  -webkit-transform: scale(0.35);
  transform: scale(0.35);
  border-width: 6px;
  border-style: solid;
  display: none;
}

md-slider.md-min .md-thumb:after {
  background-color: white;
}

md-slider.md-min .md-sign {
  opacity: 0;
}

md-slider:focus {
  outline: none;
}

md-slider.md-dragging .md-thumb-container,
md-slider.md-dragging .md-track-fill {
  -webkit-transition: none;
  transition: none;
}

md-slider:not([md-discrete]) {
  /* Hide the sign and ticks in non-discrete mode */
}

md-slider:not([md-discrete]) .md-track-ticks,
md-slider:not([md-discrete]) .md-sign {
  display: none;
}

md-slider:not([md-discrete]):not([disabled]):hover .md-thumb {
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
}

md-slider:not([md-discrete]):not([disabled]):focus .md-focus-thumb, md-slider:not([md-discrete]):not([disabled]).md-active .md-focus-thumb {
  display: block;
}

md-slider:not([md-discrete]):not([disabled]):focus .md-focus-ring, md-slider:not([md-discrete]):not([disabled]).md-active .md-focus-ring {
  -webkit-transform: scale(1);
  transform: scale(1);
}

md-slider:not([md-discrete]):not([disabled]):focus .md-thumb, md-slider:not([md-discrete]):not([disabled]).md-active .md-thumb {
  -webkit-transform: scale(0.85);
  transform: scale(0.85);
}

md-slider[md-discrete] {
  /* Hide the focus thumb in discrete mode */
}

md-slider[md-discrete] .md-focus-thumb,
md-slider[md-discrete] .md-focus-ring {
  display: none;
}

md-slider[md-discrete]:not([disabled]):focus .md-sign,
md-slider[md-discrete]:not([disabled]):focus .md-sign:after, md-slider[md-discrete]:not([disabled]).md-active .md-sign,
md-slider[md-discrete]:not([disabled]).md-active .md-sign:after {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}

md-slider[disabled] .md-track-fill {
  display: none;
}

md-slider[disabled] .md-sign {
  display: none;
}

md-slider[disabled] .md-thumb {
  -webkit-transform: scale(0.35);
  transform: scale(0.35);
}

md-slider[disabled] .md-disabled-thumb {
  display: block;
}

@media screen and (-ms-high-contrast: active) {
  md-slider.md-default-theme .md-track {
    border-bottom: 1px solid #fff;
  }
}

.md-sticky-clone {
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  position: absolute !important;
  -webkit-transform: translate3d(-9999px, -9999px, 0);
  transform: translate3d(-9999px, -9999px, 0);
}

.md-sticky-clone[sticky-state="active"] {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.md-sticky-clone[sticky-state="active"]:not(.md-sticky-no-effect) .md-subheader-inner {
  -webkit-animation: subheaderStickyHoverIn 0.3s ease-out both;
  animation: subheaderStickyHoverIn 0.3s ease-out both;
}

@-webkit-keyframes subheaderStickyHoverIn {
  0% {
    box-shadow: 0 0 0 0 transparent;
  }
  100% {
    box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16);
  }
}

@keyframes subheaderStickyHoverIn {
  0% {
    box-shadow: 0 0 0 0 transparent;
  }
  100% {
    box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16);
  }
}

@-webkit-keyframes subheaderStickyHoverOut {
  0% {
    box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16);
  }
  100% {
    box-shadow: 0 0 0 0 transparent;
  }
}

@keyframes subheaderStickyHoverOut {
  0% {
    box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16);
  }
  100% {
    box-shadow: 0 0 0 0 transparent;
  }
}

.md-subheader-wrapper:not(.md-sticky-no-effect) {
  -webkit-transition: 0.2s ease-out margin;
  transition: 0.2s ease-out margin;
}

.md-subheader-wrapper:not(.md-sticky-no-effect) .md-subheader {
  margin: 0;
}

.md-subheader-wrapper:not(.md-sticky-no-effect).md-sticky-clone {
  z-index: 2;
}

.md-subheader-wrapper:not(.md-sticky-no-effect)[sticky-state="active"] {
  margin-top: -2px;
}

.md-subheader-wrapper:not(.md-sticky-no-effect):not(.md-sticky-clone)[sticky-prev-state="active"] .md-subheader-inner:after {
  -webkit-animation: subheaderStickyHoverOut 0.3s ease-out both;
  animation: subheaderStickyHoverOut 0.3s ease-out both;
}

.md-subheader {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1em;
  margin: 0 0 0 0;
  position: relative;
}

.md-subheader .md-subheader-inner {
  display: block;
  padding: 16px;
}

.md-subheader .md-subheader-content {
  display: block;
  z-index: 1;
  position: relative;
}

.md-inline-form md-switch {
  margin-top: 18px;
  margin-bottom: 19px;
}

md-switch {
  margin: 16px 0;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 30px;
  line-height: 28px;
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-box;
  display: flex;
  margin-left: inherit;
  margin-right: 16px;
}

html[dir=rtl] md-switch {
  margin-left: 16px;
  unicode-bidi: embed;
}

body[dir=rtl] md-switch {
  margin-left: 16px;
  unicode-bidi: embed;
}

md-switch bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-switch bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

html[dir=rtl] md-switch {
  margin-right: inherit;
  unicode-bidi: embed;
}

body[dir=rtl] md-switch {
  margin-right: inherit;
  unicode-bidi: embed;
}

md-switch bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-switch bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

md-switch:last-of-type {
  margin-left: inherit;
  margin-right: 0;
}

html[dir=rtl] md-switch:last-of-type {
  margin-left: 0;
  unicode-bidi: embed;
}

body[dir=rtl] md-switch:last-of-type {
  margin-left: 0;
  unicode-bidi: embed;
}

md-switch:last-of-type bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-switch:last-of-type bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

html[dir=rtl] md-switch:last-of-type {
  margin-right: inherit;
  unicode-bidi: embed;
}

body[dir=rtl] md-switch:last-of-type {
  margin-right: inherit;
  unicode-bidi: embed;
}

md-switch:last-of-type bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-switch:last-of-type bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

md-switch[disabled] {
  cursor: default;
}

md-switch[disabled] .md-container {
  cursor: default;
}

md-switch .md-container {
  cursor: -webkit-grab;
  cursor: grab;
  width: 36px;
  height: 24px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 8px;
  float: left;
}

md-switch:not([disabled]) .md-dragging,
md-switch:not([disabled]).md-dragging .md-container {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

md-switch.md-focused:not([disabled]) .md-thumb:before {
  left: -8px;
  top: -8px;
  right: -8px;
  bottom: -8px;
}

md-switch.md-focused:not([disabled]):not(.md-checked) .md-thumb:before {
  background-color: rgba(0, 0, 0, 0.12);
}

md-switch .md-label {
  border-color: transparent;
  border-width: 0;
  float: left;
}

md-switch .md-bar {
  left: 1px;
  width: 34px;
  top: 5px;
  height: 14px;
  border-radius: 8px;
  position: absolute;
}

md-switch .md-thumb-container {
  top: 2px;
  left: 0;
  width: 16px;
  position: absolute;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 1;
}

md-switch.md-checked .md-thumb-container {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

md-switch .md-thumb {
  position: absolute;
  margin: 0;
  left: 0;
  top: 0;
  outline: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}

md-switch .md-thumb:before {
  background-color: transparent;
  border-radius: 50%;
  content: '';
  position: absolute;
  display: block;
  height: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  width: auto;
}

md-switch .md-thumb .md-ripple-container {
  position: absolute;
  display: block;
  width: auto;
  height: auto;
  left: -20px;
  top: -20px;
  right: -20px;
  bottom: -20px;
}

md-switch:not(.md-dragging) .md-bar,
md-switch:not(.md-dragging) .md-thumb-container,
md-switch:not(.md-dragging) .md-thumb {
  -webkit-transition: all 0.08s linear;
  transition: all 0.08s linear;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform;
  transition-property: transform, background-color;
  transition-property: transform, background-color, -webkit-transform;
}

md-switch:not(.md-dragging) .md-bar,
md-switch:not(.md-dragging) .md-thumb {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}

@media screen and (-ms-high-contrast: active) {
  md-switch.md-default-theme .md-bar {
    background-color: #666;
  }
  md-switch.md-default-theme.md-checked .md-bar {
    background-color: #9E9E9E;
  }
  md-switch.md-default-theme .md-thumb {
    background-color: #fff;
  }
}

md-toast {
  position: absolute;
  z-index: 105;
  box-sizing: border-box;
  cursor: default;
  overflow: hidden;
  padding: 8px;
  opacity: 1;
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  /* Transition differently when swiping */
  /*
   * When the toast doesn't take up the whole screen,
   * make it rotate when the user swipes it away
   */
}

md-toast .md-toast-content {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  height: 0;
  max-height: 168px;
  max-width: 100%;
  min-height: 48px;
  padding-left: 24px;
  padding-right: 24px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  border-radius: 2px;
  font-size: 14px;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0) rotateZ(0deg);
  transform: translate3d(0, 0, 0) rotateZ(0deg);
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

md-toast.md-capsule {
  border-radius: 24px;
}

md-toast.md-capsule .md-toast-content {
  border-radius: 24px;
}

md-toast.ng-leave-active .md-toast-content {
  -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
}

md-toast.md-swipeleft .md-toast-content, md-toast.md-swiperight .md-toast-content, md-toast.md-swipeup .md-toast-content, md-toast.md-swipedown .md-toast-content {
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

md-toast.ng-enter {
  opacity: 0;
}

md-toast.ng-enter .md-toast-content {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

md-toast.ng-enter.md-top .md-toast-content {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}

md-toast.ng-enter.ng-enter-active {
  opacity: 1;
}

md-toast.ng-enter.ng-enter-active .md-toast-content {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

md-toast.ng-leave.ng-leave-active .md-toast-content {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

md-toast.ng-leave.ng-leave-active.md-swipeup .md-toast-content {
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

md-toast.ng-leave.ng-leave-active.md-swipedown .md-toast-content {
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
}

md-toast.ng-leave.ng-leave-active.md-top .md-toast-content {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}

md-toast .md-action {
  line-height: 19px;
  margin-left: 24px;
  margin-right: 0;
  cursor: pointer;
  text-transform: uppercase;
  float: right;
}

md-toast .md-action.md-button {
  min-width: 0;
}

@media (max-width: 959px) {
  md-toast {
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    border-radius: 0;
    bottom: 0;
  }
  md-toast.ng-leave.ng-leave-active.md-swipeup .md-toast-content {
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
  }
  md-toast.ng-leave.ng-leave-active.md-swipedown .md-toast-content {
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
  }
}

@media (min-width: 960px) {
  md-toast {
    min-width: 304px;
    /*
   * When the toast doesn't take up the whole screen,
   * make it rotate when the user swipes it away
   */
  }
  md-toast.md-bottom {
    bottom: 0;
  }
  md-toast.md-left {
    left: 0;
  }
  md-toast.md-right {
    right: 0;
  }
  md-toast.md-top {
    top: 0;
  }
  md-toast.ng-leave.ng-leave-active.md-swipeleft .md-toast-content {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
  md-toast.ng-leave.ng-leave-active.md-swiperight .md-toast-content {
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
  }
}

@media (min-width: 1920px) {
  md-toast .md-toast-content {
    max-width: 568px;
  }
}

@media screen and (-ms-high-contrast: active) {
  md-toast {
    border: 1px solid #fff;
  }
}

.md-toast-animating {
  overflow: hidden !important;
}

@-webkit-keyframes md-tab-content-hide {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes md-tab-content-hide {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

md-tab-data {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  opacity: 0;
}

md-tabs {
  display: block;
  margin: 0;
  border-radius: 2px;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
}

md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) {
  min-height: 248px;
}

md-tabs[md-align-tabs="bottom"] {
  padding-bottom: 48px;
}

md-tabs[md-align-tabs="bottom"] md-tabs-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 48px;
  z-index: 2;
}

md-tabs[md-align-tabs="bottom"] md-tabs-content-wrapper {
  top: 0;
  bottom: 48px;
}

md-tabs.md-dynamic-height md-tabs-content-wrapper {
  min-height: 0;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  overflow: visible;
}

md-tabs.md-dynamic-height md-tab-content.md-active {
  position: relative;
}

md-tabs[md-border-bottom] md-tabs-wrapper {
  border-width: 0 0 1px;
  border-style: solid;
}

md-tabs[md-border-bottom]:not(.md-dynamic-height) md-tabs-content-wrapper {
  top: 49px;
}

md-tabs-wrapper {
  display: block;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

md-tabs-wrapper md-prev-button, md-tabs-wrapper md-next-button {
  height: 100%;
  width: 32px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  line-height: 1em;
  z-index: 2;
  cursor: pointer;
  font-size: 16px;
  background: transparent no-repeat center center;
  -webkit-transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1);
  transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1);
}

md-tabs-wrapper md-prev-button:focus, md-tabs-wrapper md-next-button:focus {
  outline: none;
}

md-tabs-wrapper md-prev-button.md-disabled, md-tabs-wrapper md-next-button.md-disabled {
  opacity: 0.25;
  cursor: default;
}

md-tabs-wrapper md-prev-button.ng-leave, md-tabs-wrapper md-next-button.ng-leave {
  -webkit-transition: none;
  transition: none;
}

md-tabs-wrapper md-prev-button md-icon, md-tabs-wrapper md-next-button md-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

md-tabs-wrapper md-prev-button {
  left: 0;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMjA4IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTUuNCw3LjQgMTQsNiA4LDEyIDE0LDE4IDE1LjQsMTYuNiAxMC44LDEyIAkJIiBzdHlsZT0iZmlsbDp3aGl0ZTsiLz4gPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+IDwvZz4gPC9nPiA8ZyBpZD0iR3JpZCIgZGlzcGxheT0ibm9uZSI+IDxnIGRpc3BsYXk9ImlubGluZSI+IDwvZz4gPC9nPiA8L3N2Zz4NCg==");
}

md-tabs-wrapper md-next-button {
  right: 0;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMzM2IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTAsNiA4LjYsNy40IDEzLjIsMTIgOC42LDE2LjYgMTAsMTggMTYsMTIgCQkiIHN0eWxlPSJmaWxsOndoaXRlOyIvPiA8cmVjdCBmaWxsPSJub25lIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz4gPC9nPiA8L2c+IDxnIGlkPSJHcmlkIiBkaXNwbGF5PSJub25lIj4gPGcgZGlzcGxheT0iaW5saW5lIj4gPC9nPiA8L2c+IDwvc3ZnPg0K");
}

md-tabs-wrapper md-next-button md-icon {
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(180deg);
  transform: translate3d(-50%, -50%, 0) rotate(180deg);
}

md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper {
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
}

md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper md-tab-item {
  -webkit-box-flex: 1;
  flex-grow: 1;
}

md-tabs-canvas {
  position: relative;
  overflow: hidden;
  display: block;
  height: 48px;
}

md-tabs-canvas:after {
  content: '';
  display: table;
  clear: both;
}

md-tabs-canvas .md-dummy-wrapper {
  position: absolute;
  top: 0;
  left: 0;
}

md-tabs-canvas.md-paginated {
  margin: 0 32px;
}

md-tabs-canvas.md-center-tabs {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  text-align: center;
}

md-tabs-canvas.md-center-tabs .md-tab {
  float: none;
  display: inline-block;
}

md-pagination-wrapper {
  height: 48px;
  display: block;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
  transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
  transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1), -webkit-transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
  position: absolute;
  width: 999999px;
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

md-pagination-wrapper:after {
  content: '';
  display: table;
  clear: both;
}

md-pagination-wrapper.md-center-tabs {
  position: relative;
  width: initial;
  margin: 0 auto;
}

md-tabs-content-wrapper {
  display: block;
  position: absolute;
  top: 48px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

md-tab-content {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
  transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
  transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1), -webkit-transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
  overflow: auto;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

md-tab-content.md-no-scroll {
  bottom: auto;
  overflow: hidden;
}

md-tab-content.ng-leave, md-tab-content.md-no-transition {
  -webkit-transition: none;
  transition: none;
}

md-tab-content.md-left:not(.md-active) {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-animation: 1s md-tab-content-hide;
  animation: 1s md-tab-content-hide;
  opacity: 0;
}

md-tab-content.md-left:not(.md-active) * {
  -webkit-transition: visibility 0s linear;
  transition: visibility 0s linear;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
  visibility: hidden;
}

md-tab-content.md-right:not(.md-active) {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-animation: 1s md-tab-content-hide;
  animation: 1s md-tab-content-hide;
  opacity: 0;
}

md-tab-content.md-right:not(.md-active) * {
  -webkit-transition: visibility 0s linear;
  transition: visibility 0s linear;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
  visibility: hidden;
}

md-tab-content > div.ng-leave {
  -webkit-animation: 1s md-tab-content-hide;
  animation: 1s md-tab-content-hide;
}

md-ink-bar {
  position: absolute;
  left: auto;
  right: auto;
  bottom: 0;
  height: 2px;
}

md-ink-bar.md-left {
  -webkit-transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1);
  transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1);
}

md-ink-bar.md-right {
  -webkit-transition: left 0.25s cubic-bezier(0.35, 0, 0.25, 1), right 0.125s cubic-bezier(0.35, 0, 0.25, 1);
  transition: left 0.25s cubic-bezier(0.35, 0, 0.25, 1), right 0.125s cubic-bezier(0.35, 0, 0.25, 1);
}

md-tab {
  position: absolute;
  z-index: -1;
  left: -9999px;
}

.md-tab {
  font-size: 14px;
  text-align: center;
  line-height: 24px;
  padding: 12px 24px;
  -webkit-transition: background-color 0.35s cubic-bezier(0.35, 0, 0.25, 1);
  transition: background-color 0.35s cubic-bezier(0.35, 0, 0.25, 1);
  cursor: pointer;
  white-space: nowrap;
  position: relative;
  text-transform: uppercase;
  float: left;
  font-weight: 500;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
}

.md-tab.md-focused {
  box-shadow: none;
  outline: none;
}

.md-tab.md-active {
  cursor: default;
}

.md-tab.md-disabled {
  pointer-events: none;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  opacity: 0.5;
  cursor: default;
}

.md-tab.ng-leave {
  -webkit-transition: none;
  transition: none;
}

md-toolbar + md-tabs {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

md-toolbar {
  box-sizing: border-box;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  position: relative;
  z-index: 2;
  font-size: 20px;
  min-height: 64px;
  width: 100%;
}

md-toolbar.md-whiteframe-z1-add, md-toolbar.md-whiteframe-z1-remove {
  -webkit-transition: box-shadow 0.5s linear;
  transition: box-shadow 0.5s linear;
}

md-toolbar md-toolbar-filler {
  width: 72px;
}

md-toolbar *,
md-toolbar *:before,
md-toolbar *:after {
  box-sizing: border-box;
}

md-toolbar.md-tall {
  height: 128px;
  min-height: 128px;
  max-height: 128px;
}

md-toolbar.md-medium-tall {
  height: 88px;
  min-height: 88px;
  max-height: 88px;
}

md-toolbar.md-medium-tall .md-toolbar-tools {
  height: 48px;
  min-height: 48px;
  max-height: 48px;
}

md-toolbar > .md-indent {
  margin-left: 64px;
}

md-toolbar ~ md-content > md-list {
  padding: 0;
}

md-toolbar ~ md-content > md-list md-list-item:last-child md-divider {
  display: none;
}

.md-toolbar-tools {
  font-size: 20px;
  letter-spacing: 0.005em;
  box-sizing: border-box;
  font-weight: 400;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  width: 100%;
  height: 64px;
  max-height: 64px;
  padding: 0 16px;
  margin: 0;
}

.md-toolbar-tools h1, .md-toolbar-tools h2, .md-toolbar-tools h3 {
  font-size: inherit;
  font-weight: inherit;
  margin: inherit;
}

.md-toolbar-tools a {
  color: inherit;
  text-decoration: none;
}

.md-toolbar-tools .fill-height {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

.md-toolbar-tools .md-button {
  margin-top: 0;
  margin-bottom: 0;
}

.md-toolbar-tools > .md-button:first-child {
  margin-left: -8px;
}

.md-toolbar-tools > .md-button:last-child {
  margin-right: -8px;
}

.md-toolbar-tools > md-menu:last-child {
  margin-right: -8px;
}

.md-toolbar-tools > md-menu:last-child > .md-button {
  margin-right: 0;
}

@media screen and (-ms-high-contrast: active) {
  .md-toolbar-tools {
    border-bottom: 1px solid #fff;
  }
}

@media only screen and (min-width: 0) and (max-width: 959px) and (orientation: portrait) {
  md-toolbar {
    min-height: 56px;
  }
  .md-toolbar-tools {
    height: 56px;
    max-height: 56px;
  }
}

@media only screen and (min-width: 0) and (max-width: 959px) and (orientation: landscape) {
  md-toolbar {
    min-height: 48px;
  }
  .md-toolbar-tools {
    height: 48px;
    max-height: 48px;
  }
}

md-tooltip {
  position: absolute;
  z-index: 100;
  overflow: hidden;
  pointer-events: none;
  border-radius: 4px;
  font-weight: 500;
  font-size: 14px;
}

@media screen and (min-width: 960px) {
  md-tooltip {
    font-size: 10px;
  }
}

md-tooltip .md-content {
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transform-origin: center top;
  transform-origin: center top;
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  height: 32px;
  line-height: 32px;
  padding-left: 16px;
  padding-right: 16px;
}

@media screen and (min-width: 960px) {
  md-tooltip .md-content {
    height: 22px;
    line-height: 22px;
    padding-left: 8px;
    padding-right: 8px;
  }
}

md-tooltip .md-content.md-show-add {
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}

md-tooltip .md-content.md-show, md-tooltip .md-content.md-show-add-active {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transform-origin: center top;
  transform-origin: center top;
}

md-tooltip .md-content.md-show-remove {
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
}

md-tooltip .md-content.md-show-remove.md-show-remove-active {
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}

md-tooltip.md-hide {
  -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
}

md-tooltip.md-show {
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  pointer-events: auto;
}

.md-virtual-repeat-container {
  box-sizing: border-box;
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
}

.md-virtual-repeat-container .md-virtual-repeat-scroller {
  bottom: 0;
  box-sizing: border-box;
  left: 0;
  margin: 0;
  overflow-x: hidden;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.md-virtual-repeat-container .md-virtual-repeat-sizer {
  box-sizing: border-box;
  height: 1px;
  display: block;
  margin: 0;
  padding: 0;
  width: 1px;
}

.md-virtual-repeat-container .md-virtual-repeat-offsetter {
  box-sizing: border-box;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-scroller {
  overflow-x: auto;
  overflow-y: hidden;
}

.md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-offsetter {
  bottom: 16px;
  right: auto;
  white-space: nowrap;
}

.md-whiteframe-1dp, .md-whiteframe-z1 {
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-2dp {
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-3dp {
  box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 3px 3px -2px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-4dp, .md-whiteframe-z2 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-5dp {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-6dp {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-7dp, .md-whiteframe-z3 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-8dp {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-9dp {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-10dp, .md-whiteframe-z4 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-11dp {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-12dp {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-13dp, .md-whiteframe-z5 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-14dp {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-15dp {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-16dp {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-17dp {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-18dp {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-19dp {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-20dp {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-21dp {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-22dp {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-23dp {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-24dp {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

@media screen and (-ms-high-contrast: active) {
  md-whiteframe {
    border: 1px solid #fff;
  }
}

/*
*
*  Responsive attributes
*
*  References:
*  1) https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties#flex
*  2) https://css-tricks.com/almanac/properties/f/flex/
*  3) https://css-tricks.com/snippets/css/a-guide-to-flexbox/
*  4) https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items
*  5) http://godban.com.ua/projects/flexgrid
*
*/
@-moz-document url-prefix() {
  [layout-fill] {
    margin: 0;
    width: 100%;
    min-height: 100%;
    height: 100%;
  }
}

/*
 *  Apply Mixins to create Layout/Flexbox styles
 *
 */
[flex-order] {
  -webkit-box-ordinal-group: 1;
  order: 0;
}

[flex-order="-20"] {
  -webkit-box-ordinal-group: -19;
  order: -20;
}

[flex-order="-19"] {
  -webkit-box-ordinal-group: -18;
  order: -19;
}

[flex-order="-18"] {
  -webkit-box-ordinal-group: -17;
  order: -18;
}

[flex-order="-17"] {
  -webkit-box-ordinal-group: -16;
  order: -17;
}

[flex-order="-16"] {
  -webkit-box-ordinal-group: -15;
  order: -16;
}

[flex-order="-15"] {
  -webkit-box-ordinal-group: -14;
  order: -15;
}

[flex-order="-14"] {
  -webkit-box-ordinal-group: -13;
  order: -14;
}

[flex-order="-13"] {
  -webkit-box-ordinal-group: -12;
  order: -13;
}

[flex-order="-12"] {
  -webkit-box-ordinal-group: -11;
  order: -12;
}

[flex-order="-11"] {
  -webkit-box-ordinal-group: -10;
  order: -11;
}

[flex-order="-10"] {
  -webkit-box-ordinal-group: -9;
  order: -10;
}

[flex-order="-9"] {
  -webkit-box-ordinal-group: -8;
  order: -9;
}

[flex-order="-8"] {
  -webkit-box-ordinal-group: -7;
  order: -8;
}

[flex-order="-7"] {
  -webkit-box-ordinal-group: -6;
  order: -7;
}

[flex-order="-6"] {
  -webkit-box-ordinal-group: -5;
  order: -6;
}

[flex-order="-5"] {
  -webkit-box-ordinal-group: -4;
  order: -5;
}

[flex-order="-4"] {
  -webkit-box-ordinal-group: -3;
  order: -4;
}

[flex-order="-3"] {
  -webkit-box-ordinal-group: -2;
  order: -3;
}

[flex-order="-2"] {
  -webkit-box-ordinal-group: -1;
  order: -2;
}

[flex-order="-1"] {
  -webkit-box-ordinal-group: 0;
  order: -1;
}

[flex-order="0"] {
  -webkit-box-ordinal-group: 1;
  order: 0;
}

[flex-order="1"] {
  -webkit-box-ordinal-group: 2;
  order: 1;
}

[flex-order="2"] {
  -webkit-box-ordinal-group: 3;
  order: 2;
}

[flex-order="3"] {
  -webkit-box-ordinal-group: 4;
  order: 3;
}

[flex-order="4"] {
  -webkit-box-ordinal-group: 5;
  order: 4;
}

[flex-order="5"] {
  -webkit-box-ordinal-group: 6;
  order: 5;
}

[flex-order="6"] {
  -webkit-box-ordinal-group: 7;
  order: 6;
}

[flex-order="7"] {
  -webkit-box-ordinal-group: 8;
  order: 7;
}

[flex-order="8"] {
  -webkit-box-ordinal-group: 9;
  order: 8;
}

[flex-order="9"] {
  -webkit-box-ordinal-group: 10;
  order: 9;
}

[flex-order="10"] {
  -webkit-box-ordinal-group: 11;
  order: 10;
}

[flex-order="11"] {
  -webkit-box-ordinal-group: 12;
  order: 11;
}

[flex-order="12"] {
  -webkit-box-ordinal-group: 13;
  order: 12;
}

[flex-order="13"] {
  -webkit-box-ordinal-group: 14;
  order: 13;
}

[flex-order="14"] {
  -webkit-box-ordinal-group: 15;
  order: 14;
}

[flex-order="15"] {
  -webkit-box-ordinal-group: 16;
  order: 15;
}

[flex-order="16"] {
  -webkit-box-ordinal-group: 17;
  order: 16;
}

[flex-order="17"] {
  -webkit-box-ordinal-group: 18;
  order: 17;
}

[flex-order="18"] {
  -webkit-box-ordinal-group: 19;
  order: 18;
}

[flex-order="19"] {
  -webkit-box-ordinal-group: 20;
  order: 19;
}

[flex-order="20"] {
  -webkit-box-ordinal-group: 21;
  order: 20;
}

[flex-offset="0"] {
  margin-left: 0%;
}

[flex-offset="5"] {
  margin-left: 5%;
}

[flex-offset="10"] {
  margin-left: 10%;
}

[flex-offset="15"] {
  margin-left: 15%;
}

[flex-offset="20"] {
  margin-left: 20%;
}

[flex-offset="25"] {
  margin-left: 25%;
}

[flex-offset="30"] {
  margin-left: 30%;
}

[flex-offset="35"] {
  margin-left: 35%;
}

[flex-offset="40"] {
  margin-left: 40%;
}

[flex-offset="45"] {
  margin-left: 45%;
}

[flex-offset="50"] {
  margin-left: 50%;
}

[flex-offset="55"] {
  margin-left: 55%;
}

[flex-offset="60"] {
  margin-left: 60%;
}

[flex-offset="65"] {
  margin-left: 65%;
}

[flex-offset="70"] {
  margin-left: 70%;
}

[flex-offset="75"] {
  margin-left: 75%;
}

[flex-offset="80"] {
  margin-left: 80%;
}

[flex-offset="85"] {
  margin-left: 85%;
}

[flex-offset="90"] {
  margin-left: 90%;
}

[flex-offset="95"] {
  margin-left: 95%;
}

[flex-offset="33"] {
  margin-left: calc(100% / 3);
}

[flex-offset="66"] {
  margin-left: calc(200% / 3);
}

[layout-align],
[layout-align="start stretch"] {
  -webkit-box-pack: start;
  justify-content: flex-start;
  align-content: stretch;
  -webkit-box-align: stretch;
  align-items: stretch;
}

[layout-align="start"],
[layout-align="start start"],
[layout-align="start center"],
[layout-align="start end"],
[layout-align="start stretch"] {
  -webkit-box-pack: start;
  justify-content: flex-start;
}

[layout-align="center"],
[layout-align="center start"],
[layout-align="center center"],
[layout-align="center end"],
[layout-align="center stretch"] {
  -webkit-box-pack: center;
  justify-content: center;
}

[layout-align="end"],
[layout-align="end center"],
[layout-align="end start"],
[layout-align="end end"],
[layout-align="end stretch"] {
  -webkit-box-pack: end;
  justify-content: flex-end;
}

[layout-align="space-around"],
[layout-align="space-around center"],
[layout-align="space-around start"],
[layout-align="space-around end"],
[layout-align="space-around stretch"] {
  justify-content: space-around;
}

[layout-align="space-between"],
[layout-align="space-between center"],
[layout-align="space-between start"],
[layout-align="space-between end"],
[layout-align="space-between stretch"] {
  -webkit-box-pack: justify;
  justify-content: space-between;
}

[layout-align="start start"],
[layout-align="center start"],
[layout-align="end start"],
[layout-align="space-between start"],
[layout-align="space-around start"] {
  -webkit-box-align: start;
  align-items: flex-start;
  align-content: flex-start;
}

[layout-align="start center"],
[layout-align="center center"],
[layout-align="end center"],
[layout-align="space-between center"],
[layout-align="space-around center"] {
  -webkit-box-align: center;
  align-items: center;
  align-content: center;
  max-width: 100%;
}

[layout-align="start center"] > *,
[layout-align="center center"] > *,
[layout-align="end center"] > *,
[layout-align="space-between center"] > *,
[layout-align="space-around center"] > * {
  max-width: 100%;
  box-sizing: border-box;
}

[layout-align="start end"],
[layout-align="center end"],
[layout-align="end end"],
[layout-align="space-between end"],
[layout-align="space-around end"] {
  -webkit-box-align: end;
  align-items: flex-end;
  align-content: flex-end;
}

[layout-align="start stretch"],
[layout-align="center stretch"],
[layout-align="end stretch"],
[layout-align="space-between stretch"],
[layout-align="space-around stretch"] {
  -webkit-box-align: stretch;
  align-items: stretch;
  align-content: stretch;
}

[flex] {
  -webkit-box-flex: 1;
  flex: 1;
  box-sizing: border-box;
}

@media screen\0 {
  [flex] {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
  }
}

[flex-grow] {
  -webkit-box-flex: 1;
  flex: 1 1 100%;
  box-sizing: border-box;
}

[flex-initial] {
  -webkit-box-flex: 0;
  flex: 0 1 auto;
  box-sizing: border-box;
}

[flex-auto] {
  -webkit-box-flex: 1;
  flex: 1 1 auto;
  box-sizing: border-box;
}

[flex-none] {
  -webkit-box-flex: 0;
  flex: 0 0 auto;
  box-sizing: border-box;
}

[flex="0"] {
  -webkit-box-flex: 1;
  flex: 1 1 0%;
  max-width: 0%;
  max-height: 100%;
  box-sizing: border-box;
}

[layout="row"] > [flex="0"],
[layout="row"] > [flex="0"] {
  -webkit-box-flex: 1;
  flex: 1 1 0%;
  max-width: 0%;
  max-height: 100%;
  box-sizing: border-box;
}

[layout="column"] > [flex="0"],
[layout="column"] > [flex="0"] {
  -webkit-box-flex: 1;
  flex: 1 1 0%;
  max-width: 100%;
  max-height: 0%;
  box-sizing: border-box;
}

[flex="5"] {
  -webkit-box-flex: 1;
  flex: 1 1 5%;
  max-width: 5%;
  max-height: 100%;
  box-sizing: border-box;
}

[layout="row"] > [flex="5"],
[layout="row"] > [flex="5"] {
  -webkit-box-flex: 1;
  flex: 1 1 5%;
  max-width: 5%;
  max-height: 100%;
  box-sizing: border-box;
}

[layout="column"] > [flex="5"],
[layout="column"] > [flex="5"] {
  -webkit-box-flex: 1;
  flex: 1 1 5%;
  max-width: 100%;
  max-height: 5%;
  box-sizing: border-box;
}

[flex="10"] {
  -webkit-box-flex: 1;
  flex: 1 1 10%;
  max-width: 10%;
  max-height: 100%;
  box-sizing: border-box;
}

[layout="row"] > [flex="10"],
[layout="row"] > [flex="10"] {
  -webkit-box-flex: 1;
  flex: 1 1 10%;
  max-width: 10%;
  max-height: 100%;
  box-sizing: border-box;
}

[layout="column"] > [flex="10"],
[layout="column"] > [flex="10"] {
  -webkit-box-flex: 1;
  flex: 1 1 10%;
  max-width: 100%;
  max-height: 10%;
  box-sizing: border-box;
}

[flex="15"] {
  -webkit-box-flex: 1;
  flex: 1 1 15%;
  max-width: 15%;
  max-height: 100%;
  box-sizing: border-box;
}

[layout="row"] > [flex="15"],
[layout="row"] > [flex="15"] {
  -webkit-box-flex: 1;
  flex: 1 1 15%;
  max-width: 15%;
  max-height: 100%;
  box-sizing: border-box;
}

[layout="column"] > [flex="15"],
[layout="column"] > [flex="15"] {
  -webkit-box-flex: 1;
  flex: 1 1 15%;
  max-width: 100%;
  max-height: 15%;
  box-sizing: border-box;
}

[flex="20"] {
  -webkit-box-flex: 1;
  flex: 1 1 20%;
  max-width: 20%;
  max-height: 100%;
  box-sizing: border-box;
}

[layout="row"] > [flex="20"],
[layout="row"] > [flex="20"] {
  -webkit-box-flex: 1;
  flex: 1 1 20%;
  max-width: 20%;
  max-height: 100%;
  box-sizing: border-box;
}

[layout="column"] > [flex="20"],
[layout="column"] > [flex="20"] {
  -webkit-box-flex: 1;
  flex: 1 1 20%;
  max-width: 100%;
  max-height: 20%;
  box-sizing: border-box;
}

[flex="25"] {
  -webkit-box-flex: 1;
  flex: 1 1 25%;
  max-width: 25%;
  max-height: 100%;
  box-sizing: border-box;
}

[layout="row"] > [flex="25"],
[layout="row"] > [flex="25"] {
  -webkit-box-flex: 1;
  flex: 1 1 25%;
  max-width: 25%;
  max-height: 100%;
  box-sizing: border-box;
}

[layout="column"] > [flex="25"],
[layout="column"] > [flex="25"] {
  -webkit-box-flex: 1;
  flex: 1 1 25%;
  max-width: 100%;
  max-height: 25%;
  box-sizing: border-box;
}

[flex="30"] {
  -webkit-box-flex: 1;
  flex: 1 1 30%;
  max-width: 30%;
  max-height: 100%;
  box-sizing: border-box;
}

[layout="row"] > [flex="30"],
[layout="row"] > [flex="30"] {
  -webkit-box-flex: 1;
  flex: 1 1 30%;
  max-width: 30%;
  max-height: 100%;
  box-sizing: border-box;
}

[layout="column"] > [flex="30"],
[layout="column"] > [flex="30"] {
  -webkit-box-flex: 1;
  flex: 1 1 30%;
  max-width: 100%;
  max-height: 30%;
  box-sizing: border-box;
}

[flex="35"] {
  -webkit-box-flex: 1;
  flex: 1 1 35%;
  max-width: 35%;
  max-height: 100%;
  box-sizing: border-box;
}

[layout="row"] > [flex="35"],
[layout="row"] > [flex="35"] {
  -webkit-box-flex: 1;
  flex: 1 1 35%;
  max-width: 35%;
  max-height: 100%;
  box-sizing: border-box;
}

[layout="column"] > [flex="35"],
[layout="column"] > [flex="35"] {
  -webkit-box-flex: 1;
  flex: 1 1 35%;
  max-width: 100%;
  max-height: 35%;
  box-sizing: border-box;
}

[flex="40"] {
  -webkit-box-flex: 1;
  flex: 1 1 40%;
  max-width: 40%;
  max-height: 100%;
  box-sizing: border-box;
}

[layout="row"] > [flex="40"],
[layout="row"] > [flex="40"] {
  -webkit-box-flex: 1;
  flex: 1 1 40%;
  max-width: 40%;
  max-height: 100%;
  box-sizing: border-box;
}

[layout="column"] > [flex="40"],
[layout="column"] > [flex="40"] {
  -webkit-box-flex: 1;
  flex: 1 1 40%;
  max-width: 100%;
  max-height: 40%;
  box-sizing: border-box;
}

[flex="45"] {
  -webkit-box-flex: 1;
  flex: 1 1 45%;
  max-width: 45%;
  max-height: 100%;
  box-sizing: border-box;
}

[layout="row"] > [flex="45"],
[layout="row"] > [flex="45"] {
  -webkit-box-flex: 1;
  flex: 1 1 45%;
  max-width: 45%;
  max-height: 100%;
  box-sizing: border-box;
}

[layout="column"] > [flex="45"],
[layout="column"] > [flex="45"] {
  -webkit-box-flex: 1;
  flex: 1 1 45%;
  max-width: 100%;
  max-height: 45%;
  box-sizing: border-box;
}

[flex="50"] {
  -webkit-box-flex: 1;
  flex: 1 1 50%;
  max-width: 50%;
  max-height: 100%;
  box-sizing: border-box;
}

[layout="row"] > [flex="50"],
[layout="row"] > [flex="50"] {
  -webkit-box-flex: 1;
  flex: 1 1 50%;
  max-width: 50%;
  max-height: 100%;
  box-sizing: border-box;
}

[layout="column"] > [flex="50"],
[layout="column"] > [flex="50"] {
  -webkit-box-flex: 1;
  flex: 1 1 50%;
  max-width: 100%;
  max-height: 50%;
  box-sizing: border-box;
}

[flex="55"] {
  -webkit-box-flex: 1;
  flex: 1 1 55%;
  max-width: 55%;
  max-height: 100%;
  box-sizing: border-box;
}

[layout="row"] > [flex="55"],
[layout="row"] > [flex="55"] {
  -webkit-box-flex: 1;
  flex: 1 1 55%;
  max-width: 55%;
  max-height: 100%;
  box-sizing: border-box;
}

[layout="column"] > [flex="55"],
[layout="column"] > [flex="55"] {
  -webkit-box-flex: 1;
  flex: 1 1 55%;
  max-width: 100%;
  max-height: 55%;
  box-sizing: border-box;
}

[flex="60"] {
  -webkit-box-flex: 1;
  flex: 1 1 60%;
  max-width: 60%;
  max-height: 100%;
  box-sizing: border-box;
}

[layout="row"] > [flex="60"],
[layout="row"] > [flex="60"] {
  -webkit-box-flex: 1;
  flex: 1 1 60%;
  max-width: 60%;
  max-height: 100%;
  box-sizing: border-box;
}

[layout="column"] > [flex="60"],
[layout="column"] > [flex="60"] {
  -webkit-box-flex: 1;
  flex: 1 1 60%;
  max-width: 100%;
  max-height: 60%;
  box-sizing: border-box;
}

[flex="65"] {
  -webkit-box-flex: 1;
  flex: 1 1 65%;
  max-width: 65%;
  max-height: 100%;
  box-sizing: border-box;
}

[layout="row"] > [flex="65"],
[layout="row"] > [flex="65"] {
  -webkit-box-flex: 1;
  flex: 1 1 65%;
  max-width: 65%;
  max-height: 100%;
  box-sizing: border-box;
}

[layout="column"] > [flex="65"],
[layout="column"] > [flex="65"] {
  -webkit-box-flex: 1;
  flex: 1 1 65%;
  max-width: 100%;
  max-height: 65%;
  box-sizing: border-box;
}

[flex="70"] {
  -webkit-box-flex: 1;
  flex: 1 1 70%;
  max-width: 70%;
  max-height: 100%;
  box-sizing: border-box;
}

[layout="row"] > [flex="70"],
[layout="row"] > [flex="70"] {
  -webkit-box-flex: 1;
  flex: 1 1 70%;
  max-width: 70%;
  max-height: 100%;
  box-sizing: border-box;
}

[layout="column"] > [flex="70"],
[layout="column"] > [flex="70"] {
  -webkit-box-flex: 1;
  flex: 1 1 70%;
  max-width: 100%;
  max-height: 70%;
  box-sizing: border-box;
}

[flex="75"] {
  -webkit-box-flex: 1;
  flex: 1 1 75%;
  max-width: 75%;
  max-height: 100%;
  box-sizing: border-box;
}

[layout="row"] > [flex="75"],
[layout="row"] > [flex="75"] {
  -webkit-box-flex: 1;
  flex: 1 1 75%;
  max-width: 75%;
  max-height: 100%;
  box-sizing: border-box;
}

[layout="column"] > [flex="75"],
[layout="column"] > [flex="75"] {
  -webkit-box-flex: 1;
  flex: 1 1 75%;
  max-width: 100%;
  max-height: 75%;
  box-sizing: border-box;
}

[flex="80"] {
  -webkit-box-flex: 1;
  flex: 1 1 80%;
  max-width: 80%;
  max-height: 100%;
  box-sizing: border-box;
}

[layout="row"] > [flex="80"],
[layout="row"] > [flex="80"] {
  -webkit-box-flex: 1;
  flex: 1 1 80%;
  max-width: 80%;
  max-height: 100%;
  box-sizing: border-box;
}

[layout="column"] > [flex="80"],
[layout="column"] > [flex="80"] {
  -webkit-box-flex: 1;
  flex: 1 1 80%;
  max-width: 100%;
  max-height: 80%;
  box-sizing: border-box;
}

[flex="85"] {
  -webkit-box-flex: 1;
  flex: 1 1 85%;
  max-width: 85%;
  max-height: 100%;
  box-sizing: border-box;
}

[layout="row"] > [flex="85"],
[layout="row"] > [flex="85"] {
  -webkit-box-flex: 1;
  flex: 1 1 85%;
  max-width: 85%;
  max-height: 100%;
  box-sizing: border-box;
}

[layout="column"] > [flex="85"],
[layout="column"] > [flex="85"] {
  -webkit-box-flex: 1;
  flex: 1 1 85%;
  max-width: 100%;
  max-height: 85%;
  box-sizing: border-box;
}

[flex="90"] {
  -webkit-box-flex: 1;
  flex: 1 1 90%;
  max-width: 90%;
  max-height: 100%;
  box-sizing: border-box;
}

[layout="row"] > [flex="90"],
[layout="row"] > [flex="90"] {
  -webkit-box-flex: 1;
  flex: 1 1 90%;
  max-width: 90%;
  max-height: 100%;
  box-sizing: border-box;
}

[layout="column"] > [flex="90"],
[layout="column"] > [flex="90"] {
  -webkit-box-flex: 1;
  flex: 1 1 90%;
  max-width: 100%;
  max-height: 90%;
  box-sizing: border-box;
}

[flex="95"] {
  -webkit-box-flex: 1;
  flex: 1 1 95%;
  max-width: 95%;
  max-height: 100%;
  box-sizing: border-box;
}

[layout="row"] > [flex="95"],
[layout="row"] > [flex="95"] {
  -webkit-box-flex: 1;
  flex: 1 1 95%;
  max-width: 95%;
  max-height: 100%;
  box-sizing: border-box;
}

[layout="column"] > [flex="95"],
[layout="column"] > [flex="95"] {
  -webkit-box-flex: 1;
  flex: 1 1 95%;
  max-width: 100%;
  max-height: 95%;
  box-sizing: border-box;
}

[flex="100"] {
  -webkit-box-flex: 1;
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box;
}

[layout="row"] > [flex="100"],
[layout="row"] > [flex="100"] {
  -webkit-box-flex: 1;
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box;
}

[layout="column"] > [flex="100"],
[layout="column"] > [flex="100"] {
  -webkit-box-flex: 1;
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box;
}

[layout="row"] > [flex="33"], [layout="row"] > [flex="33"], [layout="row"] > [flex="33"], [layout="row"] > [flex="33"] {
  -webkit-box-flex: 1;
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}

[layout="row"] > [flex="66"], [layout="row"] > [flex="66"], [layout="row"] > [flex="66"], [layout="row"] > [flex="66"] {
  -webkit-box-flex: 1;
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}

[layout="column"] > [flex="33"], [layout="column"] > [flex="33"], [layout="column"] > [flex="33"], [layout="column"] > [flex="33"] {
  -webkit-box-flex: 1;
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}

[layout="column"] > [flex="66"], [layout="column"] > [flex="66"], [layout="column"] > [flex="66"], [layout="column"] > [flex="66"] {
  -webkit-box-flex: 1;
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}

[layout], [layout="column"], [layout="row"] {
  box-sizing: border-box;
  display: -webkit-box;
  display: flex;
}

[layout="column"] {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}

[layout="row"] {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
}

[layout-padding] > [flex-sm], [layout-padding] > [flex-lt-md] {
  padding: 4px;
}

[layout-padding],
[layout-padding] > [flex],
[layout-padding] > [flex-gt-sm],
[layout-padding] > [flex-md],
[layout-padding] > [flex-lt-lg] {
  padding: 8px;
}

[layout-padding] > [flex-gt-md],
[layout-padding] > [flex-lg] {
  padding: 16px;
}

[layout-margin] > [flex-sm],
[layout-margin] > [flex-lt-md] {
  margin: 4px;
}

[layout-margin],
[layout-margin] > [flex],
[layout-margin] > [flex-gt-sm],
[layout-margin] > [flex-md],
[layout-margin] > [flex-lt-lg] {
  margin: 8px;
}

[layout-margin] > [flex-gt-md],
[layout-margin] > [flex-lg] {
  margin: 16px;
}

[layout-wrap] {
  flex-wrap: wrap;
}

[layout-nowrap] {
  flex-wrap: nowrap;
}

[layout-fill] {
  margin: 0;
  width: 100%;
  min-height: 100%;
  height: 100%;
}

/**
 * `hide-gt-sm show-gt-lg` should hide from 600px to 1200px
 * `show-md hide-gt-sm` should show from 0px to 960px and hide at >960px
 * `hide-gt-md show-gt-sm` should show everywhere (show overrides hide)`
 *
 *  hide means hide everywhere
 *  Sizes:
 *         $layout-breakpoint-xs:     600px !default;
 *         $layout-breakpoint-sm:     960px !default;
 *         $layout-breakpoint-md:     1280px !default;
 *         $layout-breakpoint-lg:     1920px !default;
 */
@media (max-width: 599px) {
  [hide-xs]:not([show-xs]):not([show]), [hide]:not([show-xs]):not([show]) {
    display: none;
  }
  [flex-order-xs="-20"] {
    -webkit-box-ordinal-group: -19;
    order: -20;
  }
  [flex-order-xs="-19"] {
    -webkit-box-ordinal-group: -18;
    order: -19;
  }
  [flex-order-xs="-18"] {
    -webkit-box-ordinal-group: -17;
    order: -18;
  }
  [flex-order-xs="-17"] {
    -webkit-box-ordinal-group: -16;
    order: -17;
  }
  [flex-order-xs="-16"] {
    -webkit-box-ordinal-group: -15;
    order: -16;
  }
  [flex-order-xs="-15"] {
    -webkit-box-ordinal-group: -14;
    order: -15;
  }
  [flex-order-xs="-14"] {
    -webkit-box-ordinal-group: -13;
    order: -14;
  }
  [flex-order-xs="-13"] {
    -webkit-box-ordinal-group: -12;
    order: -13;
  }
  [flex-order-xs="-12"] {
    -webkit-box-ordinal-group: -11;
    order: -12;
  }
  [flex-order-xs="-11"] {
    -webkit-box-ordinal-group: -10;
    order: -11;
  }
  [flex-order-xs="-10"] {
    -webkit-box-ordinal-group: -9;
    order: -10;
  }
  [flex-order-xs="-9"] {
    -webkit-box-ordinal-group: -8;
    order: -9;
  }
  [flex-order-xs="-8"] {
    -webkit-box-ordinal-group: -7;
    order: -8;
  }
  [flex-order-xs="-7"] {
    -webkit-box-ordinal-group: -6;
    order: -7;
  }
  [flex-order-xs="-6"] {
    -webkit-box-ordinal-group: -5;
    order: -6;
  }
  [flex-order-xs="-5"] {
    -webkit-box-ordinal-group: -4;
    order: -5;
  }
  [flex-order-xs="-4"] {
    -webkit-box-ordinal-group: -3;
    order: -4;
  }
  [flex-order-xs="-3"] {
    -webkit-box-ordinal-group: -2;
    order: -3;
  }
  [flex-order-xs="-2"] {
    -webkit-box-ordinal-group: -1;
    order: -2;
  }
  [flex-order-xs="-1"] {
    -webkit-box-ordinal-group: 0;
    order: -1;
  }
  [flex-order-xs="0"] {
    -webkit-box-ordinal-group: 1;
    order: 0;
  }
  [flex-order-xs="1"] {
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
  [flex-order-xs="2"] {
    -webkit-box-ordinal-group: 3;
    order: 2;
  }
  [flex-order-xs="3"] {
    -webkit-box-ordinal-group: 4;
    order: 3;
  }
  [flex-order-xs="4"] {
    -webkit-box-ordinal-group: 5;
    order: 4;
  }
  [flex-order-xs="5"] {
    -webkit-box-ordinal-group: 6;
    order: 5;
  }
  [flex-order-xs="6"] {
    -webkit-box-ordinal-group: 7;
    order: 6;
  }
  [flex-order-xs="7"] {
    -webkit-box-ordinal-group: 8;
    order: 7;
  }
  [flex-order-xs="8"] {
    -webkit-box-ordinal-group: 9;
    order: 8;
  }
  [flex-order-xs="9"] {
    -webkit-box-ordinal-group: 10;
    order: 9;
  }
  [flex-order-xs="10"] {
    -webkit-box-ordinal-group: 11;
    order: 10;
  }
  [flex-order-xs="11"] {
    -webkit-box-ordinal-group: 12;
    order: 11;
  }
  [flex-order-xs="12"] {
    -webkit-box-ordinal-group: 13;
    order: 12;
  }
  [flex-order-xs="13"] {
    -webkit-box-ordinal-group: 14;
    order: 13;
  }
  [flex-order-xs="14"] {
    -webkit-box-ordinal-group: 15;
    order: 14;
  }
  [flex-order-xs="15"] {
    -webkit-box-ordinal-group: 16;
    order: 15;
  }
  [flex-order-xs="16"] {
    -webkit-box-ordinal-group: 17;
    order: 16;
  }
  [flex-order-xs="17"] {
    -webkit-box-ordinal-group: 18;
    order: 17;
  }
  [flex-order-xs="18"] {
    -webkit-box-ordinal-group: 19;
    order: 18;
  }
  [flex-order-xs="19"] {
    -webkit-box-ordinal-group: 20;
    order: 19;
  }
  [flex-order-xs="20"] {
    -webkit-box-ordinal-group: 21;
    order: 20;
  }
  [flex-offset-xs="0"] {
    margin-left: 0%;
  }
  [flex-offset-xs="5"] {
    margin-left: 5%;
  }
  [flex-offset-xs="10"] {
    margin-left: 10%;
  }
  [flex-offset-xs="15"] {
    margin-left: 15%;
  }
  [flex-offset-xs="20"] {
    margin-left: 20%;
  }
  [flex-offset-xs="25"] {
    margin-left: 25%;
  }
  [flex-offset-xs="30"] {
    margin-left: 30%;
  }
  [flex-offset-xs="35"] {
    margin-left: 35%;
  }
  [flex-offset-xs="40"] {
    margin-left: 40%;
  }
  [flex-offset-xs="45"] {
    margin-left: 45%;
  }
  [flex-offset-xs="50"] {
    margin-left: 50%;
  }
  [flex-offset-xs="55"] {
    margin-left: 55%;
  }
  [flex-offset-xs="60"] {
    margin-left: 60%;
  }
  [flex-offset-xs="65"] {
    margin-left: 65%;
  }
  [flex-offset-xs="70"] {
    margin-left: 70%;
  }
  [flex-offset-xs="75"] {
    margin-left: 75%;
  }
  [flex-offset-xs="80"] {
    margin-left: 80%;
  }
  [flex-offset-xs="85"] {
    margin-left: 85%;
  }
  [flex-offset-xs="90"] {
    margin-left: 90%;
  }
  [flex-offset-xs="95"] {
    margin-left: 95%;
  }
  [flex-offset-xs="33"] {
    margin-left: calc(100% / 3);
  }
  [flex-offset-xs="66"] {
    margin-left: calc(200% / 3);
  }
  [layout-align-xs],
  [layout-align-xs="start stretch"] {
    -webkit-box-pack: start;
    justify-content: flex-start;
    align-content: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
  }
  [layout-align-xs="start"],
  [layout-align-xs="start start"],
  [layout-align-xs="start center"],
  [layout-align-xs="start end"],
  [layout-align-xs="start stretch"] {
    -webkit-box-pack: start;
    justify-content: flex-start;
  }
  [layout-align-xs="center"],
  [layout-align-xs="center start"],
  [layout-align-xs="center center"],
  [layout-align-xs="center end"],
  [layout-align-xs="center stretch"] {
    -webkit-box-pack: center;
    justify-content: center;
  }
  [layout-align-xs="end"],
  [layout-align-xs="end center"],
  [layout-align-xs="end start"],
  [layout-align-xs="end end"],
  [layout-align-xs="end stretch"] {
    -webkit-box-pack: end;
    justify-content: flex-end;
  }
  [layout-align-xs="space-around"],
  [layout-align-xs="space-around center"],
  [layout-align-xs="space-around start"],
  [layout-align-xs="space-around end"],
  [layout-align-xs="space-around stretch"] {
    justify-content: space-around;
  }
  [layout-align-xs="space-between"],
  [layout-align-xs="space-between center"],
  [layout-align-xs="space-between start"],
  [layout-align-xs="space-between end"],
  [layout-align-xs="space-between stretch"] {
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  [layout-align-xs="start start"],
  [layout-align-xs="center start"],
  [layout-align-xs="end start"],
  [layout-align-xs="space-between start"],
  [layout-align-xs="space-around start"] {
    -webkit-box-align: start;
    align-items: flex-start;
    align-content: flex-start;
  }
  [layout-align-xs="start center"],
  [layout-align-xs="center center"],
  [layout-align-xs="end center"],
  [layout-align-xs="space-between center"],
  [layout-align-xs="space-around center"] {
    -webkit-box-align: center;
    align-items: center;
    align-content: center;
    max-width: 100%;
  }
  [layout-align-xs="start center"] > *,
  [layout-align-xs="center center"] > *,
  [layout-align-xs="end center"] > *,
  [layout-align-xs="space-between center"] > *,
  [layout-align-xs="space-around center"] > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  [layout-align-xs="start end"],
  [layout-align-xs="center end"],
  [layout-align-xs="end end"],
  [layout-align-xs="space-between end"],
  [layout-align-xs="space-around end"] {
    -webkit-box-align: end;
    align-items: flex-end;
    align-content: flex-end;
  }
  [layout-align-xs="start stretch"],
  [layout-align-xs="center stretch"],
  [layout-align-xs="end stretch"],
  [layout-align-xs="space-between stretch"],
  [layout-align-xs="space-around stretch"] {
    -webkit-box-align: stretch;
    align-items: stretch;
    align-content: stretch;
  }
  [flex-xs] {
    -webkit-box-flex: 1;
    flex: 1;
    box-sizing: border-box;
  }
}

@media screen\0  and (max-width: 599px) {
  [flex-xs] {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
  }
}

@media (max-width: 599px) {
  [flex-xs-grow] {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  [flex-xs-initial] {
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  [flex-xs-auto] {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  [flex-xs-none] {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  [flex-xs="0"] {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-xs="0"],
  [layout-xs="row"] > [flex-xs="0"] {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-xs="0"],
  [layout-xs="column"] > [flex-xs="0"] {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  [flex-xs="5"] {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-xs="5"],
  [layout-xs="row"] > [flex-xs="5"] {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-xs="5"],
  [layout-xs="column"] > [flex-xs="5"] {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  [flex-xs="10"] {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-xs="10"],
  [layout-xs="row"] > [flex-xs="10"] {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-xs="10"],
  [layout-xs="column"] > [flex-xs="10"] {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  [flex-xs="15"] {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-xs="15"],
  [layout-xs="row"] > [flex-xs="15"] {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-xs="15"],
  [layout-xs="column"] > [flex-xs="15"] {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  [flex-xs="20"] {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-xs="20"],
  [layout-xs="row"] > [flex-xs="20"] {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-xs="20"],
  [layout-xs="column"] > [flex-xs="20"] {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  [flex-xs="25"] {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-xs="25"],
  [layout-xs="row"] > [flex-xs="25"] {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-xs="25"],
  [layout-xs="column"] > [flex-xs="25"] {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  [flex-xs="30"] {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-xs="30"],
  [layout-xs="row"] > [flex-xs="30"] {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-xs="30"],
  [layout-xs="column"] > [flex-xs="30"] {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  [flex-xs="35"] {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-xs="35"],
  [layout-xs="row"] > [flex-xs="35"] {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-xs="35"],
  [layout-xs="column"] > [flex-xs="35"] {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  [flex-xs="40"] {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-xs="40"],
  [layout-xs="row"] > [flex-xs="40"] {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-xs="40"],
  [layout-xs="column"] > [flex-xs="40"] {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  [flex-xs="45"] {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-xs="45"],
  [layout-xs="row"] > [flex-xs="45"] {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-xs="45"],
  [layout-xs="column"] > [flex-xs="45"] {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  [flex-xs="50"] {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-xs="50"],
  [layout-xs="row"] > [flex-xs="50"] {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-xs="50"],
  [layout-xs="column"] > [flex-xs="50"] {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  [flex-xs="55"] {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-xs="55"],
  [layout-xs="row"] > [flex-xs="55"] {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-xs="55"],
  [layout-xs="column"] > [flex-xs="55"] {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  [flex-xs="60"] {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-xs="60"],
  [layout-xs="row"] > [flex-xs="60"] {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-xs="60"],
  [layout-xs="column"] > [flex-xs="60"] {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  [flex-xs="65"] {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-xs="65"],
  [layout-xs="row"] > [flex-xs="65"] {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-xs="65"],
  [layout-xs="column"] > [flex-xs="65"] {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  [flex-xs="70"] {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-xs="70"],
  [layout-xs="row"] > [flex-xs="70"] {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-xs="70"],
  [layout-xs="column"] > [flex-xs="70"] {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  [flex-xs="75"] {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-xs="75"],
  [layout-xs="row"] > [flex-xs="75"] {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-xs="75"],
  [layout-xs="column"] > [flex-xs="75"] {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  [flex-xs="80"] {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-xs="80"],
  [layout-xs="row"] > [flex-xs="80"] {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-xs="80"],
  [layout-xs="column"] > [flex-xs="80"] {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  [flex-xs="85"] {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-xs="85"],
  [layout-xs="row"] > [flex-xs="85"] {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-xs="85"],
  [layout-xs="column"] > [flex-xs="85"] {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  [flex-xs="90"] {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-xs="90"],
  [layout-xs="row"] > [flex-xs="90"] {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-xs="90"],
  [layout-xs="column"] > [flex-xs="90"] {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  [flex-xs="95"] {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-xs="95"],
  [layout-xs="row"] > [flex-xs="95"] {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-xs="95"],
  [layout-xs="column"] > [flex-xs="95"] {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  [flex-xs="100"] {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-xs="100"],
  [layout-xs="row"] > [flex-xs="100"] {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-xs="100"],
  [layout-xs="column"] > [flex-xs="100"] {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-xs="33"], [layout="row"] > [flex-xs="33"], [layout-xs="row"] > [flex-xs="33"], [layout-xs="row"] > [flex-xs="33"] {
    -webkit-box-flex: 1;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-xs="66"], [layout="row"] > [flex-xs="66"], [layout-xs="row"] > [flex-xs="66"], [layout-xs="row"] > [flex-xs="66"] {
    -webkit-box-flex: 1;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-xs="33"], [layout="column"] > [flex-xs="33"], [layout-xs="column"] > [flex-xs="33"], [layout-xs="column"] > [flex-xs="33"] {
    -webkit-box-flex: 1;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-xs="66"], [layout="column"] > [flex-xs="66"], [layout-xs="column"] > [flex-xs="66"], [layout-xs="column"] > [flex-xs="66"] {
    -webkit-box-flex: 1;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  [layout-xs], [layout-xs="column"], [layout-xs="row"] {
    box-sizing: border-box;
    display: -webkit-box;
    display: flex;
  }
  [layout-xs="column"] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
  [layout-xs="row"] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }
}

@media (min-width: 600px) {
  [flex-order-gt-xs="-20"] {
    -webkit-box-ordinal-group: -19;
    order: -20;
  }
  [flex-order-gt-xs="-19"] {
    -webkit-box-ordinal-group: -18;
    order: -19;
  }
  [flex-order-gt-xs="-18"] {
    -webkit-box-ordinal-group: -17;
    order: -18;
  }
  [flex-order-gt-xs="-17"] {
    -webkit-box-ordinal-group: -16;
    order: -17;
  }
  [flex-order-gt-xs="-16"] {
    -webkit-box-ordinal-group: -15;
    order: -16;
  }
  [flex-order-gt-xs="-15"] {
    -webkit-box-ordinal-group: -14;
    order: -15;
  }
  [flex-order-gt-xs="-14"] {
    -webkit-box-ordinal-group: -13;
    order: -14;
  }
  [flex-order-gt-xs="-13"] {
    -webkit-box-ordinal-group: -12;
    order: -13;
  }
  [flex-order-gt-xs="-12"] {
    -webkit-box-ordinal-group: -11;
    order: -12;
  }
  [flex-order-gt-xs="-11"] {
    -webkit-box-ordinal-group: -10;
    order: -11;
  }
  [flex-order-gt-xs="-10"] {
    -webkit-box-ordinal-group: -9;
    order: -10;
  }
  [flex-order-gt-xs="-9"] {
    -webkit-box-ordinal-group: -8;
    order: -9;
  }
  [flex-order-gt-xs="-8"] {
    -webkit-box-ordinal-group: -7;
    order: -8;
  }
  [flex-order-gt-xs="-7"] {
    -webkit-box-ordinal-group: -6;
    order: -7;
  }
  [flex-order-gt-xs="-6"] {
    -webkit-box-ordinal-group: -5;
    order: -6;
  }
  [flex-order-gt-xs="-5"] {
    -webkit-box-ordinal-group: -4;
    order: -5;
  }
  [flex-order-gt-xs="-4"] {
    -webkit-box-ordinal-group: -3;
    order: -4;
  }
  [flex-order-gt-xs="-3"] {
    -webkit-box-ordinal-group: -2;
    order: -3;
  }
  [flex-order-gt-xs="-2"] {
    -webkit-box-ordinal-group: -1;
    order: -2;
  }
  [flex-order-gt-xs="-1"] {
    -webkit-box-ordinal-group: 0;
    order: -1;
  }
  [flex-order-gt-xs="0"] {
    -webkit-box-ordinal-group: 1;
    order: 0;
  }
  [flex-order-gt-xs="1"] {
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
  [flex-order-gt-xs="2"] {
    -webkit-box-ordinal-group: 3;
    order: 2;
  }
  [flex-order-gt-xs="3"] {
    -webkit-box-ordinal-group: 4;
    order: 3;
  }
  [flex-order-gt-xs="4"] {
    -webkit-box-ordinal-group: 5;
    order: 4;
  }
  [flex-order-gt-xs="5"] {
    -webkit-box-ordinal-group: 6;
    order: 5;
  }
  [flex-order-gt-xs="6"] {
    -webkit-box-ordinal-group: 7;
    order: 6;
  }
  [flex-order-gt-xs="7"] {
    -webkit-box-ordinal-group: 8;
    order: 7;
  }
  [flex-order-gt-xs="8"] {
    -webkit-box-ordinal-group: 9;
    order: 8;
  }
  [flex-order-gt-xs="9"] {
    -webkit-box-ordinal-group: 10;
    order: 9;
  }
  [flex-order-gt-xs="10"] {
    -webkit-box-ordinal-group: 11;
    order: 10;
  }
  [flex-order-gt-xs="11"] {
    -webkit-box-ordinal-group: 12;
    order: 11;
  }
  [flex-order-gt-xs="12"] {
    -webkit-box-ordinal-group: 13;
    order: 12;
  }
  [flex-order-gt-xs="13"] {
    -webkit-box-ordinal-group: 14;
    order: 13;
  }
  [flex-order-gt-xs="14"] {
    -webkit-box-ordinal-group: 15;
    order: 14;
  }
  [flex-order-gt-xs="15"] {
    -webkit-box-ordinal-group: 16;
    order: 15;
  }
  [flex-order-gt-xs="16"] {
    -webkit-box-ordinal-group: 17;
    order: 16;
  }
  [flex-order-gt-xs="17"] {
    -webkit-box-ordinal-group: 18;
    order: 17;
  }
  [flex-order-gt-xs="18"] {
    -webkit-box-ordinal-group: 19;
    order: 18;
  }
  [flex-order-gt-xs="19"] {
    -webkit-box-ordinal-group: 20;
    order: 19;
  }
  [flex-order-gt-xs="20"] {
    -webkit-box-ordinal-group: 21;
    order: 20;
  }
  [flex-offset-gt-xs="0"] {
    margin-left: 0%;
  }
  [flex-offset-gt-xs="5"] {
    margin-left: 5%;
  }
  [flex-offset-gt-xs="10"] {
    margin-left: 10%;
  }
  [flex-offset-gt-xs="15"] {
    margin-left: 15%;
  }
  [flex-offset-gt-xs="20"] {
    margin-left: 20%;
  }
  [flex-offset-gt-xs="25"] {
    margin-left: 25%;
  }
  [flex-offset-gt-xs="30"] {
    margin-left: 30%;
  }
  [flex-offset-gt-xs="35"] {
    margin-left: 35%;
  }
  [flex-offset-gt-xs="40"] {
    margin-left: 40%;
  }
  [flex-offset-gt-xs="45"] {
    margin-left: 45%;
  }
  [flex-offset-gt-xs="50"] {
    margin-left: 50%;
  }
  [flex-offset-gt-xs="55"] {
    margin-left: 55%;
  }
  [flex-offset-gt-xs="60"] {
    margin-left: 60%;
  }
  [flex-offset-gt-xs="65"] {
    margin-left: 65%;
  }
  [flex-offset-gt-xs="70"] {
    margin-left: 70%;
  }
  [flex-offset-gt-xs="75"] {
    margin-left: 75%;
  }
  [flex-offset-gt-xs="80"] {
    margin-left: 80%;
  }
  [flex-offset-gt-xs="85"] {
    margin-left: 85%;
  }
  [flex-offset-gt-xs="90"] {
    margin-left: 90%;
  }
  [flex-offset-gt-xs="95"] {
    margin-left: 95%;
  }
  [flex-offset-gt-xs="33"] {
    margin-left: calc(100% / 3);
  }
  [flex-offset-gt-xs="66"] {
    margin-left: calc(200% / 3);
  }
  [layout-align-gt-xs],
  [layout-align-gt-xs="start stretch"] {
    -webkit-box-pack: start;
    justify-content: flex-start;
    align-content: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
  }
  [layout-align-gt-xs="start"],
  [layout-align-gt-xs="start start"],
  [layout-align-gt-xs="start center"],
  [layout-align-gt-xs="start end"],
  [layout-align-gt-xs="start stretch"] {
    -webkit-box-pack: start;
    justify-content: flex-start;
  }
  [layout-align-gt-xs="center"],
  [layout-align-gt-xs="center start"],
  [layout-align-gt-xs="center center"],
  [layout-align-gt-xs="center end"],
  [layout-align-gt-xs="center stretch"] {
    -webkit-box-pack: center;
    justify-content: center;
  }
  [layout-align-gt-xs="end"],
  [layout-align-gt-xs="end center"],
  [layout-align-gt-xs="end start"],
  [layout-align-gt-xs="end end"],
  [layout-align-gt-xs="end stretch"] {
    -webkit-box-pack: end;
    justify-content: flex-end;
  }
  [layout-align-gt-xs="space-around"],
  [layout-align-gt-xs="space-around center"],
  [layout-align-gt-xs="space-around start"],
  [layout-align-gt-xs="space-around end"],
  [layout-align-gt-xs="space-around stretch"] {
    justify-content: space-around;
  }
  [layout-align-gt-xs="space-between"],
  [layout-align-gt-xs="space-between center"],
  [layout-align-gt-xs="space-between start"],
  [layout-align-gt-xs="space-between end"],
  [layout-align-gt-xs="space-between stretch"] {
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  [layout-align-gt-xs="start start"],
  [layout-align-gt-xs="center start"],
  [layout-align-gt-xs="end start"],
  [layout-align-gt-xs="space-between start"],
  [layout-align-gt-xs="space-around start"] {
    -webkit-box-align: start;
    align-items: flex-start;
    align-content: flex-start;
  }
  [layout-align-gt-xs="start center"],
  [layout-align-gt-xs="center center"],
  [layout-align-gt-xs="end center"],
  [layout-align-gt-xs="space-between center"],
  [layout-align-gt-xs="space-around center"] {
    -webkit-box-align: center;
    align-items: center;
    align-content: center;
    max-width: 100%;
  }
  [layout-align-gt-xs="start center"] > *,
  [layout-align-gt-xs="center center"] > *,
  [layout-align-gt-xs="end center"] > *,
  [layout-align-gt-xs="space-between center"] > *,
  [layout-align-gt-xs="space-around center"] > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  [layout-align-gt-xs="start end"],
  [layout-align-gt-xs="center end"],
  [layout-align-gt-xs="end end"],
  [layout-align-gt-xs="space-between end"],
  [layout-align-gt-xs="space-around end"] {
    -webkit-box-align: end;
    align-items: flex-end;
    align-content: flex-end;
  }
  [layout-align-gt-xs="start stretch"],
  [layout-align-gt-xs="center stretch"],
  [layout-align-gt-xs="end stretch"],
  [layout-align-gt-xs="space-between stretch"],
  [layout-align-gt-xs="space-around stretch"] {
    -webkit-box-align: stretch;
    align-items: stretch;
    align-content: stretch;
  }
  [flex-gt-xs] {
    -webkit-box-flex: 1;
    flex: 1;
    box-sizing: border-box;
  }
}

@media screen\0  and (min-width: 600px) {
  [flex-gt-xs] {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
  }
}

@media (min-width: 600px) {
  [flex-gt-xs-grow] {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  [flex-gt-xs-initial] {
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  [flex-gt-xs-auto] {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  [flex-gt-xs-none] {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  [flex-gt-xs="0"] {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-xs="0"],
  [layout-gt-xs="row"] > [flex-gt-xs="0"] {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-xs="0"],
  [layout-gt-xs="column"] > [flex-gt-xs="0"] {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  [flex-gt-xs="5"] {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-xs="5"],
  [layout-gt-xs="row"] > [flex-gt-xs="5"] {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-xs="5"],
  [layout-gt-xs="column"] > [flex-gt-xs="5"] {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  [flex-gt-xs="10"] {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-xs="10"],
  [layout-gt-xs="row"] > [flex-gt-xs="10"] {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-xs="10"],
  [layout-gt-xs="column"] > [flex-gt-xs="10"] {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  [flex-gt-xs="15"] {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-xs="15"],
  [layout-gt-xs="row"] > [flex-gt-xs="15"] {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-xs="15"],
  [layout-gt-xs="column"] > [flex-gt-xs="15"] {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  [flex-gt-xs="20"] {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-xs="20"],
  [layout-gt-xs="row"] > [flex-gt-xs="20"] {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-xs="20"],
  [layout-gt-xs="column"] > [flex-gt-xs="20"] {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  [flex-gt-xs="25"] {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-xs="25"],
  [layout-gt-xs="row"] > [flex-gt-xs="25"] {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-xs="25"],
  [layout-gt-xs="column"] > [flex-gt-xs="25"] {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  [flex-gt-xs="30"] {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-xs="30"],
  [layout-gt-xs="row"] > [flex-gt-xs="30"] {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-xs="30"],
  [layout-gt-xs="column"] > [flex-gt-xs="30"] {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  [flex-gt-xs="35"] {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-xs="35"],
  [layout-gt-xs="row"] > [flex-gt-xs="35"] {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-xs="35"],
  [layout-gt-xs="column"] > [flex-gt-xs="35"] {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  [flex-gt-xs="40"] {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-xs="40"],
  [layout-gt-xs="row"] > [flex-gt-xs="40"] {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-xs="40"],
  [layout-gt-xs="column"] > [flex-gt-xs="40"] {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  [flex-gt-xs="45"] {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-xs="45"],
  [layout-gt-xs="row"] > [flex-gt-xs="45"] {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-xs="45"],
  [layout-gt-xs="column"] > [flex-gt-xs="45"] {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  [flex-gt-xs="50"] {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-xs="50"],
  [layout-gt-xs="row"] > [flex-gt-xs="50"] {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-xs="50"],
  [layout-gt-xs="column"] > [flex-gt-xs="50"] {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  [flex-gt-xs="55"] {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-xs="55"],
  [layout-gt-xs="row"] > [flex-gt-xs="55"] {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-xs="55"],
  [layout-gt-xs="column"] > [flex-gt-xs="55"] {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  [flex-gt-xs="60"] {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-xs="60"],
  [layout-gt-xs="row"] > [flex-gt-xs="60"] {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-xs="60"],
  [layout-gt-xs="column"] > [flex-gt-xs="60"] {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  [flex-gt-xs="65"] {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-xs="65"],
  [layout-gt-xs="row"] > [flex-gt-xs="65"] {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-xs="65"],
  [layout-gt-xs="column"] > [flex-gt-xs="65"] {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  [flex-gt-xs="70"] {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-xs="70"],
  [layout-gt-xs="row"] > [flex-gt-xs="70"] {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-xs="70"],
  [layout-gt-xs="column"] > [flex-gt-xs="70"] {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  [flex-gt-xs="75"] {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-xs="75"],
  [layout-gt-xs="row"] > [flex-gt-xs="75"] {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-xs="75"],
  [layout-gt-xs="column"] > [flex-gt-xs="75"] {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  [flex-gt-xs="80"] {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-xs="80"],
  [layout-gt-xs="row"] > [flex-gt-xs="80"] {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-xs="80"],
  [layout-gt-xs="column"] > [flex-gt-xs="80"] {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  [flex-gt-xs="85"] {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-xs="85"],
  [layout-gt-xs="row"] > [flex-gt-xs="85"] {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-xs="85"],
  [layout-gt-xs="column"] > [flex-gt-xs="85"] {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  [flex-gt-xs="90"] {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-xs="90"],
  [layout-gt-xs="row"] > [flex-gt-xs="90"] {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-xs="90"],
  [layout-gt-xs="column"] > [flex-gt-xs="90"] {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  [flex-gt-xs="95"] {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-xs="95"],
  [layout-gt-xs="row"] > [flex-gt-xs="95"] {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-xs="95"],
  [layout-gt-xs="column"] > [flex-gt-xs="95"] {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  [flex-gt-xs="100"] {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-xs="100"],
  [layout-gt-xs="row"] > [flex-gt-xs="100"] {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-xs="100"],
  [layout-gt-xs="column"] > [flex-gt-xs="100"] {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-xs="33"], [layout="row"] > [flex-gt-xs="33"], [layout-gt-xs="row"] > [flex-gt-xs="33"], [layout-gt-xs="row"] > [flex-gt-xs="33"] {
    -webkit-box-flex: 1;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-xs="66"], [layout="row"] > [flex-gt-xs="66"], [layout-gt-xs="row"] > [flex-gt-xs="66"], [layout-gt-xs="row"] > [flex-gt-xs="66"] {
    -webkit-box-flex: 1;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-xs="33"], [layout="column"] > [flex-gt-xs="33"], [layout-gt-xs="column"] > [flex-gt-xs="33"], [layout-gt-xs="column"] > [flex-gt-xs="33"] {
    -webkit-box-flex: 1;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-xs="66"], [layout="column"] > [flex-gt-xs="66"], [layout-gt-xs="column"] > [flex-gt-xs="66"], [layout-gt-xs="column"] > [flex-gt-xs="66"] {
    -webkit-box-flex: 1;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  [layout-gt-xs], [layout-gt-xs="column"], [layout-gt-xs="row"] {
    box-sizing: border-box;
    display: -webkit-box;
    display: flex;
  }
  [layout-gt-xs="column"] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
  [layout-gt-xs="row"] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }
}

@media (min-width: 600px) and (max-width: 959px) {
  [hide-sm]:not([show-gt-xs]):not([show-sm]):not([show]), [hide-gt-xs]:not([show-gt-xs]):not([show-sm]):not([show]) {
    display: none;
  }
  [hide-sm]:not([show-sm]):not([show]) {
    display: none;
  }
  [flex-order-sm="-20"] {
    -webkit-box-ordinal-group: -19;
    order: -20;
  }
  [flex-order-sm="-19"] {
    -webkit-box-ordinal-group: -18;
    order: -19;
  }
  [flex-order-sm="-18"] {
    -webkit-box-ordinal-group: -17;
    order: -18;
  }
  [flex-order-sm="-17"] {
    -webkit-box-ordinal-group: -16;
    order: -17;
  }
  [flex-order-sm="-16"] {
    -webkit-box-ordinal-group: -15;
    order: -16;
  }
  [flex-order-sm="-15"] {
    -webkit-box-ordinal-group: -14;
    order: -15;
  }
  [flex-order-sm="-14"] {
    -webkit-box-ordinal-group: -13;
    order: -14;
  }
  [flex-order-sm="-13"] {
    -webkit-box-ordinal-group: -12;
    order: -13;
  }
  [flex-order-sm="-12"] {
    -webkit-box-ordinal-group: -11;
    order: -12;
  }
  [flex-order-sm="-11"] {
    -webkit-box-ordinal-group: -10;
    order: -11;
  }
  [flex-order-sm="-10"] {
    -webkit-box-ordinal-group: -9;
    order: -10;
  }
  [flex-order-sm="-9"] {
    -webkit-box-ordinal-group: -8;
    order: -9;
  }
  [flex-order-sm="-8"] {
    -webkit-box-ordinal-group: -7;
    order: -8;
  }
  [flex-order-sm="-7"] {
    -webkit-box-ordinal-group: -6;
    order: -7;
  }
  [flex-order-sm="-6"] {
    -webkit-box-ordinal-group: -5;
    order: -6;
  }
  [flex-order-sm="-5"] {
    -webkit-box-ordinal-group: -4;
    order: -5;
  }
  [flex-order-sm="-4"] {
    -webkit-box-ordinal-group: -3;
    order: -4;
  }
  [flex-order-sm="-3"] {
    -webkit-box-ordinal-group: -2;
    order: -3;
  }
  [flex-order-sm="-2"] {
    -webkit-box-ordinal-group: -1;
    order: -2;
  }
  [flex-order-sm="-1"] {
    -webkit-box-ordinal-group: 0;
    order: -1;
  }
  [flex-order-sm="0"] {
    -webkit-box-ordinal-group: 1;
    order: 0;
  }
  [flex-order-sm="1"] {
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
  [flex-order-sm="2"] {
    -webkit-box-ordinal-group: 3;
    order: 2;
  }
  [flex-order-sm="3"] {
    -webkit-box-ordinal-group: 4;
    order: 3;
  }
  [flex-order-sm="4"] {
    -webkit-box-ordinal-group: 5;
    order: 4;
  }
  [flex-order-sm="5"] {
    -webkit-box-ordinal-group: 6;
    order: 5;
  }
  [flex-order-sm="6"] {
    -webkit-box-ordinal-group: 7;
    order: 6;
  }
  [flex-order-sm="7"] {
    -webkit-box-ordinal-group: 8;
    order: 7;
  }
  [flex-order-sm="8"] {
    -webkit-box-ordinal-group: 9;
    order: 8;
  }
  [flex-order-sm="9"] {
    -webkit-box-ordinal-group: 10;
    order: 9;
  }
  [flex-order-sm="10"] {
    -webkit-box-ordinal-group: 11;
    order: 10;
  }
  [flex-order-sm="11"] {
    -webkit-box-ordinal-group: 12;
    order: 11;
  }
  [flex-order-sm="12"] {
    -webkit-box-ordinal-group: 13;
    order: 12;
  }
  [flex-order-sm="13"] {
    -webkit-box-ordinal-group: 14;
    order: 13;
  }
  [flex-order-sm="14"] {
    -webkit-box-ordinal-group: 15;
    order: 14;
  }
  [flex-order-sm="15"] {
    -webkit-box-ordinal-group: 16;
    order: 15;
  }
  [flex-order-sm="16"] {
    -webkit-box-ordinal-group: 17;
    order: 16;
  }
  [flex-order-sm="17"] {
    -webkit-box-ordinal-group: 18;
    order: 17;
  }
  [flex-order-sm="18"] {
    -webkit-box-ordinal-group: 19;
    order: 18;
  }
  [flex-order-sm="19"] {
    -webkit-box-ordinal-group: 20;
    order: 19;
  }
  [flex-order-sm="20"] {
    -webkit-box-ordinal-group: 21;
    order: 20;
  }
  [flex-offset-sm="0"] {
    margin-left: 0%;
  }
  [flex-offset-sm="5"] {
    margin-left: 5%;
  }
  [flex-offset-sm="10"] {
    margin-left: 10%;
  }
  [flex-offset-sm="15"] {
    margin-left: 15%;
  }
  [flex-offset-sm="20"] {
    margin-left: 20%;
  }
  [flex-offset-sm="25"] {
    margin-left: 25%;
  }
  [flex-offset-sm="30"] {
    margin-left: 30%;
  }
  [flex-offset-sm="35"] {
    margin-left: 35%;
  }
  [flex-offset-sm="40"] {
    margin-left: 40%;
  }
  [flex-offset-sm="45"] {
    margin-left: 45%;
  }
  [flex-offset-sm="50"] {
    margin-left: 50%;
  }
  [flex-offset-sm="55"] {
    margin-left: 55%;
  }
  [flex-offset-sm="60"] {
    margin-left: 60%;
  }
  [flex-offset-sm="65"] {
    margin-left: 65%;
  }
  [flex-offset-sm="70"] {
    margin-left: 70%;
  }
  [flex-offset-sm="75"] {
    margin-left: 75%;
  }
  [flex-offset-sm="80"] {
    margin-left: 80%;
  }
  [flex-offset-sm="85"] {
    margin-left: 85%;
  }
  [flex-offset-sm="90"] {
    margin-left: 90%;
  }
  [flex-offset-sm="95"] {
    margin-left: 95%;
  }
  [flex-offset-sm="33"] {
    margin-left: calc(100% / 3);
  }
  [flex-offset-sm="66"] {
    margin-left: calc(200% / 3);
  }
  [layout-align-sm],
  [layout-align-sm="start stretch"] {
    -webkit-box-pack: start;
    justify-content: flex-start;
    align-content: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
  }
  [layout-align-sm="start"],
  [layout-align-sm="start start"],
  [layout-align-sm="start center"],
  [layout-align-sm="start end"],
  [layout-align-sm="start stretch"] {
    -webkit-box-pack: start;
    justify-content: flex-start;
  }
  [layout-align-sm="center"],
  [layout-align-sm="center start"],
  [layout-align-sm="center center"],
  [layout-align-sm="center end"],
  [layout-align-sm="center stretch"] {
    -webkit-box-pack: center;
    justify-content: center;
  }
  [layout-align-sm="end"],
  [layout-align-sm="end center"],
  [layout-align-sm="end start"],
  [layout-align-sm="end end"],
  [layout-align-sm="end stretch"] {
    -webkit-box-pack: end;
    justify-content: flex-end;
  }
  [layout-align-sm="space-around"],
  [layout-align-sm="space-around center"],
  [layout-align-sm="space-around start"],
  [layout-align-sm="space-around end"],
  [layout-align-sm="space-around stretch"] {
    justify-content: space-around;
  }
  [layout-align-sm="space-between"],
  [layout-align-sm="space-between center"],
  [layout-align-sm="space-between start"],
  [layout-align-sm="space-between end"],
  [layout-align-sm="space-between stretch"] {
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  [layout-align-sm="start start"],
  [layout-align-sm="center start"],
  [layout-align-sm="end start"],
  [layout-align-sm="space-between start"],
  [layout-align-sm="space-around start"] {
    -webkit-box-align: start;
    align-items: flex-start;
    align-content: flex-start;
  }
  [layout-align-sm="start center"],
  [layout-align-sm="center center"],
  [layout-align-sm="end center"],
  [layout-align-sm="space-between center"],
  [layout-align-sm="space-around center"] {
    -webkit-box-align: center;
    align-items: center;
    align-content: center;
    max-width: 100%;
  }
  [layout-align-sm="start center"] > *,
  [layout-align-sm="center center"] > *,
  [layout-align-sm="end center"] > *,
  [layout-align-sm="space-between center"] > *,
  [layout-align-sm="space-around center"] > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  [layout-align-sm="start end"],
  [layout-align-sm="center end"],
  [layout-align-sm="end end"],
  [layout-align-sm="space-between end"],
  [layout-align-sm="space-around end"] {
    -webkit-box-align: end;
    align-items: flex-end;
    align-content: flex-end;
  }
  [layout-align-sm="start stretch"],
  [layout-align-sm="center stretch"],
  [layout-align-sm="end stretch"],
  [layout-align-sm="space-between stretch"],
  [layout-align-sm="space-around stretch"] {
    -webkit-box-align: stretch;
    align-items: stretch;
    align-content: stretch;
  }
  [flex-sm] {
    -webkit-box-flex: 1;
    flex: 1;
    box-sizing: border-box;
  }
}

@media screen\0  and (min-width: 600px) and (max-width: 959px) {
  [flex-sm] {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
  }
}

@media (min-width: 600px) and (max-width: 959px) {
  [flex-sm-grow] {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  [flex-sm-initial] {
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  [flex-sm-auto] {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  [flex-sm-none] {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  [flex-sm="0"] {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-sm="0"],
  [layout-sm="row"] > [flex-sm="0"] {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-sm="0"],
  [layout-sm="column"] > [flex-sm="0"] {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  [flex-sm="5"] {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-sm="5"],
  [layout-sm="row"] > [flex-sm="5"] {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-sm="5"],
  [layout-sm="column"] > [flex-sm="5"] {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  [flex-sm="10"] {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-sm="10"],
  [layout-sm="row"] > [flex-sm="10"] {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-sm="10"],
  [layout-sm="column"] > [flex-sm="10"] {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  [flex-sm="15"] {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-sm="15"],
  [layout-sm="row"] > [flex-sm="15"] {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-sm="15"],
  [layout-sm="column"] > [flex-sm="15"] {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  [flex-sm="20"] {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-sm="20"],
  [layout-sm="row"] > [flex-sm="20"] {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-sm="20"],
  [layout-sm="column"] > [flex-sm="20"] {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  [flex-sm="25"] {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-sm="25"],
  [layout-sm="row"] > [flex-sm="25"] {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-sm="25"],
  [layout-sm="column"] > [flex-sm="25"] {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  [flex-sm="30"] {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-sm="30"],
  [layout-sm="row"] > [flex-sm="30"] {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-sm="30"],
  [layout-sm="column"] > [flex-sm="30"] {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  [flex-sm="35"] {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-sm="35"],
  [layout-sm="row"] > [flex-sm="35"] {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-sm="35"],
  [layout-sm="column"] > [flex-sm="35"] {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  [flex-sm="40"] {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-sm="40"],
  [layout-sm="row"] > [flex-sm="40"] {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-sm="40"],
  [layout-sm="column"] > [flex-sm="40"] {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  [flex-sm="45"] {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-sm="45"],
  [layout-sm="row"] > [flex-sm="45"] {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-sm="45"],
  [layout-sm="column"] > [flex-sm="45"] {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  [flex-sm="50"] {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-sm="50"],
  [layout-sm="row"] > [flex-sm="50"] {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-sm="50"],
  [layout-sm="column"] > [flex-sm="50"] {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  [flex-sm="55"] {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-sm="55"],
  [layout-sm="row"] > [flex-sm="55"] {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-sm="55"],
  [layout-sm="column"] > [flex-sm="55"] {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  [flex-sm="60"] {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-sm="60"],
  [layout-sm="row"] > [flex-sm="60"] {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-sm="60"],
  [layout-sm="column"] > [flex-sm="60"] {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  [flex-sm="65"] {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-sm="65"],
  [layout-sm="row"] > [flex-sm="65"] {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-sm="65"],
  [layout-sm="column"] > [flex-sm="65"] {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  [flex-sm="70"] {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-sm="70"],
  [layout-sm="row"] > [flex-sm="70"] {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-sm="70"],
  [layout-sm="column"] > [flex-sm="70"] {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  [flex-sm="75"] {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-sm="75"],
  [layout-sm="row"] > [flex-sm="75"] {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-sm="75"],
  [layout-sm="column"] > [flex-sm="75"] {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  [flex-sm="80"] {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-sm="80"],
  [layout-sm="row"] > [flex-sm="80"] {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-sm="80"],
  [layout-sm="column"] > [flex-sm="80"] {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  [flex-sm="85"] {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-sm="85"],
  [layout-sm="row"] > [flex-sm="85"] {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-sm="85"],
  [layout-sm="column"] > [flex-sm="85"] {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  [flex-sm="90"] {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-sm="90"],
  [layout-sm="row"] > [flex-sm="90"] {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-sm="90"],
  [layout-sm="column"] > [flex-sm="90"] {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  [flex-sm="95"] {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-sm="95"],
  [layout-sm="row"] > [flex-sm="95"] {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-sm="95"],
  [layout-sm="column"] > [flex-sm="95"] {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  [flex-sm="100"] {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-sm="100"],
  [layout-sm="row"] > [flex-sm="100"] {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-sm="100"],
  [layout-sm="column"] > [flex-sm="100"] {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-sm="33"], [layout="row"] > [flex-sm="33"], [layout-sm="row"] > [flex-sm="33"], [layout-sm="row"] > [flex-sm="33"] {
    -webkit-box-flex: 1;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-sm="66"], [layout="row"] > [flex-sm="66"], [layout-sm="row"] > [flex-sm="66"], [layout-sm="row"] > [flex-sm="66"] {
    -webkit-box-flex: 1;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-sm="33"], [layout="column"] > [flex-sm="33"], [layout-sm="column"] > [flex-sm="33"], [layout-sm="column"] > [flex-sm="33"] {
    -webkit-box-flex: 1;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-sm="66"], [layout="column"] > [flex-sm="66"], [layout-sm="column"] > [flex-sm="66"], [layout-sm="column"] > [flex-sm="66"] {
    -webkit-box-flex: 1;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  [layout-sm], [layout-sm="column"], [layout-sm="row"] {
    box-sizing: border-box;
    display: -webkit-box;
    display: flex;
  }
  [layout-sm="column"] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
  [layout-sm="row"] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }
}

@media (min-width: 960px) {
  [flex-order-gt-sm="-20"] {
    -webkit-box-ordinal-group: -19;
    order: -20;
  }
  [flex-order-gt-sm="-19"] {
    -webkit-box-ordinal-group: -18;
    order: -19;
  }
  [flex-order-gt-sm="-18"] {
    -webkit-box-ordinal-group: -17;
    order: -18;
  }
  [flex-order-gt-sm="-17"] {
    -webkit-box-ordinal-group: -16;
    order: -17;
  }
  [flex-order-gt-sm="-16"] {
    -webkit-box-ordinal-group: -15;
    order: -16;
  }
  [flex-order-gt-sm="-15"] {
    -webkit-box-ordinal-group: -14;
    order: -15;
  }
  [flex-order-gt-sm="-14"] {
    -webkit-box-ordinal-group: -13;
    order: -14;
  }
  [flex-order-gt-sm="-13"] {
    -webkit-box-ordinal-group: -12;
    order: -13;
  }
  [flex-order-gt-sm="-12"] {
    -webkit-box-ordinal-group: -11;
    order: -12;
  }
  [flex-order-gt-sm="-11"] {
    -webkit-box-ordinal-group: -10;
    order: -11;
  }
  [flex-order-gt-sm="-10"] {
    -webkit-box-ordinal-group: -9;
    order: -10;
  }
  [flex-order-gt-sm="-9"] {
    -webkit-box-ordinal-group: -8;
    order: -9;
  }
  [flex-order-gt-sm="-8"] {
    -webkit-box-ordinal-group: -7;
    order: -8;
  }
  [flex-order-gt-sm="-7"] {
    -webkit-box-ordinal-group: -6;
    order: -7;
  }
  [flex-order-gt-sm="-6"] {
    -webkit-box-ordinal-group: -5;
    order: -6;
  }
  [flex-order-gt-sm="-5"] {
    -webkit-box-ordinal-group: -4;
    order: -5;
  }
  [flex-order-gt-sm="-4"] {
    -webkit-box-ordinal-group: -3;
    order: -4;
  }
  [flex-order-gt-sm="-3"] {
    -webkit-box-ordinal-group: -2;
    order: -3;
  }
  [flex-order-gt-sm="-2"] {
    -webkit-box-ordinal-group: -1;
    order: -2;
  }
  [flex-order-gt-sm="-1"] {
    -webkit-box-ordinal-group: 0;
    order: -1;
  }
  [flex-order-gt-sm="0"] {
    -webkit-box-ordinal-group: 1;
    order: 0;
  }
  [flex-order-gt-sm="1"] {
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
  [flex-order-gt-sm="2"] {
    -webkit-box-ordinal-group: 3;
    order: 2;
  }
  [flex-order-gt-sm="3"] {
    -webkit-box-ordinal-group: 4;
    order: 3;
  }
  [flex-order-gt-sm="4"] {
    -webkit-box-ordinal-group: 5;
    order: 4;
  }
  [flex-order-gt-sm="5"] {
    -webkit-box-ordinal-group: 6;
    order: 5;
  }
  [flex-order-gt-sm="6"] {
    -webkit-box-ordinal-group: 7;
    order: 6;
  }
  [flex-order-gt-sm="7"] {
    -webkit-box-ordinal-group: 8;
    order: 7;
  }
  [flex-order-gt-sm="8"] {
    -webkit-box-ordinal-group: 9;
    order: 8;
  }
  [flex-order-gt-sm="9"] {
    -webkit-box-ordinal-group: 10;
    order: 9;
  }
  [flex-order-gt-sm="10"] {
    -webkit-box-ordinal-group: 11;
    order: 10;
  }
  [flex-order-gt-sm="11"] {
    -webkit-box-ordinal-group: 12;
    order: 11;
  }
  [flex-order-gt-sm="12"] {
    -webkit-box-ordinal-group: 13;
    order: 12;
  }
  [flex-order-gt-sm="13"] {
    -webkit-box-ordinal-group: 14;
    order: 13;
  }
  [flex-order-gt-sm="14"] {
    -webkit-box-ordinal-group: 15;
    order: 14;
  }
  [flex-order-gt-sm="15"] {
    -webkit-box-ordinal-group: 16;
    order: 15;
  }
  [flex-order-gt-sm="16"] {
    -webkit-box-ordinal-group: 17;
    order: 16;
  }
  [flex-order-gt-sm="17"] {
    -webkit-box-ordinal-group: 18;
    order: 17;
  }
  [flex-order-gt-sm="18"] {
    -webkit-box-ordinal-group: 19;
    order: 18;
  }
  [flex-order-gt-sm="19"] {
    -webkit-box-ordinal-group: 20;
    order: 19;
  }
  [flex-order-gt-sm="20"] {
    -webkit-box-ordinal-group: 21;
    order: 20;
  }
  [flex-offset-gt-sm="0"] {
    margin-left: 0%;
  }
  [flex-offset-gt-sm="5"] {
    margin-left: 5%;
  }
  [flex-offset-gt-sm="10"] {
    margin-left: 10%;
  }
  [flex-offset-gt-sm="15"] {
    margin-left: 15%;
  }
  [flex-offset-gt-sm="20"] {
    margin-left: 20%;
  }
  [flex-offset-gt-sm="25"] {
    margin-left: 25%;
  }
  [flex-offset-gt-sm="30"] {
    margin-left: 30%;
  }
  [flex-offset-gt-sm="35"] {
    margin-left: 35%;
  }
  [flex-offset-gt-sm="40"] {
    margin-left: 40%;
  }
  [flex-offset-gt-sm="45"] {
    margin-left: 45%;
  }
  [flex-offset-gt-sm="50"] {
    margin-left: 50%;
  }
  [flex-offset-gt-sm="55"] {
    margin-left: 55%;
  }
  [flex-offset-gt-sm="60"] {
    margin-left: 60%;
  }
  [flex-offset-gt-sm="65"] {
    margin-left: 65%;
  }
  [flex-offset-gt-sm="70"] {
    margin-left: 70%;
  }
  [flex-offset-gt-sm="75"] {
    margin-left: 75%;
  }
  [flex-offset-gt-sm="80"] {
    margin-left: 80%;
  }
  [flex-offset-gt-sm="85"] {
    margin-left: 85%;
  }
  [flex-offset-gt-sm="90"] {
    margin-left: 90%;
  }
  [flex-offset-gt-sm="95"] {
    margin-left: 95%;
  }
  [flex-offset-gt-sm="33"] {
    margin-left: calc(100% / 3);
  }
  [flex-offset-gt-sm="66"] {
    margin-left: calc(200% / 3);
  }
  [layout-align-gt-sm],
  [layout-align-gt-sm="start stretch"] {
    -webkit-box-pack: start;
    justify-content: flex-start;
    align-content: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
  }
  [layout-align-gt-sm="start"],
  [layout-align-gt-sm="start start"],
  [layout-align-gt-sm="start center"],
  [layout-align-gt-sm="start end"],
  [layout-align-gt-sm="start stretch"] {
    -webkit-box-pack: start;
    justify-content: flex-start;
  }
  [layout-align-gt-sm="center"],
  [layout-align-gt-sm="center start"],
  [layout-align-gt-sm="center center"],
  [layout-align-gt-sm="center end"],
  [layout-align-gt-sm="center stretch"] {
    -webkit-box-pack: center;
    justify-content: center;
  }
  [layout-align-gt-sm="end"],
  [layout-align-gt-sm="end center"],
  [layout-align-gt-sm="end start"],
  [layout-align-gt-sm="end end"],
  [layout-align-gt-sm="end stretch"] {
    -webkit-box-pack: end;
    justify-content: flex-end;
  }
  [layout-align-gt-sm="space-around"],
  [layout-align-gt-sm="space-around center"],
  [layout-align-gt-sm="space-around start"],
  [layout-align-gt-sm="space-around end"],
  [layout-align-gt-sm="space-around stretch"] {
    justify-content: space-around;
  }
  [layout-align-gt-sm="space-between"],
  [layout-align-gt-sm="space-between center"],
  [layout-align-gt-sm="space-between start"],
  [layout-align-gt-sm="space-between end"],
  [layout-align-gt-sm="space-between stretch"] {
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  [layout-align-gt-sm="start start"],
  [layout-align-gt-sm="center start"],
  [layout-align-gt-sm="end start"],
  [layout-align-gt-sm="space-between start"],
  [layout-align-gt-sm="space-around start"] {
    -webkit-box-align: start;
    align-items: flex-start;
    align-content: flex-start;
  }
  [layout-align-gt-sm="start center"],
  [layout-align-gt-sm="center center"],
  [layout-align-gt-sm="end center"],
  [layout-align-gt-sm="space-between center"],
  [layout-align-gt-sm="space-around center"] {
    -webkit-box-align: center;
    align-items: center;
    align-content: center;
    max-width: 100%;
  }
  [layout-align-gt-sm="start center"] > *,
  [layout-align-gt-sm="center center"] > *,
  [layout-align-gt-sm="end center"] > *,
  [layout-align-gt-sm="space-between center"] > *,
  [layout-align-gt-sm="space-around center"] > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  [layout-align-gt-sm="start end"],
  [layout-align-gt-sm="center end"],
  [layout-align-gt-sm="end end"],
  [layout-align-gt-sm="space-between end"],
  [layout-align-gt-sm="space-around end"] {
    -webkit-box-align: end;
    align-items: flex-end;
    align-content: flex-end;
  }
  [layout-align-gt-sm="start stretch"],
  [layout-align-gt-sm="center stretch"],
  [layout-align-gt-sm="end stretch"],
  [layout-align-gt-sm="space-between stretch"],
  [layout-align-gt-sm="space-around stretch"] {
    -webkit-box-align: stretch;
    align-items: stretch;
    align-content: stretch;
  }
  [flex-gt-sm] {
    -webkit-box-flex: 1;
    flex: 1;
    box-sizing: border-box;
  }
}

@media screen\0  and (min-width: 960px) {
  [flex-gt-sm] {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
  }
}

@media (min-width: 960px) {
  [flex-gt-sm-grow] {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  [flex-gt-sm-initial] {
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  [flex-gt-sm-auto] {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  [flex-gt-sm-none] {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  [flex-gt-sm="0"] {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-sm="0"],
  [layout-gt-sm="row"] > [flex-gt-sm="0"] {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-sm="0"],
  [layout-gt-sm="column"] > [flex-gt-sm="0"] {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  [flex-gt-sm="5"] {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-sm="5"],
  [layout-gt-sm="row"] > [flex-gt-sm="5"] {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-sm="5"],
  [layout-gt-sm="column"] > [flex-gt-sm="5"] {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  [flex-gt-sm="10"] {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-sm="10"],
  [layout-gt-sm="row"] > [flex-gt-sm="10"] {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-sm="10"],
  [layout-gt-sm="column"] > [flex-gt-sm="10"] {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  [flex-gt-sm="15"] {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-sm="15"],
  [layout-gt-sm="row"] > [flex-gt-sm="15"] {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-sm="15"],
  [layout-gt-sm="column"] > [flex-gt-sm="15"] {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  [flex-gt-sm="20"] {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-sm="20"],
  [layout-gt-sm="row"] > [flex-gt-sm="20"] {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-sm="20"],
  [layout-gt-sm="column"] > [flex-gt-sm="20"] {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  [flex-gt-sm="25"] {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-sm="25"],
  [layout-gt-sm="row"] > [flex-gt-sm="25"] {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-sm="25"],
  [layout-gt-sm="column"] > [flex-gt-sm="25"] {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  [flex-gt-sm="30"] {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-sm="30"],
  [layout-gt-sm="row"] > [flex-gt-sm="30"] {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-sm="30"],
  [layout-gt-sm="column"] > [flex-gt-sm="30"] {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  [flex-gt-sm="35"] {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-sm="35"],
  [layout-gt-sm="row"] > [flex-gt-sm="35"] {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-sm="35"],
  [layout-gt-sm="column"] > [flex-gt-sm="35"] {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  [flex-gt-sm="40"] {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-sm="40"],
  [layout-gt-sm="row"] > [flex-gt-sm="40"] {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-sm="40"],
  [layout-gt-sm="column"] > [flex-gt-sm="40"] {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  [flex-gt-sm="45"] {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-sm="45"],
  [layout-gt-sm="row"] > [flex-gt-sm="45"] {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-sm="45"],
  [layout-gt-sm="column"] > [flex-gt-sm="45"] {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  [flex-gt-sm="50"] {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-sm="50"],
  [layout-gt-sm="row"] > [flex-gt-sm="50"] {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-sm="50"],
  [layout-gt-sm="column"] > [flex-gt-sm="50"] {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  [flex-gt-sm="55"] {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-sm="55"],
  [layout-gt-sm="row"] > [flex-gt-sm="55"] {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-sm="55"],
  [layout-gt-sm="column"] > [flex-gt-sm="55"] {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  [flex-gt-sm="60"] {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-sm="60"],
  [layout-gt-sm="row"] > [flex-gt-sm="60"] {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-sm="60"],
  [layout-gt-sm="column"] > [flex-gt-sm="60"] {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  [flex-gt-sm="65"] {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-sm="65"],
  [layout-gt-sm="row"] > [flex-gt-sm="65"] {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-sm="65"],
  [layout-gt-sm="column"] > [flex-gt-sm="65"] {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  [flex-gt-sm="70"] {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-sm="70"],
  [layout-gt-sm="row"] > [flex-gt-sm="70"] {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-sm="70"],
  [layout-gt-sm="column"] > [flex-gt-sm="70"] {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  [flex-gt-sm="75"] {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-sm="75"],
  [layout-gt-sm="row"] > [flex-gt-sm="75"] {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-sm="75"],
  [layout-gt-sm="column"] > [flex-gt-sm="75"] {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  [flex-gt-sm="80"] {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-sm="80"],
  [layout-gt-sm="row"] > [flex-gt-sm="80"] {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-sm="80"],
  [layout-gt-sm="column"] > [flex-gt-sm="80"] {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  [flex-gt-sm="85"] {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-sm="85"],
  [layout-gt-sm="row"] > [flex-gt-sm="85"] {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-sm="85"],
  [layout-gt-sm="column"] > [flex-gt-sm="85"] {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  [flex-gt-sm="90"] {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-sm="90"],
  [layout-gt-sm="row"] > [flex-gt-sm="90"] {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-sm="90"],
  [layout-gt-sm="column"] > [flex-gt-sm="90"] {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  [flex-gt-sm="95"] {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-sm="95"],
  [layout-gt-sm="row"] > [flex-gt-sm="95"] {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-sm="95"],
  [layout-gt-sm="column"] > [flex-gt-sm="95"] {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  [flex-gt-sm="100"] {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-sm="100"],
  [layout-gt-sm="row"] > [flex-gt-sm="100"] {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-sm="100"],
  [layout-gt-sm="column"] > [flex-gt-sm="100"] {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-sm="33"], [layout="row"] > [flex-gt-sm="33"], [layout-gt-sm="row"] > [flex-gt-sm="33"], [layout-gt-sm="row"] > [flex-gt-sm="33"] {
    -webkit-box-flex: 1;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-sm="66"], [layout="row"] > [flex-gt-sm="66"], [layout-gt-sm="row"] > [flex-gt-sm="66"], [layout-gt-sm="row"] > [flex-gt-sm="66"] {
    -webkit-box-flex: 1;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-sm="33"], [layout="column"] > [flex-gt-sm="33"], [layout-gt-sm="column"] > [flex-gt-sm="33"], [layout-gt-sm="column"] > [flex-gt-sm="33"] {
    -webkit-box-flex: 1;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-sm="66"], [layout="column"] > [flex-gt-sm="66"], [layout-gt-sm="column"] > [flex-gt-sm="66"], [layout-gt-sm="column"] > [flex-gt-sm="66"] {
    -webkit-box-flex: 1;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  [layout-gt-sm], [layout-gt-sm="column"], [layout-gt-sm="row"] {
    box-sizing: border-box;
    display: -webkit-box;
    display: flex;
  }
  [layout-gt-sm="column"] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
  [layout-gt-sm="row"] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }
}

@media (min-width: 960px) and (max-width: 1279px) {
  [hide]:not([show-gt-xs]):not([show-gt-sm]):not([show-md]):not([show]), [hide-gt-xs]:not([show-gt-xs]):not([show-gt-sm]):not([show-md]):not([show]), [hide-gt-sm]:not([show-gt-xs]):not([show-gt-sm]):not([show-md]):not([show]) {
    display: none;
  }
  [hide-md]:not([show-md]):not([show]) {
    display: none;
  }
  [flex-order-md="-20"] {
    -webkit-box-ordinal-group: -19;
    order: -20;
  }
  [flex-order-md="-19"] {
    -webkit-box-ordinal-group: -18;
    order: -19;
  }
  [flex-order-md="-18"] {
    -webkit-box-ordinal-group: -17;
    order: -18;
  }
  [flex-order-md="-17"] {
    -webkit-box-ordinal-group: -16;
    order: -17;
  }
  [flex-order-md="-16"] {
    -webkit-box-ordinal-group: -15;
    order: -16;
  }
  [flex-order-md="-15"] {
    -webkit-box-ordinal-group: -14;
    order: -15;
  }
  [flex-order-md="-14"] {
    -webkit-box-ordinal-group: -13;
    order: -14;
  }
  [flex-order-md="-13"] {
    -webkit-box-ordinal-group: -12;
    order: -13;
  }
  [flex-order-md="-12"] {
    -webkit-box-ordinal-group: -11;
    order: -12;
  }
  [flex-order-md="-11"] {
    -webkit-box-ordinal-group: -10;
    order: -11;
  }
  [flex-order-md="-10"] {
    -webkit-box-ordinal-group: -9;
    order: -10;
  }
  [flex-order-md="-9"] {
    -webkit-box-ordinal-group: -8;
    order: -9;
  }
  [flex-order-md="-8"] {
    -webkit-box-ordinal-group: -7;
    order: -8;
  }
  [flex-order-md="-7"] {
    -webkit-box-ordinal-group: -6;
    order: -7;
  }
  [flex-order-md="-6"] {
    -webkit-box-ordinal-group: -5;
    order: -6;
  }
  [flex-order-md="-5"] {
    -webkit-box-ordinal-group: -4;
    order: -5;
  }
  [flex-order-md="-4"] {
    -webkit-box-ordinal-group: -3;
    order: -4;
  }
  [flex-order-md="-3"] {
    -webkit-box-ordinal-group: -2;
    order: -3;
  }
  [flex-order-md="-2"] {
    -webkit-box-ordinal-group: -1;
    order: -2;
  }
  [flex-order-md="-1"] {
    -webkit-box-ordinal-group: 0;
    order: -1;
  }
  [flex-order-md="0"] {
    -webkit-box-ordinal-group: 1;
    order: 0;
  }
  [flex-order-md="1"] {
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
  [flex-order-md="2"] {
    -webkit-box-ordinal-group: 3;
    order: 2;
  }
  [flex-order-md="3"] {
    -webkit-box-ordinal-group: 4;
    order: 3;
  }
  [flex-order-md="4"] {
    -webkit-box-ordinal-group: 5;
    order: 4;
  }
  [flex-order-md="5"] {
    -webkit-box-ordinal-group: 6;
    order: 5;
  }
  [flex-order-md="6"] {
    -webkit-box-ordinal-group: 7;
    order: 6;
  }
  [flex-order-md="7"] {
    -webkit-box-ordinal-group: 8;
    order: 7;
  }
  [flex-order-md="8"] {
    -webkit-box-ordinal-group: 9;
    order: 8;
  }
  [flex-order-md="9"] {
    -webkit-box-ordinal-group: 10;
    order: 9;
  }
  [flex-order-md="10"] {
    -webkit-box-ordinal-group: 11;
    order: 10;
  }
  [flex-order-md="11"] {
    -webkit-box-ordinal-group: 12;
    order: 11;
  }
  [flex-order-md="12"] {
    -webkit-box-ordinal-group: 13;
    order: 12;
  }
  [flex-order-md="13"] {
    -webkit-box-ordinal-group: 14;
    order: 13;
  }
  [flex-order-md="14"] {
    -webkit-box-ordinal-group: 15;
    order: 14;
  }
  [flex-order-md="15"] {
    -webkit-box-ordinal-group: 16;
    order: 15;
  }
  [flex-order-md="16"] {
    -webkit-box-ordinal-group: 17;
    order: 16;
  }
  [flex-order-md="17"] {
    -webkit-box-ordinal-group: 18;
    order: 17;
  }
  [flex-order-md="18"] {
    -webkit-box-ordinal-group: 19;
    order: 18;
  }
  [flex-order-md="19"] {
    -webkit-box-ordinal-group: 20;
    order: 19;
  }
  [flex-order-md="20"] {
    -webkit-box-ordinal-group: 21;
    order: 20;
  }
  [flex-offset-md="0"] {
    margin-left: 0%;
  }
  [flex-offset-md="5"] {
    margin-left: 5%;
  }
  [flex-offset-md="10"] {
    margin-left: 10%;
  }
  [flex-offset-md="15"] {
    margin-left: 15%;
  }
  [flex-offset-md="20"] {
    margin-left: 20%;
  }
  [flex-offset-md="25"] {
    margin-left: 25%;
  }
  [flex-offset-md="30"] {
    margin-left: 30%;
  }
  [flex-offset-md="35"] {
    margin-left: 35%;
  }
  [flex-offset-md="40"] {
    margin-left: 40%;
  }
  [flex-offset-md="45"] {
    margin-left: 45%;
  }
  [flex-offset-md="50"] {
    margin-left: 50%;
  }
  [flex-offset-md="55"] {
    margin-left: 55%;
  }
  [flex-offset-md="60"] {
    margin-left: 60%;
  }
  [flex-offset-md="65"] {
    margin-left: 65%;
  }
  [flex-offset-md="70"] {
    margin-left: 70%;
  }
  [flex-offset-md="75"] {
    margin-left: 75%;
  }
  [flex-offset-md="80"] {
    margin-left: 80%;
  }
  [flex-offset-md="85"] {
    margin-left: 85%;
  }
  [flex-offset-md="90"] {
    margin-left: 90%;
  }
  [flex-offset-md="95"] {
    margin-left: 95%;
  }
  [flex-offset-md="33"] {
    margin-left: calc(100% / 3);
  }
  [flex-offset-md="66"] {
    margin-left: calc(200% / 3);
  }
  [layout-align-md],
  [layout-align-md="start stretch"] {
    -webkit-box-pack: start;
    justify-content: flex-start;
    align-content: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
  }
  [layout-align-md="start"],
  [layout-align-md="start start"],
  [layout-align-md="start center"],
  [layout-align-md="start end"],
  [layout-align-md="start stretch"] {
    -webkit-box-pack: start;
    justify-content: flex-start;
  }
  [layout-align-md="center"],
  [layout-align-md="center start"],
  [layout-align-md="center center"],
  [layout-align-md="center end"],
  [layout-align-md="center stretch"] {
    -webkit-box-pack: center;
    justify-content: center;
  }
  [layout-align-md="end"],
  [layout-align-md="end center"],
  [layout-align-md="end start"],
  [layout-align-md="end end"],
  [layout-align-md="end stretch"] {
    -webkit-box-pack: end;
    justify-content: flex-end;
  }
  [layout-align-md="space-around"],
  [layout-align-md="space-around center"],
  [layout-align-md="space-around start"],
  [layout-align-md="space-around end"],
  [layout-align-md="space-around stretch"] {
    justify-content: space-around;
  }
  [layout-align-md="space-between"],
  [layout-align-md="space-between center"],
  [layout-align-md="space-between start"],
  [layout-align-md="space-between end"],
  [layout-align-md="space-between stretch"] {
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  [layout-align-md="start start"],
  [layout-align-md="center start"],
  [layout-align-md="end start"],
  [layout-align-md="space-between start"],
  [layout-align-md="space-around start"] {
    -webkit-box-align: start;
    align-items: flex-start;
    align-content: flex-start;
  }
  [layout-align-md="start center"],
  [layout-align-md="center center"],
  [layout-align-md="end center"],
  [layout-align-md="space-between center"],
  [layout-align-md="space-around center"] {
    -webkit-box-align: center;
    align-items: center;
    align-content: center;
    max-width: 100%;
  }
  [layout-align-md="start center"] > *,
  [layout-align-md="center center"] > *,
  [layout-align-md="end center"] > *,
  [layout-align-md="space-between center"] > *,
  [layout-align-md="space-around center"] > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  [layout-align-md="start end"],
  [layout-align-md="center end"],
  [layout-align-md="end end"],
  [layout-align-md="space-between end"],
  [layout-align-md="space-around end"] {
    -webkit-box-align: end;
    align-items: flex-end;
    align-content: flex-end;
  }
  [layout-align-md="start stretch"],
  [layout-align-md="center stretch"],
  [layout-align-md="end stretch"],
  [layout-align-md="space-between stretch"],
  [layout-align-md="space-around stretch"] {
    -webkit-box-align: stretch;
    align-items: stretch;
    align-content: stretch;
  }
  [flex-md] {
    -webkit-box-flex: 1;
    flex: 1;
    box-sizing: border-box;
  }
}

@media screen\0  and (min-width: 960px) and (max-width: 1279px) {
  [flex-md] {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
  }
}

@media (min-width: 960px) and (max-width: 1279px) {
  [flex-md-grow] {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  [flex-md-initial] {
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  [flex-md-auto] {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  [flex-md-none] {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  [flex-md="0"] {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-md="0"],
  [layout-md="row"] > [flex-md="0"] {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-md="0"],
  [layout-md="column"] > [flex-md="0"] {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  [flex-md="5"] {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-md="5"],
  [layout-md="row"] > [flex-md="5"] {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-md="5"],
  [layout-md="column"] > [flex-md="5"] {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  [flex-md="10"] {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-md="10"],
  [layout-md="row"] > [flex-md="10"] {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-md="10"],
  [layout-md="column"] > [flex-md="10"] {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  [flex-md="15"] {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-md="15"],
  [layout-md="row"] > [flex-md="15"] {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-md="15"],
  [layout-md="column"] > [flex-md="15"] {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  [flex-md="20"] {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-md="20"],
  [layout-md="row"] > [flex-md="20"] {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-md="20"],
  [layout-md="column"] > [flex-md="20"] {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  [flex-md="25"] {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-md="25"],
  [layout-md="row"] > [flex-md="25"] {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-md="25"],
  [layout-md="column"] > [flex-md="25"] {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  [flex-md="30"] {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-md="30"],
  [layout-md="row"] > [flex-md="30"] {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-md="30"],
  [layout-md="column"] > [flex-md="30"] {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  [flex-md="35"] {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-md="35"],
  [layout-md="row"] > [flex-md="35"] {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-md="35"],
  [layout-md="column"] > [flex-md="35"] {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  [flex-md="40"] {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-md="40"],
  [layout-md="row"] > [flex-md="40"] {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-md="40"],
  [layout-md="column"] > [flex-md="40"] {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  [flex-md="45"] {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-md="45"],
  [layout-md="row"] > [flex-md="45"] {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-md="45"],
  [layout-md="column"] > [flex-md="45"] {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  [flex-md="50"] {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-md="50"],
  [layout-md="row"] > [flex-md="50"] {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-md="50"],
  [layout-md="column"] > [flex-md="50"] {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  [flex-md="55"] {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-md="55"],
  [layout-md="row"] > [flex-md="55"] {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-md="55"],
  [layout-md="column"] > [flex-md="55"] {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  [flex-md="60"] {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-md="60"],
  [layout-md="row"] > [flex-md="60"] {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-md="60"],
  [layout-md="column"] > [flex-md="60"] {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  [flex-md="65"] {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-md="65"],
  [layout-md="row"] > [flex-md="65"] {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-md="65"],
  [layout-md="column"] > [flex-md="65"] {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  [flex-md="70"] {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-md="70"],
  [layout-md="row"] > [flex-md="70"] {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-md="70"],
  [layout-md="column"] > [flex-md="70"] {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  [flex-md="75"] {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-md="75"],
  [layout-md="row"] > [flex-md="75"] {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-md="75"],
  [layout-md="column"] > [flex-md="75"] {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  [flex-md="80"] {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-md="80"],
  [layout-md="row"] > [flex-md="80"] {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-md="80"],
  [layout-md="column"] > [flex-md="80"] {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  [flex-md="85"] {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-md="85"],
  [layout-md="row"] > [flex-md="85"] {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-md="85"],
  [layout-md="column"] > [flex-md="85"] {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  [flex-md="90"] {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-md="90"],
  [layout-md="row"] > [flex-md="90"] {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-md="90"],
  [layout-md="column"] > [flex-md="90"] {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  [flex-md="95"] {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-md="95"],
  [layout-md="row"] > [flex-md="95"] {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-md="95"],
  [layout-md="column"] > [flex-md="95"] {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  [flex-md="100"] {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-md="100"],
  [layout-md="row"] > [flex-md="100"] {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-md="100"],
  [layout-md="column"] > [flex-md="100"] {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-md="33"], [layout="row"] > [flex-md="33"], [layout-md="row"] > [flex-md="33"], [layout-md="row"] > [flex-md="33"] {
    -webkit-box-flex: 1;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-md="66"], [layout="row"] > [flex-md="66"], [layout-md="row"] > [flex-md="66"], [layout-md="row"] > [flex-md="66"] {
    -webkit-box-flex: 1;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-md="33"], [layout="column"] > [flex-md="33"], [layout-md="column"] > [flex-md="33"], [layout-md="column"] > [flex-md="33"] {
    -webkit-box-flex: 1;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-md="66"], [layout="column"] > [flex-md="66"], [layout-md="column"] > [flex-md="66"], [layout-md="column"] > [flex-md="66"] {
    -webkit-box-flex: 1;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  [layout-md], [layout-md="column"], [layout-md="row"] {
    box-sizing: border-box;
    display: -webkit-box;
    display: flex;
  }
  [layout-md="column"] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
  [layout-md="row"] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }
}

@media (min-width: 1280px) {
  [flex-order-gt-md="-20"] {
    -webkit-box-ordinal-group: -19;
    order: -20;
  }
  [flex-order-gt-md="-19"] {
    -webkit-box-ordinal-group: -18;
    order: -19;
  }
  [flex-order-gt-md="-18"] {
    -webkit-box-ordinal-group: -17;
    order: -18;
  }
  [flex-order-gt-md="-17"] {
    -webkit-box-ordinal-group: -16;
    order: -17;
  }
  [flex-order-gt-md="-16"] {
    -webkit-box-ordinal-group: -15;
    order: -16;
  }
  [flex-order-gt-md="-15"] {
    -webkit-box-ordinal-group: -14;
    order: -15;
  }
  [flex-order-gt-md="-14"] {
    -webkit-box-ordinal-group: -13;
    order: -14;
  }
  [flex-order-gt-md="-13"] {
    -webkit-box-ordinal-group: -12;
    order: -13;
  }
  [flex-order-gt-md="-12"] {
    -webkit-box-ordinal-group: -11;
    order: -12;
  }
  [flex-order-gt-md="-11"] {
    -webkit-box-ordinal-group: -10;
    order: -11;
  }
  [flex-order-gt-md="-10"] {
    -webkit-box-ordinal-group: -9;
    order: -10;
  }
  [flex-order-gt-md="-9"] {
    -webkit-box-ordinal-group: -8;
    order: -9;
  }
  [flex-order-gt-md="-8"] {
    -webkit-box-ordinal-group: -7;
    order: -8;
  }
  [flex-order-gt-md="-7"] {
    -webkit-box-ordinal-group: -6;
    order: -7;
  }
  [flex-order-gt-md="-6"] {
    -webkit-box-ordinal-group: -5;
    order: -6;
  }
  [flex-order-gt-md="-5"] {
    -webkit-box-ordinal-group: -4;
    order: -5;
  }
  [flex-order-gt-md="-4"] {
    -webkit-box-ordinal-group: -3;
    order: -4;
  }
  [flex-order-gt-md="-3"] {
    -webkit-box-ordinal-group: -2;
    order: -3;
  }
  [flex-order-gt-md="-2"] {
    -webkit-box-ordinal-group: -1;
    order: -2;
  }
  [flex-order-gt-md="-1"] {
    -webkit-box-ordinal-group: 0;
    order: -1;
  }
  [flex-order-gt-md="0"] {
    -webkit-box-ordinal-group: 1;
    order: 0;
  }
  [flex-order-gt-md="1"] {
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
  [flex-order-gt-md="2"] {
    -webkit-box-ordinal-group: 3;
    order: 2;
  }
  [flex-order-gt-md="3"] {
    -webkit-box-ordinal-group: 4;
    order: 3;
  }
  [flex-order-gt-md="4"] {
    -webkit-box-ordinal-group: 5;
    order: 4;
  }
  [flex-order-gt-md="5"] {
    -webkit-box-ordinal-group: 6;
    order: 5;
  }
  [flex-order-gt-md="6"] {
    -webkit-box-ordinal-group: 7;
    order: 6;
  }
  [flex-order-gt-md="7"] {
    -webkit-box-ordinal-group: 8;
    order: 7;
  }
  [flex-order-gt-md="8"] {
    -webkit-box-ordinal-group: 9;
    order: 8;
  }
  [flex-order-gt-md="9"] {
    -webkit-box-ordinal-group: 10;
    order: 9;
  }
  [flex-order-gt-md="10"] {
    -webkit-box-ordinal-group: 11;
    order: 10;
  }
  [flex-order-gt-md="11"] {
    -webkit-box-ordinal-group: 12;
    order: 11;
  }
  [flex-order-gt-md="12"] {
    -webkit-box-ordinal-group: 13;
    order: 12;
  }
  [flex-order-gt-md="13"] {
    -webkit-box-ordinal-group: 14;
    order: 13;
  }
  [flex-order-gt-md="14"] {
    -webkit-box-ordinal-group: 15;
    order: 14;
  }
  [flex-order-gt-md="15"] {
    -webkit-box-ordinal-group: 16;
    order: 15;
  }
  [flex-order-gt-md="16"] {
    -webkit-box-ordinal-group: 17;
    order: 16;
  }
  [flex-order-gt-md="17"] {
    -webkit-box-ordinal-group: 18;
    order: 17;
  }
  [flex-order-gt-md="18"] {
    -webkit-box-ordinal-group: 19;
    order: 18;
  }
  [flex-order-gt-md="19"] {
    -webkit-box-ordinal-group: 20;
    order: 19;
  }
  [flex-order-gt-md="20"] {
    -webkit-box-ordinal-group: 21;
    order: 20;
  }
  [flex-offset-gt-md="0"] {
    margin-left: 0%;
  }
  [flex-offset-gt-md="5"] {
    margin-left: 5%;
  }
  [flex-offset-gt-md="10"] {
    margin-left: 10%;
  }
  [flex-offset-gt-md="15"] {
    margin-left: 15%;
  }
  [flex-offset-gt-md="20"] {
    margin-left: 20%;
  }
  [flex-offset-gt-md="25"] {
    margin-left: 25%;
  }
  [flex-offset-gt-md="30"] {
    margin-left: 30%;
  }
  [flex-offset-gt-md="35"] {
    margin-left: 35%;
  }
  [flex-offset-gt-md="40"] {
    margin-left: 40%;
  }
  [flex-offset-gt-md="45"] {
    margin-left: 45%;
  }
  [flex-offset-gt-md="50"] {
    margin-left: 50%;
  }
  [flex-offset-gt-md="55"] {
    margin-left: 55%;
  }
  [flex-offset-gt-md="60"] {
    margin-left: 60%;
  }
  [flex-offset-gt-md="65"] {
    margin-left: 65%;
  }
  [flex-offset-gt-md="70"] {
    margin-left: 70%;
  }
  [flex-offset-gt-md="75"] {
    margin-left: 75%;
  }
  [flex-offset-gt-md="80"] {
    margin-left: 80%;
  }
  [flex-offset-gt-md="85"] {
    margin-left: 85%;
  }
  [flex-offset-gt-md="90"] {
    margin-left: 90%;
  }
  [flex-offset-gt-md="95"] {
    margin-left: 95%;
  }
  [flex-offset-gt-md="33"] {
    margin-left: calc(100% / 3);
  }
  [flex-offset-gt-md="66"] {
    margin-left: calc(200% / 3);
  }
  [layout-align-gt-md],
  [layout-align-gt-md="start stretch"] {
    -webkit-box-pack: start;
    justify-content: flex-start;
    align-content: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
  }
  [layout-align-gt-md="start"],
  [layout-align-gt-md="start start"],
  [layout-align-gt-md="start center"],
  [layout-align-gt-md="start end"],
  [layout-align-gt-md="start stretch"] {
    -webkit-box-pack: start;
    justify-content: flex-start;
  }
  [layout-align-gt-md="center"],
  [layout-align-gt-md="center start"],
  [layout-align-gt-md="center center"],
  [layout-align-gt-md="center end"],
  [layout-align-gt-md="center stretch"] {
    -webkit-box-pack: center;
    justify-content: center;
  }
  [layout-align-gt-md="end"],
  [layout-align-gt-md="end center"],
  [layout-align-gt-md="end start"],
  [layout-align-gt-md="end end"],
  [layout-align-gt-md="end stretch"] {
    -webkit-box-pack: end;
    justify-content: flex-end;
  }
  [layout-align-gt-md="space-around"],
  [layout-align-gt-md="space-around center"],
  [layout-align-gt-md="space-around start"],
  [layout-align-gt-md="space-around end"],
  [layout-align-gt-md="space-around stretch"] {
    justify-content: space-around;
  }
  [layout-align-gt-md="space-between"],
  [layout-align-gt-md="space-between center"],
  [layout-align-gt-md="space-between start"],
  [layout-align-gt-md="space-between end"],
  [layout-align-gt-md="space-between stretch"] {
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  [layout-align-gt-md="start start"],
  [layout-align-gt-md="center start"],
  [layout-align-gt-md="end start"],
  [layout-align-gt-md="space-between start"],
  [layout-align-gt-md="space-around start"] {
    -webkit-box-align: start;
    align-items: flex-start;
    align-content: flex-start;
  }
  [layout-align-gt-md="start center"],
  [layout-align-gt-md="center center"],
  [layout-align-gt-md="end center"],
  [layout-align-gt-md="space-between center"],
  [layout-align-gt-md="space-around center"] {
    -webkit-box-align: center;
    align-items: center;
    align-content: center;
    max-width: 100%;
  }
  [layout-align-gt-md="start center"] > *,
  [layout-align-gt-md="center center"] > *,
  [layout-align-gt-md="end center"] > *,
  [layout-align-gt-md="space-between center"] > *,
  [layout-align-gt-md="space-around center"] > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  [layout-align-gt-md="start end"],
  [layout-align-gt-md="center end"],
  [layout-align-gt-md="end end"],
  [layout-align-gt-md="space-between end"],
  [layout-align-gt-md="space-around end"] {
    -webkit-box-align: end;
    align-items: flex-end;
    align-content: flex-end;
  }
  [layout-align-gt-md="start stretch"],
  [layout-align-gt-md="center stretch"],
  [layout-align-gt-md="end stretch"],
  [layout-align-gt-md="space-between stretch"],
  [layout-align-gt-md="space-around stretch"] {
    -webkit-box-align: stretch;
    align-items: stretch;
    align-content: stretch;
  }
  [flex-gt-md] {
    -webkit-box-flex: 1;
    flex: 1;
    box-sizing: border-box;
  }
}

@media screen\0  and (min-width: 1280px) {
  [flex-gt-md] {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
  }
}

@media (min-width: 1280px) {
  [flex-gt-md-grow] {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  [flex-gt-md-initial] {
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  [flex-gt-md-auto] {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  [flex-gt-md-none] {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  [flex-gt-md="0"] {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-md="0"],
  [layout-gt-md="row"] > [flex-gt-md="0"] {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-md="0"],
  [layout-gt-md="column"] > [flex-gt-md="0"] {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  [flex-gt-md="5"] {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-md="5"],
  [layout-gt-md="row"] > [flex-gt-md="5"] {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-md="5"],
  [layout-gt-md="column"] > [flex-gt-md="5"] {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  [flex-gt-md="10"] {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-md="10"],
  [layout-gt-md="row"] > [flex-gt-md="10"] {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-md="10"],
  [layout-gt-md="column"] > [flex-gt-md="10"] {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  [flex-gt-md="15"] {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-md="15"],
  [layout-gt-md="row"] > [flex-gt-md="15"] {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-md="15"],
  [layout-gt-md="column"] > [flex-gt-md="15"] {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  [flex-gt-md="20"] {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-md="20"],
  [layout-gt-md="row"] > [flex-gt-md="20"] {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-md="20"],
  [layout-gt-md="column"] > [flex-gt-md="20"] {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  [flex-gt-md="25"] {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-md="25"],
  [layout-gt-md="row"] > [flex-gt-md="25"] {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-md="25"],
  [layout-gt-md="column"] > [flex-gt-md="25"] {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  [flex-gt-md="30"] {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-md="30"],
  [layout-gt-md="row"] > [flex-gt-md="30"] {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-md="30"],
  [layout-gt-md="column"] > [flex-gt-md="30"] {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  [flex-gt-md="35"] {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-md="35"],
  [layout-gt-md="row"] > [flex-gt-md="35"] {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-md="35"],
  [layout-gt-md="column"] > [flex-gt-md="35"] {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  [flex-gt-md="40"] {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-md="40"],
  [layout-gt-md="row"] > [flex-gt-md="40"] {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-md="40"],
  [layout-gt-md="column"] > [flex-gt-md="40"] {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  [flex-gt-md="45"] {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-md="45"],
  [layout-gt-md="row"] > [flex-gt-md="45"] {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-md="45"],
  [layout-gt-md="column"] > [flex-gt-md="45"] {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  [flex-gt-md="50"] {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-md="50"],
  [layout-gt-md="row"] > [flex-gt-md="50"] {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-md="50"],
  [layout-gt-md="column"] > [flex-gt-md="50"] {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  [flex-gt-md="55"] {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-md="55"],
  [layout-gt-md="row"] > [flex-gt-md="55"] {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-md="55"],
  [layout-gt-md="column"] > [flex-gt-md="55"] {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  [flex-gt-md="60"] {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-md="60"],
  [layout-gt-md="row"] > [flex-gt-md="60"] {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-md="60"],
  [layout-gt-md="column"] > [flex-gt-md="60"] {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  [flex-gt-md="65"] {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-md="65"],
  [layout-gt-md="row"] > [flex-gt-md="65"] {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-md="65"],
  [layout-gt-md="column"] > [flex-gt-md="65"] {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  [flex-gt-md="70"] {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-md="70"],
  [layout-gt-md="row"] > [flex-gt-md="70"] {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-md="70"],
  [layout-gt-md="column"] > [flex-gt-md="70"] {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  [flex-gt-md="75"] {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-md="75"],
  [layout-gt-md="row"] > [flex-gt-md="75"] {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-md="75"],
  [layout-gt-md="column"] > [flex-gt-md="75"] {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  [flex-gt-md="80"] {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-md="80"],
  [layout-gt-md="row"] > [flex-gt-md="80"] {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-md="80"],
  [layout-gt-md="column"] > [flex-gt-md="80"] {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  [flex-gt-md="85"] {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-md="85"],
  [layout-gt-md="row"] > [flex-gt-md="85"] {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-md="85"],
  [layout-gt-md="column"] > [flex-gt-md="85"] {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  [flex-gt-md="90"] {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-md="90"],
  [layout-gt-md="row"] > [flex-gt-md="90"] {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-md="90"],
  [layout-gt-md="column"] > [flex-gt-md="90"] {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  [flex-gt-md="95"] {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-md="95"],
  [layout-gt-md="row"] > [flex-gt-md="95"] {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-md="95"],
  [layout-gt-md="column"] > [flex-gt-md="95"] {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  [flex-gt-md="100"] {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-md="100"],
  [layout-gt-md="row"] > [flex-gt-md="100"] {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-md="100"],
  [layout-gt-md="column"] > [flex-gt-md="100"] {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-md="33"], [layout="row"] > [flex-gt-md="33"], [layout-gt-md="row"] > [flex-gt-md="33"], [layout-gt-md="row"] > [flex-gt-md="33"] {
    -webkit-box-flex: 1;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-md="66"], [layout="row"] > [flex-gt-md="66"], [layout-gt-md="row"] > [flex-gt-md="66"], [layout-gt-md="row"] > [flex-gt-md="66"] {
    -webkit-box-flex: 1;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-md="33"], [layout="column"] > [flex-gt-md="33"], [layout-gt-md="column"] > [flex-gt-md="33"], [layout-gt-md="column"] > [flex-gt-md="33"] {
    -webkit-box-flex: 1;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-md="66"], [layout="column"] > [flex-gt-md="66"], [layout-gt-md="column"] > [flex-gt-md="66"], [layout-gt-md="column"] > [flex-gt-md="66"] {
    -webkit-box-flex: 1;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  [layout-gt-md], [layout-gt-md="column"], [layout-gt-md="row"] {
    box-sizing: border-box;
    display: -webkit-box;
    display: flex;
  }
  [layout-gt-md="column"] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
  [layout-gt-md="row"] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }
}

@media (min-width: 1280px) and (max-width: 1919px) {
  [hide]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-lg]):not([show]), [hide-gt-xs]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-lg]):not([show]), [hide-gt-sm]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-lg]):not([show]), [hide-gt-md]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-lg]):not([show]) {
    display: none;
  }
  [hide-lg]:not([show-lg]):not([show]) {
    display: none;
  }
  [flex-order-lg="-20"] {
    -webkit-box-ordinal-group: -19;
    order: -20;
  }
  [flex-order-lg="-19"] {
    -webkit-box-ordinal-group: -18;
    order: -19;
  }
  [flex-order-lg="-18"] {
    -webkit-box-ordinal-group: -17;
    order: -18;
  }
  [flex-order-lg="-17"] {
    -webkit-box-ordinal-group: -16;
    order: -17;
  }
  [flex-order-lg="-16"] {
    -webkit-box-ordinal-group: -15;
    order: -16;
  }
  [flex-order-lg="-15"] {
    -webkit-box-ordinal-group: -14;
    order: -15;
  }
  [flex-order-lg="-14"] {
    -webkit-box-ordinal-group: -13;
    order: -14;
  }
  [flex-order-lg="-13"] {
    -webkit-box-ordinal-group: -12;
    order: -13;
  }
  [flex-order-lg="-12"] {
    -webkit-box-ordinal-group: -11;
    order: -12;
  }
  [flex-order-lg="-11"] {
    -webkit-box-ordinal-group: -10;
    order: -11;
  }
  [flex-order-lg="-10"] {
    -webkit-box-ordinal-group: -9;
    order: -10;
  }
  [flex-order-lg="-9"] {
    -webkit-box-ordinal-group: -8;
    order: -9;
  }
  [flex-order-lg="-8"] {
    -webkit-box-ordinal-group: -7;
    order: -8;
  }
  [flex-order-lg="-7"] {
    -webkit-box-ordinal-group: -6;
    order: -7;
  }
  [flex-order-lg="-6"] {
    -webkit-box-ordinal-group: -5;
    order: -6;
  }
  [flex-order-lg="-5"] {
    -webkit-box-ordinal-group: -4;
    order: -5;
  }
  [flex-order-lg="-4"] {
    -webkit-box-ordinal-group: -3;
    order: -4;
  }
  [flex-order-lg="-3"] {
    -webkit-box-ordinal-group: -2;
    order: -3;
  }
  [flex-order-lg="-2"] {
    -webkit-box-ordinal-group: -1;
    order: -2;
  }
  [flex-order-lg="-1"] {
    -webkit-box-ordinal-group: 0;
    order: -1;
  }
  [flex-order-lg="0"] {
    -webkit-box-ordinal-group: 1;
    order: 0;
  }
  [flex-order-lg="1"] {
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
  [flex-order-lg="2"] {
    -webkit-box-ordinal-group: 3;
    order: 2;
  }
  [flex-order-lg="3"] {
    -webkit-box-ordinal-group: 4;
    order: 3;
  }
  [flex-order-lg="4"] {
    -webkit-box-ordinal-group: 5;
    order: 4;
  }
  [flex-order-lg="5"] {
    -webkit-box-ordinal-group: 6;
    order: 5;
  }
  [flex-order-lg="6"] {
    -webkit-box-ordinal-group: 7;
    order: 6;
  }
  [flex-order-lg="7"] {
    -webkit-box-ordinal-group: 8;
    order: 7;
  }
  [flex-order-lg="8"] {
    -webkit-box-ordinal-group: 9;
    order: 8;
  }
  [flex-order-lg="9"] {
    -webkit-box-ordinal-group: 10;
    order: 9;
  }
  [flex-order-lg="10"] {
    -webkit-box-ordinal-group: 11;
    order: 10;
  }
  [flex-order-lg="11"] {
    -webkit-box-ordinal-group: 12;
    order: 11;
  }
  [flex-order-lg="12"] {
    -webkit-box-ordinal-group: 13;
    order: 12;
  }
  [flex-order-lg="13"] {
    -webkit-box-ordinal-group: 14;
    order: 13;
  }
  [flex-order-lg="14"] {
    -webkit-box-ordinal-group: 15;
    order: 14;
  }
  [flex-order-lg="15"] {
    -webkit-box-ordinal-group: 16;
    order: 15;
  }
  [flex-order-lg="16"] {
    -webkit-box-ordinal-group: 17;
    order: 16;
  }
  [flex-order-lg="17"] {
    -webkit-box-ordinal-group: 18;
    order: 17;
  }
  [flex-order-lg="18"] {
    -webkit-box-ordinal-group: 19;
    order: 18;
  }
  [flex-order-lg="19"] {
    -webkit-box-ordinal-group: 20;
    order: 19;
  }
  [flex-order-lg="20"] {
    -webkit-box-ordinal-group: 21;
    order: 20;
  }
  [flex-offset-lg="0"] {
    margin-left: 0%;
  }
  [flex-offset-lg="5"] {
    margin-left: 5%;
  }
  [flex-offset-lg="10"] {
    margin-left: 10%;
  }
  [flex-offset-lg="15"] {
    margin-left: 15%;
  }
  [flex-offset-lg="20"] {
    margin-left: 20%;
  }
  [flex-offset-lg="25"] {
    margin-left: 25%;
  }
  [flex-offset-lg="30"] {
    margin-left: 30%;
  }
  [flex-offset-lg="35"] {
    margin-left: 35%;
  }
  [flex-offset-lg="40"] {
    margin-left: 40%;
  }
  [flex-offset-lg="45"] {
    margin-left: 45%;
  }
  [flex-offset-lg="50"] {
    margin-left: 50%;
  }
  [flex-offset-lg="55"] {
    margin-left: 55%;
  }
  [flex-offset-lg="60"] {
    margin-left: 60%;
  }
  [flex-offset-lg="65"] {
    margin-left: 65%;
  }
  [flex-offset-lg="70"] {
    margin-left: 70%;
  }
  [flex-offset-lg="75"] {
    margin-left: 75%;
  }
  [flex-offset-lg="80"] {
    margin-left: 80%;
  }
  [flex-offset-lg="85"] {
    margin-left: 85%;
  }
  [flex-offset-lg="90"] {
    margin-left: 90%;
  }
  [flex-offset-lg="95"] {
    margin-left: 95%;
  }
  [flex-offset-lg="33"] {
    margin-left: calc(100% / 3);
  }
  [flex-offset-lg="66"] {
    margin-left: calc(200% / 3);
  }
  [layout-align-lg],
  [layout-align-lg="start stretch"] {
    -webkit-box-pack: start;
    justify-content: flex-start;
    align-content: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
  }
  [layout-align-lg="start"],
  [layout-align-lg="start start"],
  [layout-align-lg="start center"],
  [layout-align-lg="start end"],
  [layout-align-lg="start stretch"] {
    -webkit-box-pack: start;
    justify-content: flex-start;
  }
  [layout-align-lg="center"],
  [layout-align-lg="center start"],
  [layout-align-lg="center center"],
  [layout-align-lg="center end"],
  [layout-align-lg="center stretch"] {
    -webkit-box-pack: center;
    justify-content: center;
  }
  [layout-align-lg="end"],
  [layout-align-lg="end center"],
  [layout-align-lg="end start"],
  [layout-align-lg="end end"],
  [layout-align-lg="end stretch"] {
    -webkit-box-pack: end;
    justify-content: flex-end;
  }
  [layout-align-lg="space-around"],
  [layout-align-lg="space-around center"],
  [layout-align-lg="space-around start"],
  [layout-align-lg="space-around end"],
  [layout-align-lg="space-around stretch"] {
    justify-content: space-around;
  }
  [layout-align-lg="space-between"],
  [layout-align-lg="space-between center"],
  [layout-align-lg="space-between start"],
  [layout-align-lg="space-between end"],
  [layout-align-lg="space-between stretch"] {
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  [layout-align-lg="start start"],
  [layout-align-lg="center start"],
  [layout-align-lg="end start"],
  [layout-align-lg="space-between start"],
  [layout-align-lg="space-around start"] {
    -webkit-box-align: start;
    align-items: flex-start;
    align-content: flex-start;
  }
  [layout-align-lg="start center"],
  [layout-align-lg="center center"],
  [layout-align-lg="end center"],
  [layout-align-lg="space-between center"],
  [layout-align-lg="space-around center"] {
    -webkit-box-align: center;
    align-items: center;
    align-content: center;
    max-width: 100%;
  }
  [layout-align-lg="start center"] > *,
  [layout-align-lg="center center"] > *,
  [layout-align-lg="end center"] > *,
  [layout-align-lg="space-between center"] > *,
  [layout-align-lg="space-around center"] > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  [layout-align-lg="start end"],
  [layout-align-lg="center end"],
  [layout-align-lg="end end"],
  [layout-align-lg="space-between end"],
  [layout-align-lg="space-around end"] {
    -webkit-box-align: end;
    align-items: flex-end;
    align-content: flex-end;
  }
  [layout-align-lg="start stretch"],
  [layout-align-lg="center stretch"],
  [layout-align-lg="end stretch"],
  [layout-align-lg="space-between stretch"],
  [layout-align-lg="space-around stretch"] {
    -webkit-box-align: stretch;
    align-items: stretch;
    align-content: stretch;
  }
  [flex-lg] {
    -webkit-box-flex: 1;
    flex: 1;
    box-sizing: border-box;
  }
}

@media screen\0  and (min-width: 1280px) and (max-width: 1919px) {
  [flex-lg] {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
  }
}

@media (min-width: 1280px) and (max-width: 1919px) {
  [flex-lg-grow] {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  [flex-lg-initial] {
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  [flex-lg-auto] {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  [flex-lg-none] {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  [flex-lg="0"] {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-lg="0"],
  [layout-lg="row"] > [flex-lg="0"] {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-lg="0"],
  [layout-lg="column"] > [flex-lg="0"] {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  [flex-lg="5"] {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-lg="5"],
  [layout-lg="row"] > [flex-lg="5"] {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-lg="5"],
  [layout-lg="column"] > [flex-lg="5"] {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  [flex-lg="10"] {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-lg="10"],
  [layout-lg="row"] > [flex-lg="10"] {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-lg="10"],
  [layout-lg="column"] > [flex-lg="10"] {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  [flex-lg="15"] {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-lg="15"],
  [layout-lg="row"] > [flex-lg="15"] {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-lg="15"],
  [layout-lg="column"] > [flex-lg="15"] {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  [flex-lg="20"] {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-lg="20"],
  [layout-lg="row"] > [flex-lg="20"] {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-lg="20"],
  [layout-lg="column"] > [flex-lg="20"] {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  [flex-lg="25"] {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-lg="25"],
  [layout-lg="row"] > [flex-lg="25"] {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-lg="25"],
  [layout-lg="column"] > [flex-lg="25"] {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  [flex-lg="30"] {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-lg="30"],
  [layout-lg="row"] > [flex-lg="30"] {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-lg="30"],
  [layout-lg="column"] > [flex-lg="30"] {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  [flex-lg="35"] {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-lg="35"],
  [layout-lg="row"] > [flex-lg="35"] {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-lg="35"],
  [layout-lg="column"] > [flex-lg="35"] {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  [flex-lg="40"] {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-lg="40"],
  [layout-lg="row"] > [flex-lg="40"] {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-lg="40"],
  [layout-lg="column"] > [flex-lg="40"] {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  [flex-lg="45"] {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-lg="45"],
  [layout-lg="row"] > [flex-lg="45"] {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-lg="45"],
  [layout-lg="column"] > [flex-lg="45"] {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  [flex-lg="50"] {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-lg="50"],
  [layout-lg="row"] > [flex-lg="50"] {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-lg="50"],
  [layout-lg="column"] > [flex-lg="50"] {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  [flex-lg="55"] {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-lg="55"],
  [layout-lg="row"] > [flex-lg="55"] {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-lg="55"],
  [layout-lg="column"] > [flex-lg="55"] {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  [flex-lg="60"] {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-lg="60"],
  [layout-lg="row"] > [flex-lg="60"] {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-lg="60"],
  [layout-lg="column"] > [flex-lg="60"] {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  [flex-lg="65"] {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-lg="65"],
  [layout-lg="row"] > [flex-lg="65"] {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-lg="65"],
  [layout-lg="column"] > [flex-lg="65"] {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  [flex-lg="70"] {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-lg="70"],
  [layout-lg="row"] > [flex-lg="70"] {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-lg="70"],
  [layout-lg="column"] > [flex-lg="70"] {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  [flex-lg="75"] {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-lg="75"],
  [layout-lg="row"] > [flex-lg="75"] {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-lg="75"],
  [layout-lg="column"] > [flex-lg="75"] {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  [flex-lg="80"] {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-lg="80"],
  [layout-lg="row"] > [flex-lg="80"] {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-lg="80"],
  [layout-lg="column"] > [flex-lg="80"] {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  [flex-lg="85"] {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-lg="85"],
  [layout-lg="row"] > [flex-lg="85"] {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-lg="85"],
  [layout-lg="column"] > [flex-lg="85"] {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  [flex-lg="90"] {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-lg="90"],
  [layout-lg="row"] > [flex-lg="90"] {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-lg="90"],
  [layout-lg="column"] > [flex-lg="90"] {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  [flex-lg="95"] {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-lg="95"],
  [layout-lg="row"] > [flex-lg="95"] {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-lg="95"],
  [layout-lg="column"] > [flex-lg="95"] {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  [flex-lg="100"] {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-lg="100"],
  [layout-lg="row"] > [flex-lg="100"] {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-lg="100"],
  [layout-lg="column"] > [flex-lg="100"] {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-lg="33"], [layout="row"] > [flex-lg="33"], [layout-lg="row"] > [flex-lg="33"], [layout-lg="row"] > [flex-lg="33"] {
    -webkit-box-flex: 1;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-lg="66"], [layout="row"] > [flex-lg="66"], [layout-lg="row"] > [flex-lg="66"], [layout-lg="row"] > [flex-lg="66"] {
    -webkit-box-flex: 1;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-lg="33"], [layout="column"] > [flex-lg="33"], [layout-lg="column"] > [flex-lg="33"], [layout-lg="column"] > [flex-lg="33"] {
    -webkit-box-flex: 1;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-lg="66"], [layout="column"] > [flex-lg="66"], [layout-lg="column"] > [flex-lg="66"], [layout-lg="column"] > [flex-lg="66"] {
    -webkit-box-flex: 1;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  [layout-lg], [layout-lg="column"], [layout-lg="row"] {
    box-sizing: border-box;
    display: -webkit-box;
    display: flex;
  }
  [layout-lg="column"] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
  [layout-lg="row"] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }
}

@media (min-width: 1920px) {
  [flex-order-gt-lg="-20"] {
    -webkit-box-ordinal-group: -19;
    order: -20;
  }
  [flex-order-gt-lg="-19"] {
    -webkit-box-ordinal-group: -18;
    order: -19;
  }
  [flex-order-gt-lg="-18"] {
    -webkit-box-ordinal-group: -17;
    order: -18;
  }
  [flex-order-gt-lg="-17"] {
    -webkit-box-ordinal-group: -16;
    order: -17;
  }
  [flex-order-gt-lg="-16"] {
    -webkit-box-ordinal-group: -15;
    order: -16;
  }
  [flex-order-gt-lg="-15"] {
    -webkit-box-ordinal-group: -14;
    order: -15;
  }
  [flex-order-gt-lg="-14"] {
    -webkit-box-ordinal-group: -13;
    order: -14;
  }
  [flex-order-gt-lg="-13"] {
    -webkit-box-ordinal-group: -12;
    order: -13;
  }
  [flex-order-gt-lg="-12"] {
    -webkit-box-ordinal-group: -11;
    order: -12;
  }
  [flex-order-gt-lg="-11"] {
    -webkit-box-ordinal-group: -10;
    order: -11;
  }
  [flex-order-gt-lg="-10"] {
    -webkit-box-ordinal-group: -9;
    order: -10;
  }
  [flex-order-gt-lg="-9"] {
    -webkit-box-ordinal-group: -8;
    order: -9;
  }
  [flex-order-gt-lg="-8"] {
    -webkit-box-ordinal-group: -7;
    order: -8;
  }
  [flex-order-gt-lg="-7"] {
    -webkit-box-ordinal-group: -6;
    order: -7;
  }
  [flex-order-gt-lg="-6"] {
    -webkit-box-ordinal-group: -5;
    order: -6;
  }
  [flex-order-gt-lg="-5"] {
    -webkit-box-ordinal-group: -4;
    order: -5;
  }
  [flex-order-gt-lg="-4"] {
    -webkit-box-ordinal-group: -3;
    order: -4;
  }
  [flex-order-gt-lg="-3"] {
    -webkit-box-ordinal-group: -2;
    order: -3;
  }
  [flex-order-gt-lg="-2"] {
    -webkit-box-ordinal-group: -1;
    order: -2;
  }
  [flex-order-gt-lg="-1"] {
    -webkit-box-ordinal-group: 0;
    order: -1;
  }
  [flex-order-gt-lg="0"] {
    -webkit-box-ordinal-group: 1;
    order: 0;
  }
  [flex-order-gt-lg="1"] {
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
  [flex-order-gt-lg="2"] {
    -webkit-box-ordinal-group: 3;
    order: 2;
  }
  [flex-order-gt-lg="3"] {
    -webkit-box-ordinal-group: 4;
    order: 3;
  }
  [flex-order-gt-lg="4"] {
    -webkit-box-ordinal-group: 5;
    order: 4;
  }
  [flex-order-gt-lg="5"] {
    -webkit-box-ordinal-group: 6;
    order: 5;
  }
  [flex-order-gt-lg="6"] {
    -webkit-box-ordinal-group: 7;
    order: 6;
  }
  [flex-order-gt-lg="7"] {
    -webkit-box-ordinal-group: 8;
    order: 7;
  }
  [flex-order-gt-lg="8"] {
    -webkit-box-ordinal-group: 9;
    order: 8;
  }
  [flex-order-gt-lg="9"] {
    -webkit-box-ordinal-group: 10;
    order: 9;
  }
  [flex-order-gt-lg="10"] {
    -webkit-box-ordinal-group: 11;
    order: 10;
  }
  [flex-order-gt-lg="11"] {
    -webkit-box-ordinal-group: 12;
    order: 11;
  }
  [flex-order-gt-lg="12"] {
    -webkit-box-ordinal-group: 13;
    order: 12;
  }
  [flex-order-gt-lg="13"] {
    -webkit-box-ordinal-group: 14;
    order: 13;
  }
  [flex-order-gt-lg="14"] {
    -webkit-box-ordinal-group: 15;
    order: 14;
  }
  [flex-order-gt-lg="15"] {
    -webkit-box-ordinal-group: 16;
    order: 15;
  }
  [flex-order-gt-lg="16"] {
    -webkit-box-ordinal-group: 17;
    order: 16;
  }
  [flex-order-gt-lg="17"] {
    -webkit-box-ordinal-group: 18;
    order: 17;
  }
  [flex-order-gt-lg="18"] {
    -webkit-box-ordinal-group: 19;
    order: 18;
  }
  [flex-order-gt-lg="19"] {
    -webkit-box-ordinal-group: 20;
    order: 19;
  }
  [flex-order-gt-lg="20"] {
    -webkit-box-ordinal-group: 21;
    order: 20;
  }
  [flex-offset-gt-lg="0"] {
    margin-left: 0%;
  }
  [flex-offset-gt-lg="5"] {
    margin-left: 5%;
  }
  [flex-offset-gt-lg="10"] {
    margin-left: 10%;
  }
  [flex-offset-gt-lg="15"] {
    margin-left: 15%;
  }
  [flex-offset-gt-lg="20"] {
    margin-left: 20%;
  }
  [flex-offset-gt-lg="25"] {
    margin-left: 25%;
  }
  [flex-offset-gt-lg="30"] {
    margin-left: 30%;
  }
  [flex-offset-gt-lg="35"] {
    margin-left: 35%;
  }
  [flex-offset-gt-lg="40"] {
    margin-left: 40%;
  }
  [flex-offset-gt-lg="45"] {
    margin-left: 45%;
  }
  [flex-offset-gt-lg="50"] {
    margin-left: 50%;
  }
  [flex-offset-gt-lg="55"] {
    margin-left: 55%;
  }
  [flex-offset-gt-lg="60"] {
    margin-left: 60%;
  }
  [flex-offset-gt-lg="65"] {
    margin-left: 65%;
  }
  [flex-offset-gt-lg="70"] {
    margin-left: 70%;
  }
  [flex-offset-gt-lg="75"] {
    margin-left: 75%;
  }
  [flex-offset-gt-lg="80"] {
    margin-left: 80%;
  }
  [flex-offset-gt-lg="85"] {
    margin-left: 85%;
  }
  [flex-offset-gt-lg="90"] {
    margin-left: 90%;
  }
  [flex-offset-gt-lg="95"] {
    margin-left: 95%;
  }
  [flex-offset-gt-lg="33"] {
    margin-left: calc(100% / 3);
  }
  [flex-offset-gt-lg="66"] {
    margin-left: calc(200% / 3);
  }
  [layout-align-gt-lg],
  [layout-align-gt-lg="start stretch"] {
    -webkit-box-pack: start;
    justify-content: flex-start;
    align-content: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
  }
  [layout-align-gt-lg="start"],
  [layout-align-gt-lg="start start"],
  [layout-align-gt-lg="start center"],
  [layout-align-gt-lg="start end"],
  [layout-align-gt-lg="start stretch"] {
    -webkit-box-pack: start;
    justify-content: flex-start;
  }
  [layout-align-gt-lg="center"],
  [layout-align-gt-lg="center start"],
  [layout-align-gt-lg="center center"],
  [layout-align-gt-lg="center end"],
  [layout-align-gt-lg="center stretch"] {
    -webkit-box-pack: center;
    justify-content: center;
  }
  [layout-align-gt-lg="end"],
  [layout-align-gt-lg="end center"],
  [layout-align-gt-lg="end start"],
  [layout-align-gt-lg="end end"],
  [layout-align-gt-lg="end stretch"] {
    -webkit-box-pack: end;
    justify-content: flex-end;
  }
  [layout-align-gt-lg="space-around"],
  [layout-align-gt-lg="space-around center"],
  [layout-align-gt-lg="space-around start"],
  [layout-align-gt-lg="space-around end"],
  [layout-align-gt-lg="space-around stretch"] {
    justify-content: space-around;
  }
  [layout-align-gt-lg="space-between"],
  [layout-align-gt-lg="space-between center"],
  [layout-align-gt-lg="space-between start"],
  [layout-align-gt-lg="space-between end"],
  [layout-align-gt-lg="space-between stretch"] {
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  [layout-align-gt-lg="start start"],
  [layout-align-gt-lg="center start"],
  [layout-align-gt-lg="end start"],
  [layout-align-gt-lg="space-between start"],
  [layout-align-gt-lg="space-around start"] {
    -webkit-box-align: start;
    align-items: flex-start;
    align-content: flex-start;
  }
  [layout-align-gt-lg="start center"],
  [layout-align-gt-lg="center center"],
  [layout-align-gt-lg="end center"],
  [layout-align-gt-lg="space-between center"],
  [layout-align-gt-lg="space-around center"] {
    -webkit-box-align: center;
    align-items: center;
    align-content: center;
    max-width: 100%;
  }
  [layout-align-gt-lg="start center"] > *,
  [layout-align-gt-lg="center center"] > *,
  [layout-align-gt-lg="end center"] > *,
  [layout-align-gt-lg="space-between center"] > *,
  [layout-align-gt-lg="space-around center"] > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  [layout-align-gt-lg="start end"],
  [layout-align-gt-lg="center end"],
  [layout-align-gt-lg="end end"],
  [layout-align-gt-lg="space-between end"],
  [layout-align-gt-lg="space-around end"] {
    -webkit-box-align: end;
    align-items: flex-end;
    align-content: flex-end;
  }
  [layout-align-gt-lg="start stretch"],
  [layout-align-gt-lg="center stretch"],
  [layout-align-gt-lg="end stretch"],
  [layout-align-gt-lg="space-between stretch"],
  [layout-align-gt-lg="space-around stretch"] {
    -webkit-box-align: stretch;
    align-items: stretch;
    align-content: stretch;
  }
  [flex-gt-lg] {
    -webkit-box-flex: 1;
    flex: 1;
    box-sizing: border-box;
  }
}

@media screen\0  and (min-width: 1920px) {
  [flex-gt-lg] {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
  }
}

@media (min-width: 1920px) {
  [flex-gt-lg-grow] {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  [flex-gt-lg-initial] {
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  [flex-gt-lg-auto] {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  [flex-gt-lg-none] {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  [flex-gt-lg="0"] {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-lg="0"],
  [layout-gt-lg="row"] > [flex-gt-lg="0"] {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-lg="0"],
  [layout-gt-lg="column"] > [flex-gt-lg="0"] {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  [flex-gt-lg="5"] {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-lg="5"],
  [layout-gt-lg="row"] > [flex-gt-lg="5"] {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-lg="5"],
  [layout-gt-lg="column"] > [flex-gt-lg="5"] {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  [flex-gt-lg="10"] {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-lg="10"],
  [layout-gt-lg="row"] > [flex-gt-lg="10"] {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-lg="10"],
  [layout-gt-lg="column"] > [flex-gt-lg="10"] {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  [flex-gt-lg="15"] {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-lg="15"],
  [layout-gt-lg="row"] > [flex-gt-lg="15"] {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-lg="15"],
  [layout-gt-lg="column"] > [flex-gt-lg="15"] {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  [flex-gt-lg="20"] {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-lg="20"],
  [layout-gt-lg="row"] > [flex-gt-lg="20"] {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-lg="20"],
  [layout-gt-lg="column"] > [flex-gt-lg="20"] {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  [flex-gt-lg="25"] {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-lg="25"],
  [layout-gt-lg="row"] > [flex-gt-lg="25"] {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-lg="25"],
  [layout-gt-lg="column"] > [flex-gt-lg="25"] {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  [flex-gt-lg="30"] {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-lg="30"],
  [layout-gt-lg="row"] > [flex-gt-lg="30"] {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-lg="30"],
  [layout-gt-lg="column"] > [flex-gt-lg="30"] {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  [flex-gt-lg="35"] {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-lg="35"],
  [layout-gt-lg="row"] > [flex-gt-lg="35"] {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-lg="35"],
  [layout-gt-lg="column"] > [flex-gt-lg="35"] {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  [flex-gt-lg="40"] {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-lg="40"],
  [layout-gt-lg="row"] > [flex-gt-lg="40"] {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-lg="40"],
  [layout-gt-lg="column"] > [flex-gt-lg="40"] {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  [flex-gt-lg="45"] {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-lg="45"],
  [layout-gt-lg="row"] > [flex-gt-lg="45"] {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-lg="45"],
  [layout-gt-lg="column"] > [flex-gt-lg="45"] {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  [flex-gt-lg="50"] {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-lg="50"],
  [layout-gt-lg="row"] > [flex-gt-lg="50"] {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-lg="50"],
  [layout-gt-lg="column"] > [flex-gt-lg="50"] {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  [flex-gt-lg="55"] {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-lg="55"],
  [layout-gt-lg="row"] > [flex-gt-lg="55"] {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-lg="55"],
  [layout-gt-lg="column"] > [flex-gt-lg="55"] {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  [flex-gt-lg="60"] {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-lg="60"],
  [layout-gt-lg="row"] > [flex-gt-lg="60"] {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-lg="60"],
  [layout-gt-lg="column"] > [flex-gt-lg="60"] {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  [flex-gt-lg="65"] {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-lg="65"],
  [layout-gt-lg="row"] > [flex-gt-lg="65"] {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-lg="65"],
  [layout-gt-lg="column"] > [flex-gt-lg="65"] {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  [flex-gt-lg="70"] {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-lg="70"],
  [layout-gt-lg="row"] > [flex-gt-lg="70"] {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-lg="70"],
  [layout-gt-lg="column"] > [flex-gt-lg="70"] {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  [flex-gt-lg="75"] {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-lg="75"],
  [layout-gt-lg="row"] > [flex-gt-lg="75"] {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-lg="75"],
  [layout-gt-lg="column"] > [flex-gt-lg="75"] {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  [flex-gt-lg="80"] {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-lg="80"],
  [layout-gt-lg="row"] > [flex-gt-lg="80"] {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-lg="80"],
  [layout-gt-lg="column"] > [flex-gt-lg="80"] {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  [flex-gt-lg="85"] {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-lg="85"],
  [layout-gt-lg="row"] > [flex-gt-lg="85"] {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-lg="85"],
  [layout-gt-lg="column"] > [flex-gt-lg="85"] {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  [flex-gt-lg="90"] {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-lg="90"],
  [layout-gt-lg="row"] > [flex-gt-lg="90"] {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-lg="90"],
  [layout-gt-lg="column"] > [flex-gt-lg="90"] {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  [flex-gt-lg="95"] {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-lg="95"],
  [layout-gt-lg="row"] > [flex-gt-lg="95"] {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-lg="95"],
  [layout-gt-lg="column"] > [flex-gt-lg="95"] {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  [flex-gt-lg="100"] {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-lg="100"],
  [layout-gt-lg="row"] > [flex-gt-lg="100"] {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-lg="100"],
  [layout-gt-lg="column"] > [flex-gt-lg="100"] {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-lg="33"], [layout="row"] > [flex-gt-lg="33"], [layout-gt-lg="row"] > [flex-gt-lg="33"], [layout-gt-lg="row"] > [flex-gt-lg="33"] {
    -webkit-box-flex: 1;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-gt-lg="66"], [layout="row"] > [flex-gt-lg="66"], [layout-gt-lg="row"] > [flex-gt-lg="66"], [layout-gt-lg="row"] > [flex-gt-lg="66"] {
    -webkit-box-flex: 1;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-lg="33"], [layout="column"] > [flex-gt-lg="33"], [layout-gt-lg="column"] > [flex-gt-lg="33"], [layout-gt-lg="column"] > [flex-gt-lg="33"] {
    -webkit-box-flex: 1;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-gt-lg="66"], [layout="column"] > [flex-gt-lg="66"], [layout-gt-lg="column"] > [flex-gt-lg="66"], [layout-gt-lg="column"] > [flex-gt-lg="66"] {
    -webkit-box-flex: 1;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  [layout-gt-lg], [layout-gt-lg="column"], [layout-gt-lg="row"] {
    box-sizing: border-box;
    display: -webkit-box;
    display: flex;
  }
  [layout-gt-lg="column"] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
  [layout-gt-lg="row"] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }
  [flex-order-xl="-20"] {
    -webkit-box-ordinal-group: -19;
    order: -20;
  }
  [flex-order-xl="-19"] {
    -webkit-box-ordinal-group: -18;
    order: -19;
  }
  [flex-order-xl="-18"] {
    -webkit-box-ordinal-group: -17;
    order: -18;
  }
  [flex-order-xl="-17"] {
    -webkit-box-ordinal-group: -16;
    order: -17;
  }
  [flex-order-xl="-16"] {
    -webkit-box-ordinal-group: -15;
    order: -16;
  }
  [flex-order-xl="-15"] {
    -webkit-box-ordinal-group: -14;
    order: -15;
  }
  [flex-order-xl="-14"] {
    -webkit-box-ordinal-group: -13;
    order: -14;
  }
  [flex-order-xl="-13"] {
    -webkit-box-ordinal-group: -12;
    order: -13;
  }
  [flex-order-xl="-12"] {
    -webkit-box-ordinal-group: -11;
    order: -12;
  }
  [flex-order-xl="-11"] {
    -webkit-box-ordinal-group: -10;
    order: -11;
  }
  [flex-order-xl="-10"] {
    -webkit-box-ordinal-group: -9;
    order: -10;
  }
  [flex-order-xl="-9"] {
    -webkit-box-ordinal-group: -8;
    order: -9;
  }
  [flex-order-xl="-8"] {
    -webkit-box-ordinal-group: -7;
    order: -8;
  }
  [flex-order-xl="-7"] {
    -webkit-box-ordinal-group: -6;
    order: -7;
  }
  [flex-order-xl="-6"] {
    -webkit-box-ordinal-group: -5;
    order: -6;
  }
  [flex-order-xl="-5"] {
    -webkit-box-ordinal-group: -4;
    order: -5;
  }
  [flex-order-xl="-4"] {
    -webkit-box-ordinal-group: -3;
    order: -4;
  }
  [flex-order-xl="-3"] {
    -webkit-box-ordinal-group: -2;
    order: -3;
  }
  [flex-order-xl="-2"] {
    -webkit-box-ordinal-group: -1;
    order: -2;
  }
  [flex-order-xl="-1"] {
    -webkit-box-ordinal-group: 0;
    order: -1;
  }
  [flex-order-xl="0"] {
    -webkit-box-ordinal-group: 1;
    order: 0;
  }
  [flex-order-xl="1"] {
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
  [flex-order-xl="2"] {
    -webkit-box-ordinal-group: 3;
    order: 2;
  }
  [flex-order-xl="3"] {
    -webkit-box-ordinal-group: 4;
    order: 3;
  }
  [flex-order-xl="4"] {
    -webkit-box-ordinal-group: 5;
    order: 4;
  }
  [flex-order-xl="5"] {
    -webkit-box-ordinal-group: 6;
    order: 5;
  }
  [flex-order-xl="6"] {
    -webkit-box-ordinal-group: 7;
    order: 6;
  }
  [flex-order-xl="7"] {
    -webkit-box-ordinal-group: 8;
    order: 7;
  }
  [flex-order-xl="8"] {
    -webkit-box-ordinal-group: 9;
    order: 8;
  }
  [flex-order-xl="9"] {
    -webkit-box-ordinal-group: 10;
    order: 9;
  }
  [flex-order-xl="10"] {
    -webkit-box-ordinal-group: 11;
    order: 10;
  }
  [flex-order-xl="11"] {
    -webkit-box-ordinal-group: 12;
    order: 11;
  }
  [flex-order-xl="12"] {
    -webkit-box-ordinal-group: 13;
    order: 12;
  }
  [flex-order-xl="13"] {
    -webkit-box-ordinal-group: 14;
    order: 13;
  }
  [flex-order-xl="14"] {
    -webkit-box-ordinal-group: 15;
    order: 14;
  }
  [flex-order-xl="15"] {
    -webkit-box-ordinal-group: 16;
    order: 15;
  }
  [flex-order-xl="16"] {
    -webkit-box-ordinal-group: 17;
    order: 16;
  }
  [flex-order-xl="17"] {
    -webkit-box-ordinal-group: 18;
    order: 17;
  }
  [flex-order-xl="18"] {
    -webkit-box-ordinal-group: 19;
    order: 18;
  }
  [flex-order-xl="19"] {
    -webkit-box-ordinal-group: 20;
    order: 19;
  }
  [flex-order-xl="20"] {
    -webkit-box-ordinal-group: 21;
    order: 20;
  }
  [flex-offset-xl="0"] {
    margin-left: 0%;
  }
  [flex-offset-xl="5"] {
    margin-left: 5%;
  }
  [flex-offset-xl="10"] {
    margin-left: 10%;
  }
  [flex-offset-xl="15"] {
    margin-left: 15%;
  }
  [flex-offset-xl="20"] {
    margin-left: 20%;
  }
  [flex-offset-xl="25"] {
    margin-left: 25%;
  }
  [flex-offset-xl="30"] {
    margin-left: 30%;
  }
  [flex-offset-xl="35"] {
    margin-left: 35%;
  }
  [flex-offset-xl="40"] {
    margin-left: 40%;
  }
  [flex-offset-xl="45"] {
    margin-left: 45%;
  }
  [flex-offset-xl="50"] {
    margin-left: 50%;
  }
  [flex-offset-xl="55"] {
    margin-left: 55%;
  }
  [flex-offset-xl="60"] {
    margin-left: 60%;
  }
  [flex-offset-xl="65"] {
    margin-left: 65%;
  }
  [flex-offset-xl="70"] {
    margin-left: 70%;
  }
  [flex-offset-xl="75"] {
    margin-left: 75%;
  }
  [flex-offset-xl="80"] {
    margin-left: 80%;
  }
  [flex-offset-xl="85"] {
    margin-left: 85%;
  }
  [flex-offset-xl="90"] {
    margin-left: 90%;
  }
  [flex-offset-xl="95"] {
    margin-left: 95%;
  }
  [flex-offset-xl="33"] {
    margin-left: calc(100% / 3);
  }
  [flex-offset-xl="66"] {
    margin-left: calc(200% / 3);
  }
  [layout-align-xl],
  [layout-align-xl="start stretch"] {
    -webkit-box-pack: start;
    justify-content: flex-start;
    align-content: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
  }
  [layout-align-xl="start"],
  [layout-align-xl="start start"],
  [layout-align-xl="start center"],
  [layout-align-xl="start end"],
  [layout-align-xl="start stretch"] {
    -webkit-box-pack: start;
    justify-content: flex-start;
  }
  [layout-align-xl="center"],
  [layout-align-xl="center start"],
  [layout-align-xl="center center"],
  [layout-align-xl="center end"],
  [layout-align-xl="center stretch"] {
    -webkit-box-pack: center;
    justify-content: center;
  }
  [layout-align-xl="end"],
  [layout-align-xl="end center"],
  [layout-align-xl="end start"],
  [layout-align-xl="end end"],
  [layout-align-xl="end stretch"] {
    -webkit-box-pack: end;
    justify-content: flex-end;
  }
  [layout-align-xl="space-around"],
  [layout-align-xl="space-around center"],
  [layout-align-xl="space-around start"],
  [layout-align-xl="space-around end"],
  [layout-align-xl="space-around stretch"] {
    justify-content: space-around;
  }
  [layout-align-xl="space-between"],
  [layout-align-xl="space-between center"],
  [layout-align-xl="space-between start"],
  [layout-align-xl="space-between end"],
  [layout-align-xl="space-between stretch"] {
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  [layout-align-xl="start start"],
  [layout-align-xl="center start"],
  [layout-align-xl="end start"],
  [layout-align-xl="space-between start"],
  [layout-align-xl="space-around start"] {
    -webkit-box-align: start;
    align-items: flex-start;
    align-content: flex-start;
  }
  [layout-align-xl="start center"],
  [layout-align-xl="center center"],
  [layout-align-xl="end center"],
  [layout-align-xl="space-between center"],
  [layout-align-xl="space-around center"] {
    -webkit-box-align: center;
    align-items: center;
    align-content: center;
    max-width: 100%;
  }
  [layout-align-xl="start center"] > *,
  [layout-align-xl="center center"] > *,
  [layout-align-xl="end center"] > *,
  [layout-align-xl="space-between center"] > *,
  [layout-align-xl="space-around center"] > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  [layout-align-xl="start end"],
  [layout-align-xl="center end"],
  [layout-align-xl="end end"],
  [layout-align-xl="space-between end"],
  [layout-align-xl="space-around end"] {
    -webkit-box-align: end;
    align-items: flex-end;
    align-content: flex-end;
  }
  [layout-align-xl="start stretch"],
  [layout-align-xl="center stretch"],
  [layout-align-xl="end stretch"],
  [layout-align-xl="space-between stretch"],
  [layout-align-xl="space-around stretch"] {
    -webkit-box-align: stretch;
    align-items: stretch;
    align-content: stretch;
  }
  [flex-xl] {
    -webkit-box-flex: 1;
    flex: 1;
    box-sizing: border-box;
  }
}

@media screen\0  and (min-width: 1920px) {
  [flex-xl] {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
  }
}

@media (min-width: 1920px) {
  [flex-xl-grow] {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  [flex-xl-initial] {
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  [flex-xl-auto] {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  [flex-xl-none] {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  [flex-xl="0"] {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-xl="0"],
  [layout-xl="row"] > [flex-xl="0"] {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-xl="0"],
  [layout-xl="column"] > [flex-xl="0"] {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  [flex-xl="5"] {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-xl="5"],
  [layout-xl="row"] > [flex-xl="5"] {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-xl="5"],
  [layout-xl="column"] > [flex-xl="5"] {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  [flex-xl="10"] {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-xl="10"],
  [layout-xl="row"] > [flex-xl="10"] {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-xl="10"],
  [layout-xl="column"] > [flex-xl="10"] {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  [flex-xl="15"] {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-xl="15"],
  [layout-xl="row"] > [flex-xl="15"] {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-xl="15"],
  [layout-xl="column"] > [flex-xl="15"] {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  [flex-xl="20"] {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-xl="20"],
  [layout-xl="row"] > [flex-xl="20"] {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-xl="20"],
  [layout-xl="column"] > [flex-xl="20"] {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  [flex-xl="25"] {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-xl="25"],
  [layout-xl="row"] > [flex-xl="25"] {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-xl="25"],
  [layout-xl="column"] > [flex-xl="25"] {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  [flex-xl="30"] {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-xl="30"],
  [layout-xl="row"] > [flex-xl="30"] {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-xl="30"],
  [layout-xl="column"] > [flex-xl="30"] {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  [flex-xl="35"] {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-xl="35"],
  [layout-xl="row"] > [flex-xl="35"] {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-xl="35"],
  [layout-xl="column"] > [flex-xl="35"] {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  [flex-xl="40"] {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-xl="40"],
  [layout-xl="row"] > [flex-xl="40"] {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-xl="40"],
  [layout-xl="column"] > [flex-xl="40"] {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  [flex-xl="45"] {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-xl="45"],
  [layout-xl="row"] > [flex-xl="45"] {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-xl="45"],
  [layout-xl="column"] > [flex-xl="45"] {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  [flex-xl="50"] {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-xl="50"],
  [layout-xl="row"] > [flex-xl="50"] {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-xl="50"],
  [layout-xl="column"] > [flex-xl="50"] {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  [flex-xl="55"] {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-xl="55"],
  [layout-xl="row"] > [flex-xl="55"] {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-xl="55"],
  [layout-xl="column"] > [flex-xl="55"] {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  [flex-xl="60"] {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-xl="60"],
  [layout-xl="row"] > [flex-xl="60"] {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-xl="60"],
  [layout-xl="column"] > [flex-xl="60"] {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  [flex-xl="65"] {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-xl="65"],
  [layout-xl="row"] > [flex-xl="65"] {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-xl="65"],
  [layout-xl="column"] > [flex-xl="65"] {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  [flex-xl="70"] {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-xl="70"],
  [layout-xl="row"] > [flex-xl="70"] {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-xl="70"],
  [layout-xl="column"] > [flex-xl="70"] {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  [flex-xl="75"] {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-xl="75"],
  [layout-xl="row"] > [flex-xl="75"] {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-xl="75"],
  [layout-xl="column"] > [flex-xl="75"] {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  [flex-xl="80"] {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-xl="80"],
  [layout-xl="row"] > [flex-xl="80"] {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-xl="80"],
  [layout-xl="column"] > [flex-xl="80"] {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  [flex-xl="85"] {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-xl="85"],
  [layout-xl="row"] > [flex-xl="85"] {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-xl="85"],
  [layout-xl="column"] > [flex-xl="85"] {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  [flex-xl="90"] {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-xl="90"],
  [layout-xl="row"] > [flex-xl="90"] {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-xl="90"],
  [layout-xl="column"] > [flex-xl="90"] {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  [flex-xl="95"] {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-xl="95"],
  [layout-xl="row"] > [flex-xl="95"] {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-xl="95"],
  [layout-xl="column"] > [flex-xl="95"] {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  [flex-xl="100"] {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-xl="100"],
  [layout-xl="row"] > [flex-xl="100"] {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-xl="100"],
  [layout-xl="column"] > [flex-xl="100"] {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-xl="33"], [layout="row"] > [flex-xl="33"], [layout-xl="row"] > [flex-xl="33"], [layout-xl="row"] > [flex-xl="33"] {
    -webkit-box-flex: 1;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="row"] > [flex-xl="66"], [layout="row"] > [flex-xl="66"], [layout-xl="row"] > [flex-xl="66"], [layout-xl="row"] > [flex-xl="66"] {
    -webkit-box-flex: 1;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-xl="33"], [layout="column"] > [flex-xl="33"], [layout-xl="column"] > [flex-xl="33"], [layout-xl="column"] > [flex-xl="33"] {
    -webkit-box-flex: 1;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  [layout="column"] > [flex-xl="66"], [layout="column"] > [flex-xl="66"], [layout-xl="column"] > [flex-xl="66"], [layout-xl="column"] > [flex-xl="66"] {
    -webkit-box-flex: 1;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  [layout-xl], [layout-xl="column"], [layout-xl="row"] {
    box-sizing: border-box;
    display: -webkit-box;
    display: flex;
  }
  [layout-xl="column"] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
  [layout-xl="row"] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }
  [hide]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show-xl]):not([show]), [hide-gt-xs]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show-xl]):not([show]), [hide-gt-sm]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show-xl]):not([show]), [hide-gt-md]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show-xl]):not([show]), [hide-gt-lg]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show-xl]):not([show]) {
    display: none;
  }
  [hide-xl]:not([show-xl]):not([show-gt-lg]):not([show]) {
    display: none;
  }
}

/*
*
*  Responsive attributes
*
*  References:
*  1) https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties#flex
*  2) https://css-tricks.com/almanac/properties/f/flex/
*  3) https://css-tricks.com/snippets/css/a-guide-to-flexbox/
*  4) https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items
*  5) http://godban.com.ua/projects/flexgrid
*
*
*/
@-moz-document url-prefix() {
  .layout-fill {
    margin: 0;
    width: 100%;
    min-height: 100%;
    height: 100%;
  }
}

/*
 *  Apply Mixins to create Layout/Flexbox styles
 *
 */
.flex-order {
  -webkit-box-ordinal-group: 1;
  order: 0;
}

.flex-order--20 {
  -webkit-box-ordinal-group: -19;
  order: -20;
}

.flex-order--19 {
  -webkit-box-ordinal-group: -18;
  order: -19;
}

.flex-order--18 {
  -webkit-box-ordinal-group: -17;
  order: -18;
}

.flex-order--17 {
  -webkit-box-ordinal-group: -16;
  order: -17;
}

.flex-order--16 {
  -webkit-box-ordinal-group: -15;
  order: -16;
}

.flex-order--15 {
  -webkit-box-ordinal-group: -14;
  order: -15;
}

.flex-order--14 {
  -webkit-box-ordinal-group: -13;
  order: -14;
}

.flex-order--13 {
  -webkit-box-ordinal-group: -12;
  order: -13;
}

.flex-order--12 {
  -webkit-box-ordinal-group: -11;
  order: -12;
}

.flex-order--11 {
  -webkit-box-ordinal-group: -10;
  order: -11;
}

.flex-order--10 {
  -webkit-box-ordinal-group: -9;
  order: -10;
}

.flex-order--9 {
  -webkit-box-ordinal-group: -8;
  order: -9;
}

.flex-order--8 {
  -webkit-box-ordinal-group: -7;
  order: -8;
}

.flex-order--7 {
  -webkit-box-ordinal-group: -6;
  order: -7;
}

.flex-order--6 {
  -webkit-box-ordinal-group: -5;
  order: -6;
}

.flex-order--5 {
  -webkit-box-ordinal-group: -4;
  order: -5;
}

.flex-order--4 {
  -webkit-box-ordinal-group: -3;
  order: -4;
}

.flex-order--3 {
  -webkit-box-ordinal-group: -2;
  order: -3;
}

.flex-order--2 {
  -webkit-box-ordinal-group: -1;
  order: -2;
}

.flex-order--1 {
  -webkit-box-ordinal-group: 0;
  order: -1;
}

.flex-order-0 {
  -webkit-box-ordinal-group: 1;
  order: 0;
}

.flex-order-1 {
  -webkit-box-ordinal-group: 2;
  order: 1;
}

.flex-order-2 {
  -webkit-box-ordinal-group: 3;
  order: 2;
}

.flex-order-3 {
  -webkit-box-ordinal-group: 4;
  order: 3;
}

.flex-order-4 {
  -webkit-box-ordinal-group: 5;
  order: 4;
}

.flex-order-5 {
  -webkit-box-ordinal-group: 6;
  order: 5;
}

.flex-order-6 {
  -webkit-box-ordinal-group: 7;
  order: 6;
}

.flex-order-7 {
  -webkit-box-ordinal-group: 8;
  order: 7;
}

.flex-order-8 {
  -webkit-box-ordinal-group: 9;
  order: 8;
}

.flex-order-9 {
  -webkit-box-ordinal-group: 10;
  order: 9;
}

.flex-order-10 {
  -webkit-box-ordinal-group: 11;
  order: 10;
}

.flex-order-11 {
  -webkit-box-ordinal-group: 12;
  order: 11;
}

.flex-order-12 {
  -webkit-box-ordinal-group: 13;
  order: 12;
}

.flex-order-13 {
  -webkit-box-ordinal-group: 14;
  order: 13;
}

.flex-order-14 {
  -webkit-box-ordinal-group: 15;
  order: 14;
}

.flex-order-15 {
  -webkit-box-ordinal-group: 16;
  order: 15;
}

.flex-order-16 {
  -webkit-box-ordinal-group: 17;
  order: 16;
}

.flex-order-17 {
  -webkit-box-ordinal-group: 18;
  order: 17;
}

.flex-order-18 {
  -webkit-box-ordinal-group: 19;
  order: 18;
}

.flex-order-19 {
  -webkit-box-ordinal-group: 20;
  order: 19;
}

.flex-order-20 {
  -webkit-box-ordinal-group: 21;
  order: 20;
}

.offset-0, .flex-offset-0 {
  margin-left: 0%;
}

.offset-5, .flex-offset-5 {
  margin-left: 5%;
}

.offset-10, .flex-offset-10 {
  margin-left: 10%;
}

.offset-15, .flex-offset-15 {
  margin-left: 15%;
}

.offset-20, .flex-offset-20 {
  margin-left: 20%;
}

.offset-25, .flex-offset-25 {
  margin-left: 25%;
}

.offset-30, .flex-offset-30 {
  margin-left: 30%;
}

.offset-35, .flex-offset-35 {
  margin-left: 35%;
}

.offset-40, .flex-offset-40 {
  margin-left: 40%;
}

.offset-45, .flex-offset-45 {
  margin-left: 45%;
}

.offset-50, .flex-offset-50 {
  margin-left: 50%;
}

.offset-55, .flex-offset-55 {
  margin-left: 55%;
}

.offset-60, .flex-offset-60 {
  margin-left: 60%;
}

.offset-65, .flex-offset-65 {
  margin-left: 65%;
}

.offset-70, .flex-offset-70 {
  margin-left: 70%;
}

.offset-75, .flex-offset-75 {
  margin-left: 75%;
}

.offset-80, .flex-offset-80 {
  margin-left: 80%;
}

.offset-85, .flex-offset-85 {
  margin-left: 85%;
}

.offset-90, .flex-offset-90 {
  margin-left: 90%;
}

.offset-95, .flex-offset-95 {
  margin-left: 95%;
}

.offset-33, .flex-offset-33 {
  margin-left: calc(100% / 3);
}

.offset-66, .flex-offset-66 {
  margin-left: calc(200% / 3);
}

.layout-align,
.layout-align-start-stretch {
  -webkit-box-pack: start;
  justify-content: flex-start;
  align-content: stretch;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.layout-align-start,
.layout-align-start-start,
.layout-align-start-center,
#calendar-widget .fc-toolbar .fc-left > div,
.layout-align-start-end,
.layout-align-start-stretch {
  -webkit-box-pack: start;
  justify-content: flex-start;
}

.layout-align-center,
.layout-align-center-start,
.layout-align-center-center,
.layout-align-center-end,
.layout-align-center-stretch {
  -webkit-box-pack: center;
  justify-content: center;
}

.layout-align-end,
.layout-align-end-start,
.layout-align-end-center,
.layout-align-end-end,
.layout-align-end-stretch {
  -webkit-box-pack: end;
  justify-content: flex-end;
}

.layout-align-space-around,
.layout-align-space-around-center,
.layout-align-space-around-start,
.layout-align-space-around-end,
.layout-align-space-around-stretch {
  justify-content: space-around;
}

.layout-align-space-between,
.layout-align-space-between-center,
#calendar-events-list .md-subheader-content,
.layout-align-space-between-start,
.layout-align-space-between-end,
.layout-align-space-between-stretch {
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.layout-align-start-start,
.layout-align-center-start,
.layout-align-end-start,
.layout-align-space-between-start,
.layout-align-space-around-start {
  -webkit-box-align: start;
  align-items: flex-start;
  align-content: flex-start;
}

.layout-align-start-center, #calendar-widget .fc-toolbar .fc-left > div,
.layout-align-center-center,
.layout-align-end-center,
.layout-align-space-between-center,
#calendar-events-list .md-subheader-content,
.layout-align-space-around-center {
  -webkit-box-align: center;
  align-items: center;
  align-content: center;
  max-width: 100%;
}

.layout-align-start-center > *, #calendar-widget .fc-toolbar .fc-left > div > *,
.layout-align-center-center > *,
.layout-align-end-center > *,
.layout-align-space-between-center > *, #calendar-events-list .md-subheader-content > *,
.layout-align-space-around-center > * {
  max-width: 100%;
  box-sizing: border-box;
}

.layout-align-start-end,
.layout-align-center-end,
.layout-align-end-end,
.layout-align-space-between-end,
.layout-align-space-around-end {
  -webkit-box-align: end;
  align-items: flex-end;
  align-content: flex-end;
}

.layout-align-start-stretch,
.layout-align-center-stretch,
.layout-align-end-stretch,
.layout-align-space-between-stretch,
.layout-align-space-around-stretch {
  -webkit-box-align: stretch;
  align-items: stretch;
  align-content: stretch;
}

.flex {
  -webkit-box-flex: 1;
  flex: 1;
  box-sizing: border-box;
}

@media screen\0 {
  .flex {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
  }
}

.flex-grow {
  -webkit-box-flex: 1;
  flex: 1 1 100%;
  box-sizing: border-box;
}

.flex-initial {
  -webkit-box-flex: 0;
  flex: 0 1 auto;
  box-sizing: border-box;
}

.flex-auto {
  -webkit-box-flex: 1;
  flex: 1 1 auto;
  box-sizing: border-box;
}

.flex-none {
  -webkit-box-flex: 0;
  flex: 0 0 auto;
  box-sizing: border-box;
}

.flex-noshrink {
  -webkit-box-flex: 1;
  flex: 1 0 auto;
  box-sizing: border-box;
}

.flex-nogrow {
  -webkit-box-flex: 0;
  flex: 0 1 auto;
  box-sizing: border-box;
}

.flex-0 {
  -webkit-box-flex: 1;
  flex: 1 1 0%;
  max-width: 0%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-0, #calendar-events-list .md-subheader-content > .flex-0, #calendar-widget .fc-toolbar .fc-left > div > .flex-0,
.layout-row > .flex-0, #calendar-events-list .md-subheader-content > .flex-0, #calendar-widget .fc-toolbar .fc-left > div > .flex-0 {
  -webkit-box-flex: 1;
  flex: 1 1 0%;
  max-width: 0%;
  max-height: 100%;
  box-sizing: border-box;
  min-width: 0;
}

.layout-column > .flex-0,
.layout-column > .flex-0 {
  -webkit-box-flex: 1;
  flex: 1 1 0%;
  max-width: 100%;
  max-height: 0%;
  box-sizing: border-box;
  min-height: 0;
}

.flex-5 {
  -webkit-box-flex: 1;
  flex: 1 1 5%;
  max-width: 5%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-5, #calendar-events-list .md-subheader-content > .flex-5, #calendar-widget .fc-toolbar .fc-left > div > .flex-5,
.layout-row > .flex-5, #calendar-events-list .md-subheader-content > .flex-5, #calendar-widget .fc-toolbar .fc-left > div > .flex-5 {
  -webkit-box-flex: 1;
  flex: 1 1 5%;
  max-width: 5%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-5,
.layout-column > .flex-5 {
  -webkit-box-flex: 1;
  flex: 1 1 5%;
  max-width: 100%;
  max-height: 5%;
  box-sizing: border-box;
}

.flex-10 {
  -webkit-box-flex: 1;
  flex: 1 1 10%;
  max-width: 10%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-10, #calendar-events-list .md-subheader-content > .flex-10, #calendar-widget .fc-toolbar .fc-left > div > .flex-10,
.layout-row > .flex-10, #calendar-events-list .md-subheader-content > .flex-10, #calendar-widget .fc-toolbar .fc-left > div > .flex-10 {
  -webkit-box-flex: 1;
  flex: 1 1 10%;
  max-width: 10%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-10,
.layout-column > .flex-10 {
  -webkit-box-flex: 1;
  flex: 1 1 10%;
  max-width: 100%;
  max-height: 10%;
  box-sizing: border-box;
}

.flex-15 {
  -webkit-box-flex: 1;
  flex: 1 1 15%;
  max-width: 15%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-15, #calendar-events-list .md-subheader-content > .flex-15, #calendar-widget .fc-toolbar .fc-left > div > .flex-15,
.layout-row > .flex-15, #calendar-events-list .md-subheader-content > .flex-15, #calendar-widget .fc-toolbar .fc-left > div > .flex-15 {
  -webkit-box-flex: 1;
  flex: 1 1 15%;
  max-width: 15%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-15,
.layout-column > .flex-15 {
  -webkit-box-flex: 1;
  flex: 1 1 15%;
  max-width: 100%;
  max-height: 15%;
  box-sizing: border-box;
}

.flex-20 {
  -webkit-box-flex: 1;
  flex: 1 1 20%;
  max-width: 20%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-20, #calendar-events-list .md-subheader-content > .flex-20, #calendar-widget .fc-toolbar .fc-left > div > .flex-20,
.layout-row > .flex-20, #calendar-events-list .md-subheader-content > .flex-20, #calendar-widget .fc-toolbar .fc-left > div > .flex-20 {
  -webkit-box-flex: 1;
  flex: 1 1 20%;
  max-width: 20%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-20,
.layout-column > .flex-20 {
  -webkit-box-flex: 1;
  flex: 1 1 20%;
  max-width: 100%;
  max-height: 20%;
  box-sizing: border-box;
}

.flex-25 {
  -webkit-box-flex: 1;
  flex: 1 1 25%;
  max-width: 25%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-25, #calendar-events-list .md-subheader-content > .flex-25, #calendar-widget .fc-toolbar .fc-left > div > .flex-25,
.layout-row > .flex-25, #calendar-events-list .md-subheader-content > .flex-25, #calendar-widget .fc-toolbar .fc-left > div > .flex-25 {
  -webkit-box-flex: 1;
  flex: 1 1 25%;
  max-width: 25%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-25,
.layout-column > .flex-25 {
  -webkit-box-flex: 1;
  flex: 1 1 25%;
  max-width: 100%;
  max-height: 25%;
  box-sizing: border-box;
}

.flex-30 {
  -webkit-box-flex: 1;
  flex: 1 1 30%;
  max-width: 30%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-30, #calendar-events-list .md-subheader-content > .flex-30, #calendar-widget .fc-toolbar .fc-left > div > .flex-30,
.layout-row > .flex-30, #calendar-events-list .md-subheader-content > .flex-30, #calendar-widget .fc-toolbar .fc-left > div > .flex-30 {
  -webkit-box-flex: 1;
  flex: 1 1 30%;
  max-width: 30%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-30,
.layout-column > .flex-30 {
  -webkit-box-flex: 1;
  flex: 1 1 30%;
  max-width: 100%;
  max-height: 30%;
  box-sizing: border-box;
}

.flex-35 {
  -webkit-box-flex: 1;
  flex: 1 1 35%;
  max-width: 35%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-35, #calendar-events-list .md-subheader-content > .flex-35, #calendar-widget .fc-toolbar .fc-left > div > .flex-35,
.layout-row > .flex-35, #calendar-events-list .md-subheader-content > .flex-35, #calendar-widget .fc-toolbar .fc-left > div > .flex-35 {
  -webkit-box-flex: 1;
  flex: 1 1 35%;
  max-width: 35%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-35,
.layout-column > .flex-35 {
  -webkit-box-flex: 1;
  flex: 1 1 35%;
  max-width: 100%;
  max-height: 35%;
  box-sizing: border-box;
}

.flex-40 {
  -webkit-box-flex: 1;
  flex: 1 1 40%;
  max-width: 40%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-40, #calendar-events-list .md-subheader-content > .flex-40, #calendar-widget .fc-toolbar .fc-left > div > .flex-40,
.layout-row > .flex-40, #calendar-events-list .md-subheader-content > .flex-40, #calendar-widget .fc-toolbar .fc-left > div > .flex-40 {
  -webkit-box-flex: 1;
  flex: 1 1 40%;
  max-width: 40%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-40,
.layout-column > .flex-40 {
  -webkit-box-flex: 1;
  flex: 1 1 40%;
  max-width: 100%;
  max-height: 40%;
  box-sizing: border-box;
}

.flex-45 {
  -webkit-box-flex: 1;
  flex: 1 1 45%;
  max-width: 45%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-45, #calendar-events-list .md-subheader-content > .flex-45, #calendar-widget .fc-toolbar .fc-left > div > .flex-45,
.layout-row > .flex-45, #calendar-events-list .md-subheader-content > .flex-45, #calendar-widget .fc-toolbar .fc-left > div > .flex-45 {
  -webkit-box-flex: 1;
  flex: 1 1 45%;
  max-width: 45%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-45,
.layout-column > .flex-45 {
  -webkit-box-flex: 1;
  flex: 1 1 45%;
  max-width: 100%;
  max-height: 45%;
  box-sizing: border-box;
}

.flex-50 {
  -webkit-box-flex: 1;
  flex: 1 1 50%;
  max-width: 50%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-50, #calendar-events-list .md-subheader-content > .flex-50, #calendar-widget .fc-toolbar .fc-left > div > .flex-50,
.layout-row > .flex-50, #calendar-events-list .md-subheader-content > .flex-50, #calendar-widget .fc-toolbar .fc-left > div > .flex-50 {
  -webkit-box-flex: 1;
  flex: 1 1 50%;
  max-width: 50%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-50,
.layout-column > .flex-50 {
  -webkit-box-flex: 1;
  flex: 1 1 50%;
  max-width: 100%;
  max-height: 50%;
  box-sizing: border-box;
}

.flex-55 {
  -webkit-box-flex: 1;
  flex: 1 1 55%;
  max-width: 55%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-55, #calendar-events-list .md-subheader-content > .flex-55, #calendar-widget .fc-toolbar .fc-left > div > .flex-55,
.layout-row > .flex-55, #calendar-events-list .md-subheader-content > .flex-55, #calendar-widget .fc-toolbar .fc-left > div > .flex-55 {
  -webkit-box-flex: 1;
  flex: 1 1 55%;
  max-width: 55%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-55,
.layout-column > .flex-55 {
  -webkit-box-flex: 1;
  flex: 1 1 55%;
  max-width: 100%;
  max-height: 55%;
  box-sizing: border-box;
}

.flex-60 {
  -webkit-box-flex: 1;
  flex: 1 1 60%;
  max-width: 60%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-60, #calendar-events-list .md-subheader-content > .flex-60, #calendar-widget .fc-toolbar .fc-left > div > .flex-60,
.layout-row > .flex-60, #calendar-events-list .md-subheader-content > .flex-60, #calendar-widget .fc-toolbar .fc-left > div > .flex-60 {
  -webkit-box-flex: 1;
  flex: 1 1 60%;
  max-width: 60%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-60,
.layout-column > .flex-60 {
  -webkit-box-flex: 1;
  flex: 1 1 60%;
  max-width: 100%;
  max-height: 60%;
  box-sizing: border-box;
}

.flex-65 {
  -webkit-box-flex: 1;
  flex: 1 1 65%;
  max-width: 65%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-65, #calendar-events-list .md-subheader-content > .flex-65, #calendar-widget .fc-toolbar .fc-left > div > .flex-65,
.layout-row > .flex-65, #calendar-events-list .md-subheader-content > .flex-65, #calendar-widget .fc-toolbar .fc-left > div > .flex-65 {
  -webkit-box-flex: 1;
  flex: 1 1 65%;
  max-width: 65%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-65,
.layout-column > .flex-65 {
  -webkit-box-flex: 1;
  flex: 1 1 65%;
  max-width: 100%;
  max-height: 65%;
  box-sizing: border-box;
}

.flex-70 {
  -webkit-box-flex: 1;
  flex: 1 1 70%;
  max-width: 70%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-70, #calendar-events-list .md-subheader-content > .flex-70, #calendar-widget .fc-toolbar .fc-left > div > .flex-70,
.layout-row > .flex-70, #calendar-events-list .md-subheader-content > .flex-70, #calendar-widget .fc-toolbar .fc-left > div > .flex-70 {
  -webkit-box-flex: 1;
  flex: 1 1 70%;
  max-width: 70%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-70,
.layout-column > .flex-70 {
  -webkit-box-flex: 1;
  flex: 1 1 70%;
  max-width: 100%;
  max-height: 70%;
  box-sizing: border-box;
}

.flex-75 {
  -webkit-box-flex: 1;
  flex: 1 1 75%;
  max-width: 75%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-75, #calendar-events-list .md-subheader-content > .flex-75, #calendar-widget .fc-toolbar .fc-left > div > .flex-75,
.layout-row > .flex-75, #calendar-events-list .md-subheader-content > .flex-75, #calendar-widget .fc-toolbar .fc-left > div > .flex-75 {
  -webkit-box-flex: 1;
  flex: 1 1 75%;
  max-width: 75%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-75,
.layout-column > .flex-75 {
  -webkit-box-flex: 1;
  flex: 1 1 75%;
  max-width: 100%;
  max-height: 75%;
  box-sizing: border-box;
}

.flex-80 {
  -webkit-box-flex: 1;
  flex: 1 1 80%;
  max-width: 80%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-80, #calendar-events-list .md-subheader-content > .flex-80, #calendar-widget .fc-toolbar .fc-left > div > .flex-80,
.layout-row > .flex-80, #calendar-events-list .md-subheader-content > .flex-80, #calendar-widget .fc-toolbar .fc-left > div > .flex-80 {
  -webkit-box-flex: 1;
  flex: 1 1 80%;
  max-width: 80%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-80,
.layout-column > .flex-80 {
  -webkit-box-flex: 1;
  flex: 1 1 80%;
  max-width: 100%;
  max-height: 80%;
  box-sizing: border-box;
}

.flex-85 {
  -webkit-box-flex: 1;
  flex: 1 1 85%;
  max-width: 85%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-85, #calendar-events-list .md-subheader-content > .flex-85, #calendar-widget .fc-toolbar .fc-left > div > .flex-85,
.layout-row > .flex-85, #calendar-events-list .md-subheader-content > .flex-85, #calendar-widget .fc-toolbar .fc-left > div > .flex-85 {
  -webkit-box-flex: 1;
  flex: 1 1 85%;
  max-width: 85%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-85,
.layout-column > .flex-85 {
  -webkit-box-flex: 1;
  flex: 1 1 85%;
  max-width: 100%;
  max-height: 85%;
  box-sizing: border-box;
}

.flex-90 {
  -webkit-box-flex: 1;
  flex: 1 1 90%;
  max-width: 90%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-90, #calendar-events-list .md-subheader-content > .flex-90, #calendar-widget .fc-toolbar .fc-left > div > .flex-90,
.layout-row > .flex-90, #calendar-events-list .md-subheader-content > .flex-90, #calendar-widget .fc-toolbar .fc-left > div > .flex-90 {
  -webkit-box-flex: 1;
  flex: 1 1 90%;
  max-width: 90%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-90,
.layout-column > .flex-90 {
  -webkit-box-flex: 1;
  flex: 1 1 90%;
  max-width: 100%;
  max-height: 90%;
  box-sizing: border-box;
}

.flex-95 {
  -webkit-box-flex: 1;
  flex: 1 1 95%;
  max-width: 95%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-95, #calendar-events-list .md-subheader-content > .flex-95, #calendar-widget .fc-toolbar .fc-left > div > .flex-95,
.layout-row > .flex-95, #calendar-events-list .md-subheader-content > .flex-95, #calendar-widget .fc-toolbar .fc-left > div > .flex-95 {
  -webkit-box-flex: 1;
  flex: 1 1 95%;
  max-width: 95%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-95,
.layout-column > .flex-95 {
  -webkit-box-flex: 1;
  flex: 1 1 95%;
  max-width: 100%;
  max-height: 95%;
  box-sizing: border-box;
}

.flex-100 {
  -webkit-box-flex: 1;
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-100, #calendar-events-list .md-subheader-content > .flex-100, #calendar-widget .fc-toolbar .fc-left > div > .flex-100,
.layout-row > .flex-100, #calendar-events-list .md-subheader-content > .flex-100, #calendar-widget .fc-toolbar .fc-left > div > .flex-100 {
  -webkit-box-flex: 1;
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-100,
.layout-column > .flex-100 {
  -webkit-box-flex: 1;
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-33, #calendar-events-list .md-subheader-content > .flex-33, #calendar-widget .fc-toolbar .fc-left > div > .flex-33, .layout-row > .flex-33, #calendar-events-list .md-subheader-content > .flex-33, #calendar-widget .fc-toolbar .fc-left > div > .flex-33, .layout-row > .flex-33, #calendar-events-list .md-subheader-content > .flex-33, #calendar-widget .fc-toolbar .fc-left > div > .flex-33, .layout-row > .flex-33, #calendar-events-list .md-subheader-content > .flex-33, #calendar-widget .fc-toolbar .fc-left > div > .flex-33 {
  -webkit-box-flex: 1;
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-66, #calendar-events-list .md-subheader-content > .flex-66, #calendar-widget .fc-toolbar .fc-left > div > .flex-66, .layout-row > .flex-66, #calendar-events-list .md-subheader-content > .flex-66, #calendar-widget .fc-toolbar .fc-left > div > .flex-66, .layout-row > .flex-66, #calendar-events-list .md-subheader-content > .flex-66, #calendar-widget .fc-toolbar .fc-left > div > .flex-66, .layout-row > .flex-66, #calendar-events-list .md-subheader-content > .flex-66, #calendar-widget .fc-toolbar .fc-left > div > .flex-66 {
  -webkit-box-flex: 1;
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex, #calendar-events-list .md-subheader-content > .flex, #calendar-widget .fc-toolbar .fc-left > div > .flex, .layout-row > .flex, #calendar-events-list .md-subheader-content > .flex, #calendar-widget .fc-toolbar .fc-left > div > .flex {
  min-width: 0;
}

.layout-column > .flex-33, .layout-column > .flex-33, .layout-column > .flex-33, .layout-column > .flex-33 {
  -webkit-box-flex: 1;
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}

.layout-column > .flex-66, .layout-column > .flex-66, .layout-column > .flex-66, .layout-column > .flex-66 {
  -webkit-box-flex: 1;
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}

.layout-column > .flex, .layout-column > .flex {
  min-height: 0;
}

.layout, .layout-column, .layout-row, #calendar-events-list .md-subheader-content, #calendar-widget .fc-toolbar .fc-left > div {
  box-sizing: border-box;
  display: -webkit-box;
  display: flex;
}

.layout-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}

.layout-row, #calendar-events-list .md-subheader-content, #calendar-widget .fc-toolbar .fc-left > div {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
}

.layout-padding-sm > *,
.layout-padding > .flex-sm {
  padding: 4px;
}

.layout-padding,
.layout-padding-gt-sm,
.layout-padding-md,
.layout-padding > *,
.layout-padding-gt-sm > *,
.layout-padding-md > *,
.layout-padding > .flex,
.layout-padding > .flex-gt-sm,
.layout-padding > .flex-md {
  padding: 8px;
}

.layout-padding-gt-md > *,
.layout-padding-lg > *,
.layout-padding-gt-lg > *,
.layout-padding > .flex-gt-md,
.layout-padding > .flex-lg,
.layout-padding > .flex-lg,
.layout-padding > .flex-gt-lg {
  padding: 16px;
}

.layout-margin-sm > *,
.layout-margin > .flex-sm {
  margin: 4px;
}

.layout-margin,
.layout-margin-gt-sm,
.layout-margin-md,
.layout-margin > *,
.layout-margin-gt-sm > *,
.layout-margin-md > *,
.layout-margin > .flex,
.layout-margin > .flex-gt-sm,
.layout-margin > .flex-md {
  margin: 8px;
}

.layout-margin-gt-md > *,
.layout-margin-lg > *,
.layout-margin-gt-lg > *,
.layout-margin > .flex-gt-md,
.layout-margin > .flex-lg,
.layout-margin > .flex-gt-lg {
  margin: 16px;
}

.layout-wrap {
  flex-wrap: wrap;
}

.layout-nowrap {
  flex-wrap: nowrap;
}

.layout-fill {
  margin: 0;
  width: 100%;
  min-height: 100%;
  height: 100%;
}

/**
 * `hide-gt-sm show-gt-lg` should hide from 600px to 1200px
 * `show-md hide-gt-sm` should show from 0px to 960px and hide at >960px
 * `hide-gt-md show-gt-sm` should show everywhere (show overrides hide)`
 *
 *  hide means hide everywhere
 *  Sizes:
 *         $layout-breakpoint-xs:     600px !default;
 *         $layout-breakpoint-sm:     960px !default;
 *         $layout-breakpoint-md:     1280px !default;
 *         $layout-breakpoint-lg:     1920px !default;
 */
@media (max-width: 599px) {
  .hide-xs:not(.show-xs):not(.show), .hide:not(.show-xs):not(.show) {
    display: none;
  }
  .flex-order-xs--20 {
    -webkit-box-ordinal-group: -19;
    order: -20;
  }
  .flex-order-xs--19 {
    -webkit-box-ordinal-group: -18;
    order: -19;
  }
  .flex-order-xs--18 {
    -webkit-box-ordinal-group: -17;
    order: -18;
  }
  .flex-order-xs--17 {
    -webkit-box-ordinal-group: -16;
    order: -17;
  }
  .flex-order-xs--16 {
    -webkit-box-ordinal-group: -15;
    order: -16;
  }
  .flex-order-xs--15 {
    -webkit-box-ordinal-group: -14;
    order: -15;
  }
  .flex-order-xs--14 {
    -webkit-box-ordinal-group: -13;
    order: -14;
  }
  .flex-order-xs--13 {
    -webkit-box-ordinal-group: -12;
    order: -13;
  }
  .flex-order-xs--12 {
    -webkit-box-ordinal-group: -11;
    order: -12;
  }
  .flex-order-xs--11 {
    -webkit-box-ordinal-group: -10;
    order: -11;
  }
  .flex-order-xs--10 {
    -webkit-box-ordinal-group: -9;
    order: -10;
  }
  .flex-order-xs--9 {
    -webkit-box-ordinal-group: -8;
    order: -9;
  }
  .flex-order-xs--8 {
    -webkit-box-ordinal-group: -7;
    order: -8;
  }
  .flex-order-xs--7 {
    -webkit-box-ordinal-group: -6;
    order: -7;
  }
  .flex-order-xs--6 {
    -webkit-box-ordinal-group: -5;
    order: -6;
  }
  .flex-order-xs--5 {
    -webkit-box-ordinal-group: -4;
    order: -5;
  }
  .flex-order-xs--4 {
    -webkit-box-ordinal-group: -3;
    order: -4;
  }
  .flex-order-xs--3 {
    -webkit-box-ordinal-group: -2;
    order: -3;
  }
  .flex-order-xs--2 {
    -webkit-box-ordinal-group: -1;
    order: -2;
  }
  .flex-order-xs--1 {
    -webkit-box-ordinal-group: 0;
    order: -1;
  }
  .flex-order-xs-0 {
    -webkit-box-ordinal-group: 1;
    order: 0;
  }
  .flex-order-xs-1 {
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
  .flex-order-xs-2 {
    -webkit-box-ordinal-group: 3;
    order: 2;
  }
  .flex-order-xs-3 {
    -webkit-box-ordinal-group: 4;
    order: 3;
  }
  .flex-order-xs-4 {
    -webkit-box-ordinal-group: 5;
    order: 4;
  }
  .flex-order-xs-5 {
    -webkit-box-ordinal-group: 6;
    order: 5;
  }
  .flex-order-xs-6 {
    -webkit-box-ordinal-group: 7;
    order: 6;
  }
  .flex-order-xs-7 {
    -webkit-box-ordinal-group: 8;
    order: 7;
  }
  .flex-order-xs-8 {
    -webkit-box-ordinal-group: 9;
    order: 8;
  }
  .flex-order-xs-9 {
    -webkit-box-ordinal-group: 10;
    order: 9;
  }
  .flex-order-xs-10 {
    -webkit-box-ordinal-group: 11;
    order: 10;
  }
  .flex-order-xs-11 {
    -webkit-box-ordinal-group: 12;
    order: 11;
  }
  .flex-order-xs-12 {
    -webkit-box-ordinal-group: 13;
    order: 12;
  }
  .flex-order-xs-13 {
    -webkit-box-ordinal-group: 14;
    order: 13;
  }
  .flex-order-xs-14 {
    -webkit-box-ordinal-group: 15;
    order: 14;
  }
  .flex-order-xs-15 {
    -webkit-box-ordinal-group: 16;
    order: 15;
  }
  .flex-order-xs-16 {
    -webkit-box-ordinal-group: 17;
    order: 16;
  }
  .flex-order-xs-17 {
    -webkit-box-ordinal-group: 18;
    order: 17;
  }
  .flex-order-xs-18 {
    -webkit-box-ordinal-group: 19;
    order: 18;
  }
  .flex-order-xs-19 {
    -webkit-box-ordinal-group: 20;
    order: 19;
  }
  .flex-order-xs-20 {
    -webkit-box-ordinal-group: 21;
    order: 20;
  }
  .offset-xs-0, .flex-offset-xs-0 {
    margin-left: 0%;
  }
  .offset-xs-5, .flex-offset-xs-5 {
    margin-left: 5%;
  }
  .offset-xs-10, .flex-offset-xs-10 {
    margin-left: 10%;
  }
  .offset-xs-15, .flex-offset-xs-15 {
    margin-left: 15%;
  }
  .offset-xs-20, .flex-offset-xs-20 {
    margin-left: 20%;
  }
  .offset-xs-25, .flex-offset-xs-25 {
    margin-left: 25%;
  }
  .offset-xs-30, .flex-offset-xs-30 {
    margin-left: 30%;
  }
  .offset-xs-35, .flex-offset-xs-35 {
    margin-left: 35%;
  }
  .offset-xs-40, .flex-offset-xs-40 {
    margin-left: 40%;
  }
  .offset-xs-45, .flex-offset-xs-45 {
    margin-left: 45%;
  }
  .offset-xs-50, .flex-offset-xs-50 {
    margin-left: 50%;
  }
  .offset-xs-55, .flex-offset-xs-55 {
    margin-left: 55%;
  }
  .offset-xs-60, .flex-offset-xs-60 {
    margin-left: 60%;
  }
  .offset-xs-65, .flex-offset-xs-65 {
    margin-left: 65%;
  }
  .offset-xs-70, .flex-offset-xs-70 {
    margin-left: 70%;
  }
  .offset-xs-75, .flex-offset-xs-75 {
    margin-left: 75%;
  }
  .offset-xs-80, .flex-offset-xs-80 {
    margin-left: 80%;
  }
  .offset-xs-85, .flex-offset-xs-85 {
    margin-left: 85%;
  }
  .offset-xs-90, .flex-offset-xs-90 {
    margin-left: 90%;
  }
  .offset-xs-95, .flex-offset-xs-95 {
    margin-left: 95%;
  }
  .offset-xs-33, .flex-offset-xs-33 {
    margin-left: calc(100% / 3);
  }
  .offset-xs-66, .flex-offset-xs-66 {
    margin-left: calc(200% / 3);
  }
  .layout-align-xs,
  .layout-align-xs-start-stretch {
    -webkit-box-pack: start;
    justify-content: flex-start;
    align-content: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
  }
  .layout-align-xs-start,
  .layout-align-xs-start-start,
  .layout-align-xs-start-center,
  .layout-align-xs-start-end,
  .layout-align-xs-start-stretch {
    -webkit-box-pack: start;
    justify-content: flex-start;
  }
  .layout-align-xs-center,
  .layout-align-xs-center-start,
  .layout-align-xs-center-center,
  .layout-align-xs-center-end,
  .layout-align-xs-center-stretch {
    -webkit-box-pack: center;
    justify-content: center;
  }
  .layout-align-xs-end,
  .layout-align-xs-end-start,
  .layout-align-xs-end-center,
  .layout-align-xs-end-end,
  .layout-align-xs-end-stretch {
    -webkit-box-pack: end;
    justify-content: flex-end;
  }
  .layout-align-xs-space-around,
  .layout-align-xs-space-around-center,
  .layout-align-xs-space-around-start,
  .layout-align-xs-space-around-end,
  .layout-align-xs-space-around-stretch {
    justify-content: space-around;
  }
  .layout-align-xs-space-between,
  .layout-align-xs-space-between-center,
  .layout-align-xs-space-between-start,
  .layout-align-xs-space-between-end,
  .layout-align-xs-space-between-stretch {
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .layout-align-xs-start-start,
  .layout-align-xs-center-start,
  .layout-align-xs-end-start,
  .layout-align-xs-space-between-start,
  .layout-align-xs-space-around-start {
    -webkit-box-align: start;
    align-items: flex-start;
    align-content: flex-start;
  }
  .layout-align-xs-start-center,
  .layout-align-xs-center-center,
  .layout-align-xs-end-center,
  .layout-align-xs-space-between-center,
  .layout-align-xs-space-around-center {
    -webkit-box-align: center;
    align-items: center;
    align-content: center;
    max-width: 100%;
  }
  .layout-align-xs-start-center > *,
  .layout-align-xs-center-center > *,
  .layout-align-xs-end-center > *,
  .layout-align-xs-space-between-center > *,
  .layout-align-xs-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  .layout-align-xs-start-end,
  .layout-align-xs-center-end,
  .layout-align-xs-end-end,
  .layout-align-xs-space-between-end,
  .layout-align-xs-space-around-end {
    -webkit-box-align: end;
    align-items: flex-end;
    align-content: flex-end;
  }
  .layout-align-xs-start-stretch,
  .layout-align-xs-center-stretch,
  .layout-align-xs-end-stretch,
  .layout-align-xs-space-between-stretch,
  .layout-align-xs-space-around-stretch {
    -webkit-box-align: stretch;
    align-items: stretch;
    align-content: stretch;
  }
  .flex-xs {
    -webkit-box-flex: 1;
    flex: 1;
    box-sizing: border-box;
  }
}

@media screen\0  and (max-width: 599px) {
  .flex-xs {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
  }
}

@media (max-width: 599px) {
  .flex-xs-grow {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  .flex-xs-initial {
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-xs-auto {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  .flex-xs-none {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  .flex-xs-noshrink {
    -webkit-box-flex: 1;
    flex: 1 0 auto;
    box-sizing: border-box;
  }
  .flex-xs-nogrow {
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-xs-0 {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-0, #calendar-events-list .md-subheader-content > .flex-xs-0, #calendar-widget .fc-toolbar .fc-left > div > .flex-xs-0,
  .layout-xs-row > .flex-xs-0 {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }
  .layout-column > .flex-xs-0,
  .layout-xs-column > .flex-xs-0 {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0;
  }
  .flex-xs-5 {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-5, #calendar-events-list .md-subheader-content > .flex-xs-5, #calendar-widget .fc-toolbar .fc-left > div > .flex-xs-5,
  .layout-xs-row > .flex-xs-5 {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-5,
  .layout-xs-column > .flex-xs-5 {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .flex-xs-10 {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-10, #calendar-events-list .md-subheader-content > .flex-xs-10, #calendar-widget .fc-toolbar .fc-left > div > .flex-xs-10,
  .layout-xs-row > .flex-xs-10 {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-10,
  .layout-xs-column > .flex-xs-10 {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .flex-xs-15 {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-15, #calendar-events-list .md-subheader-content > .flex-xs-15, #calendar-widget .fc-toolbar .fc-left > div > .flex-xs-15,
  .layout-xs-row > .flex-xs-15 {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-15,
  .layout-xs-column > .flex-xs-15 {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .flex-xs-20 {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-20, #calendar-events-list .md-subheader-content > .flex-xs-20, #calendar-widget .fc-toolbar .fc-left > div > .flex-xs-20,
  .layout-xs-row > .flex-xs-20 {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-20,
  .layout-xs-column > .flex-xs-20 {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .flex-xs-25 {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-25, #calendar-events-list .md-subheader-content > .flex-xs-25, #calendar-widget .fc-toolbar .fc-left > div > .flex-xs-25,
  .layout-xs-row > .flex-xs-25 {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-25,
  .layout-xs-column > .flex-xs-25 {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .flex-xs-30 {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-30, #calendar-events-list .md-subheader-content > .flex-xs-30, #calendar-widget .fc-toolbar .fc-left > div > .flex-xs-30,
  .layout-xs-row > .flex-xs-30 {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-30,
  .layout-xs-column > .flex-xs-30 {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .flex-xs-35 {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-35, #calendar-events-list .md-subheader-content > .flex-xs-35, #calendar-widget .fc-toolbar .fc-left > div > .flex-xs-35,
  .layout-xs-row > .flex-xs-35 {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-35,
  .layout-xs-column > .flex-xs-35 {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .flex-xs-40 {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-40, #calendar-events-list .md-subheader-content > .flex-xs-40, #calendar-widget .fc-toolbar .fc-left > div > .flex-xs-40,
  .layout-xs-row > .flex-xs-40 {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-40,
  .layout-xs-column > .flex-xs-40 {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .flex-xs-45 {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-45, #calendar-events-list .md-subheader-content > .flex-xs-45, #calendar-widget .fc-toolbar .fc-left > div > .flex-xs-45,
  .layout-xs-row > .flex-xs-45 {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-45,
  .layout-xs-column > .flex-xs-45 {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .flex-xs-50 {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-50, #calendar-events-list .md-subheader-content > .flex-xs-50, #calendar-widget .fc-toolbar .fc-left > div > .flex-xs-50,
  .layout-xs-row > .flex-xs-50 {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-50,
  .layout-xs-column > .flex-xs-50 {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .flex-xs-55 {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-55, #calendar-events-list .md-subheader-content > .flex-xs-55, #calendar-widget .fc-toolbar .fc-left > div > .flex-xs-55,
  .layout-xs-row > .flex-xs-55 {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-55,
  .layout-xs-column > .flex-xs-55 {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .flex-xs-60 {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-60, #calendar-events-list .md-subheader-content > .flex-xs-60, #calendar-widget .fc-toolbar .fc-left > div > .flex-xs-60,
  .layout-xs-row > .flex-xs-60 {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-60,
  .layout-xs-column > .flex-xs-60 {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .flex-xs-65 {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-65, #calendar-events-list .md-subheader-content > .flex-xs-65, #calendar-widget .fc-toolbar .fc-left > div > .flex-xs-65,
  .layout-xs-row > .flex-xs-65 {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-65,
  .layout-xs-column > .flex-xs-65 {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .flex-xs-70 {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-70, #calendar-events-list .md-subheader-content > .flex-xs-70, #calendar-widget .fc-toolbar .fc-left > div > .flex-xs-70,
  .layout-xs-row > .flex-xs-70 {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-70,
  .layout-xs-column > .flex-xs-70 {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .flex-xs-75 {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-75, #calendar-events-list .md-subheader-content > .flex-xs-75, #calendar-widget .fc-toolbar .fc-left > div > .flex-xs-75,
  .layout-xs-row > .flex-xs-75 {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-75,
  .layout-xs-column > .flex-xs-75 {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .flex-xs-80 {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-80, #calendar-events-list .md-subheader-content > .flex-xs-80, #calendar-widget .fc-toolbar .fc-left > div > .flex-xs-80,
  .layout-xs-row > .flex-xs-80 {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-80,
  .layout-xs-column > .flex-xs-80 {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .flex-xs-85 {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-85, #calendar-events-list .md-subheader-content > .flex-xs-85, #calendar-widget .fc-toolbar .fc-left > div > .flex-xs-85,
  .layout-xs-row > .flex-xs-85 {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-85,
  .layout-xs-column > .flex-xs-85 {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .flex-xs-90 {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-90, #calendar-events-list .md-subheader-content > .flex-xs-90, #calendar-widget .fc-toolbar .fc-left > div > .flex-xs-90,
  .layout-xs-row > .flex-xs-90 {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-90,
  .layout-xs-column > .flex-xs-90 {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .flex-xs-95 {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-95, #calendar-events-list .md-subheader-content > .flex-xs-95, #calendar-widget .fc-toolbar .fc-left > div > .flex-xs-95,
  .layout-xs-row > .flex-xs-95 {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-95,
  .layout-xs-column > .flex-xs-95 {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .flex-xs-100 {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-100, #calendar-events-list .md-subheader-content > .flex-xs-100, #calendar-widget .fc-toolbar .fc-left > div > .flex-xs-100,
  .layout-xs-row > .flex-xs-100 {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-100,
  .layout-xs-column > .flex-xs-100 {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-33, #calendar-events-list .md-subheader-content > .flex-xs-33, #calendar-widget .fc-toolbar .fc-left > div > .flex-xs-33, .layout-row > .flex-xs-33, #calendar-events-list .md-subheader-content > .flex-xs-33, #calendar-widget .fc-toolbar .fc-left > div > .flex-xs-33, .layout-xs-row > .flex-xs-33, .layout-xs-row > .flex-xs-33 {
    -webkit-box-flex: 1;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-66, #calendar-events-list .md-subheader-content > .flex-xs-66, #calendar-widget .fc-toolbar .fc-left > div > .flex-xs-66, .layout-row > .flex-xs-66, #calendar-events-list .md-subheader-content > .flex-xs-66, #calendar-widget .fc-toolbar .fc-left > div > .flex-xs-66, .layout-xs-row > .flex-xs-66, .layout-xs-row > .flex-xs-66 {
    -webkit-box-flex: 1;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex, #calendar-events-list .md-subheader-content > .flex, #calendar-widget .fc-toolbar .fc-left > div > .flex, .layout-xs-row > .flex {
    min-width: 0;
  }
  .layout-column > .flex-xs-33, .layout-column > .flex-xs-33, .layout-xs-column > .flex-xs-33, .layout-xs-column > .flex-xs-33 {
    -webkit-box-flex: 1;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-66, .layout-column > .flex-xs-66, .layout-xs-column > .flex-xs-66, .layout-xs-column > .flex-xs-66 {
    -webkit-box-flex: 1;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-column > .flex, .layout-xs-column > .flex {
    min-height: 0;
  }
  .layout-xs, .layout-xs-column, .layout-xs-row {
    box-sizing: border-box;
    display: -webkit-box;
    display: flex;
  }
  .layout-xs-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
  .layout-xs-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }
}

@media (min-width: 600px) {
  .flex-order-gt-xs--20 {
    -webkit-box-ordinal-group: -19;
    order: -20;
  }
  .flex-order-gt-xs--19 {
    -webkit-box-ordinal-group: -18;
    order: -19;
  }
  .flex-order-gt-xs--18 {
    -webkit-box-ordinal-group: -17;
    order: -18;
  }
  .flex-order-gt-xs--17 {
    -webkit-box-ordinal-group: -16;
    order: -17;
  }
  .flex-order-gt-xs--16 {
    -webkit-box-ordinal-group: -15;
    order: -16;
  }
  .flex-order-gt-xs--15 {
    -webkit-box-ordinal-group: -14;
    order: -15;
  }
  .flex-order-gt-xs--14 {
    -webkit-box-ordinal-group: -13;
    order: -14;
  }
  .flex-order-gt-xs--13 {
    -webkit-box-ordinal-group: -12;
    order: -13;
  }
  .flex-order-gt-xs--12 {
    -webkit-box-ordinal-group: -11;
    order: -12;
  }
  .flex-order-gt-xs--11 {
    -webkit-box-ordinal-group: -10;
    order: -11;
  }
  .flex-order-gt-xs--10 {
    -webkit-box-ordinal-group: -9;
    order: -10;
  }
  .flex-order-gt-xs--9 {
    -webkit-box-ordinal-group: -8;
    order: -9;
  }
  .flex-order-gt-xs--8 {
    -webkit-box-ordinal-group: -7;
    order: -8;
  }
  .flex-order-gt-xs--7 {
    -webkit-box-ordinal-group: -6;
    order: -7;
  }
  .flex-order-gt-xs--6 {
    -webkit-box-ordinal-group: -5;
    order: -6;
  }
  .flex-order-gt-xs--5 {
    -webkit-box-ordinal-group: -4;
    order: -5;
  }
  .flex-order-gt-xs--4 {
    -webkit-box-ordinal-group: -3;
    order: -4;
  }
  .flex-order-gt-xs--3 {
    -webkit-box-ordinal-group: -2;
    order: -3;
  }
  .flex-order-gt-xs--2 {
    -webkit-box-ordinal-group: -1;
    order: -2;
  }
  .flex-order-gt-xs--1 {
    -webkit-box-ordinal-group: 0;
    order: -1;
  }
  .flex-order-gt-xs-0 {
    -webkit-box-ordinal-group: 1;
    order: 0;
  }
  .flex-order-gt-xs-1 {
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
  .flex-order-gt-xs-2 {
    -webkit-box-ordinal-group: 3;
    order: 2;
  }
  .flex-order-gt-xs-3 {
    -webkit-box-ordinal-group: 4;
    order: 3;
  }
  .flex-order-gt-xs-4 {
    -webkit-box-ordinal-group: 5;
    order: 4;
  }
  .flex-order-gt-xs-5 {
    -webkit-box-ordinal-group: 6;
    order: 5;
  }
  .flex-order-gt-xs-6 {
    -webkit-box-ordinal-group: 7;
    order: 6;
  }
  .flex-order-gt-xs-7 {
    -webkit-box-ordinal-group: 8;
    order: 7;
  }
  .flex-order-gt-xs-8 {
    -webkit-box-ordinal-group: 9;
    order: 8;
  }
  .flex-order-gt-xs-9 {
    -webkit-box-ordinal-group: 10;
    order: 9;
  }
  .flex-order-gt-xs-10 {
    -webkit-box-ordinal-group: 11;
    order: 10;
  }
  .flex-order-gt-xs-11 {
    -webkit-box-ordinal-group: 12;
    order: 11;
  }
  .flex-order-gt-xs-12 {
    -webkit-box-ordinal-group: 13;
    order: 12;
  }
  .flex-order-gt-xs-13 {
    -webkit-box-ordinal-group: 14;
    order: 13;
  }
  .flex-order-gt-xs-14 {
    -webkit-box-ordinal-group: 15;
    order: 14;
  }
  .flex-order-gt-xs-15 {
    -webkit-box-ordinal-group: 16;
    order: 15;
  }
  .flex-order-gt-xs-16 {
    -webkit-box-ordinal-group: 17;
    order: 16;
  }
  .flex-order-gt-xs-17 {
    -webkit-box-ordinal-group: 18;
    order: 17;
  }
  .flex-order-gt-xs-18 {
    -webkit-box-ordinal-group: 19;
    order: 18;
  }
  .flex-order-gt-xs-19 {
    -webkit-box-ordinal-group: 20;
    order: 19;
  }
  .flex-order-gt-xs-20 {
    -webkit-box-ordinal-group: 21;
    order: 20;
  }
  .offset-gt-xs-0, .flex-offset-gt-xs-0 {
    margin-left: 0%;
  }
  .offset-gt-xs-5, .flex-offset-gt-xs-5 {
    margin-left: 5%;
  }
  .offset-gt-xs-10, .flex-offset-gt-xs-10 {
    margin-left: 10%;
  }
  .offset-gt-xs-15, .flex-offset-gt-xs-15 {
    margin-left: 15%;
  }
  .offset-gt-xs-20, .flex-offset-gt-xs-20 {
    margin-left: 20%;
  }
  .offset-gt-xs-25, .flex-offset-gt-xs-25 {
    margin-left: 25%;
  }
  .offset-gt-xs-30, .flex-offset-gt-xs-30 {
    margin-left: 30%;
  }
  .offset-gt-xs-35, .flex-offset-gt-xs-35 {
    margin-left: 35%;
  }
  .offset-gt-xs-40, .flex-offset-gt-xs-40 {
    margin-left: 40%;
  }
  .offset-gt-xs-45, .flex-offset-gt-xs-45 {
    margin-left: 45%;
  }
  .offset-gt-xs-50, .flex-offset-gt-xs-50 {
    margin-left: 50%;
  }
  .offset-gt-xs-55, .flex-offset-gt-xs-55 {
    margin-left: 55%;
  }
  .offset-gt-xs-60, .flex-offset-gt-xs-60 {
    margin-left: 60%;
  }
  .offset-gt-xs-65, .flex-offset-gt-xs-65 {
    margin-left: 65%;
  }
  .offset-gt-xs-70, .flex-offset-gt-xs-70 {
    margin-left: 70%;
  }
  .offset-gt-xs-75, .flex-offset-gt-xs-75 {
    margin-left: 75%;
  }
  .offset-gt-xs-80, .flex-offset-gt-xs-80 {
    margin-left: 80%;
  }
  .offset-gt-xs-85, .flex-offset-gt-xs-85 {
    margin-left: 85%;
  }
  .offset-gt-xs-90, .flex-offset-gt-xs-90 {
    margin-left: 90%;
  }
  .offset-gt-xs-95, .flex-offset-gt-xs-95 {
    margin-left: 95%;
  }
  .offset-gt-xs-33, .flex-offset-gt-xs-33 {
    margin-left: calc(100% / 3);
  }
  .offset-gt-xs-66, .flex-offset-gt-xs-66 {
    margin-left: calc(200% / 3);
  }
  .layout-align-gt-xs,
  .layout-align-gt-xs-start-stretch {
    -webkit-box-pack: start;
    justify-content: flex-start;
    align-content: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
  }
  .layout-align-gt-xs-start,
  .layout-align-gt-xs-start-start,
  .layout-align-gt-xs-start-center,
  .layout-align-gt-xs-start-end,
  .layout-align-gt-xs-start-stretch {
    -webkit-box-pack: start;
    justify-content: flex-start;
  }
  .layout-align-gt-xs-center,
  .layout-align-gt-xs-center-start,
  .layout-align-gt-xs-center-center,
  .layout-align-gt-xs-center-end,
  .layout-align-gt-xs-center-stretch {
    -webkit-box-pack: center;
    justify-content: center;
  }
  .layout-align-gt-xs-end,
  .layout-align-gt-xs-end-start,
  .layout-align-gt-xs-end-center,
  .layout-align-gt-xs-end-end,
  .layout-align-gt-xs-end-stretch {
    -webkit-box-pack: end;
    justify-content: flex-end;
  }
  .layout-align-gt-xs-space-around,
  .layout-align-gt-xs-space-around-center,
  .layout-align-gt-xs-space-around-start,
  .layout-align-gt-xs-space-around-end,
  .layout-align-gt-xs-space-around-stretch {
    justify-content: space-around;
  }
  .layout-align-gt-xs-space-between,
  .layout-align-gt-xs-space-between-center,
  .layout-align-gt-xs-space-between-start,
  .layout-align-gt-xs-space-between-end,
  .layout-align-gt-xs-space-between-stretch {
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .layout-align-gt-xs-start-start,
  .layout-align-gt-xs-center-start,
  .layout-align-gt-xs-end-start,
  .layout-align-gt-xs-space-between-start,
  .layout-align-gt-xs-space-around-start {
    -webkit-box-align: start;
    align-items: flex-start;
    align-content: flex-start;
  }
  .layout-align-gt-xs-start-center,
  .layout-align-gt-xs-center-center,
  .layout-align-gt-xs-end-center,
  .layout-align-gt-xs-space-between-center,
  .layout-align-gt-xs-space-around-center {
    -webkit-box-align: center;
    align-items: center;
    align-content: center;
    max-width: 100%;
  }
  .layout-align-gt-xs-start-center > *,
  .layout-align-gt-xs-center-center > *,
  .layout-align-gt-xs-end-center > *,
  .layout-align-gt-xs-space-between-center > *,
  .layout-align-gt-xs-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  .layout-align-gt-xs-start-end,
  .layout-align-gt-xs-center-end,
  .layout-align-gt-xs-end-end,
  .layout-align-gt-xs-space-between-end,
  .layout-align-gt-xs-space-around-end {
    -webkit-box-align: end;
    align-items: flex-end;
    align-content: flex-end;
  }
  .layout-align-gt-xs-start-stretch,
  .layout-align-gt-xs-center-stretch,
  .layout-align-gt-xs-end-stretch,
  .layout-align-gt-xs-space-between-stretch,
  .layout-align-gt-xs-space-around-stretch {
    -webkit-box-align: stretch;
    align-items: stretch;
    align-content: stretch;
  }
  .flex-gt-xs {
    -webkit-box-flex: 1;
    flex: 1;
    box-sizing: border-box;
  }
}

@media screen\0  and (min-width: 600px) {
  .flex-gt-xs {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
  }
}

@media (min-width: 600px) {
  .flex-gt-xs-grow {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  .flex-gt-xs-initial {
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-gt-xs-auto {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  .flex-gt-xs-none {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  .flex-gt-xs-noshrink {
    -webkit-box-flex: 1;
    flex: 1 0 auto;
    box-sizing: border-box;
  }
  .flex-gt-xs-nogrow {
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-gt-xs-0 {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-0, #calendar-events-list .md-subheader-content > .flex-gt-xs-0, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-xs-0,
  .layout-gt-xs-row > .flex-gt-xs-0 {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }
  .layout-column > .flex-gt-xs-0,
  .layout-gt-xs-column > .flex-gt-xs-0 {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0;
  }
  .flex-gt-xs-5 {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-5, #calendar-events-list .md-subheader-content > .flex-gt-xs-5, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-xs-5,
  .layout-gt-xs-row > .flex-gt-xs-5 {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-5,
  .layout-gt-xs-column > .flex-gt-xs-5 {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .flex-gt-xs-10 {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-10, #calendar-events-list .md-subheader-content > .flex-gt-xs-10, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-xs-10,
  .layout-gt-xs-row > .flex-gt-xs-10 {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-10,
  .layout-gt-xs-column > .flex-gt-xs-10 {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .flex-gt-xs-15 {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-15, #calendar-events-list .md-subheader-content > .flex-gt-xs-15, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-xs-15,
  .layout-gt-xs-row > .flex-gt-xs-15 {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-15,
  .layout-gt-xs-column > .flex-gt-xs-15 {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .flex-gt-xs-20 {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-20, #calendar-events-list .md-subheader-content > .flex-gt-xs-20, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-xs-20,
  .layout-gt-xs-row > .flex-gt-xs-20 {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-20,
  .layout-gt-xs-column > .flex-gt-xs-20 {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .flex-gt-xs-25 {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-25, #calendar-events-list .md-subheader-content > .flex-gt-xs-25, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-xs-25,
  .layout-gt-xs-row > .flex-gt-xs-25 {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-25,
  .layout-gt-xs-column > .flex-gt-xs-25 {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .flex-gt-xs-30 {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-30, #calendar-events-list .md-subheader-content > .flex-gt-xs-30, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-xs-30,
  .layout-gt-xs-row > .flex-gt-xs-30 {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-30,
  .layout-gt-xs-column > .flex-gt-xs-30 {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .flex-gt-xs-35 {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-35, #calendar-events-list .md-subheader-content > .flex-gt-xs-35, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-xs-35,
  .layout-gt-xs-row > .flex-gt-xs-35 {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-35,
  .layout-gt-xs-column > .flex-gt-xs-35 {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .flex-gt-xs-40 {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-40, #calendar-events-list .md-subheader-content > .flex-gt-xs-40, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-xs-40,
  .layout-gt-xs-row > .flex-gt-xs-40 {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-40,
  .layout-gt-xs-column > .flex-gt-xs-40 {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .flex-gt-xs-45 {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-45, #calendar-events-list .md-subheader-content > .flex-gt-xs-45, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-xs-45,
  .layout-gt-xs-row > .flex-gt-xs-45 {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-45,
  .layout-gt-xs-column > .flex-gt-xs-45 {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .flex-gt-xs-50 {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-50, #calendar-events-list .md-subheader-content > .flex-gt-xs-50, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-xs-50,
  .layout-gt-xs-row > .flex-gt-xs-50 {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-50,
  .layout-gt-xs-column > .flex-gt-xs-50 {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .flex-gt-xs-55 {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-55, #calendar-events-list .md-subheader-content > .flex-gt-xs-55, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-xs-55,
  .layout-gt-xs-row > .flex-gt-xs-55 {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-55,
  .layout-gt-xs-column > .flex-gt-xs-55 {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .flex-gt-xs-60 {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-60, #calendar-events-list .md-subheader-content > .flex-gt-xs-60, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-xs-60,
  .layout-gt-xs-row > .flex-gt-xs-60 {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-60,
  .layout-gt-xs-column > .flex-gt-xs-60 {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .flex-gt-xs-65 {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-65, #calendar-events-list .md-subheader-content > .flex-gt-xs-65, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-xs-65,
  .layout-gt-xs-row > .flex-gt-xs-65 {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-65,
  .layout-gt-xs-column > .flex-gt-xs-65 {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .flex-gt-xs-70 {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-70, #calendar-events-list .md-subheader-content > .flex-gt-xs-70, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-xs-70,
  .layout-gt-xs-row > .flex-gt-xs-70 {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-70,
  .layout-gt-xs-column > .flex-gt-xs-70 {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .flex-gt-xs-75 {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-75, #calendar-events-list .md-subheader-content > .flex-gt-xs-75, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-xs-75,
  .layout-gt-xs-row > .flex-gt-xs-75 {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-75,
  .layout-gt-xs-column > .flex-gt-xs-75 {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .flex-gt-xs-80 {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-80, #calendar-events-list .md-subheader-content > .flex-gt-xs-80, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-xs-80,
  .layout-gt-xs-row > .flex-gt-xs-80 {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-80,
  .layout-gt-xs-column > .flex-gt-xs-80 {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .flex-gt-xs-85 {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-85, #calendar-events-list .md-subheader-content > .flex-gt-xs-85, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-xs-85,
  .layout-gt-xs-row > .flex-gt-xs-85 {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-85,
  .layout-gt-xs-column > .flex-gt-xs-85 {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .flex-gt-xs-90 {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-90, #calendar-events-list .md-subheader-content > .flex-gt-xs-90, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-xs-90,
  .layout-gt-xs-row > .flex-gt-xs-90 {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-90,
  .layout-gt-xs-column > .flex-gt-xs-90 {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .flex-gt-xs-95 {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-95, #calendar-events-list .md-subheader-content > .flex-gt-xs-95, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-xs-95,
  .layout-gt-xs-row > .flex-gt-xs-95 {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-95,
  .layout-gt-xs-column > .flex-gt-xs-95 {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .flex-gt-xs-100 {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-100, #calendar-events-list .md-subheader-content > .flex-gt-xs-100, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-xs-100,
  .layout-gt-xs-row > .flex-gt-xs-100 {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-100,
  .layout-gt-xs-column > .flex-gt-xs-100 {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-33, #calendar-events-list .md-subheader-content > .flex-gt-xs-33, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-xs-33, .layout-row > .flex-gt-xs-33, #calendar-events-list .md-subheader-content > .flex-gt-xs-33, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-xs-33, .layout-gt-xs-row > .flex-gt-xs-33, .layout-gt-xs-row > .flex-gt-xs-33 {
    -webkit-box-flex: 1;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-66, #calendar-events-list .md-subheader-content > .flex-gt-xs-66, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-xs-66, .layout-row > .flex-gt-xs-66, #calendar-events-list .md-subheader-content > .flex-gt-xs-66, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-xs-66, .layout-gt-xs-row > .flex-gt-xs-66, .layout-gt-xs-row > .flex-gt-xs-66 {
    -webkit-box-flex: 1;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex, #calendar-events-list .md-subheader-content > .flex, #calendar-widget .fc-toolbar .fc-left > div > .flex, .layout-gt-xs-row > .flex {
    min-width: 0;
  }
  .layout-column > .flex-gt-xs-33, .layout-column > .flex-gt-xs-33, .layout-gt-xs-column > .flex-gt-xs-33, .layout-gt-xs-column > .flex-gt-xs-33 {
    -webkit-box-flex: 1;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-66, .layout-column > .flex-gt-xs-66, .layout-gt-xs-column > .flex-gt-xs-66, .layout-gt-xs-column > .flex-gt-xs-66 {
    -webkit-box-flex: 1;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-column > .flex, .layout-gt-xs-column > .flex {
    min-height: 0;
  }
  .layout-gt-xs, .layout-gt-xs-column, .layout-gt-xs-row {
    box-sizing: border-box;
    display: -webkit-box;
    display: flex;
  }
  .layout-gt-xs-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
  .layout-gt-xs-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }
}

@media (min-width: 600px) and (max-width: 959px) {
  .hide:not(.show-gt-xs):not(.show-sm):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-sm):not(.show) {
    display: none;
  }
  .hide-sm:not(.show-gt-xs):not(.show-sm):not(.show) {
    display: none;
  }
  .flex-order-sm--20 {
    -webkit-box-ordinal-group: -19;
    order: -20;
  }
  .flex-order-sm--19 {
    -webkit-box-ordinal-group: -18;
    order: -19;
  }
  .flex-order-sm--18 {
    -webkit-box-ordinal-group: -17;
    order: -18;
  }
  .flex-order-sm--17 {
    -webkit-box-ordinal-group: -16;
    order: -17;
  }
  .flex-order-sm--16 {
    -webkit-box-ordinal-group: -15;
    order: -16;
  }
  .flex-order-sm--15 {
    -webkit-box-ordinal-group: -14;
    order: -15;
  }
  .flex-order-sm--14 {
    -webkit-box-ordinal-group: -13;
    order: -14;
  }
  .flex-order-sm--13 {
    -webkit-box-ordinal-group: -12;
    order: -13;
  }
  .flex-order-sm--12 {
    -webkit-box-ordinal-group: -11;
    order: -12;
  }
  .flex-order-sm--11 {
    -webkit-box-ordinal-group: -10;
    order: -11;
  }
  .flex-order-sm--10 {
    -webkit-box-ordinal-group: -9;
    order: -10;
  }
  .flex-order-sm--9 {
    -webkit-box-ordinal-group: -8;
    order: -9;
  }
  .flex-order-sm--8 {
    -webkit-box-ordinal-group: -7;
    order: -8;
  }
  .flex-order-sm--7 {
    -webkit-box-ordinal-group: -6;
    order: -7;
  }
  .flex-order-sm--6 {
    -webkit-box-ordinal-group: -5;
    order: -6;
  }
  .flex-order-sm--5 {
    -webkit-box-ordinal-group: -4;
    order: -5;
  }
  .flex-order-sm--4 {
    -webkit-box-ordinal-group: -3;
    order: -4;
  }
  .flex-order-sm--3 {
    -webkit-box-ordinal-group: -2;
    order: -3;
  }
  .flex-order-sm--2 {
    -webkit-box-ordinal-group: -1;
    order: -2;
  }
  .flex-order-sm--1 {
    -webkit-box-ordinal-group: 0;
    order: -1;
  }
  .flex-order-sm-0 {
    -webkit-box-ordinal-group: 1;
    order: 0;
  }
  .flex-order-sm-1 {
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
  .flex-order-sm-2 {
    -webkit-box-ordinal-group: 3;
    order: 2;
  }
  .flex-order-sm-3 {
    -webkit-box-ordinal-group: 4;
    order: 3;
  }
  .flex-order-sm-4 {
    -webkit-box-ordinal-group: 5;
    order: 4;
  }
  .flex-order-sm-5 {
    -webkit-box-ordinal-group: 6;
    order: 5;
  }
  .flex-order-sm-6 {
    -webkit-box-ordinal-group: 7;
    order: 6;
  }
  .flex-order-sm-7 {
    -webkit-box-ordinal-group: 8;
    order: 7;
  }
  .flex-order-sm-8 {
    -webkit-box-ordinal-group: 9;
    order: 8;
  }
  .flex-order-sm-9 {
    -webkit-box-ordinal-group: 10;
    order: 9;
  }
  .flex-order-sm-10 {
    -webkit-box-ordinal-group: 11;
    order: 10;
  }
  .flex-order-sm-11 {
    -webkit-box-ordinal-group: 12;
    order: 11;
  }
  .flex-order-sm-12 {
    -webkit-box-ordinal-group: 13;
    order: 12;
  }
  .flex-order-sm-13 {
    -webkit-box-ordinal-group: 14;
    order: 13;
  }
  .flex-order-sm-14 {
    -webkit-box-ordinal-group: 15;
    order: 14;
  }
  .flex-order-sm-15 {
    -webkit-box-ordinal-group: 16;
    order: 15;
  }
  .flex-order-sm-16 {
    -webkit-box-ordinal-group: 17;
    order: 16;
  }
  .flex-order-sm-17 {
    -webkit-box-ordinal-group: 18;
    order: 17;
  }
  .flex-order-sm-18 {
    -webkit-box-ordinal-group: 19;
    order: 18;
  }
  .flex-order-sm-19 {
    -webkit-box-ordinal-group: 20;
    order: 19;
  }
  .flex-order-sm-20 {
    -webkit-box-ordinal-group: 21;
    order: 20;
  }
  .offset-sm-0, .flex-offset-sm-0 {
    margin-left: 0%;
  }
  .offset-sm-5, .flex-offset-sm-5 {
    margin-left: 5%;
  }
  .offset-sm-10, .flex-offset-sm-10 {
    margin-left: 10%;
  }
  .offset-sm-15, .flex-offset-sm-15 {
    margin-left: 15%;
  }
  .offset-sm-20, .flex-offset-sm-20 {
    margin-left: 20%;
  }
  .offset-sm-25, .flex-offset-sm-25 {
    margin-left: 25%;
  }
  .offset-sm-30, .flex-offset-sm-30 {
    margin-left: 30%;
  }
  .offset-sm-35, .flex-offset-sm-35 {
    margin-left: 35%;
  }
  .offset-sm-40, .flex-offset-sm-40 {
    margin-left: 40%;
  }
  .offset-sm-45, .flex-offset-sm-45 {
    margin-left: 45%;
  }
  .offset-sm-50, .flex-offset-sm-50 {
    margin-left: 50%;
  }
  .offset-sm-55, .flex-offset-sm-55 {
    margin-left: 55%;
  }
  .offset-sm-60, .flex-offset-sm-60 {
    margin-left: 60%;
  }
  .offset-sm-65, .flex-offset-sm-65 {
    margin-left: 65%;
  }
  .offset-sm-70, .flex-offset-sm-70 {
    margin-left: 70%;
  }
  .offset-sm-75, .flex-offset-sm-75 {
    margin-left: 75%;
  }
  .offset-sm-80, .flex-offset-sm-80 {
    margin-left: 80%;
  }
  .offset-sm-85, .flex-offset-sm-85 {
    margin-left: 85%;
  }
  .offset-sm-90, .flex-offset-sm-90 {
    margin-left: 90%;
  }
  .offset-sm-95, .flex-offset-sm-95 {
    margin-left: 95%;
  }
  .offset-sm-33, .flex-offset-sm-33 {
    margin-left: calc(100% / 3);
  }
  .offset-sm-66, .flex-offset-sm-66 {
    margin-left: calc(200% / 3);
  }
  .layout-align-sm,
  .layout-align-sm-start-stretch {
    -webkit-box-pack: start;
    justify-content: flex-start;
    align-content: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
  }
  .layout-align-sm-start,
  .layout-align-sm-start-start,
  .layout-align-sm-start-center,
  .layout-align-sm-start-end,
  .layout-align-sm-start-stretch {
    -webkit-box-pack: start;
    justify-content: flex-start;
  }
  .layout-align-sm-center,
  .layout-align-sm-center-start,
  .layout-align-sm-center-center,
  .layout-align-sm-center-end,
  .layout-align-sm-center-stretch {
    -webkit-box-pack: center;
    justify-content: center;
  }
  .layout-align-sm-end,
  .layout-align-sm-end-start,
  .layout-align-sm-end-center,
  .layout-align-sm-end-end,
  .layout-align-sm-end-stretch {
    -webkit-box-pack: end;
    justify-content: flex-end;
  }
  .layout-align-sm-space-around,
  .layout-align-sm-space-around-center,
  .layout-align-sm-space-around-start,
  .layout-align-sm-space-around-end,
  .layout-align-sm-space-around-stretch {
    justify-content: space-around;
  }
  .layout-align-sm-space-between,
  .layout-align-sm-space-between-center,
  .layout-align-sm-space-between-start,
  .layout-align-sm-space-between-end,
  .layout-align-sm-space-between-stretch {
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .layout-align-sm-start-start,
  .layout-align-sm-center-start,
  .layout-align-sm-end-start,
  .layout-align-sm-space-between-start,
  .layout-align-sm-space-around-start {
    -webkit-box-align: start;
    align-items: flex-start;
    align-content: flex-start;
  }
  .layout-align-sm-start-center,
  .layout-align-sm-center-center,
  .layout-align-sm-end-center,
  .layout-align-sm-space-between-center,
  .layout-align-sm-space-around-center {
    -webkit-box-align: center;
    align-items: center;
    align-content: center;
    max-width: 100%;
  }
  .layout-align-sm-start-center > *,
  .layout-align-sm-center-center > *,
  .layout-align-sm-end-center > *,
  .layout-align-sm-space-between-center > *,
  .layout-align-sm-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  .layout-align-sm-start-end,
  .layout-align-sm-center-end,
  .layout-align-sm-end-end,
  .layout-align-sm-space-between-end,
  .layout-align-sm-space-around-end {
    -webkit-box-align: end;
    align-items: flex-end;
    align-content: flex-end;
  }
  .layout-align-sm-start-stretch,
  .layout-align-sm-center-stretch,
  .layout-align-sm-end-stretch,
  .layout-align-sm-space-between-stretch,
  .layout-align-sm-space-around-stretch {
    -webkit-box-align: stretch;
    align-items: stretch;
    align-content: stretch;
  }
  .flex-sm {
    -webkit-box-flex: 1;
    flex: 1;
    box-sizing: border-box;
  }
}

@media screen\0  and (min-width: 600px) and (max-width: 959px) {
  .flex-sm {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
  }
}

@media (min-width: 600px) and (max-width: 959px) {
  .flex-sm-grow {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  .flex-sm-initial {
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-sm-auto {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  .flex-sm-none {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  .flex-sm-noshrink {
    -webkit-box-flex: 1;
    flex: 1 0 auto;
    box-sizing: border-box;
  }
  .flex-sm-nogrow {
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-sm-0 {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-0, #calendar-events-list .md-subheader-content > .flex-sm-0, #calendar-widget .fc-toolbar .fc-left > div > .flex-sm-0,
  .layout-sm-row > .flex-sm-0 {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }
  .layout-column > .flex-sm-0,
  .layout-sm-column > .flex-sm-0 {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0;
  }
  .flex-sm-5 {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-5, #calendar-events-list .md-subheader-content > .flex-sm-5, #calendar-widget .fc-toolbar .fc-left > div > .flex-sm-5,
  .layout-sm-row > .flex-sm-5 {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-5,
  .layout-sm-column > .flex-sm-5 {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .flex-sm-10 {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-10, #calendar-events-list .md-subheader-content > .flex-sm-10, #calendar-widget .fc-toolbar .fc-left > div > .flex-sm-10,
  .layout-sm-row > .flex-sm-10 {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-10,
  .layout-sm-column > .flex-sm-10 {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .flex-sm-15 {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-15, #calendar-events-list .md-subheader-content > .flex-sm-15, #calendar-widget .fc-toolbar .fc-left > div > .flex-sm-15,
  .layout-sm-row > .flex-sm-15 {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-15,
  .layout-sm-column > .flex-sm-15 {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .flex-sm-20 {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-20, #calendar-events-list .md-subheader-content > .flex-sm-20, #calendar-widget .fc-toolbar .fc-left > div > .flex-sm-20,
  .layout-sm-row > .flex-sm-20 {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-20,
  .layout-sm-column > .flex-sm-20 {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .flex-sm-25 {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-25, #calendar-events-list .md-subheader-content > .flex-sm-25, #calendar-widget .fc-toolbar .fc-left > div > .flex-sm-25,
  .layout-sm-row > .flex-sm-25 {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-25,
  .layout-sm-column > .flex-sm-25 {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .flex-sm-30 {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-30, #calendar-events-list .md-subheader-content > .flex-sm-30, #calendar-widget .fc-toolbar .fc-left > div > .flex-sm-30,
  .layout-sm-row > .flex-sm-30 {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-30,
  .layout-sm-column > .flex-sm-30 {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .flex-sm-35 {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-35, #calendar-events-list .md-subheader-content > .flex-sm-35, #calendar-widget .fc-toolbar .fc-left > div > .flex-sm-35,
  .layout-sm-row > .flex-sm-35 {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-35,
  .layout-sm-column > .flex-sm-35 {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .flex-sm-40 {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-40, #calendar-events-list .md-subheader-content > .flex-sm-40, #calendar-widget .fc-toolbar .fc-left > div > .flex-sm-40,
  .layout-sm-row > .flex-sm-40 {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-40,
  .layout-sm-column > .flex-sm-40 {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .flex-sm-45 {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-45, #calendar-events-list .md-subheader-content > .flex-sm-45, #calendar-widget .fc-toolbar .fc-left > div > .flex-sm-45,
  .layout-sm-row > .flex-sm-45 {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-45,
  .layout-sm-column > .flex-sm-45 {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .flex-sm-50 {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-50, #calendar-events-list .md-subheader-content > .flex-sm-50, #calendar-widget .fc-toolbar .fc-left > div > .flex-sm-50,
  .layout-sm-row > .flex-sm-50 {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-50,
  .layout-sm-column > .flex-sm-50 {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .flex-sm-55 {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-55, #calendar-events-list .md-subheader-content > .flex-sm-55, #calendar-widget .fc-toolbar .fc-left > div > .flex-sm-55,
  .layout-sm-row > .flex-sm-55 {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-55,
  .layout-sm-column > .flex-sm-55 {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .flex-sm-60 {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-60, #calendar-events-list .md-subheader-content > .flex-sm-60, #calendar-widget .fc-toolbar .fc-left > div > .flex-sm-60,
  .layout-sm-row > .flex-sm-60 {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-60,
  .layout-sm-column > .flex-sm-60 {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .flex-sm-65 {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-65, #calendar-events-list .md-subheader-content > .flex-sm-65, #calendar-widget .fc-toolbar .fc-left > div > .flex-sm-65,
  .layout-sm-row > .flex-sm-65 {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-65,
  .layout-sm-column > .flex-sm-65 {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .flex-sm-70 {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-70, #calendar-events-list .md-subheader-content > .flex-sm-70, #calendar-widget .fc-toolbar .fc-left > div > .flex-sm-70,
  .layout-sm-row > .flex-sm-70 {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-70,
  .layout-sm-column > .flex-sm-70 {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .flex-sm-75 {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-75, #calendar-events-list .md-subheader-content > .flex-sm-75, #calendar-widget .fc-toolbar .fc-left > div > .flex-sm-75,
  .layout-sm-row > .flex-sm-75 {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-75,
  .layout-sm-column > .flex-sm-75 {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .flex-sm-80 {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-80, #calendar-events-list .md-subheader-content > .flex-sm-80, #calendar-widget .fc-toolbar .fc-left > div > .flex-sm-80,
  .layout-sm-row > .flex-sm-80 {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-80,
  .layout-sm-column > .flex-sm-80 {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .flex-sm-85 {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-85, #calendar-events-list .md-subheader-content > .flex-sm-85, #calendar-widget .fc-toolbar .fc-left > div > .flex-sm-85,
  .layout-sm-row > .flex-sm-85 {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-85,
  .layout-sm-column > .flex-sm-85 {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .flex-sm-90 {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-90, #calendar-events-list .md-subheader-content > .flex-sm-90, #calendar-widget .fc-toolbar .fc-left > div > .flex-sm-90,
  .layout-sm-row > .flex-sm-90 {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-90,
  .layout-sm-column > .flex-sm-90 {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .flex-sm-95 {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-95, #calendar-events-list .md-subheader-content > .flex-sm-95, #calendar-widget .fc-toolbar .fc-left > div > .flex-sm-95,
  .layout-sm-row > .flex-sm-95 {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-95,
  .layout-sm-column > .flex-sm-95 {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .flex-sm-100 {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-100, #calendar-events-list .md-subheader-content > .flex-sm-100, #calendar-widget .fc-toolbar .fc-left > div > .flex-sm-100,
  .layout-sm-row > .flex-sm-100 {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-100,
  .layout-sm-column > .flex-sm-100 {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-33, #calendar-events-list .md-subheader-content > .flex-sm-33, #calendar-widget .fc-toolbar .fc-left > div > .flex-sm-33, .layout-row > .flex-sm-33, #calendar-events-list .md-subheader-content > .flex-sm-33, #calendar-widget .fc-toolbar .fc-left > div > .flex-sm-33, .layout-sm-row > .flex-sm-33, .layout-sm-row > .flex-sm-33 {
    -webkit-box-flex: 1;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-66, #calendar-events-list .md-subheader-content > .flex-sm-66, #calendar-widget .fc-toolbar .fc-left > div > .flex-sm-66, .layout-row > .flex-sm-66, #calendar-events-list .md-subheader-content > .flex-sm-66, #calendar-widget .fc-toolbar .fc-left > div > .flex-sm-66, .layout-sm-row > .flex-sm-66, .layout-sm-row > .flex-sm-66 {
    -webkit-box-flex: 1;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex, #calendar-events-list .md-subheader-content > .flex, #calendar-widget .fc-toolbar .fc-left > div > .flex, .layout-sm-row > .flex {
    min-width: 0;
  }
  .layout-column > .flex-sm-33, .layout-column > .flex-sm-33, .layout-sm-column > .flex-sm-33, .layout-sm-column > .flex-sm-33 {
    -webkit-box-flex: 1;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-66, .layout-column > .flex-sm-66, .layout-sm-column > .flex-sm-66, .layout-sm-column > .flex-sm-66 {
    -webkit-box-flex: 1;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-column > .flex, .layout-sm-column > .flex {
    min-height: 0;
  }
  .layout-sm, .layout-sm-column, .layout-sm-row {
    box-sizing: border-box;
    display: -webkit-box;
    display: flex;
  }
  .layout-sm-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
  .layout-sm-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }
}

@media (min-width: 960px) {
  .flex-order-gt-sm--20 {
    -webkit-box-ordinal-group: -19;
    order: -20;
  }
  .flex-order-gt-sm--19 {
    -webkit-box-ordinal-group: -18;
    order: -19;
  }
  .flex-order-gt-sm--18 {
    -webkit-box-ordinal-group: -17;
    order: -18;
  }
  .flex-order-gt-sm--17 {
    -webkit-box-ordinal-group: -16;
    order: -17;
  }
  .flex-order-gt-sm--16 {
    -webkit-box-ordinal-group: -15;
    order: -16;
  }
  .flex-order-gt-sm--15 {
    -webkit-box-ordinal-group: -14;
    order: -15;
  }
  .flex-order-gt-sm--14 {
    -webkit-box-ordinal-group: -13;
    order: -14;
  }
  .flex-order-gt-sm--13 {
    -webkit-box-ordinal-group: -12;
    order: -13;
  }
  .flex-order-gt-sm--12 {
    -webkit-box-ordinal-group: -11;
    order: -12;
  }
  .flex-order-gt-sm--11 {
    -webkit-box-ordinal-group: -10;
    order: -11;
  }
  .flex-order-gt-sm--10 {
    -webkit-box-ordinal-group: -9;
    order: -10;
  }
  .flex-order-gt-sm--9 {
    -webkit-box-ordinal-group: -8;
    order: -9;
  }
  .flex-order-gt-sm--8 {
    -webkit-box-ordinal-group: -7;
    order: -8;
  }
  .flex-order-gt-sm--7 {
    -webkit-box-ordinal-group: -6;
    order: -7;
  }
  .flex-order-gt-sm--6 {
    -webkit-box-ordinal-group: -5;
    order: -6;
  }
  .flex-order-gt-sm--5 {
    -webkit-box-ordinal-group: -4;
    order: -5;
  }
  .flex-order-gt-sm--4 {
    -webkit-box-ordinal-group: -3;
    order: -4;
  }
  .flex-order-gt-sm--3 {
    -webkit-box-ordinal-group: -2;
    order: -3;
  }
  .flex-order-gt-sm--2 {
    -webkit-box-ordinal-group: -1;
    order: -2;
  }
  .flex-order-gt-sm--1 {
    -webkit-box-ordinal-group: 0;
    order: -1;
  }
  .flex-order-gt-sm-0 {
    -webkit-box-ordinal-group: 1;
    order: 0;
  }
  .flex-order-gt-sm-1 {
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
  .flex-order-gt-sm-2 {
    -webkit-box-ordinal-group: 3;
    order: 2;
  }
  .flex-order-gt-sm-3 {
    -webkit-box-ordinal-group: 4;
    order: 3;
  }
  .flex-order-gt-sm-4 {
    -webkit-box-ordinal-group: 5;
    order: 4;
  }
  .flex-order-gt-sm-5 {
    -webkit-box-ordinal-group: 6;
    order: 5;
  }
  .flex-order-gt-sm-6 {
    -webkit-box-ordinal-group: 7;
    order: 6;
  }
  .flex-order-gt-sm-7 {
    -webkit-box-ordinal-group: 8;
    order: 7;
  }
  .flex-order-gt-sm-8 {
    -webkit-box-ordinal-group: 9;
    order: 8;
  }
  .flex-order-gt-sm-9 {
    -webkit-box-ordinal-group: 10;
    order: 9;
  }
  .flex-order-gt-sm-10 {
    -webkit-box-ordinal-group: 11;
    order: 10;
  }
  .flex-order-gt-sm-11 {
    -webkit-box-ordinal-group: 12;
    order: 11;
  }
  .flex-order-gt-sm-12 {
    -webkit-box-ordinal-group: 13;
    order: 12;
  }
  .flex-order-gt-sm-13 {
    -webkit-box-ordinal-group: 14;
    order: 13;
  }
  .flex-order-gt-sm-14 {
    -webkit-box-ordinal-group: 15;
    order: 14;
  }
  .flex-order-gt-sm-15 {
    -webkit-box-ordinal-group: 16;
    order: 15;
  }
  .flex-order-gt-sm-16 {
    -webkit-box-ordinal-group: 17;
    order: 16;
  }
  .flex-order-gt-sm-17 {
    -webkit-box-ordinal-group: 18;
    order: 17;
  }
  .flex-order-gt-sm-18 {
    -webkit-box-ordinal-group: 19;
    order: 18;
  }
  .flex-order-gt-sm-19 {
    -webkit-box-ordinal-group: 20;
    order: 19;
  }
  .flex-order-gt-sm-20 {
    -webkit-box-ordinal-group: 21;
    order: 20;
  }
  .offset-gt-sm-0, .flex-offset-gt-sm-0 {
    margin-left: 0%;
  }
  .offset-gt-sm-5, .flex-offset-gt-sm-5 {
    margin-left: 5%;
  }
  .offset-gt-sm-10, .flex-offset-gt-sm-10 {
    margin-left: 10%;
  }
  .offset-gt-sm-15, .flex-offset-gt-sm-15 {
    margin-left: 15%;
  }
  .offset-gt-sm-20, .flex-offset-gt-sm-20 {
    margin-left: 20%;
  }
  .offset-gt-sm-25, .flex-offset-gt-sm-25 {
    margin-left: 25%;
  }
  .offset-gt-sm-30, .flex-offset-gt-sm-30 {
    margin-left: 30%;
  }
  .offset-gt-sm-35, .flex-offset-gt-sm-35 {
    margin-left: 35%;
  }
  .offset-gt-sm-40, .flex-offset-gt-sm-40 {
    margin-left: 40%;
  }
  .offset-gt-sm-45, .flex-offset-gt-sm-45 {
    margin-left: 45%;
  }
  .offset-gt-sm-50, .flex-offset-gt-sm-50 {
    margin-left: 50%;
  }
  .offset-gt-sm-55, .flex-offset-gt-sm-55 {
    margin-left: 55%;
  }
  .offset-gt-sm-60, .flex-offset-gt-sm-60 {
    margin-left: 60%;
  }
  .offset-gt-sm-65, .flex-offset-gt-sm-65 {
    margin-left: 65%;
  }
  .offset-gt-sm-70, .flex-offset-gt-sm-70 {
    margin-left: 70%;
  }
  .offset-gt-sm-75, .flex-offset-gt-sm-75 {
    margin-left: 75%;
  }
  .offset-gt-sm-80, .flex-offset-gt-sm-80 {
    margin-left: 80%;
  }
  .offset-gt-sm-85, .flex-offset-gt-sm-85 {
    margin-left: 85%;
  }
  .offset-gt-sm-90, .flex-offset-gt-sm-90 {
    margin-left: 90%;
  }
  .offset-gt-sm-95, .flex-offset-gt-sm-95 {
    margin-left: 95%;
  }
  .offset-gt-sm-33, .flex-offset-gt-sm-33 {
    margin-left: calc(100% / 3);
  }
  .offset-gt-sm-66, .flex-offset-gt-sm-66 {
    margin-left: calc(200% / 3);
  }
  .layout-align-gt-sm,
  .layout-align-gt-sm-start-stretch {
    -webkit-box-pack: start;
    justify-content: flex-start;
    align-content: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
  }
  .layout-align-gt-sm-start,
  .layout-align-gt-sm-start-start,
  .layout-align-gt-sm-start-center,
  .layout-align-gt-sm-start-end,
  .layout-align-gt-sm-start-stretch {
    -webkit-box-pack: start;
    justify-content: flex-start;
  }
  .layout-align-gt-sm-center,
  .layout-align-gt-sm-center-start,
  .layout-align-gt-sm-center-center,
  .layout-align-gt-sm-center-end,
  .layout-align-gt-sm-center-stretch {
    -webkit-box-pack: center;
    justify-content: center;
  }
  .layout-align-gt-sm-end,
  .layout-align-gt-sm-end-start,
  .layout-align-gt-sm-end-center,
  .layout-align-gt-sm-end-end,
  .layout-align-gt-sm-end-stretch {
    -webkit-box-pack: end;
    justify-content: flex-end;
  }
  .layout-align-gt-sm-space-around,
  .layout-align-gt-sm-space-around-center,
  .layout-align-gt-sm-space-around-start,
  .layout-align-gt-sm-space-around-end,
  .layout-align-gt-sm-space-around-stretch {
    justify-content: space-around;
  }
  .layout-align-gt-sm-space-between,
  .layout-align-gt-sm-space-between-center,
  .layout-align-gt-sm-space-between-start,
  .layout-align-gt-sm-space-between-end,
  .layout-align-gt-sm-space-between-stretch {
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .layout-align-gt-sm-start-start,
  .layout-align-gt-sm-center-start,
  .layout-align-gt-sm-end-start,
  .layout-align-gt-sm-space-between-start,
  .layout-align-gt-sm-space-around-start {
    -webkit-box-align: start;
    align-items: flex-start;
    align-content: flex-start;
  }
  .layout-align-gt-sm-start-center,
  .layout-align-gt-sm-center-center,
  .layout-align-gt-sm-end-center,
  .layout-align-gt-sm-space-between-center,
  .layout-align-gt-sm-space-around-center {
    -webkit-box-align: center;
    align-items: center;
    align-content: center;
    max-width: 100%;
  }
  .layout-align-gt-sm-start-center > *,
  .layout-align-gt-sm-center-center > *,
  .layout-align-gt-sm-end-center > *,
  .layout-align-gt-sm-space-between-center > *,
  .layout-align-gt-sm-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  .layout-align-gt-sm-start-end,
  .layout-align-gt-sm-center-end,
  .layout-align-gt-sm-end-end,
  .layout-align-gt-sm-space-between-end,
  .layout-align-gt-sm-space-around-end {
    -webkit-box-align: end;
    align-items: flex-end;
    align-content: flex-end;
  }
  .layout-align-gt-sm-start-stretch,
  .layout-align-gt-sm-center-stretch,
  .layout-align-gt-sm-end-stretch,
  .layout-align-gt-sm-space-between-stretch,
  .layout-align-gt-sm-space-around-stretch {
    -webkit-box-align: stretch;
    align-items: stretch;
    align-content: stretch;
  }
  .flex-gt-sm {
    -webkit-box-flex: 1;
    flex: 1;
    box-sizing: border-box;
  }
}

@media screen\0  and (min-width: 960px) {
  .flex-gt-sm {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
  }
}

@media (min-width: 960px) {
  .flex-gt-sm-grow {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  .flex-gt-sm-initial {
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-gt-sm-auto {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  .flex-gt-sm-none {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  .flex-gt-sm-noshrink {
    -webkit-box-flex: 1;
    flex: 1 0 auto;
    box-sizing: border-box;
  }
  .flex-gt-sm-nogrow {
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-gt-sm-0 {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-0, #calendar-events-list .md-subheader-content > .flex-gt-sm-0, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-sm-0,
  .layout-gt-sm-row > .flex-gt-sm-0 {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }
  .layout-column > .flex-gt-sm-0,
  .layout-gt-sm-column > .flex-gt-sm-0 {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0;
  }
  .flex-gt-sm-5 {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-5, #calendar-events-list .md-subheader-content > .flex-gt-sm-5, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-sm-5,
  .layout-gt-sm-row > .flex-gt-sm-5 {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-5,
  .layout-gt-sm-column > .flex-gt-sm-5 {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .flex-gt-sm-10 {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-10, #calendar-events-list .md-subheader-content > .flex-gt-sm-10, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-sm-10,
  .layout-gt-sm-row > .flex-gt-sm-10 {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-10,
  .layout-gt-sm-column > .flex-gt-sm-10 {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .flex-gt-sm-15 {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-15, #calendar-events-list .md-subheader-content > .flex-gt-sm-15, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-sm-15,
  .layout-gt-sm-row > .flex-gt-sm-15 {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-15,
  .layout-gt-sm-column > .flex-gt-sm-15 {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .flex-gt-sm-20 {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-20, #calendar-events-list .md-subheader-content > .flex-gt-sm-20, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-sm-20,
  .layout-gt-sm-row > .flex-gt-sm-20 {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-20,
  .layout-gt-sm-column > .flex-gt-sm-20 {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .flex-gt-sm-25 {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-25, #calendar-events-list .md-subheader-content > .flex-gt-sm-25, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-sm-25,
  .layout-gt-sm-row > .flex-gt-sm-25 {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-25,
  .layout-gt-sm-column > .flex-gt-sm-25 {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .flex-gt-sm-30 {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-30, #calendar-events-list .md-subheader-content > .flex-gt-sm-30, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-sm-30,
  .layout-gt-sm-row > .flex-gt-sm-30 {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-30,
  .layout-gt-sm-column > .flex-gt-sm-30 {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .flex-gt-sm-35 {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-35, #calendar-events-list .md-subheader-content > .flex-gt-sm-35, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-sm-35,
  .layout-gt-sm-row > .flex-gt-sm-35 {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-35,
  .layout-gt-sm-column > .flex-gt-sm-35 {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .flex-gt-sm-40 {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-40, #calendar-events-list .md-subheader-content > .flex-gt-sm-40, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-sm-40,
  .layout-gt-sm-row > .flex-gt-sm-40 {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-40,
  .layout-gt-sm-column > .flex-gt-sm-40 {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .flex-gt-sm-45 {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-45, #calendar-events-list .md-subheader-content > .flex-gt-sm-45, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-sm-45,
  .layout-gt-sm-row > .flex-gt-sm-45 {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-45,
  .layout-gt-sm-column > .flex-gt-sm-45 {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .flex-gt-sm-50 {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-50, #calendar-events-list .md-subheader-content > .flex-gt-sm-50, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-sm-50,
  .layout-gt-sm-row > .flex-gt-sm-50 {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-50,
  .layout-gt-sm-column > .flex-gt-sm-50 {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .flex-gt-sm-55 {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-55, #calendar-events-list .md-subheader-content > .flex-gt-sm-55, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-sm-55,
  .layout-gt-sm-row > .flex-gt-sm-55 {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-55,
  .layout-gt-sm-column > .flex-gt-sm-55 {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .flex-gt-sm-60 {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-60, #calendar-events-list .md-subheader-content > .flex-gt-sm-60, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-sm-60,
  .layout-gt-sm-row > .flex-gt-sm-60 {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-60,
  .layout-gt-sm-column > .flex-gt-sm-60 {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .flex-gt-sm-65 {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-65, #calendar-events-list .md-subheader-content > .flex-gt-sm-65, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-sm-65,
  .layout-gt-sm-row > .flex-gt-sm-65 {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-65,
  .layout-gt-sm-column > .flex-gt-sm-65 {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .flex-gt-sm-70 {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-70, #calendar-events-list .md-subheader-content > .flex-gt-sm-70, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-sm-70,
  .layout-gt-sm-row > .flex-gt-sm-70 {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-70,
  .layout-gt-sm-column > .flex-gt-sm-70 {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .flex-gt-sm-75 {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-75, #calendar-events-list .md-subheader-content > .flex-gt-sm-75, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-sm-75,
  .layout-gt-sm-row > .flex-gt-sm-75 {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-75,
  .layout-gt-sm-column > .flex-gt-sm-75 {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .flex-gt-sm-80 {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-80, #calendar-events-list .md-subheader-content > .flex-gt-sm-80, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-sm-80,
  .layout-gt-sm-row > .flex-gt-sm-80 {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-80,
  .layout-gt-sm-column > .flex-gt-sm-80 {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .flex-gt-sm-85 {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-85, #calendar-events-list .md-subheader-content > .flex-gt-sm-85, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-sm-85,
  .layout-gt-sm-row > .flex-gt-sm-85 {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-85,
  .layout-gt-sm-column > .flex-gt-sm-85 {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .flex-gt-sm-90 {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-90, #calendar-events-list .md-subheader-content > .flex-gt-sm-90, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-sm-90,
  .layout-gt-sm-row > .flex-gt-sm-90 {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-90,
  .layout-gt-sm-column > .flex-gt-sm-90 {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .flex-gt-sm-95 {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-95, #calendar-events-list .md-subheader-content > .flex-gt-sm-95, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-sm-95,
  .layout-gt-sm-row > .flex-gt-sm-95 {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-95,
  .layout-gt-sm-column > .flex-gt-sm-95 {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .flex-gt-sm-100 {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-100, #calendar-events-list .md-subheader-content > .flex-gt-sm-100, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-sm-100,
  .layout-gt-sm-row > .flex-gt-sm-100 {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-100,
  .layout-gt-sm-column > .flex-gt-sm-100 {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-33, #calendar-events-list .md-subheader-content > .flex-gt-sm-33, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-sm-33, .layout-row > .flex-gt-sm-33, #calendar-events-list .md-subheader-content > .flex-gt-sm-33, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-sm-33, .layout-gt-sm-row > .flex-gt-sm-33, .layout-gt-sm-row > .flex-gt-sm-33 {
    -webkit-box-flex: 1;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-66, #calendar-events-list .md-subheader-content > .flex-gt-sm-66, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-sm-66, .layout-row > .flex-gt-sm-66, #calendar-events-list .md-subheader-content > .flex-gt-sm-66, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-sm-66, .layout-gt-sm-row > .flex-gt-sm-66, .layout-gt-sm-row > .flex-gt-sm-66 {
    -webkit-box-flex: 1;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex, #calendar-events-list .md-subheader-content > .flex, #calendar-widget .fc-toolbar .fc-left > div > .flex, .layout-gt-sm-row > .flex {
    min-width: 0;
  }
  .layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-33, .layout-gt-sm-column > .flex-gt-sm-33, .layout-gt-sm-column > .flex-gt-sm-33 {
    -webkit-box-flex: 1;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-66, .layout-gt-sm-column > .flex-gt-sm-66, .layout-gt-sm-column > .flex-gt-sm-66 {
    -webkit-box-flex: 1;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-column > .flex, .layout-gt-sm-column > .flex {
    min-height: 0;
  }
  .layout-gt-sm, .layout-gt-sm-column, .layout-gt-sm-row {
    box-sizing: border-box;
    display: -webkit-box;
    display: flex;
  }
  .layout-gt-sm-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
  .layout-gt-sm-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }
}

@media (min-width: 960px) and (max-width: 1279px) {
  .hide:not(.show-gt-xs):not(.show-gt-sm):not(.show-md):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-gt-sm):not(.show-md):not(.show), .hide-gt-sm:not(.show-gt-xs):not(.show-gt-sm):not(.show-md):not(.show) {
    display: none;
  }
  .hide-md:not(.show-md):not(.show-gt-sm):not(.show-gt-xs):not(.show) {
    display: none;
  }
  .flex-order-md--20 {
    -webkit-box-ordinal-group: -19;
    order: -20;
  }
  .flex-order-md--19 {
    -webkit-box-ordinal-group: -18;
    order: -19;
  }
  .flex-order-md--18 {
    -webkit-box-ordinal-group: -17;
    order: -18;
  }
  .flex-order-md--17 {
    -webkit-box-ordinal-group: -16;
    order: -17;
  }
  .flex-order-md--16 {
    -webkit-box-ordinal-group: -15;
    order: -16;
  }
  .flex-order-md--15 {
    -webkit-box-ordinal-group: -14;
    order: -15;
  }
  .flex-order-md--14 {
    -webkit-box-ordinal-group: -13;
    order: -14;
  }
  .flex-order-md--13 {
    -webkit-box-ordinal-group: -12;
    order: -13;
  }
  .flex-order-md--12 {
    -webkit-box-ordinal-group: -11;
    order: -12;
  }
  .flex-order-md--11 {
    -webkit-box-ordinal-group: -10;
    order: -11;
  }
  .flex-order-md--10 {
    -webkit-box-ordinal-group: -9;
    order: -10;
  }
  .flex-order-md--9 {
    -webkit-box-ordinal-group: -8;
    order: -9;
  }
  .flex-order-md--8 {
    -webkit-box-ordinal-group: -7;
    order: -8;
  }
  .flex-order-md--7 {
    -webkit-box-ordinal-group: -6;
    order: -7;
  }
  .flex-order-md--6 {
    -webkit-box-ordinal-group: -5;
    order: -6;
  }
  .flex-order-md--5 {
    -webkit-box-ordinal-group: -4;
    order: -5;
  }
  .flex-order-md--4 {
    -webkit-box-ordinal-group: -3;
    order: -4;
  }
  .flex-order-md--3 {
    -webkit-box-ordinal-group: -2;
    order: -3;
  }
  .flex-order-md--2 {
    -webkit-box-ordinal-group: -1;
    order: -2;
  }
  .flex-order-md--1 {
    -webkit-box-ordinal-group: 0;
    order: -1;
  }
  .flex-order-md-0 {
    -webkit-box-ordinal-group: 1;
    order: 0;
  }
  .flex-order-md-1 {
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
  .flex-order-md-2 {
    -webkit-box-ordinal-group: 3;
    order: 2;
  }
  .flex-order-md-3 {
    -webkit-box-ordinal-group: 4;
    order: 3;
  }
  .flex-order-md-4 {
    -webkit-box-ordinal-group: 5;
    order: 4;
  }
  .flex-order-md-5 {
    -webkit-box-ordinal-group: 6;
    order: 5;
  }
  .flex-order-md-6 {
    -webkit-box-ordinal-group: 7;
    order: 6;
  }
  .flex-order-md-7 {
    -webkit-box-ordinal-group: 8;
    order: 7;
  }
  .flex-order-md-8 {
    -webkit-box-ordinal-group: 9;
    order: 8;
  }
  .flex-order-md-9 {
    -webkit-box-ordinal-group: 10;
    order: 9;
  }
  .flex-order-md-10 {
    -webkit-box-ordinal-group: 11;
    order: 10;
  }
  .flex-order-md-11 {
    -webkit-box-ordinal-group: 12;
    order: 11;
  }
  .flex-order-md-12 {
    -webkit-box-ordinal-group: 13;
    order: 12;
  }
  .flex-order-md-13 {
    -webkit-box-ordinal-group: 14;
    order: 13;
  }
  .flex-order-md-14 {
    -webkit-box-ordinal-group: 15;
    order: 14;
  }
  .flex-order-md-15 {
    -webkit-box-ordinal-group: 16;
    order: 15;
  }
  .flex-order-md-16 {
    -webkit-box-ordinal-group: 17;
    order: 16;
  }
  .flex-order-md-17 {
    -webkit-box-ordinal-group: 18;
    order: 17;
  }
  .flex-order-md-18 {
    -webkit-box-ordinal-group: 19;
    order: 18;
  }
  .flex-order-md-19 {
    -webkit-box-ordinal-group: 20;
    order: 19;
  }
  .flex-order-md-20 {
    -webkit-box-ordinal-group: 21;
    order: 20;
  }
  .offset-md-0, .flex-offset-md-0 {
    margin-left: 0%;
  }
  .offset-md-5, .flex-offset-md-5 {
    margin-left: 5%;
  }
  .offset-md-10, .flex-offset-md-10 {
    margin-left: 10%;
  }
  .offset-md-15, .flex-offset-md-15 {
    margin-left: 15%;
  }
  .offset-md-20, .flex-offset-md-20 {
    margin-left: 20%;
  }
  .offset-md-25, .flex-offset-md-25 {
    margin-left: 25%;
  }
  .offset-md-30, .flex-offset-md-30 {
    margin-left: 30%;
  }
  .offset-md-35, .flex-offset-md-35 {
    margin-left: 35%;
  }
  .offset-md-40, .flex-offset-md-40 {
    margin-left: 40%;
  }
  .offset-md-45, .flex-offset-md-45 {
    margin-left: 45%;
  }
  .offset-md-50, .flex-offset-md-50 {
    margin-left: 50%;
  }
  .offset-md-55, .flex-offset-md-55 {
    margin-left: 55%;
  }
  .offset-md-60, .flex-offset-md-60 {
    margin-left: 60%;
  }
  .offset-md-65, .flex-offset-md-65 {
    margin-left: 65%;
  }
  .offset-md-70, .flex-offset-md-70 {
    margin-left: 70%;
  }
  .offset-md-75, .flex-offset-md-75 {
    margin-left: 75%;
  }
  .offset-md-80, .flex-offset-md-80 {
    margin-left: 80%;
  }
  .offset-md-85, .flex-offset-md-85 {
    margin-left: 85%;
  }
  .offset-md-90, .flex-offset-md-90 {
    margin-left: 90%;
  }
  .offset-md-95, .flex-offset-md-95 {
    margin-left: 95%;
  }
  .offset-md-33, .flex-offset-md-33 {
    margin-left: calc(100% / 3);
  }
  .offset-md-66, .flex-offset-md-66 {
    margin-left: calc(200% / 3);
  }
  .layout-align-md,
  .layout-align-md-start-stretch {
    -webkit-box-pack: start;
    justify-content: flex-start;
    align-content: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
  }
  .layout-align-md-start,
  .layout-align-md-start-start,
  .layout-align-md-start-center,
  .layout-align-md-start-end,
  .layout-align-md-start-stretch {
    -webkit-box-pack: start;
    justify-content: flex-start;
  }
  .layout-align-md-center,
  .layout-align-md-center-start,
  .layout-align-md-center-center,
  .layout-align-md-center-end,
  .layout-align-md-center-stretch {
    -webkit-box-pack: center;
    justify-content: center;
  }
  .layout-align-md-end,
  .layout-align-md-end-start,
  .layout-align-md-end-center,
  .layout-align-md-end-end,
  .layout-align-md-end-stretch {
    -webkit-box-pack: end;
    justify-content: flex-end;
  }
  .layout-align-md-space-around,
  .layout-align-md-space-around-center,
  .layout-align-md-space-around-start,
  .layout-align-md-space-around-end,
  .layout-align-md-space-around-stretch {
    justify-content: space-around;
  }
  .layout-align-md-space-between,
  .layout-align-md-space-between-center,
  .layout-align-md-space-between-start,
  .layout-align-md-space-between-end,
  .layout-align-md-space-between-stretch {
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .layout-align-md-start-start,
  .layout-align-md-center-start,
  .layout-align-md-end-start,
  .layout-align-md-space-between-start,
  .layout-align-md-space-around-start {
    -webkit-box-align: start;
    align-items: flex-start;
    align-content: flex-start;
  }
  .layout-align-md-start-center,
  .layout-align-md-center-center,
  .layout-align-md-end-center,
  .layout-align-md-space-between-center,
  .layout-align-md-space-around-center {
    -webkit-box-align: center;
    align-items: center;
    align-content: center;
    max-width: 100%;
  }
  .layout-align-md-start-center > *,
  .layout-align-md-center-center > *,
  .layout-align-md-end-center > *,
  .layout-align-md-space-between-center > *,
  .layout-align-md-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  .layout-align-md-start-end,
  .layout-align-md-center-end,
  .layout-align-md-end-end,
  .layout-align-md-space-between-end,
  .layout-align-md-space-around-end {
    -webkit-box-align: end;
    align-items: flex-end;
    align-content: flex-end;
  }
  .layout-align-md-start-stretch,
  .layout-align-md-center-stretch,
  .layout-align-md-end-stretch,
  .layout-align-md-space-between-stretch,
  .layout-align-md-space-around-stretch {
    -webkit-box-align: stretch;
    align-items: stretch;
    align-content: stretch;
  }
  .flex-md {
    -webkit-box-flex: 1;
    flex: 1;
    box-sizing: border-box;
  }
}

@media screen\0  and (min-width: 960px) and (max-width: 1279px) {
  .flex-md {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
  }
}

@media (min-width: 960px) and (max-width: 1279px) {
  .flex-md-grow {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  .flex-md-initial {
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-md-auto {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  .flex-md-none {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  .flex-md-noshrink {
    -webkit-box-flex: 1;
    flex: 1 0 auto;
    box-sizing: border-box;
  }
  .flex-md-nogrow {
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-md-0 {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-0, #calendar-events-list .md-subheader-content > .flex-md-0, #calendar-widget .fc-toolbar .fc-left > div > .flex-md-0,
  .layout-md-row > .flex-md-0 {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }
  .layout-column > .flex-md-0,
  .layout-md-column > .flex-md-0 {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0;
  }
  .flex-md-5 {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-5, #calendar-events-list .md-subheader-content > .flex-md-5, #calendar-widget .fc-toolbar .fc-left > div > .flex-md-5,
  .layout-md-row > .flex-md-5 {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-5,
  .layout-md-column > .flex-md-5 {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .flex-md-10 {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-10, #calendar-events-list .md-subheader-content > .flex-md-10, #calendar-widget .fc-toolbar .fc-left > div > .flex-md-10,
  .layout-md-row > .flex-md-10 {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-10,
  .layout-md-column > .flex-md-10 {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .flex-md-15 {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-15, #calendar-events-list .md-subheader-content > .flex-md-15, #calendar-widget .fc-toolbar .fc-left > div > .flex-md-15,
  .layout-md-row > .flex-md-15 {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-15,
  .layout-md-column > .flex-md-15 {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .flex-md-20 {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-20, #calendar-events-list .md-subheader-content > .flex-md-20, #calendar-widget .fc-toolbar .fc-left > div > .flex-md-20,
  .layout-md-row > .flex-md-20 {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-20,
  .layout-md-column > .flex-md-20 {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .flex-md-25 {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-25, #calendar-events-list .md-subheader-content > .flex-md-25, #calendar-widget .fc-toolbar .fc-left > div > .flex-md-25,
  .layout-md-row > .flex-md-25 {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-25,
  .layout-md-column > .flex-md-25 {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .flex-md-30 {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-30, #calendar-events-list .md-subheader-content > .flex-md-30, #calendar-widget .fc-toolbar .fc-left > div > .flex-md-30,
  .layout-md-row > .flex-md-30 {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-30,
  .layout-md-column > .flex-md-30 {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .flex-md-35 {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-35, #calendar-events-list .md-subheader-content > .flex-md-35, #calendar-widget .fc-toolbar .fc-left > div > .flex-md-35,
  .layout-md-row > .flex-md-35 {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-35,
  .layout-md-column > .flex-md-35 {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .flex-md-40 {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-40, #calendar-events-list .md-subheader-content > .flex-md-40, #calendar-widget .fc-toolbar .fc-left > div > .flex-md-40,
  .layout-md-row > .flex-md-40 {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-40,
  .layout-md-column > .flex-md-40 {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .flex-md-45 {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-45, #calendar-events-list .md-subheader-content > .flex-md-45, #calendar-widget .fc-toolbar .fc-left > div > .flex-md-45,
  .layout-md-row > .flex-md-45 {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-45,
  .layout-md-column > .flex-md-45 {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .flex-md-50 {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-50, #calendar-events-list .md-subheader-content > .flex-md-50, #calendar-widget .fc-toolbar .fc-left > div > .flex-md-50,
  .layout-md-row > .flex-md-50 {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-50,
  .layout-md-column > .flex-md-50 {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .flex-md-55 {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-55, #calendar-events-list .md-subheader-content > .flex-md-55, #calendar-widget .fc-toolbar .fc-left > div > .flex-md-55,
  .layout-md-row > .flex-md-55 {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-55,
  .layout-md-column > .flex-md-55 {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .flex-md-60 {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-60, #calendar-events-list .md-subheader-content > .flex-md-60, #calendar-widget .fc-toolbar .fc-left > div > .flex-md-60,
  .layout-md-row > .flex-md-60 {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-60,
  .layout-md-column > .flex-md-60 {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .flex-md-65 {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-65, #calendar-events-list .md-subheader-content > .flex-md-65, #calendar-widget .fc-toolbar .fc-left > div > .flex-md-65,
  .layout-md-row > .flex-md-65 {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-65,
  .layout-md-column > .flex-md-65 {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .flex-md-70 {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-70, #calendar-events-list .md-subheader-content > .flex-md-70, #calendar-widget .fc-toolbar .fc-left > div > .flex-md-70,
  .layout-md-row > .flex-md-70 {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-70,
  .layout-md-column > .flex-md-70 {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .flex-md-75 {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-75, #calendar-events-list .md-subheader-content > .flex-md-75, #calendar-widget .fc-toolbar .fc-left > div > .flex-md-75,
  .layout-md-row > .flex-md-75 {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-75,
  .layout-md-column > .flex-md-75 {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .flex-md-80 {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-80, #calendar-events-list .md-subheader-content > .flex-md-80, #calendar-widget .fc-toolbar .fc-left > div > .flex-md-80,
  .layout-md-row > .flex-md-80 {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-80,
  .layout-md-column > .flex-md-80 {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .flex-md-85 {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-85, #calendar-events-list .md-subheader-content > .flex-md-85, #calendar-widget .fc-toolbar .fc-left > div > .flex-md-85,
  .layout-md-row > .flex-md-85 {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-85,
  .layout-md-column > .flex-md-85 {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .flex-md-90 {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-90, #calendar-events-list .md-subheader-content > .flex-md-90, #calendar-widget .fc-toolbar .fc-left > div > .flex-md-90,
  .layout-md-row > .flex-md-90 {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-90,
  .layout-md-column > .flex-md-90 {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .flex-md-95 {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-95, #calendar-events-list .md-subheader-content > .flex-md-95, #calendar-widget .fc-toolbar .fc-left > div > .flex-md-95,
  .layout-md-row > .flex-md-95 {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-95,
  .layout-md-column > .flex-md-95 {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .flex-md-100 {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-100, #calendar-events-list .md-subheader-content > .flex-md-100, #calendar-widget .fc-toolbar .fc-left > div > .flex-md-100,
  .layout-md-row > .flex-md-100 {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-100,
  .layout-md-column > .flex-md-100 {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-33, #calendar-events-list .md-subheader-content > .flex-md-33, #calendar-widget .fc-toolbar .fc-left > div > .flex-md-33, .layout-row > .flex-md-33, #calendar-events-list .md-subheader-content > .flex-md-33, #calendar-widget .fc-toolbar .fc-left > div > .flex-md-33, .layout-md-row > .flex-md-33, .layout-md-row > .flex-md-33 {
    -webkit-box-flex: 1;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-66, #calendar-events-list .md-subheader-content > .flex-md-66, #calendar-widget .fc-toolbar .fc-left > div > .flex-md-66, .layout-row > .flex-md-66, #calendar-events-list .md-subheader-content > .flex-md-66, #calendar-widget .fc-toolbar .fc-left > div > .flex-md-66, .layout-md-row > .flex-md-66, .layout-md-row > .flex-md-66 {
    -webkit-box-flex: 1;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex, #calendar-events-list .md-subheader-content > .flex, #calendar-widget .fc-toolbar .fc-left > div > .flex, .layout-md-row > .flex {
    min-width: 0;
  }
  .layout-column > .flex-md-33, .layout-column > .flex-md-33, .layout-md-column > .flex-md-33, .layout-md-column > .flex-md-33 {
    -webkit-box-flex: 1;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-66, .layout-column > .flex-md-66, .layout-md-column > .flex-md-66, .layout-md-column > .flex-md-66 {
    -webkit-box-flex: 1;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-column > .flex, .layout-md-column > .flex {
    min-height: 0;
  }
  .layout-md, .layout-md-column, .layout-md-row {
    box-sizing: border-box;
    display: -webkit-box;
    display: flex;
  }
  .layout-md-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
  .layout-md-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }
}

@media (min-width: 1280px) {
  .flex-order-gt-md--20 {
    -webkit-box-ordinal-group: -19;
    order: -20;
  }
  .flex-order-gt-md--19 {
    -webkit-box-ordinal-group: -18;
    order: -19;
  }
  .flex-order-gt-md--18 {
    -webkit-box-ordinal-group: -17;
    order: -18;
  }
  .flex-order-gt-md--17 {
    -webkit-box-ordinal-group: -16;
    order: -17;
  }
  .flex-order-gt-md--16 {
    -webkit-box-ordinal-group: -15;
    order: -16;
  }
  .flex-order-gt-md--15 {
    -webkit-box-ordinal-group: -14;
    order: -15;
  }
  .flex-order-gt-md--14 {
    -webkit-box-ordinal-group: -13;
    order: -14;
  }
  .flex-order-gt-md--13 {
    -webkit-box-ordinal-group: -12;
    order: -13;
  }
  .flex-order-gt-md--12 {
    -webkit-box-ordinal-group: -11;
    order: -12;
  }
  .flex-order-gt-md--11 {
    -webkit-box-ordinal-group: -10;
    order: -11;
  }
  .flex-order-gt-md--10 {
    -webkit-box-ordinal-group: -9;
    order: -10;
  }
  .flex-order-gt-md--9 {
    -webkit-box-ordinal-group: -8;
    order: -9;
  }
  .flex-order-gt-md--8 {
    -webkit-box-ordinal-group: -7;
    order: -8;
  }
  .flex-order-gt-md--7 {
    -webkit-box-ordinal-group: -6;
    order: -7;
  }
  .flex-order-gt-md--6 {
    -webkit-box-ordinal-group: -5;
    order: -6;
  }
  .flex-order-gt-md--5 {
    -webkit-box-ordinal-group: -4;
    order: -5;
  }
  .flex-order-gt-md--4 {
    -webkit-box-ordinal-group: -3;
    order: -4;
  }
  .flex-order-gt-md--3 {
    -webkit-box-ordinal-group: -2;
    order: -3;
  }
  .flex-order-gt-md--2 {
    -webkit-box-ordinal-group: -1;
    order: -2;
  }
  .flex-order-gt-md--1 {
    -webkit-box-ordinal-group: 0;
    order: -1;
  }
  .flex-order-gt-md-0 {
    -webkit-box-ordinal-group: 1;
    order: 0;
  }
  .flex-order-gt-md-1 {
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
  .flex-order-gt-md-2 {
    -webkit-box-ordinal-group: 3;
    order: 2;
  }
  .flex-order-gt-md-3 {
    -webkit-box-ordinal-group: 4;
    order: 3;
  }
  .flex-order-gt-md-4 {
    -webkit-box-ordinal-group: 5;
    order: 4;
  }
  .flex-order-gt-md-5 {
    -webkit-box-ordinal-group: 6;
    order: 5;
  }
  .flex-order-gt-md-6 {
    -webkit-box-ordinal-group: 7;
    order: 6;
  }
  .flex-order-gt-md-7 {
    -webkit-box-ordinal-group: 8;
    order: 7;
  }
  .flex-order-gt-md-8 {
    -webkit-box-ordinal-group: 9;
    order: 8;
  }
  .flex-order-gt-md-9 {
    -webkit-box-ordinal-group: 10;
    order: 9;
  }
  .flex-order-gt-md-10 {
    -webkit-box-ordinal-group: 11;
    order: 10;
  }
  .flex-order-gt-md-11 {
    -webkit-box-ordinal-group: 12;
    order: 11;
  }
  .flex-order-gt-md-12 {
    -webkit-box-ordinal-group: 13;
    order: 12;
  }
  .flex-order-gt-md-13 {
    -webkit-box-ordinal-group: 14;
    order: 13;
  }
  .flex-order-gt-md-14 {
    -webkit-box-ordinal-group: 15;
    order: 14;
  }
  .flex-order-gt-md-15 {
    -webkit-box-ordinal-group: 16;
    order: 15;
  }
  .flex-order-gt-md-16 {
    -webkit-box-ordinal-group: 17;
    order: 16;
  }
  .flex-order-gt-md-17 {
    -webkit-box-ordinal-group: 18;
    order: 17;
  }
  .flex-order-gt-md-18 {
    -webkit-box-ordinal-group: 19;
    order: 18;
  }
  .flex-order-gt-md-19 {
    -webkit-box-ordinal-group: 20;
    order: 19;
  }
  .flex-order-gt-md-20 {
    -webkit-box-ordinal-group: 21;
    order: 20;
  }
  .offset-gt-md-0, .flex-offset-gt-md-0 {
    margin-left: 0%;
  }
  .offset-gt-md-5, .flex-offset-gt-md-5 {
    margin-left: 5%;
  }
  .offset-gt-md-10, .flex-offset-gt-md-10 {
    margin-left: 10%;
  }
  .offset-gt-md-15, .flex-offset-gt-md-15 {
    margin-left: 15%;
  }
  .offset-gt-md-20, .flex-offset-gt-md-20 {
    margin-left: 20%;
  }
  .offset-gt-md-25, .flex-offset-gt-md-25 {
    margin-left: 25%;
  }
  .offset-gt-md-30, .flex-offset-gt-md-30 {
    margin-left: 30%;
  }
  .offset-gt-md-35, .flex-offset-gt-md-35 {
    margin-left: 35%;
  }
  .offset-gt-md-40, .flex-offset-gt-md-40 {
    margin-left: 40%;
  }
  .offset-gt-md-45, .flex-offset-gt-md-45 {
    margin-left: 45%;
  }
  .offset-gt-md-50, .flex-offset-gt-md-50 {
    margin-left: 50%;
  }
  .offset-gt-md-55, .flex-offset-gt-md-55 {
    margin-left: 55%;
  }
  .offset-gt-md-60, .flex-offset-gt-md-60 {
    margin-left: 60%;
  }
  .offset-gt-md-65, .flex-offset-gt-md-65 {
    margin-left: 65%;
  }
  .offset-gt-md-70, .flex-offset-gt-md-70 {
    margin-left: 70%;
  }
  .offset-gt-md-75, .flex-offset-gt-md-75 {
    margin-left: 75%;
  }
  .offset-gt-md-80, .flex-offset-gt-md-80 {
    margin-left: 80%;
  }
  .offset-gt-md-85, .flex-offset-gt-md-85 {
    margin-left: 85%;
  }
  .offset-gt-md-90, .flex-offset-gt-md-90 {
    margin-left: 90%;
  }
  .offset-gt-md-95, .flex-offset-gt-md-95 {
    margin-left: 95%;
  }
  .offset-gt-md-33, .flex-offset-gt-md-33 {
    margin-left: calc(100% / 3);
  }
  .offset-gt-md-66, .flex-offset-gt-md-66 {
    margin-left: calc(200% / 3);
  }
  .layout-align-gt-md,
  .layout-align-gt-md-start-stretch {
    -webkit-box-pack: start;
    justify-content: flex-start;
    align-content: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
  }
  .layout-align-gt-md-start,
  .layout-align-gt-md-start-start,
  .layout-align-gt-md-start-center,
  .layout-align-gt-md-start-end,
  .layout-align-gt-md-start-stretch {
    -webkit-box-pack: start;
    justify-content: flex-start;
  }
  .layout-align-gt-md-center,
  .layout-align-gt-md-center-start,
  .layout-align-gt-md-center-center,
  .layout-align-gt-md-center-end,
  .layout-align-gt-md-center-stretch {
    -webkit-box-pack: center;
    justify-content: center;
  }
  .layout-align-gt-md-end,
  .layout-align-gt-md-end-start,
  .layout-align-gt-md-end-center,
  .layout-align-gt-md-end-end,
  .layout-align-gt-md-end-stretch {
    -webkit-box-pack: end;
    justify-content: flex-end;
  }
  .layout-align-gt-md-space-around,
  .layout-align-gt-md-space-around-center,
  .layout-align-gt-md-space-around-start,
  .layout-align-gt-md-space-around-end,
  .layout-align-gt-md-space-around-stretch {
    justify-content: space-around;
  }
  .layout-align-gt-md-space-between,
  .layout-align-gt-md-space-between-center,
  .layout-align-gt-md-space-between-start,
  .layout-align-gt-md-space-between-end,
  .layout-align-gt-md-space-between-stretch {
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .layout-align-gt-md-start-start,
  .layout-align-gt-md-center-start,
  .layout-align-gt-md-end-start,
  .layout-align-gt-md-space-between-start,
  .layout-align-gt-md-space-around-start {
    -webkit-box-align: start;
    align-items: flex-start;
    align-content: flex-start;
  }
  .layout-align-gt-md-start-center,
  .layout-align-gt-md-center-center,
  .layout-align-gt-md-end-center,
  .layout-align-gt-md-space-between-center,
  .layout-align-gt-md-space-around-center {
    -webkit-box-align: center;
    align-items: center;
    align-content: center;
    max-width: 100%;
  }
  .layout-align-gt-md-start-center > *,
  .layout-align-gt-md-center-center > *,
  .layout-align-gt-md-end-center > *,
  .layout-align-gt-md-space-between-center > *,
  .layout-align-gt-md-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  .layout-align-gt-md-start-end,
  .layout-align-gt-md-center-end,
  .layout-align-gt-md-end-end,
  .layout-align-gt-md-space-between-end,
  .layout-align-gt-md-space-around-end {
    -webkit-box-align: end;
    align-items: flex-end;
    align-content: flex-end;
  }
  .layout-align-gt-md-start-stretch,
  .layout-align-gt-md-center-stretch,
  .layout-align-gt-md-end-stretch,
  .layout-align-gt-md-space-between-stretch,
  .layout-align-gt-md-space-around-stretch {
    -webkit-box-align: stretch;
    align-items: stretch;
    align-content: stretch;
  }
  .flex-gt-md {
    -webkit-box-flex: 1;
    flex: 1;
    box-sizing: border-box;
  }
}

@media screen\0  and (min-width: 1280px) {
  .flex-gt-md {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
  }
}

@media (min-width: 1280px) {
  .flex-gt-md-grow {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  .flex-gt-md-initial {
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-gt-md-auto {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  .flex-gt-md-none {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  .flex-gt-md-noshrink {
    -webkit-box-flex: 1;
    flex: 1 0 auto;
    box-sizing: border-box;
  }
  .flex-gt-md-nogrow {
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-gt-md-0 {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-0, #calendar-events-list .md-subheader-content > .flex-gt-md-0, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-md-0,
  .layout-gt-md-row > .flex-gt-md-0 {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }
  .layout-column > .flex-gt-md-0,
  .layout-gt-md-column > .flex-gt-md-0 {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0;
  }
  .flex-gt-md-5 {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-5, #calendar-events-list .md-subheader-content > .flex-gt-md-5, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-md-5,
  .layout-gt-md-row > .flex-gt-md-5 {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-5,
  .layout-gt-md-column > .flex-gt-md-5 {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .flex-gt-md-10 {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-10, #calendar-events-list .md-subheader-content > .flex-gt-md-10, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-md-10,
  .layout-gt-md-row > .flex-gt-md-10 {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-10,
  .layout-gt-md-column > .flex-gt-md-10 {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .flex-gt-md-15 {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-15, #calendar-events-list .md-subheader-content > .flex-gt-md-15, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-md-15,
  .layout-gt-md-row > .flex-gt-md-15 {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-15,
  .layout-gt-md-column > .flex-gt-md-15 {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .flex-gt-md-20 {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-20, #calendar-events-list .md-subheader-content > .flex-gt-md-20, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-md-20,
  .layout-gt-md-row > .flex-gt-md-20 {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-20,
  .layout-gt-md-column > .flex-gt-md-20 {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .flex-gt-md-25 {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-25, #calendar-events-list .md-subheader-content > .flex-gt-md-25, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-md-25,
  .layout-gt-md-row > .flex-gt-md-25 {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-25,
  .layout-gt-md-column > .flex-gt-md-25 {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .flex-gt-md-30 {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-30, #calendar-events-list .md-subheader-content > .flex-gt-md-30, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-md-30,
  .layout-gt-md-row > .flex-gt-md-30 {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-30,
  .layout-gt-md-column > .flex-gt-md-30 {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .flex-gt-md-35 {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-35, #calendar-events-list .md-subheader-content > .flex-gt-md-35, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-md-35,
  .layout-gt-md-row > .flex-gt-md-35 {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-35,
  .layout-gt-md-column > .flex-gt-md-35 {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .flex-gt-md-40 {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-40, #calendar-events-list .md-subheader-content > .flex-gt-md-40, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-md-40,
  .layout-gt-md-row > .flex-gt-md-40 {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-40,
  .layout-gt-md-column > .flex-gt-md-40 {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .flex-gt-md-45 {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-45, #calendar-events-list .md-subheader-content > .flex-gt-md-45, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-md-45,
  .layout-gt-md-row > .flex-gt-md-45 {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-45,
  .layout-gt-md-column > .flex-gt-md-45 {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .flex-gt-md-50 {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-50, #calendar-events-list .md-subheader-content > .flex-gt-md-50, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-md-50,
  .layout-gt-md-row > .flex-gt-md-50 {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-50,
  .layout-gt-md-column > .flex-gt-md-50 {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .flex-gt-md-55 {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-55, #calendar-events-list .md-subheader-content > .flex-gt-md-55, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-md-55,
  .layout-gt-md-row > .flex-gt-md-55 {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-55,
  .layout-gt-md-column > .flex-gt-md-55 {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .flex-gt-md-60 {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-60, #calendar-events-list .md-subheader-content > .flex-gt-md-60, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-md-60,
  .layout-gt-md-row > .flex-gt-md-60 {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-60,
  .layout-gt-md-column > .flex-gt-md-60 {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .flex-gt-md-65 {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-65, #calendar-events-list .md-subheader-content > .flex-gt-md-65, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-md-65,
  .layout-gt-md-row > .flex-gt-md-65 {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-65,
  .layout-gt-md-column > .flex-gt-md-65 {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .flex-gt-md-70 {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-70, #calendar-events-list .md-subheader-content > .flex-gt-md-70, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-md-70,
  .layout-gt-md-row > .flex-gt-md-70 {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-70,
  .layout-gt-md-column > .flex-gt-md-70 {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .flex-gt-md-75 {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-75, #calendar-events-list .md-subheader-content > .flex-gt-md-75, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-md-75,
  .layout-gt-md-row > .flex-gt-md-75 {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-75,
  .layout-gt-md-column > .flex-gt-md-75 {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .flex-gt-md-80 {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-80, #calendar-events-list .md-subheader-content > .flex-gt-md-80, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-md-80,
  .layout-gt-md-row > .flex-gt-md-80 {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-80,
  .layout-gt-md-column > .flex-gt-md-80 {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .flex-gt-md-85 {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-85, #calendar-events-list .md-subheader-content > .flex-gt-md-85, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-md-85,
  .layout-gt-md-row > .flex-gt-md-85 {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-85,
  .layout-gt-md-column > .flex-gt-md-85 {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .flex-gt-md-90 {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-90, #calendar-events-list .md-subheader-content > .flex-gt-md-90, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-md-90,
  .layout-gt-md-row > .flex-gt-md-90 {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-90,
  .layout-gt-md-column > .flex-gt-md-90 {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .flex-gt-md-95 {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-95, #calendar-events-list .md-subheader-content > .flex-gt-md-95, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-md-95,
  .layout-gt-md-row > .flex-gt-md-95 {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-95,
  .layout-gt-md-column > .flex-gt-md-95 {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .flex-gt-md-100 {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-100, #calendar-events-list .md-subheader-content > .flex-gt-md-100, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-md-100,
  .layout-gt-md-row > .flex-gt-md-100 {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-100,
  .layout-gt-md-column > .flex-gt-md-100 {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-33, #calendar-events-list .md-subheader-content > .flex-gt-md-33, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-md-33, .layout-row > .flex-gt-md-33, #calendar-events-list .md-subheader-content > .flex-gt-md-33, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-md-33, .layout-gt-md-row > .flex-gt-md-33, .layout-gt-md-row > .flex-gt-md-33 {
    -webkit-box-flex: 1;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-66, #calendar-events-list .md-subheader-content > .flex-gt-md-66, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-md-66, .layout-row > .flex-gt-md-66, #calendar-events-list .md-subheader-content > .flex-gt-md-66, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-md-66, .layout-gt-md-row > .flex-gt-md-66, .layout-gt-md-row > .flex-gt-md-66 {
    -webkit-box-flex: 1;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex, #calendar-events-list .md-subheader-content > .flex, #calendar-widget .fc-toolbar .fc-left > div > .flex, .layout-gt-md-row > .flex {
    min-width: 0;
  }
  .layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-33, .layout-gt-md-column > .flex-gt-md-33, .layout-gt-md-column > .flex-gt-md-33 {
    -webkit-box-flex: 1;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-66, .layout-gt-md-column > .flex-gt-md-66, .layout-gt-md-column > .flex-gt-md-66 {
    -webkit-box-flex: 1;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-column > .flex, .layout-gt-md-column > .flex {
    min-height: 0;
  }
  .layout-gt-md, .layout-gt-md-column, .layout-gt-md-row {
    box-sizing: border-box;
    display: -webkit-box;
    display: flex;
  }
  .layout-gt-md-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
  .layout-gt-md-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }
}

@media (min-width: 1280px) and (max-width: 1919px) {
  .hide:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-gt-sm:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-gt-md:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show) {
    display: none;
  }
  .hide-lg:not(.show-lg):not(.show-gt-md):not(.show-gt-sm):not(.show-gt-xs):not(.show) {
    display: none;
  }
  .flex-order-lg--20 {
    -webkit-box-ordinal-group: -19;
    order: -20;
  }
  .flex-order-lg--19 {
    -webkit-box-ordinal-group: -18;
    order: -19;
  }
  .flex-order-lg--18 {
    -webkit-box-ordinal-group: -17;
    order: -18;
  }
  .flex-order-lg--17 {
    -webkit-box-ordinal-group: -16;
    order: -17;
  }
  .flex-order-lg--16 {
    -webkit-box-ordinal-group: -15;
    order: -16;
  }
  .flex-order-lg--15 {
    -webkit-box-ordinal-group: -14;
    order: -15;
  }
  .flex-order-lg--14 {
    -webkit-box-ordinal-group: -13;
    order: -14;
  }
  .flex-order-lg--13 {
    -webkit-box-ordinal-group: -12;
    order: -13;
  }
  .flex-order-lg--12 {
    -webkit-box-ordinal-group: -11;
    order: -12;
  }
  .flex-order-lg--11 {
    -webkit-box-ordinal-group: -10;
    order: -11;
  }
  .flex-order-lg--10 {
    -webkit-box-ordinal-group: -9;
    order: -10;
  }
  .flex-order-lg--9 {
    -webkit-box-ordinal-group: -8;
    order: -9;
  }
  .flex-order-lg--8 {
    -webkit-box-ordinal-group: -7;
    order: -8;
  }
  .flex-order-lg--7 {
    -webkit-box-ordinal-group: -6;
    order: -7;
  }
  .flex-order-lg--6 {
    -webkit-box-ordinal-group: -5;
    order: -6;
  }
  .flex-order-lg--5 {
    -webkit-box-ordinal-group: -4;
    order: -5;
  }
  .flex-order-lg--4 {
    -webkit-box-ordinal-group: -3;
    order: -4;
  }
  .flex-order-lg--3 {
    -webkit-box-ordinal-group: -2;
    order: -3;
  }
  .flex-order-lg--2 {
    -webkit-box-ordinal-group: -1;
    order: -2;
  }
  .flex-order-lg--1 {
    -webkit-box-ordinal-group: 0;
    order: -1;
  }
  .flex-order-lg-0 {
    -webkit-box-ordinal-group: 1;
    order: 0;
  }
  .flex-order-lg-1 {
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
  .flex-order-lg-2 {
    -webkit-box-ordinal-group: 3;
    order: 2;
  }
  .flex-order-lg-3 {
    -webkit-box-ordinal-group: 4;
    order: 3;
  }
  .flex-order-lg-4 {
    -webkit-box-ordinal-group: 5;
    order: 4;
  }
  .flex-order-lg-5 {
    -webkit-box-ordinal-group: 6;
    order: 5;
  }
  .flex-order-lg-6 {
    -webkit-box-ordinal-group: 7;
    order: 6;
  }
  .flex-order-lg-7 {
    -webkit-box-ordinal-group: 8;
    order: 7;
  }
  .flex-order-lg-8 {
    -webkit-box-ordinal-group: 9;
    order: 8;
  }
  .flex-order-lg-9 {
    -webkit-box-ordinal-group: 10;
    order: 9;
  }
  .flex-order-lg-10 {
    -webkit-box-ordinal-group: 11;
    order: 10;
  }
  .flex-order-lg-11 {
    -webkit-box-ordinal-group: 12;
    order: 11;
  }
  .flex-order-lg-12 {
    -webkit-box-ordinal-group: 13;
    order: 12;
  }
  .flex-order-lg-13 {
    -webkit-box-ordinal-group: 14;
    order: 13;
  }
  .flex-order-lg-14 {
    -webkit-box-ordinal-group: 15;
    order: 14;
  }
  .flex-order-lg-15 {
    -webkit-box-ordinal-group: 16;
    order: 15;
  }
  .flex-order-lg-16 {
    -webkit-box-ordinal-group: 17;
    order: 16;
  }
  .flex-order-lg-17 {
    -webkit-box-ordinal-group: 18;
    order: 17;
  }
  .flex-order-lg-18 {
    -webkit-box-ordinal-group: 19;
    order: 18;
  }
  .flex-order-lg-19 {
    -webkit-box-ordinal-group: 20;
    order: 19;
  }
  .flex-order-lg-20 {
    -webkit-box-ordinal-group: 21;
    order: 20;
  }
  .offset-lg-0, .flex-offset-lg-0 {
    margin-left: 0%;
  }
  .offset-lg-5, .flex-offset-lg-5 {
    margin-left: 5%;
  }
  .offset-lg-10, .flex-offset-lg-10 {
    margin-left: 10%;
  }
  .offset-lg-15, .flex-offset-lg-15 {
    margin-left: 15%;
  }
  .offset-lg-20, .flex-offset-lg-20 {
    margin-left: 20%;
  }
  .offset-lg-25, .flex-offset-lg-25 {
    margin-left: 25%;
  }
  .offset-lg-30, .flex-offset-lg-30 {
    margin-left: 30%;
  }
  .offset-lg-35, .flex-offset-lg-35 {
    margin-left: 35%;
  }
  .offset-lg-40, .flex-offset-lg-40 {
    margin-left: 40%;
  }
  .offset-lg-45, .flex-offset-lg-45 {
    margin-left: 45%;
  }
  .offset-lg-50, .flex-offset-lg-50 {
    margin-left: 50%;
  }
  .offset-lg-55, .flex-offset-lg-55 {
    margin-left: 55%;
  }
  .offset-lg-60, .flex-offset-lg-60 {
    margin-left: 60%;
  }
  .offset-lg-65, .flex-offset-lg-65 {
    margin-left: 65%;
  }
  .offset-lg-70, .flex-offset-lg-70 {
    margin-left: 70%;
  }
  .offset-lg-75, .flex-offset-lg-75 {
    margin-left: 75%;
  }
  .offset-lg-80, .flex-offset-lg-80 {
    margin-left: 80%;
  }
  .offset-lg-85, .flex-offset-lg-85 {
    margin-left: 85%;
  }
  .offset-lg-90, .flex-offset-lg-90 {
    margin-left: 90%;
  }
  .offset-lg-95, .flex-offset-lg-95 {
    margin-left: 95%;
  }
  .offset-lg-33, .flex-offset-lg-33 {
    margin-left: calc(100% / 3);
  }
  .offset-lg-66, .flex-offset-lg-66 {
    margin-left: calc(200% / 3);
  }
  .layout-align-lg,
  .layout-align-lg-start-stretch {
    -webkit-box-pack: start;
    justify-content: flex-start;
    align-content: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
  }
  .layout-align-lg-start,
  .layout-align-lg-start-start,
  .layout-align-lg-start-center,
  .layout-align-lg-start-end,
  .layout-align-lg-start-stretch {
    -webkit-box-pack: start;
    justify-content: flex-start;
  }
  .layout-align-lg-center,
  .layout-align-lg-center-start,
  .layout-align-lg-center-center,
  .layout-align-lg-center-end,
  .layout-align-lg-center-stretch {
    -webkit-box-pack: center;
    justify-content: center;
  }
  .layout-align-lg-end,
  .layout-align-lg-end-start,
  .layout-align-lg-end-center,
  .layout-align-lg-end-end,
  .layout-align-lg-end-stretch {
    -webkit-box-pack: end;
    justify-content: flex-end;
  }
  .layout-align-lg-space-around,
  .layout-align-lg-space-around-center,
  .layout-align-lg-space-around-start,
  .layout-align-lg-space-around-end,
  .layout-align-lg-space-around-stretch {
    justify-content: space-around;
  }
  .layout-align-lg-space-between,
  .layout-align-lg-space-between-center,
  .layout-align-lg-space-between-start,
  .layout-align-lg-space-between-end,
  .layout-align-lg-space-between-stretch {
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .layout-align-lg-start-start,
  .layout-align-lg-center-start,
  .layout-align-lg-end-start,
  .layout-align-lg-space-between-start,
  .layout-align-lg-space-around-start {
    -webkit-box-align: start;
    align-items: flex-start;
    align-content: flex-start;
  }
  .layout-align-lg-start-center,
  .layout-align-lg-center-center,
  .layout-align-lg-end-center,
  .layout-align-lg-space-between-center,
  .layout-align-lg-space-around-center {
    -webkit-box-align: center;
    align-items: center;
    align-content: center;
    max-width: 100%;
  }
  .layout-align-lg-start-center > *,
  .layout-align-lg-center-center > *,
  .layout-align-lg-end-center > *,
  .layout-align-lg-space-between-center > *,
  .layout-align-lg-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  .layout-align-lg-start-end,
  .layout-align-lg-center-end,
  .layout-align-lg-end-end,
  .layout-align-lg-space-between-end,
  .layout-align-lg-space-around-end {
    -webkit-box-align: end;
    align-items: flex-end;
    align-content: flex-end;
  }
  .layout-align-lg-start-stretch,
  .layout-align-lg-center-stretch,
  .layout-align-lg-end-stretch,
  .layout-align-lg-space-between-stretch,
  .layout-align-lg-space-around-stretch {
    -webkit-box-align: stretch;
    align-items: stretch;
    align-content: stretch;
  }
  .flex-lg {
    -webkit-box-flex: 1;
    flex: 1;
    box-sizing: border-box;
  }
}

@media screen\0  and (min-width: 1280px) and (max-width: 1919px) {
  .flex-lg {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
  }
}

@media (min-width: 1280px) and (max-width: 1919px) {
  .flex-lg-grow {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  .flex-lg-initial {
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-lg-auto {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  .flex-lg-none {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  .flex-lg-noshrink {
    -webkit-box-flex: 1;
    flex: 1 0 auto;
    box-sizing: border-box;
  }
  .flex-lg-nogrow {
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-lg-0 {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-0, #calendar-events-list .md-subheader-content > .flex-lg-0, #calendar-widget .fc-toolbar .fc-left > div > .flex-lg-0,
  .layout-lg-row > .flex-lg-0 {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }
  .layout-column > .flex-lg-0,
  .layout-lg-column > .flex-lg-0 {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0;
  }
  .flex-lg-5 {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-5, #calendar-events-list .md-subheader-content > .flex-lg-5, #calendar-widget .fc-toolbar .fc-left > div > .flex-lg-5,
  .layout-lg-row > .flex-lg-5 {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-5,
  .layout-lg-column > .flex-lg-5 {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .flex-lg-10 {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-10, #calendar-events-list .md-subheader-content > .flex-lg-10, #calendar-widget .fc-toolbar .fc-left > div > .flex-lg-10,
  .layout-lg-row > .flex-lg-10 {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-10,
  .layout-lg-column > .flex-lg-10 {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .flex-lg-15 {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-15, #calendar-events-list .md-subheader-content > .flex-lg-15, #calendar-widget .fc-toolbar .fc-left > div > .flex-lg-15,
  .layout-lg-row > .flex-lg-15 {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-15,
  .layout-lg-column > .flex-lg-15 {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .flex-lg-20 {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-20, #calendar-events-list .md-subheader-content > .flex-lg-20, #calendar-widget .fc-toolbar .fc-left > div > .flex-lg-20,
  .layout-lg-row > .flex-lg-20 {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-20,
  .layout-lg-column > .flex-lg-20 {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .flex-lg-25 {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-25, #calendar-events-list .md-subheader-content > .flex-lg-25, #calendar-widget .fc-toolbar .fc-left > div > .flex-lg-25,
  .layout-lg-row > .flex-lg-25 {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-25,
  .layout-lg-column > .flex-lg-25 {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .flex-lg-30 {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-30, #calendar-events-list .md-subheader-content > .flex-lg-30, #calendar-widget .fc-toolbar .fc-left > div > .flex-lg-30,
  .layout-lg-row > .flex-lg-30 {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-30,
  .layout-lg-column > .flex-lg-30 {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .flex-lg-35 {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-35, #calendar-events-list .md-subheader-content > .flex-lg-35, #calendar-widget .fc-toolbar .fc-left > div > .flex-lg-35,
  .layout-lg-row > .flex-lg-35 {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-35,
  .layout-lg-column > .flex-lg-35 {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .flex-lg-40 {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-40, #calendar-events-list .md-subheader-content > .flex-lg-40, #calendar-widget .fc-toolbar .fc-left > div > .flex-lg-40,
  .layout-lg-row > .flex-lg-40 {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-40,
  .layout-lg-column > .flex-lg-40 {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .flex-lg-45 {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-45, #calendar-events-list .md-subheader-content > .flex-lg-45, #calendar-widget .fc-toolbar .fc-left > div > .flex-lg-45,
  .layout-lg-row > .flex-lg-45 {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-45,
  .layout-lg-column > .flex-lg-45 {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .flex-lg-50 {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-50, #calendar-events-list .md-subheader-content > .flex-lg-50, #calendar-widget .fc-toolbar .fc-left > div > .flex-lg-50,
  .layout-lg-row > .flex-lg-50 {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-50,
  .layout-lg-column > .flex-lg-50 {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .flex-lg-55 {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-55, #calendar-events-list .md-subheader-content > .flex-lg-55, #calendar-widget .fc-toolbar .fc-left > div > .flex-lg-55,
  .layout-lg-row > .flex-lg-55 {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-55,
  .layout-lg-column > .flex-lg-55 {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .flex-lg-60 {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-60, #calendar-events-list .md-subheader-content > .flex-lg-60, #calendar-widget .fc-toolbar .fc-left > div > .flex-lg-60,
  .layout-lg-row > .flex-lg-60 {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-60,
  .layout-lg-column > .flex-lg-60 {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .flex-lg-65 {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-65, #calendar-events-list .md-subheader-content > .flex-lg-65, #calendar-widget .fc-toolbar .fc-left > div > .flex-lg-65,
  .layout-lg-row > .flex-lg-65 {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-65,
  .layout-lg-column > .flex-lg-65 {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .flex-lg-70 {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-70, #calendar-events-list .md-subheader-content > .flex-lg-70, #calendar-widget .fc-toolbar .fc-left > div > .flex-lg-70,
  .layout-lg-row > .flex-lg-70 {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-70,
  .layout-lg-column > .flex-lg-70 {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .flex-lg-75 {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-75, #calendar-events-list .md-subheader-content > .flex-lg-75, #calendar-widget .fc-toolbar .fc-left > div > .flex-lg-75,
  .layout-lg-row > .flex-lg-75 {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-75,
  .layout-lg-column > .flex-lg-75 {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .flex-lg-80 {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-80, #calendar-events-list .md-subheader-content > .flex-lg-80, #calendar-widget .fc-toolbar .fc-left > div > .flex-lg-80,
  .layout-lg-row > .flex-lg-80 {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-80,
  .layout-lg-column > .flex-lg-80 {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .flex-lg-85 {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-85, #calendar-events-list .md-subheader-content > .flex-lg-85, #calendar-widget .fc-toolbar .fc-left > div > .flex-lg-85,
  .layout-lg-row > .flex-lg-85 {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-85,
  .layout-lg-column > .flex-lg-85 {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .flex-lg-90 {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-90, #calendar-events-list .md-subheader-content > .flex-lg-90, #calendar-widget .fc-toolbar .fc-left > div > .flex-lg-90,
  .layout-lg-row > .flex-lg-90 {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-90,
  .layout-lg-column > .flex-lg-90 {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .flex-lg-95 {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-95, #calendar-events-list .md-subheader-content > .flex-lg-95, #calendar-widget .fc-toolbar .fc-left > div > .flex-lg-95,
  .layout-lg-row > .flex-lg-95 {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-95,
  .layout-lg-column > .flex-lg-95 {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .flex-lg-100 {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-100, #calendar-events-list .md-subheader-content > .flex-lg-100, #calendar-widget .fc-toolbar .fc-left > div > .flex-lg-100,
  .layout-lg-row > .flex-lg-100 {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-100,
  .layout-lg-column > .flex-lg-100 {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-33, #calendar-events-list .md-subheader-content > .flex-lg-33, #calendar-widget .fc-toolbar .fc-left > div > .flex-lg-33, .layout-row > .flex-lg-33, #calendar-events-list .md-subheader-content > .flex-lg-33, #calendar-widget .fc-toolbar .fc-left > div > .flex-lg-33, .layout-lg-row > .flex-lg-33, .layout-lg-row > .flex-lg-33 {
    -webkit-box-flex: 1;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-66, #calendar-events-list .md-subheader-content > .flex-lg-66, #calendar-widget .fc-toolbar .fc-left > div > .flex-lg-66, .layout-row > .flex-lg-66, #calendar-events-list .md-subheader-content > .flex-lg-66, #calendar-widget .fc-toolbar .fc-left > div > .flex-lg-66, .layout-lg-row > .flex-lg-66, .layout-lg-row > .flex-lg-66 {
    -webkit-box-flex: 1;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex, #calendar-events-list .md-subheader-content > .flex, #calendar-widget .fc-toolbar .fc-left > div > .flex, .layout-lg-row > .flex {
    min-width: 0;
  }
  .layout-column > .flex-lg-33, .layout-column > .flex-lg-33, .layout-lg-column > .flex-lg-33, .layout-lg-column > .flex-lg-33 {
    -webkit-box-flex: 1;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-66, .layout-column > .flex-lg-66, .layout-lg-column > .flex-lg-66, .layout-lg-column > .flex-lg-66 {
    -webkit-box-flex: 1;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-column > .flex, .layout-lg-column > .flex {
    min-height: 0;
  }
  .layout-lg, .layout-lg-column, .layout-lg-row {
    box-sizing: border-box;
    display: -webkit-box;
    display: flex;
  }
  .layout-lg-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
  .layout-lg-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }
}

@media (min-width: 1920px) {
  .flex-order-gt-lg--20 {
    -webkit-box-ordinal-group: -19;
    order: -20;
  }
  .flex-order-gt-lg--19 {
    -webkit-box-ordinal-group: -18;
    order: -19;
  }
  .flex-order-gt-lg--18 {
    -webkit-box-ordinal-group: -17;
    order: -18;
  }
  .flex-order-gt-lg--17 {
    -webkit-box-ordinal-group: -16;
    order: -17;
  }
  .flex-order-gt-lg--16 {
    -webkit-box-ordinal-group: -15;
    order: -16;
  }
  .flex-order-gt-lg--15 {
    -webkit-box-ordinal-group: -14;
    order: -15;
  }
  .flex-order-gt-lg--14 {
    -webkit-box-ordinal-group: -13;
    order: -14;
  }
  .flex-order-gt-lg--13 {
    -webkit-box-ordinal-group: -12;
    order: -13;
  }
  .flex-order-gt-lg--12 {
    -webkit-box-ordinal-group: -11;
    order: -12;
  }
  .flex-order-gt-lg--11 {
    -webkit-box-ordinal-group: -10;
    order: -11;
  }
  .flex-order-gt-lg--10 {
    -webkit-box-ordinal-group: -9;
    order: -10;
  }
  .flex-order-gt-lg--9 {
    -webkit-box-ordinal-group: -8;
    order: -9;
  }
  .flex-order-gt-lg--8 {
    -webkit-box-ordinal-group: -7;
    order: -8;
  }
  .flex-order-gt-lg--7 {
    -webkit-box-ordinal-group: -6;
    order: -7;
  }
  .flex-order-gt-lg--6 {
    -webkit-box-ordinal-group: -5;
    order: -6;
  }
  .flex-order-gt-lg--5 {
    -webkit-box-ordinal-group: -4;
    order: -5;
  }
  .flex-order-gt-lg--4 {
    -webkit-box-ordinal-group: -3;
    order: -4;
  }
  .flex-order-gt-lg--3 {
    -webkit-box-ordinal-group: -2;
    order: -3;
  }
  .flex-order-gt-lg--2 {
    -webkit-box-ordinal-group: -1;
    order: -2;
  }
  .flex-order-gt-lg--1 {
    -webkit-box-ordinal-group: 0;
    order: -1;
  }
  .flex-order-gt-lg-0 {
    -webkit-box-ordinal-group: 1;
    order: 0;
  }
  .flex-order-gt-lg-1 {
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
  .flex-order-gt-lg-2 {
    -webkit-box-ordinal-group: 3;
    order: 2;
  }
  .flex-order-gt-lg-3 {
    -webkit-box-ordinal-group: 4;
    order: 3;
  }
  .flex-order-gt-lg-4 {
    -webkit-box-ordinal-group: 5;
    order: 4;
  }
  .flex-order-gt-lg-5 {
    -webkit-box-ordinal-group: 6;
    order: 5;
  }
  .flex-order-gt-lg-6 {
    -webkit-box-ordinal-group: 7;
    order: 6;
  }
  .flex-order-gt-lg-7 {
    -webkit-box-ordinal-group: 8;
    order: 7;
  }
  .flex-order-gt-lg-8 {
    -webkit-box-ordinal-group: 9;
    order: 8;
  }
  .flex-order-gt-lg-9 {
    -webkit-box-ordinal-group: 10;
    order: 9;
  }
  .flex-order-gt-lg-10 {
    -webkit-box-ordinal-group: 11;
    order: 10;
  }
  .flex-order-gt-lg-11 {
    -webkit-box-ordinal-group: 12;
    order: 11;
  }
  .flex-order-gt-lg-12 {
    -webkit-box-ordinal-group: 13;
    order: 12;
  }
  .flex-order-gt-lg-13 {
    -webkit-box-ordinal-group: 14;
    order: 13;
  }
  .flex-order-gt-lg-14 {
    -webkit-box-ordinal-group: 15;
    order: 14;
  }
  .flex-order-gt-lg-15 {
    -webkit-box-ordinal-group: 16;
    order: 15;
  }
  .flex-order-gt-lg-16 {
    -webkit-box-ordinal-group: 17;
    order: 16;
  }
  .flex-order-gt-lg-17 {
    -webkit-box-ordinal-group: 18;
    order: 17;
  }
  .flex-order-gt-lg-18 {
    -webkit-box-ordinal-group: 19;
    order: 18;
  }
  .flex-order-gt-lg-19 {
    -webkit-box-ordinal-group: 20;
    order: 19;
  }
  .flex-order-gt-lg-20 {
    -webkit-box-ordinal-group: 21;
    order: 20;
  }
  .offset-gt-lg-0, .flex-offset-gt-lg-0 {
    margin-left: 0%;
  }
  .offset-gt-lg-5, .flex-offset-gt-lg-5 {
    margin-left: 5%;
  }
  .offset-gt-lg-10, .flex-offset-gt-lg-10 {
    margin-left: 10%;
  }
  .offset-gt-lg-15, .flex-offset-gt-lg-15 {
    margin-left: 15%;
  }
  .offset-gt-lg-20, .flex-offset-gt-lg-20 {
    margin-left: 20%;
  }
  .offset-gt-lg-25, .flex-offset-gt-lg-25 {
    margin-left: 25%;
  }
  .offset-gt-lg-30, .flex-offset-gt-lg-30 {
    margin-left: 30%;
  }
  .offset-gt-lg-35, .flex-offset-gt-lg-35 {
    margin-left: 35%;
  }
  .offset-gt-lg-40, .flex-offset-gt-lg-40 {
    margin-left: 40%;
  }
  .offset-gt-lg-45, .flex-offset-gt-lg-45 {
    margin-left: 45%;
  }
  .offset-gt-lg-50, .flex-offset-gt-lg-50 {
    margin-left: 50%;
  }
  .offset-gt-lg-55, .flex-offset-gt-lg-55 {
    margin-left: 55%;
  }
  .offset-gt-lg-60, .flex-offset-gt-lg-60 {
    margin-left: 60%;
  }
  .offset-gt-lg-65, .flex-offset-gt-lg-65 {
    margin-left: 65%;
  }
  .offset-gt-lg-70, .flex-offset-gt-lg-70 {
    margin-left: 70%;
  }
  .offset-gt-lg-75, .flex-offset-gt-lg-75 {
    margin-left: 75%;
  }
  .offset-gt-lg-80, .flex-offset-gt-lg-80 {
    margin-left: 80%;
  }
  .offset-gt-lg-85, .flex-offset-gt-lg-85 {
    margin-left: 85%;
  }
  .offset-gt-lg-90, .flex-offset-gt-lg-90 {
    margin-left: 90%;
  }
  .offset-gt-lg-95, .flex-offset-gt-lg-95 {
    margin-left: 95%;
  }
  .offset-gt-lg-33, .flex-offset-gt-lg-33 {
    margin-left: calc(100% / 3);
  }
  .offset-gt-lg-66, .flex-offset-gt-lg-66 {
    margin-left: calc(200% / 3);
  }
  .layout-align-gt-lg,
  .layout-align-gt-lg-start-stretch {
    -webkit-box-pack: start;
    justify-content: flex-start;
    align-content: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
  }
  .layout-align-gt-lg-start,
  .layout-align-gt-lg-start-start,
  .layout-align-gt-lg-start-center,
  .layout-align-gt-lg-start-end,
  .layout-align-gt-lg-start-stretch {
    -webkit-box-pack: start;
    justify-content: flex-start;
  }
  .layout-align-gt-lg-center,
  .layout-align-gt-lg-center-start,
  .layout-align-gt-lg-center-center,
  .layout-align-gt-lg-center-end,
  .layout-align-gt-lg-center-stretch {
    -webkit-box-pack: center;
    justify-content: center;
  }
  .layout-align-gt-lg-end,
  .layout-align-gt-lg-end-start,
  .layout-align-gt-lg-end-center,
  .layout-align-gt-lg-end-end,
  .layout-align-gt-lg-end-stretch {
    -webkit-box-pack: end;
    justify-content: flex-end;
  }
  .layout-align-gt-lg-space-around,
  .layout-align-gt-lg-space-around-center,
  .layout-align-gt-lg-space-around-start,
  .layout-align-gt-lg-space-around-end,
  .layout-align-gt-lg-space-around-stretch {
    justify-content: space-around;
  }
  .layout-align-gt-lg-space-between,
  .layout-align-gt-lg-space-between-center,
  .layout-align-gt-lg-space-between-start,
  .layout-align-gt-lg-space-between-end,
  .layout-align-gt-lg-space-between-stretch {
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .layout-align-gt-lg-start-start,
  .layout-align-gt-lg-center-start,
  .layout-align-gt-lg-end-start,
  .layout-align-gt-lg-space-between-start,
  .layout-align-gt-lg-space-around-start {
    -webkit-box-align: start;
    align-items: flex-start;
    align-content: flex-start;
  }
  .layout-align-gt-lg-start-center,
  .layout-align-gt-lg-center-center,
  .layout-align-gt-lg-end-center,
  .layout-align-gt-lg-space-between-center,
  .layout-align-gt-lg-space-around-center {
    -webkit-box-align: center;
    align-items: center;
    align-content: center;
    max-width: 100%;
  }
  .layout-align-gt-lg-start-center > *,
  .layout-align-gt-lg-center-center > *,
  .layout-align-gt-lg-end-center > *,
  .layout-align-gt-lg-space-between-center > *,
  .layout-align-gt-lg-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  .layout-align-gt-lg-start-end,
  .layout-align-gt-lg-center-end,
  .layout-align-gt-lg-end-end,
  .layout-align-gt-lg-space-between-end,
  .layout-align-gt-lg-space-around-end {
    -webkit-box-align: end;
    align-items: flex-end;
    align-content: flex-end;
  }
  .layout-align-gt-lg-start-stretch,
  .layout-align-gt-lg-center-stretch,
  .layout-align-gt-lg-end-stretch,
  .layout-align-gt-lg-space-between-stretch,
  .layout-align-gt-lg-space-around-stretch {
    -webkit-box-align: stretch;
    align-items: stretch;
    align-content: stretch;
  }
  .flex-gt-lg {
    -webkit-box-flex: 1;
    flex: 1;
    box-sizing: border-box;
  }
}

@media screen\0  and (min-width: 1920px) {
  .flex-gt-lg {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
  }
}

@media (min-width: 1920px) {
  .flex-gt-lg-grow {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  .flex-gt-lg-initial {
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-gt-lg-auto {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  .flex-gt-lg-none {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  .flex-gt-lg-noshrink {
    -webkit-box-flex: 1;
    flex: 1 0 auto;
    box-sizing: border-box;
  }
  .flex-gt-lg-nogrow {
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-gt-lg-0 {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-0, #calendar-events-list .md-subheader-content > .flex-gt-lg-0, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-lg-0,
  .layout-gt-lg-row > .flex-gt-lg-0 {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }
  .layout-column > .flex-gt-lg-0,
  .layout-gt-lg-column > .flex-gt-lg-0 {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0;
  }
  .flex-gt-lg-5 {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-5, #calendar-events-list .md-subheader-content > .flex-gt-lg-5, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-lg-5,
  .layout-gt-lg-row > .flex-gt-lg-5 {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-5,
  .layout-gt-lg-column > .flex-gt-lg-5 {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .flex-gt-lg-10 {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-10, #calendar-events-list .md-subheader-content > .flex-gt-lg-10, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-lg-10,
  .layout-gt-lg-row > .flex-gt-lg-10 {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-10,
  .layout-gt-lg-column > .flex-gt-lg-10 {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .flex-gt-lg-15 {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-15, #calendar-events-list .md-subheader-content > .flex-gt-lg-15, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-lg-15,
  .layout-gt-lg-row > .flex-gt-lg-15 {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-15,
  .layout-gt-lg-column > .flex-gt-lg-15 {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .flex-gt-lg-20 {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-20, #calendar-events-list .md-subheader-content > .flex-gt-lg-20, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-lg-20,
  .layout-gt-lg-row > .flex-gt-lg-20 {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-20,
  .layout-gt-lg-column > .flex-gt-lg-20 {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .flex-gt-lg-25 {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-25, #calendar-events-list .md-subheader-content > .flex-gt-lg-25, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-lg-25,
  .layout-gt-lg-row > .flex-gt-lg-25 {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-25,
  .layout-gt-lg-column > .flex-gt-lg-25 {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .flex-gt-lg-30 {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-30, #calendar-events-list .md-subheader-content > .flex-gt-lg-30, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-lg-30,
  .layout-gt-lg-row > .flex-gt-lg-30 {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-30,
  .layout-gt-lg-column > .flex-gt-lg-30 {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .flex-gt-lg-35 {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-35, #calendar-events-list .md-subheader-content > .flex-gt-lg-35, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-lg-35,
  .layout-gt-lg-row > .flex-gt-lg-35 {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-35,
  .layout-gt-lg-column > .flex-gt-lg-35 {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .flex-gt-lg-40 {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-40, #calendar-events-list .md-subheader-content > .flex-gt-lg-40, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-lg-40,
  .layout-gt-lg-row > .flex-gt-lg-40 {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-40,
  .layout-gt-lg-column > .flex-gt-lg-40 {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .flex-gt-lg-45 {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-45, #calendar-events-list .md-subheader-content > .flex-gt-lg-45, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-lg-45,
  .layout-gt-lg-row > .flex-gt-lg-45 {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-45,
  .layout-gt-lg-column > .flex-gt-lg-45 {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .flex-gt-lg-50 {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-50, #calendar-events-list .md-subheader-content > .flex-gt-lg-50, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-lg-50,
  .layout-gt-lg-row > .flex-gt-lg-50 {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-50,
  .layout-gt-lg-column > .flex-gt-lg-50 {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .flex-gt-lg-55 {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-55, #calendar-events-list .md-subheader-content > .flex-gt-lg-55, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-lg-55,
  .layout-gt-lg-row > .flex-gt-lg-55 {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-55,
  .layout-gt-lg-column > .flex-gt-lg-55 {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .flex-gt-lg-60 {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-60, #calendar-events-list .md-subheader-content > .flex-gt-lg-60, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-lg-60,
  .layout-gt-lg-row > .flex-gt-lg-60 {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-60,
  .layout-gt-lg-column > .flex-gt-lg-60 {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .flex-gt-lg-65 {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-65, #calendar-events-list .md-subheader-content > .flex-gt-lg-65, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-lg-65,
  .layout-gt-lg-row > .flex-gt-lg-65 {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-65,
  .layout-gt-lg-column > .flex-gt-lg-65 {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .flex-gt-lg-70 {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-70, #calendar-events-list .md-subheader-content > .flex-gt-lg-70, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-lg-70,
  .layout-gt-lg-row > .flex-gt-lg-70 {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-70,
  .layout-gt-lg-column > .flex-gt-lg-70 {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .flex-gt-lg-75 {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-75, #calendar-events-list .md-subheader-content > .flex-gt-lg-75, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-lg-75,
  .layout-gt-lg-row > .flex-gt-lg-75 {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-75,
  .layout-gt-lg-column > .flex-gt-lg-75 {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .flex-gt-lg-80 {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-80, #calendar-events-list .md-subheader-content > .flex-gt-lg-80, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-lg-80,
  .layout-gt-lg-row > .flex-gt-lg-80 {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-80,
  .layout-gt-lg-column > .flex-gt-lg-80 {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .flex-gt-lg-85 {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-85, #calendar-events-list .md-subheader-content > .flex-gt-lg-85, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-lg-85,
  .layout-gt-lg-row > .flex-gt-lg-85 {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-85,
  .layout-gt-lg-column > .flex-gt-lg-85 {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .flex-gt-lg-90 {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-90, #calendar-events-list .md-subheader-content > .flex-gt-lg-90, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-lg-90,
  .layout-gt-lg-row > .flex-gt-lg-90 {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-90,
  .layout-gt-lg-column > .flex-gt-lg-90 {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .flex-gt-lg-95 {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-95, #calendar-events-list .md-subheader-content > .flex-gt-lg-95, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-lg-95,
  .layout-gt-lg-row > .flex-gt-lg-95 {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-95,
  .layout-gt-lg-column > .flex-gt-lg-95 {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .flex-gt-lg-100 {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-100, #calendar-events-list .md-subheader-content > .flex-gt-lg-100, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-lg-100,
  .layout-gt-lg-row > .flex-gt-lg-100 {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-100,
  .layout-gt-lg-column > .flex-gt-lg-100 {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-33, #calendar-events-list .md-subheader-content > .flex-gt-lg-33, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-lg-33, .layout-row > .flex-gt-lg-33, #calendar-events-list .md-subheader-content > .flex-gt-lg-33, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-lg-33, .layout-gt-lg-row > .flex-gt-lg-33, .layout-gt-lg-row > .flex-gt-lg-33 {
    -webkit-box-flex: 1;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-66, #calendar-events-list .md-subheader-content > .flex-gt-lg-66, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-lg-66, .layout-row > .flex-gt-lg-66, #calendar-events-list .md-subheader-content > .flex-gt-lg-66, #calendar-widget .fc-toolbar .fc-left > div > .flex-gt-lg-66, .layout-gt-lg-row > .flex-gt-lg-66, .layout-gt-lg-row > .flex-gt-lg-66 {
    -webkit-box-flex: 1;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex, #calendar-events-list .md-subheader-content > .flex, #calendar-widget .fc-toolbar .fc-left > div > .flex, .layout-gt-lg-row > .flex {
    min-width: 0;
  }
  .layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-33, .layout-gt-lg-column > .flex-gt-lg-33, .layout-gt-lg-column > .flex-gt-lg-33 {
    -webkit-box-flex: 1;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-66, .layout-gt-lg-column > .flex-gt-lg-66, .layout-gt-lg-column > .flex-gt-lg-66 {
    -webkit-box-flex: 1;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-column > .flex, .layout-gt-lg-column > .flex {
    min-height: 0;
  }
  .layout-gt-lg, .layout-gt-lg-column, .layout-gt-lg-row {
    box-sizing: border-box;
    display: -webkit-box;
    display: flex;
  }
  .layout-gt-lg-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
  .layout-gt-lg-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }
  .flex-order-xl--20 {
    -webkit-box-ordinal-group: -19;
    order: -20;
  }
  .flex-order-xl--19 {
    -webkit-box-ordinal-group: -18;
    order: -19;
  }
  .flex-order-xl--18 {
    -webkit-box-ordinal-group: -17;
    order: -18;
  }
  .flex-order-xl--17 {
    -webkit-box-ordinal-group: -16;
    order: -17;
  }
  .flex-order-xl--16 {
    -webkit-box-ordinal-group: -15;
    order: -16;
  }
  .flex-order-xl--15 {
    -webkit-box-ordinal-group: -14;
    order: -15;
  }
  .flex-order-xl--14 {
    -webkit-box-ordinal-group: -13;
    order: -14;
  }
  .flex-order-xl--13 {
    -webkit-box-ordinal-group: -12;
    order: -13;
  }
  .flex-order-xl--12 {
    -webkit-box-ordinal-group: -11;
    order: -12;
  }
  .flex-order-xl--11 {
    -webkit-box-ordinal-group: -10;
    order: -11;
  }
  .flex-order-xl--10 {
    -webkit-box-ordinal-group: -9;
    order: -10;
  }
  .flex-order-xl--9 {
    -webkit-box-ordinal-group: -8;
    order: -9;
  }
  .flex-order-xl--8 {
    -webkit-box-ordinal-group: -7;
    order: -8;
  }
  .flex-order-xl--7 {
    -webkit-box-ordinal-group: -6;
    order: -7;
  }
  .flex-order-xl--6 {
    -webkit-box-ordinal-group: -5;
    order: -6;
  }
  .flex-order-xl--5 {
    -webkit-box-ordinal-group: -4;
    order: -5;
  }
  .flex-order-xl--4 {
    -webkit-box-ordinal-group: -3;
    order: -4;
  }
  .flex-order-xl--3 {
    -webkit-box-ordinal-group: -2;
    order: -3;
  }
  .flex-order-xl--2 {
    -webkit-box-ordinal-group: -1;
    order: -2;
  }
  .flex-order-xl--1 {
    -webkit-box-ordinal-group: 0;
    order: -1;
  }
  .flex-order-xl-0 {
    -webkit-box-ordinal-group: 1;
    order: 0;
  }
  .flex-order-xl-1 {
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
  .flex-order-xl-2 {
    -webkit-box-ordinal-group: 3;
    order: 2;
  }
  .flex-order-xl-3 {
    -webkit-box-ordinal-group: 4;
    order: 3;
  }
  .flex-order-xl-4 {
    -webkit-box-ordinal-group: 5;
    order: 4;
  }
  .flex-order-xl-5 {
    -webkit-box-ordinal-group: 6;
    order: 5;
  }
  .flex-order-xl-6 {
    -webkit-box-ordinal-group: 7;
    order: 6;
  }
  .flex-order-xl-7 {
    -webkit-box-ordinal-group: 8;
    order: 7;
  }
  .flex-order-xl-8 {
    -webkit-box-ordinal-group: 9;
    order: 8;
  }
  .flex-order-xl-9 {
    -webkit-box-ordinal-group: 10;
    order: 9;
  }
  .flex-order-xl-10 {
    -webkit-box-ordinal-group: 11;
    order: 10;
  }
  .flex-order-xl-11 {
    -webkit-box-ordinal-group: 12;
    order: 11;
  }
  .flex-order-xl-12 {
    -webkit-box-ordinal-group: 13;
    order: 12;
  }
  .flex-order-xl-13 {
    -webkit-box-ordinal-group: 14;
    order: 13;
  }
  .flex-order-xl-14 {
    -webkit-box-ordinal-group: 15;
    order: 14;
  }
  .flex-order-xl-15 {
    -webkit-box-ordinal-group: 16;
    order: 15;
  }
  .flex-order-xl-16 {
    -webkit-box-ordinal-group: 17;
    order: 16;
  }
  .flex-order-xl-17 {
    -webkit-box-ordinal-group: 18;
    order: 17;
  }
  .flex-order-xl-18 {
    -webkit-box-ordinal-group: 19;
    order: 18;
  }
  .flex-order-xl-19 {
    -webkit-box-ordinal-group: 20;
    order: 19;
  }
  .flex-order-xl-20 {
    -webkit-box-ordinal-group: 21;
    order: 20;
  }
  .offset-xl-0, .flex-offset-xl-0 {
    margin-left: 0%;
  }
  .offset-xl-5, .flex-offset-xl-5 {
    margin-left: 5%;
  }
  .offset-xl-10, .flex-offset-xl-10 {
    margin-left: 10%;
  }
  .offset-xl-15, .flex-offset-xl-15 {
    margin-left: 15%;
  }
  .offset-xl-20, .flex-offset-xl-20 {
    margin-left: 20%;
  }
  .offset-xl-25, .flex-offset-xl-25 {
    margin-left: 25%;
  }
  .offset-xl-30, .flex-offset-xl-30 {
    margin-left: 30%;
  }
  .offset-xl-35, .flex-offset-xl-35 {
    margin-left: 35%;
  }
  .offset-xl-40, .flex-offset-xl-40 {
    margin-left: 40%;
  }
  .offset-xl-45, .flex-offset-xl-45 {
    margin-left: 45%;
  }
  .offset-xl-50, .flex-offset-xl-50 {
    margin-left: 50%;
  }
  .offset-xl-55, .flex-offset-xl-55 {
    margin-left: 55%;
  }
  .offset-xl-60, .flex-offset-xl-60 {
    margin-left: 60%;
  }
  .offset-xl-65, .flex-offset-xl-65 {
    margin-left: 65%;
  }
  .offset-xl-70, .flex-offset-xl-70 {
    margin-left: 70%;
  }
  .offset-xl-75, .flex-offset-xl-75 {
    margin-left: 75%;
  }
  .offset-xl-80, .flex-offset-xl-80 {
    margin-left: 80%;
  }
  .offset-xl-85, .flex-offset-xl-85 {
    margin-left: 85%;
  }
  .offset-xl-90, .flex-offset-xl-90 {
    margin-left: 90%;
  }
  .offset-xl-95, .flex-offset-xl-95 {
    margin-left: 95%;
  }
  .offset-xl-33, .flex-offset-xl-33 {
    margin-left: calc(100% / 3);
  }
  .offset-xl-66, .flex-offset-xl-66 {
    margin-left: calc(200% / 3);
  }
  .layout-align-xl,
  .layout-align-xl-start-stretch {
    -webkit-box-pack: start;
    justify-content: flex-start;
    align-content: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
  }
  .layout-align-xl-start,
  .layout-align-xl-start-start,
  .layout-align-xl-start-center,
  .layout-align-xl-start-end,
  .layout-align-xl-start-stretch {
    -webkit-box-pack: start;
    justify-content: flex-start;
  }
  .layout-align-xl-center,
  .layout-align-xl-center-start,
  .layout-align-xl-center-center,
  .layout-align-xl-center-end,
  .layout-align-xl-center-stretch {
    -webkit-box-pack: center;
    justify-content: center;
  }
  .layout-align-xl-end,
  .layout-align-xl-end-start,
  .layout-align-xl-end-center,
  .layout-align-xl-end-end,
  .layout-align-xl-end-stretch {
    -webkit-box-pack: end;
    justify-content: flex-end;
  }
  .layout-align-xl-space-around,
  .layout-align-xl-space-around-center,
  .layout-align-xl-space-around-start,
  .layout-align-xl-space-around-end,
  .layout-align-xl-space-around-stretch {
    justify-content: space-around;
  }
  .layout-align-xl-space-between,
  .layout-align-xl-space-between-center,
  .layout-align-xl-space-between-start,
  .layout-align-xl-space-between-end,
  .layout-align-xl-space-between-stretch {
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .layout-align-xl-start-start,
  .layout-align-xl-center-start,
  .layout-align-xl-end-start,
  .layout-align-xl-space-between-start,
  .layout-align-xl-space-around-start {
    -webkit-box-align: start;
    align-items: flex-start;
    align-content: flex-start;
  }
  .layout-align-xl-start-center,
  .layout-align-xl-center-center,
  .layout-align-xl-end-center,
  .layout-align-xl-space-between-center,
  .layout-align-xl-space-around-center {
    -webkit-box-align: center;
    align-items: center;
    align-content: center;
    max-width: 100%;
  }
  .layout-align-xl-start-center > *,
  .layout-align-xl-center-center > *,
  .layout-align-xl-end-center > *,
  .layout-align-xl-space-between-center > *,
  .layout-align-xl-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  .layout-align-xl-start-end,
  .layout-align-xl-center-end,
  .layout-align-xl-end-end,
  .layout-align-xl-space-between-end,
  .layout-align-xl-space-around-end {
    -webkit-box-align: end;
    align-items: flex-end;
    align-content: flex-end;
  }
  .layout-align-xl-start-stretch,
  .layout-align-xl-center-stretch,
  .layout-align-xl-end-stretch,
  .layout-align-xl-space-between-stretch,
  .layout-align-xl-space-around-stretch {
    -webkit-box-align: stretch;
    align-items: stretch;
    align-content: stretch;
  }
  .flex-xl {
    -webkit-box-flex: 1;
    flex: 1;
    box-sizing: border-box;
  }
}

@media screen\0  and (min-width: 1920px) {
  .flex-xl {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
  }
}

@media (min-width: 1920px) {
  .flex-xl-grow {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  .flex-xl-initial {
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-xl-auto {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  .flex-xl-none {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  .flex-xl-noshrink {
    -webkit-box-flex: 1;
    flex: 1 0 auto;
    box-sizing: border-box;
  }
  .flex-xl-nogrow {
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-xl-0 {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-0, #calendar-events-list .md-subheader-content > .flex-xl-0, #calendar-widget .fc-toolbar .fc-left > div > .flex-xl-0,
  .layout-xl-row > .flex-xl-0 {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }
  .layout-column > .flex-xl-0,
  .layout-xl-column > .flex-xl-0 {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0;
  }
  .flex-xl-5 {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-5, #calendar-events-list .md-subheader-content > .flex-xl-5, #calendar-widget .fc-toolbar .fc-left > div > .flex-xl-5,
  .layout-xl-row > .flex-xl-5 {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-5,
  .layout-xl-column > .flex-xl-5 {
    -webkit-box-flex: 1;
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .flex-xl-10 {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-10, #calendar-events-list .md-subheader-content > .flex-xl-10, #calendar-widget .fc-toolbar .fc-left > div > .flex-xl-10,
  .layout-xl-row > .flex-xl-10 {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-10,
  .layout-xl-column > .flex-xl-10 {
    -webkit-box-flex: 1;
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .flex-xl-15 {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-15, #calendar-events-list .md-subheader-content > .flex-xl-15, #calendar-widget .fc-toolbar .fc-left > div > .flex-xl-15,
  .layout-xl-row > .flex-xl-15 {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-15,
  .layout-xl-column > .flex-xl-15 {
    -webkit-box-flex: 1;
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .flex-xl-20 {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-20, #calendar-events-list .md-subheader-content > .flex-xl-20, #calendar-widget .fc-toolbar .fc-left > div > .flex-xl-20,
  .layout-xl-row > .flex-xl-20 {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-20,
  .layout-xl-column > .flex-xl-20 {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .flex-xl-25 {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-25, #calendar-events-list .md-subheader-content > .flex-xl-25, #calendar-widget .fc-toolbar .fc-left > div > .flex-xl-25,
  .layout-xl-row > .flex-xl-25 {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-25,
  .layout-xl-column > .flex-xl-25 {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .flex-xl-30 {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-30, #calendar-events-list .md-subheader-content > .flex-xl-30, #calendar-widget .fc-toolbar .fc-left > div > .flex-xl-30,
  .layout-xl-row > .flex-xl-30 {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-30,
  .layout-xl-column > .flex-xl-30 {
    -webkit-box-flex: 1;
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .flex-xl-35 {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-35, #calendar-events-list .md-subheader-content > .flex-xl-35, #calendar-widget .fc-toolbar .fc-left > div > .flex-xl-35,
  .layout-xl-row > .flex-xl-35 {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-35,
  .layout-xl-column > .flex-xl-35 {
    -webkit-box-flex: 1;
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .flex-xl-40 {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-40, #calendar-events-list .md-subheader-content > .flex-xl-40, #calendar-widget .fc-toolbar .fc-left > div > .flex-xl-40,
  .layout-xl-row > .flex-xl-40 {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-40,
  .layout-xl-column > .flex-xl-40 {
    -webkit-box-flex: 1;
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .flex-xl-45 {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-45, #calendar-events-list .md-subheader-content > .flex-xl-45, #calendar-widget .fc-toolbar .fc-left > div > .flex-xl-45,
  .layout-xl-row > .flex-xl-45 {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-45,
  .layout-xl-column > .flex-xl-45 {
    -webkit-box-flex: 1;
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .flex-xl-50 {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-50, #calendar-events-list .md-subheader-content > .flex-xl-50, #calendar-widget .fc-toolbar .fc-left > div > .flex-xl-50,
  .layout-xl-row > .flex-xl-50 {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-50,
  .layout-xl-column > .flex-xl-50 {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .flex-xl-55 {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-55, #calendar-events-list .md-subheader-content > .flex-xl-55, #calendar-widget .fc-toolbar .fc-left > div > .flex-xl-55,
  .layout-xl-row > .flex-xl-55 {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-55,
  .layout-xl-column > .flex-xl-55 {
    -webkit-box-flex: 1;
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .flex-xl-60 {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-60, #calendar-events-list .md-subheader-content > .flex-xl-60, #calendar-widget .fc-toolbar .fc-left > div > .flex-xl-60,
  .layout-xl-row > .flex-xl-60 {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-60,
  .layout-xl-column > .flex-xl-60 {
    -webkit-box-flex: 1;
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .flex-xl-65 {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-65, #calendar-events-list .md-subheader-content > .flex-xl-65, #calendar-widget .fc-toolbar .fc-left > div > .flex-xl-65,
  .layout-xl-row > .flex-xl-65 {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-65,
  .layout-xl-column > .flex-xl-65 {
    -webkit-box-flex: 1;
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .flex-xl-70 {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-70, #calendar-events-list .md-subheader-content > .flex-xl-70, #calendar-widget .fc-toolbar .fc-left > div > .flex-xl-70,
  .layout-xl-row > .flex-xl-70 {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-70,
  .layout-xl-column > .flex-xl-70 {
    -webkit-box-flex: 1;
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .flex-xl-75 {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-75, #calendar-events-list .md-subheader-content > .flex-xl-75, #calendar-widget .fc-toolbar .fc-left > div > .flex-xl-75,
  .layout-xl-row > .flex-xl-75 {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-75,
  .layout-xl-column > .flex-xl-75 {
    -webkit-box-flex: 1;
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .flex-xl-80 {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-80, #calendar-events-list .md-subheader-content > .flex-xl-80, #calendar-widget .fc-toolbar .fc-left > div > .flex-xl-80,
  .layout-xl-row > .flex-xl-80 {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-80,
  .layout-xl-column > .flex-xl-80 {
    -webkit-box-flex: 1;
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .flex-xl-85 {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-85, #calendar-events-list .md-subheader-content > .flex-xl-85, #calendar-widget .fc-toolbar .fc-left > div > .flex-xl-85,
  .layout-xl-row > .flex-xl-85 {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-85,
  .layout-xl-column > .flex-xl-85 {
    -webkit-box-flex: 1;
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .flex-xl-90 {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-90, #calendar-events-list .md-subheader-content > .flex-xl-90, #calendar-widget .fc-toolbar .fc-left > div > .flex-xl-90,
  .layout-xl-row > .flex-xl-90 {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-90,
  .layout-xl-column > .flex-xl-90 {
    -webkit-box-flex: 1;
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .flex-xl-95 {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-95, #calendar-events-list .md-subheader-content > .flex-xl-95, #calendar-widget .fc-toolbar .fc-left > div > .flex-xl-95,
  .layout-xl-row > .flex-xl-95 {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-95,
  .layout-xl-column > .flex-xl-95 {
    -webkit-box-flex: 1;
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .flex-xl-100 {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-100, #calendar-events-list .md-subheader-content > .flex-xl-100, #calendar-widget .fc-toolbar .fc-left > div > .flex-xl-100,
  .layout-xl-row > .flex-xl-100 {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-100,
  .layout-xl-column > .flex-xl-100 {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-33, #calendar-events-list .md-subheader-content > .flex-xl-33, #calendar-widget .fc-toolbar .fc-left > div > .flex-xl-33, .layout-row > .flex-xl-33, #calendar-events-list .md-subheader-content > .flex-xl-33, #calendar-widget .fc-toolbar .fc-left > div > .flex-xl-33, .layout-xl-row > .flex-xl-33, .layout-xl-row > .flex-xl-33 {
    -webkit-box-flex: 1;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-66, #calendar-events-list .md-subheader-content > .flex-xl-66, #calendar-widget .fc-toolbar .fc-left > div > .flex-xl-66, .layout-row > .flex-xl-66, #calendar-events-list .md-subheader-content > .flex-xl-66, #calendar-widget .fc-toolbar .fc-left > div > .flex-xl-66, .layout-xl-row > .flex-xl-66, .layout-xl-row > .flex-xl-66 {
    -webkit-box-flex: 1;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex, #calendar-events-list .md-subheader-content > .flex, #calendar-widget .fc-toolbar .fc-left > div > .flex, .layout-xl-row > .flex {
    min-width: 0;
  }
  .layout-column > .flex-xl-33, .layout-column > .flex-xl-33, .layout-xl-column > .flex-xl-33, .layout-xl-column > .flex-xl-33 {
    -webkit-box-flex: 1;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-66, .layout-column > .flex-xl-66, .layout-xl-column > .flex-xl-66, .layout-xl-column > .flex-xl-66 {
    -webkit-box-flex: 1;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-column > .flex, .layout-xl-column > .flex {
    min-height: 0;
  }
  .layout-xl, .layout-xl-column, .layout-xl-row {
    box-sizing: border-box;
    display: -webkit-box;
    display: flex;
  }
  .layout-xl-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
  .layout-xl-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }
  .hide:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-sm:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-md:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-lg:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show) {
    display: none;
  }
  .hide-xl:not(.show-xl):not(.show-gt-lg):not(.show-gt-md):not(.show-gt-sm):not(.show-gt-xs):not(.show) {
    display: none;
  }
}

@media print {
  .hide-print:not(.show-print):not(.show) {
    display: none !important;
  }
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Material Design Lite */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Material Design Lite */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* TOOLTIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* TOOLTIP */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html {
  color: rgba(0,0,0, 0.87);
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers:
 */
.hidden {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}

@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
  *,
  *:before,
  *:after,
  *:first-letter,
  *:first-line {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Remove the unwanted box around FAB buttons */
/* More info: http://goo.gl/IPwKi */
a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
.mdl-icon-toggle, .mdl-item, .mdl-radio, .mdl-slider, .mdl-switch, .mdl-tabs__tab {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

/*
 * Make html take up the entire screen
 * Then set touch-action to avoid touch delay on mobile IE
 */
html {
  width: 100%;
  height: 100%;
  touch-action: manipulation;
}

/*
* Make body take up the entire screen
* Remove body margin so layout containers don't cause extra overflow.
*/
body {
  width: 100%;
  min-height: 100%;
  margin: 0;
}

/*
 * Main display reset for IE support.
 * Source: http://weblog.west-wind.com/posts/2015/Jan/12/main-HTML5-Tag-not-working-in-Internet-Explorer-91011
 */
main {
  display: block;
}

/*
* Apply no display to elements with the hidden attribute.
* IE 9 and 10 support.
*/
*[hidden] {
  display: none !important;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* TOOLTIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
html, body {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
}

/**
  * Styles for HTML elements
  */
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -0.02em;
  opacity: 0.54;
  font-size: 0.6em;
}

h1 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -0.02em;
  margin-top: 24px;
  margin-bottom: 24px;
}

h2 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 45px;
  font-weight: 400;
  line-height: 48px;
  margin-top: 24px;
  margin-bottom: 24px;
}

h3 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
  margin-top: 24px;
  margin-bottom: 24px;
}

h4 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 24px;
  margin-bottom: 16px;
}

h5 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.02em;
  margin-top: 24px;
  margin-bottom: 16px;
}

h6 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
  margin-top: 24px;
  margin-bottom: 16px;
}

p {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  margin-bottom: 16px;
}

a {
  color: rgb($color-accent);
  font-weight: 500;
}

blockquote {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  position: relative;
  font-size: 24px;
  font-weight: 300;
  font-style: italic;
  line-height: 1.35;
  letter-spacing: 0.08em;
}

blockquote:before {
  position: absolute;
  left: -0.5em;
  content: '“';
}

blockquote:after {
  content: '”';
  margin-left: -0.05em;
}

mark {
  background-color: #f4ff81;
}

dt {
  font-weight: 700;
}

address {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  font-style: normal;
}

ul, ol {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
}

/**
 * Class Name Styles
 */
.mdl-typography--display-4 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 112px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -0.04em;
}

.mdl-typography--display-4-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 112px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -0.04em;
  opacity: 0.54;
}

.mdl-typography--display-3 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.mdl-typography--display-3-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -0.02em;
  opacity: 0.54;
}

.mdl-typography--display-2 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 45px;
  font-weight: 400;
  line-height: 48px;
}

.mdl-typography--display-2-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 45px;
  font-weight: 400;
  line-height: 48px;
  opacity: 0.54;
}

.mdl-typography--display-1 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
}

.mdl-typography--display-1-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
  opacity: 0.54;
}

.mdl-typography--headline {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  -moz-osx-font-smoothing: grayscale;
}

.mdl-typography--headline-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0.87;
}

.mdl-typography--title {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.02em;
}

.mdl-typography--title-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.02em;
  opacity: 0.87;
}

.mdl-typography--subhead {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
}

.mdl-typography--subhead-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
  opacity: 0.87;
}

.mdl-typography--body-2 {
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0;
}

.mdl-typography--body-2-color-contrast {
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0;
  opacity: 0.87;
}

.mdl-typography--body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
}

.mdl-typography--body-1-color-contrast {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  opacity: 0.87;
}

.mdl-typography--body-2-force-preferred-font {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0;
}

.mdl-typography--body-2-force-preferred-font-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0;
  opacity: 0.87;
}

.mdl-typography--body-1-force-preferred-font {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
}

.mdl-typography--body-1-force-preferred-font-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  opacity: 0.87;
}

.mdl-typography--caption {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
}

.mdl-typography--caption-force-preferred-font {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
}

.mdl-typography--caption-color-contrast {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  opacity: 0.54;
}

.mdl-typography--caption-force-preferred-font-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  opacity: 0.54;
}

.mdl-typography--menu {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
}

.mdl-typography--menu-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  opacity: 0.87;
}

.mdl-typography--button {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0;
}

.mdl-typography--button-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0;
  opacity: 0.87;
}

.mdl-typography--text-left {
  text-align: left;
}

.mdl-typography--text-right {
  text-align: right;
}

.mdl-typography--text-center {
  text-align: center;
}

.mdl-typography--text-justify {
  text-align: justify;
}

.mdl-typography--text-nowrap {
  white-space: nowrap;
}

.mdl-typography--text-lowercase {
  text-transform: lowercase;
}

.mdl-typography--text-uppercase {
  text-transform: uppercase;
}

.mdl-typography--text-capitalize {
  text-transform: capitalize;
}

.mdl-typography--font-thin {
  font-weight: 200 !important;
}

.mdl-typography--font-light {
  font-weight: 300 !important;
}

.mdl-typography--font-regular {
  font-weight: 400 !important;
}

.mdl-typography--font-medium {
  font-weight: 500 !important;
}

.mdl-typography--font-bold {
  font-weight: 700 !important;
}

.mdl-typography--font-black {
  font-weight: 900 !important;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* TOOLTIP */
.mdl-color-text--red {
  color: rgb(244,67,54) !important;
}

.mdl-color--red {
  background-color: rgb(244,67,54) !important;
}

.mdl-color-text--red-50 {
  color: rgb(255,235,238) !important;
}

.mdl-color--red-50 {
  background-color: rgb(255,235,238) !important;
}

.mdl-color-text--red-100 {
  color: rgb(255,205,210) !important;
}

.mdl-color--red-100 {
  background-color: rgb(255,205,210) !important;
}

.mdl-color-text--red-200 {
  color: rgb(239,154,154) !important;
}

.mdl-color--red-200 {
  background-color: rgb(239,154,154) !important;
}

.mdl-color-text--red-300 {
  color: rgb(229,115,115) !important;
}

.mdl-color--red-300 {
  background-color: rgb(229,115,115) !important;
}

.mdl-color-text--red-400 {
  color: rgb(239,83,80) !important;
}

.mdl-color--red-400 {
  background-color: rgb(239,83,80) !important;
}

.mdl-color-text--red-500 {
  color: rgb(244,67,54) !important;
}

.mdl-color--red-500 {
  background-color: rgb(244,67,54) !important;
}

.mdl-color-text--red-600 {
  color: rgb(229,57,53) !important;
}

.mdl-color--red-600 {
  background-color: rgb(229,57,53) !important;
}

.mdl-color-text--red-700 {
  color: rgb(211,47,47) !important;
}

.mdl-color--red-700 {
  background-color: rgb(211,47,47) !important;
}

.mdl-color-text--red-800 {
  color: rgb(198,40,40) !important;
}

.mdl-color--red-800 {
  background-color: rgb(198,40,40) !important;
}

.mdl-color-text--red-900 {
  color: rgb(183,28,28) !important;
}

.mdl-color--red-900 {
  background-color: rgb(183,28,28) !important;
}

.mdl-color-text--red-A100 {
  color: rgb(255,138,128) !important;
}

.mdl-color--red-A100 {
  background-color: rgb(255,138,128) !important;
}

.mdl-color-text--red-A200 {
  color: rgb(255,82,82) !important;
}

.mdl-color--red-A200 {
  background-color: rgb(255,82,82) !important;
}

.mdl-color-text--red-A400 {
  color: rgb(255,23,68) !important;
}

.mdl-color--red-A400 {
  background-color: rgb(255,23,68) !important;
}

.mdl-color-text--red-A700 {
  color: rgb(213,0,0) !important;
}

.mdl-color--red-A700 {
  background-color: rgb(213,0,0) !important;
}

.mdl-color-text--pink {
  color: rgb(233,30,99) !important;
}

.mdl-color--pink {
  background-color: rgb(233,30,99) !important;
}

.mdl-color-text--pink-50 {
  color: rgb(252,228,236) !important;
}

.mdl-color--pink-50 {
  background-color: rgb(252,228,236) !important;
}

.mdl-color-text--pink-100 {
  color: rgb(248,187,208) !important;
}

.mdl-color--pink-100 {
  background-color: rgb(248,187,208) !important;
}

.mdl-color-text--pink-200 {
  color: rgb(244,143,177) !important;
}

.mdl-color--pink-200 {
  background-color: rgb(244,143,177) !important;
}

.mdl-color-text--pink-300 {
  color: rgb(240,98,146) !important;
}

.mdl-color--pink-300 {
  background-color: rgb(240,98,146) !important;
}

.mdl-color-text--pink-400 {
  color: rgb(236,64,122) !important;
}

.mdl-color--pink-400 {
  background-color: rgb(236,64,122) !important;
}

.mdl-color-text--pink-500 {
  color: rgb(233,30,99) !important;
}

.mdl-color--pink-500 {
  background-color: rgb(233,30,99) !important;
}

.mdl-color-text--pink-600 {
  color: rgb(216,27,96) !important;
}

.mdl-color--pink-600 {
  background-color: rgb(216,27,96) !important;
}

.mdl-color-text--pink-700 {
  color: rgb(194,24,91) !important;
}

.mdl-color--pink-700 {
  background-color: rgb(194,24,91) !important;
}

.mdl-color-text--pink-800 {
  color: rgb(173,20,87) !important;
}

.mdl-color--pink-800 {
  background-color: rgb(173,20,87) !important;
}

.mdl-color-text--pink-900 {
  color: rgb(136,14,79) !important;
}

.mdl-color--pink-900 {
  background-color: rgb(136,14,79) !important;
}

.mdl-color-text--pink-A100 {
  color: rgb(255,128,171) !important;
}

.mdl-color--pink-A100 {
  background-color: rgb(255,128,171) !important;
}

.mdl-color-text--pink-A200 {
  color: rgb(255,64,129) !important;
}

.mdl-color--pink-A200 {
  background-color: rgb(255,64,129) !important;
}

.mdl-color-text--pink-A400 {
  color: rgb(245,0,87) !important;
}

.mdl-color--pink-A400 {
  background-color: rgb(245,0,87) !important;
}

.mdl-color-text--pink-A700 {
  color: rgb(197,17,98) !important;
}

.mdl-color--pink-A700 {
  background-color: rgb(197,17,98) !important;
}

.mdl-color-text--purple {
  color: rgb(156,39,176) !important;
}

.mdl-color--purple {
  background-color: rgb(156,39,176) !important;
}

.mdl-color-text--purple-50 {
  color: rgb(243,229,245) !important;
}

.mdl-color--purple-50 {
  background-color: rgb(243,229,245) !important;
}

.mdl-color-text--purple-100 {
  color: rgb(225,190,231) !important;
}

.mdl-color--purple-100 {
  background-color: rgb(225,190,231) !important;
}

.mdl-color-text--purple-200 {
  color: rgb(206,147,216) !important;
}

.mdl-color--purple-200 {
  background-color: rgb(206,147,216) !important;
}

.mdl-color-text--purple-300 {
  color: rgb(186,104,200) !important;
}

.mdl-color--purple-300 {
  background-color: rgb(186,104,200) !important;
}

.mdl-color-text--purple-400 {
  color: rgb(171,71,188) !important;
}

.mdl-color--purple-400 {
  background-color: rgb(171,71,188) !important;
}

.mdl-color-text--purple-500 {
  color: rgb(156,39,176) !important;
}

.mdl-color--purple-500 {
  background-color: rgb(156,39,176) !important;
}

.mdl-color-text--purple-600 {
  color: rgb(142,36,170) !important;
}

.mdl-color--purple-600 {
  background-color: rgb(142,36,170) !important;
}

.mdl-color-text--purple-700 {
  color: rgb(123,31,162) !important;
}

.mdl-color--purple-700 {
  background-color: rgb(123,31,162) !important;
}

.mdl-color-text--purple-800 {
  color: rgb(106,27,154) !important;
}

.mdl-color--purple-800 {
  background-color: rgb(106,27,154) !important;
}

.mdl-color-text--purple-900 {
  color: rgb(74,20,140) !important;
}

.mdl-color--purple-900 {
  background-color: rgb(74,20,140) !important;
}

.mdl-color-text--purple-A100 {
  color: rgb(234,128,252) !important;
}

.mdl-color--purple-A100 {
  background-color: rgb(234,128,252) !important;
}

.mdl-color-text--purple-A200 {
  color: rgb(224,64,251) !important;
}

.mdl-color--purple-A200 {
  background-color: rgb(224,64,251) !important;
}

.mdl-color-text--purple-A400 {
  color: rgb(213,0,249) !important;
}

.mdl-color--purple-A400 {
  background-color: rgb(213,0,249) !important;
}

.mdl-color-text--purple-A700 {
  color: rgb(170,0,255) !important;
}

.mdl-color--purple-A700 {
  background-color: rgb(170,0,255) !important;
}

.mdl-color-text--deep-purple {
  color: rgb(103,58,183) !important;
}

.mdl-color--deep-purple {
  background-color: rgb(103,58,183) !important;
}

.mdl-color-text--deep-purple-50 {
  color: rgb(237,231,246) !important;
}

.mdl-color--deep-purple-50 {
  background-color: rgb(237,231,246) !important;
}

.mdl-color-text--deep-purple-100 {
  color: rgb(209,196,233) !important;
}

.mdl-color--deep-purple-100 {
  background-color: rgb(209,196,233) !important;
}

.mdl-color-text--deep-purple-200 {
  color: rgb(179,157,219) !important;
}

.mdl-color--deep-purple-200 {
  background-color: rgb(179,157,219) !important;
}

.mdl-color-text--deep-purple-300 {
  color: rgb(149,117,205) !important;
}

.mdl-color--deep-purple-300 {
  background-color: rgb(149,117,205) !important;
}

.mdl-color-text--deep-purple-400 {
  color: rgb(126,87,194) !important;
}

.mdl-color--deep-purple-400 {
  background-color: rgb(126,87,194) !important;
}

.mdl-color-text--deep-purple-500 {
  color: rgb(103,58,183) !important;
}

.mdl-color--deep-purple-500 {
  background-color: rgb(103,58,183) !important;
}

.mdl-color-text--deep-purple-600 {
  color: rgb(94,53,177) !important;
}

.mdl-color--deep-purple-600 {
  background-color: rgb(94,53,177) !important;
}

.mdl-color-text--deep-purple-700 {
  color: rgb(81,45,168) !important;
}

.mdl-color--deep-purple-700 {
  background-color: rgb(81,45,168) !important;
}

.mdl-color-text--deep-purple-800 {
  color: rgb(69,39,160) !important;
}

.mdl-color--deep-purple-800 {
  background-color: rgb(69,39,160) !important;
}

.mdl-color-text--deep-purple-900 {
  color: rgb(49,27,146) !important;
}

.mdl-color--deep-purple-900 {
  background-color: rgb(49,27,146) !important;
}

.mdl-color-text--deep-purple-A100 {
  color: rgb(179,136,255) !important;
}

.mdl-color--deep-purple-A100 {
  background-color: rgb(179,136,255) !important;
}

.mdl-color-text--deep-purple-A200 {
  color: rgb(124,77,255) !important;
}

.mdl-color--deep-purple-A200 {
  background-color: rgb(124,77,255) !important;
}

.mdl-color-text--deep-purple-A400 {
  color: rgb(101,31,255) !important;
}

.mdl-color--deep-purple-A400 {
  background-color: rgb(101,31,255) !important;
}

.mdl-color-text--deep-purple-A700 {
  color: rgb(98,0,234) !important;
}

.mdl-color--deep-purple-A700 {
  background-color: rgb(98,0,234) !important;
}

.mdl-color-text--indigo {
  color: rgb(63,81,181) !important;
}

.mdl-color--indigo {
  background-color: rgb(63,81,181) !important;
}

.mdl-color-text--indigo-50 {
  color: rgb(232,234,246) !important;
}

.mdl-color--indigo-50 {
  background-color: rgb(232,234,246) !important;
}

.mdl-color-text--indigo-100 {
  color: rgb(197,202,233) !important;
}

.mdl-color--indigo-100 {
  background-color: rgb(197,202,233) !important;
}

.mdl-color-text--indigo-200 {
  color: rgb(159,168,218) !important;
}

.mdl-color--indigo-200 {
  background-color: rgb(159,168,218) !important;
}

.mdl-color-text--indigo-300 {
  color: rgb(121,134,203) !important;
}

.mdl-color--indigo-300 {
  background-color: rgb(121,134,203) !important;
}

.mdl-color-text--indigo-400 {
  color: rgb(92,107,192) !important;
}

.mdl-color--indigo-400 {
  background-color: rgb(92,107,192) !important;
}

.mdl-color-text--indigo-500 {
  color: rgb(63,81,181) !important;
}

.mdl-color--indigo-500 {
  background-color: rgb(63,81,181) !important;
}

.mdl-color-text--indigo-600 {
  color: rgb(57,73,171) !important;
}

.mdl-color--indigo-600 {
  background-color: rgb(57,73,171) !important;
}

.mdl-color-text--indigo-700 {
  color: rgb(48,63,159) !important;
}

.mdl-color--indigo-700 {
  background-color: rgb(48,63,159) !important;
}

.mdl-color-text--indigo-800 {
  color: rgb(40,53,147) !important;
}

.mdl-color--indigo-800 {
  background-color: rgb(40,53,147) !important;
}

.mdl-color-text--indigo-900 {
  color: rgb(26,35,126) !important;
}

.mdl-color--indigo-900 {
  background-color: rgb(26,35,126) !important;
}

.mdl-color-text--indigo-A100 {
  color: rgb(140,158,255) !important;
}

.mdl-color--indigo-A100 {
  background-color: rgb(140,158,255) !important;
}

.mdl-color-text--indigo-A200 {
  color: rgb(83,109,254) !important;
}

.mdl-color--indigo-A200 {
  background-color: rgb(83,109,254) !important;
}

.mdl-color-text--indigo-A400 {
  color: rgb(61,90,254) !important;
}

.mdl-color--indigo-A400 {
  background-color: rgb(61,90,254) !important;
}

.mdl-color-text--indigo-A700 {
  color: rgb(48,79,254) !important;
}

.mdl-color--indigo-A700 {
  background-color: rgb(48,79,254) !important;
}

.mdl-color-text--blue {
  color: rgb(33,150,243) !important;
}

.mdl-color--blue {
  background-color: rgb(33,150,243) !important;
}

.mdl-color-text--blue-50 {
  color: rgb(227,242,253) !important;
}

.mdl-color--blue-50 {
  background-color: rgb(227,242,253) !important;
}

.mdl-color-text--blue-100 {
  color: rgb(187,222,251) !important;
}

.mdl-color--blue-100 {
  background-color: rgb(187,222,251) !important;
}

.mdl-color-text--blue-200 {
  color: rgb(144,202,249) !important;
}

.mdl-color--blue-200 {
  background-color: rgb(144,202,249) !important;
}

.mdl-color-text--blue-300 {
  color: rgb(100,181,246) !important;
}

.mdl-color--blue-300 {
  background-color: rgb(100,181,246) !important;
}

.mdl-color-text--blue-400 {
  color: rgb(66,165,245) !important;
}

.mdl-color--blue-400 {
  background-color: rgb(66,165,245) !important;
}

.mdl-color-text--blue-500 {
  color: rgb(33,150,243) !important;
}

.mdl-color--blue-500 {
  background-color: rgb(33,150,243) !important;
}

.mdl-color-text--blue-600 {
  color: rgb(30,136,229) !important;
}

.mdl-color--blue-600 {
  background-color: rgb(30,136,229) !important;
}

.mdl-color-text--blue-700 {
  color: rgb(25,118,210) !important;
}

.mdl-color--blue-700 {
  background-color: rgb(25,118,210) !important;
}

.mdl-color-text--blue-800 {
  color: rgb(21,101,192) !important;
}

.mdl-color--blue-800 {
  background-color: rgb(21,101,192) !important;
}

.mdl-color-text--blue-900 {
  color: rgb(13,71,161) !important;
}

.mdl-color--blue-900 {
  background-color: rgb(13,71,161) !important;
}

.mdl-color-text--blue-A100 {
  color: rgb(130,177,255) !important;
}

.mdl-color--blue-A100 {
  background-color: rgb(130,177,255) !important;
}

.mdl-color-text--blue-A200 {
  color: rgb(68,138,255) !important;
}

.mdl-color--blue-A200 {
  background-color: rgb(68,138,255) !important;
}

.mdl-color-text--blue-A400 {
  color: rgb(41,121,255) !important;
}

.mdl-color--blue-A400 {
  background-color: rgb(41,121,255) !important;
}

.mdl-color-text--blue-A700 {
  color: rgb(41,98,255) !important;
}

.mdl-color--blue-A700 {
  background-color: rgb(41,98,255) !important;
}

.mdl-color-text--light-blue {
  color: rgb(3,169,244) !important;
}

.mdl-color--light-blue {
  background-color: rgb(3,169,244) !important;
}

.mdl-color-text--light-blue-50 {
  color: rgb(225,245,254) !important;
}

.mdl-color--light-blue-50 {
  background-color: rgb(225,245,254) !important;
}

.mdl-color-text--light-blue-100 {
  color: rgb(179,229,252) !important;
}

.mdl-color--light-blue-100 {
  background-color: rgb(179,229,252) !important;
}

.mdl-color-text--light-blue-200 {
  color: rgb(129,212,250) !important;
}

.mdl-color--light-blue-200 {
  background-color: rgb(129,212,250) !important;
}

.mdl-color-text--light-blue-300 {
  color: rgb(79,195,247) !important;
}

.mdl-color--light-blue-300 {
  background-color: rgb(79,195,247) !important;
}

.mdl-color-text--light-blue-400 {
  color: rgb(41,182,246) !important;
}

.mdl-color--light-blue-400 {
  background-color: rgb(41,182,246) !important;
}

.mdl-color-text--light-blue-500 {
  color: rgb(3,169,244) !important;
}

.mdl-color--light-blue-500 {
  background-color: rgb(3,169,244) !important;
}

.mdl-color-text--light-blue-600 {
  color: rgb(3,155,229) !important;
}

.mdl-color--light-blue-600 {
  background-color: rgb(3,155,229) !important;
}

.mdl-color-text--light-blue-700 {
  color: rgb(2,136,209) !important;
}

.mdl-color--light-blue-700 {
  background-color: rgb(2,136,209) !important;
}

.mdl-color-text--light-blue-800 {
  color: rgb(2,119,189) !important;
}

.mdl-color--light-blue-800 {
  background-color: rgb(2,119,189) !important;
}

.mdl-color-text--light-blue-900 {
  color: rgb(1,87,155) !important;
}

.mdl-color--light-blue-900 {
  background-color: rgb(1,87,155) !important;
}

.mdl-color-text--light-blue-A100 {
  color: rgb(128,216,255) !important;
}

.mdl-color--light-blue-A100 {
  background-color: rgb(128,216,255) !important;
}

.mdl-color-text--light-blue-A200 {
  color: rgb(64,196,255) !important;
}

.mdl-color--light-blue-A200 {
  background-color: rgb(64,196,255) !important;
}

.mdl-color-text--light-blue-A400 {
  color: rgb(0,176,255) !important;
}

.mdl-color--light-blue-A400 {
  background-color: rgb(0,176,255) !important;
}

.mdl-color-text--light-blue-A700 {
  color: rgb(0,145,234) !important;
}

.mdl-color--light-blue-A700 {
  background-color: rgb(0,145,234) !important;
}

.mdl-color-text--cyan {
  color: rgb(0,188,212) !important;
}

.mdl-color--cyan {
  background-color: rgb(0,188,212) !important;
}

.mdl-color-text--cyan-50 {
  color: rgb(224,247,250) !important;
}

.mdl-color--cyan-50 {
  background-color: rgb(224,247,250) !important;
}

.mdl-color-text--cyan-100 {
  color: rgb(178,235,242) !important;
}

.mdl-color--cyan-100 {
  background-color: rgb(178,235,242) !important;
}

.mdl-color-text--cyan-200 {
  color: rgb(128,222,234) !important;
}

.mdl-color--cyan-200 {
  background-color: rgb(128,222,234) !important;
}

.mdl-color-text--cyan-300 {
  color: rgb(77,208,225) !important;
}

.mdl-color--cyan-300 {
  background-color: rgb(77,208,225) !important;
}

.mdl-color-text--cyan-400 {
  color: rgb(38,198,218) !important;
}

.mdl-color--cyan-400 {
  background-color: rgb(38,198,218) !important;
}

.mdl-color-text--cyan-500 {
  color: rgb(0,188,212) !important;
}

.mdl-color--cyan-500 {
  background-color: rgb(0,188,212) !important;
}

.mdl-color-text--cyan-600 {
  color: rgb(0,172,193) !important;
}

.mdl-color--cyan-600 {
  background-color: rgb(0,172,193) !important;
}

.mdl-color-text--cyan-700 {
  color: rgb(0,151,167) !important;
}

.mdl-color--cyan-700 {
  background-color: rgb(0,151,167) !important;
}

.mdl-color-text--cyan-800 {
  color: rgb(0,131,143) !important;
}

.mdl-color--cyan-800 {
  background-color: rgb(0,131,143) !important;
}

.mdl-color-text--cyan-900 {
  color: rgb(0,96,100) !important;
}

.mdl-color--cyan-900 {
  background-color: rgb(0,96,100) !important;
}

.mdl-color-text--cyan-A100 {
  color: rgb(132,255,255) !important;
}

.mdl-color--cyan-A100 {
  background-color: rgb(132,255,255) !important;
}

.mdl-color-text--cyan-A200 {
  color: rgb(24,255,255) !important;
}

.mdl-color--cyan-A200 {
  background-color: rgb(24,255,255) !important;
}

.mdl-color-text--cyan-A400 {
  color: rgb(0,229,255) !important;
}

.mdl-color--cyan-A400 {
  background-color: rgb(0,229,255) !important;
}

.mdl-color-text--cyan-A700 {
  color: rgb(0,184,212) !important;
}

.mdl-color--cyan-A700 {
  background-color: rgb(0,184,212) !important;
}

.mdl-color-text--teal {
  color: rgb(0,150,136) !important;
}

.mdl-color--teal {
  background-color: rgb(0,150,136) !important;
}

.mdl-color-text--teal-50 {
  color: rgb(224,242,241) !important;
}

.mdl-color--teal-50 {
  background-color: rgb(224,242,241) !important;
}

.mdl-color-text--teal-100 {
  color: rgb(178,223,219) !important;
}

.mdl-color--teal-100 {
  background-color: rgb(178,223,219) !important;
}

.mdl-color-text--teal-200 {
  color: rgb(128,203,196) !important;
}

.mdl-color--teal-200 {
  background-color: rgb(128,203,196) !important;
}

.mdl-color-text--teal-300 {
  color: rgb(77,182,172) !important;
}

.mdl-color--teal-300 {
  background-color: rgb(77,182,172) !important;
}

.mdl-color-text--teal-400 {
  color: rgb(38,166,154) !important;
}

.mdl-color--teal-400 {
  background-color: rgb(38,166,154) !important;
}

.mdl-color-text--teal-500 {
  color: rgb(0,150,136) !important;
}

.mdl-color--teal-500 {
  background-color: rgb(0,150,136) !important;
}

.mdl-color-text--teal-600 {
  color: rgb(0,137,123) !important;
}

.mdl-color--teal-600 {
  background-color: rgb(0,137,123) !important;
}

.mdl-color-text--teal-700 {
  color: rgb(0,121,107) !important;
}

.mdl-color--teal-700 {
  background-color: rgb(0,121,107) !important;
}

.mdl-color-text--teal-800 {
  color: rgb(0,105,92) !important;
}

.mdl-color--teal-800 {
  background-color: rgb(0,105,92) !important;
}

.mdl-color-text--teal-900 {
  color: rgb(0,77,64) !important;
}

.mdl-color--teal-900 {
  background-color: rgb(0,77,64) !important;
}

.mdl-color-text--teal-A100 {
  color: rgb(167,255,235) !important;
}

.mdl-color--teal-A100 {
  background-color: rgb(167,255,235) !important;
}

.mdl-color-text--teal-A200 {
  color: rgb(100,255,218) !important;
}

.mdl-color--teal-A200 {
  background-color: rgb(100,255,218) !important;
}

.mdl-color-text--teal-A400 {
  color: rgb(29,233,182) !important;
}

.mdl-color--teal-A400 {
  background-color: rgb(29,233,182) !important;
}

.mdl-color-text--teal-A700 {
  color: rgb(0,191,165) !important;
}

.mdl-color--teal-A700 {
  background-color: rgb(0,191,165) !important;
}

.mdl-color-text--green {
  color: rgb(76,175,80) !important;
}

.mdl-color--green {
  background-color: rgb(76,175,80) !important;
}

.mdl-color-text--green-50 {
  color: rgb(232,245,233) !important;
}

.mdl-color--green-50 {
  background-color: rgb(232,245,233) !important;
}

.mdl-color-text--green-100 {
  color: rgb(200,230,201) !important;
}

.mdl-color--green-100 {
  background-color: rgb(200,230,201) !important;
}

.mdl-color-text--green-200 {
  color: rgb(165,214,167) !important;
}

.mdl-color--green-200 {
  background-color: rgb(165,214,167) !important;
}

.mdl-color-text--green-300 {
  color: rgb(129,199,132) !important;
}

.mdl-color--green-300 {
  background-color: rgb(129,199,132) !important;
}

.mdl-color-text--green-400 {
  color: rgb(102,187,106) !important;
}

.mdl-color--green-400 {
  background-color: rgb(102,187,106) !important;
}

.mdl-color-text--green-500 {
  color: rgb(76,175,80) !important;
}

.mdl-color--green-500 {
  background-color: rgb(76,175,80) !important;
}

.mdl-color-text--green-600 {
  color: rgb(67,160,71) !important;
}

.mdl-color--green-600 {
  background-color: rgb(67,160,71) !important;
}

.mdl-color-text--green-700 {
  color: rgb(56,142,60) !important;
}

.mdl-color--green-700 {
  background-color: rgb(56,142,60) !important;
}

.mdl-color-text--green-800 {
  color: rgb(46,125,50) !important;
}

.mdl-color--green-800 {
  background-color: rgb(46,125,50) !important;
}

.mdl-color-text--green-900 {
  color: rgb(27,94,32) !important;
}

.mdl-color--green-900 {
  background-color: rgb(27,94,32) !important;
}

.mdl-color-text--green-A100 {
  color: rgb(185,246,202) !important;
}

.mdl-color--green-A100 {
  background-color: rgb(185,246,202) !important;
}

.mdl-color-text--green-A200 {
  color: rgb(105,240,174) !important;
}

.mdl-color--green-A200 {
  background-color: rgb(105,240,174) !important;
}

.mdl-color-text--green-A400 {
  color: rgb(0,230,118) !important;
}

.mdl-color--green-A400 {
  background-color: rgb(0,230,118) !important;
}

.mdl-color-text--green-A700 {
  color: rgb(0,200,83) !important;
}

.mdl-color--green-A700 {
  background-color: rgb(0,200,83) !important;
}

.mdl-color-text--light-green {
  color: rgb(139,195,74) !important;
}

.mdl-color--light-green, #calendar-events-list md-checkbox.md-checked .md-icon, #calendar-events-list md-checkbox.md-checked .md-ink-ripple {
  background-color: rgb(139,195,74) !important;
}

.mdl-color-text--light-green-50 {
  color: rgb(241,248,233) !important;
}

.mdl-color--light-green-50 {
  background-color: rgb(241,248,233) !important;
}

.mdl-color-text--light-green-100 {
  color: rgb(220,237,200) !important;
}

.mdl-color--light-green-100 {
  background-color: rgb(220,237,200) !important;
}

.mdl-color-text--light-green-200 {
  color: rgb(197,225,165) !important;
}

.mdl-color--light-green-200 {
  background-color: rgb(197,225,165) !important;
}

.mdl-color-text--light-green-300 {
  color: rgb(174,213,129) !important;
}

.mdl-color--light-green-300 {
  background-color: rgb(174,213,129) !important;
}

.mdl-color-text--light-green-400 {
  color: rgb(156,204,101) !important;
}

.mdl-color--light-green-400 {
  background-color: rgb(156,204,101) !important;
}

.mdl-color-text--light-green-500 {
  color: rgb(139,195,74) !important;
}

.mdl-color--light-green-500 {
  background-color: rgb(139,195,74) !important;
}

.mdl-color-text--light-green-600 {
  color: rgb(124,179,66) !important;
}

.mdl-color--light-green-600 {
  background-color: rgb(124,179,66) !important;
}

.mdl-color-text--light-green-700 {
  color: rgb(104,159,56) !important;
}

.mdl-color--light-green-700 {
  background-color: rgb(104,159,56) !important;
}

.mdl-color-text--light-green-800 {
  color: rgb(85,139,47) !important;
}

.mdl-color--light-green-800 {
  background-color: rgb(85,139,47) !important;
}

.mdl-color-text--light-green-900 {
  color: rgb(51,105,30) !important;
}

.mdl-color--light-green-900 {
  background-color: rgb(51,105,30) !important;
}

.mdl-color-text--light-green-A100 {
  color: rgb(204,255,144) !important;
}

.mdl-color--light-green-A100 {
  background-color: rgb(204,255,144) !important;
}

.mdl-color-text--light-green-A200 {
  color: rgb(178,255,89) !important;
}

.mdl-color--light-green-A200 {
  background-color: rgb(178,255,89) !important;
}

.mdl-color-text--light-green-A400 {
  color: rgb(118,255,3) !important;
}

.mdl-color--light-green-A400 {
  background-color: rgb(118,255,3) !important;
}

.mdl-color-text--light-green-A700 {
  color: rgb(100,221,23) !important;
}

.mdl-color--light-green-A700 {
  background-color: rgb(100,221,23) !important;
}

.mdl-color-text--lime {
  color: rgb(205,220,57) !important;
}

.mdl-color--lime {
  background-color: rgb(205,220,57) !important;
}

.mdl-color-text--lime-50 {
  color: rgb(249,251,231) !important;
}

.mdl-color--lime-50 {
  background-color: rgb(249,251,231) !important;
}

.mdl-color-text--lime-100 {
  color: rgb(240,244,195) !important;
}

.mdl-color--lime-100 {
  background-color: rgb(240,244,195) !important;
}

.mdl-color-text--lime-200 {
  color: rgb(230,238,156) !important;
}

.mdl-color--lime-200 {
  background-color: rgb(230,238,156) !important;
}

.mdl-color-text--lime-300 {
  color: rgb(220,231,117) !important;
}

.mdl-color--lime-300 {
  background-color: rgb(220,231,117) !important;
}

.mdl-color-text--lime-400 {
  color: rgb(212,225,87) !important;
}

.mdl-color--lime-400 {
  background-color: rgb(212,225,87) !important;
}

.mdl-color-text--lime-500 {
  color: rgb(205,220,57) !important;
}

.mdl-color--lime-500 {
  background-color: rgb(205,220,57) !important;
}

.mdl-color-text--lime-600 {
  color: rgb(192,202,51) !important;
}

.mdl-color--lime-600 {
  background-color: rgb(192,202,51) !important;
}

.mdl-color-text--lime-700 {
  color: rgb(175,180,43) !important;
}

.mdl-color--lime-700 {
  background-color: rgb(175,180,43) !important;
}

.mdl-color-text--lime-800 {
  color: rgb(158,157,36) !important;
}

.mdl-color--lime-800 {
  background-color: rgb(158,157,36) !important;
}

.mdl-color-text--lime-900 {
  color: rgb(130,119,23) !important;
}

.mdl-color--lime-900 {
  background-color: rgb(130,119,23) !important;
}

.mdl-color-text--lime-A100 {
  color: rgb(244,255,129) !important;
}

.mdl-color--lime-A100 {
  background-color: rgb(244,255,129) !important;
}

.mdl-color-text--lime-A200 {
  color: rgb(238,255,65) !important;
}

.mdl-color--lime-A200 {
  background-color: rgb(238,255,65) !important;
}

.mdl-color-text--lime-A400 {
  color: rgb(198,255,0) !important;
}

.mdl-color--lime-A400 {
  background-color: rgb(198,255,0) !important;
}

.mdl-color-text--lime-A700 {
  color: rgb(174,234,0) !important;
}

.mdl-color--lime-A700 {
  background-color: rgb(174,234,0) !important;
}

.mdl-color-text--yellow {
  color: rgb(255,235,59) !important;
}

.mdl-color--yellow {
  background-color: rgb(255,235,59) !important;
}

.mdl-color-text--yellow-50 {
  color: rgb(255,253,231) !important;
}

.mdl-color--yellow-50 {
  background-color: rgb(255,253,231) !important;
}

.mdl-color-text--yellow-100 {
  color: rgb(255,249,196) !important;
}

.mdl-color--yellow-100 {
  background-color: rgb(255,249,196) !important;
}

.mdl-color-text--yellow-200 {
  color: rgb(255,245,157) !important;
}

.mdl-color--yellow-200 {
  background-color: rgb(255,245,157) !important;
}

.mdl-color-text--yellow-300 {
  color: rgb(255,241,118) !important;
}

.mdl-color--yellow-300 {
  background-color: rgb(255,241,118) !important;
}

.mdl-color-text--yellow-400 {
  color: rgb(255,238,88) !important;
}

.mdl-color--yellow-400 {
  background-color: rgb(255,238,88) !important;
}

.mdl-color-text--yellow-500 {
  color: rgb(255,235,59) !important;
}

.mdl-color--yellow-500 {
  background-color: rgb(255,235,59) !important;
}

.mdl-color-text--yellow-600 {
  color: rgb(253,216,53) !important;
}

.mdl-color--yellow-600 {
  background-color: rgb(253,216,53) !important;
}

.mdl-color-text--yellow-700 {
  color: rgb(251,192,45) !important;
}

.mdl-color--yellow-700 {
  background-color: rgb(251,192,45) !important;
}

.mdl-color-text--yellow-800 {
  color: rgb(249,168,37) !important;
}

.mdl-color--yellow-800 {
  background-color: rgb(249,168,37) !important;
}

.mdl-color-text--yellow-900 {
  color: rgb(245,127,23) !important;
}

.mdl-color--yellow-900 {
  background-color: rgb(245,127,23) !important;
}

.mdl-color-text--yellow-A100 {
  color: rgb(255,255,141) !important;
}

.mdl-color--yellow-A100 {
  background-color: rgb(255,255,141) !important;
}

.mdl-color-text--yellow-A200 {
  color: rgb(255,255,0) !important;
}

.mdl-color--yellow-A200 {
  background-color: rgb(255,255,0) !important;
}

.mdl-color-text--yellow-A400 {
  color: rgb(255,234,0) !important;
}

.mdl-color--yellow-A400 {
  background-color: rgb(255,234,0) !important;
}

.mdl-color-text--yellow-A700 {
  color: rgb(255,214,0) !important;
}

.mdl-color--yellow-A700 {
  background-color: rgb(255,214,0) !important;
}

.mdl-color-text--amber {
  color: rgb(255,193,7) !important;
}

.mdl-color--amber {
  background-color: rgb(255,193,7) !important;
}

.mdl-color-text--amber-50 {
  color: rgb(255,248,225) !important;
}

.mdl-color--amber-50 {
  background-color: rgb(255,248,225) !important;
}

.mdl-color-text--amber-100 {
  color: rgb(255,236,179) !important;
}

.mdl-color--amber-100 {
  background-color: rgb(255,236,179) !important;
}

.mdl-color-text--amber-200 {
  color: rgb(255,224,130) !important;
}

.mdl-color--amber-200 {
  background-color: rgb(255,224,130) !important;
}

.mdl-color-text--amber-300 {
  color: rgb(255,213,79) !important;
}

.mdl-color--amber-300 {
  background-color: rgb(255,213,79) !important;
}

.mdl-color-text--amber-400 {
  color: rgb(255,202,40) !important;
}

.mdl-color--amber-400 {
  background-color: rgb(255,202,40) !important;
}

.mdl-color-text--amber-500 {
  color: rgb(255,193,7) !important;
}

.mdl-color--amber-500 {
  background-color: rgb(255,193,7) !important;
}

.mdl-color-text--amber-600 {
  color: rgb(255,179,0) !important;
}

.mdl-color--amber-600 {
  background-color: rgb(255,179,0) !important;
}

.mdl-color-text--amber-700 {
  color: rgb(255,160,0) !important;
}

.mdl-color--amber-700 {
  background-color: rgb(255,160,0) !important;
}

.mdl-color-text--amber-800 {
  color: rgb(255,143,0) !important;
}

.mdl-color--amber-800 {
  background-color: rgb(255,143,0) !important;
}

.mdl-color-text--amber-900 {
  color: rgb(255,111,0) !important;
}

.mdl-color--amber-900 {
  background-color: rgb(255,111,0) !important;
}

.mdl-color-text--amber-A100 {
  color: rgb(255,229,127) !important;
}

.mdl-color--amber-A100 {
  background-color: rgb(255,229,127) !important;
}

.mdl-color-text--amber-A200 {
  color: rgb(255,215,64) !important;
}

.mdl-color--amber-A200 {
  background-color: rgb(255,215,64) !important;
}

.mdl-color-text--amber-A400 {
  color: rgb(255,196,0) !important;
}

.mdl-color--amber-A400 {
  background-color: rgb(255,196,0) !important;
}

.mdl-color-text--amber-A700 {
  color: rgb(255,171,0) !important;
}

.mdl-color--amber-A700 {
  background-color: rgb(255,171,0) !important;
}

.mdl-color-text--orange {
  color: rgb(255,152,0) !important;
}

.mdl-color--orange {
  background-color: rgb(255,152,0) !important;
}

.mdl-color-text--orange-50 {
  color: rgb(255,243,224) !important;
}

.mdl-color--orange-50 {
  background-color: rgb(255,243,224) !important;
}

.mdl-color-text--orange-100 {
  color: rgb(255,224,178) !important;
}

.mdl-color--orange-100 {
  background-color: rgb(255,224,178) !important;
}

.mdl-color-text--orange-200 {
  color: rgb(255,204,128) !important;
}

.mdl-color--orange-200 {
  background-color: rgb(255,204,128) !important;
}

.mdl-color-text--orange-300 {
  color: rgb(255,183,77) !important;
}

.mdl-color--orange-300 {
  background-color: rgb(255,183,77) !important;
}

.mdl-color-text--orange-400 {
  color: rgb(255,167,38) !important;
}

.mdl-color--orange-400 {
  background-color: rgb(255,167,38) !important;
}

.mdl-color-text--orange-500 {
  color: rgb(255,152,0) !important;
}

.mdl-color--orange-500 {
  background-color: rgb(255,152,0) !important;
}

.mdl-color-text--orange-600 {
  color: rgb(251,140,0) !important;
}

.mdl-color--orange-600 {
  background-color: rgb(251,140,0) !important;
}

.mdl-color-text--orange-700 {
  color: rgb(245,124,0) !important;
}

.mdl-color--orange-700 {
  background-color: rgb(245,124,0) !important;
}

.mdl-color-text--orange-800 {
  color: rgb(239,108,0) !important;
}

.mdl-color--orange-800 {
  background-color: rgb(239,108,0) !important;
}

.mdl-color-text--orange-900 {
  color: rgb(230,81,0) !important;
}

.mdl-color--orange-900 {
  background-color: rgb(230,81,0) !important;
}

.mdl-color-text--orange-A100 {
  color: rgb(255,209,128) !important;
}

.mdl-color--orange-A100 {
  background-color: rgb(255,209,128) !important;
}

.mdl-color-text--orange-A200 {
  color: rgb(255,171,64) !important;
}

.mdl-color--orange-A200 {
  background-color: rgb(255,171,64) !important;
}

.mdl-color-text--orange-A400 {
  color: rgb(255,145,0) !important;
}

.mdl-color--orange-A400 {
  background-color: rgb(255,145,0) !important;
}

.mdl-color-text--orange-A700 {
  color: rgb(255,109,0) !important;
}

.mdl-color--orange-A700 {
  background-color: rgb(255,109,0) !important;
}

.mdl-color-text--deep-orange {
  color: rgb(255,87,34) !important;
}

.mdl-color--deep-orange {
  background-color: rgb(255,87,34) !important;
}

.mdl-color-text--deep-orange-50 {
  color: rgb(251,233,231) !important;
}

.mdl-color--deep-orange-50 {
  background-color: rgb(251,233,231) !important;
}

.mdl-color-text--deep-orange-100 {
  color: rgb(255,204,188) !important;
}

.mdl-color--deep-orange-100 {
  background-color: rgb(255,204,188) !important;
}

.mdl-color-text--deep-orange-200 {
  color: rgb(255,171,145) !important;
}

.mdl-color--deep-orange-200 {
  background-color: rgb(255,171,145) !important;
}

.mdl-color-text--deep-orange-300 {
  color: rgb(255,138,101) !important;
}

.mdl-color--deep-orange-300 {
  background-color: rgb(255,138,101) !important;
}

.mdl-color-text--deep-orange-400 {
  color: rgb(255,112,67) !important;
}

.mdl-color--deep-orange-400 {
  background-color: rgb(255,112,67) !important;
}

.mdl-color-text--deep-orange-500 {
  color: rgb(255,87,34) !important;
}

.mdl-color--deep-orange-500 {
  background-color: rgb(255,87,34) !important;
}

.mdl-color-text--deep-orange-600 {
  color: rgb(244,81,30) !important;
}

.mdl-color--deep-orange-600 {
  background-color: rgb(244,81,30) !important;
}

.mdl-color-text--deep-orange-700 {
  color: rgb(230,74,25) !important;
}

.mdl-color--deep-orange-700 {
  background-color: rgb(230,74,25) !important;
}

.mdl-color-text--deep-orange-800 {
  color: rgb(216,67,21) !important;
}

.mdl-color--deep-orange-800 {
  background-color: rgb(216,67,21) !important;
}

.mdl-color-text--deep-orange-900 {
  color: rgb(191,54,12) !important;
}

.mdl-color--deep-orange-900 {
  background-color: rgb(191,54,12) !important;
}

.mdl-color-text--deep-orange-A100 {
  color: rgb(255,158,128) !important;
}

.mdl-color--deep-orange-A100 {
  background-color: rgb(255,158,128) !important;
}

.mdl-color-text--deep-orange-A200 {
  color: rgb(255,110,64) !important;
}

.mdl-color--deep-orange-A200 {
  background-color: rgb(255,110,64) !important;
}

.mdl-color-text--deep-orange-A400 {
  color: rgb(255,61,0) !important;
}

.mdl-color--deep-orange-A400 {
  background-color: rgb(255,61,0) !important;
}

.mdl-color-text--deep-orange-A700 {
  color: rgb(221,44,0) !important;
}

.mdl-color--deep-orange-A700 {
  background-color: rgb(221,44,0) !important;
}

.mdl-color-text--brown {
  color: rgb(121,85,72) !important;
}

.mdl-color--brown {
  background-color: rgb(121,85,72) !important;
}

.mdl-color-text--brown-50 {
  color: rgb(239,235,233) !important;
}

.mdl-color--brown-50 {
  background-color: rgb(239,235,233) !important;
}

.mdl-color-text--brown-100 {
  color: rgb(215,204,200) !important;
}

.mdl-color--brown-100 {
  background-color: rgb(215,204,200) !important;
}

.mdl-color-text--brown-200 {
  color: rgb(188,170,164) !important;
}

.mdl-color--brown-200 {
  background-color: rgb(188,170,164) !important;
}

.mdl-color-text--brown-300 {
  color: rgb(161,136,127) !important;
}

.mdl-color--brown-300 {
  background-color: rgb(161,136,127) !important;
}

.mdl-color-text--brown-400 {
  color: rgb(141,110,99) !important;
}

.mdl-color--brown-400 {
  background-color: rgb(141,110,99) !important;
}

.mdl-color-text--brown-500 {
  color: rgb(121,85,72) !important;
}

.mdl-color--brown-500 {
  background-color: rgb(121,85,72) !important;
}

.mdl-color-text--brown-600 {
  color: rgb(109,76,65) !important;
}

.mdl-color--brown-600 {
  background-color: rgb(109,76,65) !important;
}

.mdl-color-text--brown-700 {
  color: rgb(93,64,55) !important;
}

.mdl-color--brown-700 {
  background-color: rgb(93,64,55) !important;
}

.mdl-color-text--brown-800 {
  color: rgb(78,52,46) !important;
}

.mdl-color--brown-800 {
  background-color: rgb(78,52,46) !important;
}

.mdl-color-text--brown-900 {
  color: rgb(62,39,35) !important;
}

.mdl-color--brown-900 {
  background-color: rgb(62,39,35) !important;
}

.mdl-color-text--grey {
  color: rgb(158,158,158) !important;
}

.mdl-color--grey {
  background-color: rgb(158,158,158) !important;
}

.mdl-color-text--grey-50 {
  color: rgb(250,250,250) !important;
}

.mdl-color--grey-50 {
  background-color: rgb(250,250,250) !important;
}

.mdl-color-text--grey-100 {
  color: rgb(245,245,245) !important;
}

.mdl-color--grey-100 {
  background-color: rgb(245,245,245) !important;
}

.mdl-color-text--grey-200 {
  color: rgb(238,238,238) !important;
}

.mdl-color--grey-200 {
  background-color: rgb(238,238,238) !important;
}

.mdl-color-text--grey-300 {
  color: rgb(224,224,224) !important;
}

.mdl-color--grey-300 {
  background-color: rgb(224,224,224) !important;
}

.mdl-color-text--grey-400 {
  color: rgb(189,189,189) !important;
}

.mdl-color--grey-400 {
  background-color: rgb(189,189,189) !important;
}

.mdl-color-text--grey-500 {
  color: rgb(158,158,158) !important;
}

.mdl-color--grey-500 {
  background-color: rgb(158,158,158) !important;
}

.mdl-color-text--grey-600 {
  color: rgb(117,117,117) !important;
}

.mdl-color--grey-600 {
  background-color: rgb(117,117,117) !important;
}

.mdl-color-text--grey-700 {
  color: rgb(97,97,97) !important;
}

.mdl-color--grey-700 {
  background-color: rgb(97,97,97) !important;
}

.mdl-color-text--grey-800 {
  color: rgb(66,66,66) !important;
}

.mdl-color--grey-800 {
  background-color: rgb(66,66,66) !important;
}

.mdl-color-text--grey-900 {
  color: rgb(33,33,33) !important;
}

.mdl-color--grey-900 {
  background-color: rgb(33,33,33) !important;
}

.mdl-color-text--blue-grey {
  color: rgb(96,125,139) !important;
}

.mdl-color--blue-grey {
  background-color: rgb(96,125,139) !important;
}

.mdl-color-text--blue-grey-50 {
  color: rgb(236,239,241) !important;
}

.mdl-color--blue-grey-50 {
  background-color: rgb(236,239,241) !important;
}

.mdl-color-text--blue-grey-100 {
  color: rgb(207,216,220) !important;
}

.mdl-color--blue-grey-100 {
  background-color: rgb(207,216,220) !important;
}

.mdl-color-text--blue-grey-200 {
  color: rgb(176,190,197) !important;
}

.mdl-color--blue-grey-200 {
  background-color: rgb(176,190,197) !important;
}

.mdl-color-text--blue-grey-300 {
  color: rgb(144,164,174) !important;
}

.mdl-color--blue-grey-300 {
  background-color: rgb(144,164,174) !important;
}

.mdl-color-text--blue-grey-400 {
  color: rgb(120,144,156) !important;
}

.mdl-color--blue-grey-400 {
  background-color: rgb(120,144,156) !important;
}

.mdl-color-text--blue-grey-500 {
  color: rgb(96,125,139) !important;
}

.mdl-color--blue-grey-500 {
  background-color: rgb(96,125,139) !important;
}

.mdl-color-text--blue-grey-600 {
  color: rgb(84,110,122) !important;
}

.mdl-color--blue-grey-600 {
  background-color: rgb(84,110,122) !important;
}

.mdl-color-text--blue-grey-700 {
  color: rgb(69,90,100) !important;
}

.mdl-color--blue-grey-700 {
  background-color: rgb(69,90,100) !important;
}

.mdl-color-text--blue-grey-800 {
  color: rgb(55,71,79) !important;
}

.mdl-color--blue-grey-800 {
  background-color: rgb(55,71,79) !important;
}

.mdl-color-text--blue-grey-900 {
  color: rgb(38,50,56) !important;
}

.mdl-color--blue-grey-900 {
  background-color: rgb(38,50,56) !important;
}

.mdl-color--black {
  background-color: rgb(0,0,0) !important;
}

.mdl-color-text--black {
  color: rgb(0,0,0) !important;
}

.mdl-color--white {
  background-color: rgb(255,255,255) !important;
}

.mdl-color-text--white {
  color: rgb(255,255,255) !important;
}

.mdl-color--primary {
  background-color: rgb($color-primary) !important;
}

.mdl-color--primary-contrast {
  background-color: rgb($color-primary-contrast) !important;
}

.mdl-color--primary-dark {
  background-color: rgb($color-primary-dark) !important;
}

.mdl-color--accent {
  background-color: rgb($color-accent) !important;
}

.mdl-color--accent-contrast {
  background-color: rgb($color-accent-contrast) !important;
}

.mdl-color-text--primary {
  color: rgb($color-primary) !important;
}

.mdl-color-text--primary-contrast {
  color: rgb($color-primary-contrast) !important;
}

.mdl-color-text--primary-dark {
  color: rgb($color-primary-dark) !important;
}

.mdl-color-text--accent {
  color: rgb($color-accent) !important;
}

.mdl-color-text--accent-contrast {
  color: rgb($color-accent-contrast) !important;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* TOOLTIP */
.mdl-ripple {
  background: rgb(0,0,0);
  border-radius: 50%;
  height: 50px;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 50px;
  overflow: hidden;
}

.mdl-ripple.is-animating {
  -webkit-transition: width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
  transition: width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.mdl-ripple.is-visible {
  opacity: 0.3;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* TOOLTIP */
.mdl-animation--default {
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.mdl-animation--fast-out-slow-in {
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.mdl-animation--linear-out-slow-in {
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.mdl-animation--fast-out-linear-in {
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* TOOLTIP */
.mdl-badge {
  position: relative;
  white-space: nowrap;
  margin-right: 24px;
}

.mdl-badge:not([data-badge]) {
  margin-right: auto;
}

.mdl-badge[data-badge]:after {
  content: attr(data-badge);
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  justify-content: center;
  align-content: center;
  -webkit-box-align: center;
  align-items: center;
  position: absolute;
  top: -11px;
  right: -24px;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 600;
  font-size: 12px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgb($color-accent);
  color: rgb($color-accent-contrast);
}

.mdl-button .mdl-badge[data-badge]:after {
  top: -10px;
  right: -5px;
}

.mdl-badge.mdl-badge--no-background[data-badge]:after {
  color: rgb($color-accent);
  background: rgb($color-accent-contrast);
  box-shadow: 0 0 1px gray;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* TOOLTIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
.mdl-button {
  background: transparent;
  border: none;
  border-radius: 3px;
  color: rgb(0,0,0);
  position: relative;
  height: 36px;
  min-width: 88px;
  padding: 0 0 6px;
  display: inline-block;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0;
  overflow: hidden;
  will-change: box-shadow, transform;
  -webkit-transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  outline: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  line-height: 36px;
  vertical-align: middle;
}

.mdl-button::-moz-focus-inner {
  border: 0;
}

.mdl-button:hover {
  background-color: rgba(158,158,158, 0.20);
}

.mdl-button:focus:not(:active) {
  background-color: rgba(0,0,0, 0.12);
}

.mdl-button:active {
  background-color: rgba(158,158,158, 0.40);
}

.mdl-button.mdl-button--colored {
  color: rgb($color-primary);
}

.mdl-button.mdl-button--colored:focus:not(:active) {
  background-color: rgba(0,0,0, 0.12);
}

input.mdl-button[type="submit"] {
  -webkit-appearance: none;
}

.mdl-button--raised {
  background: rgba(158,158,158, 0.20);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.mdl-button--raised:active {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  background-color: rgba(158,158,158, 0.40);
}

.mdl-button--raised:focus:not(:active) {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
  background-color: rgba(158,158,158, 0.40);
}

.mdl-button--raised.mdl-button--colored {
  background: rgb($color-primary);
  color: rgb($color-primary-contrast);
}

.mdl-button--raised.mdl-button--colored:hover {
  background-color: rgb($color-primary);
}

.mdl-button--raised.mdl-button--colored:active {
  background-color: rgb($color-primary);
}

.mdl-button--raised.mdl-button--colored:focus:not(:active) {
  background-color: rgb($color-primary);
}

.mdl-button--raised.mdl-button--colored .mdl-ripple {
  background: rgb($color-primary-contrast);
}

.mdl-button--fab {
  border-radius: 50%;
  font-size: 24px;
  height: 56px;
  margin: auto;
  min-width: 56px;
  width: 56px;
  padding: 0;
  overflow: hidden;
  background: rgba(158,158,158, 0.20);
  box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
  position: relative;
  line-height: normal;
}

.mdl-button--fab .material-icons {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-12px, -12px);
  transform: translate(-12px, -12px);
  line-height: 24px;
  width: 24px;
}

.mdl-button--fab.mdl-button--mini-fab {
  height: 40px;
  min-width: 40px;
  width: 40px;
}

.mdl-button--fab .mdl-button__ripple-container {
  border-radius: 50%;
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}

.mdl-button--fab:active {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  background-color: rgba(158,158,158, 0.40);
}

.mdl-button--fab:focus:not(:active) {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
  background-color: rgba(158,158,158, 0.40);
}

.mdl-button--fab.mdl-button--colored {
  background: rgb($color-accent);
  color: rgb($color-accent-contrast);
}

.mdl-button--fab.mdl-button--colored:hover {
  background-color: rgb($color-accent);
}

.mdl-button--fab.mdl-button--colored:focus:not(:active) {
  background-color: rgb($color-accent);
}

.mdl-button--fab.mdl-button--colored:active {
  background-color: rgb($color-accent);
}

.mdl-button--fab.mdl-button--colored .mdl-ripple {
  background: rgb($color-accent-contrast);
}

.mdl-button--icon {
  border-radius: 50%;
  font-size: 24px;
  height: 32px;
  margin-left: 0;
  margin-right: 0;
  min-width: 32px;
  width: 32px;
  padding: 0;
  overflow: hidden;
  color: inherit;
  line-height: normal;
}

.mdl-button--icon .material-icons {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-12px, -12px);
  transform: translate(-12px, -12px);
  line-height: 24px;
  width: 24px;
}

.mdl-button--icon.mdl-button--mini-icon {
  height: 24px;
  min-width: 24px;
  width: 24px;
}

.mdl-button--icon.mdl-button--mini-icon .material-icons {
  top: 0px;
  left: 0px;
}

.mdl-button--icon .mdl-button__ripple-container {
  border-radius: 50%;
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}

.mdl-button__ripple-container {
  display: block;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 0;
  overflow: hidden;
}

.mdl-button[disabled] .mdl-button__ripple-container .mdl-ripple,
.mdl-button.mdl-button--disabled .mdl-button__ripple-container .mdl-ripple {
  background-color: transparent;
}

.mdl-button--primary.mdl-button--primary {
  color: rgb($color-primary);
}

.mdl-button--primary.mdl-button--primary .mdl-ripple {
  background: rgb($color-primary-contrast);
}

.mdl-button--primary.mdl-button--primary.mdl-button--raised, .mdl-button--primary.mdl-button--primary.mdl-button--fab {
  color: rgb($color-primary-contrast);
  background-color: rgb($color-primary);
}

.mdl-button--accent.mdl-button--accent {
  color: rgb($color-accent);
}

.mdl-button--accent.mdl-button--accent .mdl-ripple {
  background: rgb($color-accent-contrast);
}

.mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdl-button--accent.mdl-button--accent.mdl-button--fab {
  color: rgb($color-accent-contrast);
  background-color: rgb($color-accent);
}

.mdl-button[disabled][disabled], .mdl-button.mdl-button--disabled.mdl-button--disabled {
  color: rgba(0,0,0, 0.26);
  cursor: default;
  background-color: transparent;
}

.mdl-button--fab[disabled][disabled], .mdl-button--fab.mdl-button--disabled.mdl-button--disabled {
  background-color: rgba(0,0,0, 0.12);
  color: rgba(0,0,0, 0.26);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.mdl-button--raised[disabled][disabled], .mdl-button--raised.mdl-button--disabled.mdl-button--disabled {
  background-color: rgba(0,0,0, 0.12);
  color: rgba(0,0,0, 0.26);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.mdl-button--colored[disabled][disabled], .mdl-button--colored.mdl-button--disabled.mdl-button--disabled {
  color: rgba(0,0,0, 0.26);
}

.mdl-button .material-icons {
  vertical-align: middle;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* TOOLTIP */
.mdl-card {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  font-size: 16px;
  font-weight: 400;
  min-height: 200px;
  overflow: hidden;
  width: 330px;
  z-index: 1;
  position: relative;
  background: rgb(255,255,255);
  border-radius: 2px;
  box-sizing: border-box;
}

.mdl-card__media {
  background-color: rgb($color-accent);
  background-repeat: repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-origin: padding-box;
  background-attachment: scroll;
  box-sizing: border-box;
}

.mdl-card__title {
  -webkit-box-align: center;
  align-items: center;
  color: rgb(0,0,0);
  display: block;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: stretch;
  justify-content: stretch;
  line-height: normal;
  padding: 16px 16px;
  -webkit-perspective-origin: 165px 56px;
  perspective-origin: 165px 56px;
  -webkit-transform-origin: 165px 56px;
  transform-origin: 165px 56px;
  box-sizing: border-box;
}

.mdl-card__title.mdl-card--border {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.mdl-card__title-text {
  align-self: flex-end;
  color: inherit;
  display: block;
  display: -webkit-box;
  display: flex;
  font-size: 24px;
  font-weight: 300;
  line-height: normal;
  overflow: hidden;
  -webkit-transform-origin: 149px 48px;
  transform-origin: 149px 48px;
  margin: 0;
}

.mdl-card__subtitle-text {
  font-size: 14px;
  color: rgba(0,0,0, 0.54);
  margin: 0;
}

.mdl-card__supporting-text {
  color: rgba(0,0,0, 0.54);
  font-size: 13px;
  line-height: 18px;
  overflow: hidden;
  padding: 16px 16px;
  width: 90%;
}

.mdl-card__actions {
  font-size: 16px;
  line-height: normal;
  width: 100%;
  background-color: transparent;
  padding: 8px;
  box-sizing: border-box;
}

.mdl-card__actions.mdl-card--border {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.mdl-card--expand {
  -webkit-box-flex: 1;
  flex-grow: 1;
}

.mdl-card__menu {
  position: absolute;
  right: 16px;
  top: 16px;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* TOOLTIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
.mdl-checkbox {
  position: relative;
  z-index: 1;
  vertical-align: middle;
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  height: 24px;
  margin: 0;
  padding: 0;
}

.mdl-checkbox.is-upgraded {
  padding-left: 24px;
}

.mdl-checkbox__input {
  line-height: 24px;
}

.mdl-checkbox.is-upgraded .mdl-checkbox__input {
  position: absolute;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  -ms-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
}

.mdl-checkbox__box-outline {
  position: absolute;
  top: 3px;
  left: 0;
  display: inline-block;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  margin: 0;
  cursor: pointer;
  overflow: hidden;
  border: 2px solid rgba(0,0,0, 0.54);
  border-radius: 2px;
  z-index: 2;
}

.mdl-checkbox.is-checked .mdl-checkbox__box-outline {
  border: 2px solid rgb($color-primary);
}

.mdl-checkbox.is-disabled .mdl-checkbox__box-outline {
  border: 2px solid rgba(0,0,0, 0.26);
  cursor: auto;
}

.mdl-checkbox__focus-helper {
  position: absolute;
  top: 3px;
  left: 0;
  display: inline-block;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: transparent;
}

.mdl-checkbox.is-focused .mdl-checkbox__focus-helper {
  box-shadow: 0 0 0px 8px rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.1);
}

.mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper {
  box-shadow: 0 0 0px 8px rgba($color-primary, 0.26);
  background-color: rgba($color-primary, 0.26);
}

.mdl-checkbox__tick-outline {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-mask: url("/images/tick-mask.svg?embed");
  mask: url("/images/tick-mask.svg?embed");
  background: transparent;
  -webkit-transition-duration: 0.28s;
  transition-duration: 0.28s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-property: background;
  transition-property: background;
}

.mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
  background: rgb($color-primary) url("/images/tick.svg?embed");
}

.mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline {
  background: rgba(0,0,0, 0.26) url("/images/tick.svg?embed");
}

.mdl-checkbox__label {
  position: relative;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
}

.mdl-checkbox.is-disabled .mdl-checkbox__label {
  color: rgba(0,0,0, 0.26);
  cursor: auto;
}

.mdl-checkbox__ripple-container {
  position: absolute;
  z-index: 2;
  top: -6px;
  left: -10px;
  box-sizing: border-box;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}

.mdl-checkbox__ripple-container .mdl-ripple {
  background: rgb($color-primary);
}

.mdl-checkbox.is-disabled .mdl-checkbox__ripple-container {
  cursor: auto;
}

.mdl-checkbox.is-disabled .mdl-checkbox__ripple-container .mdl-ripple {
  background: transparent;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* TOOLTIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
.mdl-data-table {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-collapse: collapse;
  white-space: nowrap;
  font-size: 13px;
  background-color: rgb(255,255,255);
}

.mdl-data-table thead {
  padding-bottom: 3px;
}

.mdl-data-table thead .mdl-data-table__select {
  margin-top: 0;
}

.mdl-data-table tbody tr {
  position: relative;
  height: 48px;
  -webkit-transition-duration: 0.28s;
  transition-duration: 0.28s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-property: background-color;
  transition-property: background-color;
}

.mdl-data-table tbody tr.is-selected {
  background-color: #e0e0e0;
}

.mdl-data-table tbody tr:hover {
  background-color: #eeeeee;
}

.mdl-data-table td, .mdl-data-table th {
  padding: 0 18px 0 18px;
  text-align: right;
}

.mdl-data-table td:first-of-type, .mdl-data-table th:first-of-type {
  padding-left: 24px;
}

.mdl-data-table td:last-of-type, .mdl-data-table th:last-of-type {
  padding-right: 24px;
}

.mdl-data-table td {
  position: relative;
  vertical-align: top;
  height: 48px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding-top: 12px;
  box-sizing: border-box;
}

.mdl-data-table td .mdl-data-table__select {
  vertical-align: top;
  position: absolute;
  left: 24px;
}

.mdl-data-table th {
  position: relative;
  vertical-align: bottom;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0;
  height: 48px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);
  padding-bottom: 8px;
  box-sizing: border-box;
}

.mdl-data-table th .mdl-data-table__select {
  position: absolute;
  bottom: 8px;
  left: 24px;
}

.mdl-data-table__select {
  width: 16px;
}

.mdl-data-table__cell--non-numeric.mdl-data-table__cell--non-numeric {
  text-align: left;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* TOOLTIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
.mdl-mega-footer {
  padding: 16px 40px;
  color: rgb(158,158,158);
  background-color: rgb(66,66,66);
}

.mdl-mega-footer--top-section:after,
.mdl-mega-footer--middle-section:after,
.mdl-mega-footer--bottom-section:after,
.mdl-mega-footer__top-section:after,
.mdl-mega-footer__middle-section:after,
.mdl-mega-footer__bottom-section:after {
  content: '';
  display: block;
  clear: both;
}

.mdl-mega-footer--left-section,
.mdl-mega-footer__left-section {
  margin-bottom: 16px;
}

.mdl-mega-footer--right-section,
.mdl-mega-footer__right-section {
  margin-bottom: 16px;
}

.mdl-mega-footer--right-section a,
.mdl-mega-footer__right-section a {
  display: block;
  margin-bottom: 16px;
  color: inherit;
  text-decoration: none;
}

@media screen and (min-width: 760px) {
  .mdl-mega-footer--left-section,
  .mdl-mega-footer__left-section {
    float: left;
  }
  .mdl-mega-footer--right-section,
  .mdl-mega-footer__right-section {
    float: right;
  }
  .mdl-mega-footer--right-section a,
  .mdl-mega-footer__right-section a {
    display: inline-block;
    margin-left: 16px;
    line-height: 36px;
    vertical-align: middle;
  }
}

.mdl-mega-footer--social-btn,
.mdl-mega-footer__social-btn {
  width: 36px;
  height: 36px;
  padding: 0;
  margin: 0;
  background-color: rgb(158,158,158);
  border: none;
}

.mdl-mega-footer--drop-down-section,
.mdl-mega-footer__drop-down-section {
  display: block;
  position: relative;
}

@media screen and (min-width: 760px) {
  .mdl-mega-footer--drop-down-section,
  .mdl-mega-footer__drop-down-section {
    width: 33%;
  }
  .mdl-mega-footer--drop-down-section:nth-child(1),
  .mdl-mega-footer--drop-down-section:nth-child(2),
  .mdl-mega-footer__drop-down-section:nth-child(1),
  .mdl-mega-footer__drop-down-section:nth-child(2) {
    float: left;
  }
  .mdl-mega-footer--drop-down-section:nth-child(3),
  .mdl-mega-footer__drop-down-section:nth-child(3) {
    float: right;
  }
  .mdl-mega-footer--drop-down-section:nth-child(3):after,
  .mdl-mega-footer__drop-down-section:nth-child(3):after {
    clear: right;
  }
  .mdl-mega-footer--drop-down-section:nth-child(4),
  .mdl-mega-footer__drop-down-section:nth-child(4) {
    clear: right;
    float: right;
  }
  .mdl-mega-footer--middle-section:after,
  .mdl-mega-footer__middle-section:after {
    content: '';
    display: block;
    clear: both;
  }
  .mdl-mega-footer--bottom-section,
  .mdl-mega-footer__bottom-section {
    padding-top: 0;
  }
}

@media screen and (min-width: 1024px) {
  .mdl-mega-footer--drop-down-section,
  .mdl-mega-footer--drop-down-section:nth-child(3),
  .mdl-mega-footer--drop-down-section:nth-child(4),
  .mdl-mega-footer__drop-down-section,
  .mdl-mega-footer__drop-down-section:nth-child(3),
  .mdl-mega-footer__drop-down-section:nth-child(4) {
    width: 24%;
    float: left;
  }
}

.mdl-mega-footer--heading-checkbox,
.mdl-mega-footer__heading-checkbox {
  position: absolute;
  width: 100%;
  height: 55.8px;
  padding: 32px;
  margin: 0;
  margin-top: -16px;
  cursor: pointer;
  z-index: 1;
  opacity: 0;
}

.mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after,
.mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after,
.mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after,
.mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after {
  font-family: 'Material Icons';
  content: '\E5CE';
}

.mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--link-list,
.mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__link-list,
.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,
.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,
.mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--link-list,
.mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__link-list,
.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,
.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list {
  display: none;
}

.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading:after,
.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading:after,
.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading:after,
.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading:after {
  font-family: 'Material Icons';
  content: '\E5CF';
}

.mdl-mega-footer--heading,
.mdl-mega-footer__heading {
  position: relative;
  width: 100%;
  padding-right: 39.8px;
  margin-bottom: 16px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 23.8px;
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: rgb(224,224,224);
}

.mdl-mega-footer--heading:after,
.mdl-mega-footer__heading:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 23.8px;
  height: 23.8px;
  background-size: cover;
}

.mdl-mega-footer--link-list,
.mdl-mega-footer__link-list {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 32px;
}

.mdl-mega-footer--link-list:after,
.mdl-mega-footer__link-list:after {
  clear: both;
  display: block;
  content: '';
}

.mdl-mega-footer--link-list li,
.mdl-mega-footer__link-list li {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  line-height: 20px;
}

.mdl-mega-footer--link-list a,
.mdl-mega-footer__link-list a {
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
}

@media screen and (min-width: 760px) {
  .mdl-mega-footer--heading-checkbox,
  .mdl-mega-footer__heading-checkbox {
    display: none;
  }
  .mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after,
  .mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after,
  .mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after,
  .mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after {
    background-image: none;
  }
  .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--link-list,
  .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__link-list,
  .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,
  .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,
  .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--link-list,
  .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__link-list,
  .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,
  .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list {
    display: block;
  }
  .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading:after,
  .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading:after,
  .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading:after,
  .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading:after {
    content: '';
  }
}

.mdl-mega-footer--bottom-section,
.mdl-mega-footer__bottom-section {
  padding-top: 16px;
  margin-bottom: 16px;
}

.mdl-logo {
  margin-bottom: 16px;
  color: white;
}

.mdl-mega-footer--bottom-section .mdl-mega-footer--link-list li,
.mdl-mega-footer__bottom-section .mdl-mega-footer__link-list li {
  float: left;
  margin-bottom: 0;
  margin-right: 16px;
}

@media screen and (min-width: 760px) {
  .mdl-logo {
    float: left;
    margin-bottom: 0;
    margin-right: 16px;
  }
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* TOOLTIP */
.mdl-mini-footer {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 32px 16px;
  color: rgb(158,158,158);
  background-color: rgb(66,66,66);
}

.mdl-mini-footer:after {
  content: '';
  display: block;
}

.mdl-mini-footer .mdl-logo {
  line-height: 36px;
}

.mdl-mini-footer--link-list,
.mdl-mini-footer__link-list {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row nowrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

.mdl-mini-footer--link-list li,
.mdl-mini-footer__link-list li {
  margin-bottom: 0;
  margin-right: 16px;
}

@media screen and (min-width: 760px) {
  .mdl-mini-footer--link-list li,
  .mdl-mini-footer__link-list li {
    line-height: 36px;
  }
}

.mdl-mini-footer--link-list a,
.mdl-mini-footer__link-list a {
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
}

.mdl-mini-footer--left-section,
.mdl-mini-footer__left-section {
  display: inline-block;
  -webkit-box-ordinal-group: 1;
  order: 0;
}

.mdl-mini-footer--right-section,
.mdl-mini-footer__right-section {
  display: inline-block;
  -webkit-box-ordinal-group: 2;
  order: 1;
}

.mdl-mini-footer--social-btn,
.mdl-mini-footer__social-btn {
  width: 36px;
  height: 36px;
  padding: 0;
  margin: 0;
  background-color: rgb(158,158,158);
  border: none;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* TOOLTIP */
.mdl-icon-toggle {
  position: relative;
  z-index: 1;
  vertical-align: middle;
  display: inline-block;
  height: 32px;
  margin: 0;
  padding: 0;
}

.mdl-icon-toggle__input {
  line-height: 32px;
}

.mdl-icon-toggle.is-upgraded .mdl-icon-toggle__input {
  position: absolute;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  -ms-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
}

.mdl-icon-toggle__label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  height: 32px;
  width: 32px;
  min-width: 32px;
  color: rgb(97,97,97);
  border-radius: 50%;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
  background-color: transparent;
  will-change: background-color;
  -webkit-transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.mdl-icon-toggle__label.material-icons {
  line-height: 32px;
  font-size: 24px;
}

.mdl-icon-toggle.is-checked .mdl-icon-toggle__label {
  color: rgb($color-primary);
}

.mdl-icon-toggle.is-disabled .mdl-icon-toggle__label {
  color: rgba(0,0,0, 0.26);
  cursor: auto;
  -webkit-transition: none;
  transition: none;
}

.mdl-icon-toggle.is-focused .mdl-icon-toggle__label {
  background-color: rgba(0,0,0, 0.12);
}

.mdl-icon-toggle.is-focused.is-checked .mdl-icon-toggle__label {
  background-color: rgba($color-primary, 0.26);
}

.mdl-icon-toggle__ripple-container {
  position: absolute;
  z-index: 2;
  top: -2px;
  left: -2px;
  box-sizing: border-box;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}

.mdl-icon-toggle__ripple-container .mdl-ripple {
  background: rgb(97,97,97);
}

.mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container {
  cursor: auto;
}

.mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container .mdl-ripple {
  background: transparent;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* TOOLTIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
.mdl-menu__container {
  display: block;
  margin: 0;
  padding: 0;
  border: none;
  position: absolute;
  overflow: visible;
  height: 0;
  width: 0;
  visibility: hidden;
  z-index: -1;
}

.mdl-menu__container.is-visible, .mdl-menu__container.is-animating {
  z-index: 999;
  visibility: visible;
}

.mdl-menu__outline {
  display: block;
  background: rgb(255,255,255);
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  will-change: transform;
  -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: -1;
}

.mdl-menu__container.is-visible .mdl-menu__outline {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  z-index: 999;
}

.mdl-menu__outline.mdl-menu--bottom-right {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.mdl-menu__outline.mdl-menu--top-left {
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}

.mdl-menu__outline.mdl-menu--top-right {
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.mdl-menu {
  position: absolute;
  list-style: none;
  top: 0;
  left: 0;
  height: auto;
  width: auto;
  min-width: 124px;
  padding: 8px 0;
  margin: 0;
  opacity: 0;
  clip: rect(0 0 0 0);
  z-index: -1;
}

.mdl-menu__container.is-visible .mdl-menu {
  opacity: 1;
  z-index: 999;
}

.mdl-menu.is-animating {
  -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), clip 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), clip 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.mdl-menu.mdl-menu--bottom-right {
  left: auto;
  right: 0;
}

.mdl-menu.mdl-menu--top-left {
  top: auto;
  bottom: 0;
}

.mdl-menu.mdl-menu--top-right {
  top: auto;
  left: auto;
  bottom: 0;
  right: 0;
}

.mdl-menu.mdl-menu--unaligned {
  top: auto;
  left: auto;
}

.mdl-menu__item {
  display: block;
  border: none;
  color: rgba(0,0,0, 0.87);
  background-color: transparent;
  text-align: left;
  margin: 0;
  padding: 0 16px;
  outline-color: rgb(189,189,189);
  position: relative;
  overflow: hidden;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  text-decoration: none;
  cursor: pointer;
  height: 48px;
  line-height: 48px;
  white-space: nowrap;
  opacity: 0;
  -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mdl-menu__container.is-visible .mdl-menu__item {
  opacity: 1;
}

.mdl-menu__item::-moz-focus-inner {
  border: 0;
}

.mdl-menu__item[disabled] {
  color: rgb(189,189,189);
  background-color: transparent;
  cursor: auto;
}

.mdl-menu__item[disabled]:hover {
  background-color: transparent;
}

.mdl-menu__item[disabled]:focus {
  background-color: transparent;
}

.mdl-menu__item[disabled] .mdl-ripple {
  background: transparent;
}

.mdl-menu__item:hover {
  background-color: rgb(238,238,238);
}

.mdl-menu__item:focus {
  outline: none;
  background-color: rgb(238,238,238);
}

.mdl-menu__item:active {
  background-color: rgb(224,224,224);
}

.mdl-menu__item--ripple-container {
  display: block;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 0;
  overflow: hidden;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* TOOLTIP */
.mdl-progress {
  display: block;
  position: relative;
  height: 4px;
  width: 500px;
}

.mdl-progress > .bar {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0%;
  -webkit-transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.mdl-progress > .progressbar {
  background-color: rgb($color-primary);
  z-index: 1;
  left: 0;
}

.mdl-progress > .bufferbar {
  background-image: -webkit-linear-gradient(left, rgba($color-primary-contrast, 0.7), rgba($color-primary-contrast, 0.7)), -webkit-linear-gradient(left, rgb($color-primary), rgb($color-primary));
  background-image: linear-gradient(to right, rgba($color-primary-contrast, 0.7), rgba($color-primary-contrast, 0.7)), linear-gradient(to right, rgb($color-primary), rgb($color-primary));
  z-index: 0;
  left: 0;
}

.mdl-progress > .auxbar {
  right: 0;
}

@supports (-webkit-appearance: none) {
  .mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate) > .auxbar {
    background-image: -webkit-linear-gradient(left, rgba($color-primary-contrast, 0.7), rgba($color-primary-contrast, 0.7)), -webkit-linear-gradient(left, rgb($color-primary), rgb($color-primary));
    background-image: linear-gradient(to right, rgba($color-primary-contrast, 0.7), rgba($color-primary-contrast, 0.7)), linear-gradient(to right, rgb($color-primary), rgb($color-primary));
    -webkit-mask: url("/images/buffer.svg?embed");
    mask: url("/images/buffer.svg?embed");
  }
}

.mdl-progress:not(.mdl-progress__indeterminate) > .auxbar {
  background-image: -webkit-linear-gradient(left, rgba($color-primary-contrast, 0.9), rgba($color-primary-contrast, 0.9)), -webkit-linear-gradient(left, rgb($color-primary), rgb($color-primary));
  background-image: linear-gradient(to right, rgba($color-primary-contrast, 0.9), rgba($color-primary-contrast, 0.9)), linear-gradient(to right, rgb($color-primary), rgb($color-primary));
}

.mdl-progress.mdl-progress__indeterminate > .bar1 {
  background-color: rgb($color-primary);
  -webkit-animation-name: indeterminate1;
  animation-name: indeterminate1;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

.mdl-progress.mdl-progress__indeterminate > .bar3 {
  background-image: none;
  background-color: rgb($color-primary);
  -webkit-animation-name: indeterminate2;
  animation-name: indeterminate2;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@-webkit-keyframes indeterminate1 {
  0% {
    left: 0%;
    width: 0%;
  }
  50% {
    left: 25%;
    width: 75%;
  }
  75% {
    left: 100%;
    width: 0%;
  }
}

@keyframes indeterminate1 {
  0% {
    left: 0%;
    width: 0%;
  }
  50% {
    left: 25%;
    width: 75%;
  }
  75% {
    left: 100%;
    width: 0%;
  }
}

@-webkit-keyframes indeterminate2 {
  0% {
    left: 0%;
    width: 0%;
  }
  50% {
    left: 0%;
    width: 0%;
  }
  75% {
    left: 0%;
    width: 25%;
  }
  100% {
    left: 100%;
    width: 0%;
  }
}

@keyframes indeterminate2 {
  0% {
    left: 0%;
    width: 0%;
  }
  50% {
    left: 0%;
    width: 0%;
  }
  75% {
    left: 0%;
    width: 25%;
  }
  100% {
    left: 100%;
    width: 0%;
  }
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* TOOLTIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
.mdl-navigation {
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  box-sizing: border-box;
}

.mdl-navigation__link {
  color: rgb(66,66,66);
  text-decoration: none;
  font-weight: 500;
  font-size: 13px;
  margin: 0;
}

.mdl-layout {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  -webkit-overflow-scrolling: touch;
}

.mdl-layout.is-small-screen .mdl-layout--large-screen-only {
  display: none;
}

.mdl-layout:not(.is-small-screen) .mdl-layout--small-screen-only {
  display: none;
}

.mdl-layout__container {
  position: absolute;
  width: 100%;
  height: 100%;
}

.mdl-layout__title,
.mdl-layout-title {
  display: block;
  position: relative;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.02em;
  font-weight: 400;
  box-sizing: border-box;
}

.mdl-layout-spacer {
  -webkit-box-flex: 1;
  flex-grow: 1;
}

.mdl-layout__drawer {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 240px;
  height: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
  border-right: 1px solid rgb(224,224,224);
  background: rgb(250,250,250);
  -webkit-transform: translateX(-250px);
  transform: translateX(-250px);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  will-change: transform;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  color: rgb(66,66,66);
  overflow: visible;
  overflow-y: auto;
  z-index: 5;
}

.mdl-layout__drawer.is-visible {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.mdl-layout__drawer.is-visible ~ .mdl-layout__content.mdl-layout__content {
  overflow: hidden;
}

.mdl-layout__drawer > * {
  flex-shrink: 0;
}

.mdl-layout__drawer > .mdl-layout__title,
.mdl-layout__drawer > .mdl-layout-title {
  line-height: 64px;
  padding-left: 40px;
}

@media screen and (max-width: 1024px) {
  .mdl-layout__drawer > .mdl-layout__title,
  .mdl-layout__drawer > .mdl-layout-title {
    line-height: 56px;
    padding-left: 16px;
  }
}

.mdl-layout__drawer .mdl-navigation {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: stretch;
  align-items: stretch;
  padding-top: 16px;
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
  display: block;
  flex-shrink: 0;
  padding: 16px 40px;
  margin: 0;
  color: #757575;
}

@media screen and (max-width: 1024px) {
  .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
    padding: 16px 16px;
  }
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover {
  background-color: rgb(224,224,224);
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current {
  background-color: rgb(0,0,0);
  color: rgb(224,224,224);
}

@media screen and (min-width: 1025px) {
  .mdl-layout--fixed-drawer > .mdl-layout__drawer {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.mdl-layout__drawer-button {
  display: block;
  position: absolute;
  height: 48px;
  width: 48px;
  border: 0;
  flex-shrink: 0;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
  font-size: 26px;
  line-height: 50px;
  font-family: Helvetica, Arial, sans-serif;
  margin: 10px 12px;
  top: 0;
  left: 0;
  color: rgb($color-primary-contrast);
  z-index: 4;
}

.mdl-layout__header .mdl-layout__drawer-button {
  position: absolute;
  color: rgb($color-primary-contrast);
  background-color: inherit;
}

@media screen and (max-width: 1024px) {
  .mdl-layout__header .mdl-layout__drawer-button {
    margin: 4px;
  }
}

@media screen and (max-width: 1024px) {
  .mdl-layout__drawer-button {
    margin: 4px;
    color: rgba(0, 0, 0, 0.5);
  }
}

@media screen and (min-width: 1025px) {
  .mdl-layout--fixed-drawer > .mdl-layout__drawer-button {
    display: none;
  }
}

.mdl-layout__header {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  justify-content: flex-start;
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  min-height: 64px;
  max-height: 1000px;
  z-index: 3;
  background-color: rgb($color-primary);
  color: rgb($color-primary-contrast);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-property: max-height, box-shadow;
  transition-property: max-height, box-shadow;
}

@media screen and (max-width: 1024px) {
  .mdl-layout__header {
    min-height: 56px;
  }
}

.mdl-layout--fixed-drawer.is-upgraded:not(.is-small-screen) > .mdl-layout__header {
  margin-left: 240px;
  width: calc(100% - 240px);
}

@media screen and (min-width: 1025px) {
  .mdl-layout--fixed-drawer > .mdl-layout__header .mdl-layout__header-row {
    padding-left: 40px;
  }
}

.mdl-layout__header > .mdl-layout-icon {
  position: absolute;
  left: 40px;
  top: 16px;
  height: 32px;
  width: 32px;
  overflow: hidden;
  z-index: 3;
  display: block;
}

@media screen and (max-width: 1024px) {
  .mdl-layout__header > .mdl-layout-icon {
    left: 16px;
    top: 12px;
  }
}

.mdl-layout.has-drawer .mdl-layout__header > .mdl-layout-icon {
  display: none;
}

.mdl-layout__header.is-compact {
  max-height: 64px;
}

@media screen and (max-width: 1024px) {
  .mdl-layout__header.is-compact {
    max-height: 56px;
  }
}

.mdl-layout__header.is-compact.has-tabs {
  height: 112px;
}

@media screen and (max-width: 1024px) {
  .mdl-layout__header.is-compact.has-tabs {
    min-height: 104px;
  }
}

@media screen and (max-width: 1024px) {
  .mdl-layout__header {
    display: none;
  }
  .mdl-layout--fixed-header > .mdl-layout__header {
    display: -webkit-box;
    display: flex;
  }
}

.mdl-layout__header--transparent.mdl-layout__header--transparent {
  background-color: transparent;
  box-shadow: none;
}

.mdl-layout__header--seamed {
  box-shadow: none;
}

.mdl-layout__header--scroll {
  box-shadow: none;
}

.mdl-layout__header--waterfall {
  box-shadow: none;
  overflow: hidden;
}

.mdl-layout__header--waterfall.is-casting-shadow {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.mdl-layout__header-row {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-shrink: 0;
  box-sizing: border-box;
  align-self: stretch;
  -webkit-box-align: center;
  align-items: center;
  height: 64px;
  margin: 0;
  padding: 0 40px 0 80px;
}

@media screen and (max-width: 1024px) {
  .mdl-layout__header-row {
    height: 56px;
    padding: 0 16px 0 72px;
  }
}

.mdl-layout__header-row > * {
  flex-shrink: 0;
}

.mdl-layout__header--scroll .mdl-layout__header-row {
  width: 100%;
}

.mdl-layout__header-row .mdl-navigation {
  margin: 0;
  padding: 0;
  height: 64px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-align: center;
  align-items: center;
}

@media screen and (max-width: 1024px) {
  .mdl-layout__header-row .mdl-navigation {
    height: 56px;
  }
}

.mdl-layout__header-row .mdl-navigation__link {
  display: block;
  color: rgb($color-primary-contrast);
  line-height: 64px;
  padding: 0 24px;
}

@media screen and (max-width: 1024px) {
  .mdl-layout__header-row .mdl-navigation__link {
    line-height: 56px;
    padding: 0 16px;
  }
}

.mdl-layout__obfuscator {
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 4;
  visibility: hidden;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.mdl-layout__obfuscator.is-visible {
  background-color: rgba(0, 0, 0, 0.5);
  visibility: visible;
}

.mdl-layout__content {
  -ms-flex: 0 1 auto;
  display: inline-block;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-box-flex: 1;
  flex-grow: 1;
  z-index: 1;
  -webkit-overflow-scrolling: touch;
}

.mdl-layout--fixed-drawer > .mdl-layout__content {
  margin-left: 240px;
}

.mdl-layout__container.has-scrolling-header .mdl-layout__content {
  overflow: visible;
}

@media screen and (max-width: 1024px) {
  .mdl-layout--fixed-drawer > .mdl-layout__content {
    margin-left: 0;
  }
  .mdl-layout__container.has-scrolling-header .mdl-layout__content {
    overflow-y: auto;
    overflow-x: hidden;
  }
}

.mdl-layout__tab-bar {
  height: 96px;
  margin: 0;
  width: calc(100% - 112px);
  padding: 0 0 0 56px;
  display: -webkit-box;
  display: flex;
  background-color: rgb($color-primary);
  overflow-y: hidden;
  overflow-x: scroll;
}

.mdl-layout__tab-bar::-webkit-scrollbar {
  display: none;
}

@media screen and (max-width: 1024px) {
  .mdl-layout__tab-bar {
    width: calc(100% - 60px);
    padding: 0 0 0 60px;
  }
}

.mdl-layout--fixed-tabs .mdl-layout__tab-bar {
  padding: 0;
  overflow: hidden;
  width: 100%;
}

.mdl-layout__tab-bar-container {
  position: relative;
  height: 48px;
  width: 100%;
  border: none;
  margin: 0;
  z-index: 2;
  -webkit-box-flex: 0;
  flex-grow: 0;
  flex-shrink: 0;
  overflow: hidden;
}

.mdl-layout__container > .mdl-layout__tab-bar-container {
  position: absolute;
  top: 0;
  left: 0;
}

.mdl-layout__tab-bar-button {
  display: inline-block;
  position: absolute;
  top: 0;
  height: 48px;
  width: 56px;
  z-index: 4;
  text-align: center;
  background-color: rgb($color-primary);
  color: transparent;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media screen and (max-width: 1024px) {
  .mdl-layout__tab-bar-button {
    display: none;
    width: 60px;
  }
}

.mdl-layout--fixed-tabs .mdl-layout__tab-bar-button {
  display: none;
}

.mdl-layout__tab-bar-button .material-icons {
  line-height: 48px;
}

.mdl-layout__tab-bar-button.is-active {
  color: rgb($color-primary-contrast);
}

.mdl-layout__tab-bar-left-button {
  left: 0;
}

.mdl-layout__tab-bar-right-button {
  right: 0;
}

.mdl-layout__tab {
  margin: 0;
  border: none;
  padding: 0 24px 0 24px;
  float: left;
  position: relative;
  display: block;
  -webkit-box-flex: 0;
  flex-grow: 0;
  flex-shrink: 0;
  text-decoration: none;
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  color: rgba($color-primary-contrast, 0.6);
  overflow: hidden;
}

@media screen and (max-width: 1024px) {
  .mdl-layout__tab {
    padding: 0 12px 0 12px;
  }
}

.mdl-layout--fixed-tabs .mdl-layout__tab {
  float: none;
  -webkit-box-flex: 1;
  flex-grow: 1;
  padding: 0;
}

.mdl-layout.is-upgraded .mdl-layout__tab.is-active {
  color: rgb($color-primary-contrast);
}

.mdl-layout.is-upgraded .mdl-layout__tab.is-active::after {
  height: 2px;
  width: 100%;
  display: block;
  content: " ";
  bottom: 0;
  left: 0;
  position: absolute;
  background: rgb($color-accent);
  -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
  animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
  -webkit-transition: all 1s cubic-bezier(0.4, 0, 1, 1);
  transition: all 1s cubic-bezier(0.4, 0, 1, 1);
}

.mdl-layout__tab .mdl-layout__tab-ripple-container {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  overflow: hidden;
}

.mdl-layout__tab .mdl-layout__tab-ripple-container .mdl-ripple {
  background-color: rgb($color-primary-contrast);
}

.mdl-layout__tab-panel {
  display: block;
}

.mdl-layout.is-upgraded .mdl-layout__tab-panel {
  display: none;
}

.mdl-layout.is-upgraded .mdl-layout__tab-panel.is-active {
  display: block;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* TOOLTIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
.mdl-radio {
  position: relative;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  box-sizing: border-box;
  margin: 0;
  padding-left: 0;
}

.mdl-radio.is-upgraded {
  padding-left: 24px;
}

.mdl-radio__button {
  line-height: 24px;
}

.mdl-radio.is-upgraded .mdl-radio__button {
  position: absolute;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  -ms-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
}

.mdl-radio__outer-circle {
  position: absolute;
  top: 4px;
  left: 0;
  display: inline-block;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  margin: 0;
  cursor: pointer;
  border: 2px solid rgba(0,0,0, 0.54);
  border-radius: 50%;
  z-index: 2;
}

.mdl-radio.is-checked .mdl-radio__outer-circle {
  border: 2px solid rgb($color-primary);
}

.mdl-radio.is-disabled .mdl-radio__outer-circle {
  border: 2px solid rgba(0,0,0, 0.26);
  cursor: auto;
}

.mdl-radio__inner-circle {
  position: absolute;
  z-index: 1;
  margin: 0;
  top: 8px;
  left: 4px;
  box-sizing: border-box;
  width: 8px;
  height: 8px;
  cursor: pointer;
  -webkit-transition-duration: 0.28s;
  transition-duration: 0.28s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
  border-radius: 50%;
  background: rgb($color-primary);
}

.mdl-radio.is-checked .mdl-radio__inner-circle {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.mdl-radio.is-disabled .mdl-radio__inner-circle {
  background: rgba(0,0,0, 0.26);
  cursor: auto;
}

.mdl-radio.is-focused .mdl-radio__inner-circle {
  box-shadow: 0 0 0px 10px rgba(0, 0, 0, 0.1);
}

.mdl-radio__label {
  cursor: pointer;
}

.mdl-radio.is-disabled .mdl-radio__label {
  color: rgba(0,0,0, 0.26);
  cursor: auto;
}

.mdl-radio__ripple-container {
  position: absolute;
  z-index: 2;
  top: -9px;
  left: -13px;
  box-sizing: border-box;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}

.mdl-radio__ripple-container .mdl-ripple {
  background: rgb($color-primary);
}

.mdl-radio.is-disabled .mdl-radio__ripple-container {
  cursor: auto;
}

.mdl-radio.is-disabled .mdl-radio__ripple-container .mdl-ripple {
  background: transparent;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* TOOLTIP */
_:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
  -ms-appearance: none;
  height: 32px;
  margin: 0;
}

.mdl-slider {
  width: calc(100% - 40px);
  margin: 0 20px;
}

.mdl-slider.is-upgraded {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 2px;
  background: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: 0;
  padding: 0;
  color: rgb($color-primary);
  -ms-grid-row-align: center;
  align-self: center;
  z-index: 1;
  cursor: pointer;
  /**************************** Tracks ****************************/
  /**************************** Thumbs ****************************/
  /**************************** 0-value ****************************/
  /**************************** Disabled ****************************/
}

.mdl-slider.is-upgraded::-moz-focus-outer {
  border: 0;
}

.mdl-slider.is-upgraded::-ms-tooltip {
  display: none;
}

.mdl-slider.is-upgraded::-webkit-slider-runnable-track {
  background: transparent;
}

.mdl-slider.is-upgraded::-moz-range-track {
  background: transparent;
  border: none;
}

.mdl-slider.is-upgraded::-ms-track {
  background: none;
  color: transparent;
  height: 2px;
  width: 100%;
  border: none;
}

.mdl-slider.is-upgraded::-ms-fill-lower {
  padding: 0;
  background: linear-gradient(to right, transparent, transparent 16px, rgb($color-primary) 16px, rgb($color-primary) 0);
}

.mdl-slider.is-upgraded::-ms-fill-upper {
  padding: 0;
  background: linear-gradient(to left, transparent, transparent 16px, rgba(0,0,0, 0.26) 16px, rgba(0,0,0, 0.26) 0);
}

.mdl-slider.is-upgraded::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 12px;
  height: 12px;
  box-sizing: border-box;
  border-radius: 50%;
  background: rgb($color-primary);
  border: none;
  -webkit-transition: border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
  transition: border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}

.mdl-slider.is-upgraded::-moz-range-thumb {
  -moz-appearance: none;
  width: 12px;
  height: 12px;
  box-sizing: border-box;
  border-radius: 50%;
  background-image: none;
  background: rgb($color-primary);
  border: none;
}

.mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb {
  box-shadow: 0 0 0 10px rgba($color-primary, 0.26);
}

.mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb {
  box-shadow: 0 0 0 10px rgba($color-primary, 0.26);
}

.mdl-slider.is-upgraded:active::-webkit-slider-thumb {
  background-image: none;
  background: rgb($color-primary);
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}

.mdl-slider.is-upgraded:active::-moz-range-thumb {
  background-image: none;
  background: rgb($color-primary);
  transform: scale(1.5);
}

.mdl-slider.is-upgraded::-ms-thumb {
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 50%;
  background: rgb($color-primary);
  transform: scale(0.375);
  -webkit-transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
  transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}

.mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb {
  background: radial-gradient(circle closest-side, rgb($color-primary) 0%, rgb($color-primary) 37.5%, rgba($color-primary, 0.26) 37.5%, rgba($color-primary, 0.26) 100%);
  transform: scale(1);
}

.mdl-slider.is-upgraded:active::-ms-thumb {
  background: rgb($color-primary);
  transform: scale(0.5625);
}

.mdl-slider.is-upgraded.is-lowest-value::-webkit-slider-thumb {
  border: 2px solid rgba(0,0,0, 0.26);
  background: transparent;
}

.mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb {
  border: 2px solid rgba(0,0,0, 0.26);
  background: transparent;
}

.mdl-slider.is-upgraded.is-lowest-value +
.mdl-slider__background-flex > .mdl-slider__background-upper {
  left: 6px;
}

.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-webkit-slider-thumb {
  box-shadow: 0 0 0 10px rgba(0,0,0, 0.12);
  background: rgba(0,0,0, 0.12);
}

.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-moz-range-thumb {
  box-shadow: 0 0 0 10px rgba(0,0,0, 0.12);
  background: rgba(0,0,0, 0.12);
}

.mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb {
  border: 1.6px solid rgba(0,0,0, 0.26);
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}

.mdl-slider.is-upgraded.is-lowest-value:active +
.mdl-slider__background-flex > .mdl-slider__background-upper {
  left: 9px;
}

.mdl-slider.is-upgraded.is-lowest-value:active::-moz-range-thumb {
  border: 1.5px solid rgba(0,0,0, 0.26);
  transform: scale(1.5);
}

.mdl-slider.is-upgraded.is-lowest-value::-ms-thumb {
  background: radial-gradient(circle closest-side, transparent 0%, transparent 66.67%, rgba(0,0,0, 0.26) 66.67%, rgba(0,0,0, 0.26) 100%);
}

.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-ms-thumb {
  background: radial-gradient(circle closest-side, rgba(0,0,0, 0.12) 0%, rgba(0,0,0, 0.12) 25%, rgba(0,0,0, 0.26) 25%, rgba(0,0,0, 0.26) 37.5%, rgba(0,0,0, 0.12) 37.5%, rgba(0,0,0, 0.12) 100%);
  transform: scale(1);
}

.mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb {
  transform: scale(0.5625);
  background: radial-gradient(circle closest-side, transparent 0%, transparent 77.78%, rgba(0,0,0, 0.26) 77.78%, rgba(0,0,0, 0.26) 100%);
}

.mdl-slider.is-upgraded.is-lowest-value::-ms-fill-lower {
  background: transparent;
}

.mdl-slider.is-upgraded.is-lowest-value::-ms-fill-upper {
  margin-left: 6px;
}

.mdl-slider.is-upgraded.is-lowest-value:active::-ms-fill-upper {
  margin-left: 9px;
}

.mdl-slider.is-upgraded:disabled:focus::-webkit-slider-thumb, .mdl-slider.is-upgraded:disabled:active::-webkit-slider-thumb, .mdl-slider.is-upgraded:disabled::-webkit-slider-thumb {
  -webkit-transform: scale(0.667);
  transform: scale(0.667);
  background: rgba(0,0,0, 0.26);
}

.mdl-slider.is-upgraded:disabled:focus::-moz-range-thumb, .mdl-slider.is-upgraded:disabled:active::-moz-range-thumb, .mdl-slider.is-upgraded:disabled::-moz-range-thumb {
  transform: scale(0.667);
  background: rgba(0,0,0, 0.26);
}

.mdl-slider.is-upgraded:disabled +
.mdl-slider__background-flex > .mdl-slider__background-lower {
  background-color: rgba(0,0,0, 0.26);
  left: -6px;
}

.mdl-slider.is-upgraded:disabled +
.mdl-slider__background-flex > .mdl-slider__background-upper {
  left: 6px;
}

.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-webkit-slider-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-webkit-slider-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled::-webkit-slider-thumb {
  border: 3px solid rgba(0,0,0, 0.26);
  background: transparent;
  -webkit-transform: scale(0.667);
  transform: scale(0.667);
}

.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-moz-range-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-moz-range-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled::-moz-range-thumb {
  border: 3px solid rgba(0,0,0, 0.26);
  background: transparent;
  transform: scale(0.667);
}

.mdl-slider.is-upgraded.is-lowest-value:disabled:active +
.mdl-slider__background-flex > .mdl-slider__background-upper {
  left: 6px;
}

.mdl-slider.is-upgraded:disabled:focus::-ms-thumb, .mdl-slider.is-upgraded:disabled:active::-ms-thumb, .mdl-slider.is-upgraded:disabled::-ms-thumb {
  transform: scale(0.25);
  background: rgba(0,0,0, 0.26);
}

.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-ms-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled::-ms-thumb {
  transform: scale(0.25);
  background: radial-gradient(circle closest-side, transparent 0%, transparent 50%, rgba(0,0,0, 0.26) 50%, rgba(0,0,0, 0.26) 100%);
}

.mdl-slider.is-upgraded:disabled::-ms-fill-lower {
  margin-right: 6px;
  background: linear-gradient(to right, transparent, transparent 25px, rgba(0,0,0, 0.26) 25px, rgba(0,0,0, 0.26) 0);
}

.mdl-slider.is-upgraded:disabled::-ms-fill-upper {
  margin-left: 6px;
}

.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-fill-upper {
  margin-left: 6px;
}

.mdl-slider__ie-container {
  height: 18px;
  overflow: visible;
  border: none;
  margin: none;
  padding: none;
}

.mdl-slider__container {
  height: 18px;
  position: relative;
  background: none;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
}

.mdl-slider__background-flex {
  background: transparent;
  position: absolute;
  height: 2px;
  width: calc(100% - 52px);
  top: 50%;
  left: 0;
  margin: 0 26px;
  display: -webkit-box;
  display: flex;
  overflow: hidden;
  border: 0;
  padding: 0;
  -webkit-transform: translate(0, -1px);
  transform: translate(0, -1px);
}

.mdl-slider__background-lower {
  background: rgb($color-primary);
  -webkit-box-flex: 0;
  flex: 0;
  position: relative;
  border: 0;
  padding: 0;
}

.mdl-slider__background-upper {
  background: rgba(0,0,0, 0.26);
  -webkit-box-flex: 0;
  flex: 0;
  position: relative;
  border: 0;
  padding: 0;
  -webkit-transition: left 0.18s cubic-bezier(0.4, 0, 0.2, 1);
  transition: left 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* TOOLTIP */
.mdl-spinner {
  display: inline-block;
  position: relative;
  width: 28px;
  height: 28px;
}

.mdl-spinner:not(.is-upgraded).is-active:after {
  content: "Loading...";
}

.mdl-spinner.is-upgraded.is-active {
  -webkit-animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite;
  animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite;
}

@-webkit-keyframes mdl-spinner__container-rotate {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes mdl-spinner__container-rotate {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.mdl-spinner__layer {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.mdl-spinner__layer-1 {
  border-color: rgb(66,165,245);
}

.mdl-spinner--single-color .mdl-spinner__layer-1 {
  border-color: rgb($color-primary);
}

.mdl-spinner.is-active .mdl-spinner__layer-1 {
  -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.mdl-spinner__layer-2 {
  border-color: rgb(244,67,54);
}

.mdl-spinner--single-color .mdl-spinner__layer-2 {
  border-color: rgb($color-primary);
}

.mdl-spinner.is-active .mdl-spinner__layer-2 {
  -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.mdl-spinner__layer-3 {
  border-color: rgb(253,216,53);
}

.mdl-spinner--single-color .mdl-spinner__layer-3 {
  border-color: rgb($color-primary);
}

.mdl-spinner.is-active .mdl-spinner__layer-3 {
  -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.mdl-spinner__layer-4 {
  border-color: rgb(76,175,80);
}

.mdl-spinner--single-color .mdl-spinner__layer-4 {
  border-color: rgb($color-primary);
}

.mdl-spinner.is-active .mdl-spinner__layer-4 {
  -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

@-webkit-keyframes mdl-spinner__fill-unfill-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  25% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  37.5% {
    -webkit-transform: rotate(405deg);
    transform: rotate(405deg);
  }
  50% {
    -webkit-transform: rotate(540deg);
    transform: rotate(540deg);
  }
  62.5% {
    -webkit-transform: rotate(675deg);
    transform: rotate(675deg);
  }
  75% {
    -webkit-transform: rotate(810deg);
    transform: rotate(810deg);
  }
  87.5% {
    -webkit-transform: rotate(945deg);
    transform: rotate(945deg);
  }
  to {
    -webkit-transform: rotate(1080deg);
    transform: rotate(1080deg);
  }
}

@keyframes mdl-spinner__fill-unfill-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  25% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  37.5% {
    -webkit-transform: rotate(405deg);
    transform: rotate(405deg);
  }
  50% {
    -webkit-transform: rotate(540deg);
    transform: rotate(540deg);
  }
  62.5% {
    -webkit-transform: rotate(675deg);
    transform: rotate(675deg);
  }
  75% {
    -webkit-transform: rotate(810deg);
    transform: rotate(810deg);
  }
  87.5% {
    -webkit-transform: rotate(945deg);
    transform: rotate(945deg);
  }
  to {
    -webkit-transform: rotate(1080deg);
    transform: rotate(1080deg);
  }
}

/**
* HACK: Even though the intention is to have the current .mdl-spinner__layer-N
* at `opacity: 1`, we set it to `opacity: 0.99` instead since this forces Chrome
* to do proper subpixel rendering for the elements being animated. This is
* especially visible in Chrome 39 on Ubuntu 14.04. See:
*
* - https://github.com/Polymer/paper-spinner/issues/9
* - https://code.google.com/p/chromium/issues/detail?id=436255
*/
@-webkit-keyframes mdl-spinner__layer-1-fade-in-out {
  from {
    opacity: 0.99;
  }
  25% {
    opacity: 0.99;
  }
  26% {
    opacity: 0;
  }
  89% {
    opacity: 0;
  }
  90% {
    opacity: 0.99;
  }
  100% {
    opacity: 0.99;
  }
}
@keyframes mdl-spinner__layer-1-fade-in-out {
  from {
    opacity: 0.99;
  }
  25% {
    opacity: 0.99;
  }
  26% {
    opacity: 0;
  }
  89% {
    opacity: 0;
  }
  90% {
    opacity: 0.99;
  }
  100% {
    opacity: 0.99;
  }
}

@-webkit-keyframes mdl-spinner__layer-2-fade-in-out {
  from {
    opacity: 0;
  }
  15% {
    opacity: 0;
  }
  25% {
    opacity: 0.99;
  }
  50% {
    opacity: 0.99;
  }
  51% {
    opacity: 0;
  }
}

@keyframes mdl-spinner__layer-2-fade-in-out {
  from {
    opacity: 0;
  }
  15% {
    opacity: 0;
  }
  25% {
    opacity: 0.99;
  }
  50% {
    opacity: 0.99;
  }
  51% {
    opacity: 0;
  }
}

@-webkit-keyframes mdl-spinner__layer-3-fade-in-out {
  from {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 0.99;
  }
  75% {
    opacity: 0.99;
  }
  76% {
    opacity: 0;
  }
}

@keyframes mdl-spinner__layer-3-fade-in-out {
  from {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 0.99;
  }
  75% {
    opacity: 0.99;
  }
  76% {
    opacity: 0;
  }
}

@-webkit-keyframes mdl-spinner__layer-4-fade-in-out {
  from {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  75% {
    opacity: 0.99;
  }
  90% {
    opacity: 0.99;
  }
  100% {
    opacity: 0;
  }
}

@keyframes mdl-spinner__layer-4-fade-in-out {
  from {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  75% {
    opacity: 0.99;
  }
  90% {
    opacity: 0.99;
  }
  100% {
    opacity: 0;
  }
}

/**
* Patch the gap that appear between the two adjacent
* div.mdl-spinner__circle-clipper while the spinner is rotating
* (appears on Chrome 38, Safari 7.1, and IE 11).
*
* Update: the gap no longer appears on Chrome when .mdl-spinner__layer-N's
* opacity is 0.99, but still does on Safari and IE.
*/
.mdl-spinner__gap-patch {
  position: absolute;
  box-sizing: border-box;
  top: 0;
  left: 45%;
  width: 10%;
  height: 100%;
  overflow: hidden;
  border-color: inherit;
}

.mdl-spinner__gap-patch .mdl-spinner__circle {
  width: 1000%;
  left: -450%;
}

.mdl-spinner__circle-clipper {
  display: inline-block;
  position: relative;
  width: 50%;
  height: 100%;
  overflow: hidden;
  border-color: inherit;
}

.mdl-spinner__circle-clipper .mdl-spinner__circle {
  width: 200%;
}

.mdl-spinner__circle {
  box-sizing: border-box;
  height: 100%;
  border-width: 3px;
  border-style: solid;
  border-color: inherit;
  border-bottom-color: transparent !important;
  border-radius: 50%;
  -webkit-animation: none;
  animation: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.mdl-spinner__left .mdl-spinner__circle {
  border-right-color: transparent !important;
  -webkit-transform: rotate(129deg);
  transform: rotate(129deg);
}

.mdl-spinner.is-active .mdl-spinner__left .mdl-spinner__circle {
  -webkit-animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.mdl-spinner__right .mdl-spinner__circle {
  left: -100%;
  border-left-color: transparent !important;
  -webkit-transform: rotate(-129deg);
  transform: rotate(-129deg);
}

.mdl-spinner.is-active .mdl-spinner__right .mdl-spinner__circle {
  -webkit-animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

@-webkit-keyframes mdl-spinner__left-spin {
  from {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
  }
  50% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
  }
}

@keyframes mdl-spinner__left-spin {
  from {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
  }
  50% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
  }
}

@-webkit-keyframes mdl-spinner__right-spin {
  from {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  to {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }
}

@keyframes mdl-spinner__right-spin {
  from {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  to {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* TOOLTIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
.mdl-switch {
  position: relative;
  z-index: 1;
  vertical-align: middle;
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  height: 24px;
  margin: 0;
  padding: 0;
  overflow: visible;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mdl-switch.is-upgraded {
  padding-left: 28px;
}

.mdl-switch__input {
  line-height: 24px;
}

.mdl-switch.is-upgraded .mdl-switch__input {
  position: absolute;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  -ms-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
}

.mdl-switch__track {
  background: rgba(0,0,0, 0.26);
  position: absolute;
  left: 0;
  top: 5px;
  height: 14px;
  width: 36px;
  border-radius: 14px;
  cursor: pointer;
}

.mdl-switch.is-checked .mdl-switch__track {
  background: rgba($color-primary, 0.5);
}

.mdl-switch.is-disabled .mdl-switch__track {
  background: rgba(0,0,0, 0.12);
  cursor: auto;
}

.mdl-switch__thumb {
  background: rgb(250,250,250);
  position: absolute;
  left: 0;
  top: 2px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -webkit-transition-duration: 0.28s;
  transition-duration: 0.28s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-property: left;
  transition-property: left;
}

.mdl-switch.is-checked .mdl-switch__thumb {
  background: rgb($color-primary);
  left: 16px;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}

.mdl-switch.is-disabled .mdl-switch__thumb {
  background: rgb(189,189,189);
  cursor: auto;
}

.mdl-switch__focus-helper {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-4px, -4px);
  transform: translate(-4px, -4px);
  display: inline-block;
  box-sizing: border-box;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: transparent;
}

.mdl-switch.is-focused .mdl-switch__focus-helper {
  box-shadow: 0 0 0px 20px rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.1);
}

.mdl-switch.is-focused.is-checked .mdl-switch__focus-helper {
  box-shadow: 0 0 0px 20px rgba($color-primary, 0.26);
  background-color: rgba($color-primary, 0.26);
}

.mdl-switch__label {
  position: relative;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  left: 24px;
}

.mdl-switch.is-disabled .mdl-switch__label {
  color: rgb(189,189,189);
  cursor: auto;
}

.mdl-switch__ripple-container {
  position: absolute;
  z-index: 2;
  top: -12px;
  left: -14px;
  box-sizing: border-box;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
  -webkit-transition-duration: 0.40s;
  transition-duration: 0.40s;
  -webkit-transition-timing-function: step-end;
  transition-timing-function: step-end;
  -webkit-transition-property: left;
  transition-property: left;
}

.mdl-switch__ripple-container .mdl-ripple {
  background: rgb($color-primary);
}

.mdl-switch.is-disabled .mdl-switch__ripple-container {
  cursor: auto;
}

.mdl-switch.is-disabled .mdl-switch__ripple-container .mdl-ripple {
  background: transparent;
}

.mdl-switch.is-checked .mdl-switch__ripple-container {
  cursor: auto;
  left: 2px;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* TOOLTIP */
.mdl-tabs {
  display: block;
  width: 100%;
}

.mdl-tabs__tab-bar {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: center;
  justify-content: center;
  align-content: space-between;
  -webkit-box-align: start;
  align-items: flex-start;
  height: 48px;
  padding: 0 0 0 0;
  margin: 0;
  border-bottom: 1px solid rgb(224,224,224);
}

.mdl-tabs__tab {
  margin: 0;
  border: none;
  padding: 0 24px 0 24px;
  float: left;
  position: relative;
  display: block;
  color: red;
  text-decoration: none;
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  color: rgba(0,0,0, 0.54);
  overflow: hidden;
}

.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active {
  color: rgba(0,0,0, 0.87);
}

.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
  height: 2px;
  width: 100%;
  display: block;
  content: " ";
  bottom: 0px;
  left: 0px;
  position: absolute;
  background: rgb($color-primary);
  -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
  animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
  -webkit-transition: all 1s cubic-bezier(0.4, 0, 1, 1);
  transition: all 1s cubic-bezier(0.4, 0, 1, 1);
}

.mdl-tabs__tab .mdl-tabs__ripple-container {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0px;
  top: 0px;
  z-index: 1;
  overflow: hidden;
}

.mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple {
  background: rgb($color-primary);
}

.mdl-tabs__panel {
  display: block;
}

.mdl-tabs.is-upgraded .mdl-tabs__panel {
  display: none;
}

.mdl-tabs.is-upgraded .mdl-tabs__panel.is-active {
  display: block;
}

@-webkit-keyframes border-expand {
  0% {
    opacity: 0;
    width: 0;
  }
  100% {
    opacity: 1;
    width: 100%;
  }
}

@keyframes border-expand {
  0% {
    opacity: 0;
    width: 0;
  }
  100% {
    opacity: 1;
    width: 100%;
  }
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* TOOLTIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
.mdl-textfield {
  position: relative;
  font-size: 16px;
  display: inline-block;
  box-sizing: border-box;
  width: 300px;
  max-width: 100%;
  margin: 0;
  padding: 20px 0;
}

.mdl-textfield .mdl-button {
  position: absolute;
  bottom: 20px;
}

.mdl-textfield--align-right {
  text-align: right;
}

.mdl-textfield--full-width {
  width: 100%;
}

.mdl-textfield--expandable {
  min-width: 32px;
  width: auto;
  min-height: 32px;
}

.mdl-textfield__input {
  border: none;
  border-bottom: 1px solid rgba(0,0,0, 0.12);
  display: block;
  font-size: 16px;
  margin: 0;
  padding: 4px 0;
  width: 100%;
  background: none;
  text-align: left;
  color: inherit;
}

.mdl-textfield.is-focused .mdl-textfield__input {
  outline: none;
}

.mdl-textfield.is-invalid .mdl-textfield__input {
  border-color: rgb(222, 50, 38);
  box-shadow: none;
}

.mdl-textfield.is-disabled .mdl-textfield__input {
  background-color: transparent;
  border-bottom: 1px dotted rgba(0,0,0, 0.12);
  color: rgba(0,0,0, 0.26);
}

.mdl-textfield textarea.mdl-textfield__input {
  display: block;
}

.mdl-textfield__label {
  bottom: 0;
  color: rgba(0,0,0, 0.26);
  font-size: 16px;
  left: 0;
  right: 0;
  pointer-events: none;
  position: absolute;
  display: block;
  top: 24px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}

.mdl-textfield.is-dirty .mdl-textfield__label {
  visibility: hidden;
}

.mdl-textfield--floating-label .mdl-textfield__label {
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.mdl-textfield.is-disabled.is-disabled .mdl-textfield__label {
  color: rgba(0,0,0, 0.26);
}

.mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label {
  color: rgb($color-primary);
  font-size: 12px;
  top: 4px;
  visibility: visible;
}

.mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label {
  top: -16px;
}

.mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
  color: rgb(222, 50, 38);
  font-size: 12px;
}

.mdl-textfield__label:after {
  background-color: rgb($color-primary);
  bottom: 20px;
  content: '';
  height: 2px;
  left: 45%;
  position: absolute;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  visibility: hidden;
  width: 10px;
}

.mdl-textfield.is-focused .mdl-textfield__label:after {
  left: 0;
  visibility: visible;
  width: 100%;
}

.mdl-textfield.is-invalid .mdl-textfield__label:after {
  background-color: rgb(222, 50, 38);
}

.mdl-textfield__error {
  color: rgb(222, 50, 38);
  position: absolute;
  font-size: 12px;
  margin-top: 3px;
  visibility: hidden;
  display: block;
}

.mdl-textfield.is-invalid .mdl-textfield__error {
  visibility: visible;
}

.mdl-textfield__expandable-holder {
  display: inline-block;
  position: relative;
  margin-left: 32px;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  display: inline-block;
  max-width: 0.1px;
}

.mdl-textfield.is-focused .mdl-textfield__expandable-holder, .mdl-textfield.is-dirty .mdl-textfield__expandable-holder {
  max-width: 600px;
}

.mdl-textfield__expandable-holder .mdl-textfield__label:after {
  bottom: 0;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* TOOLTIP */
.mdl-tooltip {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: top center;
  transform-origin: top center;
  will-change: transform;
  z-index: 999;
  background: rgba(97,97,97, 0.9);
  border-radius: 2px;
  color: rgb(255,255,255);
  display: inline-block;
  font-size: 10px;
  font-weight: 500;
  line-height: 14px;
  max-width: 170px;
  position: fixed;
  top: -500px;
  left: -500px;
  padding: 8px;
  text-align: center;
}

.mdl-tooltip.is-active {
  -webkit-animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
  animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
}

.mdl-tooltip--large {
  line-height: 14px;
  font-size: 14px;
  padding: 16px;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  50% {
    -webkit-transform: scale(0.99);
    transform: scale(0.99);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  50% {
    -webkit-transform: scale(0.99);
    transform: scale(0.99);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
  }
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* TOOLTIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
.mdl-shadow--2dp {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.mdl-shadow--3dp {
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}

.mdl-shadow--4dp {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}

.mdl-shadow--6dp {
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}

.mdl-shadow--8dp {
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}

.mdl-shadow--16dp {
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*
* NOTE: Some rules here are applied using duplicate selectors.
* This is on purpose to increase their specificity when applied.
* For example: `.mdl-cell--1-col-phone.mdl-cell--1-col-phone`
*/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* TOOLTIP */
.mdl-grid {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row wrap;
  margin: 0 auto 0 auto;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.mdl-grid.mdl-grid--no-spacing {
  padding: 0;
}

.mdl-cell {
  box-sizing: border-box;
}

.mdl-cell--top {
  align-self: flex-start;
}

.mdl-cell--middle {
  -ms-grid-row-align: center;
  align-self: center;
}

.mdl-cell--bottom {
  align-self: flex-end;
}

.mdl-cell--stretch {
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.mdl-grid.mdl-grid--no-spacing > .mdl-cell {
  margin: 0;
}

@media (max-width: 479px) {
  .mdl-grid {
    padding: 8px;
  }
  .mdl-cell {
    margin: 8px;
    width: calc(100% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell {
    width: 100%;
  }
  .mdl-cell--hide-phone {
    display: none !important;
  }
  .mdl-cell--1-col,
  .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
    width: calc(25% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing >
  .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
    width: 25%;
  }
  .mdl-cell--2-col,
  .mdl-cell--2-col-phone.mdl-cell--2-col-phone {
    width: calc(50% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing >
  .mdl-cell--2-col-phone.mdl-cell--2-col-phone {
    width: 50%;
  }
  .mdl-cell--3-col,
  .mdl-cell--3-col-phone.mdl-cell--3-col-phone {
    width: calc(75% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing >
  .mdl-cell--3-col-phone.mdl-cell--3-col-phone {
    width: 75%;
  }
  .mdl-cell--4-col,
  .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
    width: calc(100% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing >
  .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
    width: 100%;
  }
  .mdl-cell--5-col,
  .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
    width: calc(100% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing >
  .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
    width: 100%;
  }
  .mdl-cell--6-col,
  .mdl-cell--6-col-phone.mdl-cell--6-col-phone {
    width: calc(100% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing >
  .mdl-cell--6-col-phone.mdl-cell--6-col-phone {
    width: 100%;
  }
  .mdl-cell--7-col,
  .mdl-cell--7-col-phone.mdl-cell--7-col-phone {
    width: calc(100% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing >
  .mdl-cell--7-col-phone.mdl-cell--7-col-phone {
    width: 100%;
  }
  .mdl-cell--8-col,
  .mdl-cell--8-col-phone.mdl-cell--8-col-phone {
    width: calc(100% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing >
  .mdl-cell--8-col-phone.mdl-cell--8-col-phone {
    width: 100%;
  }
  .mdl-cell--9-col,
  .mdl-cell--9-col-phone.mdl-cell--9-col-phone {
    width: calc(100% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing >
  .mdl-cell--9-col-phone.mdl-cell--9-col-phone {
    width: 100%;
  }
  .mdl-cell--10-col,
  .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
    width: calc(100% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing >
  .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
    width: 100%;
  }
  .mdl-cell--11-col,
  .mdl-cell--11-col-phone.mdl-cell--11-col-phone {
    width: calc(100% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing >
  .mdl-cell--11-col-phone.mdl-cell--11-col-phone {
    width: 100%;
  }
  .mdl-cell--12-col,
  .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
    width: calc(100% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing >
  .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
    width: 100%;
  }
}

@media (min-width: 480px) and (max-width: 839px) {
  .mdl-grid {
    padding: 8px;
  }
  .mdl-cell {
    margin: 8px;
    width: calc(50% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell {
    width: 50%;
  }
  .mdl-cell--hide-tablet {
    display: none !important;
  }
  .mdl-cell--1-col,
  .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
    width: calc(12.5% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing >
  .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
    width: 12.5%;
  }
  .mdl-cell--2-col,
  .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
    width: calc(25% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing >
  .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
    width: 25%;
  }
  .mdl-cell--3-col,
  .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
    width: calc(37.5% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing >
  .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
    width: 37.5%;
  }
  .mdl-cell--4-col,
  .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
    width: calc(50% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing >
  .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
    width: 50%;
  }
  .mdl-cell--5-col,
  .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
    width: calc(62.5% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing >
  .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
    width: 62.5%;
  }
  .mdl-cell--6-col,
  .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
    width: calc(75% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing >
  .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
    width: 75%;
  }
  .mdl-cell--7-col,
  .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
    width: calc(87.5% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing >
  .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
    width: 87.5%;
  }
  .mdl-cell--8-col,
  .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
    width: calc(100% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing >
  .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
    width: 100%;
  }
  .mdl-cell--9-col,
  .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
    width: calc(100% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing >
  .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
    width: 100%;
  }
  .mdl-cell--10-col,
  .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
    width: calc(100% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing >
  .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
    width: 100%;
  }
  .mdl-cell--11-col,
  .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
    width: calc(100% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing >
  .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
    width: 100%;
  }
  .mdl-cell--12-col,
  .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
    width: calc(100% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing >
  .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
    width: 100%;
  }
}

@media (min-width: 840px) {
  .mdl-grid {
    padding: 8px;
  }
  .mdl-cell {
    margin: 8px;
    width: calc(33.3333333333% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell {
    width: 33.3333333333%;
  }
  .mdl-cell--hide-desktop {
    display: none !important;
  }
  .mdl-cell--1-col,
  .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
    width: calc(8.3333333333% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing >
  .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
    width: 8.3333333333%;
  }
  .mdl-cell--2-col,
  .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
    width: calc(16.6666666667% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing >
  .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
    width: 16.6666666667%;
  }
  .mdl-cell--3-col,
  .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
    width: calc(25% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing >
  .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
    width: 25%;
  }
  .mdl-cell--4-col,
  .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
    width: calc(33.3333333333% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing >
  .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
    width: 33.3333333333%;
  }
  .mdl-cell--5-col,
  .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
    width: calc(41.6666666667% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing >
  .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
    width: 41.6666666667%;
  }
  .mdl-cell--6-col,
  .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
    width: calc(50% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing >
  .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
    width: 50%;
  }
  .mdl-cell--7-col,
  .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
    width: calc(58.3333333333% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing >
  .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
    width: 58.3333333333%;
  }
  .mdl-cell--8-col,
  .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
    width: calc(66.6666666667% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing >
  .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
    width: 66.6666666667%;
  }
  .mdl-cell--9-col,
  .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
    width: calc(75% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing >
  .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
    width: 75%;
  }
  .mdl-cell--10-col,
  .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
    width: calc(83.3333333333% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing >
  .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
    width: 83.3333333333%;
  }
  .mdl-cell--11-col,
  .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
    width: calc(91.6666666667% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing >
  .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
    width: 91.6666666667%;
  }
  .mdl-cell--12-col,
  .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
    width: calc(100% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing >
  .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
    width: 100%;
  }
}

body {
  margin: 0px;
}

.styleguide-demo h1 {
  margin: 48px 24px 0 24px;
}

.styleguide-demo h1:after {
  content: '';
  display: block;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  margin-top: 24px;
}

.styleguide-demo {
  opacity: 0;
  -webkit-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
}

.styleguide-masthead {
  height: 256px;
  background: rgb(33,33,33);
  padding: 115px 16px 0;
}

.styleguide-container {
  position: relative;
  max-width: 960px;
  width: 100%;
}

.styleguide-title {
  color: #fff;
  bottom: auto;
  position: relative;
  font-size: 56px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -0.02em;
}

.styleguide-title:after {
  border-bottom: 0px;
}

.styleguide-title span {
  font-weight: 300;
}

.mdl-styleguide .mdl-layout__drawer .mdl-navigation__link {
  padding: 10px 24px;
}

.demosLoaded .styleguide-demo {
  opacity: 1;
}

iframe {
  display: block;
  width: 100%;
  border: none;
}

iframe.heightSet {
  overflow: hidden;
}

.demo-wrapper {
  margin: 24px;
}

.demo-wrapper iframe {
  border: 1px solid rgba(0, 0, 0, 0.5);
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

md-input-container label:not(.md-no-float):not(.md-container-ignore), md-input-container .md-placeholder {
  padding-left: 8px;
}

md-card md-card-title {
  padding: 12px 16px;
}

.mdl-layout__header-row.header-row-center {
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  height: auto;
}

.mdl-layout__header-row.header-row-center .mdl-navigation {
  height: auto;
}

.mdl-layout__header-row.header-row-center .mdl-navigation .mdl-navigation__link {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  font-size: 20px;
  padding-top: 20px;
  text-transform: uppercase;
  height: 60px;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 100;
}

.mdl-layout__header-row.header-row-center .mdl-navigation .mdl-navigation__link.active {
  font-weight: 500;
}

.mdl-layout__header-row.header-row-center .mdl-navigation .mdl-navigation__link i {
  margin-bottom: -10px;
}

.mdl-layout__content {
  margin-top: 10px;
  overflow: visible;
}

.mdl-grid {
  max-width: 1200px;
  padding: 0;
  display: -webkit-box;
  display: flex;
  width: 100%;
  margin: 0 auto;
  flex-shrink: 0;
}

.mdl-grid.full-width {
  max-width: 100%;
}

.mdl-data-table {
  width: 100%;
}

.mdl-data-table tbody tr {
  height: auto;
}

.mdl-data-table tbody tr td {
  vertical-align: middle;
}

.mdl-data-table td, .mdl-data-table th {
  height: auto;
  padding: 10px;
  text-align: left;
}

.mdl-button-small {
  min-width: 0;
}

.time-date > .control > .slider > .date-control,
.time-date > .control > .slider > .time-control {
  overflow: hidden;
}

.time-date > .control > .slider > .date-control,
.time-date > .control > .slider > .time-control,
.time-date > .control > .slider > .switch-control {
  height: 21.9rem;
}

.time-date:not(.full-mode).compact > .control {
  overflow: hidden;
}

@media (max-width: 959px) {
  .mdl-layout__header {
    min-height: auto;
  }
  .mdl-layout__header .mdl-layout__drawer-button {
    margin: 5px 10px 0;
    height: 38px;
    width: auto;
    line-height: 1.8;
  }
  .mdl-layout__header .mdl-layout__header-row.header-row-center {
    padding-left: 16px;
  }
  .mdl-layout__header .mdl-layout__header-row.header-row-center .mdl-navigation .mdl-navigation__link {
    height: auto;
    padding-top: 0;
  }
  .mdl-layout__header .mdl-layout__header-row.header-row-center .mdl-navigation .mdl-navigation__link i {
    margin-top: 0;
    margin-bottom: 0;
  }
}

md-input-container.md-icon-float > md-icon {
  top: 8px;
}

md-input-container.md-no-errors .md-errors-spacer {
  display: none;
}

#loading-bar .bar {
  background: #ff4081;
}

#loading-bar-spinner .spinner-icon {
  border-top-color: #ff4081;
  border-left-color: #ff4081;
}

#content-container {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

.margin-top-0 {
  margin-top: 0px !important;
}

.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.margin-left-0 {
  margin-left: 0px !important;
}

.margin-right-0 {
  margin-right: 0px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-left-5 {
  margin-left: 5px !important;
}

.margin-right-5 {
  margin-right: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-left-15 {
  margin-left: 15px !important;
}

.margin-right-15 {
  margin-right: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.margin-top-90 {
  margin-top: 90px !important;
}

.margin-bottom-90 {
  margin-bottom: 90px !important;
}

.margin-left-90 {
  margin-left: 90px !important;
}

.margin-right-90 {
  margin-right: 90px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.margin-top-110 {
  margin-top: 110px !important;
}

.margin-bottom-110 {
  margin-bottom: 110px !important;
}

.margin-left-110 {
  margin-left: 110px !important;
}

.margin-right-110 {
  margin-right: 110px !important;
}

.margin-top-120 {
  margin-top: 120px !important;
}

.margin-bottom-120 {
  margin-bottom: 120px !important;
}

.margin-left-120 {
  margin-left: 120px !important;
}

.margin-right-120 {
  margin-right: 120px !important;
}

.padding-top-24px {
  padding-top: 24pxpx !important;
}

.padding-bottom-24px {
  padding-bottom: 24pxpx !important;
}

.padding-left-24px {
  padding-left: 24pxpx !important;
}

.padding-right-24px {
  padding-right: 24pxpx !important;
}

.padding-top-24px {
  padding-top: 24pxpx !important;
}

.padding-bottom-24px {
  padding-bottom: 24pxpx !important;
}

.padding-left-24px {
  padding-left: 24pxpx !important;
}

.padding-right-24px {
  padding-right: 24pxpx !important;
}

.padding-top-24px {
  padding-top: 24pxpx !important;
}

.padding-bottom-24px {
  padding-bottom: 24pxpx !important;
}

.padding-left-24px {
  padding-left: 24pxpx !important;
}

.padding-right-24px {
  padding-right: 24pxpx !important;
}

.padding-top-24px {
  padding-top: 24pxpx !important;
}

.padding-bottom-24px {
  padding-bottom: 24pxpx !important;
}

.padding-left-24px {
  padding-left: 24pxpx !important;
}

.padding-right-24px {
  padding-right: 24pxpx !important;
}

.padding-top-24px {
  padding-top: 24pxpx !important;
}

.padding-bottom-24px {
  padding-bottom: 24pxpx !important;
}

.padding-left-24px {
  padding-left: 24pxpx !important;
}

.padding-right-24px {
  padding-right: 24pxpx !important;
}

.padding-top-24px {
  padding-top: 24pxpx !important;
}

.padding-bottom-24px {
  padding-bottom: 24pxpx !important;
}

.padding-left-24px {
  padding-left: 24pxpx !important;
}

.padding-right-24px {
  padding-right: 24pxpx !important;
}

.padding-top-24px {
  padding-top: 24pxpx !important;
}

.padding-bottom-24px {
  padding-bottom: 24pxpx !important;
}

.padding-left-24px {
  padding-left: 24pxpx !important;
}

.padding-right-24px {
  padding-right: 24pxpx !important;
}

.padding-top-24px {
  padding-top: 24pxpx !important;
}

.padding-bottom-24px {
  padding-bottom: 24pxpx !important;
}

.padding-left-24px {
  padding-left: 24pxpx !important;
}

.padding-right-24px {
  padding-right: 24pxpx !important;
}

.margin-0 {
  margin: 0;
}

.padding-0 {
  padding: 0;
}

.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

.mdl-color--orange > * {
  color: white;
}

.mdl-color--red > * {
  color: white;
}

.mdl-color--primary > * {
  color: white;
}

.mdl-color--pink > * {
  color: white;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.text-muted {
  color: rgba(0, 0, 0, 0.65);
}

.title-with-action {
  display: -webkit-box;
  display: flex;
}

.title-with-action h1 {
  width: 100%;
}

.table-row-clickable {
  cursor: pointer;
}

.material-icons.icon-center {
  margin-top: -3px;
  vertical-align: middle;
}

.table-no-header-selectable th label {
  display: none;
}

.ng-table-pager {
  margin-top: 5px;
}

.ng-table-pager .ng-table-counts {
  display: inline;
  width: 50%;
}

.ng-table-pager .ng-table-pagination {
  list-style: none;
  float: right;
}

.ng-table-pager .ng-table-pagination li {
  float: left;
}

.ng-table-pager .ng-table-pagination li a {
  margin-left: 10px;
  padding: 0px 10px;
}

.ng-table-pager button {
  margin-right: 10px;
  padding: 0px 10px;
}

.mdl-data-table.table-center td {
  vertical-align: middle;
}

#user-profile-mini {
  display: -webkit-box;
  display: flex;
  text-align: center;
}

#user-profile-mini #user-avatar {
  background-image: url("http://www.qservus.com/es/img/avatar.png");
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: white;
}

#user-profile-mini #user-name {
  line-height: 1;
  margin: 10px 0 0;
}

#user-profile-mini #user-actions {
  margin-left: 20px;
}

#user-profile-mini #user-actions a {
  color: white;
  line-height: 1;
  margin-bottom: 2px;
}

@media (max-width: 959px) {
  #user-actions a {
    margin-left: 10px;
  }
}

md-checkbox.md-checked .md-icon:after {
  left: 7.6666666667px;
}

md-card {
  margin: 0;
}

md-dialog md-toolbar h2 {
  line-height: 1;
}

md-dialog md-toolbar.md-primary h2 {
  color: white;
}

md-dialog md-dialog-content {
  overflow-x: hidden;
}

md-dialog md-dialog-actions {
  padding-left: 16px;
  padding-right: 24px;
}

@media (max-width: 600px) {
  md-dialog md-dialog-actions .md-button {
    min-width: 24px;
  }
  md-dialog#calendar-event-add .switch-control .fa-calendar {
    margin-left: -10px;
  }
  md-dialog#calendar-event-add .time-control .time-inputs {
    bottom: 40%;
  }
  md-dialog#calendar-event-add .time-control .time-inputs button.hours, md-dialog#calendar-event-add .time-control .time-inputs button.minutes {
    display: none;
  }
}

md-option .md-text {
  width: 100%;
}

.md-primary.md-raised {
  color: white !important;
}

.md-select-inline {
  margin: 0;
}

.md-select-inline md-select-value {
  padding: 0;
}

#login-form {
  min-height: 300px;
  min-width: 400px;
}

#login-form #login-form-title {
  background-color: #424242;
  color: white;
}

#login-form #login-form-content {
  background-image: url("/img/login-box.png");
  background-size: 100% 100%;
  width: 400px;
}

#login-form #login-form-content > div:first-child {
  margin-top: 70px;
}

#login-form #login-form-content md-input-container {
  margin-bottom: 0;
}

#login-form #login-form-content md-input-container > * {
  color: white;
}

.dashboard-info-small span {
  background-color: rgba(0, 0, 0, 0.05);
  font-size: 22px;
  font-weight: bold;
  padding: 16px;
}

#precontacts-interest p {
  line-height: 1;
  margin-bottom: 0;
}

#precontacts-interest .md-button.md-icon-button {
  min-width: 40px !important;
}

footer {
  background-color: #424242;
  color: white;
  padding: 40px;
}

/*
 * -----------------------------------------------------------------------------
 *	LABEL
 * -----------------------------------------------------------------------------
*/
.kw-label, .kw-label-yellow, .kw-label-orange, .kw-label-green, .kw-label-blue, .kw-label-grey-dark, .kw-label-black, .kw-label-red, .kw-label-pink, .kw-label-lime, .kw-label-purple, .kw-label-deep-purple, .kw-label-indigo, .kw-label-light-blue, .kw-label-cyan, .kw-label-teal, .kw-label-light-green, .kw-label-amber, .kw-label-deep-orange, .kw-label-brown, .kw-label-grey, .kw-label-blue-grey {
  color: white;
  font-size: 100%;
  padding: 4px 8px 4px 8px !important;
  font-weight: 600;
  border-radius: 4px !important;
}

/* LABEL COLOR */
.kw-label-yellow {
  background: #ffbc00 !important;
}

.kw-label-orange {
  background: #FF9800 !important;
}

.kw-label-green {
  background: #4CAF50 !important;
}

.kw-label-blue {
  background: #2196F3 !important;
}

.kw-label-grey-dark {
  background: #7f858a !important;
}

.kw-label-black {
  background: black !important;
}

.kw-label-red {
  background: #F44336 !important;
}

.kw-label-pink {
  background: #E91E63 !important;
}

.kw-label-lime {
  background: #CDDC39 !important;
}

.kw-label-purple {
  background: #9C27B0 !important;
}

.kw-label-deep-purple {
  background: #673AB7 !important;
}

.kw-label-indigo {
  background: #3F51B5 !important;
}

.kw-label-light-blue {
  background: #03A9F4 !important;
}

.kw-label-cyan {
  background: #00BCD4 !important;
}

.kw-label-teal {
  background: #009688 !important;
}

.kw-label-light-green {
  background: #8BC34A !important;
}

.kw-label-amber {
  background: #FFC107 !important;
}

.kw-label-deep-orange {
  background: #FF5722 !important;
}

.kw-label-brown {
  background: #795548 !important;
}

.kw-label-grey {
  background: #9E9E9E !important;
}

.kw-label-blue-grey {
  background: #607D8B !important;
}

/* LABEL CAPTION */
.kw-label-caption, .kw-label-caption-yellow, .kw-label-caption-orange, .kw-label-caption-green, .kw-label-caption-blue, .kw-label-caption-grey, .kw-label-caption-black, .kw-label-caption-red {
  color: white;
  font-size: 60%;
  padding: 2px 4px;
  border-radius: 4px;
}

.kw-label-caption-yellow {
  color: black;
  background: #ffc107 !important;
}

.kw-label-caption-orange {
  background: #ff9800 !important;
}

.kw-label-caption-green {
  background: #4caf50 !important;
}

.kw-label-caption-blue {
  background: #2b94ee !important;
}

.kw-label-caption-grey {
  background: #77777a !important;
}

.kw-label-caption-black {
  background: black !important;
}

.kw-label-caption-red {
  background: red !important;
}

/*
 * -----------------------------------------------------------------------------
 *	WIDTH
 * -----------------------------------------------------------------------------
*/
.width-normal-5 {
  width: 5px !important;
}

.width-normal-10 {
  width: 10px !important;
}

.width-normal-15 {
  width: 15px !important;
}

.width-normal-20 {
  width: 20px !important;
}

.width-normal-25 {
  width: 25px !important;
}

.width-normal-30 {
  width: 30px !important;
}

.width-normal-35 {
  width: 35px !important;
}

.width-normal-40 {
  width: 40px !important;
}

.width-normal-42 {
  width: 42px !important;
}

.width-normal-45 {
  width: 45px !important;
}

.width-normal-50 {
  width: 50px !important;
}

.width-normal-55 {
  width: 55px !important;
}

.width-normal-60 {
  width: 60px !important;
}

.width-normal-65 {
  width: 65px !important;
}

.width-normal-70 {
  width: 70px !important;
}

.width-normal-75 {
  width: 75px !important;
}

.width-normal-80 {
  width: 80px !important;
}

.width-normal-85 {
  width: 85px !important;
}

.width-normal-90 {
  width: 90px !important;
}

.width-normal-95 {
  width: 95px !important;
}

.width-normal-100 {
  width: 100px !important;
}

.width-normal-110 {
  width: 110px !important;
}

.width-normal-120 {
  width: 120px !important;
}

.width-normal-130 {
  width: 130px !important;
}

.width-normal-140 {
  width: 140px !important;
}

.width-normal-150 {
  width: 150px !important;
}

.width-normal-180 {
  width: 180px !important;
}

.width-normal-200 {
  width: 200px !important;
}

.width-normal-210 {
  width: 210px !important;
}

.width-normal-220 {
  width: 220px !important;
}

.width-normal-230 {
  width: 230px !important;
}

.width-normal-240 {
  width: 240px !important;
}

.width-normal-250 {
  width: 250px !important;
}

.width-normal-280 {
  width: 280px !important;
}

.width-normal-300 {
  width: 300px !important;
}

.width-normal-350 {
  width: 350px !important;
}

.width-normal-400 {
  width: 400px !important;
}

/*
 * -----------------------------------------------------------------------------
 *	ALIGN
 * -----------------------------------------------------------------------------
*/
.text-center {
  text-align: center !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.calendar-event-big md-card-title-text {
  margin-top: -10px;
}

.calendar-event-big md-card-title-text .md-headline {
  color: white !important;
  font-size: 20px;
}

.calendar-event-big md-card-title-text .md-subhead {
  color: white !important;
  font-weight: bold;
}

.calendar-event-big md-card-title-media .card-media {
  text-align: right;
}

.calendar-event-big md-card-title-media .card-media md-icon {
  font-size: 62px;
  color: white;
  height: 62px;
  width: 62px;
}

.calendar-event-big md-card-content {
  padding: 8px 16px;
}

/** CALENDAR WIDGET **/
#calendar-events-list p {
  margin: 0;
}

#calendar-events-list .md-subheader-content md-switch {
  margin: 0;
}

#calendar-event-add .buttons {
  display: none;
}

#calendar-event-add-btn {
  right: 0;
  margin: 0;
  left: 100%;
  margin-left: -80px;
  margin-bottom: -69px;
  margin-top: 13px;
  z-index: 10;
}

#calendar-event-finalized-btn {
  right: 0;
  margin: 0;
  top: 13px;
  left: 100%;
  margin-left: -150px;
  margin-bottom: -57px;
  z-index: 10;
}

#fc-actions {
  position: absolute;
  bottom: 10px;
  right: 12px;
}

.fc {
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

.fc td {
  border-color: #f0f0f0;
}

.fc th {
  border-color: #f0f0f0;
  font-weight: 400;
}

.fc table {
  background: transparent;
}

.fc table tr > td:first-child {
  border-left-width: 0;
}

#calendar-widget .fc-toolbar {
  background: #009688;
}

#calendar-widget .fc-toolbar .fc-left > div h2 {
  margin-left: 10px;
}

#calendar-widget .fc-day-header {
  color: #fff;
  background: #007d71;
  padding: 5px 0;
  border-width: 0;
}

#calendar-widget .fc-day-number {
  text-align: center;
  color: #ADADAD;
  padding: 5px 0;
}

#calendar-widget .fc-day-grid-event {
  margin: 1px 3px 1px;
}

#calendar-widget .ui-widget-header {
  border-width: 0;
}

#calendar-widget .ui-widget-header th {
  border-width: 0;
}

#calendar .fc-toolbar {
  height: 300px;
  background-image: url("../img/cal-header.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-position: inherit;
}

#calendar .fc-toolbar:before {
  content: "";
  height: 50px;
  width: 100%;
  background: rgba(0, 0, 0, 0.36);
  position: absolute;
  bottom: 0;
  left: 0;
}

#calendar .fc-toolbar .fc-center {
  margin-top: 238px;
  position: relative;
}

#calendar .fc-day-header {
  color: #ADADAD;
  text-align: left;
  font-size: 14px;
  border-bottom-width: 0;
  border-right-color: #eee;
  padding: 10px 12px;
}

#calendar .fc-day-number {
  padding-left: 10px !important;
  color: #CCC;
  text-align: left !important;
}

#calendar .fc-day-grid-event {
  margin: 1px 9px 0;
}

@media screen and (max-width: 991px) {
  #calendar .fc-toolbar {
    height: 200px;
  }
  #calendar .fc-toolbar .fc-center {
    margin-top: 138px;
  }
}

@media screen and (min-width: 991px) {
  #calendar .fc-day-number {
    font-size: 25px;
    letter-spacing: -2px;
  }
}

.fc-today {
  color: #ffc107;
}

.fc-toolbar {
  margin-bottom: 0;
  padding: 20px 7px 19px;
  position: relative;
}

.fc-toolbar h2 {
  margin: 0;
  line-height: 1;
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
}

.fc-toolbar .ui-button {
  border: 0;
  background: 0 0;
  padding: 0;
  outline: none !important;
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-top: 2px;
  color: #fff;
}

.fc-toolbar .ui-button:hover {
  background: #fff;
  color: #009688;
}

.fc-toolbar .ui-button > span {
  position: relative;
  font-family: 'Material-Design-Iconic-Font';
  font-size: 20px;
  line-height: 100%;
  width: 30px;
  display: block;
  margin-top: 2px;
}

.fc-toolbar .ui-button > span:before {
  position: relative;
  z-index: 1;
}

.fc-toolbar .ui-button > span.ui-icon-circle-triangle-w:before {
  content: "\f2fa";
}

.fc-toolbar .ui-button > span.ui-icon-circle-triangle-e:before {
  content: "\f2fb";
}

.fc-event {
  padding: 0;
  font-size: 11px;
  border-radius: 0;
  border: 0;
}

.fc-event .fc-content.expanded {
  white-space: normal;
  overflow: visible;
}

.fc-event .fc-content .fc-title {
  padding: 2px 8px;
  display: block;
}

.fc-event .fc-content .fc-time {
  float: left;
  background: rgba(0, 0, 0, 0.2);
  padding: 2px;
  margin: 0 0 0 -1px;
}

.fc-view {
  border: 0;
  margin-top: -1px;
  overflow: hidden;
}

.fc-view > table {
  border: 0;
  overflow: hidden;
}

.fc-view > table > tbody > tr > .ui-widget-content {
  border-top: 0;
}

div.fc-row {
  margin-right: 0 !important;
  border: 0 !important;
}

.fc-today {
  color: #ffc107 !important;
}