@charset "UTF-8";
.ani-overweigt-bounce {
  -webkit-animation: overweight-bounce 400ms ease;
  -moz-animation: overweight-bounce 400ms ease;
  animation: overweight-bounce 400ms ease; }

.ani-scale-bounce {
  -webkit-animation: scale-bounce 400ms ease;
  -moz-animation: scale-bounce 400ms ease;
  animation: scale-bounce 400ms ease; }

.ani-slideIn-top {
  -webkit-animation: slideIn-top 400ms ease;
  -moz-animation: slideIn-top 400ms ease;
  animation: slideIn-top 400ms ease; }

@-webkit-keyframes overweight-bounce {
  0% {
    -webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  4% {
    -webkit-transform: matrix3d(0.475, 0, 0, 0, 0, 0.475, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  7.91% {
    -webkit-transform: matrix3d(0.978, 0, 0, 0, 0, 0.978, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  11.91% {
    -webkit-transform: matrix3d(1.308, 0, 0, 0, 0, 1.308, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  15.82% {
    -webkit-transform: matrix3d(1.403, 0, 0, 0, 0, 1.403, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  20.42% {
    -webkit-transform: matrix3d(1.316, 0, 0, 0, 0, 1.316, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  24.92% {
    -webkit-transform: matrix3d(1.165, 0, 0, 0, 0, 1.165, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  29.53% {
    -webkit-transform: matrix3d(1.056, 0, 0, 0, 0, 1.056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  34.03% {
    -webkit-transform: matrix3d(1.024, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  43.14% {
    -webkit-transform: matrix3d(1.084, 0, 0, 0, 0, 1.084, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  52.15% {
    -webkit-transform: matrix3d(1.119, 0, 0, 0, 0, 1.119, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  70.37% {
    -webkit-transform: matrix3d(1.095, 0, 0, 0, 0, 1.095, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  88.59% {
    -webkit-transform: matrix3d(1.101, 0, 0, 0, 0, 1.101, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% {
    -webkit-transform: matrix3d(1.1, 0, 0, 0, 0, 1.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } }

@-moz-keyframes overweight-bounce {
  0% {
    -moz-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  4% {
    -moz-transform: matrix3d(0.475, 0, 0, 0, 0, 0.475, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  7.91% {
    -moz-transform: matrix3d(0.978, 0, 0, 0, 0, 0.978, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  11.91% {
    -moz-transform: matrix3d(1.308, 0, 0, 0, 0, 1.308, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  15.82% {
    -moz-transform: matrix3d(1.403, 0, 0, 0, 0, 1.403, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  20.42% {
    -moz-transform: matrix3d(1.316, 0, 0, 0, 0, 1.316, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  24.92% {
    -moz-transform: matrix3d(1.165, 0, 0, 0, 0, 1.165, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  29.53% {
    -moz-transform: matrix3d(1.056, 0, 0, 0, 0, 1.056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  34.03% {
    -moz-transform: matrix3d(1.024, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  43.14% {
    -moz-transform: matrix3d(1.084, 0, 0, 0, 0, 1.084, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  52.15% {
    -moz-transform: matrix3d(1.119, 0, 0, 0, 0, 1.119, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  70.37% {
    -moz-transform: matrix3d(1.095, 0, 0, 0, 0, 1.095, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  88.59% {
    -moz-transform: matrix3d(1.101, 0, 0, 0, 0, 1.101, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% {
    -moz-transform: matrix3d(1.1, 0, 0, 0, 0, 1.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } }

@keyframes overweight-bounce {
  0% {
    -webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -o-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  4% {
    -webkit-transform: matrix3d(0.475, 0, 0, 0, 0, 0.475, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(0.475, 0, 0, 0, 0, 0.475, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(0.475, 0, 0, 0, 0, 0.475, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -o-transform: matrix3d(0.475, 0, 0, 0, 0, 0.475, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.475, 0, 0, 0, 0, 0.475, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  7.91% {
    -webkit-transform: matrix3d(0.978, 0, 0, 0, 0, 0.978, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(0.978, 0, 0, 0, 0, 0.978, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(0.978, 0, 0, 0, 0, 0.978, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -o-transform: matrix3d(0.978, 0, 0, 0, 0, 0.978, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.978, 0, 0, 0, 0, 0.978, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  11.91% {
    -webkit-transform: matrix3d(1.308, 0, 0, 0, 0, 1.308, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1.308, 0, 0, 0, 0, 1.308, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(1.308, 0, 0, 0, 0, 1.308, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -o-transform: matrix3d(1.308, 0, 0, 0, 0, 1.308, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.308, 0, 0, 0, 0, 1.308, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  15.82% {
    -webkit-transform: matrix3d(1.403, 0, 0, 0, 0, 1.403, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1.403, 0, 0, 0, 0, 1.403, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(1.403, 0, 0, 0, 0, 1.403, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -o-transform: matrix3d(1.403, 0, 0, 0, 0, 1.403, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.403, 0, 0, 0, 0, 1.403, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  20.42% {
    -webkit-transform: matrix3d(1.316, 0, 0, 0, 0, 1.316, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1.316, 0, 0, 0, 0, 1.316, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(1.316, 0, 0, 0, 0, 1.316, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -o-transform: matrix3d(1.316, 0, 0, 0, 0, 1.316, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.316, 0, 0, 0, 0, 1.316, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  24.92% {
    -webkit-transform: matrix3d(1.165, 0, 0, 0, 0, 1.165, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1.165, 0, 0, 0, 0, 1.165, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(1.165, 0, 0, 0, 0, 1.165, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -o-transform: matrix3d(1.165, 0, 0, 0, 0, 1.165, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.165, 0, 0, 0, 0, 1.165, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  29.53% {
    -webkit-transform: matrix3d(1.056, 0, 0, 0, 0, 1.056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1.056, 0, 0, 0, 0, 1.056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(1.056, 0, 0, 0, 0, 1.056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -o-transform: matrix3d(1.056, 0, 0, 0, 0, 1.056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.056, 0, 0, 0, 0, 1.056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  34.03% {
    -webkit-transform: matrix3d(1.024, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1.024, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(1.024, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -o-transform: matrix3d(1.024, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.024, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  43.14% {
    -webkit-transform: matrix3d(1.084, 0, 0, 0, 0, 1.084, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1.084, 0, 0, 0, 0, 1.084, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(1.084, 0, 0, 0, 0, 1.084, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -o-transform: matrix3d(1.084, 0, 0, 0, 0, 1.084, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.084, 0, 0, 0, 0, 1.084, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  52.15% {
    -webkit-transform: matrix3d(1.119, 0, 0, 0, 0, 1.119, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1.119, 0, 0, 0, 0, 1.119, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(1.119, 0, 0, 0, 0, 1.119, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -o-transform: matrix3d(1.119, 0, 0, 0, 0, 1.119, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.119, 0, 0, 0, 0, 1.119, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  70.37% {
    -webkit-transform: matrix3d(1.095, 0, 0, 0, 0, 1.095, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1.095, 0, 0, 0, 0, 1.095, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(1.095, 0, 0, 0, 0, 1.095, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -o-transform: matrix3d(1.095, 0, 0, 0, 0, 1.095, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.095, 0, 0, 0, 0, 1.095, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  88.59% {
    -webkit-transform: matrix3d(1.101, 0, 0, 0, 0, 1.101, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1.101, 0, 0, 0, 0, 1.101, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(1.101, 0, 0, 0, 0, 1.101, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -o-transform: matrix3d(1.101, 0, 0, 0, 0, 1.101, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.101, 0, 0, 0, 0, 1.101, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% {
    -webkit-transform: matrix3d(1.1, 0, 0, 0, 0, 1.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1.1, 0, 0, 0, 0, 1.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(1.1, 0, 0, 0, 0, 1.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -o-transform: matrix3d(1.1, 0, 0, 0, 0, 1.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.1, 0, 0, 0, 0, 1.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } }

@-webkit-keyframes scale-bounce {
  0% {
    -webkit-transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 25, 0, 1);
    opacity: 0; }
  5.51% {
    -webkit-transform: matrix3d(0.762, 0, 0, 0, 0, 0.762, 0, 0, 0, 0, 1, 0, 0, 7.177, 0, 1); }
  6.09% {
    -webkit-transform: matrix3d(0.785, 0, 0, 0, 0, 0.785, 0, 0, 0, 0, 1, 0, 0, 4.687, 0, 1); }
  9.13% {
    -webkit-transform: matrix3d(0.891, 0, 0, 0, 0, 0.891, 0, 0, 0, 0, 1, 0, 0, -5.62, 0, 1); }
  11.01% {
    -webkit-transform: matrix3d(0.941, 0, 0, 0, 0, 0.941, 0, 0, 0, 0, 1, 0, 0, -8.7, 0, 1); }
  12.17% {
    -webkit-transform: matrix3d(0.965, 0, 0, 0, 0, 0.965, 0, 0, 0, 0, 1, 0, 0, -9.328, 0, 1); }
  15.86% {
    -webkit-transform: matrix3d(1.018, 0, 0, 0, 0, 1.018, 0, 0, 0, 0, 1, 0, 0, -6.869, 0, 1);
    opacity: 1; }
  16.52% {
    -webkit-transform: matrix3d(1.024, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, -6.038, 0, 1); }
  19.46% {
    -webkit-transform: matrix3d(1.039, 0, 0, 0, 0, 1.039, 0, 0, 0, 0, 1, 0, 0, -2.28, 0, 1); }
  21.92% {
    -webkit-transform: matrix3d(1.042, 0, 0, 0, 0, 1.042, 0, 0, 0, 0, 1, 0, 0, 0.077, 0, 1); }
  23.14% {
    -webkit-transform: matrix3d(1.042, 0, 0, 0, 0, 1.042, 0, 0, 0, 0, 1, 0, 0, 0.839, 0, 1); }
  26.75% {
    -webkit-transform: matrix3d(1.035, 0, 0, 0, 0, 1.035, 0, 0, 0, 0, 1, 0, 0, 1.652, 0, 1); }
  36.24% {
    -webkit-transform: matrix3d(1.009, 0, 0, 0, 0, 1.009, 0, 0, 0, 0, 1, 0, 0, 0.016, 0, 1); }
  41.24% {
    -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, -0.264, 0, 1); }
  50.55% {
    -webkit-transform: matrix3d(0.997, 0, 0, 0, 0, 0.997, 0, 0, 0, 0, 1, 0, 0, -0.007, 0, 1); }
  55.82% {
    -webkit-transform: matrix3d(0.998, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0, 0.044, 0, 1); }
  70.39% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.007, 0, 1); }
  79.08% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.001, 0, 1); }
  80% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } }

@-moz-keyframes scale-bounce {
  0% {
    -moz-transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 25, 0, 1);
    opacity: 0; }
  5.51% {
    -moz-transform: matrix3d(0.762, 0, 0, 0, 0, 0.762, 0, 0, 0, 0, 1, 0, 0, 7.177, 0, 1); }
  6.09% {
    -moz-transform: matrix3d(0.785, 0, 0, 0, 0, 0.785, 0, 0, 0, 0, 1, 0, 0, 4.687, 0, 1); }
  9.13% {
    -moz-transform: matrix3d(0.891, 0, 0, 0, 0, 0.891, 0, 0, 0, 0, 1, 0, 0, -5.62, 0, 1); }
  11.01% {
    -moz-transform: matrix3d(0.941, 0, 0, 0, 0, 0.941, 0, 0, 0, 0, 1, 0, 0, -8.7, 0, 1); }
  12.17% {
    -moz-transform: matrix3d(0.965, 0, 0, 0, 0, 0.965, 0, 0, 0, 0, 1, 0, 0, -9.328, 0, 1); }
  15.86% {
    -moz-transform: matrix3d(1.018, 0, 0, 0, 0, 1.018, 0, 0, 0, 0, 1, 0, 0, -6.869, 0, 1);
    opacity: 1; }
  16.52% {
    -moz-transform: matrix3d(1.024, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, -6.038, 0, 1); }
  19.46% {
    -moz-transform: matrix3d(1.039, 0, 0, 0, 0, 1.039, 0, 0, 0, 0, 1, 0, 0, -2.28, 0, 1); }
  21.92% {
    -moz-transform: matrix3d(1.042, 0, 0, 0, 0, 1.042, 0, 0, 0, 0, 1, 0, 0, 0.077, 0, 1); }
  23.14% {
    -moz-transform: matrix3d(1.042, 0, 0, 0, 0, 1.042, 0, 0, 0, 0, 1, 0, 0, 0.839, 0, 1); }
  26.75% {
    -moz-transform: matrix3d(1.035, 0, 0, 0, 0, 1.035, 0, 0, 0, 0, 1, 0, 0, 1.652, 0, 1); }
  36.24% {
    -moz-transform: matrix3d(1.009, 0, 0, 0, 0, 1.009, 0, 0, 0, 0, 1, 0, 0, 0.016, 0, 1); }
  41.24% {
    -moz-transform: matrix3d(1.001, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, -0.264, 0, 1); }
  50.55% {
    -moz-transform: matrix3d(0.997, 0, 0, 0, 0, 0.997, 0, 0, 0, 0, 1, 0, 0, -0.007, 0, 1); }
  55.82% {
    -moz-transform: matrix3d(0.998, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0, 0.044, 0, 1); }
  70.39% {
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.007, 0, 1); }
  79.08% {
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.001, 0, 1); }
  80% {
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% {
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } }

@keyframes scale-bounce {
  0% {
    -webkit-transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 25, 0, 1);
    -moz-transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 25, 0, 1);
    -ms-transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 25, 0, 1);
    -o-transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 25, 0, 1);
    transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 25, 0, 1);
    opacity: 0; }
  5.51% {
    -webkit-transform: matrix3d(0.762, 0, 0, 0, 0, 0.762, 0, 0, 0, 0, 1, 0, 0, 7.177, 0, 1);
    -moz-transform: matrix3d(0.762, 0, 0, 0, 0, 0.762, 0, 0, 0, 0, 1, 0, 0, 7.177, 0, 1);
    -ms-transform: matrix3d(0.762, 0, 0, 0, 0, 0.762, 0, 0, 0, 0, 1, 0, 0, 7.177, 0, 1);
    -o-transform: matrix3d(0.762, 0, 0, 0, 0, 0.762, 0, 0, 0, 0, 1, 0, 0, 7.177, 0, 1);
    transform: matrix3d(0.762, 0, 0, 0, 0, 0.762, 0, 0, 0, 0, 1, 0, 0, 7.177, 0, 1); }
  6.09% {
    -webkit-transform: matrix3d(0.785, 0, 0, 0, 0, 0.785, 0, 0, 0, 0, 1, 0, 0, 4.687, 0, 1);
    -moz-transform: matrix3d(0.785, 0, 0, 0, 0, 0.785, 0, 0, 0, 0, 1, 0, 0, 4.687, 0, 1);
    -ms-transform: matrix3d(0.785, 0, 0, 0, 0, 0.785, 0, 0, 0, 0, 1, 0, 0, 4.687, 0, 1);
    -o-transform: matrix3d(0.785, 0, 0, 0, 0, 0.785, 0, 0, 0, 0, 1, 0, 0, 4.687, 0, 1);
    transform: matrix3d(0.785, 0, 0, 0, 0, 0.785, 0, 0, 0, 0, 1, 0, 0, 4.687, 0, 1); }
  9.13% {
    -webkit-transform: matrix3d(0.891, 0, 0, 0, 0, 0.891, 0, 0, 0, 0, 1, 0, 0, -5.62, 0, 1);
    -moz-transform: matrix3d(0.891, 0, 0, 0, 0, 0.891, 0, 0, 0, 0, 1, 0, 0, -5.62, 0, 1);
    -ms-transform: matrix3d(0.891, 0, 0, 0, 0, 0.891, 0, 0, 0, 0, 1, 0, 0, -5.62, 0, 1);
    -o-transform: matrix3d(0.891, 0, 0, 0, 0, 0.891, 0, 0, 0, 0, 1, 0, 0, -5.62, 0, 1);
    transform: matrix3d(0.891, 0, 0, 0, 0, 0.891, 0, 0, 0, 0, 1, 0, 0, -5.62, 0, 1); }
  11.01% {
    -webkit-transform: matrix3d(0.941, 0, 0, 0, 0, 0.941, 0, 0, 0, 0, 1, 0, 0, -8.7, 0, 1);
    -moz-transform: matrix3d(0.941, 0, 0, 0, 0, 0.941, 0, 0, 0, 0, 1, 0, 0, -8.7, 0, 1);
    -ms-transform: matrix3d(0.941, 0, 0, 0, 0, 0.941, 0, 0, 0, 0, 1, 0, 0, -8.7, 0, 1);
    -o-transform: matrix3d(0.941, 0, 0, 0, 0, 0.941, 0, 0, 0, 0, 1, 0, 0, -8.7, 0, 1);
    transform: matrix3d(0.941, 0, 0, 0, 0, 0.941, 0, 0, 0, 0, 1, 0, 0, -8.7, 0, 1); }
  12.17% {
    -webkit-transform: matrix3d(0.965, 0, 0, 0, 0, 0.965, 0, 0, 0, 0, 1, 0, 0, -9.328, 0, 1);
    -moz-transform: matrix3d(0.965, 0, 0, 0, 0, 0.965, 0, 0, 0, 0, 1, 0, 0, -9.328, 0, 1);
    -ms-transform: matrix3d(0.965, 0, 0, 0, 0, 0.965, 0, 0, 0, 0, 1, 0, 0, -9.328, 0, 1);
    -o-transform: matrix3d(0.965, 0, 0, 0, 0, 0.965, 0, 0, 0, 0, 1, 0, 0, -9.328, 0, 1);
    transform: matrix3d(0.965, 0, 0, 0, 0, 0.965, 0, 0, 0, 0, 1, 0, 0, -9.328, 0, 1); }
  15.86% {
    -webkit-transform: matrix3d(1.018, 0, 0, 0, 0, 1.018, 0, 0, 0, 0, 1, 0, 0, -6.869, 0, 1);
    -moz-transform: matrix3d(1.018, 0, 0, 0, 0, 1.018, 0, 0, 0, 0, 1, 0, 0, -6.869, 0, 1);
    -ms-transform: matrix3d(1.018, 0, 0, 0, 0, 1.018, 0, 0, 0, 0, 1, 0, 0, -6.869, 0, 1);
    -o-transform: matrix3d(1.018, 0, 0, 0, 0, 1.018, 0, 0, 0, 0, 1, 0, 0, -6.869, 0, 1);
    transform: matrix3d(1.018, 0, 0, 0, 0, 1.018, 0, 0, 0, 0, 1, 0, 0, -6.869, 0, 1);
    opacity: 1; }
  16.52% {
    -webkit-transform: matrix3d(1.024, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, -6.038, 0, 1);
    -moz-transform: matrix3d(1.024, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, -6.038, 0, 1);
    -ms-transform: matrix3d(1.024, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, -6.038, 0, 1);
    -o-transform: matrix3d(1.024, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, -6.038, 0, 1);
    transform: matrix3d(1.024, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, -6.038, 0, 1); }
  19.46% {
    -webkit-transform: matrix3d(1.039, 0, 0, 0, 0, 1.039, 0, 0, 0, 0, 1, 0, 0, -2.28, 0, 1);
    -moz-transform: matrix3d(1.039, 0, 0, 0, 0, 1.039, 0, 0, 0, 0, 1, 0, 0, -2.28, 0, 1);
    -ms-transform: matrix3d(1.039, 0, 0, 0, 0, 1.039, 0, 0, 0, 0, 1, 0, 0, -2.28, 0, 1);
    -o-transform: matrix3d(1.039, 0, 0, 0, 0, 1.039, 0, 0, 0, 0, 1, 0, 0, -2.28, 0, 1);
    transform: matrix3d(1.039, 0, 0, 0, 0, 1.039, 0, 0, 0, 0, 1, 0, 0, -2.28, 0, 1); }
  21.92% {
    -webkit-transform: matrix3d(1.042, 0, 0, 0, 0, 1.042, 0, 0, 0, 0, 1, 0, 0, 0.077, 0, 1);
    -moz-transform: matrix3d(1.042, 0, 0, 0, 0, 1.042, 0, 0, 0, 0, 1, 0, 0, 0.077, 0, 1);
    -ms-transform: matrix3d(1.042, 0, 0, 0, 0, 1.042, 0, 0, 0, 0, 1, 0, 0, 0.077, 0, 1);
    -o-transform: matrix3d(1.042, 0, 0, 0, 0, 1.042, 0, 0, 0, 0, 1, 0, 0, 0.077, 0, 1);
    transform: matrix3d(1.042, 0, 0, 0, 0, 1.042, 0, 0, 0, 0, 1, 0, 0, 0.077, 0, 1); }
  23.14% {
    -webkit-transform: matrix3d(1.042, 0, 0, 0, 0, 1.042, 0, 0, 0, 0, 1, 0, 0, 0.839, 0, 1);
    -moz-transform: matrix3d(1.042, 0, 0, 0, 0, 1.042, 0, 0, 0, 0, 1, 0, 0, 0.839, 0, 1);
    -ms-transform: matrix3d(1.042, 0, 0, 0, 0, 1.042, 0, 0, 0, 0, 1, 0, 0, 0.839, 0, 1);
    -o-transform: matrix3d(1.042, 0, 0, 0, 0, 1.042, 0, 0, 0, 0, 1, 0, 0, 0.839, 0, 1);
    transform: matrix3d(1.042, 0, 0, 0, 0, 1.042, 0, 0, 0, 0, 1, 0, 0, 0.839, 0, 1); }
  26.75% {
    -webkit-transform: matrix3d(1.035, 0, 0, 0, 0, 1.035, 0, 0, 0, 0, 1, 0, 0, 1.652, 0, 1);
    -moz-transform: matrix3d(1.035, 0, 0, 0, 0, 1.035, 0, 0, 0, 0, 1, 0, 0, 1.652, 0, 1);
    -ms-transform: matrix3d(1.035, 0, 0, 0, 0, 1.035, 0, 0, 0, 0, 1, 0, 0, 1.652, 0, 1);
    -o-transform: matrix3d(1.035, 0, 0, 0, 0, 1.035, 0, 0, 0, 0, 1, 0, 0, 1.652, 0, 1);
    transform: matrix3d(1.035, 0, 0, 0, 0, 1.035, 0, 0, 0, 0, 1, 0, 0, 1.652, 0, 1); }
  36.24% {
    -webkit-transform: matrix3d(1.009, 0, 0, 0, 0, 1.009, 0, 0, 0, 0, 1, 0, 0, 0.016, 0, 1);
    -moz-transform: matrix3d(1.009, 0, 0, 0, 0, 1.009, 0, 0, 0, 0, 1, 0, 0, 0.016, 0, 1);
    -ms-transform: matrix3d(1.009, 0, 0, 0, 0, 1.009, 0, 0, 0, 0, 1, 0, 0, 0.016, 0, 1);
    -o-transform: matrix3d(1.009, 0, 0, 0, 0, 1.009, 0, 0, 0, 0, 1, 0, 0, 0.016, 0, 1);
    transform: matrix3d(1.009, 0, 0, 0, 0, 1.009, 0, 0, 0, 0, 1, 0, 0, 0.016, 0, 1); }
  41.24% {
    -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, -0.264, 0, 1);
    -moz-transform: matrix3d(1.001, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, -0.264, 0, 1);
    -ms-transform: matrix3d(1.001, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, -0.264, 0, 1);
    -o-transform: matrix3d(1.001, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, -0.264, 0, 1);
    transform: matrix3d(1.001, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, -0.264, 0, 1); }
  50.55% {
    -webkit-transform: matrix3d(0.997, 0, 0, 0, 0, 0.997, 0, 0, 0, 0, 1, 0, 0, -0.007, 0, 1);
    -moz-transform: matrix3d(0.997, 0, 0, 0, 0, 0.997, 0, 0, 0, 0, 1, 0, 0, -0.007, 0, 1);
    -ms-transform: matrix3d(0.997, 0, 0, 0, 0, 0.997, 0, 0, 0, 0, 1, 0, 0, -0.007, 0, 1);
    -o-transform: matrix3d(0.997, 0, 0, 0, 0, 0.997, 0, 0, 0, 0, 1, 0, 0, -0.007, 0, 1);
    transform: matrix3d(0.997, 0, 0, 0, 0, 0.997, 0, 0, 0, 0, 1, 0, 0, -0.007, 0, 1); }
  55.82% {
    -webkit-transform: matrix3d(0.998, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0, 0.044, 0, 1);
    -moz-transform: matrix3d(0.998, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0, 0.044, 0, 1);
    -ms-transform: matrix3d(0.998, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0, 0.044, 0, 1);
    -o-transform: matrix3d(0.998, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0, 0.044, 0, 1);
    transform: matrix3d(0.998, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0, 0.044, 0, 1); }
  70.39% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.007, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.007, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.007, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.007, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.007, 0, 1); }
  79.08% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.001, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.001, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.001, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.001, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.001, 0, 1); }
  80% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } }

@-webkit-keyframes slideIn-top {
  0% {
    -webkit-transform: translateY(-100%); }
  100% {
    -webkit-transform: translateY(0%); } }

@-moz-keyframes slideIn-top {
  0% {
    -moz-transform: translateY(-100%); }
  100% {
    -moz-transform: translateY(0%); } }

@keyframes slideIn-top {
  0% {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%); }
  100% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%); } }

@keyframes sonar {
  0% {
    transform: scale(0.9);
    opacity: 1; }
  100% {
    transform: scale(2);
    opacity: 0; } }

@keyframes pulse {
  0% {
    transform: scale(1) translate(50%, -50%); }
  20% {
    transform: scale(1.4) translate(50%, -50%); }
  50% {
    transform: scale(0.9) translate(50%, -50%); }
  80% {
    transform: scale(1.2) translate(50%, -50%); }
  100% {
    transform: scale(1) translate(50%, -50%); } }

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol,
ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q,
blockquote {
  quotes: none; }
  q:before, q:after,
  blockquote:before,
  blockquote:after {
    content: '';
    content: none; }

a img {
  border: none; }

elements-of-type(html5-block) {
  display: block; }

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

body {
  line-height: 1;
  color: black;
  background: white; }

ol,
ul {
  list-style: none; }

table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle; }

caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q,
blockquote {
  quotes: '' ''; }
  q:before, q:after,
  blockquote:before,
  blockquote:after {
    content: ''; }

a img {
  border: none; }

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  visibility: visible;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.4;
  filter: alpha(opacity=0);
  opacity: 0; }
  .tooltip.in {
    filter: alpha(opacity=0.9);
    opacity: 0.9; }
  .tooltip.top {
    margin-top: -3px;
    padding: 5px 0; }
  .tooltip.right {
    margin-left: 3px;
    padding: 0 5px; }
  .tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0; }
  .tooltip.left {
    margin-left: -3px;
    padding: 0 5px; }

.tooltip-inner {
  max-width: 200px;
  padding: 6px 18px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  border-radius: 14px;
  word-wrap: break-word; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000; }

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000; }

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

/*! gridster.js - v0.2.1 - 2013-10-28 * http://gridster.net/ * Copyright (c) 2013 ducksboard; Licensed MIT */
.gridster {
  position: relative;
  margin: auto;
  height: 0; }

.gridster-loaded {
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  transition: height 0.3s; }

.gridster ul {
  margin: 0;
  list-style: none;
  padding: 0; }

.gridster .gridster-item {
  box-sizing: border-box;
  text-align: center;
  list-style: none;
  z-index: 2;
  position: absolute;
  display: none; }

.gridster-loaded .gridster-item {
  display: block;
  -webkit-transition: opacity 0.3s, left 0.3s, top 0.3s, width 0.3s, height 0.3s;
  -moz-transition: opacity 0.3s, left 0.3s, top 0.3s, width 0.3s, height 0.3s;
  transition: opacity 0.3s, left 0.3s, top 0.3s, width 0.3s, height 0.3s; }

.gridster-mobile .gridster-item {
  position: static;
  float: none; }

.gridster .gridster-preview-holder {
  display: none;
  z-index: 1;
  position: absolute;
  background-color: #ddd;
  border-color: #fff;
  opacity: 0.2; }

.gridster .gridster-item-moving,
.gridster .gridster-preview-holder {
  -webkit-transition: opacity 0s, left 0s, top 0s, width 0s, height 0s;
  -moz-transition: opacity 0s, left 0s, top 0s, width 0s, height 0s;
  transition: opacity 0s, left 0s, top 0s, width 0s, height 0s; }

.gridster .gridster-item-moving {
  z-index: 3; }

.gridster {
  background: none; }

.gridster-item {
  background-color: none; }

.gridster .gridster-preview-holder {
  opacity: 0.2; }

.gridster .gridster-item-moving .mc-hide-while-moving {
  display: block; }

.gridster .gridster-item {
  text-align: inherit; }

.gridster > ul > li {
  box-shadow: 0px 1px 4px 0px rgba(50, 50, 50, 0.75); }

@-webkit-keyframes ngdialog-flyin {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes ngdialog-flyin {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes ngdialog-flyout {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px); } }

@keyframes ngdialog-flyout {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px); } }

.ngdialog.ngdialog-theme-default {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center; }

.ngdialog.ngdialog-theme-default.ngdialog-closing .ngdialog-content {
  -webkit-animation: ngdialog-flyout 0.5s;
  animation: ngdialog-flyout 0.5s; }

.ngdialog.ngdialog-theme-default .ngdialog-content {
  -webkit-animation: ngdialog-flyin 0.5s;
  animation: ngdialog-flyin 0.5s;
  background: #fcfcfc;
  border-radius: 2px;
  color: #858585;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.1em;
  line-height: 1.5em;
  max-width: 100%;
  padding: 25px;
  position: relative;
  width: 400px;
  overflow-y: auto; }

.ngdialog.ngdialog-theme-default.ngdialog-theme__medium .ngdialog-content {
  width: 660px; }

.ngdialog.ngdialog-theme-default.ngdialog-confirm .ngdialog-content {
  padding-bottom: 35px; }

.ngdialog.ngdialog-theme-default .ngdialog-close {
  border-radius: 5px;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1; }

.ngdialog.ngdialog-theme-default .ngdialog-close:before {
  background: transparent;
  border-radius: 3px;
  color: #bbb;
  content: '\00D7';
  font-size: 26px;
  font-weight: 400;
  height: 30px;
  line-height: 26px;
  position: absolute;
  right: 16px;
  text-align: center;
  top: 22px;
  width: 30px; }

.ngdialog.ngdialog-theme-default .ngdialog-close:hover:before,
.ngdialog.ngdialog-theme-default .ngdialog-close:active:before {
  color: #777; }

.ngdialog.ngdialog-theme-default .ngdialog-message {
  margin-bottom: 0.5em; }

.ngdialog.ngdialog-theme-default .ngdialog-input {
  margin-bottom: 1em; }

.ngdialog.ngdialog-theme-default .ngdialog-input textarea,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type='text'],
.ngdialog.ngdialog-theme-default .ngdialog-input input[type='password'],
.ngdialog.ngdialog-theme-default .ngdialog-input input[type='email'],
.ngdialog.ngdialog-theme-default .ngdialog-input input[type='url'] {
  background: #fff;
  border: 0;
  border-radius: 3px;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  margin: 0 0 0.25em;
  min-height: 2.5em;
  padding: 0.25em 0.67em;
  width: 100%; }

.ngdialog.ngdialog-theme-default .ngdialog-input textarea:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type='text']:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type='password']:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type='email']:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type='url']:focus {
  -webkit-box-shadow: inset 0 0 0 2px #8dbdf1;
  box-shadow: inset 0 0 0 2px #8dbdf1;
  outline: none; }

.ngdialog.ngdialog-theme-default .ngdialog-buttons {
  *zoom: 1; }

.ngdialog.ngdialog-theme-default .ngdialog-buttons:after {
  content: '';
  display: table;
  clear: both; }

.ngdialog.ngdialog-theme-default .ngdialog-button {
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  float: right;
  font-family: inherit;
  font-size: 0.8em;
  letter-spacing: 0.1em;
  line-height: 1em;
  margin: 0 0 0 0.5em;
  padding: 0.75em 2em;
  text-transform: uppercase; }

.ngdialog.ngdialog-theme-default .ngdialog-button:focus {
  -webkit-animation: ngdialog-pulse 1.1s infinite;
  animation: ngdialog-pulse 1.1s infinite;
  outline: none; }

@media (max-width: 568px) {
  .ngdialog.ngdialog-theme-default .ngdialog-button:focus {
    -webkit-animation: none;
    animation: none; } }

.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-primary {
  background: #3288e6;
  color: #fff; }

.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-secondary {
  background: #e0e0e0;
  color: #777; }

.ngdialog.ngdialog-theme-plain {
  padding-bottom: 160px;
  padding-top: 160px; }

.ngdialog.ngdialog-theme-plain .ngdialog-content {
  background: #fff;
  color: #444;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.1em;
  line-height: 1.5em;
  margin: 0 auto;
  max-width: 100%;
  padding: 1em;
  position: relative;
  width: 450px; }

.ngdialog.ngdialog-theme-plain .ngdialog-content h1,
.ngdialog.ngdialog-theme-plain .ngdialog-content h2,
.ngdialog.ngdialog-theme-plain .ngdialog-content h3,
.ngdialog.ngdialog-theme-plain .ngdialog-content h4,
.ngdialog.ngdialog-theme-plain .ngdialog-content h5,
.ngdialog.ngdialog-theme-plain .ngdialog-content h6,
.ngdialog.ngdialog-theme-plain .ngdialog-content p,
.ngdialog.ngdialog-theme-plain .ngdialog-content ul,
.ngdialog.ngdialog-theme-plain .ngdialog-content li {
  color: inherit; }

.ngdialog.ngdialog-theme-plain .ngdialog-close {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0; }

.ngdialog.ngdialog-theme-plain .ngdialog-close:before {
  background: transparent;
  color: #bbb;
  content: '\00D7';
  font-size: 26px;
  font-weight: 400;
  height: 30px;
  line-height: 26px;
  position: absolute;
  right: 3px;
  text-align: center;
  top: 3px;
  width: 30px; }

.ngdialog.ngdialog-theme-plain .ngdialog-close:hover:before,
.ngdialog.ngdialog-theme-plain .ngdialog-close:active:before {
  color: #777; }

.ngdialog.ngdialog-theme-plain .ngdialog-message {
  margin-bottom: 0.5em; }

.ngdialog.ngdialog-theme-plain .ngdialog-input {
  margin-bottom: 1em; }

.ngdialog.ngdialog-theme-plain .ngdialog-input textarea,
.ngdialog.ngdialog-theme-plain .ngdialog-input input[type='text'],
.ngdialog.ngdialog-theme-plain .ngdialog-input input[type='password'],
.ngdialog.ngdialog-theme-plain .ngdialog-input input[type='email'],
.ngdialog.ngdialog-theme-plain .ngdialog-input input[type='url'] {
  background: #f0f0f0;
  border: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  margin: 0 0 0.25em;
  min-height: 2.5em;
  padding: 0.25em 0.67em;
  width: 100%; }

.ngdialog.ngdialog-theme-plain .ngdialog-input textarea:focus,
.ngdialog.ngdialog-theme-plain .ngdialog-input input[type='text']:focus,
.ngdialog.ngdialog-theme-plain .ngdialog-input input[type='password']:focus,
.ngdialog.ngdialog-theme-plain .ngdialog-input input[type='email']:focus,
.ngdialog.ngdialog-theme-plain .ngdialog-input input[type='url']:focus {
  -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2);
  outline: none; }

.ngdialog.ngdialog-theme-plain .ngdialog-buttons:after {
  clear: both;
  content: '';
  display: table; }

.ngdialog.ngdialog-theme-plain .ngdialog-button {
  border: 0;
  cursor: pointer;
  float: right;
  font-family: inherit;
  font-size: 0.8em;
  letter-spacing: 0.1em;
  line-height: 1em;
  margin: 0 0 0 0.5em;
  padding: 0.75em 2em;
  text-transform: uppercase; }

.ngdialog.ngdialog-theme-plain .ngdialog-button:focus {
  -webkit-animation: ngdialog-pulse 1.1s infinite;
  animation: ngdialog-pulse 1.1s infinite;
  outline: none; }

@media (max-width: 568px) {
  .ngdialog.ngdialog-theme-plain .ngdialog-button:focus {
    -webkit-animation: none;
    animation: none; } }

.ngdialog.ngdialog-theme-plain .ngdialog-button.ngdialog-button-primary {
  background: #3288e6;
  color: #fff; }

.ngdialog.ngdialog-theme-plain .ngdialog-button.ngdialog-button-secondary {
  background: #e0e0e0;
  color: #777; }

@-webkit-keyframes ngdialog-fadeout {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes ngdialog-fadeout {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes ngdialog-fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes ngdialog-fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.ngdialog,
.ngdialog *,
.ngdialog *:before,
.ngdialog *:after {
  box-sizing: border-box; }

.ngdialog {
  position: fixed;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 9998;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.ngdialog-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.4);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadein 0.5s;
  animation: ngdialog-fadein 0.5s; }

.ngdialog.ngdialog-closing .ngdialog-overlay {
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadeout 0.5s;
  animation: ngdialog-fadeout 0.5s; }

.ngdialog-content {
  background: white;
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadein 0.5s;
  animation: ngdialog-fadein 0.5s; }

.ngdialog.ngdialog-closing .ngdialog-content {
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadeout 0.5s;
  animation: ngdialog-fadeout 0.5s; }

.ngdialog-close:before {
  font-family: 'Open Sans', Arial, sans-serif;
  content: '\00D7';
  cursor: pointer; }

body.ngdialog-open {
  overflow: hidden; }

.ngdialog-hint {
  padding: 10px;
  color: #664d03;
  background-color: #fff3cd;
  border: 1px solid #ffecb5;
  font-weight: 400; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
  height: 100%; }

.slick-list {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  height: 100%;
  /*.slick-loading & {
        background: #fff slick-image-url("ajax-loader.gif") center center no-repeat;
    }*/ }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  height: 100%; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick/slick.eot");
  src: url("./fonts/slick/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick/slick.woff") format("woff"), url("./fonts/slick/slick.ttf") format("truetype"), url("./fonts/slick/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }

.slick-prev:before, .slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0;
      font-size: 0;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

/*doc
---
title: Button
name: Layout-Editor Button
category: Layout Editor
---

Style of a Header Button


```html_example
<button class="layout-editor-button layout-editor-area-header-button">
  +
</button>
```
*/
.layout-editor-button-list {
  list-style: none;
  padding: 0;
  margin: 0; }

.layout-editor-button-list-item {
  padding: 4px;
  float: left; }

.layout-editor-button {
  width: 150px;
  height: 30px;
  cursor: pointer;
  outline: none; }

.layout-editor-pull-left {
  float: left; }

.layout-editor-pull-right {
  float: right; }

/*doc
---
title: Header
name: Layout-Editor Header
category: Layout Editor
---

Style of the Header

```html_example
<div class="layout-editor-area-header"></div>
```

Style of Header in Layout Editor with Buttons

```html_example
<div class="layout-editor-area-header">
  <ul class="layout-editor-button-list layout-editor-pull-left">
    <li class="layout-editor-button-list-item">
      <button class="layout-editor-button layout-editor-area-header-button">
        +
      </button>
    </li>
  </ul>
  <ul class="layout-editor-button-list layout-editor-pull-right">
    <li class="layout-editor-button-list-item">
      <button class="layout-editor-button layout-editor-area-header-button">
        -
      </button>
    </li>
  </ul>
</div>
```
*/
.layout-editor-area-header {
  min-height: 45px;
  background-color: #E2E2E2; }

.layout-editor-area-header-button {
  width: 35px;
  height: 35px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  box-shadow: 1px 3px 5px -3px rgba(0, 0, 0, 0.75);
  background-color: #fff;
  color: #aaa; }

.layout-editor-area-header-button:hover {
  background-color: #ccc;
  color: #fff; }

/*doc
---
title: Dropdown
name: Layout-Editor Dropdown
category: Layout Editor
---


Dropdown of a Button

```html_example
<div class="layout-editor-dropdown">
  <ul class="layout-editor-dropdown-list">
    <li ng-if="config.presetSave" class="layout-editor-dropdown-list-item ng-scope">
      <button class="layout-editor-button">Save Button</button>
    </li>
  </ul>
</div>
```
*/
.layout-editor-dropdown {
  background-color: #fff;
  position: absolute;
  margin-top: 5px;
  padding: 5px;
  box-shadow: 0 1px 2px 0 rgba(43, 59, 93, 0.29), 0 0 13px rgba(43, 59, 93, 0.29); }

.layout-editor-dropdown-caret {
  width: 0;
  height: 0;
  position: absolute;
  top: -8px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff; }

.layout-editor-dropdown-list {
  padding: 0;
  margin: 0;
  width: auto; }

.layout-editor-dropdown-list-item {
  position: relative;
  float: left;
  list-style: none;
  padding: 3px 0;
  margin: 0;
  width: 100%; }

/*doc
---
title: Layout areas
name: Layout-Editor-Areas
category: Layout Editor
---

Flexbox areas in Column

```html_example

  <div class=" layout-editor-box layout-editor-box-column">
    <div class="layout-editor-area"></div>
    <div class="layout-editor-area"></div>
  </div>

```

Flexbox areas in Row

```html_example
<div class="layout-editor-box layout-editor-box-row">
  <div class="layout-editor-area"></div>
  <div class="layout-editor-area"></div>
  <div class="layout-editor-area"></div>
</div>
```

Flexbox areas in Row and Column

```html_example
<div class=" layout-editor-box layout-editor-box-column">
  <div class="layout-editor-area"></div>
  <div class="layout-editor-box layout-editor-box-row">
    <div class="layout-editor-area"></div>
    <div class="layout-editor-area"></div>
    <div class="layout-editor-area"></div>
  </div>
  <div class="layout-editor-area"></div>
</div>
```

Content of Layout-Area

```html_example
<div class="layout-editor-area-content"></div>
```
*/
.layout-editor-box {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.layout-editor-box > * {
  -webkit-flex: 1 1 0%;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%; }

.layout-editor-box-row {
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row; }

@media only screen and (max-width: 480px) {
  .layout-editor-box-row {
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
    display: block; } }

.layout-editor-box-column {
  -webkit-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column; }

@media only screen and (max-width: 480px) {
  .layout-editor-box-column {
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
    display: block; } }

.layout-editor-area {
  position: relative;
  border: 2px solid #E2E2E2;
  margin: 10px;
  background-color: #F0F0F0;
  min-height: 150px; }

@media only screen and (max-width: 480px) {
  .layout-editor-area {
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
    display: block; } }

.layout-editor-area-content {
  min-height: 100px;
  padding: 10px;
  background-color: #F0F0F0; }

.layout-editor-area-block {
  opacity: 0.5;
  filter: alpha(opacity=50); }

/*doc
---
title: Preset
name: Layout-Editor Preset
category: Layout Editor
---


Preset

```html_example
<div class="layout-editor-preset-item">

    <span class="layout-editor-preset-name">Sample name</span>

    <div class="layout-editor-preset-remove">
        <i class="mc-icon mc-icon-close mc-icon-half">x</i>
    </div>
</div>
```
*/
.layout-editor-preset-list {
  padding-left: 0px;
  background-color: #f0f0f0; }

.layout-editor-preset-item {
  position: relative;
  float: left;
  margin: 5px;
  min-height: 34px;
  padding: 0 10px;
  background-color: #E2E2E2;
  line-height: 16px;
  padding-right: 20px; }

.layout-editor-preset-item .layout-editor-preset-name {
  cursor: pointer;
  padding: 10px 20px 10px 0;
  display: block; }

.layout-editor-preset-item .layout-editor-preset-remove {
  position: absolute;
  top: 10px;
  right: 10px;
  line-height: 16px;
  cursor: pointer; }

/*doc
---
title: Grid
name: grid
category: Base CSS
---

Grid styles can be applied to any element. Typically you'll want to
use a `<div>` element. CSS3 Flexbox is used for the grid.

```html_example
<div class="mce-grid"></div>
```

*/
.mce-grid {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start; }

@media only screen and (max-width: 769px) {
  .mce-grid .mce-size-3of4, .mce-grid .mce-size-2of3, .mce-grid .mce-size-1of2, .mce-grid .mce-size-1of4, .mce-grid .mce-size-1of3, .mce-grid .mce-size-1of6 {
    width: 100%; }
  .mce-grid .mce-grid-cell-editor-header {
    display: block; } }

/*doc
---
title: Grid Cell
name: gridCell
category: Base CSS
---

Grid cell must be added as a direct child of a grid. You can set a relative width for each cell by providing an
appropriate css-class. The following sizes are available: 1/1, 3/4, 2/3, 1/2, 1/4, 1/3, 1/6

```html_example
<div class="mce-grid">
    <div class="mce-grid-cell mce-size-1of1">1/1 Grid Cell</div>
    <div class="mce-grid-cell mce-size-1of2">1/2 Grid Cell</div>
    <div class="mce-grid-cell mce-size-3of4">3/4 Grid Cell</div>
    <div class="mce-grid-cell mce-size-1of4">1/4 Grid Cell</div>
    <div class="mce-grid-cell mce-size-2of3">2/3 Grid Cell</div>
    <div class="mce-grid-cell mce-size-1of3">1/3 Grid Cell</div>
    <div class="mce-grid-cell mce-size-1of6">1/6 Grid Cell</div>
</div>
```

*/
.mce-grid-cell {
  display: block;
  box-sizing: border-box;
  /* Options */
  padding: 5px; }

.mce-size-1of1 {
  width: 100%; }

.mce-size-3of4 {
  width: 75%; }

.mce-size-2of3 {
  width: calc(66.6666% - 1px); }

.mce-size-1of2 {
  width: 50%; }

.mce-size-1of4 {
  width: 25%; }

.mce-size-1of3 {
  width: 33.3333%; }

.mce-size-1of6 {
  width: 16.6666%; }

.mce-grid-cell-editor {
  display: block;
  background-color: #E1E1E1;
  color: #888888;
  border: 2px solid white;
  border-radius: 2px; }

.mce-grid-cell-editor-header {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  font-size: 0.8em;
  min-height: 2.5em;
  padding: 0 0.4em;
  background-color: white;
  color: #888888; }

.wysiwyg-editor {
  border: 1px solid #D9D9D9;
  display: block;
  position: relative;
  float: left;
  width: 100%; }

.wysiwyg-editor-toolbar {
  display: block;
  background: #f0f0f0;
  border-bottom: 1px solid #D9D9D9;
  position: relative;
  float: left;
  width: 100%;
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */ }
  .wysiwyg-editor-toolbar .mc-icon {
    font-style: normal; }
  .wysiwyg-editor-toolbar .wysiwyg-editor-toolbar-item {
    border-right: 1px solid #e6e6e6;
    box-shadow: 0px 1px 0px 0px #d9d9d9;
    position: relative;
    float: left;
    padding: 16px 20px;
    min-height: 18px;
    line-height: 18px;
    text-align: center;
    min-width: 30px;
    cursor: pointer;
    color: #969696; }
    .wysiwyg-editor-toolbar .wysiwyg-editor-toolbar-item.btn-info, .wysiwyg-editor-toolbar .wysiwyg-editor-toolbar-item.btn-info2 {
      background-color: #FFFFFF;
      color: #000000; }
  .wysiwyg-editor-toolbar .wysiwyg-editor-toolbar-group {
    position: relative;
    float: left; }
  .wysiwyg-editor-toolbar .dropdown-menu {
    position: absolute;
    bottom: 0;
    font-size: 12px; }
    .wysiwyg-editor-toolbar .dropdown-menu > ul {
      position: absolute;
      top: 0;
      left: 0;
      background-color: #FFFFFF;
      list-style: none;
      padding: 10px 0;
      margin: 0;
      z-index: 10;
      -webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.75);
      -moz-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.75);
      box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.75); }
      .wysiwyg-editor-toolbar .dropdown-menu > ul > li > a {
        white-space: nowrap;
        display: block;
        padding: 5px 10px; }
        .wysiwyg-editor-toolbar .dropdown-menu > ul > li > a:hover {
          background-color: #f0f0f0; }

.wysiwyg-editor-container {
  position: relative;
  float: left;
  width: 100%;
  overflow: scroll;
  height: 300px;
  cursor: text;
  background-color: #ffffff; }
  .wysiwyg-editor-container .wysiwyg-editor-area {
    position: absolute;
    padding: 15px;
    padding-top: 20px;
    outline: none;
    display: block;
    top: 0;
    bottom: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .wysiwyg-editor-container .wysiwyg-editor-area div {
      padding: 3px 0; }
  .wysiwyg-editor-container .wysiwyg-editor-area-html {
    position: absolute;
    padding: 15px;
    padding-top: 20px;
    outline: none;
    display: block;
    border: 0;
    resize: none;
    top: 0;
    bottom: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.fr-wrapper iframe {
  height: 10000px !important; }

/*!
 * ui-select
 * http://github.com/angular-ui/ui-select
 * Version: 0.13.1 - 2015-09-30T05:39:26.659Z
 * License: MIT
 */
/* Style when highlighting a search. */
.ui-select-highlight {
  font-weight: bold; }

.ui-select-offscreen {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important; }

.ui-select-choices-row:hover {
  background-color: #f5f5f5; }

/* Select2 theme */
/* Mark invalid Select2 */
.ng-dirty.ng-invalid > a.select2-choice {
  border-color: #D44950; }

.select2-result-single {
  padding-left: 0; }

.select2-locked > .select2-search-choice-close {
  display: none; }

.select-locked > .ui-select-match-close {
  display: none; }

body > .select2-container.open {
  z-index: 9999;
  /* The z-index Select2 applies to the select2-drop */ }

/* Handle up direction Select2 */
.ui-select-container[theme="select2"].direction-up .ui-select-match {
  border-radius: 4px;
  /* FIXME hardcoded value :-/ */
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.ui-select-container[theme="select2"].direction-up .ui-select-dropdown {
  border-radius: 4px;
  /* FIXME hardcoded value :-/ */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-width: 1px;
  /* FIXME hardcoded value :-/ */
  border-top-style: solid;
  box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
  margin-top: -4px;
  /* FIXME hardcoded value :-/ */ }

.ui-select-container[theme="select2"].direction-up .ui-select-dropdown .select2-search {
  margin-top: 4px;
  /* FIXME hardcoded value :-/ */ }

.ui-select-container[theme="select2"].direction-up.select2-dropdown-open .ui-select-match {
  border-bottom-color: #5897fb; }

/* Selectize theme */
/* Helper class to show styles when focus */
.selectize-input.selectize-focus {
  border-color: #007FBB !important; }

/* Fix input width for Selectize theme */
.selectize-control > .selectize-input > input {
  width: 100%; }

/* Fix dropdown width for Selectize theme */
.selectize-control > .selectize-dropdown {
  width: 100%; }

/* Mark invalid Selectize */
.ng-dirty.ng-invalid > div.selectize-input {
  border-color: #D44950; }

/* Handle up direction Selectize */
.ui-select-container[theme="selectize"].direction-up .ui-select-dropdown {
  box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
  margin-top: -2px;
  /* FIXME hardcoded value :-/ */ }

/* Bootstrap theme */
/* Helper class to show styles when focus */
.btn-default-focus {
  color: #333;
  background-color: #EBEBEB;
  border-color: #ADADAD;
  text-decoration: none;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

.ui-select-bootstrap .ui-select-toggle {
  position: relative; }

.ui-select-bootstrap .ui-select-toggle > .caret {
  position: absolute;
  height: 10px;
  top: 50%;
  right: 10px;
  margin-top: -2px; }

/* Fix Bootstrap dropdown position when inside a input-group */
.input-group > .ui-select-bootstrap.dropdown {
  /* Instead of relative */
  position: static; }

.input-group > .ui-select-bootstrap > input.ui-select-search.form-control {
  border-radius: 4px;
  /* FIXME hardcoded value :-/ */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.input-group > .ui-select-bootstrap > input.ui-select-search.form-control.direction-up {
  border-radius: 4px !important;
  /* FIXME hardcoded value :-/ */
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.ui-select-bootstrap > .ui-select-match > .btn {
  /* Instead of center because of .btn */
  text-align: left !important; }

.ui-select-bootstrap > .ui-select-match > .caret {
  position: absolute;
  top: 45%;
  right: 15px; }

/* See Scrollable Menu with Bootstrap 3 http://stackoverflow.com/questions/19227496 */
.ui-select-bootstrap > .ui-select-choices {
  width: 100%;
  height: auto;
  max-height: 200px;
  overflow-x: hidden;
  margin-top: -1px; }

body > .ui-select-bootstrap.open {
  z-index: 1000;
  /* Standard Bootstrap dropdown z-index */ }

.ui-select-multiple.ui-select-bootstrap {
  height: auto;
  padding: 3px 3px 0 3px; }

.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
  background-color: transparent !important;
  /* To prevent double background when disabled */
  border: none;
  outline: none;
  height: 1.666666em;
  margin-bottom: 3px; }

.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
  font-size: 1.6em;
  line-height: 0.75; }

.ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
  outline: 0;
  margin: 0 3px 3px 0; }

.ui-select-multiple .ui-select-match-item {
  position: relative; }

.ui-select-multiple .ui-select-match-item.dropping-before:before {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  height: 100%;
  margin-right: 2px;
  border-left: 1px solid #428bca; }

.ui-select-multiple .ui-select-match-item.dropping-after:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  height: 100%;
  margin-left: 2px;
  border-right: 1px solid #428bca; }

.ui-select-bootstrap .ui-select-choices-row > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap; }

.ui-select-bootstrap .ui-select-choices-row > a:hover, .ui-select-bootstrap .ui-select-choices-row > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5; }

.ui-select-bootstrap .ui-select-choices-row.active > a {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #428bca; }

.ui-select-bootstrap .ui-select-choices-row.disabled > a,
.ui-select-bootstrap .ui-select-choices-row.active.disabled > a {
  color: #777;
  cursor: not-allowed;
  background-color: #fff; }

/* fix hide/show angular animation */
.ui-select-match.ng-hide-add,
.ui-select-search.ng-hide-add {
  display: none !important; }

/* Mark invalid Bootstrap */
.ui-select-bootstrap.ng-dirty.ng-invalid > button.btn.ui-select-match {
  border-color: #D44950; }

/* Handle up direction Bootstrap */
.ui-select-container[theme="bootstrap"].direction-up .ui-select-dropdown {
  box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25); }

/*
Version: 3.4.5 Timestamp: Mon Nov  4 08:22:42 PST 2013
*/
.select2-container {
  margin: 0;
  position: relative;
  display: inline-block;
  /* inline-block for ie7 */
  zoom: 1;
  *display: inline;
  vertical-align: middle; }

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
      Force border-box so that % widths fit the parent
      container without overlap because of margin/padding.

      More Info : http://www.quirksmode.org/css/box.html
    */
  -webkit-box-sizing: border-box;
  /* webkit */
  -moz-box-sizing: border-box;
  /* firefox */
  box-sizing: border-box;
  /* css3 */ }

.select2-container .select2-choice {
  display: block;
  height: 26px;
  padding: 0 0 0 8px;
  overflow: hidden;
  position: relative;
  border: 1px solid #aaa;
  white-space: nowrap;
  line-height: 26px;
  color: #444;
  text-decoration: none;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
  background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
  background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
  background-image: linear-gradient(top, #fff 0%, #eee 50%); }

.select2-container.select2-drop-above .select2-choice {
  border-bottom-color: #aaa;
  border-radius: 0 0 4px 4px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
  background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
  background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  background-image: linear-gradient(top, #eee 0%, #fff 90%); }

.select2-container.select2-allowclear .select2-choice .select2-chosen {
  margin-right: 42px; }

.select2-container .select2-choice > .select2-chosen {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.select2-container .select2-choice abbr {
  display: none;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 24px;
  top: 8px;
  font-size: 1px;
  text-decoration: none;
  border: 0;
  /*background: url('select2.png') right top no-repeat;*/
  cursor: pointer;
  outline: 0; }

.select2-container.select2-allowclear .select2-choice abbr {
  display: inline-block;
  font-size: 0.75em;
  padding: 0;
  height: 100%;
  top: 7px;
  display: flex; }
  .select2-container.select2-allowclear .select2-choice abbr:before {
    display: block;
    content: '\e940';
    font-family: 'mondocloud-iconfont'; }

.select2-container .select2-choice abbr:hover {
  background-position: right -11px;
  cursor: pointer; }

.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 9998;
  /* styles required for IE to work */
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-drop {
  width: 100%;
  margin-top: -1px;
  position: absolute;
  z-index: 9999;
  top: 100%;
  background: #fff;
  color: #000;
  border: 1px solid #aaa;
  border-top: 0;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); }

.select2-drop-auto-width {
  border-top: 1px solid #aaa;
  width: auto; }

.select2-drop-auto-width .select2-search {
  padding-top: 4px; }

.select2-drop.select2-drop-above {
  margin-top: 1px;
  border-top: 1px solid #aaa;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15); }

.select2-drop-active {
  border: 1px solid #5897fb;
  border-top: none; }

.select2-drop.select2-drop-above.select2-drop-active {
  border-top: 1px solid #5897fb; }

.select2-container .select2-choice .select2-arrow {
  display: inline-block;
  width: 18px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #aaa;
  border-radius: 0 4px 4px 0;
  background-clip: padding-box;
  background: #ccc;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
  background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
  background-image: linear-gradient(top, #ccc 0%, #eee 60%); }

.select2-container .select2-choice .select2-arrow b {
  display: block;
  width: 100%;
  height: 100%;
  /*background: url('select2.png') no-repeat 0 1px;*/ }

.select2-search {
  display: inline-block;
  width: 100%;
  min-height: 26px;
  margin: 0;
  padding-left: 4px;
  padding-right: 4px;
  position: relative;
  z-index: 10000;
  white-space: nowrap; }

.select2-search input {
  width: 100%;
  height: auto !important;
  min-height: 26px;
  padding: 4px 20px 4px 5px;
  margin: 0;
  outline: 0;
  font-family: sans-serif;
  font-size: 1em;
  border: 1px solid #aaa;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  /*background: #fff url('select2.png') no-repeat 100% -22px;
    background: url('select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2.png') no-repeat 100% -22px, linear-gradient(top, #fff 85%, #eee 99%);*/ }

.select2-drop.select2-drop-above .select2-search input {
  margin-top: 4px; }

.select2-search input.select2-active {
  /*background: #fff url('select2-spinner.gif') no-repeat 100%;
    background: url('select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2-spinner.gif') no-repeat 100%, linear-gradient(top, #fff 85%, #eee 99%);*/ }

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  border: 1px solid #5897fb;
  outline: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

.select2-dropdown-open .select2-choice {
  border-bottom-color: transparent;
  -webkit-box-shadow: 0 1px 0 #fff inset;
  box-shadow: 0 1px 0 #fff inset;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #eee;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
  background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
  background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: linear-gradient(top, #fff 0%, #eee 50%); }

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border: 1px solid #5897fb;
  border-top-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
  background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
  background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: linear-gradient(bottom, #fff 0%, #eee 50%); }

.select2-dropdown-open .select2-choice .select2-arrow {
  background: transparent;
  border-left: none;
  filter: none; }

.select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -18px 1px; }

/* results */
.select2-results {
  max-height: 200px;
  padding: 0 0 0 4px;
  margin: 4px 4px 4px 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0; }

.select2-results ul.select2-result-sub > li .select2-result-label {
  padding-left: 20px; }

.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 40px; }

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 60px; }

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 80px; }

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 100px; }

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 110px; }

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 120px; }

.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none; }

.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: bold; }

.select2-results .select2-result-label {
  padding: 3px 7px 4px;
  margin: 0;
  cursor: pointer;
  min-height: 1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.select2-results .select2-highlighted {
  background: #3875d7;
  color: #fff; }

.select2-results li em {
  background: #feffde;
  font-style: normal; }

.select2-results .select2-highlighted em {
  background: transparent; }

.select2-results .select2-highlighted ul {
  background: #fff;
  color: #000; }

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  background: #f4f4f4;
  display: list-item; }

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
  color: #666;
  background: #f4f4f4;
  display: list-item;
  cursor: default; }

.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default; }

.select2-results .select2-selected {
  display: none; }

.select2-more-results.select2-active {
  background: #f4f4f4 url("select2-spinner.gif") no-repeat 100%; }

.select2-more-results {
  background: #f4f4f4;
  display: list-item; }

/* disabled styles */
.select2-container.select2-container-disabled .select2-choice {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default; }

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
  background-color: #f4f4f4;
  background-image: none;
  border-left: 0; }

.select2-container.select2-container-disabled .select2-choice abbr {
  display: none; }

/* multiselect */
.select2-container-multi .select2-choices {
  height: auto !important;
  height: 1%;
  margin: 0;
  padding: 0;
  position: relative;
  border: 1px solid #aaa;
  cursor: text;
  overflow: hidden;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
  background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
  background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
  background-image: linear-gradient(top, #eee 1%, #fff 15%); }

.select2-locked {
  padding: 3px 5px 3px 5px; }

.select2-container-multi .select2-choices {
  min-height: 26px; }

.select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #5897fb;
  outline: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

.select2-container-multi .select2-choices li {
  float: left;
  list-style: none; }

.select2-container-multi .select2-choices .select2-search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap; }

.select2-container-multi .select2-choices .select2-search-field input {
  padding: 5px;
  margin: 1px 0;
  font-family: sans-serif;
  font-size: 100%;
  color: #666;
  outline: 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent !important; }

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
  background: #fff url("select2-spinner.gif") no-repeat 100% !important; }

.select2-default {
  color: #999 !important; }

.select2-container-multi .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 18px;
  margin: 3px 0 3px 5px;
  position: relative;
  line-height: 13px;
  color: #333;
  cursor: default;
  border: 1px solid #aaaaaa;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); }

.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
  cursor: default; }

.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #d4d4d4; }

.select2-search-choice-close {
  display: block;
  width: 12px;
  height: 13px;
  position: absolute;
  right: 3px;
  top: 4px;
  font-size: 1px;
  outline: none;
  /*background: url('select2.png') right top no-repeat;*/ }

.select2-container-multi .select2-search-choice-close {
  left: 3px; }

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px; }

.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
  background-position: right -11px; }

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default; }

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 5px;
  border: 1px solid #ddd;
  background-image: none;
  background-color: #f4f4f4; }

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
  display: none;
  background: none; }

/* end multiselect */
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
  text-decoration: underline; }

.select2-offscreen,
.select2-offscreen:focus {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important; }

.select2-display-none {
  display: none; }

.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll; }

/* Retina-ize icons */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .select2-search input,
  .select2-search-choice-close,
  .select2-container .select2-choice abbr,
  .select2-container .select2-choice .select2-arrow b {
    /*background-image: url('select2x2.png') !important;*/
    background-repeat: no-repeat !important;
    background-size: 60px 40px !important; }
  .select2-search input {
    background-position: 100% -21px !important; } }

.select-tree-options .ui-select-choices-group .select2-result-single .ui-select-choices-row .select2-result-label {
  padding-left: 0; }

.select2-results {
  padding: 0 0 0 8px;
  margin: 8px 8px 8px 0;
  color: #858585; }
  .select2-results .select2-disabled {
    background: transparent;
    color: #d6d6d6; }
    .select2-results .select2-disabled .select2-result-label {
      cursor: default; }
  .select2-results li {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 5px; }
    .select2-results li:last-child {
      margin-bottom: 0; }
    .select2-results li.select2-result-with-children > .select2-result-label {
      font-weight: 600;
      background-color: #efefef;
      color: #858585;
      margin-right: 5px;
      margin-bottom: 6px;
      padding: 18px 20px; }
    .select2-results li .mc-icon-check {
      display: none;
      color: #6070f6;
      position: absolute;
      right: 10px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
    .select2-results li.select2-highlighted .mc-icon-check {
      display: block; }
    .select2-results li.select2-highlighted .select2-result-label {
      padding: 10px 30px 10px 10px; }
  .select2-results .select2-result-label {
    position: relative;
    padding: 10px;
    word-wrap: break-word;
    line-height: 1.5; }
  .select2-results .select2-highlighted {
    background-color: #f4f5ff;
    color: inherit; }

.ui-select-with-tree .select2-drop {
  width: max-content; }

.select2-drop {
  z-index: auto;
  margin-top: 5px;
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.1); }

.select2-drop-active {
  border: 1px solid #d3d3d3; }

.select2-container {
  width: 100%;
  font-size: 12px;
  /*&.ui-select-multiple {
        width: 100%;
    }*/ }
  .select2-container .select2-arrow-multi {
    background: none;
    border: none;
    display: inline-block;
    width: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0; }
    .select2-container .select2-arrow-multi .mc-icon-check {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
    .select2-container .select2-arrow-multi .mc-icon {
      line-height: 43px; }
  .select2-container .select2-choice {
    min-height: 40px;
    border: 1px solid #d1d1d1;
    background-image: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #525252; }
    .select2-container .select2-choice > .select2-chosen {
      line-height: 38px; }
    .select2-container .select2-choice .select2-arrow {
      background: none;
      border: none; }
      .select2-container .select2-choice .select2-arrow .mc-icon {
        line-height: 38px; }

.select2-dropdown-open .select2-choice {
  border: 1px solid #6070f6;
  box-shadow: none;
  background-color: #f4f5ff; }
  .select2-dropdown-open .select2-choice .select2-arrow {
    color: #6070f6; }

.select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #6070f6;
  box-shadow: none;
  background-color: #f4f5ff; }

.select2-container-multi .select2-choices {
  min-height: 40px;
  border: 1px solid #d1d1d1;
  background-image: none; }
  .select2-container-multi .select2-choices .select2-search-field input {
    padding: 0 10px;
    line-height: 40px;
    margin: 0; }
  .select2-container-multi .select2-choices .select2-search-choice {
    padding: 10px 26px 10px 8px;
    border-radius: 2px;
    background-image: none;
    background-color: #fff;
    border: 1px solid #d3d3d3;
    color: #525252;
    margin: 3px 0 3px 3px; }
  .select2-container-multi .select2-choices .select2-locked {
    padding: 10px 26px 10px 8px; }

.select2-container-multi.select2-container-disabled .select2-choices {
  min-height: 40px;
  border: 1px solid #e5e5e5;
  background-image: none;
  background-color: #f5f5f5; }
  .select2-container-multi.select2-container-disabled .select2-choices .select2-search-field input {
    padding: 0 10px;
    line-height: 40px; }
  .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    padding: 10px 17px 10px 17px;
    border-radius: 2px;
    background-image: none;
    background-color: #ededed;
    border: 1px solid #e4e4e4;
    color: #bdbdbd;
    margin: 3px 0 3px 3px; }

.select2-container-multi .select2-search-choice-close {
  right: 0;
  height: 100%;
  left: initial;
  top: 0;
  border-radius: 0 2px 2px 0;
  width: 18px;
  background-color: #ededed;
  color: #939393;
  font-size: inherit;
  text-align: center;
  display: flex;
  justify-content: center;
  text-decoration: none; }
  .select2-container-multi .select2-search-choice-close .mc-icon {
    line-height: 35px; }

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  box-shadow: none; }

.select2-search {
  padding: 0 8px;
  margin-top: 8px;
  min-height: 35px; }
  .select2-search input {
    min-width: 100%;
    min-height: 35px;
    border: 1px solid #d1d1d1;
    background: white; }
  .select2-search .mc-icon {
    line-height: 34px;
    position: absolute;
    right: 16px;
    color: #858585; }

.select2-search-choice-close {
  width: auto;
  height: auto;
  position: absolute;
  right: 20px;
  padding: 0 10px;
  top: 0;
  background: none; }
  .select2-search-choice-close:hover {
    color: #5e5e5e; }
  .select2-search-choice-close.mc-icon {
    line-height: 38px; }

.ui-select__option-icon {
  display: inline-block;
  padding-right: 10px; }

.select2-container .select2-choice > .select2-chosen .mc-icon,
.select2-results .select2-result-label .mc-icon {
  margin-left: 10px;
  float: left; }

.select2-container .select2-choice > .select2-chosen .mc-icon {
  line-height: 38px; }

.alzura-local-operator-branch-switcher__select {
  min-width: 180px; }

.single-option-container {
  width: 100%;
  min-width: 180px;
  font-size: 12px;
  min-height: 40px;
  border: 1px solid #d1d1d1;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  display: inline-block; }
  .single-option-container .mc-pending-container {
    margin: 10px 0; }
  .single-option-container__placeholder {
    min-height: 40px;
    color: #525252;
    padding: 0 0 0 8px;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    background-color: #fff;
    line-height: 40px; }

/* BASICS */
.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
  direction: ltr; }

/* PADDING */
.CodeMirror-lines {
  padding: 4px 0;
  /* Vertical padding around content */ }

.CodeMirror pre {
  padding: 0 4px;
  /* Horizontal padding of content */ }

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white;
  /* The little square between H and V scrollbars */ }

/* GUTTER */
.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap; }

.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap; }

.CodeMirror-guttermarker {
  color: black; }

.CodeMirror-guttermarker-subtle {
  color: #999; }

/* CURSOR */
.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0; }

/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver; }

.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7; }

.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1; }

.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7; }

@-moz-keyframes blink {
  0% { }
  50% {
    background-color: transparent; }
  100% { } }

@-webkit-keyframes blink {
  0% { }
  50% {
    background-color: transparent; }
  100% { } }

@keyframes blink {
  0% { }
  50% {
    background-color: transparent; }
  100% { } }

/* Can style cursor different in overwrite (non-insert) mode */
.cm-tab {
  display: inline-block;
  text-decoration: inherit; }

.CodeMirror-rulers {
  position: absolute;
  left: 0;
  right: 0;
  top: -50px;
  bottom: -20px;
  overflow: hidden; }

.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0;
  bottom: 0;
  position: absolute; }

/* DEFAULT THEME */
.cm-s-default .cm-header {
  color: blue; }

.cm-s-default .cm-quote {
  color: #090; }

.cm-negative {
  color: #d44; }

.cm-positive {
  color: #292; }

.cm-header, .cm-strong {
  font-weight: bold; }

.cm-em {
  font-style: italic; }

.cm-link {
  text-decoration: underline; }

.cm-strikethrough {
  text-decoration: line-through; }

.cm-s-default .cm-keyword {
  color: #708; }

.cm-s-default .cm-atom {
  color: #219; }

.cm-s-default .cm-number {
  color: #164; }

.cm-s-default .cm-def {
  color: #00f; }

.cm-s-default .cm-variable-2 {
  color: #05a; }

.cm-s-default .cm-variable-3, .cm-s-default .cm-type {
  color: #085; }

.cm-s-default .cm-comment {
  color: #a50; }

.cm-s-default .cm-string {
  color: #a11; }

.cm-s-default .cm-string-2 {
  color: #f50; }

.cm-s-default .cm-meta {
  color: #555; }

.cm-s-default .cm-qualifier {
  color: #555; }

.cm-s-default .cm-builtin {
  color: #30a; }

.cm-s-default .cm-bracket {
  color: #997; }

.cm-s-default .cm-tag {
  color: #170; }

.cm-s-default .cm-attribute {
  color: #00c; }

.cm-s-default .cm-hr {
  color: #999; }

.cm-s-default .cm-link {
  color: #00c; }

.cm-s-default .cm-error {
  color: #f00; }

.cm-invalidchar {
  color: #f00; }

.CodeMirror-composing {
  border-bottom: 2px solid; }

/* Default styles for common addons */
div.CodeMirror span.CodeMirror-matchingbracket {
  color: #0f0; }

div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #f22; }

.CodeMirror-matchingtag {
  background: rgba(255, 150, 0, 0.3); }

.CodeMirror-activeline-background {
  background: #e8f2ff; }

/* STOP */
/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */
.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white; }

.CodeMirror-scroll {
  overflow: scroll !important;
  /* Things will break if this is overridden */
  /* 30px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -30px;
  margin-right: -30px;
  padding-bottom: 30px;
  height: 100%;
  outline: none;
  /* Prevent dragging from highlighting the element */
  position: relative; }

.CodeMirror-sizer {
  position: relative;
  border-right: 30px solid transparent; }

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none; }

.CodeMirror-vscrollbar {
  right: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: scroll; }

.CodeMirror-hscrollbar {
  bottom: 0;
  left: 0;
  overflow-y: hidden;
  overflow-x: scroll; }

.CodeMirror-scrollbar-filler {
  right: 0;
  bottom: 0; }

.CodeMirror-gutter-filler {
  left: 0;
  bottom: 0; }

.CodeMirror-gutters {
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  z-index: 3; }

.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -30px; }

.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important; }

.CodeMirror-gutter-background {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 4; }

.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4; }

.CodeMirror-gutter-wrapper ::selection {
  background-color: transparent; }

.CodeMirror-gutter-wrapper ::-moz-selection {
  background-color: transparent; }

.CodeMirror-lines {
  cursor: text;
  min-height: 1px;
  /* prevents collapsing before first draw */ }

.CodeMirror pre {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual; }

.CodeMirror-wrap pre {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal; }

.CodeMirror-linebackground {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0; }

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  overflow: auto; }

.CodeMirror-rtl pre {
  direction: rtl; }

.CodeMirror-code {
  outline: none; }

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden; }

.CodeMirror-cursor {
  position: absolute;
  pointer-events: none; }

.CodeMirror-measure pre {
  position: static; }

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3; }

div.CodeMirror-dragcursors {
  visibility: visible; }

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible; }

.CodeMirror-selected {
  background: #d9d9d9; }

.CodeMirror-focused .CodeMirror-selected {
  background: #d7d4f0; }

.CodeMirror-crosshair {
  cursor: crosshair; }

.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
  background: #d7d4f0; }

.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection {
  background: #d7d4f0; }

.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, 0.4); }

/* Used to force a border model for a node */
.cm-force-border {
  padding-right: .1px; }

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden; } }

/* See issue #2901 */
.cm-tab-wrap-hack:after {
  content: ''; }

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext {
  background: none; }

.cm-s-rdark {
  font-size: 1em;
  line-height: 1.5em;
  font-family: inconsolata, monospace;
  letter-spacing: 0.3px;
  word-spacing: 1px;
  background: #1B2426;
  color: #B9BDB6; }

.cm-s-rdark .CodeMirror-lines {
  padding: 8px 0; }

.cm-s-rdark .CodeMirror-gutters {
  box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
  background-color: #1B2426;
  padding-right: 10px;
  z-index: 3;
  border: none; }

.cm-s-rdark div.CodeMirror-cursor {
  border-left: 3px solid #B9BDB6; }

.cm-s-rdark .CodeMirror-activeline-background {
  background: #000000; }

.cm-s-rdark .CodeMirror-selected {
  background: #E0E8FF66; }

.cm-s-rdark .cm-comment {
  color: #646763; }

.cm-s-rdark .cm-string {
  color: #5CE638; }

.cm-s-rdark .cm-number {
  color: null; }

.cm-s-rdark .cm-atom {
  color: null; }

.cm-s-rdark .cm-keyword {
  color: #5BA1CF; }

.cm-s-rdark .cm-variable {
  color: #FFAA3E; }

.cm-s-rdark .cm-def {
  color: #FFFFFF; }

.cm-s-rdark .cm-variable-2 {
  color: #FFFFFF; }

.cm-s-rdark .cm-property {
  color: null; }

.cm-s-rdark .cm-operator {
  color: #5BA1CF; }

.cm-s-rdark .CodeMirror-linenumber {
  color: #646763; }

.cm-s-rdark .cm-tag {
  color: #FFAA3E; }

.cm-s-rdark .cm-attribute {
  color: #5BA1CF; }

/*!
 * froala_editor v2.6.5 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2017 Froala Labs
 */
.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-element,
.fr-element:focus {
  outline: 0px solid transparent; }

.fr-box.fr-basic .fr-element {
  color: #000000;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow-x: auto;
  min-height: 40px; }

.fr-box.fr-basic.fr-rtl .fr-element {
  text-align: right; }

.fr-element {
  background: transparent;
  position: relative;
  z-index: 2;
  -webkit-user-select: auto; }

.fr-element a {
  user-select: auto;
  -o-user-select: auto;
  -moz-user-select: auto;
  -khtml-user-select: auto;
  -webkit-user-select: auto;
  -ms-user-select: auto; }

.fr-element.fr-disabled {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

.fr-element [contenteditable="false"] {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

.fr-element [contenteditable="true"] {
  outline: 0px solid transparent; }

.fr-box a.fr-floating-btn {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  height: 32px;
  width: 32px;
  background: #ffffff;
  color: #1e88e5;
  -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  outline: none;
  left: 0;
  top: 0;
  line-height: 32px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  text-align: center;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none; }

.fr-box a.fr-floating-btn svg {
  -webkit-transition: transform 0.2s ease 0s;
  -moz-transition: transform 0.2s ease 0s;
  -ms-transition: transform 0.2s ease 0s;
  -o-transition: transform 0.2s ease 0s;
  fill: #1e88e5; }

.fr-box a.fr-floating-btn i {
  font-size: 14px;
  line-height: 32px; }

.fr-box a.fr-floating-btn.fr-btn + .fr-btn {
  margin-left: 10px; }

.fr-box a.fr-floating-btn:hover {
  background: #ebebeb;
  cursor: pointer; }

.fr-box a.fr-floating-btn:hover svg {
  fill: #1e88e5; }

.fr-box .fr-visible a.fr-floating-btn {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1); }

iframe.fr-iframe {
  width: 100%;
  border: none;
  position: relative;
  display: block;
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.fr-wrapper {
  position: relative;
  z-index: 1; }

.fr-wrapper::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-wrapper .fr-placeholder {
  position: absolute;
  font-size: 12px;
  color: #aaaaaa;
  z-index: 1;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden; }

.fr-wrapper.show-placeholder .fr-placeholder {
  display: block; }

.fr-wrapper ::selection {
  background: #b5d6fd;
  color: #000000; }

.fr-wrapper ::-moz-selection {
  background: #b5d6fd;
  color: #000000; }

.fr-box.fr-basic .fr-wrapper {
  background: #ffffff;
  border: 0px;
  border-top: 0;
  top: 0;
  left: 0; }

.fr-box.fr-basic.fr-top .fr-wrapper {
  border-top: 0;
  border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); }

.fr-box.fr-basic.fr-bottom .fr-wrapper {
  border-bottom: 0;
  border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); }

.fr-tooltip {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 8px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  background: #222222;
  color: #ffffff;
  font-size: 11px;
  line-height: 22px;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-transition: opacity 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  left: -3000px;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  z-index: 9998;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.fr-tooltip.fr-visible {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.fr-toolbar .fr-command.fr-btn,
.fr-popup .fr-command.fr-btn {
  background: transparent;
  color: #222222;
  -moz-outline: 0;
  outline: 0;
  border: 0;
  line-height: 1;
  cursor: pointer;
  text-align: left;
  margin: 0px 2px;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 2;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  float: left;
  padding: 0;
  width: 38px;
  height: 38px; }

.fr-toolbar .fr-command.fr-btn::-moz-focus-inner,
.fr-popup .fr-command.fr-btn::-moz-focus-inner {
  border: 0;
  padding: 0; }

.fr-toolbar .fr-command.fr-btn.fr-btn-text,
.fr-popup .fr-command.fr-btn.fr-btn-text {
  width: auto; }

.fr-toolbar .fr-command.fr-btn i,
.fr-popup .fr-command.fr-btn i {
  display: block;
  font-size: 14px;
  width: 14px;
  margin: 12px 12px;
  text-align: center;
  float: none; }

.fr-toolbar .fr-command.fr-btn span.fr-sr-only,
.fr-popup .fr-command.fr-btn span.fr-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-toolbar .fr-command.fr-btn span,
.fr-popup .fr-command.fr-btn span {
  font-size: 14px;
  display: block;
  line-height: 17px;
  min-width: 34px;
  float: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  height: 17px;
  font-weight: bold;
  padding: 0 2px; }

.fr-toolbar .fr-command.fr-btn img,
.fr-popup .fr-command.fr-btn img {
  margin: 12px 12px;
  width: 14px; }

.fr-toolbar .fr-command.fr-btn.fr-active,
.fr-popup .fr-command.fr-btn.fr-active {
  color: #1e88e5;
  background: transparent; }

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection {
  width: auto; }

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span {
  font-weight: normal; }

.fr-toolbar .fr-command.fr-btn.fr-dropdown i,
.fr-popup .fr-command.fr-btn.fr-dropdown i,
.fr-toolbar .fr-command.fr-btn.fr-dropdown span,
.fr-popup .fr-command.fr-btn.fr-dropdown span,
.fr-toolbar .fr-command.fr-btn.fr-dropdown img,
.fr-popup .fr-command.fr-btn.fr-dropdown img {
  margin-left: 8px;
  margin-right: 16px; }

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active {
  color: #222222;
  background: #d6d6d6; }

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus {
  background: #d6d6d6 !important;
  color: #222222 !important; }

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus::after,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus::after {
  border-top-color: #222222 !important; }

.fr-toolbar .fr-command.fr-btn.fr-dropdown::after,
.fr-popup .fr-command.fr-btn.fr-dropdown::after {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #222222;
  right: 4px;
  top: 17px;
  content: ""; }

.fr-toolbar .fr-command.fr-btn.fr-disabled,
.fr-popup .fr-command.fr-btn.fr-disabled {
  color: #bdbdbd;
  cursor: default; }

.fr-toolbar .fr-command.fr-btn.fr-disabled::after,
.fr-popup .fr-command.fr-btn.fr-disabled::after {
  border-top-color: #bdbdbd !important; }

.fr-toolbar .fr-command.fr-btn.fr-hidden,
.fr-popup .fr-command.fr-btn.fr-hidden {
  display: none; }

.fr-toolbar.fr-disabled .fr-btn,
.fr-popup.fr-disabled .fr-btn,
.fr-toolbar.fr-disabled .fr-btn.fr-active,
.fr-popup.fr-disabled .fr-btn.fr-active {
  color: #bdbdbd; }

.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after,
.fr-popup.fr-disabled .fr-btn.fr-dropdown::after,
.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after,
.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after {
  border-top-color: #bdbdbd; }

.fr-toolbar.fr-rtl .fr-command.fr-btn,
.fr-popup.fr-rtl .fr-command.fr-btn {
  float: right; }

.fr-toolbar.fr-inline .fr-command.fr-btn:not(.fr-hidden) {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  float: none; }

.fr-desktop .fr-command:hover,
.fr-desktop .fr-command:focus {
  outline: 0;
  color: #222222;
  background: #ebebeb; }

.fr-desktop .fr-command:hover::after,
.fr-desktop .fr-command:focus::after {
  border-top-color: #222222 !important; }

.fr-desktop .fr-command.fr-selected {
  color: #222222;
  background: #d6d6d6; }

.fr-desktop .fr-command.fr-active:hover,
.fr-desktop .fr-command.fr-active:focus {
  color: #1e88e5;
  background: #ebebeb; }

.fr-desktop .fr-command.fr-active.fr-selected {
  color: #1e88e5;
  background: #d6d6d6; }

.fr-desktop .fr-command.fr-disabled:hover,
.fr-desktop .fr-command.fr-disabled:focus,
.fr-desktop .fr-command.fr-disabled.fr-selected {
  background: transparent; }

.fr-desktop.fr-disabled .fr-command:hover,
.fr-desktop.fr-disabled .fr-command:focus,
.fr-desktop.fr-disabled .fr-command.fr-selected {
  background: transparent; }

.fr-toolbar.fr-mobile .fr-command.fr-blink,
.fr-popup.fr-mobile .fr-command.fr-blink {
  background: transparent; }

.fr-command.fr-btn + .fr-dropdown-menu {
  display: inline-block;
  position: absolute;
  right: auto;
  bottom: auto;
  height: auto;
  z-index: 4;
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
  zoom: 1;
  border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-command.fr-btn + .fr-dropdown-menu.test-height .fr-dropdown-wrapper {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  height: auto;
  max-height: 275px; }

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper {
  background: #ffffff;
  padding: 0;
  margin: auto;
  display: inline-block;
  text-align: left;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: max-height 0.2s ease 0s;
  -moz-transition: max-height 0.2s ease 0s;
  -ms-transition: max-height 0.2s ease 0s;
  -o-transition: max-height 0.2s ease 0s;
  margin-top: 0;
  float: left;
  max-height: 0;
  height: 0;
  margin-top: 0 !important; }

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content {
  overflow: auto;
  position: relative;
  max-height: 275px; }

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li {
  padding: 0;
  margin: 0;
  font-size: 15px; }

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
  padding: 0 24px;
  line-height: 200%;
  display: block;
  cursor: pointer;
  white-space: nowrap;
  color: inherit;
  text-decoration: none; }

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
  background: #d6d6d6; }

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled {
  color: #bdbdbd;
  cursor: default; }

.fr-command.fr-btn:not(.fr-active) + .fr-dropdown-menu {
  left: -3000px !important; }

.fr-command.fr-btn.fr-active + .fr-dropdown-menu {
  display: inline-block;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14); }

.fr-command.fr-btn.fr-active + .fr-dropdown-menu .fr-dropdown-wrapper {
  height: auto;
  max-height: 275px; }

.fr-bottom > .fr-command.fr-btn + .fr-dropdown-menu {
  border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-toolbar.fr-rtl .fr-dropdown-wrapper,
.fr-popup.fr-rtl .fr-dropdown-wrapper {
  text-align: right !important; }

body.prevent-scroll {
  overflow: hidden; }

body.prevent-scroll.fr-mobile {
  position: fixed;
  -webkit-overflow-scrolling: touch; }

.fr-modal {
  color: #222222;
  font-family: Arial, Helvetica, sans-serif;
  position: fixed;
  overflow-x: auto;
  overflow-y: scroll;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 9999;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  line-height: 1.2; }

.fr-modal.fr-middle .fr-modal-wrapper {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  position: absolute; }

.fr-modal .fr-modal-wrapper {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 20px auto;
  display: inline-block;
  background: #ffffff;
  min-width: 300px;
  -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14);
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14);
  border: 0px;
  border-top: 5px solid #222222;
  overflow: hidden;
  width: 90%;
  position: relative; }

@media (min-width: 768px) and (max-width: 991px) {
  .fr-modal .fr-modal-wrapper {
    margin: 30px auto;
    width: 70%; } }

@media (min-width: 992px) {
  .fr-modal .fr-modal-wrapper {
    margin: 50px auto;
    width: 600px; } }

.fr-modal .fr-modal-wrapper .fr-modal-head {
  background: #ffffff;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  border-bottom: 0px;
  overflow: hidden;
  position: absolute;
  width: 100%;
  min-height: 42px;
  z-index: 3;
  -webkit-transition: height 0.2s ease 0s;
  -moz-transition: height 0.2s ease 0s;
  -ms-transition: height 0.2s ease 0s;
  -o-transition: height 0.2s ease 0s; }

.fr-modal .fr-modal-wrapper .fr-modal-head i {
  padding: 12px;
  width: 20px;
  font-size: 16px;
  cursor: pointer;
  line-height: 18px;
  color: #222222;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.fr-modal .fr-modal-wrapper .fr-modal-head i.fr-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: color 0.2s ease 0s;
  -moz-transition: color 0.2s ease 0s;
  -ms-transition: color 0.2s ease 0s;
  -o-transition: color 0.2s ease 0s; }

.fr-modal .fr-modal-wrapper .fr-modal-head h4 {
  font-size: 18px;
  padding: 12px 10px;
  margin: 0;
  font-weight: 400;
  line-height: 18px;
  display: inline-block;
  float: left; }

.fr-modal .fr-modal-wrapper div.fr-modal-body {
  height: 100%;
  min-height: 150px;
  overflow-y: scroll;
  padding-bottom: 10px; }

.fr-modal .fr-modal-wrapper div.fr-modal-body:focus {
  outline: 0; }

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command {
  height: 36px;
  line-height: 1;
  color: #1e88e5;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
  border: none;
  background: none;
  font-size: 16px;
  outline: none;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s; }

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command + button {
  margin-left: 24px; }

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover,
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus {
  background: #ebebeb;
  color: #1e88e5; }

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active {
  background: #d6d6d6;
  color: #1e88e5; }

.fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner {
  border: 0; }

.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover {
  background: #ebebeb; }

.fr-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000000;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 9998; }

.fr-popup {
  position: absolute;
  display: none;
  color: #222222;
  background: #ffffff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  margin-top: 10px;
  z-index: 9995;
  text-align: left;
  border: 0px;
  border-top: 5px solid #222222;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.2; }

.fr-popup .fr-input-focus {
  background: #f5f5f5; }

.fr-popup.fr-above {
  margin-top: -10px;
  border-top: 0;
  border-bottom: 5px solid #222222;
  -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); }

.fr-popup.fr-active {
  display: block; }

.fr-popup.fr-hidden {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.fr-popup .fr-hs {
  display: block !important; }

.fr-popup .fr-hs.fr-hidden {
  display: none !important; }

.fr-popup .fr-input-line {
  position: relative;
  padding: 8px 0; }

.fr-popup .fr-input-line input[type="text"],
.fr-popup .fr-input-line textarea {
  width: 100%;
  margin: 0px 0 1px 0;
  border: none;
  border-bottom: solid 1px #bdbdbd;
  color: #222222;
  font-size: 14px;
  padding: 6px 0 2px;
  background: rgba(0, 0, 0, 0);
  position: relative;
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.fr-popup .fr-input-line input[type="text"]:focus,
.fr-popup .fr-input-line textarea:focus {
  border-bottom: solid 2px #1e88e5;
  margin-bottom: 0px; }

.fr-popup .fr-input-line input + label,
.fr-popup .fr-input-line textarea + label {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 12px;
  color: rgba(0, 0, 0, 0);
  -webkit-transition: color 0.2s ease 0s;
  -moz-transition: color 0.2s ease 0s;
  -ms-transition: color 0.2s ease 0s;
  -o-transition: color 0.2s ease 0s;
  z-index: 3;
  width: 100%;
  display: block;
  background: #ffffff; }

.fr-popup .fr-input-line input.fr-not-empty:focus + label,
.fr-popup .fr-input-line textarea.fr-not-empty:focus + label {
  color: #1e88e5; }

.fr-popup .fr-input-line input.fr-not-empty + label,
.fr-popup .fr-input-line textarea.fr-not-empty + label {
  color: #808080; }

.fr-popup input,
.fr-popup textarea {
  user-select: text;
  -o-user-select: text;
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  outline: none; }

.fr-popup textarea {
  resize: none; }

.fr-popup .fr-buttons {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  padding: 0 2px;
  white-space: nowrap;
  line-height: 0;
  border-bottom: 0px; }

.fr-popup .fr-buttons::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-popup .fr-buttons .fr-btn {
  display: inline-block;
  float: none; }

.fr-popup .fr-buttons .fr-btn i {
  float: left; }

.fr-popup .fr-buttons .fr-separator {
  display: inline-block;
  float: none; }

.fr-popup .fr-layer {
  width: 225px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 10px;
  display: none; }

@media (min-width: 768px) {
  .fr-popup .fr-layer {
    width: 300px; } }

.fr-popup .fr-layer.fr-active {
  display: inline-block; }

.fr-popup .fr-action-buttons {
  z-index: 7;
  height: 36px;
  text-align: right; }

.fr-popup .fr-action-buttons button.fr-command {
  height: 36px;
  line-height: 1;
  color: #1e88e5;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
  border: none;
  background: none;
  font-size: 16px;
  outline: none;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s; }

.fr-popup .fr-action-buttons button.fr-command + button {
  margin-left: 24px; }

.fr-popup .fr-action-buttons button.fr-command:hover,
.fr-popup .fr-action-buttons button.fr-command:focus {
  background: #ebebeb;
  color: #1e88e5; }

.fr-popup .fr-action-buttons button.fr-command:active {
  background: #d6d6d6;
  color: #1e88e5; }

.fr-popup .fr-action-buttons button::-moz-focus-inner {
  border: 0; }

.fr-popup .fr-checkbox {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 1;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  vertical-align: middle; }

.fr-popup .fr-checkbox svg {
  margin-left: 2px;
  margin-top: 2px;
  display: none;
  width: 10px;
  height: 10px; }

.fr-popup .fr-checkbox span {
  border: solid 1px #222222;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; }

.fr-popup .fr-checkbox input {
  position: absolute;
  z-index: 2;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border: 0 none;
  cursor: pointer;
  height: 16px;
  margin: 0;
  padding: 0;
  width: 16px;
  top: 1px;
  left: 1px; }

.fr-popup .fr-checkbox input:checked + span {
  background: #1e88e5;
  border-color: #1e88e5; }

.fr-popup .fr-checkbox input:checked + span svg {
  display: block; }

.fr-popup .fr-checkbox input:focus + span {
  border-color: #1e88e5; }

.fr-popup .fr-checkbox-line {
  font-size: 14px;
  line-height: 1.4px;
  margin-top: 10px; }

.fr-popup .fr-checkbox-line label {
  cursor: pointer;
  margin: 0 5px;
  vertical-align: middle; }

.fr-popup.fr-rtl {
  direction: rtl;
  text-align: right; }

.fr-popup.fr-rtl .fr-action-buttons {
  text-align: left; }

.fr-popup.fr-rtl .fr-input-line input + label,
.fr-popup.fr-rtl .fr-input-line textarea + label {
  left: auto;
  right: 0; }

.fr-popup.fr-rtl .fr-buttons .fr-separator.fr-vs {
  float: right; }

.fr-popup .fr-arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #222222;
  position: absolute;
  top: -9px;
  left: 50%;
  margin-left: -5px;
  display: inline-block; }

.fr-popup.fr-above .fr-arrow {
  top: auto;
  bottom: -9px;
  border-bottom: 0;
  border-top: 5px solid #222222; }

.fr-text-edit-layer {
  width: 250px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block !important; }

.fr-toolbar {
  color: #222222;
  background: #ffffff;
  position: relative;
  z-index: 4;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 0 2px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  text-align: left;
  border: 0px;
  border-top: 5px solid #222222;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.2; }

.fr-toolbar::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-toolbar.fr-rtl {
  text-align: right; }

.fr-toolbar.fr-inline {
  display: none;
  white-space: nowrap;
  position: absolute;
  margin-top: 10px; }

.fr-toolbar.fr-inline .fr-arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #222222;
  position: absolute;
  top: -9px;
  left: 50%;
  margin-left: -5px;
  display: inline-block; }

.fr-toolbar.fr-inline.fr-above {
  margin-top: -10px;
  -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  border-bottom: 5px solid #222222;
  border-top: 0; }

.fr-toolbar.fr-inline.fr-above .fr-arrow {
  top: auto;
  bottom: -9px;
  border-bottom: 0;
  border-top-color: inherit;
  border-top-style: solid;
  border-top-width: 5px; }

.fr-toolbar.fr-top {
  top: 0;
  border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); }

.fr-toolbar.fr-bottom {
  bottom: 0;
  border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); }

.fr-separator {
  background: #ebebeb;
  display: block;
  vertical-align: top;
  float: left; }

.fr-separator + .fr-separator {
  display: none; }

.fr-separator.fr-vs {
  height: 34px;
  width: 1px;
  margin: 2px; }

.fr-separator.fr-hs {
  clear: both;
  height: 1px;
  width: calc(100% - (2 * 2px));
  margin: 0 2px; }

.fr-separator.fr-hidden {
  display: none !important; }

.fr-rtl .fr-separator {
  float: right; }

.fr-toolbar.fr-inline .fr-separator.fr-hs {
  float: none; }

.fr-toolbar.fr-inline .fr-separator.fr-vs {
  float: none;
  display: inline-block; }

.fr-visibility-helper {
  display: none;
  margin-left: 0px !important; }

@media (min-width: 768px) {
  .fr-visibility-helper {
    margin-left: 1px !important; } }

@media (min-width: 992px) {
  .fr-visibility-helper {
    margin-left: 2px !important; } }

@media (min-width: 1200px) {
  .fr-visibility-helper {
    margin-left: 3px !important; } }

.fr-opacity-0 {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.fr-box {
  position: relative; }

/**
 * Postion sticky hacks.
 */
.fr-sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky; }

.fr-sticky-off {
  position: relative; }

.fr-sticky-on {
  position: fixed; }

.fr-sticky-on.fr-sticky-ios {
  position: absolute;
  left: 0;
  right: 0;
  width: auto !important; }

.fr-sticky-dummy {
  display: none; }

.fr-sticky-on + .fr-sticky-dummy,
.fr-sticky-box > .fr-sticky-dummy {
  display: block; }

span.fr-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.custom-theme.fr-popup {
  z-index: 9995 !important; }

.dropzone-active .fr-box iframe.fr-iframe {
  pointer-events: none; }

.fr-box {
  width: 100% !important; }
  .fr-box iframe.fr-iframe {
    z-index: 0; }

.fr-input-line .ui-select-container {
  margin-top: 5px; }

/*!
 * froala_editor v2.6.5 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2017 Froala Labs
 */
.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

textarea.fr-code {
  display: none;
  width: 100%;
  resize: none;
  -moz-resize: none;
  -webkit-resize: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  padding: 10px;
  margin: 0px;
  font-family: "Courier New", monospace;
  font-size: 14px;
  background: #ffffff;
  color: #000000;
  outline: none; }

.fr-box.fr-rtl textarea.fr-code {
  direction: rtl; }

.fr-box .CodeMirror {
  display: none; }

.fr-box.fr-code-view textarea.fr-code {
  display: block; }

.fr-box.fr-code-view.fr-inline {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); }

.fr-box.fr-code-view .fr-element,
.fr-box.fr-code-view .fr-placeholder,
.fr-box.fr-code-view .fr-iframe {
  display: none; }

.fr-box.fr-code-view .CodeMirror {
  display: block; }

.fr-box.fr-inline.fr-code-view .fr-command.fr-btn.html-switch {
  display: block; }

.fr-box.fr-inline .fr-command.fr-btn.html-switch {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  display: none;
  background: #ffffff;
  color: #222222;
  -moz-outline: 0;
  outline: 0;
  border: 0;
  line-height: 1;
  cursor: pointer;
  text-align: left;
  padding: 12px 12px;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

.fr-box.fr-inline .fr-command.fr-btn.html-switch i {
  font-size: 14px;
  width: 14px;
  text-align: center; }

.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover {
  background: #ebebeb; }

/*!
 * froala_editor v2.6.5 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2017 Froala Labs
 */
.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-drag-helper {
  background: #1e88e5;
  height: 2px;
  margin-top: -1px;
  -webkit-opacity: 0.2;
  -moz-opacity: 0.2;
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  z-index: 9999;
  display: none; }

.fr-drag-helper.fr-visible {
  display: block; }

.fr-dragging {
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

/*!
 * froala_editor v2.6.5 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2017 Froala Labs
 */
body.fr-fullscreen {
  overflow: hidden;
  height: 100%;
  width: 100%;
  position: fixed; }

.fr-box.fr-fullscreen {
  margin: 0 !important;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9990 !important;
  width: auto !important; }

.fr-box.fr-fullscreen .fr-toolbar.fr-top {
  top: 0 !important; }

.fr-box.fr-fullscreen .fr-toolbar.fr-bottom {
  bottom: 0 !important; }

/*!
 * froala_editor v2.6.5 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2017 Froala Labs
 */
.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal {
  text-align: left;
  padding: 20px 20px 10px; }

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table {
  border-collapse: collapse;
  font-size: 14px;
  line-height: 1.5;
  width: 100%; }

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table + table {
  margin-top: 20px; }

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr {
  border: 0; }

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th,
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table td {
  padding: 6px 0 4px; }

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr {
  border-bottom: solid 1px #ebebeb; }

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child {
  width: 60%;
  color: #646464; }

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:nth-child(n+2) {
  letter-spacing: 0.5px; }

/*!
 * froala_editor v2.6.5 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2017 Froala Labs
 */
.clearfix::after {
  clear: both;
  display: block;
  content: '';
  height: 0; }

.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-element img {
  cursor: pointer;
  max-width: 100%; }

.fr-image-resizer {
  position: absolute;
  border: solid 1px #1e88e5;
  display: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.fr-image-resizer.fr-active {
  display: block; }

.fr-image-resizer .fr-handler {
  display: block;
  position: absolute;
  background: #1e88e5;
  border: solid 1px #ffffff;
  z-index: 4;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.fr-image-resizer .fr-handler.fr-hnw {
  cursor: nw-resize; }

.fr-image-resizer .fr-handler.fr-hne {
  cursor: ne-resize; }

.fr-image-resizer .fr-handler.fr-hsw {
  cursor: sw-resize; }

.fr-image-resizer .fr-handler.fr-hse {
  cursor: se-resize; }

.fr-image-resizer .fr-handler {
  width: 12px;
  height: 12px; }

.fr-image-resizer .fr-handler.fr-hnw {
  left: -6px;
  top: -6px; }

.fr-image-resizer .fr-handler.fr-hne {
  right: -6px;
  top: -6px; }

.fr-image-resizer .fr-handler.fr-hsw {
  left: -6px;
  bottom: -6px; }

.fr-image-resizer .fr-handler.fr-hse {
  right: -6px;
  bottom: -6px; }

@media (min-width: 1200px) {
  .fr-image-resizer .fr-handler {
    width: 10px;
    height: 10px; }
  .fr-image-resizer .fr-handler.fr-hnw {
    left: -5px;
    top: -5px; }
  .fr-image-resizer .fr-handler.fr-hne {
    right: -5px;
    top: -5px; }
  .fr-image-resizer .fr-handler.fr-hsw {
    left: -5px;
    bottom: -5px; }
  .fr-image-resizer .fr-handler.fr-hse {
    right: -5px;
    bottom: -5px; } }

.fr-image-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
  display: none; }

.fr-image-upload-layer {
  border: dashed 2px #bdbdbd;
  padding: 25px 0;
  position: relative;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 140%;
  text-align: center; }

.fr-image-upload-layer:hover {
  background: #ebebeb; }

.fr-image-upload-layer.fr-drop {
  background: #ebebeb;
  border-color: #1e88e5; }

.fr-image-upload-layer .fr-form {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important; }

.fr-image-upload-layer .fr-form input {
  cursor: pointer;
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 500%;
  height: 100%;
  margin: 0px;
  font-size: 400px; }

.fr-image-progress-bar-layer > h3 {
  font-size: 16px;
  margin: 10px 0;
  font-weight: normal; }

.fr-image-progress-bar-layer > div.fr-action-buttons {
  display: none; }

.fr-image-progress-bar-layer > div.fr-loader {
  background: #bcdbf7;
  height: 10px;
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
  position: relative; }

.fr-image-progress-bar-layer > div.fr-loader span {
  display: block;
  height: 100%;
  width: 0%;
  background: #1e88e5;
  -webkit-transition: width 0.2s ease 0s;
  -moz-transition: width 0.2s ease 0s;
  -ms-transition: width 0.2s ease 0s;
  -o-transition: width 0.2s ease 0s; }

.fr-image-progress-bar-layer > div.fr-loader.fr-indeterminate span {
  width: 30% !important;
  position: absolute;
  top: 0;
  -webkit-animation: loading 2s linear infinite;
  -moz-animation: loading 2s linear infinite;
  -o-animation: loading 2s linear infinite;
  animation: loading 2s linear infinite; }

.fr-image-progress-bar-layer.fr-error > div.fr-loader {
  display: none; }

.fr-image-progress-bar-layer.fr-error > div.fr-action-buttons {
  display: block; }

.fr-image-size-layer .fr-image-group .fr-input-line {
  width: calc(50% - 5px);
  display: inline-block; }

.fr-image-size-layer .fr-image-group .fr-input-line + .fr-input-line {
  margin-left: 10px; }

.fr-uploading {
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; }

@keyframes loading {
  from {
    left: -25%; }
  to {
    left: 100%; } }

@-webkit-keyframes loading {
  from {
    left: -25%; }
  to {
    left: 100%; } }

@-moz-keyframes loading {
  from {
    left: -25%; }
  to {
    left: 100%; } }

@-o-keyframes loading {
  from {
    left: -25%; }
  to {
    left: 100%; } }

/*!
 * froala_editor v2.6.5 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2017 Froala Labs
 */
.clearfix::after {
  clear: both;
  display: block;
  content: '';
  height: 0; }

.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-element table td.fr-selected-cell,
.fr-element table th.fr-selected-cell {
  border: 1px double #1e88e5; }

.fr-element table tr {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

.fr-element table td,
.fr-element table th {
  user-select: text;
  -o-user-select: text;
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text; }

.fr-element .fr-no-selection table td,
.fr-element .fr-no-selection table th {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

.fr-table-resizer {
  cursor: col-resize;
  position: fixed;
  z-index: 3;
  display: none; }

.fr-table-resizer.fr-moving {
  z-index: 2; }

.fr-table-resizer div {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
  border-right: 1px solid #1e88e5; }

.fr-no-selection {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

.fr-popup .fr-table-size .fr-table-size-info {
  text-align: center;
  font-size: 14px;
  padding: 8px; }

.fr-popup .fr-table-size .fr-select-table-size {
  line-height: 0;
  padding: 0 5px 5px;
  white-space: nowrap; }

.fr-popup .fr-table-size .fr-select-table-size > span {
  display: inline-block;
  padding: 0px 4px 4px 0;
  background: transparent; }

.fr-popup .fr-table-size .fr-select-table-size > span > span {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 1px solid #dddddd; }

.fr-popup .fr-table-size .fr-select-table-size > span.hover {
  background: transparent; }

.fr-popup .fr-table-size .fr-select-table-size > span.hover > span {
  background: rgba(30, 136, 229, 0.3);
  border: solid 1px #1e88e5; }

.fr-popup .fr-table-size .fr-select-table-size .new-line::after {
  clear: both;
  display: block;
  content: '';
  height: 0; }

.fr-popup.fr-above .fr-table-size .fr-select-table-size > span {
  display: inline-block !important; }

.fr-popup .fr-table-colors-buttons {
  margin-bottom: 5px; }

.fr-popup .fr-table-colors {
  line-height: 0;
  display: block; }

.fr-popup .fr-table-colors > span {
  display: inline-block;
  width: 32px;
  height: 32px;
  position: relative;
  z-index: 1; }

.fr-popup .fr-table-colors > span > i {
  text-align: center;
  line-height: 32px;
  height: 32px;
  width: 32px;
  font-size: 13px;
  position: absolute;
  bottom: 0;
  cursor: default;
  left: 0; }

.fr-popup .fr-table-colors > span:focus {
  outline: 1px solid #222222;
  z-index: 2; }

.fr-popup.fr-desktop .fr-table-size .fr-select-table-size > span > span {
  width: 12px;
  height: 12px; }

.fr-insert-helper {
  position: fixed;
  z-index: 9999;
  white-space: nowrap; }

.fr-view table {
  border-spacing: 1px;
  background-color: #dddddd; }
  .fr-view table tbody {
    background-color: #ffffff; }

/*!
 * froala_editor v2.6.5 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2017 Froala Labs
 */
.fr-box {
  border: 1px solid #d1d1d1; }

.fr-popup .fr-checkbox {
  width: auto;
  height: auto; }

.fr-popup .fr-checkbox-line {
  margin: 0 0 10px; }

.fr-popup .fr-checkbox-line label {
  font-size: 12px; }

.clearfix::after {
  clear: both;
  display: block;
  content: '';
  height: 0; }

.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.white-theme.fr-box.fr-basic .fr-element {
  color: #000000;
  padding: 10px;
  overflow-x: auto;
  min-height: 40px; }

.white-theme .fr-element {
  -webkit-user-select: auto; }

.white-theme.fr-box a.fr-floating-btn {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  height: 32px;
  width: 32px;
  background: #ffffff;
  color: #666666;
  -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  left: 0;
  top: 0;
  line-height: 32px;
  border: none; }

.white-theme.fr-box a.fr-floating-btn svg {
  -webkit-transition: transform 0.2s ease 0s;
  -moz-transition: transform 0.2s ease 0s;
  -ms-transition: transform 0.2s ease 0s;
  -o-transition: transform 0.2s ease 0s;
  fill: #666666; }

.white-theme.fr-box a.fr-floating-btn i {
  font-size: 14px;
  line-height: 32px; }

.white-theme.fr-box a.fr-floating-btn:hover {
  background: #ffffff; }

.white-theme.fr-box a.fr-floating-btn:hover svg {
  fill: #666666; }

.white-theme .fr-wrapper .fr-placeholder {
  font-size: 12px;
  color: #aaaaaa;
  top: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  touch-action: none; }

.white-theme .fr-wrapper ::selection {
  background: #b5d6fd;
  color: #000000; }

.white-theme .fr-wrapper ::-moz-selection {
  background: #b5d6fd;
  color: #000000; }

.white-theme.fr-box.fr-basic .fr-wrapper {
  background: #ffffff;
  border: 0px;
  border-top: 0;
  top: 0;
  left: 0; }

.white-theme.fr-box.fr-basic.fr-top .fr-wrapper {
  border-top: 0;
  border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.white-theme.fr-box.fr-basic.fr-bottom .fr-wrapper {
  border-bottom: 0;
  border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.white-theme .fr-sticky-on.fr-sticky-ios {
  left: 0;
  right: 0; }

.white-theme.fr-box .fr-counter {
  color: #cccccc;
  background: #ffffff;
  border-top: solid 1px #ebebeb;
  border-left: solid 1px #ebebeb;
  border-radius: 2px 0 0 0;
  -moz-border-radius: 2px 0 0 0;
  -webkit-border-radius: 2px 0 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.white-theme.fr-box.fr-rtl .fr-counter {
  right: auto;
  border-right: solid 1px #ebebeb;
  border-radius: 0 2px 0 0;
  -moz-border-radius: 0 2px 0 0;
  -webkit-border-radius: 0 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.white-theme textarea.fr-code {
  background: #ffffff;
  color: #000000; }

.white-theme.fr-box.fr-code-view.fr-inline {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); }

.white-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch {
  top: 0;
  right: 0;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  background: #ffffff;
  color: #37474f;
  -moz-outline: 0;
  outline: 0;
  border: 0;
  padding: 12px 12px;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s; }

.white-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch i {
  font-size: 14px;
  width: 14px; }

.white-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover {
  background: #ffffff; }

.white-theme.fr-popup .fr-colors-tabs {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); }

.white-theme.fr-popup .fr-colors-tabs .fr-colors-tab {
  color: #37474f;
  padding: 8px 0; }

.white-theme.fr-popup .fr-colors-tabs .fr-colors-tab:hover,
.white-theme.fr-popup .fr-colors-tabs .fr-colors-tab:focus {
  color: #666666; }

.white-theme.fr-popup .fr-colors-tabs .fr-colors-tab[data-param1='background']::after {
  bottom: 0;
  left: 0;
  background: #666666;
  -webkit-transition: transform 0.2s ease 0s;
  -moz-transition: transform 0.2s ease 0s;
  -ms-transition: transform 0.2s ease 0s;
  -o-transition: transform 0.2s ease 0s; }

.white-theme.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab {
  color: #666666; }

.white-theme.fr-popup .fr-color-set {
  line-height: 0; }

.white-theme.fr-popup .fr-color-set > span > i {
  bottom: 0;
  left: 0; }

.white-theme.fr-popup .fr-color-set > span .fr-selected-color {
  color: #ffffff;
  font-weight: 400;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0; }

.white-theme.fr-popup .fr-color-set > span:hover,
.white-theme.fr-popup .fr-color-set > span:focus {
  outline: 1px solid #37474f; }

.white-theme .fr-drag-helper {
  background: #666666; }

.white-theme.fr-popup .fr-link:focus {
  outline: 0;
  background: #ffffff; }

.white-theme .fr-file-upload-layer {
  border: dashed 2px #b7bdc0;
  padding: 25px 0; }

.white-theme .fr-file-upload-layer:hover {
  background: #ffffff; }

.white-theme .fr-file-upload-layer.fr-drop {
  background: #ffffff;
  border-color: #666666; }

.white-theme .fr-file-upload-layer .fr-form {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.white-theme .fr-file-progress-bar-layer > h3 {
  margin: 10px 0; }

.white-theme .fr-file-progress-bar-layer > div.fr-loader {
  background: #b3e0e5; }

.white-theme .fr-file-progress-bar-layer > div.fr-loader span {
  background: #666666;
  -webkit-transition: width 0.2s ease 0s;
  -moz-transition: width 0.2s ease 0s;
  -ms-transition: width 0.2s ease 0s;
  -o-transition: width 0.2s ease 0s; }

.white-theme .fr-file-progress-bar-layer > div.fr-loader.fr-indeterminate span {
  top: 0; }

.white-theme.fr-box.fr-fullscreen {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.white-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr {
  border: 0; }

.white-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr {
  border-bottom: solid 1px #ebebeb; }

.white-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child {
  color: #737e84; }

.white-theme .fr-image-resizer {
  border: solid 1px #666666; }

.white-theme .fr-image-resizer .fr-handler {
  background: #666666;
  border: solid 1px #ffffff; }

.white-theme .fr-image-resizer .fr-handler {
  width: 12px;
  height: 12px; }

.white-theme .fr-image-resizer .fr-handler.fr-hnw {
  left: -6px;
  top: -6px; }

.white-theme .fr-image-resizer .fr-handler.fr-hne {
  right: -6px;
  top: -6px; }

.white-theme .fr-image-resizer .fr-handler.fr-hsw {
  left: -6px;
  bottom: -6px; }

.white-theme .fr-image-resizer .fr-handler.fr-hse {
  right: -6px;
  bottom: -6px; }

@media (min-width: 1200px) {
  .white-theme .fr-image-resizer .fr-handler {
    width: 10px;
    height: 10px; }
  .white-theme .fr-image-resizer .fr-handler.fr-hnw {
    left: -5px;
    top: -5px; }
  .white-theme .fr-image-resizer .fr-handler.fr-hne {
    right: -5px;
    top: -5px; }
  .white-theme .fr-image-resizer .fr-handler.fr-hsw {
    left: -5px;
    bottom: -5px; }
  .white-theme .fr-image-resizer .fr-handler.fr-hse {
    right: -5px;
    bottom: -5px; } }

.white-theme.fr-image-overlay {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.white-theme .fr-image-upload-layer {
  border: dashed 2px #b7bdc0;
  padding: 25px 0; }

.white-theme .fr-image-upload-layer:hover {
  background: #ffffff; }

.white-theme .fr-image-upload-layer.fr-drop {
  background: #ffffff;
  border-color: #666666; }

.white-theme .fr-image-upload-layer .fr-form {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.white-theme .fr-image-progress-bar-layer > h3 {
  margin: 10px 0; }

.white-theme .fr-image-progress-bar-layer > div.fr-loader {
  background: #b3e0e5; }

.white-theme .fr-image-progress-bar-layer > div.fr-loader span {
  background: #666666;
  -webkit-transition: width 0.2s ease 0s;
  -moz-transition: width 0.2s ease 0s;
  -ms-transition: width 0.2s ease 0s;
  -o-transition: width 0.2s ease 0s; }

.white-theme .fr-image-progress-bar-layer > div.fr-loader.fr-indeterminate span {
  top: 0; }

.white-theme.fr-modal-head .fr-modal-head-line i.fr-modal-more {
  -webkit-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;
  -moz-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;
  -ms-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;
  -o-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s; }

.white-theme.fr-modal-head .fr-modal-head-line i.fr-modal-more.fr-not-available {
  opacity: 0;
  width: 0;
  padding: 12px 0; }

.white-theme.fr-modal-head .fr-modal-tags a {
  opacity: 0;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #666666;
  -webkit-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s, background 0.2s ease 0s; }

.white-theme.fr-modal-head .fr-modal-tags a.fr-selected-tag {
  background: #d6d6d6; }

.white-themediv.fr-modal-body .fr-preloader {
  margin: 50px auto; }

.white-themediv.fr-modal-body div.fr-image-list {
  padding: 0; }

.white-themediv.fr-modal-body div.fr-image-list div.fr-image-container {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.white-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after {
  -webkit-transition: opacity 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s;
  background: #000000;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.white-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before {
  color: #ffffff;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto; }

.white-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty {
  background: #cccccc; }

.white-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after {
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.white-themediv.fr-modal-body div.fr-image-list div.fr-image-container img {
  -webkit-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s; }

.white-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img,
.white-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
  -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, color 0.2s ease 0s;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  margin: 0; }

.white-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img {
  background: #b8312f;
  color: #ffffff; }

.white-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
  background: #ffffff;
  color: #666666; }

.white-theme.white-theme.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a:hover {
  background: #ffffff; }

.white-theme.white-theme.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a.fr-selected-tag {
  background: #d6d6d6; }

.white-theme.white-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover {
  background: #bf4644;
  color: #ffffff; }

.white-theme.white-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover {
  background: #ffffff; }

.white-theme .fr-line-breaker {
  border-top: 1px solid #666666; }

.white-theme .fr-line-breaker a.fr-floating-btn {
  left: calc(50% - (32px / 2));
  top: -16px; }

.white-theme .fr-qi-helper {
  padding-left: 10px; }

.white-theme .fr-qi-helper a.fr-btn.fr-floating-btn {
  color: #37474f; }

.white-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-character {
  border: 1px solid #cccccc; }

.white-theme .fr-element table td.fr-selected-cell,
.white-theme .fr-element table th.fr-selected-cell {
  border: 1px double #666666; }

.white-theme .fr-table-resizer div {
  border-right: 1px solid #666666; }

.white-theme.fr-popup .fr-table-size .fr-select-table-size {
  line-height: 0; }

.white-theme.fr-popup .fr-table-size .fr-select-table-size > span {
  padding: 0px 4px 4px 0; }

.white-theme.fr-popup .fr-table-size .fr-select-table-size > span > span {
  border: 1px solid #dddddd; }

.white-theme.fr-popup .fr-table-size .fr-select-table-size > span.hover > span {
  background: rgba(96, 112, 246, 0.1);
  border: solid 1px #6070f6; }

.white-theme.fr-popup .fr-table-colors {
  line-height: 0; }

.white-theme.fr-popup .fr-table-colors > span > i {
  bottom: 0;
  left: 0; }

.white-theme.fr-popup .fr-table-colors > span:focus {
  outline: 1px solid #37474f; }

.white-theme .fr-element .fr-video::after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.white-theme.fr-box .fr-video-resizer {
  border: solid 1px #666666; }

.white-theme.fr-box .fr-video-resizer .fr-handler {
  background: #666666;
  border: solid 1px #ffffff; }

.white-theme.fr-box .fr-video-resizer .fr-handler {
  width: 12px;
  height: 12px; }

.white-theme.fr-box .fr-video-resizer .fr-handler.fr-hnw {
  left: -6px;
  top: -6px; }

.white-theme.fr-box .fr-video-resizer .fr-handler.fr-hne {
  right: -6px;
  top: -6px; }

.white-theme.fr-box .fr-video-resizer .fr-handler.fr-hsw {
  left: -6px;
  bottom: -6px; }

.white-theme.fr-box .fr-video-resizer .fr-handler.fr-hse {
  right: -6px;
  bottom: -6px; }

@media (min-width: 1200px) {
  .white-theme.fr-box .fr-video-resizer .fr-handler {
    width: 10px;
    height: 10px; }
  .white-theme.fr-box .fr-video-resizer .fr-handler.fr-hnw {
    left: -5px;
    top: -5px; }
  .white-theme.fr-box .fr-video-resizer .fr-handler.fr-hne {
    right: -5px;
    top: -5px; }
  .white-theme.fr-box .fr-video-resizer .fr-handler.fr-hsw {
    left: -5px;
    bottom: -5px; }
  .white-theme.fr-box .fr-video-resizer .fr-handler.fr-hse {
    right: -5px;
    bottom: -5px; } }

.white-theme .fr-video-upload-layer {
  border: dashed 2px #b7bdc0;
  padding: 25px 0; }

.white-theme .fr-video-upload-layer:hover {
  background: #ffffff; }

.white-theme .fr-video-upload-layer.fr-drop {
  background: #ffffff;
  border-color: #666666; }

.white-theme .fr-video-upload-layer .fr-form {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.white-theme .fr-video-progress-bar-layer > h3 {
  margin: 10px 0; }

.white-theme .fr-video-progress-bar-layer > div.fr-loader {
  background: #b3e0e5; }

.white-theme .fr-video-progress-bar-layer > div.fr-loader span {
  background: #666666;
  -webkit-transition: width 0.2s ease 0s;
  -moz-transition: width 0.2s ease 0s;
  -ms-transition: width 0.2s ease 0s;
  -o-transition: width 0.2s ease 0s; }

.white-theme .fr-video-progress-bar-layer > div.fr-loader.fr-indeterminate span {
  top: 0; }

.white-theme.fr-video-overlay {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.fr-view a {
  color: #6070f6; }

.white-theme .fr-view span[style~='color:'] a {
  color: inherit; }

.white-theme .fr-view strong {
  font-weight: 700; }

.white-theme .fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
  background: #ffffff; }

.white-theme .fr-view table td,
.white-theme .fr-view table th {
  border: 1px solid #dddddd; }

.white-theme .fr-view table th {
  background: #ffffff; }

.white-theme .fr-view[dir='rtl'] blockquote {
  border-right: solid 2px #5e35b1;
  margin-right: 0; }

.white-theme .fr-view[dir='rtl'] blockquote blockquote {
  border-color: #00bcd4; }

.white-theme .fr-view[dir='rtl'] blockquote blockquote blockquote {
  border-color: #43a047; }

.white-theme .fr-view blockquote {
  border-left: solid 2px #5e35b1;
  margin-left: 0;
  color: #5e35b1; }

.white-theme .fr-view blockquote blockquote {
  border-color: #00bcd4;
  color: #00bcd4; }

.white-theme .fr-view blockquote blockquote blockquote {
  border-color: #43a047;
  color: #43a047; }

.white-theme .fr-view span.fr-emoticon {
  line-height: 0; }

.white-theme .fr-view span.fr-emoticon.fr-emoticon-img {
  font-size: inherit; }

.white-theme .fr-view .fr-text-bordered {
  padding: 10px 0; }

.white-theme .examples-variante > a {
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif; }

.white-theme .sc-cm-holder > .sc-cm {
  border-top: 5px solid #bdbdbd !important; }

.white-theme .sc-cm__item_dropdown:hover > a,
.white-theme .sc-cm a:hover {
  background-color: #ffffff !important; }

.white-theme .sc-cm__item_active > a,
.white-theme .sc-cm__item_active > a:hover,
.white-theme .sc-cm a:active,
.white-theme .sc-cm a:focus {
  background-color: #d6d6d6 !important; }

.white-theme .sc-cm-holder > .sc-cm:before {
  background-color: #ffffff !important; }

.white-theme .fr-tooltip {
  top: 0;
  left: 0;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  background: #222222;
  color: #ffffff;
  font-size: 11px;
  line-height: 22px;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-transition: opacity 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s; }

.white-theme.fr-toolbar .fr-command.fr-btn,
.white-theme.fr-popup .fr-command.fr-btn {
  color: #969696;
  -moz-outline: 0;
  outline: 0;
  border: 0;
  padding: 0px 2px;
  margin: 0;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
  width: 50px;
  height: 50px; }

.white-theme.fr-toolbar .fr-command.fr-btn::-moz-focus-inner,
.white-theme.fr-popup .fr-command.fr-btn::-moz-focus-inner {
  border: 0; }

.white-theme.fr-toolbar .fr-command.fr-btn.fr-btn-text,
.white-theme.fr-popup .fr-command.fr-btn.fr-btn-text {
  width: auto; }

.white-theme.fr-toolbar .fr-command.fr-btn i,
.white-theme.fr-popup .fr-command.fr-btn i {
  font-size: 14px;
  width: 14px;
  margin: 18px; }

.white-theme.fr-toolbar .fr-command.fr-btn span,
.white-theme.fr-popup .fr-command.fr-btn span {
  font-size: 14px;
  line-height: 17px;
  min-width: 34px;
  height: 17px;
  padding: 0 2px; }

.white-theme.fr-toolbar .fr-command.fr-btn img,
.white-theme.fr-popup .fr-command.fr-btn img {
  margin: 12px 12px;
  width: 14px; }

.white-theme.fr-toolbar .fr-command.fr-btn.fr-active,
.white-theme.fr-popup .fr-command.fr-btn.fr-active {
  color: #666666;
  background: transparent;
  border-bottom: 1px solid #666666; }

.white-theme.fr-popup .fr-command.fr-btn {
  color: #3a3d5f;
  border-bottom: none;
  border-radius: 4px;
  height: 35px;
  width: 45px;
  margin-right: 5px;
  display: inline-flex;
  justify-content: center;
  align-items: center; }
  .white-theme.fr-popup .fr-command.fr-btn i {
    margin: 0; }
  .white-theme.fr-popup .fr-command.fr-btn:hover {
    color: #3a3d5f;
    background: rgba(96, 112, 246, 0.1); }

.white-theme.fr-popup .fr-command.fr-btn.fr-active {
  background: rgba(96, 112, 246, 0.1);
  border-bottom: none; }
  .white-theme.fr-popup .fr-command.fr-btn.fr-active:hover {
    color: #3a3d5f;
    background: rgba(96, 112, 246, 0.1); }

.white-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection,
.white-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection {
  width: auto; }

.white-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown i,
.white-theme.fr-popup .fr-command.fr-btn.fr-dropdown i,
.white-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown span,
.white-theme.fr-popup .fr-command.fr-btn.fr-dropdown span,
.white-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown img,
.white-theme.fr-popup .fr-command.fr-btn.fr-dropdown img {
  margin-left: 12px;
  margin-right: 22px; }

.white-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,
.white-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active {
  color: #37474f;
  background: #d6d6d6; }

.white-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.white-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.white-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus,
.white-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus {
  background: #d6d6d6 !important;
  color: #37474f !important; }

.white-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
.white-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
.white-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus::after,
.white-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus::after {
  border-top-color: #37474f !important; }

.white-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown::after,
.white-theme.fr-popup .fr-command.fr-btn.fr-dropdown::after {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #37474f;
  right: 8px;
  top: 24px; }

.white-theme.fr-toolbar .fr-command.fr-btn.fr-disabled,
.white-theme.fr-popup .fr-command.fr-btn.fr-disabled {
  color: #b7bdc0; }

.white-theme.fr-toolbar .fr-command.fr-btn.fr-disabled::after,
.white-theme.fr-popup .fr-command.fr-btn.fr-disabled::after {
  border-top-color: #b7bdc0 !important; }

.white-theme.fr-toolbar.fr-disabled .fr-btn,
.white-theme.fr-popup.fr-disabled .fr-btn,
.white-theme.fr-toolbar.fr-disabled .fr-btn.fr-active,
.white-theme.fr-popup.fr-disabled .fr-btn.fr-active {
  color: #b7bdc0; }

.white-theme.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after,
.white-theme.fr-popup.fr-disabled .fr-btn.fr-dropdown::after,
.white-theme.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after,
.white-theme.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after {
  border-top-color: #b7bdc0; }

.white-theme.fr-desktop .fr-command:hover,
.white-theme.fr-desktop .fr-command:focus {
  outline: 0;
  color: #37474f;
  background: #ffffff; }

.white-theme.fr-desktop .fr-command:hover::after,
.white-theme.fr-desktop .fr-command:focus::after {
  border-top-color: #37474f !important; }

.white-theme.fr-desktop .fr-command.fr-selected {
  color: #37474f;
  background: #d6d6d6; }

.white-theme.fr-desktop .fr-command.fr-active:hover,
.white-theme.fr-desktop .fr-command.fr-active:focus {
  color: #666666;
  background: #ffffff; }

.white-theme.fr-desktop .fr-command.fr-active.fr-selected {
  color: #666666;
  background: #d6d6d6; }

.white-theme.fr-toolbar.fr-mobile .fr-command.fr-blink,
.white-theme.fr-popup.fr-mobile .fr-command.fr-blink {
  background: transparent; }

.white-theme .fr-command.fr-btn + .fr-dropdown-menu {
  right: auto;
  bottom: auto;
  height: auto;
  border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.white-theme .fr-command.fr-btn + .fr-dropdown-menu.test-height .fr-dropdown-wrapper {
  height: auto;
  max-height: 275px; }

.white-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper {
  background: #ffffff;
  padding: 0;
  margin: auto;
  -webkit-transition: max-height 0.2s ease 0s;
  -moz-transition: max-height 0.2s ease 0s;
  -ms-transition: max-height 0.2s ease 0s;
  -o-transition: max-height 0.2s ease 0s;
  margin-top: 0;
  max-height: 0;
  height: 0; }

.white-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content {
  overflow: auto;
  max-height: 275px; }

.white-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
  margin: 0;
  padding: 0; }

.white-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li {
  padding: 0;
  margin: 0; }

.white-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
  color: #d6d6d6; }
  .white-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a:hover {
    color: #666666; }

.white-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
  background: #ffffff;
  color: #666666; }

.white-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled {
  color: #b7bdc0; }

.white-theme .fr-command.fr-btn.fr-active + .fr-dropdown-menu {
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14); }

.white-theme .fr-command.fr-btn.fr-active + .fr-dropdown-menu .fr-dropdown-wrapper {
  height: auto;
  max-height: 275px; }

.white-theme .fr-bottom > .fr-command.fr-btn + .fr-dropdown-menu {
  border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.white-theme.fr-modal {
  color: #37474f;
  font-family: Arial, Helvetica, sans-serif;
  overflow-x: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.white-theme.fr-modal.fr-middle .fr-modal-wrapper {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto; }

.white-theme.fr-modal .fr-modal-wrapper {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 20px auto;
  background: #ffffff;
  -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14);
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14);
  border: 0px; }

@media (min-width: 768px) and (max-width: 991px) {
  .white-theme.fr-modal .fr-modal-wrapper {
    margin: 30px auto; } }

@media (min-width: 992px) {
  .white-theme.fr-modal .fr-modal-wrapper {
    margin: 50px auto; } }

.white-theme.fr-modal .fr-modal-wrapper .fr-modal-head {
  background: #ffffff;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  border-bottom: 0px;
  -webkit-transition: height 0.2s ease 0s;
  -moz-transition: height 0.2s ease 0s;
  -ms-transition: height 0.2s ease 0s;
  -o-transition: height 0.2s ease 0s; }

.white-theme.fr-modal .fr-modal-wrapper .fr-modal-head i {
  color: #37474f; }

.white-theme.fr-modal .fr-modal-wrapper .fr-modal-head i.fr-modal-close {
  top: 0;
  right: 0;
  -webkit-transition: color 0.2s ease 0s;
  -moz-transition: color 0.2s ease 0s;
  -ms-transition: color 0.2s ease 0s;
  -o-transition: color 0.2s ease 0s; }

.white-theme.fr-modal .fr-modal-wrapper .fr-modal-head h4 {
  margin: 0;
  font-weight: 400; }

.white-theme.fr-modal .fr-modal-wrapper div.fr-modal-body:focus {
  outline: 0; }

.white-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command {
  color: #666666;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s; }

.white-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover,
.white-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus {
  background: #ffffff;
  color: #666666; }

.white-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active {
  background: #d6d6d6;
  color: #666666; }

.white-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner {
  border: 0; }

.white-theme.white-theme.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover {
  background: #ffffff; }

.white-theme.fr-overlay {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000000; }

.white-theme.fr-popup {
  color: #37474f;
  background: #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-family: Arial, Helvetica, sans-serif;
  border: 0;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); }

.white-theme.fr-popup .fr-input-focus {
  background: #ffffff; }

.white-theme.fr-popup.fr-above {
  border-top: 0;
  border-bottom: 5px solid #bdbdbd;
  -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); }

.white-theme.fr-popup .fr-input-line {
  padding: 8px 0; }

.white-theme.fr-popup .fr-input-line input[type='text'],
.white-theme.fr-popup .fr-input-line textarea {
  margin: 0px 0 1px 0;
  border-bottom: solid 1px #bdbdbd;
  color: #37474f; }

.white-theme.fr-popup .fr-input-line input[type='text'] {
  border: 1px solid #d1d1d1;
  height: 38px;
  padding: 0 0 0 8px; }

.white-theme.fr-popup .fr-input-line input + label,
.white-theme.fr-popup .fr-input-line textarea + label {
  top: 0;
  left: 0;
  -webkit-transition: color 0.2s ease 0s;
  -moz-transition: color 0.2s ease 0s;
  -ms-transition: color 0.2s ease 0s;
  -o-transition: color 0.2s ease 0s;
  background: #ffffff;
  display: none; }

.white-theme.fr-popup .fr-input-line input.fr-not-empty:focus + label,
.white-theme.fr-popup .fr-input-line textarea.fr-not-empty:focus + label {
  color: #666666; }

.white-theme.fr-popup .fr-input-line input.fr-not-empty + label,
.white-theme.fr-popup .fr-input-line textarea.fr-not-empty + label {
  color: #808080; }

.white-theme.fr-popup .fr-buttons {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-top: 10px;
  padding: 0 10px;
  line-height: 0;
  border-bottom: 0px; }

.white-theme.fr-popup .fr-layer {
  width: 225px; }

@media (min-width: 768px) {
  .white-theme.fr-popup .fr-layer {
    width: 300px; } }

.white-theme.fr-popup .fr-action-buttons button.fr-command {
  font-size: 12px;
  font-weight: 600;
  width: 100%;
  border-radius: 2px; }

.white-theme.fr-popup .fr-action-buttons button.fr-command:hover,
.white-theme.fr-popup .fr-action-buttons button.fr-command:focus {
  background: #ffffff;
  color: #666666; }

.white-theme.fr-popup .fr-action-buttons button.fr-command:active {
  background: #d6d6d6;
  color: #666666; }

.white-theme.fr-popup .fr-action-buttons button::-moz-focus-inner {
  border: 0; }

.white-theme.fr-popup .fr-checkbox span {
  border: solid 1px #37474f;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; }

.white-theme.fr-popup .fr-checkbox input {
  margin: 0;
  padding: 0; }

.white-theme.fr-popup .fr-checkbox input:checked + span {
  background: #666666;
  border-color: #666666; }

.white-theme.fr-popup .fr-checkbox input:focus + span {
  border-color: #666666; }

.white-theme.fr-popup.fr-rtl .fr-input-line input + label,
.white-theme.fr-popup.fr-rtl .fr-input-line textarea + label {
  left: auto;
  right: 0; }

.white-theme.fr-popup .fr-arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #ffffff;
  top: -5px;
  margin-left: -5px; }

.white-theme.fr-popup.fr-above .fr-arrow {
  top: auto;
  bottom: -9px;
  border-bottom: 0; }

.white-theme.fr-toolbar {
  color: #37474f;
  background: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 0px; }

.white-theme.fr-toolbar.fr-inline .fr-arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #bdbdbd;
  top: -9px;
  margin-left: -5px; }

.white-theme.fr-toolbar.fr-inline.fr-above {
  -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  border-bottom: 5px solid #bdbdbd;
  border-top: 0; }

.white-theme.fr-toolbar.fr-inline.fr-above .fr-arrow {
  top: auto;
  bottom: -9px;
  border-bottom: 0;
  border-top-color: inherit;
  border-top-width: 5px; }

.white-theme.fr-toolbar.fr-top {
  top: 0;
  border-radius: 2px 2px 0 0;
  border-bottom: 1px solid #d1d1d1;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.white-theme.fr-toolbar.fr-bottom {
  bottom: 0;
  border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); }

.white-theme .fr-separator {
  background: #ebebeb; }

.white-theme .fr-separator.fr-vs {
  height: 46px;
  width: 1px;
  margin: 2px; }

.white-theme .fr-separator.fr-hs {
  height: 1px;
  width: calc(100% - (2 * 2px));
  margin: 0 2px; }

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("/admin/styles/fonts/fontAwesome/fontawesome-webfont.eot?v=4.7.0");
  src: url("/admin/styles/fonts/fontAwesome/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("/admin/styles/fonts/fontAwesome/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("/admin/styles/fonts/fontAwesome/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("/admin/styles/fonts/fontAwesome/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("/admin/styles/fonts/fontAwesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.28571429em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none; }

.fa-ul > li {
  position: relative; }

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center; }

.fa-li.fa-lg {
  left: -1.85714286em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right {
  margin-left: .3em; }

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }

.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none; }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #ffffff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000"; }

.fa-music:before {
  content: "\f001"; }

.fa-search:before {
  content: "\f002"; }

.fa-envelope-o:before {
  content: "\f003"; }

.fa-heart:before {
  content: "\f004"; }

.fa-star:before {
  content: "\f005"; }

.fa-star-o:before {
  content: "\f006"; }

.fa-user:before {
  content: "\f007"; }

.fa-film:before {
  content: "\f008"; }

.fa-th-large:before {
  content: "\f009"; }

.fa-th:before {
  content: "\f00a"; }

.fa-th-list:before {
  content: "\f00b"; }

.fa-check:before {
  content: "\f00c"; }

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d"; }

.fa-search-plus:before {
  content: "\f00e"; }

.fa-search-minus:before {
  content: "\f010"; }

.fa-power-off:before {
  content: "\f011"; }

.fa-signal:before {
  content: "\f012"; }

.fa-gear:before,
.fa-cog:before {
  content: "\f013"; }

.fa-trash-o:before {
  content: "\f014"; }

.fa-home:before {
  content: "\f015"; }

.fa-file-o:before {
  content: "\f016"; }

.fa-clock-o:before {
  content: "\f017"; }

.fa-road:before {
  content: "\f018"; }

.fa-download:before {
  content: "\f019"; }

.fa-arrow-circle-o-down:before {
  content: "\f01a"; }

.fa-arrow-circle-o-up:before {
  content: "\f01b"; }

.fa-inbox:before {
  content: "\f01c"; }

.fa-play-circle-o:before {
  content: "\f01d"; }

.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e"; }

.fa-refresh:before {
  content: "\f021"; }

.fa-list-alt:before {
  content: "\f022"; }

.fa-lock:before {
  content: "\f023"; }

.fa-flag:before {
  content: "\f024"; }

.fa-headphones:before {
  content: "\f025"; }

.fa-volume-off:before {
  content: "\f026"; }

.fa-volume-down:before {
  content: "\f027"; }

.fa-volume-up:before {
  content: "\f028"; }

.fa-qrcode:before {
  content: "\f029"; }

.fa-barcode:before {
  content: "\f02a"; }

.fa-tag:before {
  content: "\f02b"; }

.fa-tags:before {
  content: "\f02c"; }

.fa-book:before {
  content: "\f02d"; }

.fa-bookmark:before {
  content: "\f02e"; }

.fa-print:before {
  content: "\f02f"; }

.fa-camera:before {
  content: "\f030"; }

.fa-font:before {
  content: "\f031"; }

.fa-bold:before {
  content: "\f032"; }

.fa-italic:before {
  content: "\f033"; }

.fa-text-height:before {
  content: "\f034"; }

.fa-text-width:before {
  content: "\f035"; }

.fa-align-left:before {
  content: "\f036"; }

.fa-align-center:before {
  content: "\f037"; }

.fa-align-right:before {
  content: "\f038"; }

.fa-align-justify:before {
  content: "\f039"; }

.fa-list:before {
  content: "\f03a"; }

.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b"; }

.fa-indent:before {
  content: "\f03c"; }

.fa-video-camera:before {
  content: "\f03d"; }

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e"; }

.fa-pencil:before {
  content: "\f040"; }

.fa-map-marker:before {
  content: "\f041"; }

.fa-adjust:before {
  content: "\f042"; }

.fa-tint:before {
  content: "\f043"; }

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044"; }

.fa-share-square-o:before {
  content: "\f045"; }

.fa-check-square-o:before {
  content: "\f046"; }

.fa-arrows:before {
  content: "\f047"; }

.fa-step-backward:before {
  content: "\f048"; }

.fa-fast-backward:before {
  content: "\f049"; }

.fa-backward:before {
  content: "\f04a"; }

.fa-play:before {
  content: "\f04b"; }

.fa-pause:before {
  content: "\f04c"; }

.fa-stop:before {
  content: "\f04d"; }

.fa-forward:before {
  content: "\f04e"; }

.fa-fast-forward:before {
  content: "\f050"; }

.fa-step-forward:before {
  content: "\f051"; }

.fa-eject:before {
  content: "\f052"; }

.fa-chevron-left:before {
  content: "\f053"; }

.fa-chevron-right:before {
  content: "\f054"; }

.fa-plus-circle:before {
  content: "\f055"; }

.fa-minus-circle:before {
  content: "\f056"; }

.fa-times-circle:before {
  content: "\f057"; }

.fa-check-circle:before {
  content: "\f058"; }

.fa-question-circle:before {
  content: "\f059"; }

.fa-info-circle:before {
  content: "\f05a"; }

.fa-crosshairs:before {
  content: "\f05b"; }

.fa-times-circle-o:before {
  content: "\f05c"; }

.fa-check-circle-o:before {
  content: "\f05d"; }

.fa-ban:before {
  content: "\f05e"; }

.fa-arrow-left:before {
  content: "\f060"; }

.fa-arrow-right:before {
  content: "\f061"; }

.fa-arrow-up:before {
  content: "\f062"; }

.fa-arrow-down:before {
  content: "\f063"; }

.fa-mail-forward:before,
.fa-share:before {
  content: "\f064"; }

.fa-expand:before {
  content: "\f065"; }

.fa-compress:before {
  content: "\f066"; }

.fa-plus:before {
  content: "\f067"; }

.fa-minus:before {
  content: "\f068"; }

.fa-asterisk:before {
  content: "\f069"; }

.fa-exclamation-circle:before {
  content: "\f06a"; }

.fa-gift:before {
  content: "\f06b"; }

.fa-leaf:before {
  content: "\f06c"; }

.fa-fire:before {
  content: "\f06d"; }

.fa-eye:before {
  content: "\f06e"; }

.fa-eye-slash:before {
  content: "\f070"; }

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071"; }

.fa-plane:before {
  content: "\f072"; }

.fa-calendar:before {
  content: "\f073"; }

.fa-random:before {
  content: "\f074"; }

.fa-comment:before {
  content: "\f075"; }

.fa-magnet:before {
  content: "\f076"; }

.fa-chevron-up:before {
  content: "\f077"; }

.fa-chevron-down:before {
  content: "\f078"; }

.fa-retweet:before {
  content: "\f079"; }

.fa-shopping-cart:before {
  content: "\f07a"; }

.fa-folder:before {
  content: "\f07b"; }

.fa-folder-open:before {
  content: "\f07c"; }

.fa-arrows-v:before {
  content: "\f07d"; }

.fa-arrows-h:before {
  content: "\f07e"; }

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080"; }

.fa-twitter-square:before {
  content: "\f081"; }

.fa-facebook-square:before {
  content: "\f082"; }

.fa-camera-retro:before {
  content: "\f083"; }

.fa-key:before {
  content: "\f084"; }

.fa-gears:before,
.fa-cogs:before {
  content: "\f085"; }

.fa-comments:before {
  content: "\f086"; }

.fa-thumbs-o-up:before {
  content: "\f087"; }

.fa-thumbs-o-down:before {
  content: "\f088"; }

.fa-star-half:before {
  content: "\f089"; }

.fa-heart-o:before {
  content: "\f08a"; }

.fa-sign-out:before {
  content: "\f08b"; }

.fa-linkedin-square:before {
  content: "\f08c"; }

.fa-thumb-tack:before {
  content: "\f08d"; }

.fa-external-link:before {
  content: "\f08e"; }

.fa-sign-in:before {
  content: "\f090"; }

.fa-trophy:before {
  content: "\f091"; }

.fa-github-square:before {
  content: "\f092"; }

.fa-upload:before {
  content: "\f093"; }

.fa-lemon-o:before {
  content: "\f094"; }

.fa-phone:before {
  content: "\f095"; }

.fa-square-o:before {
  content: "\f096"; }

.fa-bookmark-o:before {
  content: "\f097"; }

.fa-phone-square:before {
  content: "\f098"; }

.fa-twitter:before {
  content: "\f099"; }

.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a"; }

.fa-github:before {
  content: "\f09b"; }

.fa-unlock:before {
  content: "\f09c"; }

.fa-credit-card:before {
  content: "\f09d"; }

.fa-feed:before,
.fa-rss:before {
  content: "\f09e"; }

.fa-hdd-o:before {
  content: "\f0a0"; }

.fa-bullhorn:before {
  content: "\f0a1"; }

.fa-bell:before {
  content: "\f0f3"; }

.fa-certificate:before {
  content: "\f0a3"; }

.fa-hand-o-right:before {
  content: "\f0a4"; }

.fa-hand-o-left:before {
  content: "\f0a5"; }

.fa-hand-o-up:before {
  content: "\f0a6"; }

.fa-hand-o-down:before {
  content: "\f0a7"; }

.fa-arrow-circle-left:before {
  content: "\f0a8"; }

.fa-arrow-circle-right:before {
  content: "\f0a9"; }

.fa-arrow-circle-up:before {
  content: "\f0aa"; }

.fa-arrow-circle-down:before {
  content: "\f0ab"; }

.fa-globe:before {
  content: "\f0ac"; }

.fa-wrench:before {
  content: "\f0ad"; }

.fa-tasks:before {
  content: "\f0ae"; }

.fa-filter:before {
  content: "\f0b0"; }

.fa-briefcase:before {
  content: "\f0b1"; }

.fa-arrows-alt:before {
  content: "\f0b2"; }

.fa-group:before,
.fa-users:before {
  content: "\f0c0"; }

.fa-chain:before,
.fa-link:before {
  content: "\f0c1"; }

.fa-cloud:before {
  content: "\f0c2"; }

.fa-flask:before {
  content: "\f0c3"; }

.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4"; }

.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5"; }

.fa-paperclip:before {
  content: "\f0c6"; }

.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7"; }

.fa-square:before {
  content: "\f0c8"; }

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9"; }

.fa-list-ul:before {
  content: "\f0ca"; }

.fa-list-ol:before {
  content: "\f0cb"; }

.fa-strikethrough:before {
  content: "\f0cc"; }

.fa-underline:before {
  content: "\f0cd"; }

.fa-table:before {
  content: "\f0ce"; }

.fa-magic:before {
  content: "\f0d0"; }

.fa-truck:before {
  content: "\f0d1"; }

.fa-pinterest:before {
  content: "\f0d2"; }

.fa-pinterest-square:before {
  content: "\f0d3"; }

.fa-google-plus-square:before {
  content: "\f0d4"; }

.fa-google-plus:before {
  content: "\f0d5"; }

.fa-money:before {
  content: "\f0d6"; }

.fa-caret-down:before {
  content: "\f0d7"; }

.fa-caret-up:before {
  content: "\f0d8"; }

.fa-caret-left:before {
  content: "\f0d9"; }

.fa-caret-right:before {
  content: "\f0da"; }

.fa-columns:before {
  content: "\f0db"; }

.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc"; }

.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd"; }

.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de"; }

.fa-envelope:before {
  content: "\f0e0"; }

.fa-linkedin:before {
  content: "\f0e1"; }

.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2"; }

.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3"; }

.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4"; }

.fa-comment-o:before {
  content: "\f0e5"; }

.fa-comments-o:before {
  content: "\f0e6"; }

.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7"; }

.fa-sitemap:before {
  content: "\f0e8"; }

.fa-umbrella:before {
  content: "\f0e9"; }

.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea"; }

.fa-lightbulb-o:before {
  content: "\f0eb"; }

.fa-exchange:before {
  content: "\f0ec"; }

.fa-cloud-download:before {
  content: "\f0ed"; }

.fa-cloud-upload:before {
  content: "\f0ee"; }

.fa-user-md:before {
  content: "\f0f0"; }

.fa-stethoscope:before {
  content: "\f0f1"; }

.fa-suitcase:before {
  content: "\f0f2"; }

.fa-bell-o:before {
  content: "\f0a2"; }

.fa-coffee:before {
  content: "\f0f4"; }

.fa-cutlery:before {
  content: "\f0f5"; }

.fa-file-text-o:before {
  content: "\f0f6"; }

.fa-building-o:before {
  content: "\f0f7"; }

.fa-hospital-o:before {
  content: "\f0f8"; }

.fa-ambulance:before {
  content: "\f0f9"; }

.fa-medkit:before {
  content: "\f0fa"; }

.fa-fighter-jet:before {
  content: "\f0fb"; }

.fa-beer:before {
  content: "\f0fc"; }

.fa-h-square:before {
  content: "\f0fd"; }

.fa-plus-square:before {
  content: "\f0fe"; }

.fa-angle-double-left:before {
  content: "\f100"; }

.fa-angle-double-right:before {
  content: "\f101"; }

.fa-angle-double-up:before {
  content: "\f102"; }

.fa-angle-double-down:before {
  content: "\f103"; }

.fa-angle-left:before {
  content: "\f104"; }

.fa-angle-right:before {
  content: "\f105"; }

.fa-angle-up:before {
  content: "\f106"; }

.fa-angle-down:before {
  content: "\f107"; }

.fa-desktop:before {
  content: "\f108"; }

.fa-laptop:before {
  content: "\f109"; }

.fa-tablet:before {
  content: "\f10a"; }

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b"; }

.fa-circle-o:before {
  content: "\f10c"; }

.fa-quote-left:before {
  content: "\f10d"; }

.fa-quote-right:before {
  content: "\f10e"; }

.fa-spinner:before {
  content: "\f110"; }

.fa-circle:before {
  content: "\f111"; }

.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112"; }

.fa-github-alt:before {
  content: "\f113"; }

.fa-folder-o:before {
  content: "\f114"; }

.fa-folder-open-o:before {
  content: "\f115"; }

.fa-smile-o:before {
  content: "\f118"; }

.fa-frown-o:before {
  content: "\f119"; }

.fa-meh-o:before {
  content: "\f11a"; }

.fa-gamepad:before {
  content: "\f11b"; }

.fa-keyboard-o:before {
  content: "\f11c"; }

.fa-flag-o:before {
  content: "\f11d"; }

.fa-flag-checkered:before {
  content: "\f11e"; }

.fa-terminal:before {
  content: "\f120"; }

.fa-code:before {
  content: "\f121"; }

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122"; }

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123"; }

.fa-location-arrow:before {
  content: "\f124"; }

.fa-crop:before {
  content: "\f125"; }

.fa-code-fork:before {
  content: "\f126"; }

.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127"; }

.fa-question:before {
  content: "\f128"; }

.fa-info:before {
  content: "\f129"; }

.fa-exclamation:before {
  content: "\f12a"; }

.fa-superscript:before {
  content: "\f12b"; }

.fa-subscript:before {
  content: "\f12c"; }

.fa-eraser:before {
  content: "\f12d"; }

.fa-puzzle-piece:before {
  content: "\f12e"; }

.fa-microphone:before {
  content: "\f130"; }

.fa-microphone-slash:before {
  content: "\f131"; }

.fa-shield:before {
  content: "\f132"; }

.fa-calendar-o:before {
  content: "\f133"; }

.fa-fire-extinguisher:before {
  content: "\f134"; }

.fa-rocket:before {
  content: "\f135"; }

.fa-maxcdn:before {
  content: "\f136"; }

.fa-chevron-circle-left:before {
  content: "\f137"; }

.fa-chevron-circle-right:before {
  content: "\f138"; }

.fa-chevron-circle-up:before {
  content: "\f139"; }

.fa-chevron-circle-down:before {
  content: "\f13a"; }

.fa-html5:before {
  content: "\f13b"; }

.fa-css3:before {
  content: "\f13c"; }

.fa-anchor:before {
  content: "\f13d"; }

.fa-unlock-alt:before {
  content: "\f13e"; }

.fa-bullseye:before {
  content: "\f140"; }

.fa-ellipsis-h:before {
  content: "\f141"; }

.fa-ellipsis-v:before {
  content: "\f142"; }

.fa-rss-square:before {
  content: "\f143"; }

.fa-play-circle:before {
  content: "\f144"; }

.fa-ticket:before {
  content: "\f145"; }

.fa-minus-square:before {
  content: "\f146"; }

.fa-minus-square-o:before {
  content: "\f147"; }

.fa-level-up:before {
  content: "\f148"; }

.fa-level-down:before {
  content: "\f149"; }

.fa-check-square:before {
  content: "\f14a"; }

.fa-pencil-square:before {
  content: "\f14b"; }

.fa-external-link-square:before {
  content: "\f14c"; }

.fa-share-square:before {
  content: "\f14d"; }

.fa-compass:before {
  content: "\f14e"; }

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150"; }

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151"; }

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152"; }

.fa-euro:before,
.fa-eur:before {
  content: "\f153"; }

.fa-gbp:before {
  content: "\f154"; }

.fa-dollar:before,
.fa-usd:before {
  content: "\f155"; }

.fa-rupee:before,
.fa-inr:before {
  content: "\f156"; }

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157"; }

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158"; }

.fa-won:before,
.fa-krw:before {
  content: "\f159"; }

.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a"; }

.fa-file:before {
  content: "\f15b"; }

.fa-file-text:before {
  content: "\f15c"; }

.fa-sort-alpha-asc:before {
  content: "\f15d"; }

.fa-sort-alpha-desc:before {
  content: "\f15e"; }

.fa-sort-amount-asc:before {
  content: "\f160"; }

.fa-sort-amount-desc:before {
  content: "\f161"; }

.fa-sort-numeric-asc:before {
  content: "\f162"; }

.fa-sort-numeric-desc:before {
  content: "\f163"; }

.fa-thumbs-up:before {
  content: "\f164"; }

.fa-thumbs-down:before {
  content: "\f165"; }

.fa-youtube-square:before {
  content: "\f166"; }

.fa-youtube:before {
  content: "\f167"; }

.fa-xing:before {
  content: "\f168"; }

.fa-xing-square:before {
  content: "\f169"; }

.fa-youtube-play:before {
  content: "\f16a"; }

.fa-dropbox:before {
  content: "\f16b"; }

.fa-stack-overflow:before {
  content: "\f16c"; }

.fa-instagram:before {
  content: "\f16d"; }

.fa-flickr:before {
  content: "\f16e"; }

.fa-adn:before {
  content: "\f170"; }

.fa-bitbucket:before {
  content: "\f171"; }

.fa-bitbucket-square:before {
  content: "\f172"; }

.fa-tumblr:before {
  content: "\f173"; }

.fa-tumblr-square:before {
  content: "\f174"; }

.fa-long-arrow-down:before {
  content: "\f175"; }

.fa-long-arrow-up:before {
  content: "\f176"; }

.fa-long-arrow-left:before {
  content: "\f177"; }

.fa-long-arrow-right:before {
  content: "\f178"; }

.fa-apple:before {
  content: "\f179"; }

.fa-windows:before {
  content: "\f17a"; }

.fa-android:before {
  content: "\f17b"; }

.fa-linux:before {
  content: "\f17c"; }

.fa-dribbble:before {
  content: "\f17d"; }

.fa-skype:before {
  content: "\f17e"; }

.fa-foursquare:before {
  content: "\f180"; }

.fa-trello:before {
  content: "\f181"; }

.fa-female:before {
  content: "\f182"; }

.fa-male:before {
  content: "\f183"; }

.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184"; }

.fa-sun-o:before {
  content: "\f185"; }

.fa-moon-o:before {
  content: "\f186"; }

.fa-archive:before {
  content: "\f187"; }

.fa-bug:before {
  content: "\f188"; }

.fa-vk:before {
  content: "\f189"; }

.fa-weibo:before {
  content: "\f18a"; }

.fa-renren:before {
  content: "\f18b"; }

.fa-pagelines:before {
  content: "\f18c"; }

.fa-stack-exchange:before {
  content: "\f18d"; }

.fa-arrow-circle-o-right:before {
  content: "\f18e"; }

.fa-arrow-circle-o-left:before {
  content: "\f190"; }

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191"; }

.fa-dot-circle-o:before {
  content: "\f192"; }

.fa-wheelchair:before {
  content: "\f193"; }

.fa-vimeo-square:before {
  content: "\f194"; }

.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195"; }

.fa-plus-square-o:before {
  content: "\f196"; }

.fa-space-shuttle:before {
  content: "\f197"; }

.fa-slack:before {
  content: "\f198"; }

.fa-envelope-square:before {
  content: "\f199"; }

.fa-wordpress:before {
  content: "\f19a"; }

.fa-openid:before {
  content: "\f19b"; }

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c"; }

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d"; }

.fa-yahoo:before {
  content: "\f19e"; }

.fa-google:before {
  content: "\f1a0"; }

.fa-reddit:before {
  content: "\f1a1"; }

.fa-reddit-square:before {
  content: "\f1a2"; }

.fa-stumbleupon-circle:before {
  content: "\f1a3"; }

.fa-stumbleupon:before {
  content: "\f1a4"; }

.fa-delicious:before {
  content: "\f1a5"; }

.fa-digg:before {
  content: "\f1a6"; }

.fa-pied-piper-pp:before {
  content: "\f1a7"; }

.fa-pied-piper-alt:before {
  content: "\f1a8"; }

.fa-drupal:before {
  content: "\f1a9"; }

.fa-joomla:before {
  content: "\f1aa"; }

.fa-language:before {
  content: "\f1ab"; }

.fa-fax:before {
  content: "\f1ac"; }

.fa-building:before {
  content: "\f1ad"; }

.fa-child:before {
  content: "\f1ae"; }

.fa-paw:before {
  content: "\f1b0"; }

.fa-spoon:before {
  content: "\f1b1"; }

.fa-cube:before {
  content: "\f1b2"; }

.fa-cubes:before {
  content: "\f1b3"; }

.fa-behance:before {
  content: "\f1b4"; }

.fa-behance-square:before {
  content: "\f1b5"; }

.fa-steam:before {
  content: "\f1b6"; }

.fa-steam-square:before {
  content: "\f1b7"; }

.fa-recycle:before {
  content: "\f1b8"; }

.fa-automobile:before,
.fa-car:before {
  content: "\f1b9"; }

.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba"; }

.fa-tree:before {
  content: "\f1bb"; }

.fa-spotify:before {
  content: "\f1bc"; }

.fa-deviantart:before {
  content: "\f1bd"; }

.fa-soundcloud:before {
  content: "\f1be"; }

.fa-database:before {
  content: "\f1c0"; }

.fa-file-pdf-o:before {
  content: "\f1c1"; }

.fa-file-word-o:before {
  content: "\f1c2"; }

.fa-file-excel-o:before {
  content: "\f1c3"; }

.fa-file-powerpoint-o:before {
  content: "\f1c4"; }

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5"; }

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6"; }

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7"; }

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8"; }

.fa-file-code-o:before {
  content: "\f1c9"; }

.fa-vine:before {
  content: "\f1ca"; }

.fa-codepen:before {
  content: "\f1cb"; }

.fa-jsfiddle:before {
  content: "\f1cc"; }

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd"; }

.fa-circle-o-notch:before {
  content: "\f1ce"; }

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0"; }

.fa-ge:before,
.fa-empire:before {
  content: "\f1d1"; }

.fa-git-square:before {
  content: "\f1d2"; }

.fa-git:before {
  content: "\f1d3"; }

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4"; }

.fa-tencent-weibo:before {
  content: "\f1d5"; }

.fa-qq:before {
  content: "\f1d6"; }

.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7"; }

.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8"; }

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9"; }

.fa-history:before {
  content: "\f1da"; }

.fa-circle-thin:before {
  content: "\f1db"; }

.fa-header:before {
  content: "\f1dc"; }

.fa-paragraph:before {
  content: "\f1dd"; }

.fa-sliders:before {
  content: "\f1de"; }

.fa-share-alt:before {
  content: "\f1e0"; }

.fa-share-alt-square:before {
  content: "\f1e1"; }

.fa-bomb:before {
  content: "\f1e2"; }

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3"; }

.fa-tty:before {
  content: "\f1e4"; }

.fa-binoculars:before {
  content: "\f1e5"; }

.fa-plug:before {
  content: "\f1e6"; }

.fa-slideshare:before {
  content: "\f1e7"; }

.fa-twitch:before {
  content: "\f1e8"; }

.fa-yelp:before {
  content: "\f1e9"; }

.fa-newspaper-o:before {
  content: "\f1ea"; }

.fa-wifi:before {
  content: "\f1eb"; }

.fa-calculator:before {
  content: "\f1ec"; }

.fa-paypal:before {
  content: "\f1ed"; }

.fa-google-wallet:before {
  content: "\f1ee"; }

.fa-cc-visa:before {
  content: "\f1f0"; }

.fa-cc-mastercard:before {
  content: "\f1f1"; }

.fa-cc-discover:before {
  content: "\f1f2"; }

.fa-cc-amex:before {
  content: "\f1f3"; }

.fa-cc-paypal:before {
  content: "\f1f4"; }

.fa-cc-stripe:before {
  content: "\f1f5"; }

.fa-bell-slash:before {
  content: "\f1f6"; }

.fa-bell-slash-o:before {
  content: "\f1f7"; }

.fa-trash:before {
  content: "\f1f8"; }

.fa-copyright:before {
  content: "\f1f9"; }

.fa-at:before {
  content: "\f1fa"; }

.fa-eyedropper:before {
  content: "\f1fb"; }

.fa-paint-brush:before {
  content: "\f1fc"; }

.fa-birthday-cake:before {
  content: "\f1fd"; }

.fa-area-chart:before {
  content: "\f1fe"; }

.fa-pie-chart:before {
  content: "\f200"; }

.fa-line-chart:before {
  content: "\f201"; }

.fa-lastfm:before {
  content: "\f202"; }

.fa-lastfm-square:before {
  content: "\f203"; }

.fa-toggle-off:before {
  content: "\f204"; }

.fa-toggle-on:before {
  content: "\f205"; }

.fa-bicycle:before {
  content: "\f206"; }

.fa-bus:before {
  content: "\f207"; }

.fa-ioxhost:before {
  content: "\f208"; }

.fa-angellist:before {
  content: "\f209"; }

.fa-cc:before {
  content: "\f20a"; }

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b"; }

.fa-meanpath:before {
  content: "\f20c"; }

.fa-buysellads:before {
  content: "\f20d"; }

.fa-connectdevelop:before {
  content: "\f20e"; }

.fa-dashcube:before {
  content: "\f210"; }

.fa-forumbee:before {
  content: "\f211"; }

.fa-leanpub:before {
  content: "\f212"; }

.fa-sellsy:before {
  content: "\f213"; }

.fa-shirtsinbulk:before {
  content: "\f214"; }

.fa-simplybuilt:before {
  content: "\f215"; }

.fa-skyatlas:before {
  content: "\f216"; }

.fa-cart-plus:before {
  content: "\f217"; }

.fa-cart-arrow-down:before {
  content: "\f218"; }

.fa-diamond:before {
  content: "\f219"; }

.fa-ship:before {
  content: "\f21a"; }

.fa-user-secret:before {
  content: "\f21b"; }

.fa-motorcycle:before {
  content: "\f21c"; }

.fa-street-view:before {
  content: "\f21d"; }

.fa-heartbeat:before {
  content: "\f21e"; }

.fa-venus:before {
  content: "\f221"; }

.fa-mars:before {
  content: "\f222"; }

.fa-mercury:before {
  content: "\f223"; }

.fa-intersex:before,
.fa-transgender:before {
  content: "\f224"; }

.fa-transgender-alt:before {
  content: "\f225"; }

.fa-venus-double:before {
  content: "\f226"; }

.fa-mars-double:before {
  content: "\f227"; }

.fa-venus-mars:before {
  content: "\f228"; }

.fa-mars-stroke:before {
  content: "\f229"; }

.fa-mars-stroke-v:before {
  content: "\f22a"; }

.fa-mars-stroke-h:before {
  content: "\f22b"; }

.fa-neuter:before {
  content: "\f22c"; }

.fa-genderless:before {
  content: "\f22d"; }

.fa-facebook-official:before {
  content: "\f230"; }

.fa-pinterest-p:before {
  content: "\f231"; }

.fa-whatsapp:before {
  content: "\f232"; }

.fa-server:before {
  content: "\f233"; }

.fa-user-plus:before {
  content: "\f234"; }

.fa-user-times:before {
  content: "\f235"; }

.fa-hotel:before,
.fa-bed:before {
  content: "\f236"; }

.fa-viacoin:before {
  content: "\f237"; }

.fa-train:before {
  content: "\f238"; }

.fa-subway:before {
  content: "\f239"; }

.fa-medium:before {
  content: "\f23a"; }

.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b"; }

.fa-optin-monster:before {
  content: "\f23c"; }

.fa-opencart:before {
  content: "\f23d"; }

.fa-expeditedssl:before {
  content: "\f23e"; }

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240"; }

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241"; }

.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242"; }

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243"; }

.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244"; }

.fa-mouse-pointer:before {
  content: "\f245"; }

.fa-i-cursor:before {
  content: "\f246"; }

.fa-object-group:before {
  content: "\f247"; }

.fa-object-ungroup:before {
  content: "\f248"; }

.fa-sticky-note:before {
  content: "\f249"; }

.fa-sticky-note-o:before {
  content: "\f24a"; }

.fa-cc-jcb:before {
  content: "\f24b"; }

.fa-cc-diners-club:before {
  content: "\f24c"; }

.fa-clone:before {
  content: "\f24d"; }

.fa-balance-scale:before {
  content: "\f24e"; }

.fa-hourglass-o:before {
  content: "\f250"; }

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251"; }

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252"; }

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253"; }

.fa-hourglass:before {
  content: "\f254"; }

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255"; }

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256"; }

.fa-hand-scissors-o:before {
  content: "\f257"; }

.fa-hand-lizard-o:before {
  content: "\f258"; }

.fa-hand-spock-o:before {
  content: "\f259"; }

.fa-hand-pointer-o:before {
  content: "\f25a"; }

.fa-hand-peace-o:before {
  content: "\f25b"; }

.fa-trademark:before {
  content: "\f25c"; }

.fa-registered:before {
  content: "\f25d"; }

.fa-creative-commons:before {
  content: "\f25e"; }

.fa-gg:before {
  content: "\f260"; }

.fa-gg-circle:before {
  content: "\f261"; }

.fa-tripadvisor:before {
  content: "\f262"; }

.fa-odnoklassniki:before {
  content: "\f263"; }

.fa-odnoklassniki-square:before {
  content: "\f264"; }

.fa-get-pocket:before {
  content: "\f265"; }

.fa-wikipedia-w:before {
  content: "\f266"; }

.fa-safari:before {
  content: "\f267"; }

.fa-chrome:before {
  content: "\f268"; }

.fa-firefox:before {
  content: "\f269"; }

.fa-opera:before {
  content: "\f26a"; }

.fa-internet-explorer:before {
  content: "\f26b"; }

.fa-tv:before,
.fa-television:before {
  content: "\f26c"; }

.fa-contao:before {
  content: "\f26d"; }

.fa-500px:before {
  content: "\f26e"; }

.fa-amazon:before {
  content: "\f270"; }

.fa-calendar-plus-o:before {
  content: "\f271"; }

.fa-calendar-minus-o:before {
  content: "\f272"; }

.fa-calendar-times-o:before {
  content: "\f273"; }

.fa-calendar-check-o:before {
  content: "\f274"; }

.fa-industry:before {
  content: "\f275"; }

.fa-map-pin:before {
  content: "\f276"; }

.fa-map-signs:before {
  content: "\f277"; }

.fa-map-o:before {
  content: "\f278"; }

.fa-map:before {
  content: "\f279"; }

.fa-commenting:before {
  content: "\f27a"; }

.fa-commenting-o:before {
  content: "\f27b"; }

.fa-houzz:before {
  content: "\f27c"; }

.fa-vimeo:before {
  content: "\f27d"; }

.fa-black-tie:before {
  content: "\f27e"; }

.fa-fonticons:before {
  content: "\f280"; }

.fa-reddit-alien:before {
  content: "\f281"; }

.fa-edge:before {
  content: "\f282"; }

.fa-credit-card-alt:before {
  content: "\f283"; }

.fa-codiepie:before {
  content: "\f284"; }

.fa-modx:before {
  content: "\f285"; }

.fa-fort-awesome:before {
  content: "\f286"; }

.fa-usb:before {
  content: "\f287"; }

.fa-product-hunt:before {
  content: "\f288"; }

.fa-mixcloud:before {
  content: "\f289"; }

.fa-scribd:before {
  content: "\f28a"; }

.fa-pause-circle:before {
  content: "\f28b"; }

.fa-pause-circle-o:before {
  content: "\f28c"; }

.fa-stop-circle:before {
  content: "\f28d"; }

.fa-stop-circle-o:before {
  content: "\f28e"; }

.fa-shopping-bag:before {
  content: "\f290"; }

.fa-shopping-basket:before {
  content: "\f291"; }

.fa-hashtag:before {
  content: "\f292"; }

.fa-bluetooth:before {
  content: "\f293"; }

.fa-bluetooth-b:before {
  content: "\f294"; }

.fa-percent:before {
  content: "\f295"; }

.fa-gitlab:before {
  content: "\f296"; }

.fa-wpbeginner:before {
  content: "\f297"; }

.fa-wpforms:before {
  content: "\f298"; }

.fa-envira:before {
  content: "\f299"; }

.fa-universal-access:before {
  content: "\f29a"; }

.fa-wheelchair-alt:before {
  content: "\f29b"; }

.fa-question-circle-o:before {
  content: "\f29c"; }

.fa-blind:before {
  content: "\f29d"; }

.fa-audio-description:before {
  content: "\f29e"; }

.fa-volume-control-phone:before {
  content: "\f2a0"; }

.fa-braille:before {
  content: "\f2a1"; }

.fa-assistive-listening-systems:before {
  content: "\f2a2"; }

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3"; }

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4"; }

.fa-glide:before {
  content: "\f2a5"; }

.fa-glide-g:before {
  content: "\f2a6"; }

.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7"; }

.fa-low-vision:before {
  content: "\f2a8"; }

.fa-viadeo:before {
  content: "\f2a9"; }

.fa-viadeo-square:before {
  content: "\f2aa"; }

.fa-snapchat:before {
  content: "\f2ab"; }

.fa-snapchat-ghost:before {
  content: "\f2ac"; }

.fa-snapchat-square:before {
  content: "\f2ad"; }

.fa-pied-piper:before {
  content: "\f2ae"; }

.fa-first-order:before {
  content: "\f2b0"; }

.fa-yoast:before {
  content: "\f2b1"; }

.fa-themeisle:before {
  content: "\f2b2"; }

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3"; }

.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4"; }

.fa-handshake-o:before {
  content: "\f2b5"; }

.fa-envelope-open:before {
  content: "\f2b6"; }

.fa-envelope-open-o:before {
  content: "\f2b7"; }

.fa-linode:before {
  content: "\f2b8"; }

.fa-address-book:before {
  content: "\f2b9"; }

.fa-address-book-o:before {
  content: "\f2ba"; }

.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb"; }

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc"; }

.fa-user-circle:before {
  content: "\f2bd"; }

.fa-user-circle-o:before {
  content: "\f2be"; }

.fa-user-o:before {
  content: "\f2c0"; }

.fa-id-badge:before {
  content: "\f2c1"; }

.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2"; }

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3"; }

.fa-quora:before {
  content: "\f2c4"; }

.fa-free-code-camp:before {
  content: "\f2c5"; }

.fa-telegram:before {
  content: "\f2c6"; }

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7"; }

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8"; }

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9"; }

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca"; }

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb"; }

.fa-shower:before {
  content: "\f2cc"; }

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd"; }

.fa-podcast:before {
  content: "\f2ce"; }

.fa-window-maximize:before {
  content: "\f2d0"; }

.fa-window-minimize:before {
  content: "\f2d1"; }

.fa-window-restore:before {
  content: "\f2d2"; }

.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3"; }

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4"; }

.fa-bandcamp:before {
  content: "\f2d5"; }

.fa-grav:before {
  content: "\f2d6"; }

.fa-etsy:before {
  content: "\f2d7"; }

.fa-imdb:before {
  content: "\f2d8"; }

.fa-ravelry:before {
  content: "\f2d9"; }

.fa-eercast:before {
  content: "\f2da"; }

.fa-microchip:before {
  content: "\f2db"; }

.fa-snowflake-o:before {
  content: "\f2dc"; }

.fa-superpowers:before {
  content: "\f2dd"; }

.fa-wpexplorer:before {
  content: "\f2de"; }

.fa-meetup:before {
  content: "\f2e0"; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

/* ========================================================================
 * bootstrap-tour - v0.12.0
 * http://bootstraptour.com
 * ========================================================================
 * Copyright 2012-2015 Ulrich Sossou
 *
 * ========================================================================
 * Licensed under the MIT License (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     https://opensource.org/licenses/MIT
 *
 * 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.
 * ========================================================================
 */
/*!
 * Bootstrap v3.1.0 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none; }

.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none; }

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none; }

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc; }

.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c; }

.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad; }

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad; }

.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c; }

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none; }

.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc; }

.btn-default .badge {
  color: #fff;
  background-color: #333; }

.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4; }

.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40; }

.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74; }

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74; }

.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40; }

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none; }

.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4; }

.btn-primary .badge {
  color: #337ab7;
  background-color: #fff; }

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c; }

.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625; }

.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439; }

.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439; }

.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625; }

.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none; }

.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c; }

.btn-success .badge {
  color: #5cb85c;
  background-color: #fff; }

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da; }

.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85; }

.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc; }

.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc; }

.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85; }

.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none; }

.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da; }

.btn-info .badge {
  color: #5bc0de;
  background-color: #fff; }

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236; }

.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d; }

.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512; }

.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512; }

.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d; }

.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none; }

.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236; }

.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff; }

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a; }

.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19; }

.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925; }

.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925; }

.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19; }

.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none; }

.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a; }

.btn-danger .badge {
  color: #d9534f;
  background-color: #fff; }

.btn-link {
  color: #337ab7;
  font-weight: normal;
  border-radius: 0; }

.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none; }

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent; }

.btn-link:hover,
.btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent; }

.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none; }

.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px; }

.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-block {
  display: block;
  width: 100%; }

.btn-block + .btn-block {
  margin-top: 5px; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle; }

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left; }

.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2; }

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px; }

.btn-toolbar {
  margin-left: -5px; }

.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left; }

.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px; }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0; }

.btn-group > .btn:first-child {
  margin-left: 0; }

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group > .btn-group {
  float: left; }

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0; }

.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px; }

.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px; }

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none; }

.btn .caret {
  margin-left: 0; }

.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0; }

.dropup .btn-lg .caret {
  border-width: 0 5px 5px; }

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%; }

.btn-group-vertical > .btn-group > .btn {
  float: none; }

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0; }

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0; }

.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px; }

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate; }

.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%; }

.btn-group-justified > .btn-group .btn {
  width: 100%; }

.btn-group-justified > .btn-group .dropdown-menu {
  left: auto; }

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.popover.top {
  margin-top: -10px; }

.popover.right {
  margin-left: 10px; }

.popover.bottom {
  margin-top: 10px; }

.popover.left {
  margin-left: -10px; }

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0; }

.popover-content {
  padding: 9px 14px; }

.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover > .arrow {
  border-width: 11px; }

.popover > .arrow:after {
  border-width: 10px;
  content: ""; }

.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px; }

.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fff; }

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25); }

.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff; }

.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px; }

.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff; }

.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25); }

.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px; }

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear; }

.fade.in {
  opacity: 1; }

.collapse {
  display: none; }

.collapse.in {
  display: block; }

tr.collapse.in {
  display: table-row; }

tbody.collapse.in {
  display: table-row-group; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease; }

.tour-backdrop {
  position: absolute;
  z-index: 1100;
  background-color: #000;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.popover[class*="tour-"] {
  z-index: 1102; }

.popover[class*="tour-"] .popover-navigation {
  padding: 9px 14px;
  overflow: hidden; }

.popover[class*="tour-"] .popover-navigation *[data-role="end"] {
  float: right; }

.popover[class*="tour-"] .popover-navigation *[data-role="prev"],
.popover[class*="tour-"] .popover-navigation *[data-role="next"],
.popover[class*="tour-"] .popover-navigation *[data-role="end"] {
  cursor: pointer; }

.popover[class*="tour-"] .popover-navigation *[data-role="prev"].disabled,
.popover[class*="tour-"] .popover-navigation *[data-role="next"].disabled,
.popover[class*="tour-"] .popover-navigation *[data-role="end"].disabled {
  cursor: default; }

.popover[class*="tour-"].orphan {
  position: fixed;
  margin-top: 0; }

.popover[class*="tour-"].orphan .arrow {
  display: none; }

html,
body {
  height: 100%;
  position: relative; }

body {
  margin: 0;
  padding: 0; }

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

.inset {
  padding: 10px; }

a.md-no-style,
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; }

input:-webkit-autofill {
  text-shadow: 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 {
  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%;
  transition: all 0.55s cubic-bezier(0.25, 0.8, 0.25, 1); }

.md-ripple {
  position: absolute;
  transform: translate(-50%, -50%) scale(0);
  transform-origin: 50% 50%;
  opacity: 0;
  border-radius: 50%; }
  .md-ripple.md-ripple-placed {
    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); }
  .md-ripple.md-ripple-scaled {
    transform: translate(-50%, -50%) scale(1); }
  .md-ripple.md-ripple-active, .md-ripple.md-ripple-full, .md-ripple.md-ripple-visible {
    opacity: 0.2; }
  .md-ripple.md-ripple-remove {
    animation: md-remove-ripple 0.9s cubic-bezier(0.25, 0.8, 0.25, 1); }

@keyframes md-remove-ripple {
  0% {
    opacity: 0.15; }
  100% {
    opacity: 0; } }

.md-padding {
  padding: 8px; }

.md-margin {
  margin: 8px; }

.md-scroll-mask {
  position: absolute;
  background-color: transparent;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 50; }
  .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); }

.md-no-momentum {
  -webkit-overflow-scrolling: auto; }

.md-no-flicker {
  -webkit-filter: blur(0px); }

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

html[dir='rtl'], html[dir='ltr'],
body[dir='rtl'],
body[dir='ltr'] {
  unicode-bidi: embed; }

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

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

html,
body {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -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.01em;
  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.01em;
  line-height: 24px; }

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

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

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

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

/************
 * Defaults
 ************/
button,
select,
html,
textarea,
input {
  font-family: "Open Sans", sans-serif; }

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

/*
*
*  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
*
*
*/
@keyframes md-autocomplete-list-out {
  0% {
    animation-timing-function: linear; }
  50% {
    opacity: 0;
    height: 40px;
    animation-timing-function: ease-in; }
  100% {
    height: 0;
    opacity: 0; } }

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

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

md-backdrop {
  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;
    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: 0.48; }
    md-backdrop.md-opaque.ng-enter {
      opacity: 0; }
    md-backdrop.md-opaque.ng-enter.md-opaque.ng-enter-active {
      opacity: 0.48; }
    md-backdrop.md-opaque.ng-leave {
      opacity: 0.48;
      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;
  transform: translate3d(0, 80px, 0);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-property: transform; }
  md-bottom-sheet.md-has-header {
    padding-top: 0; }
  md-bottom-sheet.ng-enter {
    opacity: 0;
    transform: translate3d(0, 100%, 0); }
  md-bottom-sheet.ng-enter-active {
    opacity: 1;
    display: block;
    transform: translate3d(0, 80px, 0) !important; }
  md-bottom-sheet.ng-leave-active {
    transform: translate3d(0, 100%, 0) !important;
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  md-bottom-sheet .md-subheader {
    background-color: transparent;
    font-family: "Open Sans", 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: flex;
    outline: none; }
    md-bottom-sheet md-list-item:hover {
      cursor: pointer; }
  md-bottom-sheet.md-list md-list-item {
    padding: 0;
    align-items: center;
    height: 48px; }
  md-bottom-sheet.md-grid {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 0; }
    md-bottom-sheet.md-grid md-list {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      transition: all 0.5s;
      align-items: center; }
    md-bottom-sheet.md-grid md-list-item {
      flex-direction: column;
      align-items: center;
      transition: all 0.5s;
      height: 96px;
      margin-top: 8px;
      margin-bottom: 8px;
      /* Mixin for how many grid items to show per row */ }
      @media (max-width: 960px) {
        md-bottom-sheet.md-grid md-list-item {
          flex: 1 1 33.3333333333%;
          max-width: 33.3333333333%; }
          md-bottom-sheet.md-grid md-list-item:nth-of-type(3n + 1) {
            align-items: flex-start; }
          md-bottom-sheet.md-grid md-list-item:nth-of-type(3n) {
            align-items: flex-end; } }
      @media (min-width: 960px) and (max-width: 1279px) {
        md-bottom-sheet.md-grid md-list-item {
          flex: 1 1 25%;
          max-width: 25%; } }
      @media (min-width: 1280px) and (max-width: 1919px) {
        md-bottom-sheet.md-grid md-list-item {
          flex: 1 1 16.6666666667%;
          max-width: 16.6666666667%; } }
      @media (min-width: 1920px) {
        md-bottom-sheet.md-grid md-list-item {
          flex: 1 1 14.2857142857%;
          max-width: 14.2857142857%; } }
      md-bottom-sheet.md-grid md-list-item::before {
        display: none; }
      md-bottom-sheet.md-grid md-list-item .md-list-item-content {
        display: flex;
        flex-direction: column;
        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: flex;
        flex-direction: column;
        align-items: center;
        width: 80px; }
      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 {
  display: inline-block;
  position: relative;
  cursor: pointer;
  /** Alignment adjustments */
  min-height: 36px;
  min-width: 88px;
  line-height: 36px;
  vertical-align: middle;
  align-items: center;
  text-align: center;
  border-radius: 3px;
  box-sizing: border-box;
  /* Reset default button appearance */
  user-select: none;
  outline: none;
  border: 0;
  /** Custom styling for button */
  padding: 0 6px;
  margin: 6px 8px;
  background: transparent;
  color: currentColor;
  white-space: nowrap;
  /* Uppercase text content */
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  font-style: inherit;
  font-variant: inherit;
  font-family: inherit;
  text-decoration: none;
  overflow: hidden;
  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 {
    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;
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    transition-property: background-color, box-shadow, 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 {
      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-button.md-icon-button md-icon,
button.md-button.md-fab md-icon {
  display: block; }

.md-toast-open-top .md-button.md-fab-top-left,
.md-toast-open-top .md-button.md-fab-top-right {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  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 {
    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 {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  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 {
    transform: translate3d(0, -43px, 0); }

.md-button-group {
  display: flex;
  flex: 1;
  width: 100%; }
  .md-button-group > .md-button {
    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: flex;
  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: flex;
    flex-direction: row; }
    md-card md-card-header:first-child md-card-avatar {
      margin-right: 12px; }
      [dir='rtl'] md-card md-card-header:first-child md-card-avatar {
        margin-right: auto;
        margin-left: 12px; }
    md-card md-card-header:last-child md-card-avatar {
      margin-left: 12px; }
      [dir='rtl'] md-card md-card-header:last-child md-card-avatar {
        margin-left: auto;
        margin-right: 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: flex;
      flex: 1;
      flex-direction: column; }
      md-card md-card-header md-card-header-text .md-subhead {
        font-size: 14px; }
  md-card > img,
  md-card > md-card-header img,
  md-card md-card-title-media img {
    box-sizing: border-box;
    display: flex;
    flex: 0 0 auto;
    width: 100%;
    height: auto; }
  md-card md-card-title {
    padding: 24px 16px 16px;
    display: flex;
    flex: 1 1 auto;
    flex-direction: row; }
    md-card md-card-title + md-card-content {
      padding-top: 0; }
    md-card md-card-title md-card-title-text {
      flex: 1;
      flex-direction: column;
      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 {
      flex: 1;
      justify-content: flex-start;
      display: flex;
      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; }
        [dir='rtl'] md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type, [dir='rtl']
        md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type {
          margin-left: auto;
          margin-right: 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; }
        [dir='rtl'] md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type, [dir='rtl']
        md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type {
          margin-right: auto;
          margin-left: 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; }
        [dir='rtl'] md-card .md-actions:not(.layout-column) .md-button.md-icon-button:first-of-type, [dir='rtl']
        md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:first-of-type {
          margin-left: auto;
          margin-right: 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; }
        [dir='rtl'] md-card .md-actions:not(.layout-column) .md-button.md-icon-button:last-of-type, [dir='rtl']
        md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:last-of-type {
          margin-right: auto;
          margin-left: 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 {
      flex: 1;
      justify-content: flex-end;
      display: flex;
      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-image-no-fill > img {
  width: auto;
  height: auto; }

.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; }
    [dir='rtl'] .md-contact-suggestion .md-contact-name {
      margin-left: auto;
      margin-right: 8px; }
  .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-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;
  user-select: none;
  position: relative;
  min-width: 20px;
  min-height: 20px;
  margin-left: 0;
  margin-right: 16px; }
  [dir='rtl'] md-checkbox {
    margin-left: 16px; }
  [dir='rtl'] md-checkbox {
    margin-right: 0; }
  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%;
    transform: translateY(-50%);
    box-sizing: border-box;
    display: inline-block;
    width: 20px;
    height: 20px;
    left: 0;
    right: auto; }
    [dir='rtl'] md-checkbox .md-container {
      left: auto; }
    [dir='rtl'] md-checkbox .md-container {
      right: 0; }
    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;
      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;
    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-color: transparent; }
    md-checkbox.md-checked .md-icon:after {
      box-sizing: border-box;
      transform: rotate(45deg);
      position: absolute;
      left: 4.6666666667px;
      top: 0.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%;
    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;
    user-select: text;
    margin-left: 30px;
    margin-right: 0; }
    [dir='rtl'] md-checkbox .md-label {
      margin-left: 0; }
    [dir='rtl'] md-checkbox .md-label {
      margin-right: 30px; }

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; }
  @media print {
    md-content {
      overflow: visible !important; } }

/** Styles for mdCalendar. */
md-calendar {
  font-size: 13px;
  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 -1px 1px 1px 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;
  box-sizing: content-box; }
  .md-calendar-date:first-child {
    padding-left: 16px; }
    [dir='rtl'] .md-calendar-date:first-child {
      padding-left: 0;
      padding-right: 16px; }
  .md-calendar-date:last-child {
    padding-right: 16px; }
    [dir='rtl'] .md-calendar-date:last-child {
      padding-right: 0;
      padding-left: 16px; }
  .md-calendar-date.md-calendar-date-disabled {
    cursor: default;
    color: #9e9e9e;
    opacity: .5; }

.md-calendar-date-selection-indicator {
  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; }
  [dir='rtl'] .md-calendar-month-label {
    padding: 0 24px 0 0; }
  md-calendar-month .md-calendar-month-label:not(.md-calendar-month-label-disabled) {
    cursor: pointer; }
  .md-calendar-month-label md-icon {
    transform: rotate(180deg); }
    [dir='rtl'] .md-calendar-month-label md-icon {
      transform: none; }
  .md-calendar-month-label span {
    vertical-align: middle; }

.md-calendar-day-header {
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
  color: #999999; }
  .md-calendar-day-header th {
    height: 40px;
    width: 44px;
    text-align: center;
    padding: 0;
    border: none;
    box-sizing: content-box;
    font-weight: bold; }
    .md-calendar-day-header th:first-child {
      padding-left: 16px; }
      [dir='rtl'] .md-calendar-day-header th:first-child {
        padding-left: 0;
        padding-right: 16px; }
    .md-calendar-day-header th:last-child {
      padding-right: 16px; }
      [dir='rtl'] .md-calendar-day-header th:last-child {
        padding-right: 0;
        padding-left: 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; }
  .md-calendar tbody,
  .md-calendar td,
  .md-calendar tr {
    vertical-align: middle;
    box-sizing: content-box; }

/** Styles for mdDatepicker. */
md-datepicker {
  white-space: nowrap;
  overflow: hidden;
  padding-right: 18px;
  margin-right: -18px;
  vertical-align: middle; }
  [dir='rtl'] md-datepicker {
    padding-right: 0;
    padding-left: 18px; }
  [dir='rtl'] md-datepicker {
    margin-right: auto;
    margin-left: -18px; }

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

.md-datepicker-button {
  display: inline-block;
  box-sizing: border-box;
  background: none;
  vertical-align: middle;
  position: relative; }
  .md-datepicker-button:before {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    content: '';
    speak: 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;
  padding: 0 0 5px; }
  .md-datepicker-input::-ms-clear {
    display: none; }

._md-datepicker-floating-label > md-datepicker {
  overflow: visible; }
  ._md-datepicker-floating-label > md-datepicker .md-datepicker-input-container {
    border: none; }
  ._md-datepicker-floating-label > md-datepicker .md-datepicker-button {
    float: left;
    margin-top: -2.5px; }
    [dir='rtl'] ._md-datepicker-floating-label > md-datepicker .md-datepicker-button {
      float: right; }

._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
  right: 18px;
  left: auto;
  width: calc(100% - 84px); }
  [dir='rtl'] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
    right: auto; }
  [dir='rtl'] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
    left: 18px; }

._md-datepicker-floating-label._md-datepicker-has-calendar-icon .md-input-message-animation {
  margin-left: 64px; }
  [dir='rtl'] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon .md-input-message-animation {
    margin-left: auto;
    margin-right: 64px; }

.md-datepicker-input-container {
  position: relative;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  display: inline-block;
  width: auto; }
  .md-icon-button + .md-datepicker-input-container {
    margin-left: 12px; }
    [dir='rtl'] .md-icon-button + .md-datepicker-input-container {
      margin-left: auto;
      margin-right: 12px; }
  .md-datepicker-input-container.md-datepicker-focused {
    border-bottom-width: 1px; }

.md-datepicker-is-showing .md-scroll-mask {
  z-index: 9998; }

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

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

.md-datepicker-calendar {
  opacity: 0;
  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%;
  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: 5px;
  transform: translateY(-25%) translateX(45%); }
  [dir='rtl'] .md-datepicker-triangle-button {
    right: auto;
    left: 0; }
  [dir='rtl'] .md-datepicker-triangle-button {
    transform: translateY(-25%) translateX(-45%); }

.md-datepicker-triangle-button.md-button.md-icon-button {
  height: 36px;
  width: 36px;
  position: absolute;
  padding: 8px;
  top: 0; }

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

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

.md-datepicker-open {
  overflow: hidden; }
  .md-datepicker-open .md-datepicker-input-container,
  .md-datepicker-open input.md-input {
    border-bottom-color: transparent; }
  .md-datepicker-open .md-datepicker-triangle-button,
  .md-datepicker-open.md-input-has-value > label,
  .md-datepicker-open.md-input-has-placeholder > label {
    display: none; }

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

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

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

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

.md-dialog-container {
  display: flex;
  justify-content: 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: flex;
  flex-direction: column; }
  md-dialog.md-transition-in {
    opacity: 1;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transform: translate(0, 0) scale(1); }
  md-dialog.md-transition-out {
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transform: translate(0, 100%) scale(0.2); }
  md-dialog > form {
    display: flex;
    flex-direction: column;
    overflow: auto; }
  md-dialog .md-dialog-content {
    padding: 24px; }
  md-dialog md-dialog-content {
    order: 1;
    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-dialog-content-body {
      width: 100%; }
    md-dialog md-dialog-content .md-prompt-input-container {
      width: 100%;
      box-sizing: border-box; }
  md-dialog .md-actions,
  md-dialog md-dialog-actions {
    display: flex;
    order: 2;
    box-sizing: border-box;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 0;
    padding-right: 8px;
    padding-left: 16px;
    min-height: 52px;
    overflow: hidden; }
    [dir='rtl'] md-dialog .md-actions, [dir='rtl']
    md-dialog md-dialog-actions {
      padding-right: 16px; }
    [dir='rtl'] md-dialog .md-actions, [dir='rtl']
    md-dialog md-dialog-actions {
      padding-left: 8px; }
    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; }
      [dir='rtl'] md-dialog .md-actions .md-button, [dir='rtl']
      md-dialog md-dialog-actions .md-button {
        margin-left: 0; }
      [dir='rtl'] md-dialog .md-actions .md-button, [dir='rtl']
      md-dialog md-dialog-actions .md-button {
        margin-right: 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; }
    [dir='rtl'] md-divider[md-inset] {
      margin-left: auto;
      margin-right: 80px; }

.layout-row > md-divider,
.layout-xs-row > md-divider,
.layout-gt-xs-row > md-divider,
.layout-sm-row > md-divider,
.layout-gt-sm-row > md-divider,
.layout-md-row > md-divider,
.layout-gt-md-row > md-divider,
.layout-lg-row > md-divider,
.layout-gt-lg-row > md-divider,
.layout-xl-row > md-divider {
  border-top-width: 0;
  border-right-width: 1px;
  border-right-style: solid; }

md-fab-speed-dial {
  position: relative;
  display: flex;
  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 {
    align-items: center; }
  md-fab-speed-dial md-fab-actions {
    display: flex;
    height: auto; }
    md-fab-speed-dial md-fab-actions .md-fab-action-item {
      transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  md-fab-speed-dial.md-down {
    flex-direction: column; }
    md-fab-speed-dial.md-down md-fab-trigger {
      order: 1; }
    md-fab-speed-dial.md-down md-fab-actions {
      flex-direction: column;
      order: 2; }
  md-fab-speed-dial.md-up {
    flex-direction: column; }
    md-fab-speed-dial.md-up md-fab-trigger {
      order: 2; }
    md-fab-speed-dial.md-up md-fab-actions {
      flex-direction: column-reverse;
      order: 1; }
  md-fab-speed-dial.md-left {
    flex-direction: row; }
    md-fab-speed-dial.md-left md-fab-trigger {
      order: 2; }
    md-fab-speed-dial.md-left md-fab-actions {
      flex-direction: row-reverse;
      order: 1; }
      md-fab-speed-dial.md-left md-fab-actions .md-fab-action-item {
        transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  md-fab-speed-dial.md-right {
    flex-direction: row; }
    md-fab-speed-dial.md-right md-fab-trigger {
      order: 1; }
    md-fab-speed-dial.md-right md-fab-actions {
      flex-direction: row;
      order: 2; }
      md-fab-speed-dial.md-right md-fab-actions .md-fab-action-item {
        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;
    transition-duration: 0s; }
  md-fab-speed-dial.md-scale .md-fab-action-item {
    transform: scale(0);
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    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;
      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;
      transition: all 200ms ease-in; }
  md-fab-toolbar.md-left md-fab-trigger {
    right: 0; }
    [dir='rtl'] md-fab-toolbar.md-left md-fab-trigger {
      right: auto;
      left: 0; }
  md-fab-toolbar.md-left .md-toolbar-tools {
    flex-direction: row-reverse; }
    md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
      margin-right: 0.6rem; }
      [dir='rtl'] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
        margin-right: auto;
        margin-left: 0.6rem; }
    md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
      margin-left: -0.8rem; }
      [dir='rtl'] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
        margin-left: auto;
        margin-right: -0.8rem; }
    md-fab-toolbar.md-left .md-toolbar-tools > .md-button:last-child {
      margin-right: 8px; }
      [dir='rtl'] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:last-child {
        margin-right: auto;
        margin-left: 8px; }
  md-fab-toolbar.md-right md-fab-trigger {
    left: 0; }
    [dir='rtl'] md-fab-toolbar.md-right md-fab-trigger {
      left: auto;
      right: 0; }
  md-fab-toolbar.md-right .md-toolbar-tools {
    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;
      transform: scale(0);
      transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
      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;
    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: flex;
      align-items: 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: flex;
      flex-direction: row;
      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;
  min-height: 24px;
  min-width: 24px; }
  md-icon svg {
    pointer-events: none;
    display: block; }
  md-icon[md-font-icon] {
    line-height: 24px;
    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; }
    [dir='rtl'] md-input-container .md-errors-spacer {
      float: left; }
  md-input-container > md-icon {
    position: absolute;
    top: 8px;
    left: 2px;
    right: auto; }
    [dir='rtl'] md-input-container > md-icon {
      left: auto; }
    [dir='rtl'] md-input-container > md-icon {
      right: 2px; }
  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 textarea[md-no-autogrow] {
      height: auto;
      overflow: auto; }
  md-input-container label:not(.md-container-ignore) {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: auto; }
    [dir='rtl'] md-input-container label:not(.md-container-ignore) {
      left: auto; }
    [dir='rtl'] md-input-container label:not(.md-container-ignore) {
      right: 0; }
    md-input-container label:not(.md-container-ignore).md-required:after {
      content: ' *';
      font-size: 13px;
      vertical-align: top; }
  md-input-container label:not(.md-no-float):not(.md-container-ignore),
  md-input-container .md-placeholder {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    order: 1;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    padding-left: 3px;
    padding-right: 0;
    z-index: 1;
    transform: translate3d(0, 28px, 0) scale(1);
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    max-width: 100%;
    transform-origin: left top; }
    [dir='rtl'] md-input-container label:not(.md-no-float):not(.md-container-ignore), [dir='rtl']
    md-input-container .md-placeholder {
      padding-left: 0; }
    [dir='rtl'] md-input-container label:not(.md-no-float):not(.md-container-ignore), [dir='rtl']
    md-input-container .md-placeholder {
      padding-right: 3px; }
    [dir='rtl'] md-input-container label:not(.md-no-float):not(.md-container-ignore), [dir='rtl']
    md-input-container .md-placeholder {
      transform-origin: right top; }
  md-input-container .md-placeholder {
    position: absolute;
    top: 0;
    opacity: 0;
    transition-property: opacity, transform;
    transform: translate3d(0, 30px, 0); }
  md-input-container.md-input-focused .md-placeholder {
    opacity: 1;
    transform: translate3d(0, 24px, 0); }
  md-input-container.md-input-has-value .md-placeholder {
    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 {
    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; }
    [dir='rtl'] md-input-container .md-input {
      float: right; }
    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 {
      flex: none !important; }
  md-input-container .md-char-counter {
    text-align: right;
    padding-right: 2px;
    padding-left: 0; }
    [dir='rtl'] md-input-container .md-char-counter {
      text-align: left; }
    [dir='rtl'] md-input-container .md-char-counter {
      padding-right: 0; }
    [dir='rtl'] md-input-container .md-char-counter {
      padding-left: 2px; }
  md-input-container .md-input-messages-animation {
    position: relative;
    order: 4;
    overflow: hidden;
    clear: left; }
    [dir='rtl'] md-input-container .md-input-messages-animation {
      clear: right; }
    md-input-container .md-input-messages-animation.ng-enter .md-input-message-animation {
      opacity: 0;
      margin-top: -100px; }
  md-input-container .md-input-message-animation,
  md-input-container .md-char-counter {
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    opacity: 1;
    margin-top: 0;
    padding-top: 5px; }
    md-input-container .md-input-message-animation:not(.md-char-counter),
    md-input-container .md-char-counter:not(.md-char-counter) {
      padding-right: 5px;
      padding-left: 0; }
      [dir='rtl'] md-input-container .md-input-message-animation:not(.md-char-counter), [dir='rtl']
      md-input-container .md-char-counter:not(.md-char-counter) {
        padding-right: 0; }
      [dir='rtl'] md-input-container .md-input-message-animation:not(.md-char-counter), [dir='rtl']
      md-input-container .md-char-counter:not(.md-char-counter) {
        padding-left: 5px; }
  md-input-container:not(.md-input-invalid) .md-auto-hide .md-input-message-animation {
    opacity: 0;
    margin-top: -100px; }
  md-input-container .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) {
    transform: translate3d(0, 6px, 0) scale(0.75);
    transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, width cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s; }
  md-input-container.md-input-has-value label {
    transition: none; }
  md-input-container.md-input-focused .md-input,
  md-input-container .md-input.ng-invalid.ng-dirty,
  md-input-container.md-input-resized .md-input {
    padding-bottom: 0;
    border-width: 0 0 2px 0; }
  md-input-container .md-input[disabled],
  [disabled] md-input-container .md-input {
    background-position: bottom -1px left 0;
    background-size: 4px 1px;
    background-repeat: repeat-x; }
  md-input-container.md-icon-float {
    transition: margin-top 0.4s 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: 8px;
      left: 2px;
      right: auto; }
      [dir='rtl'] md-input-container.md-icon-float > md-icon {
        left: auto; }
      [dir='rtl'] md-input-container.md-icon-float > md-icon {
        right: 2px; }
  md-input-container.md-icon-left > label:not(.md-no-float):not(.md-container-ignore),
  md-input-container.md-icon-left > label .md-placeholder, md-input-container.md-icon-right > label:not(.md-no-float):not(.md-container-ignore),
  md-input-container.md-icon-right > label .md-placeholder {
    width: calc(100% - 36px - 18px); }
  md-input-container.md-icon-left {
    padding-left: 36px;
    padding-right: 0; }
    [dir='rtl'] md-input-container.md-icon-left {
      padding-left: 0; }
    [dir='rtl'] md-input-container.md-icon-left {
      padding-right: 36px; }
    md-input-container.md-icon-left > label {
      left: 36px;
      right: auto; }
      [dir='rtl'] md-input-container.md-icon-left > label {
        left: auto; }
      [dir='rtl'] md-input-container.md-icon-left > label {
        right: 36px; }
  md-input-container.md-icon-right {
    padding-left: 0;
    padding-right: 36px; }
    [dir='rtl'] md-input-container.md-icon-right {
      padding-left: 36px; }
    [dir='rtl'] md-input-container.md-icon-right {
      padding-right: 0; }
    md-input-container.md-icon-right > md-icon:last-of-type {
      margin: 0;
      right: 2px;
      left: auto; }
      [dir='rtl'] md-input-container.md-icon-right > md-icon:last-of-type {
        right: auto; }
      [dir='rtl'] md-input-container.md-icon-right > md-icon:last-of-type {
        left: 2px; }
  md-input-container.md-icon-left.md-icon-right {
    padding-left: 36px;
    padding-right: 36px; }
    md-input-container.md-icon-left.md-icon-right > label:not(.md-no-float):not(.md-container-ignore),
    md-input-container.md-icon-left.md-icon-right > label .md-placeholder {
      width: calc(100% - (36px * 2)); }

.md-resize-wrapper {
  position: relative; }
  .md-resize-wrapper:after {
    content: '';
    display: table;
    clear: both; }

.md-resize-handle {
  position: absolute;
  bottom: -5px;
  left: 0;
  height: 10px;
  background: transparent;
  width: 100%;
  cursor: ns-resize; }

@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.01em;
    line-height: 1.2em; }
  md-list.md-dense md-list-item,
  md-list.md-dense md-list-item .md-list-item-inner {
    min-height: 48px; }
    md-list.md-dense md-list-item::before,
    md-list.md-dense md-list-item .md-list-item-inner::before {
      content: '';
      min-height: 48px;
      visibility: hidden;
      display: inline-block; }
    md-list.md-dense md-list-item md-icon:first-child,
    md-list.md-dense md-list-item .md-list-item-inner md-icon:first-child {
      width: 20px;
      height: 20px; }
    md-list.md-dense md-list-item > md-icon:first-child:not(.md-avatar-icon),
    md-list.md-dense md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon) {
      margin-right: 36px; }
      [dir='rtl'] md-list.md-dense md-list-item > md-icon:first-child:not(.md-avatar-icon), [dir='rtl']
      md-list.md-dense md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon) {
        margin-right: auto;
        margin-left: 36px; }
    md-list.md-dense md-list-item .md-avatar,
    md-list.md-dense md-list-item .md-avatar-icon,
    md-list.md-dense md-list-item .md-list-item-inner .md-avatar,
    md-list.md-dense md-list-item .md-list-item-inner .md-avatar-icon {
      margin-right: 20px; }
      [dir='rtl'] md-list.md-dense md-list-item .md-avatar, [dir='rtl']
      md-list.md-dense md-list-item .md-avatar-icon, [dir='rtl']
      md-list.md-dense md-list-item .md-list-item-inner .md-avatar, [dir='rtl']
      md-list.md-dense md-list-item .md-list-item-inner .md-avatar-icon {
        margin-right: auto;
        margin-left: 20px; }
    md-list.md-dense md-list-item .md-avatar,
    md-list.md-dense md-list-item .md-list-item-inner .md-avatar {
      flex: none;
      width: 36px;
      height: 36px; }
  md-list.md-dense md-list-item.md-2-line .md-list-item-text.md-offset,
  md-list.md-dense md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset, md-list.md-dense md-list-item.md-3-line .md-list-item-text.md-offset,
  md-list.md-dense md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset {
    margin-left: 56px; }
    [dir='rtl'] md-list.md-dense md-list-item.md-2-line .md-list-item-text.md-offset, [dir='rtl']
    md-list.md-dense md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset, [dir='rtl'] md-list.md-dense md-list-item.md-3-line .md-list-item-text.md-offset, [dir='rtl']
    md-list.md-dense md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset {
      margin-left: auto;
      margin-right: 56px; }
  md-list.md-dense md-list-item.md-2-line .md-list-item-text h3,
  md-list.md-dense md-list-item.md-2-line .md-list-item-text h4,
  md-list.md-dense md-list-item.md-2-line .md-list-item-text p,
  md-list.md-dense md-list-item.md-2-line > .md-no-style .md-list-item-text h3,
  md-list.md-dense md-list-item.md-2-line > .md-no-style .md-list-item-text h4,
  md-list.md-dense md-list-item.md-2-line > .md-no-style .md-list-item-text p, md-list.md-dense md-list-item.md-3-line .md-list-item-text h3,
  md-list.md-dense md-list-item.md-3-line .md-list-item-text h4,
  md-list.md-dense md-list-item.md-3-line .md-list-item-text p,
  md-list.md-dense md-list-item.md-3-line > .md-no-style .md-list-item-text h3,
  md-list.md-dense md-list-item.md-3-line > .md-no-style .md-list-item-text h4,
  md-list.md-dense md-list-item.md-3-line > .md-no-style .md-list-item-text p {
    line-height: 1.05;
    font-size: 12px; }
  md-list.md-dense md-list-item.md-2-line .md-list-item-text h3,
  md-list.md-dense md-list-item.md-2-line > .md-no-style .md-list-item-text h3, md-list.md-dense md-list-item.md-3-line .md-list-item-text h3,
  md-list.md-dense md-list-item.md-3-line > .md-no-style .md-list-item-text h3 {
    font-size: 13px; }
  md-list.md-dense md-list-item.md-2-line,
  md-list.md-dense md-list-item.md-2-line > .md-no-style {
    min-height: 60px; }
    md-list.md-dense md-list-item.md-2-line::before,
    md-list.md-dense md-list-item.md-2-line > .md-no-style::before {
      content: '';
      min-height: 60px;
      visibility: hidden;
      display: inline-block; }
    md-list.md-dense md-list-item.md-2-line > .md-avatar,
    md-list.md-dense md-list-item.md-2-line .md-avatar-icon,
    md-list.md-dense md-list-item.md-2-line > .md-no-style > .md-avatar,
    md-list.md-dense md-list-item.md-2-line > .md-no-style .md-avatar-icon {
      margin-top: 12px; }
  md-list.md-dense md-list-item.md-3-line,
  md-list.md-dense md-list-item.md-3-line > .md-no-style {
    min-height: 76px; }
    md-list.md-dense md-list-item.md-3-line::before,
    md-list.md-dense md-list-item.md-3-line > .md-no-style::before {
      content: '';
      min-height: 76px;
      visibility: hidden;
      display: inline-block; }
    md-list.md-dense md-list-item.md-3-line > md-icon:first-child,
    md-list.md-dense md-list-item.md-3-line > .md-avatar,
    md-list.md-dense md-list-item.md-3-line > .md-no-style > md-icon:first-child,
    md-list.md-dense md-list-item.md-3-line > .md-no-style > .md-avatar {
      margin-top: 16px; }

md-list-item {
  position: relative; }
  md-list-item.md-proxy-focus.md-focused .md-no-style {
    transition: background-color 0.15s linear; }
  md-list-item._md-button-wrap {
    position: relative; }
    md-list-item._md-button-wrap > div.md-button:first-child {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      padding: 0 16px;
      margin: 0;
      font-weight: 400;
      text-align: left;
      border: medium none; }
      [dir='rtl'] md-list-item._md-button-wrap > div.md-button:first-child {
        text-align: right; }
      md-list-item._md-button-wrap > div.md-button:first-child > .md-button:first-child {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        margin: 0;
        padding: 0; }
      md-list-item._md-button-wrap > div.md-button:first-child .md-list-item-inner {
        width: 100%;
        min-height: inherit; }
  md-list-item.md-no-proxy,
  md-list-item .md-no-style {
    position: relative;
    padding: 0px 16px;
    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;
      flex-direction: inherit;
      align-items: inherit;
      border-radius: 0;
      margin: 0; }
      [dir='rtl'] md-list-item.md-no-proxy.md-button, [dir='rtl']
      md-list-item .md-no-style.md-button {
        text-align: right; }
      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-clickable:hover {
    cursor: pointer; }
  md-list-item md-divider {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; }
    [dir='rtl'] md-list-item md-divider {
      left: auto;
      right: 0; }
    md-list-item md-divider[md-inset] {
      left: 72px;
      width: calc(100% - 72px);
      margin: 0 !important; }
      [dir='rtl'] md-list-item md-divider[md-inset] {
        left: auto;
        right: 72px; }
  md-list-item,
  md-list-item .md-list-item-inner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-height: 48px;
    height: auto; }
    md-list-item::before,
    md-list-item .md-list-item-inner::before {
      content: '';
      min-height: 48px;
      visibility: hidden;
      display: inline-block; }
    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 {
      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; }
      [dir='rtl'] md-list-item > md-icon:first-child:not(.md-avatar-icon), [dir='rtl']
      md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon) {
        margin-right: auto;
        margin-left: 32px; }
    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; }
      [dir='rtl'] md-list-item .md-avatar, [dir='rtl']
      md-list-item .md-avatar-icon, [dir='rtl']
      md-list-item .md-list-item-inner .md-avatar, [dir='rtl']
      md-list-item .md-list-item-inner .md-avatar-icon {
        margin-right: auto;
        margin-left: 16px; }
    md-list-item .md-avatar,
    md-list-item .md-list-item-inner .md-avatar {
      flex: none;
      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-avatar-icon svg,
      md-list-item .md-list-item-inner .md-avatar-icon svg {
        width: 24px;
        height: 24px; }
    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; }
      [dir='rtl'] md-list-item > md-checkbox, [dir='rtl']
      md-list-item .md-list-item-inner > md-checkbox {
        margin-left: 29px; }
      [dir='rtl'] md-list-item > md-checkbox, [dir='rtl']
      md-list-item .md-list-item-inner > md-checkbox {
        margin-right: 3px; }
    md-list-item .md-secondary-container,
    md-list-item .md-list-item-inner .md-secondary-container {
      display: flex;
      align-items: center;
      flex-shrink: 0;
      margin: auto;
      margin-right: 0;
      margin-left: auto; }
      [dir='rtl'] md-list-item .md-secondary-container, [dir='rtl']
      md-list-item .md-list-item-inner .md-secondary-container {
        margin-right: auto; }
      [dir='rtl'] md-list-item .md-secondary-container, [dir='rtl']
      md-list-item .md-list-item-inner .md-secondary-container {
        margin-left: 0; }
      md-list-item .md-secondary-container .md-button:last-of-type,
      md-list-item .md-secondary-container .md-icon-button:last-of-type,
      md-list-item .md-list-item-inner .md-secondary-container .md-button:last-of-type,
      md-list-item .md-list-item-inner .md-secondary-container .md-icon-button:last-of-type {
        margin-right: 0; }
        [dir='rtl'] md-list-item .md-secondary-container .md-button:last-of-type, [dir='rtl']
        md-list-item .md-secondary-container .md-icon-button:last-of-type, [dir='rtl']
        md-list-item .md-list-item-inner .md-secondary-container .md-button:last-of-type, [dir='rtl']
        md-list-item .md-list-item-inner .md-secondary-container .md-icon-button:last-of-type {
          margin-right: auto;
          margin-left: 0; }
      md-list-item .md-secondary-container md-checkbox,
      md-list-item .md-list-item-inner .md-secondary-container md-checkbox {
        margin-top: 0;
        margin-bottom: 0; }
        md-list-item .md-secondary-container md-checkbox:last-child,
        md-list-item .md-list-item-inner .md-secondary-container md-checkbox:last-child {
          width: 24px;
          margin-right: 0; }
          [dir='rtl'] md-list-item .md-secondary-container md-checkbox:last-child, [dir='rtl']
          md-list-item .md-list-item-inner .md-secondary-container md-checkbox:last-child {
            margin-right: auto;
            margin-left: 0; }
      md-list-item .md-secondary-container md-switch,
      md-list-item .md-list-item-inner .md-secondary-container md-switch {
        margin-top: 0;
        margin-bottom: 0;
        margin-right: -6px; }
        [dir='rtl'] md-list-item .md-secondary-container md-switch, [dir='rtl']
        md-list-item .md-list-item-inner .md-secondary-container md-switch {
          margin-right: auto;
          margin-left: -6px; }
    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 {
      flex: 1 1 auto;
      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 {
    align-items: flex-start;
    justify-content: center; }
    md-list-item.md-2-line.md-long-text,
    md-list-item.md-2-line > .md-no-style.md-long-text, md-list-item.md-3-line.md-long-text,
    md-list-item.md-3-line > .md-no-style.md-long-text {
      margin-top: 8px;
      margin-bottom: 8px; }
    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 {
      flex: 1 1 auto;
      margin: auto;
      text-overflow: ellipsis;
      overflow: hidden; }
      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; }
        [dir='rtl'] md-list-item.md-2-line .md-list-item-text.md-offset, [dir='rtl']
        md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset, [dir='rtl'] md-list-item.md-3-line .md-list-item-text.md-offset, [dir='rtl']
        md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset {
          margin-left: auto;
          margin-right: 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.01em;
        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.01em;
        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.01em;
        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::before,
    md-list-item.md-2-line > .md-no-style::before {
      content: '';
      min-height: 72px;
      visibility: hidden;
      display: inline-block; }
    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 {
      flex: 1 1 auto; }
  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::before,
    md-list-item.md-3-line > .md-no-style::before {
      content: '';
      min-height: 88px;
      visibility: hidden;
      display: inline-block; }
    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;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition-duration: 200ms; }
    .md-open-menu-container.md-active > md-menu-content > * {
      opacity: 1;
      transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
      transition-duration: 200ms;
      transition-delay: 100ms; }
  .md-open-menu-container.md-leave {
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    transition-duration: 250ms; }

md-menu-content {
  display: flex;
  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: flex;
  flex-direction: row;
  min-height: 48px;
  height: 48px;
  align-content: center;
  justify-content: flex-start;
  /*
   * We cannot use flex on <button> elements due to a bug in Firefox, so we also can't use it on
   * <a> elements. Add some top padding to fix alignment since buttons automatically align their
   * text vertically.
   */ }
  md-menu-item > * {
    width: 100%;
    margin: auto 0;
    padding-left: 16px;
    padding-right: 16px; }
  md-menu-item > a.md-button {
    padding-top: 5px; }
  md-menu-item > .md-button {
    text-align: left;
    display: inline-block;
    border-radius: 0;
    margin: auto 0;
    font-size: 15px;
    text-transform: none;
    font-weight: 400;
    height: 100%;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%; }
    md-menu-item > .md-button::-moz-focus-inner {
      padding: 0;
      border: 0; }
    [dir='rtl'] md-menu-item > .md-button {
      text-align: right; }
    md-menu-item > .md-button md-icon {
      margin: auto 16px auto 0; }
      [dir='rtl'] md-menu-item > .md-button md-icon {
        margin: auto 0 auto 16px; }
    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-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-toolbar.md-has-open-menu {
  position: relative;
  z-index: 100; }

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; }
      [dir='rtl'] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > md-icon {
        left: auto;
        right: 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; }
      [dir='rtl'] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > .md-button, [dir='rtl']
      md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent .md-menu > .md-button {
        padding: 0 64px 0 32px; }
  md-menu-content.md-menu-bar-menu.md-dense .md-button {
    min-height: 0;
    height: 32px;
    display: flex; }
    md-menu-content.md-menu-bar-menu.md-dense .md-button span {
      flex-grow: 1; }
    md-menu-content.md-menu-bar-menu.md-dense .md-button span.md-alt-text {
      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; }
    [dir='rtl'] md-menu-content.md-menu-bar-menu.md-dense md-menu-item > .md-button, [dir='rtl']
    md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
      text-align: right; }
  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; }
      [dir='rtl'] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
        padding-left: 0;
        padding-right: 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;
        transform: rotate(270deg) scaleY(0.45) scaleX(0.9);
        right: 28px; }
        [dir='rtl'] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
          transform: rotate(90deg) scaleY(0.45) scaleX(0.9); }
        [dir='rtl'] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
          right: auto;
          left: 28px; }

/** Matches "md-tabs md-tabs-wrapper" style. */
.md-nav-bar {
  border-style: solid;
  border-width: 0 0 1px;
  height: 48px;
  position: relative; }

._md-nav-bar-list {
  outline: none;
  list-style: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: row; }

.md-nav-item:first-of-type {
  margin-left: 8px; }

.md-button._md-nav-button {
  line-height: 24px;
  margin: 0 4px;
  padding: 12px 16px;
  transition: background-color 0.35s cubic-bezier(0.35, 0, 0.25, 1); }
  .md-button._md-nav-button:focus {
    outline: none; }
  .md-button._md-nav-button:hover {
    background-color: inherit; }

md-nav-ink-bar {
  bottom: 0;
  height: 2px;
  left: auto;
  position: absolute;
  right: auto;
  background-color: black; }
  md-nav-ink-bar._md-left {
    transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1); }
  md-nav-ink-bar._md-right {
    transition: left 0.25s cubic-bezier(0.35, 0, 0.25, 1), right 0.125s cubic-bezier(0.35, 0, 0.25, 1); }

md-nav-extra-content {
  min-height: 48px;
  padding-right: 12px; }

.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;
  transition: none; }

.md-panel {
  opacity: 0;
  position: fixed; }
  .md-panel._md-panel-shown {
    opacity: 1;
    transition: none; }
  .md-panel._md-panel-animate-enter {
    opacity: 1;
    transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); }
  .md-panel._md-panel-animate-leave {
    opacity: 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: 0.48;
    transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1); }
  .md-panel._md-opaque-leave {
    transition: opacity 0.3s cubic-bezier(0.4, 0, 1, 1); }

@keyframes indeterminate-rotate {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

md-progress-circular {
  position: relative;
  display: block; }
  md-progress-circular._md-progress-circular-disabled {
    visibility: hidden; }
  md-progress-circular.md-mode-indeterminate svg {
    animation: indeterminate-rotate 2.9s linear infinite; }
  md-progress-circular svg {
    position: absolute;
    overflow: visible;
    top: 0;
    left: 0; }

md-progress-linear {
  display: block;
  position: relative;
  width: 100%;
  height: 5px;
  padding-top: 0 !important;
  margin-bottom: 0 !important; }
  md-progress-linear._md-progress-linear-disabled {
    visibility: hidden; }
  md-progress-linear .md-container {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 5px;
    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 {
      transition: 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 {
      transition: all 0.2s linear;
      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 {
      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 {
      animation: md-progress-linear-indeterminate-scale-2 4s infinite, md-progress-linear-indeterminate-2 4s infinite; }
    md-progress-linear .md-container.ng-hide ._md-progress-linear-disabled md-progress-linear .md-container {
      animation: none; }
      md-progress-linear .md-container.ng-hide ._md-progress-linear-disabled md-progress-linear .md-container .md-bar1 {
        animation-name: none; }
      md-progress-linear .md-container.ng-hide ._md-progress-linear-disabled md-progress-linear .md-container .md-bar2 {
        animation-name: none; }
  md-progress-linear .md-container.md-mode-buffer {
    background-color: transparent !important;
    transition: all 0.2s linear; }
    md-progress-linear .md-container.md-mode-buffer .md-dashed:before {
      display: block;
      animation: buffer 3s infinite linear; }

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

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

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

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

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

@keyframes md-progress-linear-indeterminate-2 {
  0% {
    left: -54.8888888889%;
    animation-timing-function: cubic-bezier(0.15, 0, 0.5150584, 0.409684966); }
  25% {
    left: -17.25%;
    animation-timing-function: cubic-bezier(0.3103299, 0.284057684, 0.8, 0.733718979); }
  48.35% {
    left: 29.5%;
    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%;
    transform: translateY(-50%);
    box-sizing: border-box;
    display: inline-block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    left: 0;
    right: auto; }
    [dir='rtl'] md-radio-button .md-container {
      left: auto; }
    [dir='rtl'] md-radio-button .md-container {
      right: 0; }
    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;
      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%;
    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%;
    transition: transform ease 0.28s;
    transform: scale(0); }
  md-radio-button.md-checked .md-on {
    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; }
    [dir='rtl'] md-radio-button .md-label {
      margin-left: 0; }
    [dir='rtl'] md-radio-button .md-label {
      margin-right: 30px; }

md-radio-group {
  /** Layout adjustments for the radio group. */ }
  md-radio-group.layout-column md-radio-button, md-radio-group.layout-xs-column md-radio-button, md-radio-group.layout-gt-xs-column md-radio-button, md-radio-group.layout-sm-column md-radio-button, md-radio-group.layout-gt-sm-column md-radio-button, md-radio-group.layout-md-column md-radio-button, md-radio-group.layout-gt-md-column md-radio-button, md-radio-group.layout-lg-column md-radio-button, md-radio-group.layout-gt-lg-column md-radio-button, md-radio-group.layout-xl-column md-radio-button {
    margin-bottom: 16px; }
  md-radio-group.layout-row md-radio-button, md-radio-group.layout-xs-row md-radio-button, md-radio-group.layout-gt-xs-row md-radio-button, md-radio-group.layout-sm-row md-radio-button, md-radio-group.layout-gt-sm-row md-radio-button, md-radio-group.layout-md-row md-radio-button, md-radio-group.layout-gt-md-row md-radio-button, md-radio-group.layout-lg-row md-radio-button, md-radio-group.layout-gt-lg-row md-radio-button, md-radio-group.layout-xl-row md-radio-button {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 16px; }
    [dir='rtl'] md-radio-group.layout-row md-radio-button, [dir='rtl'] md-radio-group.layout-xs-row md-radio-button, [dir='rtl'] md-radio-group.layout-gt-xs-row md-radio-button, [dir='rtl'] md-radio-group.layout-sm-row md-radio-button, [dir='rtl'] md-radio-group.layout-gt-sm-row md-radio-button, [dir='rtl'] md-radio-group.layout-md-row md-radio-button, [dir='rtl'] md-radio-group.layout-gt-md-row md-radio-button, [dir='rtl'] md-radio-group.layout-lg-row md-radio-button, [dir='rtl'] md-radio-group.layout-gt-lg-row md-radio-button, [dir='rtl'] md-radio-group.layout-xl-row md-radio-button {
      margin-left: 16px; }
    [dir='rtl'] md-radio-group.layout-row md-radio-button, [dir='rtl'] md-radio-group.layout-xs-row md-radio-button, [dir='rtl'] md-radio-group.layout-gt-xs-row md-radio-button, [dir='rtl'] md-radio-group.layout-sm-row md-radio-button, [dir='rtl'] md-radio-group.layout-gt-sm-row md-radio-button, [dir='rtl'] md-radio-group.layout-md-row md-radio-button, [dir='rtl'] md-radio-group.layout-gt-md-row md-radio-button, [dir='rtl'] md-radio-group.layout-lg-row md-radio-button, [dir='rtl'] md-radio-group.layout-gt-lg-row md-radio-button, [dir='rtl'] md-radio-group.layout-xl-row md-radio-button {
      margin-right: 0; }
    md-radio-group.layout-row md-radio-button:last-of-type, md-radio-group.layout-xs-row md-radio-button:last-of-type, md-radio-group.layout-gt-xs-row md-radio-button:last-of-type, md-radio-group.layout-sm-row md-radio-button:last-of-type, md-radio-group.layout-gt-sm-row md-radio-button:last-of-type, md-radio-group.layout-md-row md-radio-button:last-of-type, md-radio-group.layout-gt-md-row md-radio-button:last-of-type, md-radio-group.layout-lg-row md-radio-button:last-of-type, md-radio-group.layout-gt-lg-row md-radio-button:last-of-type, md-radio-group.layout-xl-row 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-radio-group[disabled] md-radio-button {
    cursor: default; }
    md-radio-group[disabled] md-radio-button .md-container {
      cursor: default; }

.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-input-container:not([md-no-float]) .md-select-placeholder span:first-child {
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transform-origin: left top; }
  [dir='rtl'] md-input-container:not([md-no-float]) .md-select-placeholder span:first-child {
    transform-origin: right top; }

md-input-container.md-input-focused:not([md-no-float]) .md-select-placeholder span:first-child {
  transform: translateY(-22px) translateX(-2px) scale(0.75); }

.md-select-menu-container {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 90;
  opacity: 0;
  display: none;
  transform: translateY(-1px); }
  .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 {
      transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      transition-duration: 150ms; }
      .md-select-menu-container.md-active md-select-menu > * {
        opacity: 1;
        transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
        transition-duration: 150ms;
        transition-delay: 100ms; }
  .md-select-menu-container.md-leave {
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    transition-duration: 250ms; }

md-input-container > md-select {
  margin: 0;
  order: 2; }

md-input-container:not(.md-input-has-value) md-select[required]:not(.md-no-asterisk) .md-select-value span:first-child:after,
md-input-container:not(.md-input-has-value) md-select.ng-required:not(.md-no-asterisk) .md-select-value span:first-child:after {
  content: ' *';
  font-size: 13px;
  vertical-align: top; }

md-input-container.md-input-invalid md-select .md-select-value {
  border-bottom-style: solid;
  padding-bottom: 1px; }

md-select {
  display: flex;
  margin: 20px 0 26px 0; }
  md-select[required].ng-invalid:not(.md-no-asterisk) .md-select-value span:first-child:after, md-select.ng-required.ng-invalid:not(.md-no-asterisk) .md-select-value span:first-child:after {
    content: ' *';
    font-size: 13px;
    vertical-align: top; }
  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-touched .md-select-value {
    border-bottom-style: solid;
    padding-bottom: 1px; }
  md-select:not([disabled]):focus .md-select-value {
    border-bottom-width: 2px;
    border-bottom-style: solid;
    padding-bottom: 0; }
  md-select:not([disabled]):focus.ng-invalid.ng-touched .md-select-value {
    padding-bottom: 0; }

md-input-container.md-input-has-value .md-select-value > span:not(.md-select-icon) {
  transform: translate3d(0, 1px, 0); }

.md-select-value {
  display: flex;
  align-items: center;
  padding: 2px 2px 1px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  background-color: rgba(0, 0, 0, 0);
  position: relative;
  box-sizing: content-box;
  min-width: 64px;
  min-height: 26px;
  flex-grow: 1; }
  .md-select-value > span:not(.md-select-icon) {
    max-width: 100%;
    flex: 1 1 auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
    .md-select-value > span:not(.md-select-icon) .md-text {
      display: inline; }
  .md-select-value .md-select-icon {
    display: block;
    align-items: flex-end;
    text-align: end;
    width: 24px;
    margin: 0 4px;
    transform: translate3d(0, -2px, 0);
    font-size: 1.2rem; }
  .md-select-value .md-select-icon:after {
    display: block;
    content: '\25BC';
    position: relative;
    top: 2px;
    speak: none;
    font-size: 13px;
    transform: scaleY(0.5) scaleX(1); }
  .md-select-value.md-select-placeholder {
    display: flex;
    order: 1;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    padding-left: 2px;
    z-index: 1; }

md-select-menu {
  display: flex;
  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;
  transform-origin: left top;
  transform: scale(1); }
  md-select-menu.md-reverse {
    flex-direction: column-reverse; }
  md-select-menu:not(.md-overflow) md-content {
    padding-top: 8px;
    padding-bottom: 8px; }
  [dir='rtl'] md-select-menu {
    transform-origin: right top; }
  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: flex;
  align-items: center;
  width: auto;
  transition: background 0.15s linear;
  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;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

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; }
  [dir='rtl'] md-select-menu[multiple] md-option.md-checkbox-enabled {
    padding-left: 16px; }
  [dir='rtl'] md-select-menu[multiple] md-option.md-checkbox-enabled {
    padding-right: 40px; }
  md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    box-sizing: border-box;
    display: inline-block;
    width: 20px;
    height: 20px;
    left: 0;
    right: auto; }
    [dir='rtl'] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
      left: auto; }
    [dir='rtl'] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
      right: 0; }
    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;
      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;
    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-color: transparent; }
    md-select-menu[multiple] md-option.md-checkbox-enabled[selected] .md-icon:after {
      box-sizing: border-box;
      transform: rotate(45deg);
      position: absolute;
      left: 4.6666666667px;
      top: 0.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%;
    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; }
    [dir='rtl'] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
      margin-left: auto; }
    [dir='rtl'] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
      margin-right: 10.6666666667px; }

md-sidenav {
  box-sizing: border-box;
  position: absolute;
  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: flex;
    transition: 0.2s ease-in all; }
  md-sidenav.md-closed-add.md-closed-add-active, md-sidenav.md-closed-remove.md-closed-remove-active {
    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: flex;
    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: flex;
    transform: translate3d(0, 0, 0); }
  md-sidenav.md-locked-open-remove-active {
    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 !important;
    min-width: 0 !important; }
  md-sidenav.md-closed.md-locked-open-add {
    width: 0 !important;
    min-width: 0 !important;
    transform: translate3d(0%, 0, 0); }
  md-sidenav.md-closed.md-locked-open-add-active {
    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;
    transform: translate3d(0%, 0, 0); }

.md-sidenav-backdrop.md-locked-open {
  display: none; }

.md-sidenav-left, md-sidenav {
  left: 0;
  top: 0;
  transform: translate3d(0%, 0, 0); }
  .md-sidenav-left.md-closed, md-sidenav.md-closed {
    transform: translate3d(-100%, 0, 0); }

.md-sidenav-right {
  left: 100%;
  top: 0;
  transform: translate(-100%, 0); }
  .md-sidenav-right.md-closed {
    transform: translate(0%, 0); }

@media (min-width: 600px) {
  md-sidenav {
    max-width: 400px; } }

@media (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; } }

@keyframes sliderFocusThumb {
  0% {
    transform: scale(0.7); }
  30% {
    transform: scale(1); }
  100% {
    transform: scale(0.7); } }

@keyframes sliderDiscreteFocusThumb {
  0% {
    transform: scale(0.7); }
  50% {
    transform: scale(0.8); }
  100% {
    transform: scale(0); } }

@keyframes sliderDiscreteFocusRing {
  0% {
    transform: scale(0.7);
    opacity: 0; }
  50% {
    transform: scale(1);
    opacity: 1; }
  100% {
    transform: scale(0); } }

md-slider {
  height: 48px;
  min-width: 128px;
  position: relative;
  margin-left: 4px;
  margin-right: 4px;
  padding: 0;
  display: block;
  flex-direction: row;
  /**
   * 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 {
    outline: none;
    width: 100%;
    height: 100%; }
  md-slider .md-slider-content {
    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 {
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition-property: width, height; }
  md-slider .md-track-ticks {
    position: absolute;
    left: 0;
    right: 0;
    height: 100%; }
  md-slider .md-track-ticks canvas {
    width: 100%;
    height: 100%; }
  md-slider .md-thumb-container {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition-property: left, right, bottom; }
    [dir='rtl'] md-slider .md-thumb-container {
      left: auto;
      right: 0; }
  md-slider .md-thumb {
    z-index: 1;
    position: absolute;
    left: -10px;
    top: 14px;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    transform: scale(0.7);
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
    [dir='rtl'] md-slider .md-thumb {
      left: auto;
      right: -10px; }
    md-slider .md-thumb:after {
      content: '';
      position: absolute;
      width: 20px;
      height: 20px;
      border-radius: 20px;
      border-width: 3px;
      border-style: solid;
      transition: inherit; }
  md-slider .md-sign {
    /* Center the children (slider-thumb-text) */
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: -14px;
    top: -17px;
    width: 28px;
    height: 28px;
    border-radius: 28px;
    transform: scale(0.4) translate3d(0, 67.5px, 0);
    transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1);
    /* 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;
      transform: translate3d(0, -8px, 0);
      transition: all 0.2s cubic-bezier(0.35, 0, 0.25, 1); }
      [dir='rtl'] md-slider .md-sign:after {
        left: auto;
        right: 0px; }
    md-slider .md-sign .md-thumb-text {
      z-index: 1;
      font-size: 12px;
      font-weight: bold; }
  md-slider .md-focus-ring {
    position: absolute;
    left: -17px;
    top: 7px;
    width: 34px;
    height: 34px;
    border-radius: 34px;
    transform: scale(0.7);
    opacity: 0;
    transition: all 0.35s cubic-bezier(0.35, 0, 0.25, 1); }
    [dir='rtl'] md-slider .md-focus-ring {
      left: auto;
      right: -17px; }
  md-slider .md-disabled-thumb {
    position: absolute;
    left: -14px;
    top: 10px;
    width: 28px;
    height: 28px;
    border-radius: 28px;
    transform: scale(0.5);
    border-width: 4px;
    border-style: solid;
    display: none; }
    [dir='rtl'] md-slider .md-disabled-thumb {
      left: auto;
      right: -14px; }
  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 {
    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]) .md-slider-wrapper .md-thumb:hover {
      transform: scale(0.8); }
    md-slider:not([md-discrete]):not([disabled]) .md-slider-wrapper.md-focused .md-focus-ring {
      transform: scale(1);
      opacity: 1; }
    md-slider:not([md-discrete]):not([disabled]) .md-slider-wrapper.md-focused .md-thumb {
      animation: sliderFocusThumb 0.7s cubic-bezier(0.35, 0, 0.25, 1); }
    md-slider:not([md-discrete]):not([disabled]).md-active .md-slider-wrapper .md-thumb {
      transform: scale(1); }
  md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-focus-ring {
    transform: scale(0);
    animation: sliderDiscreteFocusRing 0.5s cubic-bezier(0.35, 0, 0.25, 1); }
  md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-thumb {
    animation: sliderDiscreteFocusThumb 0.5s cubic-bezier(0.35, 0, 0.25, 1); }
  md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-thumb, md-slider[md-discrete]:not([disabled]).md-active .md-thumb {
    transform: scale(0); }
  md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-sign,
  md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .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;
    transform: translate3d(0, 0, 0) scale(1); }
  md-slider[md-discrete][disabled][readonly] .md-thumb {
    transform: scale(0); }
  md-slider[md-discrete][disabled][readonly] .md-sign,
  md-slider[md-discrete][disabled][readonly] .md-sign:after {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1); }
  md-slider[disabled] .md-track-fill {
    display: none; }
  md-slider[disabled] .md-track-ticks {
    opacity: 0; }
  md-slider[disabled]:not([readonly]) .md-sign {
    opacity: 0; }
  md-slider[disabled] .md-thumb {
    transform: scale(0.5); }
  md-slider[disabled] .md-disabled-thumb {
    display: block; }
  md-slider[md-vertical] {
    flex-direction: column;
    min-height: 128px;
    min-width: 0; }
    md-slider[md-vertical] .md-slider-wrapper {
      flex: 1;
      padding-top: 12px;
      padding-bottom: 12px;
      width: 48px;
      align-self: center;
      display: flex;
      justify-content: center; }
    md-slider[md-vertical] .md-track-container {
      height: 100%;
      width: 2px;
      top: 0;
      left: calc(50% - (2px / 2)); }
    md-slider[md-vertical] .md-thumb-container {
      top: auto;
      margin-bottom: 23px;
      left: calc(50% - 1px);
      bottom: 0; }
      md-slider[md-vertical] .md-thumb-container .md-thumb:after {
        left: 1px; }
      md-slider[md-vertical] .md-thumb-container .md-focus-ring {
        left: -16px; }
    md-slider[md-vertical] .md-track-fill {
      bottom: 0; }
    md-slider[md-vertical][md-discrete] .md-sign {
      left: -40px;
      top: 9.5px;
      transform: scale(0.4) translate3d(67.5px, 0, 0);
      /* The arrow pointing left next the sign */ }
      md-slider[md-vertical][md-discrete] .md-sign:after {
        top: 9.5px;
        left: 19px;
        border-top: 14px solid transparent;
        border-right: 0;
        border-bottom: 14px solid transparent;
        border-left-width: 16px;
        border-left-style: solid;
        opacity: 0;
        transform: translate3d(0, -8px, 0);
        transition: all 0.2s ease-in-out; }
      md-slider[md-vertical][md-discrete] .md-sign .md-thumb-text {
        z-index: 1;
        font-size: 12px;
        font-weight: bold; }
    md-slider[md-vertical][md-discrete].md-active .md-sign:after,
    md-slider[md-vertical][md-discrete] .md-focused .md-sign:after, md-slider[md-vertical][md-discrete][disabled][readonly] .md-sign:after {
      top: 0; }
    md-slider[md-vertical][disabled][readonly] .md-thumb {
      transform: scale(0); }
    md-slider[md-vertical][disabled][readonly] .md-sign,
    md-slider[md-vertical][disabled][readonly] .md-sign:after {
      opacity: 1;
      transform: translate3d(0, 0, 0) scale(1); }
  md-slider[md-invert]:not([md-vertical]) .md-track-fill {
    left: auto;
    right: 0; }
    [dir='rtl'] md-slider[md-invert]:not([md-vertical]) .md-track-fill {
      left: 0; }
    [dir='rtl'] md-slider[md-invert]:not([md-vertical]) .md-track-fill {
      right: auto; }
  md-slider[md-invert][md-vertical] .md-track-fill {
    bottom: auto;
    top: 0; }

md-slider-container {
  display: flex;
  align-items: center;
  flex-direction: row; }
  md-slider-container > *:first-child:not(md-slider),
  md-slider-container > *:last-child:not(md-slider) {
    min-width: 25px;
    max-width: 42px;
    height: 25px;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition-property: color, max-width; }
  md-slider-container > *:first-child:not(md-slider) {
    margin-right: 16px; }
    [dir='rtl'] md-slider-container > *:first-child:not(md-slider) {
      margin-right: auto;
      margin-left: 16px; }
  md-slider-container > *:last-child:not(md-slider) {
    margin-left: 16px; }
    [dir='rtl'] md-slider-container > *:last-child:not(md-slider) {
      margin-left: auto;
      margin-right: 16px; }
  md-slider-container[md-vertical] {
    flex-direction: column; }
    md-slider-container[md-vertical] > *:first-child:not(md-slider),
    md-slider-container[md-vertical] > *:last-child:not(md-slider) {
      margin-right: 0;
      margin-left: 0;
      text-align: center; }
  md-slider-container md-input-container input[type='number'] {
    text-align: center;
    padding-left: 15px;
    height: 50px;
    margin-top: -25px; }
    [dir='rtl'] md-slider-container md-input-container input[type='number'] {
      padding-left: 0;
      padding-right: 15px; }

@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;
  transform: translate3d(-9999px, -9999px, 0); }
  .md-sticky-clone[sticky-state='active'] {
    transform: translate3d(0, 0, 0); }
    .md-sticky-clone[sticky-state='active']:not(.md-sticky-no-effect) .md-subheader-inner {
      animation: subheaderStickyHoverIn 0.3s ease-out both; }

@keyframes subheaderStickyHoverIn {
  0% {
    box-shadow: 0 0 0 0 transparent; }
  100% {
    box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16); } }

@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) {
  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 {
    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 16px 16px 24px;
    color: #1a1a1a;
    font-size: 14px; }
  .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;
  user-select: none;
  height: 30px;
  line-height: 28px;
  align-items: center;
  display: flex;
  margin-left: inherit;
  margin-right: 16px; }
  [dir='rtl'] md-switch {
    margin-left: 16px; }
  [dir='rtl'] md-switch {
    margin-right: inherit; }
  md-switch:last-of-type {
    margin-left: inherit;
    margin-right: 0; }
    [dir='rtl'] md-switch:last-of-type {
      margin-left: 0; }
    [dir='rtl'] md-switch:last-of-type {
      margin-right: inherit; }
  md-switch[disabled] {
    cursor: default; }
    md-switch[disabled] .md-container {
      cursor: default; }
  md-switch .md-container {
    cursor: grab;
    width: 36px;
    height: 24px;
    position: relative;
    user-select: none;
    margin-right: 8px;
    float: left; }
    [dir='rtl'] md-switch .md-container {
      margin-right: auto;
      margin-left: 8px; }
  md-switch:not([disabled]) .md-dragging,
  md-switch:not([disabled]).md-dragging .md-container {
    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;
    transform: translate3d(0, 0, 0);
    z-index: 1; }
  md-switch.md-checked .md-thumb-container {
    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;
      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 {
    transition: all 0.08s linear;
    transition-property: transform, background-color; }
  md-switch:not(.md-dragging) .md-bar,
  md-switch:not(.md-dragging) .md-thumb {
    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; } }

@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;
  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%;
    transform: translateY(-50%);
    line-height: 1em;
    z-index: 2;
    cursor: pointer;
    font-size: 16px;
    background: transparent no-repeat center center;
    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 {
      transition: none; }
    md-tabs-wrapper md-prev-button md-icon,
    md-tabs-wrapper md-next-button md-icon {
      position: absolute;
      top: 50%;
      left: 50%;
      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=="); }
    [dir='rtl'] md-tabs-wrapper md-prev-button {
      left: auto;
      right: 0; }
  md-tabs-wrapper md-next-button {
    right: 0;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMzM2IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTAsNiA4LjYsNy40IDEzLjIsMTIgOC42LDE2LjYgMTAsMTggMTYsMTIgCQkiIHN0eWxlPSJmaWxsOndoaXRlOyIvPiA8cmVjdCBmaWxsPSJub25lIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz4gPC9nPiA8L2c+IDxnIGlkPSJHcmlkIiBkaXNwbGF5PSJub25lIj4gPGcgZGlzcGxheT0iaW5saW5lIj4gPC9nPiA8L2c+IDwvc3ZnPg0K"); }
    [dir='rtl'] md-tabs-wrapper md-next-button {
      right: auto;
      left: 0; }
    md-tabs-wrapper md-next-button md-icon {
      transform: translate3d(-50%, -50%, 0) rotate(180deg); }
  md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper {
    width: 100%;
    display: flex;
    flex-direction: row; }
    md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper md-tab-item {
      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; }
    [dir='rtl'] md-tabs-canvas .md-dummy-wrapper {
      left: auto;
      right: 0; }
  md-tabs-canvas.md-paginated {
    margin: 0 32px; }
  md-tabs-canvas.md-center-tabs {
    display: flex;
    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;
  transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
  position: absolute;
  width: 999999px;
  left: 0;
  transform: translate3d(0, 0, 0); }
  md-pagination-wrapper:after {
    content: '';
    display: table;
    clear: both; }
  [dir='rtl'] md-pagination-wrapper {
    left: auto;
    right: 0; }
  md-pagination-wrapper.md-center-tabs {
    position: relative;
    width: auto;
    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;
  transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
  overflow: auto;
  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 {
    transition: none; }
  md-tab-content.md-left:not(.md-active) {
    transform: translateX(-100%);
    animation: 1s md-tab-content-hide;
    opacity: 0; }
    [dir='rtl'] md-tab-content.md-left:not(.md-active) {
      transform: translateX(100%); }
    md-tab-content.md-left:not(.md-active) * {
      transition: visibility 0s linear;
      transition-delay: 0.5s;
      visibility: hidden; }
  md-tab-content.md-right:not(.md-active) {
    transform: translateX(100%);
    animation: 1s md-tab-content-hide;
    opacity: 0; }
    [dir='rtl'] md-tab-content.md-right:not(.md-active) {
      transform: translateX(-100%); }
    md-tab-content.md-right:not(.md-active) * {
      transition: visibility 0s linear;
      transition-delay: 0.5s;
      visibility: hidden; }
  md-tab-content > div.ng-leave {
    animation: 1s md-tab-content-hide; }

md-ink-bar {
  position: absolute;
  left: auto;
  right: auto;
  bottom: 0;
  height: 2px; }
  md-ink-bar.md-left {
    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 {
    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;
  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; }
  [dir='rtl'] .md-tab {
    float: right; }
  .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;
    user-select: none;
    -webkit-user-drag: none;
    opacity: 0.5;
    cursor: default; }
  .md-tab.ng-leave {
    transition: none; }

md-toolbar + md-tabs {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.md-toast-text {
  padding: 0 6px; }

md-toast {
  position: absolute;
  z-index: 105;
  box-sizing: border-box;
  cursor: default;
  overflow: hidden;
  padding: 8px;
  opacity: 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: flex;
    direction: row;
    align-items: center;
    max-height: 168px;
    max-width: 100%;
    min-height: 48px;
    padding: 0 18px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    border-radius: 2px;
    font-size: 14px;
    overflow: hidden;
    transform: translate3d(0, 0, 0) rotateZ(0deg);
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    justify-content: flex-start; }
    md-toast .md-toast-content::before {
      content: '';
      min-height: 48px;
      visibility: hidden;
      display: inline-block; }
    [dir='rtl'] md-toast .md-toast-content {
      justify-content: flex-end; }
    md-toast .md-toast-content span {
      flex: 1 1 0%;
      box-sizing: border-box;
      min-width: 0; }
  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 {
    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 {
    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 {
      transform: translate3d(0, 100%, 0); }
    md-toast.ng-enter.md-top .md-toast-content {
      transform: translate3d(0, -100%, 0); }
    md-toast.ng-enter.ng-enter-active {
      opacity: 1; }
      md-toast.ng-enter.ng-enter-active .md-toast-content {
        transform: translate3d(0, 0, 0); }
  md-toast.ng-leave.ng-leave-active .md-toast-content {
    opacity: 0;
    transform: translate3d(0, 100%, 0); }
  md-toast.ng-leave.ng-leave-active.md-swipeup .md-toast-content {
    transform: translate3d(0, -50%, 0); }
  md-toast.ng-leave.ng-leave-active.md-swipedown .md-toast-content {
    transform: translate3d(0, 50%, 0); }
  md-toast.ng-leave.ng-leave-active.md-top .md-toast-content {
    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-button {
    min-width: 0;
    margin-right: 0;
    margin-left: 12px; }
    [dir='rtl'] md-toast .md-button {
      margin-right: 12px; }
    [dir='rtl'] md-toast .md-button {
      margin-left: 0; }

@media (max-width: 959px) {
  md-toast {
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    border-radius: 0;
    bottom: 0;
    padding: 0; }
    md-toast.ng-leave.ng-leave-active.md-swipeup .md-toast-content {
      transform: translate3d(0, -50%, 0); }
    md-toast.ng-leave.ng-leave-active.md-swipedown .md-toast-content {
      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._md-start {
      left: 0; }
      [dir='rtl'] md-toast._md-start {
        left: auto;
        right: 0; }
    md-toast._md-end {
      right: 0; }
      [dir='rtl'] md-toast._md-end {
        right: auto;
        left: 0; }
    md-toast.ng-leave.ng-leave-active.md-swipeleft .md-toast-content {
      transform: translate3d(-50%, 0, 0); }
    md-toast.ng-leave.ng-leave-active.md-swiperight .md-toast-content {
      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; }

md-toolbar {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
  font-size: 20px;
  min-height: 64px;
  width: 100%; }
  md-toolbar._md-toolbar-transitions {
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
    transition-property: background-color, fill, color; }
  md-toolbar.md-whiteframe-z1-add, md-toolbar.md-whiteframe-z1-remove {
    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.ng-animate {
    transition: none; }
  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; }
    [dir='rtl'] md-toolbar > .md-indent {
      margin-left: auto;
      margin-right: 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: flex;
  align-items: center;
  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: flex;
    align-items: center; }
  .md-toolbar-tools .md-button {
    margin-top: 0;
    margin-bottom: 0; }
    .md-toolbar-tools .md-button,
    .md-toolbar-tools .md-button.md-icon-button md-icon {
      transition-duration: 0.5s;
      transition-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
      transition-property: background-color, fill, color; }
      .md-toolbar-tools .md-button.ng-animate,
      .md-toolbar-tools .md-button.md-icon-button md-icon.ng-animate {
        transition: none; }
  .md-toolbar-tools > .md-button:first-child {
    margin-left: -8px; }
    [dir='rtl'] .md-toolbar-tools > .md-button:first-child {
      margin-left: auto;
      margin-right: -8px; }
  .md-toolbar-tools > .md-button:last-child {
    margin-right: -8px; }
    [dir='rtl'] .md-toolbar-tools > .md-button:last-child {
      margin-right: auto;
      margin-left: -8px; }
  .md-toolbar-tools > md-menu:last-child {
    margin-right: -8px; }
    [dir='rtl'] .md-toolbar-tools > md-menu:last-child {
      margin-right: auto;
      margin-left: -8px; }
    .md-toolbar-tools > md-menu:last-child > .md-button {
      margin-right: 0; }
      [dir='rtl'] .md-toolbar-tools > md-menu:last-child > .md-button {
        margin-right: auto;
        margin-left: 0; }
  @media screen and (-ms-high-contrast: active) {
    .md-toolbar-tools {
      border-bottom: 1px solid #fff; } }

@media (min-width: 0) and (max-width: 959px) and (orientation: portrait) {
  md-toolbar {
    min-height: 56px; }
  .md-toolbar-tools {
    height: 56px;
    max-height: 56px; } }

@media (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 (min-width: 960px) {
    md-tooltip {
      font-size: 10px; } }
  md-tooltip .md-content {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transform-origin: center top;
    transform: scale(0);
    opacity: 0;
    height: 32px;
    line-height: 32px;
    padding-left: 16px;
    padding-right: 16px; }
    @media (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 {
      transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      transition-duration: 0.2s;
      transform: scale(0);
      opacity: 0; }
    md-tooltip .md-content.md-show, md-tooltip .md-content.md-show-add-active {
      transform: scale(1);
      opacity: 0.9;
      transform-origin: center top; }
    md-tooltip .md-content.md-show-remove {
      transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      transition-duration: 0.2s; }
      md-tooltip .md-content.md-show-remove.md-show-remove-active {
        transform: scale(0);
        opacity: 0; }
  md-tooltip.md-hide {
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  md-tooltip.md-show {
    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;
    -webkit-overflow-scrolling: touch; }
  .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; }
  [dir='rtl'] .md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-offsetter {
    right: auto;
    left: auto; }

.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; } }

@media print {
  md-whiteframe,
  [md-whiteframe] {
    background-color: #ffffff; } }

/*
* Since Layout API uses ng-cloak to hide the dom elements while layouts are adjusted
*
*/
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important; }

/*
*
*  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 {
  order: 0; }

.flex-order--20 {
  order: -20; }

.flex-order--19 {
  order: -19; }

.flex-order--18 {
  order: -18; }

.flex-order--17 {
  order: -17; }

.flex-order--16 {
  order: -16; }

.flex-order--15 {
  order: -15; }

.flex-order--14 {
  order: -14; }

.flex-order--13 {
  order: -13; }

.flex-order--12 {
  order: -12; }

.flex-order--11 {
  order: -11; }

.flex-order--10 {
  order: -10; }

.flex-order--9 {
  order: -9; }

.flex-order--8 {
  order: -8; }

.flex-order--7 {
  order: -7; }

.flex-order--6 {
  order: -6; }

.flex-order--5 {
  order: -5; }

.flex-order--4 {
  order: -4; }

.flex-order--3 {
  order: -3; }

.flex-order--2 {
  order: -2; }

.flex-order--1 {
  order: -1; }

.flex-order-0 {
  order: 0; }

.flex-order-1 {
  order: 1; }

.flex-order-2 {
  order: 2; }

.flex-order-3 {
  order: 3; }

.flex-order-4 {
  order: 4; }

.flex-order-5 {
  order: 5; }

.flex-order-6 {
  order: 6; }

.flex-order-7 {
  order: 7; }

.flex-order-8 {
  order: 8; }

.flex-order-9 {
  order: 9; }

.flex-order-10 {
  order: 10; }

.flex-order-11 {
  order: 11; }

.flex-order-12 {
  order: 12; }

.flex-order-13 {
  order: 13; }

.flex-order-14 {
  order: 14; }

.flex-order-15 {
  order: 15; }

.flex-order-16 {
  order: 16; }

.flex-order-17 {
  order: 17; }

.flex-order-18 {
  order: 18; }

.flex-order-19 {
  order: 19; }

.flex-order-20 {
  order: 20; }

.offset-0, .flex-offset-0 {
  margin-left: 0; }
  [dir='rtl'] .offset-0, [dir='rtl'] .flex-offset-0 {
    margin-left: auto;
    margin-right: 0; }

.offset-5, .flex-offset-5 {
  margin-left: 5%; }
  [dir='rtl'] .offset-5, [dir='rtl'] .flex-offset-5 {
    margin-left: auto;
    margin-right: 5%; }

.offset-10, .flex-offset-10 {
  margin-left: 10%; }
  [dir='rtl'] .offset-10, [dir='rtl'] .flex-offset-10 {
    margin-left: auto;
    margin-right: 10%; }

.offset-15, .flex-offset-15 {
  margin-left: 15%; }
  [dir='rtl'] .offset-15, [dir='rtl'] .flex-offset-15 {
    margin-left: auto;
    margin-right: 15%; }

.offset-20, .flex-offset-20 {
  margin-left: 20%; }
  [dir='rtl'] .offset-20, [dir='rtl'] .flex-offset-20 {
    margin-left: auto;
    margin-right: 20%; }

.offset-25, .flex-offset-25 {
  margin-left: 25%; }
  [dir='rtl'] .offset-25, [dir='rtl'] .flex-offset-25 {
    margin-left: auto;
    margin-right: 25%; }

.offset-30, .flex-offset-30 {
  margin-left: 30%; }
  [dir='rtl'] .offset-30, [dir='rtl'] .flex-offset-30 {
    margin-left: auto;
    margin-right: 30%; }

.offset-35, .flex-offset-35 {
  margin-left: 35%; }
  [dir='rtl'] .offset-35, [dir='rtl'] .flex-offset-35 {
    margin-left: auto;
    margin-right: 35%; }

.offset-40, .flex-offset-40 {
  margin-left: 40%; }
  [dir='rtl'] .offset-40, [dir='rtl'] .flex-offset-40 {
    margin-left: auto;
    margin-right: 40%; }

.offset-45, .flex-offset-45 {
  margin-left: 45%; }
  [dir='rtl'] .offset-45, [dir='rtl'] .flex-offset-45 {
    margin-left: auto;
    margin-right: 45%; }

.offset-50, .flex-offset-50 {
  margin-left: 50%; }
  [dir='rtl'] .offset-50, [dir='rtl'] .flex-offset-50 {
    margin-left: auto;
    margin-right: 50%; }

.offset-55, .flex-offset-55 {
  margin-left: 55%; }
  [dir='rtl'] .offset-55, [dir='rtl'] .flex-offset-55 {
    margin-left: auto;
    margin-right: 55%; }

.offset-60, .flex-offset-60 {
  margin-left: 60%; }
  [dir='rtl'] .offset-60, [dir='rtl'] .flex-offset-60 {
    margin-left: auto;
    margin-right: 60%; }

.offset-65, .flex-offset-65 {
  margin-left: 65%; }
  [dir='rtl'] .offset-65, [dir='rtl'] .flex-offset-65 {
    margin-left: auto;
    margin-right: 65%; }

.offset-70, .flex-offset-70 {
  margin-left: 70%; }
  [dir='rtl'] .offset-70, [dir='rtl'] .flex-offset-70 {
    margin-left: auto;
    margin-right: 70%; }

.offset-75, .flex-offset-75 {
  margin-left: 75%; }
  [dir='rtl'] .offset-75, [dir='rtl'] .flex-offset-75 {
    margin-left: auto;
    margin-right: 75%; }

.offset-80, .flex-offset-80 {
  margin-left: 80%; }
  [dir='rtl'] .offset-80, [dir='rtl'] .flex-offset-80 {
    margin-left: auto;
    margin-right: 80%; }

.offset-85, .flex-offset-85 {
  margin-left: 85%; }
  [dir='rtl'] .offset-85, [dir='rtl'] .flex-offset-85 {
    margin-left: auto;
    margin-right: 85%; }

.offset-90, .flex-offset-90 {
  margin-left: 90%; }
  [dir='rtl'] .offset-90, [dir='rtl'] .flex-offset-90 {
    margin-left: auto;
    margin-right: 90%; }

.offset-95, .flex-offset-95 {
  margin-left: 95%; }
  [dir='rtl'] .offset-95, [dir='rtl'] .flex-offset-95 {
    margin-left: auto;
    margin-right: 95%; }

.offset-33, .flex-offset-33 {
  margin-left: calc(100% / 3); }

.offset-66, .flex-offset-66 {
  margin-left: calc(200% / 3); }
  [dir='rtl'] .offset-66, [dir='rtl'] .flex-offset-66 {
    margin-left: auto;
    margin-right: calc(200% / 3); }

.layout-align,
.layout-align-start-stretch {
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch; }

.layout-align-start,
.layout-align-start-start,
.layout-align-start-center,
.layout-align-start-end,
.layout-align-start-stretch {
  justify-content: flex-start; }

.layout-align-center,
.layout-align-center-start,
.layout-align-center-center,
.layout-align-center-end,
.layout-align-center-stretch {
  justify-content: center; }

.layout-align-end,
.layout-align-end-start,
.layout-align-end-center,
.layout-align-end-end,
.layout-align-end-stretch {
  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 {
  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 {
  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 {
  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 {
  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 {
  align-items: stretch;
  align-content: stretch; }

.flex {
  flex: 1;
  box-sizing: border-box; }

.flex-grow {
  flex: 1 1 100%;
  box-sizing: border-box; }

.flex-initial {
  flex: 0 1 auto;
  box-sizing: border-box; }

.flex-auto {
  flex: 1 1 auto;
  box-sizing: border-box; }

.flex-none {
  flex: 0 0 auto;
  box-sizing: border-box; }

.flex-noshrink {
  flex: 1 0 auto;
  box-sizing: border-box; }

.flex-nogrow {
  flex: 0 1 auto;
  box-sizing: border-box; }

.flex-0 {
  flex: 1 1 0%;
  max-width: 0%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-0 {
  flex: 1 1 0%;
  max-width: 0%;
  max-height: 100%;
  box-sizing: border-box;
  min-width: 0; }

.layout-column > .flex-0 {
  flex: 1 1 0%;
  max-width: 100%;
  max-height: 0%;
  box-sizing: border-box; }

.layout-row > .flex-33,
.layout-row > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-66,
.layout-row > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-33,
.layout-column > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box; }

.layout-column > .flex-66,
.layout-column > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box; }

.layout-row > .flex-0 {
  flex: 1 1 0%;
  max-width: 0%;
  max-height: 100%;
  box-sizing: border-box;
  min-width: 0; }

.layout-column > .flex-0 {
  flex: 1 1 0%;
  max-width: 100%;
  max-height: 0%;
  box-sizing: border-box;
  min-height: 0; }

.flex-5 {
  flex: 1 1 5%;
  max-width: 5%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-5 {
  flex: 1 1 5%;
  max-width: 5%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-5 {
  flex: 1 1 5%;
  max-width: 100%;
  max-height: 5%;
  box-sizing: border-box; }

.layout-row > .flex-33,
.layout-row > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-66,
.layout-row > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-33,
.layout-column > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box; }

.layout-column > .flex-66,
.layout-column > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box; }

.layout-row > .flex-5 {
  flex: 1 1 5%;
  max-width: 5%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-5 {
  flex: 1 1 5%;
  max-width: 100%;
  max-height: 5%;
  box-sizing: border-box; }

.flex-10 {
  flex: 1 1 10%;
  max-width: 10%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-10 {
  flex: 1 1 10%;
  max-width: 10%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-10 {
  flex: 1 1 10%;
  max-width: 100%;
  max-height: 10%;
  box-sizing: border-box; }

.layout-row > .flex-33,
.layout-row > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-66,
.layout-row > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-33,
.layout-column > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box; }

.layout-column > .flex-66,
.layout-column > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box; }

.layout-row > .flex-10 {
  flex: 1 1 10%;
  max-width: 10%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-10 {
  flex: 1 1 10%;
  max-width: 100%;
  max-height: 10%;
  box-sizing: border-box; }

.flex-15 {
  flex: 1 1 15%;
  max-width: 15%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-15 {
  flex: 1 1 15%;
  max-width: 15%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-15 {
  flex: 1 1 15%;
  max-width: 100%;
  max-height: 15%;
  box-sizing: border-box; }

.layout-row > .flex-33,
.layout-row > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-66,
.layout-row > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-33,
.layout-column > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box; }

.layout-column > .flex-66,
.layout-column > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box; }

.layout-row > .flex-15 {
  flex: 1 1 15%;
  max-width: 15%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-15 {
  flex: 1 1 15%;
  max-width: 100%;
  max-height: 15%;
  box-sizing: border-box; }

.flex-20 {
  flex: 1 1 20%;
  max-width: 20%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-20 {
  flex: 1 1 20%;
  max-width: 20%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-20 {
  flex: 1 1 20%;
  max-width: 100%;
  max-height: 20%;
  box-sizing: border-box; }

.layout-row > .flex-33,
.layout-row > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-66,
.layout-row > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-33,
.layout-column > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box; }

.layout-column > .flex-66,
.layout-column > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box; }

.layout-row > .flex-20 {
  flex: 1 1 20%;
  max-width: 20%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-20 {
  flex: 1 1 20%;
  max-width: 100%;
  max-height: 20%;
  box-sizing: border-box; }

.flex-25 {
  flex: 1 1 25%;
  max-width: 25%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-25 {
  flex: 1 1 25%;
  max-width: 25%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-25 {
  flex: 1 1 25%;
  max-width: 100%;
  max-height: 25%;
  box-sizing: border-box; }

.layout-row > .flex-33,
.layout-row > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-66,
.layout-row > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-33,
.layout-column > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box; }

.layout-column > .flex-66,
.layout-column > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box; }

.layout-row > .flex-25 {
  flex: 1 1 25%;
  max-width: 25%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-25 {
  flex: 1 1 25%;
  max-width: 100%;
  max-height: 25%;
  box-sizing: border-box; }

.flex-30 {
  flex: 1 1 30%;
  max-width: 30%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-30 {
  flex: 1 1 30%;
  max-width: 30%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-30 {
  flex: 1 1 30%;
  max-width: 100%;
  max-height: 30%;
  box-sizing: border-box; }

.layout-row > .flex-33,
.layout-row > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-66,
.layout-row > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-33,
.layout-column > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box; }

.layout-column > .flex-66,
.layout-column > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box; }

.layout-row > .flex-30 {
  flex: 1 1 30%;
  max-width: 30%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-30 {
  flex: 1 1 30%;
  max-width: 100%;
  max-height: 30%;
  box-sizing: border-box; }

.flex-35 {
  flex: 1 1 35%;
  max-width: 35%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-35 {
  flex: 1 1 35%;
  max-width: 35%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-35 {
  flex: 1 1 35%;
  max-width: 100%;
  max-height: 35%;
  box-sizing: border-box; }

.layout-row > .flex-33,
.layout-row > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-66,
.layout-row > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-33,
.layout-column > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box; }

.layout-column > .flex-66,
.layout-column > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box; }

.layout-row > .flex-35 {
  flex: 1 1 35%;
  max-width: 35%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-35 {
  flex: 1 1 35%;
  max-width: 100%;
  max-height: 35%;
  box-sizing: border-box; }

.flex-40 {
  flex: 1 1 40%;
  max-width: 40%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-40 {
  flex: 1 1 40%;
  max-width: 40%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-40 {
  flex: 1 1 40%;
  max-width: 100%;
  max-height: 40%;
  box-sizing: border-box; }

.layout-row > .flex-33,
.layout-row > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-66,
.layout-row > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-33,
.layout-column > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box; }

.layout-column > .flex-66,
.layout-column > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box; }

.layout-row > .flex-40 {
  flex: 1 1 40%;
  max-width: 40%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-40 {
  flex: 1 1 40%;
  max-width: 100%;
  max-height: 40%;
  box-sizing: border-box; }

.flex-45 {
  flex: 1 1 45%;
  max-width: 45%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-45 {
  flex: 1 1 45%;
  max-width: 45%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-45 {
  flex: 1 1 45%;
  max-width: 100%;
  max-height: 45%;
  box-sizing: border-box; }

.layout-row > .flex-33,
.layout-row > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-66,
.layout-row > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-33,
.layout-column > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box; }

.layout-column > .flex-66,
.layout-column > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box; }

.layout-row > .flex-45 {
  flex: 1 1 45%;
  max-width: 45%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-45 {
  flex: 1 1 45%;
  max-width: 100%;
  max-height: 45%;
  box-sizing: border-box; }

.flex-50 {
  flex: 1 1 50%;
  max-width: 50%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-50 {
  flex: 1 1 50%;
  max-width: 50%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-50 {
  flex: 1 1 50%;
  max-width: 100%;
  max-height: 50%;
  box-sizing: border-box; }

.layout-row > .flex-33,
.layout-row > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-66,
.layout-row > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-33,
.layout-column > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box; }

.layout-column > .flex-66,
.layout-column > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box; }

.layout-row > .flex-50 {
  flex: 1 1 50%;
  max-width: 50%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-50 {
  flex: 1 1 50%;
  max-width: 100%;
  max-height: 50%;
  box-sizing: border-box; }

.flex-55 {
  flex: 1 1 55%;
  max-width: 55%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-55 {
  flex: 1 1 55%;
  max-width: 55%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-55 {
  flex: 1 1 55%;
  max-width: 100%;
  max-height: 55%;
  box-sizing: border-box; }

.layout-row > .flex-33,
.layout-row > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-66,
.layout-row > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-33,
.layout-column > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box; }

.layout-column > .flex-66,
.layout-column > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box; }

.layout-row > .flex-55 {
  flex: 1 1 55%;
  max-width: 55%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-55 {
  flex: 1 1 55%;
  max-width: 100%;
  max-height: 55%;
  box-sizing: border-box; }

.flex-60 {
  flex: 1 1 60%;
  max-width: 60%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-60 {
  flex: 1 1 60%;
  max-width: 60%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-60 {
  flex: 1 1 60%;
  max-width: 100%;
  max-height: 60%;
  box-sizing: border-box; }

.layout-row > .flex-33,
.layout-row > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-66,
.layout-row > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-33,
.layout-column > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box; }

.layout-column > .flex-66,
.layout-column > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box; }

.layout-row > .flex-60 {
  flex: 1 1 60%;
  max-width: 60%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-60 {
  flex: 1 1 60%;
  max-width: 100%;
  max-height: 60%;
  box-sizing: border-box; }

.flex-65 {
  flex: 1 1 65%;
  max-width: 65%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-65 {
  flex: 1 1 65%;
  max-width: 65%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-65 {
  flex: 1 1 65%;
  max-width: 100%;
  max-height: 65%;
  box-sizing: border-box; }

.layout-row > .flex-33,
.layout-row > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-66,
.layout-row > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-33,
.layout-column > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box; }

.layout-column > .flex-66,
.layout-column > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box; }

.layout-row > .flex-65 {
  flex: 1 1 65%;
  max-width: 65%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-65 {
  flex: 1 1 65%;
  max-width: 100%;
  max-height: 65%;
  box-sizing: border-box; }

.flex-70 {
  flex: 1 1 70%;
  max-width: 70%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-70 {
  flex: 1 1 70%;
  max-width: 70%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-70 {
  flex: 1 1 70%;
  max-width: 100%;
  max-height: 70%;
  box-sizing: border-box; }

.layout-row > .flex-33,
.layout-row > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-66,
.layout-row > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-33,
.layout-column > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box; }

.layout-column > .flex-66,
.layout-column > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box; }

.layout-row > .flex-70 {
  flex: 1 1 70%;
  max-width: 70%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-70 {
  flex: 1 1 70%;
  max-width: 100%;
  max-height: 70%;
  box-sizing: border-box; }

.flex-75 {
  flex: 1 1 75%;
  max-width: 75%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-75 {
  flex: 1 1 75%;
  max-width: 75%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-75 {
  flex: 1 1 75%;
  max-width: 100%;
  max-height: 75%;
  box-sizing: border-box; }

.layout-row > .flex-33,
.layout-row > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-66,
.layout-row > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-33,
.layout-column > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box; }

.layout-column > .flex-66,
.layout-column > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box; }

.layout-row > .flex-75 {
  flex: 1 1 75%;
  max-width: 75%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-75 {
  flex: 1 1 75%;
  max-width: 100%;
  max-height: 75%;
  box-sizing: border-box; }

.flex-80 {
  flex: 1 1 80%;
  max-width: 80%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-80 {
  flex: 1 1 80%;
  max-width: 80%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-80 {
  flex: 1 1 80%;
  max-width: 100%;
  max-height: 80%;
  box-sizing: border-box; }

.layout-row > .flex-33,
.layout-row > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-66,
.layout-row > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-33,
.layout-column > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box; }

.layout-column > .flex-66,
.layout-column > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box; }

.layout-row > .flex-80 {
  flex: 1 1 80%;
  max-width: 80%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-80 {
  flex: 1 1 80%;
  max-width: 100%;
  max-height: 80%;
  box-sizing: border-box; }

.flex-85 {
  flex: 1 1 85%;
  max-width: 85%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-85 {
  flex: 1 1 85%;
  max-width: 85%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-85 {
  flex: 1 1 85%;
  max-width: 100%;
  max-height: 85%;
  box-sizing: border-box; }

.layout-row > .flex-33,
.layout-row > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-66,
.layout-row > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-33,
.layout-column > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box; }

.layout-column > .flex-66,
.layout-column > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box; }

.layout-row > .flex-85 {
  flex: 1 1 85%;
  max-width: 85%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-85 {
  flex: 1 1 85%;
  max-width: 100%;
  max-height: 85%;
  box-sizing: border-box; }

.flex-90 {
  flex: 1 1 90%;
  max-width: 90%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-90 {
  flex: 1 1 90%;
  max-width: 90%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-90 {
  flex: 1 1 90%;
  max-width: 100%;
  max-height: 90%;
  box-sizing: border-box; }

.layout-row > .flex-33,
.layout-row > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-66,
.layout-row > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-33,
.layout-column > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box; }

.layout-column > .flex-66,
.layout-column > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box; }

.layout-row > .flex-90 {
  flex: 1 1 90%;
  max-width: 90%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-90 {
  flex: 1 1 90%;
  max-width: 100%;
  max-height: 90%;
  box-sizing: border-box; }

.flex-95 {
  flex: 1 1 95%;
  max-width: 95%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-95 {
  flex: 1 1 95%;
  max-width: 95%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-95 {
  flex: 1 1 95%;
  max-width: 100%;
  max-height: 95%;
  box-sizing: border-box; }

.layout-row > .flex-33,
.layout-row > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-66,
.layout-row > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-33,
.layout-column > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box; }

.layout-column > .flex-66,
.layout-column > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box; }

.layout-row > .flex-95 {
  flex: 1 1 95%;
  max-width: 95%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-95 {
  flex: 1 1 95%;
  max-width: 100%;
  max-height: 95%;
  box-sizing: border-box; }

.flex-100 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-100 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-100 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-33,
.layout-row > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-66,
.layout-row > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-33,
.layout-column > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box; }

.layout-column > .flex-66,
.layout-column > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box; }

.layout-row > .flex-100 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-100 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-33,
.layout-row > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-66,
.layout-row > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex {
  min-width: 0; }

.layout-column > .flex-33,
.layout-column > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box; }

.layout-column > .flex-66,
.layout-column > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box; }

.layout-column > .flex {
  min-height: 0; }

.layout,
.layout-column,
.layout-row {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex; }

.layout-column {
  flex-direction: column; }

.layout-row {
  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 {
    order: -20; }
  .flex-order-xs--19 {
    order: -19; }
  .flex-order-xs--18 {
    order: -18; }
  .flex-order-xs--17 {
    order: -17; }
  .flex-order-xs--16 {
    order: -16; }
  .flex-order-xs--15 {
    order: -15; }
  .flex-order-xs--14 {
    order: -14; }
  .flex-order-xs--13 {
    order: -13; }
  .flex-order-xs--12 {
    order: -12; }
  .flex-order-xs--11 {
    order: -11; }
  .flex-order-xs--10 {
    order: -10; }
  .flex-order-xs--9 {
    order: -9; }
  .flex-order-xs--8 {
    order: -8; }
  .flex-order-xs--7 {
    order: -7; }
  .flex-order-xs--6 {
    order: -6; }
  .flex-order-xs--5 {
    order: -5; }
  .flex-order-xs--4 {
    order: -4; }
  .flex-order-xs--3 {
    order: -3; }
  .flex-order-xs--2 {
    order: -2; }
  .flex-order-xs--1 {
    order: -1; }
  .flex-order-xs-0 {
    order: 0; }
  .flex-order-xs-1 {
    order: 1; }
  .flex-order-xs-2 {
    order: 2; }
  .flex-order-xs-3 {
    order: 3; }
  .flex-order-xs-4 {
    order: 4; }
  .flex-order-xs-5 {
    order: 5; }
  .flex-order-xs-6 {
    order: 6; }
  .flex-order-xs-7 {
    order: 7; }
  .flex-order-xs-8 {
    order: 8; }
  .flex-order-xs-9 {
    order: 9; }
  .flex-order-xs-10 {
    order: 10; }
  .flex-order-xs-11 {
    order: 11; }
  .flex-order-xs-12 {
    order: 12; }
  .flex-order-xs-13 {
    order: 13; }
  .flex-order-xs-14 {
    order: 14; }
  .flex-order-xs-15 {
    order: 15; }
  .flex-order-xs-16 {
    order: 16; }
  .flex-order-xs-17 {
    order: 17; }
  .flex-order-xs-18 {
    order: 18; }
  .flex-order-xs-19 {
    order: 19; }
  .flex-order-xs-20 {
    order: 20; }
  .offset-xs-0, .flex-offset-xs-0 {
    margin-left: 0; }
    [dir='rtl'] .offset-xs-0, [dir='rtl'] .flex-offset-xs-0 {
      margin-left: auto;
      margin-right: 0; }
  .offset-xs-5, .flex-offset-xs-5 {
    margin-left: 5%; }
    [dir='rtl'] .offset-xs-5, [dir='rtl'] .flex-offset-xs-5 {
      margin-left: auto;
      margin-right: 5%; }
  .offset-xs-10, .flex-offset-xs-10 {
    margin-left: 10%; }
    [dir='rtl'] .offset-xs-10, [dir='rtl'] .flex-offset-xs-10 {
      margin-left: auto;
      margin-right: 10%; }
  .offset-xs-15, .flex-offset-xs-15 {
    margin-left: 15%; }
    [dir='rtl'] .offset-xs-15, [dir='rtl'] .flex-offset-xs-15 {
      margin-left: auto;
      margin-right: 15%; }
  .offset-xs-20, .flex-offset-xs-20 {
    margin-left: 20%; }
    [dir='rtl'] .offset-xs-20, [dir='rtl'] .flex-offset-xs-20 {
      margin-left: auto;
      margin-right: 20%; }
  .offset-xs-25, .flex-offset-xs-25 {
    margin-left: 25%; }
    [dir='rtl'] .offset-xs-25, [dir='rtl'] .flex-offset-xs-25 {
      margin-left: auto;
      margin-right: 25%; }
  .offset-xs-30, .flex-offset-xs-30 {
    margin-left: 30%; }
    [dir='rtl'] .offset-xs-30, [dir='rtl'] .flex-offset-xs-30 {
      margin-left: auto;
      margin-right: 30%; }
  .offset-xs-35, .flex-offset-xs-35 {
    margin-left: 35%; }
    [dir='rtl'] .offset-xs-35, [dir='rtl'] .flex-offset-xs-35 {
      margin-left: auto;
      margin-right: 35%; }
  .offset-xs-40, .flex-offset-xs-40 {
    margin-left: 40%; }
    [dir='rtl'] .offset-xs-40, [dir='rtl'] .flex-offset-xs-40 {
      margin-left: auto;
      margin-right: 40%; }
  .offset-xs-45, .flex-offset-xs-45 {
    margin-left: 45%; }
    [dir='rtl'] .offset-xs-45, [dir='rtl'] .flex-offset-xs-45 {
      margin-left: auto;
      margin-right: 45%; }
  .offset-xs-50, .flex-offset-xs-50 {
    margin-left: 50%; }
    [dir='rtl'] .offset-xs-50, [dir='rtl'] .flex-offset-xs-50 {
      margin-left: auto;
      margin-right: 50%; }
  .offset-xs-55, .flex-offset-xs-55 {
    margin-left: 55%; }
    [dir='rtl'] .offset-xs-55, [dir='rtl'] .flex-offset-xs-55 {
      margin-left: auto;
      margin-right: 55%; }
  .offset-xs-60, .flex-offset-xs-60 {
    margin-left: 60%; }
    [dir='rtl'] .offset-xs-60, [dir='rtl'] .flex-offset-xs-60 {
      margin-left: auto;
      margin-right: 60%; }
  .offset-xs-65, .flex-offset-xs-65 {
    margin-left: 65%; }
    [dir='rtl'] .offset-xs-65, [dir='rtl'] .flex-offset-xs-65 {
      margin-left: auto;
      margin-right: 65%; }
  .offset-xs-70, .flex-offset-xs-70 {
    margin-left: 70%; }
    [dir='rtl'] .offset-xs-70, [dir='rtl'] .flex-offset-xs-70 {
      margin-left: auto;
      margin-right: 70%; }
  .offset-xs-75, .flex-offset-xs-75 {
    margin-left: 75%; }
    [dir='rtl'] .offset-xs-75, [dir='rtl'] .flex-offset-xs-75 {
      margin-left: auto;
      margin-right: 75%; }
  .offset-xs-80, .flex-offset-xs-80 {
    margin-left: 80%; }
    [dir='rtl'] .offset-xs-80, [dir='rtl'] .flex-offset-xs-80 {
      margin-left: auto;
      margin-right: 80%; }
  .offset-xs-85, .flex-offset-xs-85 {
    margin-left: 85%; }
    [dir='rtl'] .offset-xs-85, [dir='rtl'] .flex-offset-xs-85 {
      margin-left: auto;
      margin-right: 85%; }
  .offset-xs-90, .flex-offset-xs-90 {
    margin-left: 90%; }
    [dir='rtl'] .offset-xs-90, [dir='rtl'] .flex-offset-xs-90 {
      margin-left: auto;
      margin-right: 90%; }
  .offset-xs-95, .flex-offset-xs-95 {
    margin-left: 95%; }
    [dir='rtl'] .offset-xs-95, [dir='rtl'] .flex-offset-xs-95 {
      margin-left: auto;
      margin-right: 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); }
    [dir='rtl'] .offset-xs-66, [dir='rtl'] .flex-offset-xs-66 {
      margin-left: auto;
      margin-right: calc(200% / 3); }
  .layout-align-xs,
  .layout-align-xs-start-stretch {
    justify-content: flex-start;
    align-content: 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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    align-items: stretch;
    align-content: stretch; }
  .flex-xs {
    flex: 1;
    box-sizing: border-box; }
  .flex-xs-grow {
    flex: 1 1 100%;
    box-sizing: border-box; }
  .flex-xs-initial {
    flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-xs-auto {
    flex: 1 1 auto;
    box-sizing: border-box; }
  .flex-xs-none {
    flex: 0 0 auto;
    box-sizing: border-box; }
  .flex-xs-noshrink {
    flex: 1 0 auto;
    box-sizing: border-box; }
  .flex-xs-nogrow {
    flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-xs-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-column > .flex-xs-0 {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-33,
  .layout-row > .flex-xs-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-xs-column > .flex-xs-0 {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0; }
  .flex-xs-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-5 {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-33,
  .layout-row > .flex-xs-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-5 {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .flex-xs-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-10 {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-33,
  .layout-row > .flex-xs-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-10 {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .flex-xs-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-15 {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-33,
  .layout-row > .flex-xs-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-15 {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .flex-xs-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-20 {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-33,
  .layout-row > .flex-xs-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-20 {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .flex-xs-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-25 {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-33,
  .layout-row > .flex-xs-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-25 {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .flex-xs-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-30 {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-33,
  .layout-row > .flex-xs-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-30 {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .flex-xs-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-35 {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-33,
  .layout-row > .flex-xs-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-35 {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .flex-xs-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-40 {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-33,
  .layout-row > .flex-xs-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-40 {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .flex-xs-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-45 {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-33,
  .layout-row > .flex-xs-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-45 {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .flex-xs-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-50 {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-33,
  .layout-row > .flex-xs-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-50 {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .flex-xs-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-55 {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-33,
  .layout-row > .flex-xs-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-55 {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .flex-xs-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-60 {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-33,
  .layout-row > .flex-xs-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-60 {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .flex-xs-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-65 {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-33,
  .layout-row > .flex-xs-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-65 {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .flex-xs-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-70 {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-33,
  .layout-row > .flex-xs-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-70 {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .flex-xs-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-75 {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-33,
  .layout-row > .flex-xs-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-75 {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .flex-xs-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-80 {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-33,
  .layout-row > .flex-xs-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-80 {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .flex-xs-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-85 {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-33,
  .layout-row > .flex-xs-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-85 {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .flex-xs-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-90 {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-33,
  .layout-row > .flex-xs-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-90 {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .flex-xs-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-95 {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-33,
  .layout-row > .flex-xs-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-95 {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .flex-xs-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-33,
  .layout-row > .flex-xs-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-33,
  .layout-xs-row > .flex-xs-33 {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-66,
  .layout-xs-row > .flex-xs-66 {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-row > .flex {
    min-width: 0; }
  .layout-xs-column > .flex-xs-33,
  .layout-xs-column > .flex-xs-33 {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-66,
  .layout-xs-column > .flex-xs-66 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xs-column > .flex {
    min-height: 0; }
  .layout-xs,
  .layout-xs-column,
  .layout-xs-row {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; }
  .layout-xs-column {
    flex-direction: column; }
  .layout-xs-row {
    flex-direction: row; } }

@media (min-width: 600px) {
  .flex-order-gt-xs--20 {
    order: -20; }
  .flex-order-gt-xs--19 {
    order: -19; }
  .flex-order-gt-xs--18 {
    order: -18; }
  .flex-order-gt-xs--17 {
    order: -17; }
  .flex-order-gt-xs--16 {
    order: -16; }
  .flex-order-gt-xs--15 {
    order: -15; }
  .flex-order-gt-xs--14 {
    order: -14; }
  .flex-order-gt-xs--13 {
    order: -13; }
  .flex-order-gt-xs--12 {
    order: -12; }
  .flex-order-gt-xs--11 {
    order: -11; }
  .flex-order-gt-xs--10 {
    order: -10; }
  .flex-order-gt-xs--9 {
    order: -9; }
  .flex-order-gt-xs--8 {
    order: -8; }
  .flex-order-gt-xs--7 {
    order: -7; }
  .flex-order-gt-xs--6 {
    order: -6; }
  .flex-order-gt-xs--5 {
    order: -5; }
  .flex-order-gt-xs--4 {
    order: -4; }
  .flex-order-gt-xs--3 {
    order: -3; }
  .flex-order-gt-xs--2 {
    order: -2; }
  .flex-order-gt-xs--1 {
    order: -1; }
  .flex-order-gt-xs-0 {
    order: 0; }
  .flex-order-gt-xs-1 {
    order: 1; }
  .flex-order-gt-xs-2 {
    order: 2; }
  .flex-order-gt-xs-3 {
    order: 3; }
  .flex-order-gt-xs-4 {
    order: 4; }
  .flex-order-gt-xs-5 {
    order: 5; }
  .flex-order-gt-xs-6 {
    order: 6; }
  .flex-order-gt-xs-7 {
    order: 7; }
  .flex-order-gt-xs-8 {
    order: 8; }
  .flex-order-gt-xs-9 {
    order: 9; }
  .flex-order-gt-xs-10 {
    order: 10; }
  .flex-order-gt-xs-11 {
    order: 11; }
  .flex-order-gt-xs-12 {
    order: 12; }
  .flex-order-gt-xs-13 {
    order: 13; }
  .flex-order-gt-xs-14 {
    order: 14; }
  .flex-order-gt-xs-15 {
    order: 15; }
  .flex-order-gt-xs-16 {
    order: 16; }
  .flex-order-gt-xs-17 {
    order: 17; }
  .flex-order-gt-xs-18 {
    order: 18; }
  .flex-order-gt-xs-19 {
    order: 19; }
  .flex-order-gt-xs-20 {
    order: 20; }
  .offset-gt-xs-0, .flex-offset-gt-xs-0 {
    margin-left: 0; }
    [dir='rtl'] .offset-gt-xs-0, [dir='rtl'] .flex-offset-gt-xs-0 {
      margin-left: auto;
      margin-right: 0; }
  .offset-gt-xs-5, .flex-offset-gt-xs-5 {
    margin-left: 5%; }
    [dir='rtl'] .offset-gt-xs-5, [dir='rtl'] .flex-offset-gt-xs-5 {
      margin-left: auto;
      margin-right: 5%; }
  .offset-gt-xs-10, .flex-offset-gt-xs-10 {
    margin-left: 10%; }
    [dir='rtl'] .offset-gt-xs-10, [dir='rtl'] .flex-offset-gt-xs-10 {
      margin-left: auto;
      margin-right: 10%; }
  .offset-gt-xs-15, .flex-offset-gt-xs-15 {
    margin-left: 15%; }
    [dir='rtl'] .offset-gt-xs-15, [dir='rtl'] .flex-offset-gt-xs-15 {
      margin-left: auto;
      margin-right: 15%; }
  .offset-gt-xs-20, .flex-offset-gt-xs-20 {
    margin-left: 20%; }
    [dir='rtl'] .offset-gt-xs-20, [dir='rtl'] .flex-offset-gt-xs-20 {
      margin-left: auto;
      margin-right: 20%; }
  .offset-gt-xs-25, .flex-offset-gt-xs-25 {
    margin-left: 25%; }
    [dir='rtl'] .offset-gt-xs-25, [dir='rtl'] .flex-offset-gt-xs-25 {
      margin-left: auto;
      margin-right: 25%; }
  .offset-gt-xs-30, .flex-offset-gt-xs-30 {
    margin-left: 30%; }
    [dir='rtl'] .offset-gt-xs-30, [dir='rtl'] .flex-offset-gt-xs-30 {
      margin-left: auto;
      margin-right: 30%; }
  .offset-gt-xs-35, .flex-offset-gt-xs-35 {
    margin-left: 35%; }
    [dir='rtl'] .offset-gt-xs-35, [dir='rtl'] .flex-offset-gt-xs-35 {
      margin-left: auto;
      margin-right: 35%; }
  .offset-gt-xs-40, .flex-offset-gt-xs-40 {
    margin-left: 40%; }
    [dir='rtl'] .offset-gt-xs-40, [dir='rtl'] .flex-offset-gt-xs-40 {
      margin-left: auto;
      margin-right: 40%; }
  .offset-gt-xs-45, .flex-offset-gt-xs-45 {
    margin-left: 45%; }
    [dir='rtl'] .offset-gt-xs-45, [dir='rtl'] .flex-offset-gt-xs-45 {
      margin-left: auto;
      margin-right: 45%; }
  .offset-gt-xs-50, .flex-offset-gt-xs-50 {
    margin-left: 50%; }
    [dir='rtl'] .offset-gt-xs-50, [dir='rtl'] .flex-offset-gt-xs-50 {
      margin-left: auto;
      margin-right: 50%; }
  .offset-gt-xs-55, .flex-offset-gt-xs-55 {
    margin-left: 55%; }
    [dir='rtl'] .offset-gt-xs-55, [dir='rtl'] .flex-offset-gt-xs-55 {
      margin-left: auto;
      margin-right: 55%; }
  .offset-gt-xs-60, .flex-offset-gt-xs-60 {
    margin-left: 60%; }
    [dir='rtl'] .offset-gt-xs-60, [dir='rtl'] .flex-offset-gt-xs-60 {
      margin-left: auto;
      margin-right: 60%; }
  .offset-gt-xs-65, .flex-offset-gt-xs-65 {
    margin-left: 65%; }
    [dir='rtl'] .offset-gt-xs-65, [dir='rtl'] .flex-offset-gt-xs-65 {
      margin-left: auto;
      margin-right: 65%; }
  .offset-gt-xs-70, .flex-offset-gt-xs-70 {
    margin-left: 70%; }
    [dir='rtl'] .offset-gt-xs-70, [dir='rtl'] .flex-offset-gt-xs-70 {
      margin-left: auto;
      margin-right: 70%; }
  .offset-gt-xs-75, .flex-offset-gt-xs-75 {
    margin-left: 75%; }
    [dir='rtl'] .offset-gt-xs-75, [dir='rtl'] .flex-offset-gt-xs-75 {
      margin-left: auto;
      margin-right: 75%; }
  .offset-gt-xs-80, .flex-offset-gt-xs-80 {
    margin-left: 80%; }
    [dir='rtl'] .offset-gt-xs-80, [dir='rtl'] .flex-offset-gt-xs-80 {
      margin-left: auto;
      margin-right: 80%; }
  .offset-gt-xs-85, .flex-offset-gt-xs-85 {
    margin-left: 85%; }
    [dir='rtl'] .offset-gt-xs-85, [dir='rtl'] .flex-offset-gt-xs-85 {
      margin-left: auto;
      margin-right: 85%; }
  .offset-gt-xs-90, .flex-offset-gt-xs-90 {
    margin-left: 90%; }
    [dir='rtl'] .offset-gt-xs-90, [dir='rtl'] .flex-offset-gt-xs-90 {
      margin-left: auto;
      margin-right: 90%; }
  .offset-gt-xs-95, .flex-offset-gt-xs-95 {
    margin-left: 95%; }
    [dir='rtl'] .offset-gt-xs-95, [dir='rtl'] .flex-offset-gt-xs-95 {
      margin-left: auto;
      margin-right: 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); }
    [dir='rtl'] .offset-gt-xs-66, [dir='rtl'] .flex-offset-gt-xs-66 {
      margin-left: auto;
      margin-right: calc(200% / 3); }
  .layout-align-gt-xs,
  .layout-align-gt-xs-start-stretch {
    justify-content: flex-start;
    align-content: 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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    align-items: stretch;
    align-content: stretch; }
  .flex-gt-xs {
    flex: 1;
    box-sizing: border-box; }
  .flex-gt-xs-grow {
    flex: 1 1 100%;
    box-sizing: border-box; }
  .flex-gt-xs-initial {
    flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-gt-xs-auto {
    flex: 1 1 auto;
    box-sizing: border-box; }
  .flex-gt-xs-none {
    flex: 0 0 auto;
    box-sizing: border-box; }
  .flex-gt-xs-noshrink {
    flex: 1 0 auto;
    box-sizing: border-box; }
  .flex-gt-xs-nogrow {
    flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-gt-xs-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-column > .flex-gt-xs-0 {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-33,
  .layout-row > .flex-gt-xs-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-gt-xs-column > .flex-gt-xs-0 {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0; }
  .flex-gt-xs-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-5 {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-33,
  .layout-row > .flex-gt-xs-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-5 {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .flex-gt-xs-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-10 {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-33,
  .layout-row > .flex-gt-xs-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-10 {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .flex-gt-xs-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-15 {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-33,
  .layout-row > .flex-gt-xs-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-15 {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .flex-gt-xs-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-20 {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-33,
  .layout-row > .flex-gt-xs-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-20 {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .flex-gt-xs-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-25 {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-33,
  .layout-row > .flex-gt-xs-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-25 {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .flex-gt-xs-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-30 {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-33,
  .layout-row > .flex-gt-xs-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-30 {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .flex-gt-xs-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-35 {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-33,
  .layout-row > .flex-gt-xs-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-35 {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .flex-gt-xs-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-40 {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-33,
  .layout-row > .flex-gt-xs-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-40 {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .flex-gt-xs-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-45 {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-33,
  .layout-row > .flex-gt-xs-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-45 {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .flex-gt-xs-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-50 {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-33,
  .layout-row > .flex-gt-xs-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-50 {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .flex-gt-xs-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-55 {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-33,
  .layout-row > .flex-gt-xs-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-55 {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .flex-gt-xs-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-60 {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-33,
  .layout-row > .flex-gt-xs-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-60 {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .flex-gt-xs-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-65 {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-33,
  .layout-row > .flex-gt-xs-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-65 {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .flex-gt-xs-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-70 {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-33,
  .layout-row > .flex-gt-xs-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-70 {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .flex-gt-xs-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-75 {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-33,
  .layout-row > .flex-gt-xs-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-75 {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .flex-gt-xs-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-80 {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-33,
  .layout-row > .flex-gt-xs-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-80 {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .flex-gt-xs-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-85 {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-33,
  .layout-row > .flex-gt-xs-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-85 {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .flex-gt-xs-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-90 {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-33,
  .layout-row > .flex-gt-xs-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-90 {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .flex-gt-xs-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-95 {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-33,
  .layout-row > .flex-gt-xs-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-95 {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .flex-gt-xs-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-100 {
    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 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-33,
  .layout-gt-xs-row > .flex-gt-xs-33 {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-66,
  .layout-gt-xs-row > .flex-gt-xs-66 {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex {
    min-width: 0; }
  .layout-gt-xs-column > .flex-gt-xs-33,
  .layout-gt-xs-column > .flex-gt-xs-33 {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-66,
  .layout-gt-xs-column > .flex-gt-xs-66 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .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: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; }
  .layout-gt-xs-column {
    flex-direction: column; }
  .layout-gt-xs-row {
    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 {
    order: -20; }
  .flex-order-sm--19 {
    order: -19; }
  .flex-order-sm--18 {
    order: -18; }
  .flex-order-sm--17 {
    order: -17; }
  .flex-order-sm--16 {
    order: -16; }
  .flex-order-sm--15 {
    order: -15; }
  .flex-order-sm--14 {
    order: -14; }
  .flex-order-sm--13 {
    order: -13; }
  .flex-order-sm--12 {
    order: -12; }
  .flex-order-sm--11 {
    order: -11; }
  .flex-order-sm--10 {
    order: -10; }
  .flex-order-sm--9 {
    order: -9; }
  .flex-order-sm--8 {
    order: -8; }
  .flex-order-sm--7 {
    order: -7; }
  .flex-order-sm--6 {
    order: -6; }
  .flex-order-sm--5 {
    order: -5; }
  .flex-order-sm--4 {
    order: -4; }
  .flex-order-sm--3 {
    order: -3; }
  .flex-order-sm--2 {
    order: -2; }
  .flex-order-sm--1 {
    order: -1; }
  .flex-order-sm-0 {
    order: 0; }
  .flex-order-sm-1 {
    order: 1; }
  .flex-order-sm-2 {
    order: 2; }
  .flex-order-sm-3 {
    order: 3; }
  .flex-order-sm-4 {
    order: 4; }
  .flex-order-sm-5 {
    order: 5; }
  .flex-order-sm-6 {
    order: 6; }
  .flex-order-sm-7 {
    order: 7; }
  .flex-order-sm-8 {
    order: 8; }
  .flex-order-sm-9 {
    order: 9; }
  .flex-order-sm-10 {
    order: 10; }
  .flex-order-sm-11 {
    order: 11; }
  .flex-order-sm-12 {
    order: 12; }
  .flex-order-sm-13 {
    order: 13; }
  .flex-order-sm-14 {
    order: 14; }
  .flex-order-sm-15 {
    order: 15; }
  .flex-order-sm-16 {
    order: 16; }
  .flex-order-sm-17 {
    order: 17; }
  .flex-order-sm-18 {
    order: 18; }
  .flex-order-sm-19 {
    order: 19; }
  .flex-order-sm-20 {
    order: 20; }
  .offset-sm-0, .flex-offset-sm-0 {
    margin-left: 0; }
    [dir='rtl'] .offset-sm-0, [dir='rtl'] .flex-offset-sm-0 {
      margin-left: auto;
      margin-right: 0; }
  .offset-sm-5, .flex-offset-sm-5 {
    margin-left: 5%; }
    [dir='rtl'] .offset-sm-5, [dir='rtl'] .flex-offset-sm-5 {
      margin-left: auto;
      margin-right: 5%; }
  .offset-sm-10, .flex-offset-sm-10 {
    margin-left: 10%; }
    [dir='rtl'] .offset-sm-10, [dir='rtl'] .flex-offset-sm-10 {
      margin-left: auto;
      margin-right: 10%; }
  .offset-sm-15, .flex-offset-sm-15 {
    margin-left: 15%; }
    [dir='rtl'] .offset-sm-15, [dir='rtl'] .flex-offset-sm-15 {
      margin-left: auto;
      margin-right: 15%; }
  .offset-sm-20, .flex-offset-sm-20 {
    margin-left: 20%; }
    [dir='rtl'] .offset-sm-20, [dir='rtl'] .flex-offset-sm-20 {
      margin-left: auto;
      margin-right: 20%; }
  .offset-sm-25, .flex-offset-sm-25 {
    margin-left: 25%; }
    [dir='rtl'] .offset-sm-25, [dir='rtl'] .flex-offset-sm-25 {
      margin-left: auto;
      margin-right: 25%; }
  .offset-sm-30, .flex-offset-sm-30 {
    margin-left: 30%; }
    [dir='rtl'] .offset-sm-30, [dir='rtl'] .flex-offset-sm-30 {
      margin-left: auto;
      margin-right: 30%; }
  .offset-sm-35, .flex-offset-sm-35 {
    margin-left: 35%; }
    [dir='rtl'] .offset-sm-35, [dir='rtl'] .flex-offset-sm-35 {
      margin-left: auto;
      margin-right: 35%; }
  .offset-sm-40, .flex-offset-sm-40 {
    margin-left: 40%; }
    [dir='rtl'] .offset-sm-40, [dir='rtl'] .flex-offset-sm-40 {
      margin-left: auto;
      margin-right: 40%; }
  .offset-sm-45, .flex-offset-sm-45 {
    margin-left: 45%; }
    [dir='rtl'] .offset-sm-45, [dir='rtl'] .flex-offset-sm-45 {
      margin-left: auto;
      margin-right: 45%; }
  .offset-sm-50, .flex-offset-sm-50 {
    margin-left: 50%; }
    [dir='rtl'] .offset-sm-50, [dir='rtl'] .flex-offset-sm-50 {
      margin-left: auto;
      margin-right: 50%; }
  .offset-sm-55, .flex-offset-sm-55 {
    margin-left: 55%; }
    [dir='rtl'] .offset-sm-55, [dir='rtl'] .flex-offset-sm-55 {
      margin-left: auto;
      margin-right: 55%; }
  .offset-sm-60, .flex-offset-sm-60 {
    margin-left: 60%; }
    [dir='rtl'] .offset-sm-60, [dir='rtl'] .flex-offset-sm-60 {
      margin-left: auto;
      margin-right: 60%; }
  .offset-sm-65, .flex-offset-sm-65 {
    margin-left: 65%; }
    [dir='rtl'] .offset-sm-65, [dir='rtl'] .flex-offset-sm-65 {
      margin-left: auto;
      margin-right: 65%; }
  .offset-sm-70, .flex-offset-sm-70 {
    margin-left: 70%; }
    [dir='rtl'] .offset-sm-70, [dir='rtl'] .flex-offset-sm-70 {
      margin-left: auto;
      margin-right: 70%; }
  .offset-sm-75, .flex-offset-sm-75 {
    margin-left: 75%; }
    [dir='rtl'] .offset-sm-75, [dir='rtl'] .flex-offset-sm-75 {
      margin-left: auto;
      margin-right: 75%; }
  .offset-sm-80, .flex-offset-sm-80 {
    margin-left: 80%; }
    [dir='rtl'] .offset-sm-80, [dir='rtl'] .flex-offset-sm-80 {
      margin-left: auto;
      margin-right: 80%; }
  .offset-sm-85, .flex-offset-sm-85 {
    margin-left: 85%; }
    [dir='rtl'] .offset-sm-85, [dir='rtl'] .flex-offset-sm-85 {
      margin-left: auto;
      margin-right: 85%; }
  .offset-sm-90, .flex-offset-sm-90 {
    margin-left: 90%; }
    [dir='rtl'] .offset-sm-90, [dir='rtl'] .flex-offset-sm-90 {
      margin-left: auto;
      margin-right: 90%; }
  .offset-sm-95, .flex-offset-sm-95 {
    margin-left: 95%; }
    [dir='rtl'] .offset-sm-95, [dir='rtl'] .flex-offset-sm-95 {
      margin-left: auto;
      margin-right: 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); }
    [dir='rtl'] .offset-sm-66, [dir='rtl'] .flex-offset-sm-66 {
      margin-left: auto;
      margin-right: calc(200% / 3); }
  .layout-align-sm,
  .layout-align-sm-start-stretch {
    justify-content: flex-start;
    align-content: 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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    align-items: stretch;
    align-content: stretch; }
  .flex-sm {
    flex: 1;
    box-sizing: border-box; }
  .flex-sm-grow {
    flex: 1 1 100%;
    box-sizing: border-box; }
  .flex-sm-initial {
    flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-sm-auto {
    flex: 1 1 auto;
    box-sizing: border-box; }
  .flex-sm-none {
    flex: 0 0 auto;
    box-sizing: border-box; }
  .flex-sm-noshrink {
    flex: 1 0 auto;
    box-sizing: border-box; }
  .flex-sm-nogrow {
    flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-sm-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-column > .flex-sm-0 {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-33,
  .layout-row > .flex-sm-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-sm-column > .flex-sm-0 {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0; }
  .flex-sm-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-5 {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-33,
  .layout-row > .flex-sm-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-5 {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .flex-sm-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-10 {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-33,
  .layout-row > .flex-sm-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-10 {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .flex-sm-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-15 {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-33,
  .layout-row > .flex-sm-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-15 {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .flex-sm-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-20 {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-33,
  .layout-row > .flex-sm-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-20 {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .flex-sm-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-25 {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-33,
  .layout-row > .flex-sm-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-25 {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .flex-sm-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-30 {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-33,
  .layout-row > .flex-sm-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-30 {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .flex-sm-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-35 {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-33,
  .layout-row > .flex-sm-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-35 {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .flex-sm-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-40 {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-33,
  .layout-row > .flex-sm-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-40 {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .flex-sm-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-45 {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-33,
  .layout-row > .flex-sm-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-45 {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .flex-sm-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-50 {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-33,
  .layout-row > .flex-sm-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-50 {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .flex-sm-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-55 {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-33,
  .layout-row > .flex-sm-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-55 {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .flex-sm-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-60 {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-33,
  .layout-row > .flex-sm-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-60 {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .flex-sm-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-65 {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-33,
  .layout-row > .flex-sm-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-65 {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .flex-sm-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-70 {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-33,
  .layout-row > .flex-sm-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-70 {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .flex-sm-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-75 {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-33,
  .layout-row > .flex-sm-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-75 {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .flex-sm-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-80 {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-33,
  .layout-row > .flex-sm-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-80 {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .flex-sm-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-85 {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-33,
  .layout-row > .flex-sm-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-85 {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .flex-sm-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-90 {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-33,
  .layout-row > .flex-sm-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-90 {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .flex-sm-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-95 {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-33,
  .layout-row > .flex-sm-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-95 {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .flex-sm-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-33,
  .layout-row > .flex-sm-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-33,
  .layout-sm-row > .flex-sm-33 {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-66,
  .layout-sm-row > .flex-sm-66 {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-row > .flex {
    min-width: 0; }
  .layout-sm-column > .flex-sm-33,
  .layout-sm-column > .flex-sm-33 {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-66,
  .layout-sm-column > .flex-sm-66 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-sm-column > .flex {
    min-height: 0; }
  .layout-sm,
  .layout-sm-column,
  .layout-sm-row {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; }
  .layout-sm-column {
    flex-direction: column; }
  .layout-sm-row {
    flex-direction: row; } }

@media (min-width: 960px) {
  .flex-order-gt-sm--20 {
    order: -20; }
  .flex-order-gt-sm--19 {
    order: -19; }
  .flex-order-gt-sm--18 {
    order: -18; }
  .flex-order-gt-sm--17 {
    order: -17; }
  .flex-order-gt-sm--16 {
    order: -16; }
  .flex-order-gt-sm--15 {
    order: -15; }
  .flex-order-gt-sm--14 {
    order: -14; }
  .flex-order-gt-sm--13 {
    order: -13; }
  .flex-order-gt-sm--12 {
    order: -12; }
  .flex-order-gt-sm--11 {
    order: -11; }
  .flex-order-gt-sm--10 {
    order: -10; }
  .flex-order-gt-sm--9 {
    order: -9; }
  .flex-order-gt-sm--8 {
    order: -8; }
  .flex-order-gt-sm--7 {
    order: -7; }
  .flex-order-gt-sm--6 {
    order: -6; }
  .flex-order-gt-sm--5 {
    order: -5; }
  .flex-order-gt-sm--4 {
    order: -4; }
  .flex-order-gt-sm--3 {
    order: -3; }
  .flex-order-gt-sm--2 {
    order: -2; }
  .flex-order-gt-sm--1 {
    order: -1; }
  .flex-order-gt-sm-0 {
    order: 0; }
  .flex-order-gt-sm-1 {
    order: 1; }
  .flex-order-gt-sm-2 {
    order: 2; }
  .flex-order-gt-sm-3 {
    order: 3; }
  .flex-order-gt-sm-4 {
    order: 4; }
  .flex-order-gt-sm-5 {
    order: 5; }
  .flex-order-gt-sm-6 {
    order: 6; }
  .flex-order-gt-sm-7 {
    order: 7; }
  .flex-order-gt-sm-8 {
    order: 8; }
  .flex-order-gt-sm-9 {
    order: 9; }
  .flex-order-gt-sm-10 {
    order: 10; }
  .flex-order-gt-sm-11 {
    order: 11; }
  .flex-order-gt-sm-12 {
    order: 12; }
  .flex-order-gt-sm-13 {
    order: 13; }
  .flex-order-gt-sm-14 {
    order: 14; }
  .flex-order-gt-sm-15 {
    order: 15; }
  .flex-order-gt-sm-16 {
    order: 16; }
  .flex-order-gt-sm-17 {
    order: 17; }
  .flex-order-gt-sm-18 {
    order: 18; }
  .flex-order-gt-sm-19 {
    order: 19; }
  .flex-order-gt-sm-20 {
    order: 20; }
  .offset-gt-sm-0, .flex-offset-gt-sm-0 {
    margin-left: 0; }
    [dir='rtl'] .offset-gt-sm-0, [dir='rtl'] .flex-offset-gt-sm-0 {
      margin-left: auto;
      margin-right: 0; }
  .offset-gt-sm-5, .flex-offset-gt-sm-5 {
    margin-left: 5%; }
    [dir='rtl'] .offset-gt-sm-5, [dir='rtl'] .flex-offset-gt-sm-5 {
      margin-left: auto;
      margin-right: 5%; }
  .offset-gt-sm-10, .flex-offset-gt-sm-10 {
    margin-left: 10%; }
    [dir='rtl'] .offset-gt-sm-10, [dir='rtl'] .flex-offset-gt-sm-10 {
      margin-left: auto;
      margin-right: 10%; }
  .offset-gt-sm-15, .flex-offset-gt-sm-15 {
    margin-left: 15%; }
    [dir='rtl'] .offset-gt-sm-15, [dir='rtl'] .flex-offset-gt-sm-15 {
      margin-left: auto;
      margin-right: 15%; }
  .offset-gt-sm-20, .flex-offset-gt-sm-20 {
    margin-left: 20%; }
    [dir='rtl'] .offset-gt-sm-20, [dir='rtl'] .flex-offset-gt-sm-20 {
      margin-left: auto;
      margin-right: 20%; }
  .offset-gt-sm-25, .flex-offset-gt-sm-25 {
    margin-left: 25%; }
    [dir='rtl'] .offset-gt-sm-25, [dir='rtl'] .flex-offset-gt-sm-25 {
      margin-left: auto;
      margin-right: 25%; }
  .offset-gt-sm-30, .flex-offset-gt-sm-30 {
    margin-left: 30%; }
    [dir='rtl'] .offset-gt-sm-30, [dir='rtl'] .flex-offset-gt-sm-30 {
      margin-left: auto;
      margin-right: 30%; }
  .offset-gt-sm-35, .flex-offset-gt-sm-35 {
    margin-left: 35%; }
    [dir='rtl'] .offset-gt-sm-35, [dir='rtl'] .flex-offset-gt-sm-35 {
      margin-left: auto;
      margin-right: 35%; }
  .offset-gt-sm-40, .flex-offset-gt-sm-40 {
    margin-left: 40%; }
    [dir='rtl'] .offset-gt-sm-40, [dir='rtl'] .flex-offset-gt-sm-40 {
      margin-left: auto;
      margin-right: 40%; }
  .offset-gt-sm-45, .flex-offset-gt-sm-45 {
    margin-left: 45%; }
    [dir='rtl'] .offset-gt-sm-45, [dir='rtl'] .flex-offset-gt-sm-45 {
      margin-left: auto;
      margin-right: 45%; }
  .offset-gt-sm-50, .flex-offset-gt-sm-50 {
    margin-left: 50%; }
    [dir='rtl'] .offset-gt-sm-50, [dir='rtl'] .flex-offset-gt-sm-50 {
      margin-left: auto;
      margin-right: 50%; }
  .offset-gt-sm-55, .flex-offset-gt-sm-55 {
    margin-left: 55%; }
    [dir='rtl'] .offset-gt-sm-55, [dir='rtl'] .flex-offset-gt-sm-55 {
      margin-left: auto;
      margin-right: 55%; }
  .offset-gt-sm-60, .flex-offset-gt-sm-60 {
    margin-left: 60%; }
    [dir='rtl'] .offset-gt-sm-60, [dir='rtl'] .flex-offset-gt-sm-60 {
      margin-left: auto;
      margin-right: 60%; }
  .offset-gt-sm-65, .flex-offset-gt-sm-65 {
    margin-left: 65%; }
    [dir='rtl'] .offset-gt-sm-65, [dir='rtl'] .flex-offset-gt-sm-65 {
      margin-left: auto;
      margin-right: 65%; }
  .offset-gt-sm-70, .flex-offset-gt-sm-70 {
    margin-left: 70%; }
    [dir='rtl'] .offset-gt-sm-70, [dir='rtl'] .flex-offset-gt-sm-70 {
      margin-left: auto;
      margin-right: 70%; }
  .offset-gt-sm-75, .flex-offset-gt-sm-75 {
    margin-left: 75%; }
    [dir='rtl'] .offset-gt-sm-75, [dir='rtl'] .flex-offset-gt-sm-75 {
      margin-left: auto;
      margin-right: 75%; }
  .offset-gt-sm-80, .flex-offset-gt-sm-80 {
    margin-left: 80%; }
    [dir='rtl'] .offset-gt-sm-80, [dir='rtl'] .flex-offset-gt-sm-80 {
      margin-left: auto;
      margin-right: 80%; }
  .offset-gt-sm-85, .flex-offset-gt-sm-85 {
    margin-left: 85%; }
    [dir='rtl'] .offset-gt-sm-85, [dir='rtl'] .flex-offset-gt-sm-85 {
      margin-left: auto;
      margin-right: 85%; }
  .offset-gt-sm-90, .flex-offset-gt-sm-90 {
    margin-left: 90%; }
    [dir='rtl'] .offset-gt-sm-90, [dir='rtl'] .flex-offset-gt-sm-90 {
      margin-left: auto;
      margin-right: 90%; }
  .offset-gt-sm-95, .flex-offset-gt-sm-95 {
    margin-left: 95%; }
    [dir='rtl'] .offset-gt-sm-95, [dir='rtl'] .flex-offset-gt-sm-95 {
      margin-left: auto;
      margin-right: 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); }
    [dir='rtl'] .offset-gt-sm-66, [dir='rtl'] .flex-offset-gt-sm-66 {
      margin-left: auto;
      margin-right: calc(200% / 3); }
  .layout-align-gt-sm,
  .layout-align-gt-sm-start-stretch {
    justify-content: flex-start;
    align-content: 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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    align-items: stretch;
    align-content: stretch; }
  .flex-gt-sm {
    flex: 1;
    box-sizing: border-box; }
  .flex-gt-sm-grow {
    flex: 1 1 100%;
    box-sizing: border-box; }
  .flex-gt-sm-initial {
    flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-gt-sm-auto {
    flex: 1 1 auto;
    box-sizing: border-box; }
  .flex-gt-sm-none {
    flex: 0 0 auto;
    box-sizing: border-box; }
  .flex-gt-sm-noshrink {
    flex: 1 0 auto;
    box-sizing: border-box; }
  .flex-gt-sm-nogrow {
    flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-gt-sm-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-column > .flex-gt-sm-0 {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-33,
  .layout-row > .flex-gt-sm-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-gt-sm-column > .flex-gt-sm-0 {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0; }
  .flex-gt-sm-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-5 {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-33,
  .layout-row > .flex-gt-sm-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-5 {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .flex-gt-sm-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-10 {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-33,
  .layout-row > .flex-gt-sm-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-10 {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .flex-gt-sm-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-15 {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-33,
  .layout-row > .flex-gt-sm-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-15 {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .flex-gt-sm-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-20 {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-33,
  .layout-row > .flex-gt-sm-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-20 {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .flex-gt-sm-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-25 {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-33,
  .layout-row > .flex-gt-sm-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-25 {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .flex-gt-sm-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-30 {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-33,
  .layout-row > .flex-gt-sm-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-30 {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .flex-gt-sm-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-35 {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-33,
  .layout-row > .flex-gt-sm-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-35 {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .flex-gt-sm-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-40 {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-33,
  .layout-row > .flex-gt-sm-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-40 {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .flex-gt-sm-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-45 {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-33,
  .layout-row > .flex-gt-sm-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-45 {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .flex-gt-sm-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-50 {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-33,
  .layout-row > .flex-gt-sm-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-50 {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .flex-gt-sm-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-55 {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-33,
  .layout-row > .flex-gt-sm-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-55 {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .flex-gt-sm-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-60 {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-33,
  .layout-row > .flex-gt-sm-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-60 {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .flex-gt-sm-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-65 {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-33,
  .layout-row > .flex-gt-sm-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-65 {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .flex-gt-sm-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-70 {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-33,
  .layout-row > .flex-gt-sm-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-70 {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .flex-gt-sm-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-75 {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-33,
  .layout-row > .flex-gt-sm-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-75 {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .flex-gt-sm-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-80 {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-33,
  .layout-row > .flex-gt-sm-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-80 {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .flex-gt-sm-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-85 {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-33,
  .layout-row > .flex-gt-sm-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-85 {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .flex-gt-sm-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-90 {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-33,
  .layout-row > .flex-gt-sm-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-90 {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .flex-gt-sm-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-95 {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-33,
  .layout-row > .flex-gt-sm-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-95 {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .flex-gt-sm-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-100 {
    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 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-33,
  .layout-gt-sm-row > .flex-gt-sm-33 {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-66,
  .layout-gt-sm-row > .flex-gt-sm-66 {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex {
    min-width: 0; }
  .layout-gt-sm-column > .flex-gt-sm-33,
  .layout-gt-sm-column > .flex-gt-sm-33 {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-66,
  .layout-gt-sm-column > .flex-gt-sm-66 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .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: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; }
  .layout-gt-sm-column {
    flex-direction: column; }
  .layout-gt-sm-row {
    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 {
    order: -20; }
  .flex-order-md--19 {
    order: -19; }
  .flex-order-md--18 {
    order: -18; }
  .flex-order-md--17 {
    order: -17; }
  .flex-order-md--16 {
    order: -16; }
  .flex-order-md--15 {
    order: -15; }
  .flex-order-md--14 {
    order: -14; }
  .flex-order-md--13 {
    order: -13; }
  .flex-order-md--12 {
    order: -12; }
  .flex-order-md--11 {
    order: -11; }
  .flex-order-md--10 {
    order: -10; }
  .flex-order-md--9 {
    order: -9; }
  .flex-order-md--8 {
    order: -8; }
  .flex-order-md--7 {
    order: -7; }
  .flex-order-md--6 {
    order: -6; }
  .flex-order-md--5 {
    order: -5; }
  .flex-order-md--4 {
    order: -4; }
  .flex-order-md--3 {
    order: -3; }
  .flex-order-md--2 {
    order: -2; }
  .flex-order-md--1 {
    order: -1; }
  .flex-order-md-0 {
    order: 0; }
  .flex-order-md-1 {
    order: 1; }
  .flex-order-md-2 {
    order: 2; }
  .flex-order-md-3 {
    order: 3; }
  .flex-order-md-4 {
    order: 4; }
  .flex-order-md-5 {
    order: 5; }
  .flex-order-md-6 {
    order: 6; }
  .flex-order-md-7 {
    order: 7; }
  .flex-order-md-8 {
    order: 8; }
  .flex-order-md-9 {
    order: 9; }
  .flex-order-md-10 {
    order: 10; }
  .flex-order-md-11 {
    order: 11; }
  .flex-order-md-12 {
    order: 12; }
  .flex-order-md-13 {
    order: 13; }
  .flex-order-md-14 {
    order: 14; }
  .flex-order-md-15 {
    order: 15; }
  .flex-order-md-16 {
    order: 16; }
  .flex-order-md-17 {
    order: 17; }
  .flex-order-md-18 {
    order: 18; }
  .flex-order-md-19 {
    order: 19; }
  .flex-order-md-20 {
    order: 20; }
  .offset-md-0, .flex-offset-md-0 {
    margin-left: 0; }
    [dir='rtl'] .offset-md-0, [dir='rtl'] .flex-offset-md-0 {
      margin-left: auto;
      margin-right: 0; }
  .offset-md-5, .flex-offset-md-5 {
    margin-left: 5%; }
    [dir='rtl'] .offset-md-5, [dir='rtl'] .flex-offset-md-5 {
      margin-left: auto;
      margin-right: 5%; }
  .offset-md-10, .flex-offset-md-10 {
    margin-left: 10%; }
    [dir='rtl'] .offset-md-10, [dir='rtl'] .flex-offset-md-10 {
      margin-left: auto;
      margin-right: 10%; }
  .offset-md-15, .flex-offset-md-15 {
    margin-left: 15%; }
    [dir='rtl'] .offset-md-15, [dir='rtl'] .flex-offset-md-15 {
      margin-left: auto;
      margin-right: 15%; }
  .offset-md-20, .flex-offset-md-20 {
    margin-left: 20%; }
    [dir='rtl'] .offset-md-20, [dir='rtl'] .flex-offset-md-20 {
      margin-left: auto;
      margin-right: 20%; }
  .offset-md-25, .flex-offset-md-25 {
    margin-left: 25%; }
    [dir='rtl'] .offset-md-25, [dir='rtl'] .flex-offset-md-25 {
      margin-left: auto;
      margin-right: 25%; }
  .offset-md-30, .flex-offset-md-30 {
    margin-left: 30%; }
    [dir='rtl'] .offset-md-30, [dir='rtl'] .flex-offset-md-30 {
      margin-left: auto;
      margin-right: 30%; }
  .offset-md-35, .flex-offset-md-35 {
    margin-left: 35%; }
    [dir='rtl'] .offset-md-35, [dir='rtl'] .flex-offset-md-35 {
      margin-left: auto;
      margin-right: 35%; }
  .offset-md-40, .flex-offset-md-40 {
    margin-left: 40%; }
    [dir='rtl'] .offset-md-40, [dir='rtl'] .flex-offset-md-40 {
      margin-left: auto;
      margin-right: 40%; }
  .offset-md-45, .flex-offset-md-45 {
    margin-left: 45%; }
    [dir='rtl'] .offset-md-45, [dir='rtl'] .flex-offset-md-45 {
      margin-left: auto;
      margin-right: 45%; }
  .offset-md-50, .flex-offset-md-50 {
    margin-left: 50%; }
    [dir='rtl'] .offset-md-50, [dir='rtl'] .flex-offset-md-50 {
      margin-left: auto;
      margin-right: 50%; }
  .offset-md-55, .flex-offset-md-55 {
    margin-left: 55%; }
    [dir='rtl'] .offset-md-55, [dir='rtl'] .flex-offset-md-55 {
      margin-left: auto;
      margin-right: 55%; }
  .offset-md-60, .flex-offset-md-60 {
    margin-left: 60%; }
    [dir='rtl'] .offset-md-60, [dir='rtl'] .flex-offset-md-60 {
      margin-left: auto;
      margin-right: 60%; }
  .offset-md-65, .flex-offset-md-65 {
    margin-left: 65%; }
    [dir='rtl'] .offset-md-65, [dir='rtl'] .flex-offset-md-65 {
      margin-left: auto;
      margin-right: 65%; }
  .offset-md-70, .flex-offset-md-70 {
    margin-left: 70%; }
    [dir='rtl'] .offset-md-70, [dir='rtl'] .flex-offset-md-70 {
      margin-left: auto;
      margin-right: 70%; }
  .offset-md-75, .flex-offset-md-75 {
    margin-left: 75%; }
    [dir='rtl'] .offset-md-75, [dir='rtl'] .flex-offset-md-75 {
      margin-left: auto;
      margin-right: 75%; }
  .offset-md-80, .flex-offset-md-80 {
    margin-left: 80%; }
    [dir='rtl'] .offset-md-80, [dir='rtl'] .flex-offset-md-80 {
      margin-left: auto;
      margin-right: 80%; }
  .offset-md-85, .flex-offset-md-85 {
    margin-left: 85%; }
    [dir='rtl'] .offset-md-85, [dir='rtl'] .flex-offset-md-85 {
      margin-left: auto;
      margin-right: 85%; }
  .offset-md-90, .flex-offset-md-90 {
    margin-left: 90%; }
    [dir='rtl'] .offset-md-90, [dir='rtl'] .flex-offset-md-90 {
      margin-left: auto;
      margin-right: 90%; }
  .offset-md-95, .flex-offset-md-95 {
    margin-left: 95%; }
    [dir='rtl'] .offset-md-95, [dir='rtl'] .flex-offset-md-95 {
      margin-left: auto;
      margin-right: 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); }
    [dir='rtl'] .offset-md-66, [dir='rtl'] .flex-offset-md-66 {
      margin-left: auto;
      margin-right: calc(200% / 3); }
  .layout-align-md,
  .layout-align-md-start-stretch {
    justify-content: flex-start;
    align-content: 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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    align-items: stretch;
    align-content: stretch; }
  .flex-md {
    flex: 1;
    box-sizing: border-box; }
  .flex-md-grow {
    flex: 1 1 100%;
    box-sizing: border-box; }
  .flex-md-initial {
    flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-md-auto {
    flex: 1 1 auto;
    box-sizing: border-box; }
  .flex-md-none {
    flex: 0 0 auto;
    box-sizing: border-box; }
  .flex-md-noshrink {
    flex: 1 0 auto;
    box-sizing: border-box; }
  .flex-md-nogrow {
    flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-md-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-column > .flex-md-0 {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box; }
  .layout-row > .flex-md-33,
  .layout-row > .flex-md-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-md-column > .flex-md-0 {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0; }
  .flex-md-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-5 {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .layout-row > .flex-md-33,
  .layout-row > .flex-md-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-5 {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .flex-md-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-10 {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .layout-row > .flex-md-33,
  .layout-row > .flex-md-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-10 {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .flex-md-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-15 {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .layout-row > .flex-md-33,
  .layout-row > .flex-md-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-15 {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .flex-md-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-20 {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .layout-row > .flex-md-33,
  .layout-row > .flex-md-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-20 {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .flex-md-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-25 {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .layout-row > .flex-md-33,
  .layout-row > .flex-md-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-25 {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .flex-md-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-30 {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .layout-row > .flex-md-33,
  .layout-row > .flex-md-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-30 {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .flex-md-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-35 {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .layout-row > .flex-md-33,
  .layout-row > .flex-md-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-35 {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .flex-md-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-40 {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .layout-row > .flex-md-33,
  .layout-row > .flex-md-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-40 {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .flex-md-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-45 {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .layout-row > .flex-md-33,
  .layout-row > .flex-md-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-45 {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .flex-md-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-50 {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .layout-row > .flex-md-33,
  .layout-row > .flex-md-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-50 {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .flex-md-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-55 {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .layout-row > .flex-md-33,
  .layout-row > .flex-md-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-55 {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .flex-md-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-60 {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .layout-row > .flex-md-33,
  .layout-row > .flex-md-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-60 {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .flex-md-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-65 {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .layout-row > .flex-md-33,
  .layout-row > .flex-md-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-65 {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .flex-md-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-70 {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .layout-row > .flex-md-33,
  .layout-row > .flex-md-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-70 {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .flex-md-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-75 {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .layout-row > .flex-md-33,
  .layout-row > .flex-md-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-75 {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .flex-md-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-80 {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .layout-row > .flex-md-33,
  .layout-row > .flex-md-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-80 {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .flex-md-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-85 {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .layout-row > .flex-md-33,
  .layout-row > .flex-md-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-85 {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .flex-md-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-90 {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .layout-row > .flex-md-33,
  .layout-row > .flex-md-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-90 {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .flex-md-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-95 {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .layout-row > .flex-md-33,
  .layout-row > .flex-md-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-95 {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .flex-md-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-33,
  .layout-row > .flex-md-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-33,
  .layout-md-row > .flex-md-33 {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-66,
  .layout-md-row > .flex-md-66 {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-row > .flex {
    min-width: 0; }
  .layout-md-column > .flex-md-33,
  .layout-md-column > .flex-md-33 {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-66,
  .layout-md-column > .flex-md-66 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-md-column > .flex {
    min-height: 0; }
  .layout-md,
  .layout-md-column,
  .layout-md-row {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; }
  .layout-md-column {
    flex-direction: column; }
  .layout-md-row {
    flex-direction: row; } }

@media (min-width: 1280px) {
  .flex-order-gt-md--20 {
    order: -20; }
  .flex-order-gt-md--19 {
    order: -19; }
  .flex-order-gt-md--18 {
    order: -18; }
  .flex-order-gt-md--17 {
    order: -17; }
  .flex-order-gt-md--16 {
    order: -16; }
  .flex-order-gt-md--15 {
    order: -15; }
  .flex-order-gt-md--14 {
    order: -14; }
  .flex-order-gt-md--13 {
    order: -13; }
  .flex-order-gt-md--12 {
    order: -12; }
  .flex-order-gt-md--11 {
    order: -11; }
  .flex-order-gt-md--10 {
    order: -10; }
  .flex-order-gt-md--9 {
    order: -9; }
  .flex-order-gt-md--8 {
    order: -8; }
  .flex-order-gt-md--7 {
    order: -7; }
  .flex-order-gt-md--6 {
    order: -6; }
  .flex-order-gt-md--5 {
    order: -5; }
  .flex-order-gt-md--4 {
    order: -4; }
  .flex-order-gt-md--3 {
    order: -3; }
  .flex-order-gt-md--2 {
    order: -2; }
  .flex-order-gt-md--1 {
    order: -1; }
  .flex-order-gt-md-0 {
    order: 0; }
  .flex-order-gt-md-1 {
    order: 1; }
  .flex-order-gt-md-2 {
    order: 2; }
  .flex-order-gt-md-3 {
    order: 3; }
  .flex-order-gt-md-4 {
    order: 4; }
  .flex-order-gt-md-5 {
    order: 5; }
  .flex-order-gt-md-6 {
    order: 6; }
  .flex-order-gt-md-7 {
    order: 7; }
  .flex-order-gt-md-8 {
    order: 8; }
  .flex-order-gt-md-9 {
    order: 9; }
  .flex-order-gt-md-10 {
    order: 10; }
  .flex-order-gt-md-11 {
    order: 11; }
  .flex-order-gt-md-12 {
    order: 12; }
  .flex-order-gt-md-13 {
    order: 13; }
  .flex-order-gt-md-14 {
    order: 14; }
  .flex-order-gt-md-15 {
    order: 15; }
  .flex-order-gt-md-16 {
    order: 16; }
  .flex-order-gt-md-17 {
    order: 17; }
  .flex-order-gt-md-18 {
    order: 18; }
  .flex-order-gt-md-19 {
    order: 19; }
  .flex-order-gt-md-20 {
    order: 20; }
  .offset-gt-md-0, .flex-offset-gt-md-0 {
    margin-left: 0; }
    [dir='rtl'] .offset-gt-md-0, [dir='rtl'] .flex-offset-gt-md-0 {
      margin-left: auto;
      margin-right: 0; }
  .offset-gt-md-5, .flex-offset-gt-md-5 {
    margin-left: 5%; }
    [dir='rtl'] .offset-gt-md-5, [dir='rtl'] .flex-offset-gt-md-5 {
      margin-left: auto;
      margin-right: 5%; }
  .offset-gt-md-10, .flex-offset-gt-md-10 {
    margin-left: 10%; }
    [dir='rtl'] .offset-gt-md-10, [dir='rtl'] .flex-offset-gt-md-10 {
      margin-left: auto;
      margin-right: 10%; }
  .offset-gt-md-15, .flex-offset-gt-md-15 {
    margin-left: 15%; }
    [dir='rtl'] .offset-gt-md-15, [dir='rtl'] .flex-offset-gt-md-15 {
      margin-left: auto;
      margin-right: 15%; }
  .offset-gt-md-20, .flex-offset-gt-md-20 {
    margin-left: 20%; }
    [dir='rtl'] .offset-gt-md-20, [dir='rtl'] .flex-offset-gt-md-20 {
      margin-left: auto;
      margin-right: 20%; }
  .offset-gt-md-25, .flex-offset-gt-md-25 {
    margin-left: 25%; }
    [dir='rtl'] .offset-gt-md-25, [dir='rtl'] .flex-offset-gt-md-25 {
      margin-left: auto;
      margin-right: 25%; }
  .offset-gt-md-30, .flex-offset-gt-md-30 {
    margin-left: 30%; }
    [dir='rtl'] .offset-gt-md-30, [dir='rtl'] .flex-offset-gt-md-30 {
      margin-left: auto;
      margin-right: 30%; }
  .offset-gt-md-35, .flex-offset-gt-md-35 {
    margin-left: 35%; }
    [dir='rtl'] .offset-gt-md-35, [dir='rtl'] .flex-offset-gt-md-35 {
      margin-left: auto;
      margin-right: 35%; }
  .offset-gt-md-40, .flex-offset-gt-md-40 {
    margin-left: 40%; }
    [dir='rtl'] .offset-gt-md-40, [dir='rtl'] .flex-offset-gt-md-40 {
      margin-left: auto;
      margin-right: 40%; }
  .offset-gt-md-45, .flex-offset-gt-md-45 {
    margin-left: 45%; }
    [dir='rtl'] .offset-gt-md-45, [dir='rtl'] .flex-offset-gt-md-45 {
      margin-left: auto;
      margin-right: 45%; }
  .offset-gt-md-50, .flex-offset-gt-md-50 {
    margin-left: 50%; }
    [dir='rtl'] .offset-gt-md-50, [dir='rtl'] .flex-offset-gt-md-50 {
      margin-left: auto;
      margin-right: 50%; }
  .offset-gt-md-55, .flex-offset-gt-md-55 {
    margin-left: 55%; }
    [dir='rtl'] .offset-gt-md-55, [dir='rtl'] .flex-offset-gt-md-55 {
      margin-left: auto;
      margin-right: 55%; }
  .offset-gt-md-60, .flex-offset-gt-md-60 {
    margin-left: 60%; }
    [dir='rtl'] .offset-gt-md-60, [dir='rtl'] .flex-offset-gt-md-60 {
      margin-left: auto;
      margin-right: 60%; }
  .offset-gt-md-65, .flex-offset-gt-md-65 {
    margin-left: 65%; }
    [dir='rtl'] .offset-gt-md-65, [dir='rtl'] .flex-offset-gt-md-65 {
      margin-left: auto;
      margin-right: 65%; }
  .offset-gt-md-70, .flex-offset-gt-md-70 {
    margin-left: 70%; }
    [dir='rtl'] .offset-gt-md-70, [dir='rtl'] .flex-offset-gt-md-70 {
      margin-left: auto;
      margin-right: 70%; }
  .offset-gt-md-75, .flex-offset-gt-md-75 {
    margin-left: 75%; }
    [dir='rtl'] .offset-gt-md-75, [dir='rtl'] .flex-offset-gt-md-75 {
      margin-left: auto;
      margin-right: 75%; }
  .offset-gt-md-80, .flex-offset-gt-md-80 {
    margin-left: 80%; }
    [dir='rtl'] .offset-gt-md-80, [dir='rtl'] .flex-offset-gt-md-80 {
      margin-left: auto;
      margin-right: 80%; }
  .offset-gt-md-85, .flex-offset-gt-md-85 {
    margin-left: 85%; }
    [dir='rtl'] .offset-gt-md-85, [dir='rtl'] .flex-offset-gt-md-85 {
      margin-left: auto;
      margin-right: 85%; }
  .offset-gt-md-90, .flex-offset-gt-md-90 {
    margin-left: 90%; }
    [dir='rtl'] .offset-gt-md-90, [dir='rtl'] .flex-offset-gt-md-90 {
      margin-left: auto;
      margin-right: 90%; }
  .offset-gt-md-95, .flex-offset-gt-md-95 {
    margin-left: 95%; }
    [dir='rtl'] .offset-gt-md-95, [dir='rtl'] .flex-offset-gt-md-95 {
      margin-left: auto;
      margin-right: 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); }
    [dir='rtl'] .offset-gt-md-66, [dir='rtl'] .flex-offset-gt-md-66 {
      margin-left: auto;
      margin-right: calc(200% / 3); }
  .layout-align-gt-md,
  .layout-align-gt-md-start-stretch {
    justify-content: flex-start;
    align-content: 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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    align-items: stretch;
    align-content: stretch; }
  .flex-gt-md {
    flex: 1;
    box-sizing: border-box; }
  .flex-gt-md-grow {
    flex: 1 1 100%;
    box-sizing: border-box; }
  .flex-gt-md-initial {
    flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-gt-md-auto {
    flex: 1 1 auto;
    box-sizing: border-box; }
  .flex-gt-md-none {
    flex: 0 0 auto;
    box-sizing: border-box; }
  .flex-gt-md-noshrink {
    flex: 1 0 auto;
    box-sizing: border-box; }
  .flex-gt-md-nogrow {
    flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-gt-md-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-column > .flex-gt-md-0 {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-33,
  .layout-row > .flex-gt-md-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-gt-md-column > .flex-gt-md-0 {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0; }
  .flex-gt-md-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-5 {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-33,
  .layout-row > .flex-gt-md-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-5 {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .flex-gt-md-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-10 {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-33,
  .layout-row > .flex-gt-md-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-10 {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .flex-gt-md-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-15 {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-33,
  .layout-row > .flex-gt-md-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-15 {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .flex-gt-md-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-20 {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-33,
  .layout-row > .flex-gt-md-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-20 {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .flex-gt-md-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-25 {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-33,
  .layout-row > .flex-gt-md-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-25 {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .flex-gt-md-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-30 {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-33,
  .layout-row > .flex-gt-md-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-30 {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .flex-gt-md-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-35 {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-33,
  .layout-row > .flex-gt-md-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-35 {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .flex-gt-md-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-40 {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-33,
  .layout-row > .flex-gt-md-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-40 {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .flex-gt-md-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-45 {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-33,
  .layout-row > .flex-gt-md-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-45 {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .flex-gt-md-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-50 {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-33,
  .layout-row > .flex-gt-md-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-50 {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .flex-gt-md-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-55 {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-33,
  .layout-row > .flex-gt-md-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-55 {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .flex-gt-md-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-60 {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-33,
  .layout-row > .flex-gt-md-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-60 {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .flex-gt-md-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-65 {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-33,
  .layout-row > .flex-gt-md-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-65 {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .flex-gt-md-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-70 {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-33,
  .layout-row > .flex-gt-md-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-70 {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .flex-gt-md-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-75 {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-33,
  .layout-row > .flex-gt-md-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-75 {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .flex-gt-md-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-80 {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-33,
  .layout-row > .flex-gt-md-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-80 {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .flex-gt-md-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-85 {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-33,
  .layout-row > .flex-gt-md-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-85 {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .flex-gt-md-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-90 {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-33,
  .layout-row > .flex-gt-md-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-90 {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .flex-gt-md-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-95 {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-33,
  .layout-row > .flex-gt-md-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-95 {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .flex-gt-md-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-100 {
    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 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-33,
  .layout-gt-md-row > .flex-gt-md-33 {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-66,
  .layout-gt-md-row > .flex-gt-md-66 {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex {
    min-width: 0; }
  .layout-gt-md-column > .flex-gt-md-33,
  .layout-gt-md-column > .flex-gt-md-33 {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-66,
  .layout-gt-md-column > .flex-gt-md-66 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .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: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; }
  .layout-gt-md-column {
    flex-direction: column; }
  .layout-gt-md-row {
    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 {
    order: -20; }
  .flex-order-lg--19 {
    order: -19; }
  .flex-order-lg--18 {
    order: -18; }
  .flex-order-lg--17 {
    order: -17; }
  .flex-order-lg--16 {
    order: -16; }
  .flex-order-lg--15 {
    order: -15; }
  .flex-order-lg--14 {
    order: -14; }
  .flex-order-lg--13 {
    order: -13; }
  .flex-order-lg--12 {
    order: -12; }
  .flex-order-lg--11 {
    order: -11; }
  .flex-order-lg--10 {
    order: -10; }
  .flex-order-lg--9 {
    order: -9; }
  .flex-order-lg--8 {
    order: -8; }
  .flex-order-lg--7 {
    order: -7; }
  .flex-order-lg--6 {
    order: -6; }
  .flex-order-lg--5 {
    order: -5; }
  .flex-order-lg--4 {
    order: -4; }
  .flex-order-lg--3 {
    order: -3; }
  .flex-order-lg--2 {
    order: -2; }
  .flex-order-lg--1 {
    order: -1; }
  .flex-order-lg-0 {
    order: 0; }
  .flex-order-lg-1 {
    order: 1; }
  .flex-order-lg-2 {
    order: 2; }
  .flex-order-lg-3 {
    order: 3; }
  .flex-order-lg-4 {
    order: 4; }
  .flex-order-lg-5 {
    order: 5; }
  .flex-order-lg-6 {
    order: 6; }
  .flex-order-lg-7 {
    order: 7; }
  .flex-order-lg-8 {
    order: 8; }
  .flex-order-lg-9 {
    order: 9; }
  .flex-order-lg-10 {
    order: 10; }
  .flex-order-lg-11 {
    order: 11; }
  .flex-order-lg-12 {
    order: 12; }
  .flex-order-lg-13 {
    order: 13; }
  .flex-order-lg-14 {
    order: 14; }
  .flex-order-lg-15 {
    order: 15; }
  .flex-order-lg-16 {
    order: 16; }
  .flex-order-lg-17 {
    order: 17; }
  .flex-order-lg-18 {
    order: 18; }
  .flex-order-lg-19 {
    order: 19; }
  .flex-order-lg-20 {
    order: 20; }
  .offset-lg-0, .flex-offset-lg-0 {
    margin-left: 0; }
    [dir='rtl'] .offset-lg-0, [dir='rtl'] .flex-offset-lg-0 {
      margin-left: auto;
      margin-right: 0; }
  .offset-lg-5, .flex-offset-lg-5 {
    margin-left: 5%; }
    [dir='rtl'] .offset-lg-5, [dir='rtl'] .flex-offset-lg-5 {
      margin-left: auto;
      margin-right: 5%; }
  .offset-lg-10, .flex-offset-lg-10 {
    margin-left: 10%; }
    [dir='rtl'] .offset-lg-10, [dir='rtl'] .flex-offset-lg-10 {
      margin-left: auto;
      margin-right: 10%; }
  .offset-lg-15, .flex-offset-lg-15 {
    margin-left: 15%; }
    [dir='rtl'] .offset-lg-15, [dir='rtl'] .flex-offset-lg-15 {
      margin-left: auto;
      margin-right: 15%; }
  .offset-lg-20, .flex-offset-lg-20 {
    margin-left: 20%; }
    [dir='rtl'] .offset-lg-20, [dir='rtl'] .flex-offset-lg-20 {
      margin-left: auto;
      margin-right: 20%; }
  .offset-lg-25, .flex-offset-lg-25 {
    margin-left: 25%; }
    [dir='rtl'] .offset-lg-25, [dir='rtl'] .flex-offset-lg-25 {
      margin-left: auto;
      margin-right: 25%; }
  .offset-lg-30, .flex-offset-lg-30 {
    margin-left: 30%; }
    [dir='rtl'] .offset-lg-30, [dir='rtl'] .flex-offset-lg-30 {
      margin-left: auto;
      margin-right: 30%; }
  .offset-lg-35, .flex-offset-lg-35 {
    margin-left: 35%; }
    [dir='rtl'] .offset-lg-35, [dir='rtl'] .flex-offset-lg-35 {
      margin-left: auto;
      margin-right: 35%; }
  .offset-lg-40, .flex-offset-lg-40 {
    margin-left: 40%; }
    [dir='rtl'] .offset-lg-40, [dir='rtl'] .flex-offset-lg-40 {
      margin-left: auto;
      margin-right: 40%; }
  .offset-lg-45, .flex-offset-lg-45 {
    margin-left: 45%; }
    [dir='rtl'] .offset-lg-45, [dir='rtl'] .flex-offset-lg-45 {
      margin-left: auto;
      margin-right: 45%; }
  .offset-lg-50, .flex-offset-lg-50 {
    margin-left: 50%; }
    [dir='rtl'] .offset-lg-50, [dir='rtl'] .flex-offset-lg-50 {
      margin-left: auto;
      margin-right: 50%; }
  .offset-lg-55, .flex-offset-lg-55 {
    margin-left: 55%; }
    [dir='rtl'] .offset-lg-55, [dir='rtl'] .flex-offset-lg-55 {
      margin-left: auto;
      margin-right: 55%; }
  .offset-lg-60, .flex-offset-lg-60 {
    margin-left: 60%; }
    [dir='rtl'] .offset-lg-60, [dir='rtl'] .flex-offset-lg-60 {
      margin-left: auto;
      margin-right: 60%; }
  .offset-lg-65, .flex-offset-lg-65 {
    margin-left: 65%; }
    [dir='rtl'] .offset-lg-65, [dir='rtl'] .flex-offset-lg-65 {
      margin-left: auto;
      margin-right: 65%; }
  .offset-lg-70, .flex-offset-lg-70 {
    margin-left: 70%; }
    [dir='rtl'] .offset-lg-70, [dir='rtl'] .flex-offset-lg-70 {
      margin-left: auto;
      margin-right: 70%; }
  .offset-lg-75, .flex-offset-lg-75 {
    margin-left: 75%; }
    [dir='rtl'] .offset-lg-75, [dir='rtl'] .flex-offset-lg-75 {
      margin-left: auto;
      margin-right: 75%; }
  .offset-lg-80, .flex-offset-lg-80 {
    margin-left: 80%; }
    [dir='rtl'] .offset-lg-80, [dir='rtl'] .flex-offset-lg-80 {
      margin-left: auto;
      margin-right: 80%; }
  .offset-lg-85, .flex-offset-lg-85 {
    margin-left: 85%; }
    [dir='rtl'] .offset-lg-85, [dir='rtl'] .flex-offset-lg-85 {
      margin-left: auto;
      margin-right: 85%; }
  .offset-lg-90, .flex-offset-lg-90 {
    margin-left: 90%; }
    [dir='rtl'] .offset-lg-90, [dir='rtl'] .flex-offset-lg-90 {
      margin-left: auto;
      margin-right: 90%; }
  .offset-lg-95, .flex-offset-lg-95 {
    margin-left: 95%; }
    [dir='rtl'] .offset-lg-95, [dir='rtl'] .flex-offset-lg-95 {
      margin-left: auto;
      margin-right: 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); }
    [dir='rtl'] .offset-lg-66, [dir='rtl'] .flex-offset-lg-66 {
      margin-left: auto;
      margin-right: calc(200% / 3); }
  .layout-align-lg,
  .layout-align-lg-start-stretch {
    justify-content: flex-start;
    align-content: 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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    align-items: stretch;
    align-content: stretch; }
  .flex-lg {
    flex: 1;
    box-sizing: border-box; }
  .flex-lg-grow {
    flex: 1 1 100%;
    box-sizing: border-box; }
  .flex-lg-initial {
    flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-lg-auto {
    flex: 1 1 auto;
    box-sizing: border-box; }
  .flex-lg-none {
    flex: 0 0 auto;
    box-sizing: border-box; }
  .flex-lg-noshrink {
    flex: 1 0 auto;
    box-sizing: border-box; }
  .flex-lg-nogrow {
    flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-lg-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-column > .flex-lg-0 {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-33,
  .layout-row > .flex-lg-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-lg-column > .flex-lg-0 {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0; }
  .flex-lg-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-5 {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-33,
  .layout-row > .flex-lg-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-5 {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .flex-lg-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-10 {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-33,
  .layout-row > .flex-lg-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-10 {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .flex-lg-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-15 {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-33,
  .layout-row > .flex-lg-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-15 {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .flex-lg-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-20 {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-33,
  .layout-row > .flex-lg-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-20 {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .flex-lg-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-25 {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-33,
  .layout-row > .flex-lg-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-25 {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .flex-lg-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-30 {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-33,
  .layout-row > .flex-lg-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-30 {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .flex-lg-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-35 {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-33,
  .layout-row > .flex-lg-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-35 {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .flex-lg-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-40 {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-33,
  .layout-row > .flex-lg-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-40 {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .flex-lg-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-45 {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-33,
  .layout-row > .flex-lg-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-45 {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .flex-lg-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-50 {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-33,
  .layout-row > .flex-lg-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-50 {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .flex-lg-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-55 {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-33,
  .layout-row > .flex-lg-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-55 {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .flex-lg-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-60 {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-33,
  .layout-row > .flex-lg-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-60 {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .flex-lg-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-65 {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-33,
  .layout-row > .flex-lg-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-65 {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .flex-lg-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-70 {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-33,
  .layout-row > .flex-lg-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-70 {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .flex-lg-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-75 {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-33,
  .layout-row > .flex-lg-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-75 {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .flex-lg-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-80 {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-33,
  .layout-row > .flex-lg-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-80 {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .flex-lg-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-85 {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-33,
  .layout-row > .flex-lg-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-85 {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .flex-lg-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-90 {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-33,
  .layout-row > .flex-lg-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-90 {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .flex-lg-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-95 {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-33,
  .layout-row > .flex-lg-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-95 {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .flex-lg-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-33,
  .layout-row > .flex-lg-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-33,
  .layout-lg-row > .flex-lg-33 {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-66,
  .layout-lg-row > .flex-lg-66 {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-row > .flex {
    min-width: 0; }
  .layout-lg-column > .flex-lg-33,
  .layout-lg-column > .flex-lg-33 {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-66,
  .layout-lg-column > .flex-lg-66 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-lg-column > .flex {
    min-height: 0; }
  .layout-lg,
  .layout-lg-column,
  .layout-lg-row {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; }
  .layout-lg-column {
    flex-direction: column; }
  .layout-lg-row {
    flex-direction: row; } }

@media (min-width: 1920px) {
  .flex-order-gt-lg--20 {
    order: -20; }
  .flex-order-gt-lg--19 {
    order: -19; }
  .flex-order-gt-lg--18 {
    order: -18; }
  .flex-order-gt-lg--17 {
    order: -17; }
  .flex-order-gt-lg--16 {
    order: -16; }
  .flex-order-gt-lg--15 {
    order: -15; }
  .flex-order-gt-lg--14 {
    order: -14; }
  .flex-order-gt-lg--13 {
    order: -13; }
  .flex-order-gt-lg--12 {
    order: -12; }
  .flex-order-gt-lg--11 {
    order: -11; }
  .flex-order-gt-lg--10 {
    order: -10; }
  .flex-order-gt-lg--9 {
    order: -9; }
  .flex-order-gt-lg--8 {
    order: -8; }
  .flex-order-gt-lg--7 {
    order: -7; }
  .flex-order-gt-lg--6 {
    order: -6; }
  .flex-order-gt-lg--5 {
    order: -5; }
  .flex-order-gt-lg--4 {
    order: -4; }
  .flex-order-gt-lg--3 {
    order: -3; }
  .flex-order-gt-lg--2 {
    order: -2; }
  .flex-order-gt-lg--1 {
    order: -1; }
  .flex-order-gt-lg-0 {
    order: 0; }
  .flex-order-gt-lg-1 {
    order: 1; }
  .flex-order-gt-lg-2 {
    order: 2; }
  .flex-order-gt-lg-3 {
    order: 3; }
  .flex-order-gt-lg-4 {
    order: 4; }
  .flex-order-gt-lg-5 {
    order: 5; }
  .flex-order-gt-lg-6 {
    order: 6; }
  .flex-order-gt-lg-7 {
    order: 7; }
  .flex-order-gt-lg-8 {
    order: 8; }
  .flex-order-gt-lg-9 {
    order: 9; }
  .flex-order-gt-lg-10 {
    order: 10; }
  .flex-order-gt-lg-11 {
    order: 11; }
  .flex-order-gt-lg-12 {
    order: 12; }
  .flex-order-gt-lg-13 {
    order: 13; }
  .flex-order-gt-lg-14 {
    order: 14; }
  .flex-order-gt-lg-15 {
    order: 15; }
  .flex-order-gt-lg-16 {
    order: 16; }
  .flex-order-gt-lg-17 {
    order: 17; }
  .flex-order-gt-lg-18 {
    order: 18; }
  .flex-order-gt-lg-19 {
    order: 19; }
  .flex-order-gt-lg-20 {
    order: 20; }
  .offset-gt-lg-0, .flex-offset-gt-lg-0 {
    margin-left: 0; }
    [dir='rtl'] .offset-gt-lg-0, [dir='rtl'] .flex-offset-gt-lg-0 {
      margin-left: auto;
      margin-right: 0; }
  .offset-gt-lg-5, .flex-offset-gt-lg-5 {
    margin-left: 5%; }
    [dir='rtl'] .offset-gt-lg-5, [dir='rtl'] .flex-offset-gt-lg-5 {
      margin-left: auto;
      margin-right: 5%; }
  .offset-gt-lg-10, .flex-offset-gt-lg-10 {
    margin-left: 10%; }
    [dir='rtl'] .offset-gt-lg-10, [dir='rtl'] .flex-offset-gt-lg-10 {
      margin-left: auto;
      margin-right: 10%; }
  .offset-gt-lg-15, .flex-offset-gt-lg-15 {
    margin-left: 15%; }
    [dir='rtl'] .offset-gt-lg-15, [dir='rtl'] .flex-offset-gt-lg-15 {
      margin-left: auto;
      margin-right: 15%; }
  .offset-gt-lg-20, .flex-offset-gt-lg-20 {
    margin-left: 20%; }
    [dir='rtl'] .offset-gt-lg-20, [dir='rtl'] .flex-offset-gt-lg-20 {
      margin-left: auto;
      margin-right: 20%; }
  .offset-gt-lg-25, .flex-offset-gt-lg-25 {
    margin-left: 25%; }
    [dir='rtl'] .offset-gt-lg-25, [dir='rtl'] .flex-offset-gt-lg-25 {
      margin-left: auto;
      margin-right: 25%; }
  .offset-gt-lg-30, .flex-offset-gt-lg-30 {
    margin-left: 30%; }
    [dir='rtl'] .offset-gt-lg-30, [dir='rtl'] .flex-offset-gt-lg-30 {
      margin-left: auto;
      margin-right: 30%; }
  .offset-gt-lg-35, .flex-offset-gt-lg-35 {
    margin-left: 35%; }
    [dir='rtl'] .offset-gt-lg-35, [dir='rtl'] .flex-offset-gt-lg-35 {
      margin-left: auto;
      margin-right: 35%; }
  .offset-gt-lg-40, .flex-offset-gt-lg-40 {
    margin-left: 40%; }
    [dir='rtl'] .offset-gt-lg-40, [dir='rtl'] .flex-offset-gt-lg-40 {
      margin-left: auto;
      margin-right: 40%; }
  .offset-gt-lg-45, .flex-offset-gt-lg-45 {
    margin-left: 45%; }
    [dir='rtl'] .offset-gt-lg-45, [dir='rtl'] .flex-offset-gt-lg-45 {
      margin-left: auto;
      margin-right: 45%; }
  .offset-gt-lg-50, .flex-offset-gt-lg-50 {
    margin-left: 50%; }
    [dir='rtl'] .offset-gt-lg-50, [dir='rtl'] .flex-offset-gt-lg-50 {
      margin-left: auto;
      margin-right: 50%; }
  .offset-gt-lg-55, .flex-offset-gt-lg-55 {
    margin-left: 55%; }
    [dir='rtl'] .offset-gt-lg-55, [dir='rtl'] .flex-offset-gt-lg-55 {
      margin-left: auto;
      margin-right: 55%; }
  .offset-gt-lg-60, .flex-offset-gt-lg-60 {
    margin-left: 60%; }
    [dir='rtl'] .offset-gt-lg-60, [dir='rtl'] .flex-offset-gt-lg-60 {
      margin-left: auto;
      margin-right: 60%; }
  .offset-gt-lg-65, .flex-offset-gt-lg-65 {
    margin-left: 65%; }
    [dir='rtl'] .offset-gt-lg-65, [dir='rtl'] .flex-offset-gt-lg-65 {
      margin-left: auto;
      margin-right: 65%; }
  .offset-gt-lg-70, .flex-offset-gt-lg-70 {
    margin-left: 70%; }
    [dir='rtl'] .offset-gt-lg-70, [dir='rtl'] .flex-offset-gt-lg-70 {
      margin-left: auto;
      margin-right: 70%; }
  .offset-gt-lg-75, .flex-offset-gt-lg-75 {
    margin-left: 75%; }
    [dir='rtl'] .offset-gt-lg-75, [dir='rtl'] .flex-offset-gt-lg-75 {
      margin-left: auto;
      margin-right: 75%; }
  .offset-gt-lg-80, .flex-offset-gt-lg-80 {
    margin-left: 80%; }
    [dir='rtl'] .offset-gt-lg-80, [dir='rtl'] .flex-offset-gt-lg-80 {
      margin-left: auto;
      margin-right: 80%; }
  .offset-gt-lg-85, .flex-offset-gt-lg-85 {
    margin-left: 85%; }
    [dir='rtl'] .offset-gt-lg-85, [dir='rtl'] .flex-offset-gt-lg-85 {
      margin-left: auto;
      margin-right: 85%; }
  .offset-gt-lg-90, .flex-offset-gt-lg-90 {
    margin-left: 90%; }
    [dir='rtl'] .offset-gt-lg-90, [dir='rtl'] .flex-offset-gt-lg-90 {
      margin-left: auto;
      margin-right: 90%; }
  .offset-gt-lg-95, .flex-offset-gt-lg-95 {
    margin-left: 95%; }
    [dir='rtl'] .offset-gt-lg-95, [dir='rtl'] .flex-offset-gt-lg-95 {
      margin-left: auto;
      margin-right: 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); }
    [dir='rtl'] .offset-gt-lg-66, [dir='rtl'] .flex-offset-gt-lg-66 {
      margin-left: auto;
      margin-right: calc(200% / 3); }
  .layout-align-gt-lg,
  .layout-align-gt-lg-start-stretch {
    justify-content: flex-start;
    align-content: 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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    align-items: stretch;
    align-content: stretch; }
  .flex-gt-lg {
    flex: 1;
    box-sizing: border-box; }
  .flex-gt-lg-grow {
    flex: 1 1 100%;
    box-sizing: border-box; }
  .flex-gt-lg-initial {
    flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-gt-lg-auto {
    flex: 1 1 auto;
    box-sizing: border-box; }
  .flex-gt-lg-none {
    flex: 0 0 auto;
    box-sizing: border-box; }
  .flex-gt-lg-noshrink {
    flex: 1 0 auto;
    box-sizing: border-box; }
  .flex-gt-lg-nogrow {
    flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-gt-lg-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-column > .flex-gt-lg-0 {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-33,
  .layout-row > .flex-gt-lg-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-gt-lg-column > .flex-gt-lg-0 {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0; }
  .flex-gt-lg-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-5 {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-33,
  .layout-row > .flex-gt-lg-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-5 {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .flex-gt-lg-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-10 {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-33,
  .layout-row > .flex-gt-lg-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-10 {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .flex-gt-lg-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-15 {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-33,
  .layout-row > .flex-gt-lg-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-15 {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .flex-gt-lg-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-20 {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-33,
  .layout-row > .flex-gt-lg-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-20 {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .flex-gt-lg-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-25 {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-33,
  .layout-row > .flex-gt-lg-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-25 {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .flex-gt-lg-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-30 {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-33,
  .layout-row > .flex-gt-lg-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-30 {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .flex-gt-lg-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-35 {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-33,
  .layout-row > .flex-gt-lg-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-35 {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .flex-gt-lg-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-40 {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-33,
  .layout-row > .flex-gt-lg-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-40 {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .flex-gt-lg-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-45 {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-33,
  .layout-row > .flex-gt-lg-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-45 {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .flex-gt-lg-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-50 {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-33,
  .layout-row > .flex-gt-lg-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-50 {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .flex-gt-lg-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-55 {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-33,
  .layout-row > .flex-gt-lg-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-55 {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .flex-gt-lg-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-60 {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-33,
  .layout-row > .flex-gt-lg-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-60 {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .flex-gt-lg-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-65 {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-33,
  .layout-row > .flex-gt-lg-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-65 {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .flex-gt-lg-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-70 {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-33,
  .layout-row > .flex-gt-lg-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-70 {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .flex-gt-lg-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-75 {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-33,
  .layout-row > .flex-gt-lg-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-75 {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .flex-gt-lg-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-80 {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-33,
  .layout-row > .flex-gt-lg-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-80 {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .flex-gt-lg-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-85 {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-33,
  .layout-row > .flex-gt-lg-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-85 {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .flex-gt-lg-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-90 {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-33,
  .layout-row > .flex-gt-lg-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-90 {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .flex-gt-lg-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-95 {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-33,
  .layout-row > .flex-gt-lg-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-95 {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .flex-gt-lg-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-100 {
    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 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-33,
  .layout-gt-lg-row > .flex-gt-lg-33 {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-66,
  .layout-gt-lg-row > .flex-gt-lg-66 {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex {
    min-width: 0; }
  .layout-gt-lg-column > .flex-gt-lg-33,
  .layout-gt-lg-column > .flex-gt-lg-33 {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-66,
  .layout-gt-lg-column > .flex-gt-lg-66 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .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: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; }
  .layout-gt-lg-column {
    flex-direction: column; }
  .layout-gt-lg-row {
    flex-direction: row; }
  .flex-order-xl--20 {
    order: -20; }
  .flex-order-xl--19 {
    order: -19; }
  .flex-order-xl--18 {
    order: -18; }
  .flex-order-xl--17 {
    order: -17; }
  .flex-order-xl--16 {
    order: -16; }
  .flex-order-xl--15 {
    order: -15; }
  .flex-order-xl--14 {
    order: -14; }
  .flex-order-xl--13 {
    order: -13; }
  .flex-order-xl--12 {
    order: -12; }
  .flex-order-xl--11 {
    order: -11; }
  .flex-order-xl--10 {
    order: -10; }
  .flex-order-xl--9 {
    order: -9; }
  .flex-order-xl--8 {
    order: -8; }
  .flex-order-xl--7 {
    order: -7; }
  .flex-order-xl--6 {
    order: -6; }
  .flex-order-xl--5 {
    order: -5; }
  .flex-order-xl--4 {
    order: -4; }
  .flex-order-xl--3 {
    order: -3; }
  .flex-order-xl--2 {
    order: -2; }
  .flex-order-xl--1 {
    order: -1; }
  .flex-order-xl-0 {
    order: 0; }
  .flex-order-xl-1 {
    order: 1; }
  .flex-order-xl-2 {
    order: 2; }
  .flex-order-xl-3 {
    order: 3; }
  .flex-order-xl-4 {
    order: 4; }
  .flex-order-xl-5 {
    order: 5; }
  .flex-order-xl-6 {
    order: 6; }
  .flex-order-xl-7 {
    order: 7; }
  .flex-order-xl-8 {
    order: 8; }
  .flex-order-xl-9 {
    order: 9; }
  .flex-order-xl-10 {
    order: 10; }
  .flex-order-xl-11 {
    order: 11; }
  .flex-order-xl-12 {
    order: 12; }
  .flex-order-xl-13 {
    order: 13; }
  .flex-order-xl-14 {
    order: 14; }
  .flex-order-xl-15 {
    order: 15; }
  .flex-order-xl-16 {
    order: 16; }
  .flex-order-xl-17 {
    order: 17; }
  .flex-order-xl-18 {
    order: 18; }
  .flex-order-xl-19 {
    order: 19; }
  .flex-order-xl-20 {
    order: 20; }
  .offset-xl-0, .flex-offset-xl-0 {
    margin-left: 0; }
    [dir='rtl'] .offset-xl-0, [dir='rtl'] .flex-offset-xl-0 {
      margin-left: auto;
      margin-right: 0; }
  .offset-xl-5, .flex-offset-xl-5 {
    margin-left: 5%; }
    [dir='rtl'] .offset-xl-5, [dir='rtl'] .flex-offset-xl-5 {
      margin-left: auto;
      margin-right: 5%; }
  .offset-xl-10, .flex-offset-xl-10 {
    margin-left: 10%; }
    [dir='rtl'] .offset-xl-10, [dir='rtl'] .flex-offset-xl-10 {
      margin-left: auto;
      margin-right: 10%; }
  .offset-xl-15, .flex-offset-xl-15 {
    margin-left: 15%; }
    [dir='rtl'] .offset-xl-15, [dir='rtl'] .flex-offset-xl-15 {
      margin-left: auto;
      margin-right: 15%; }
  .offset-xl-20, .flex-offset-xl-20 {
    margin-left: 20%; }
    [dir='rtl'] .offset-xl-20, [dir='rtl'] .flex-offset-xl-20 {
      margin-left: auto;
      margin-right: 20%; }
  .offset-xl-25, .flex-offset-xl-25 {
    margin-left: 25%; }
    [dir='rtl'] .offset-xl-25, [dir='rtl'] .flex-offset-xl-25 {
      margin-left: auto;
      margin-right: 25%; }
  .offset-xl-30, .flex-offset-xl-30 {
    margin-left: 30%; }
    [dir='rtl'] .offset-xl-30, [dir='rtl'] .flex-offset-xl-30 {
      margin-left: auto;
      margin-right: 30%; }
  .offset-xl-35, .flex-offset-xl-35 {
    margin-left: 35%; }
    [dir='rtl'] .offset-xl-35, [dir='rtl'] .flex-offset-xl-35 {
      margin-left: auto;
      margin-right: 35%; }
  .offset-xl-40, .flex-offset-xl-40 {
    margin-left: 40%; }
    [dir='rtl'] .offset-xl-40, [dir='rtl'] .flex-offset-xl-40 {
      margin-left: auto;
      margin-right: 40%; }
  .offset-xl-45, .flex-offset-xl-45 {
    margin-left: 45%; }
    [dir='rtl'] .offset-xl-45, [dir='rtl'] .flex-offset-xl-45 {
      margin-left: auto;
      margin-right: 45%; }
  .offset-xl-50, .flex-offset-xl-50 {
    margin-left: 50%; }
    [dir='rtl'] .offset-xl-50, [dir='rtl'] .flex-offset-xl-50 {
      margin-left: auto;
      margin-right: 50%; }
  .offset-xl-55, .flex-offset-xl-55 {
    margin-left: 55%; }
    [dir='rtl'] .offset-xl-55, [dir='rtl'] .flex-offset-xl-55 {
      margin-left: auto;
      margin-right: 55%; }
  .offset-xl-60, .flex-offset-xl-60 {
    margin-left: 60%; }
    [dir='rtl'] .offset-xl-60, [dir='rtl'] .flex-offset-xl-60 {
      margin-left: auto;
      margin-right: 60%; }
  .offset-xl-65, .flex-offset-xl-65 {
    margin-left: 65%; }
    [dir='rtl'] .offset-xl-65, [dir='rtl'] .flex-offset-xl-65 {
      margin-left: auto;
      margin-right: 65%; }
  .offset-xl-70, .flex-offset-xl-70 {
    margin-left: 70%; }
    [dir='rtl'] .offset-xl-70, [dir='rtl'] .flex-offset-xl-70 {
      margin-left: auto;
      margin-right: 70%; }
  .offset-xl-75, .flex-offset-xl-75 {
    margin-left: 75%; }
    [dir='rtl'] .offset-xl-75, [dir='rtl'] .flex-offset-xl-75 {
      margin-left: auto;
      margin-right: 75%; }
  .offset-xl-80, .flex-offset-xl-80 {
    margin-left: 80%; }
    [dir='rtl'] .offset-xl-80, [dir='rtl'] .flex-offset-xl-80 {
      margin-left: auto;
      margin-right: 80%; }
  .offset-xl-85, .flex-offset-xl-85 {
    margin-left: 85%; }
    [dir='rtl'] .offset-xl-85, [dir='rtl'] .flex-offset-xl-85 {
      margin-left: auto;
      margin-right: 85%; }
  .offset-xl-90, .flex-offset-xl-90 {
    margin-left: 90%; }
    [dir='rtl'] .offset-xl-90, [dir='rtl'] .flex-offset-xl-90 {
      margin-left: auto;
      margin-right: 90%; }
  .offset-xl-95, .flex-offset-xl-95 {
    margin-left: 95%; }
    [dir='rtl'] .offset-xl-95, [dir='rtl'] .flex-offset-xl-95 {
      margin-left: auto;
      margin-right: 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); }
    [dir='rtl'] .offset-xl-66, [dir='rtl'] .flex-offset-xl-66 {
      margin-left: auto;
      margin-right: calc(200% / 3); }
  .layout-align-xl,
  .layout-align-xl-start-stretch {
    justify-content: flex-start;
    align-content: 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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    align-items: stretch;
    align-content: stretch; }
  .flex-xl {
    flex: 1;
    box-sizing: border-box; }
  .flex-xl-grow {
    flex: 1 1 100%;
    box-sizing: border-box; }
  .flex-xl-initial {
    flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-xl-auto {
    flex: 1 1 auto;
    box-sizing: border-box; }
  .flex-xl-none {
    flex: 0 0 auto;
    box-sizing: border-box; }
  .flex-xl-noshrink {
    flex: 1 0 auto;
    box-sizing: border-box; }
  .flex-xl-nogrow {
    flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-xl-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-column > .flex-xl-0 {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-33,
  .layout-row > .flex-xl-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-xl-column > .flex-xl-0 {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0; }
  .flex-xl-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-5 {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-33,
  .layout-row > .flex-xl-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-5 {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .flex-xl-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-10 {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-33,
  .layout-row > .flex-xl-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-10 {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .flex-xl-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-15 {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-33,
  .layout-row > .flex-xl-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-15 {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .flex-xl-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-20 {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-33,
  .layout-row > .flex-xl-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-20 {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .flex-xl-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-25 {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-33,
  .layout-row > .flex-xl-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-25 {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .flex-xl-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-30 {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-33,
  .layout-row > .flex-xl-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-30 {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .flex-xl-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-35 {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-33,
  .layout-row > .flex-xl-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-35 {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .flex-xl-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-40 {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-33,
  .layout-row > .flex-xl-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-40 {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .flex-xl-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-45 {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-33,
  .layout-row > .flex-xl-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-45 {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .flex-xl-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-50 {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-33,
  .layout-row > .flex-xl-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-50 {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .flex-xl-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-55 {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-33,
  .layout-row > .flex-xl-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-55 {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .flex-xl-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-60 {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-33,
  .layout-row > .flex-xl-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-60 {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .flex-xl-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-65 {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-33,
  .layout-row > .flex-xl-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-65 {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .flex-xl-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-70 {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-33,
  .layout-row > .flex-xl-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-70 {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .flex-xl-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-75 {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-33,
  .layout-row > .flex-xl-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-75 {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .flex-xl-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-80 {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-33,
  .layout-row > .flex-xl-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-80 {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .flex-xl-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-85 {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-33,
  .layout-row > .flex-xl-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-85 {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .flex-xl-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-90 {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-33,
  .layout-row > .flex-xl-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-90 {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .flex-xl-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-95 {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-33,
  .layout-row > .flex-xl-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-95 {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .flex-xl-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-33,
  .layout-row > .flex-xl-33 {
    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 {
    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 {
    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 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-33,
  .layout-xl-row > .flex-xl-33 {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-66,
  .layout-xl-row > .flex-xl-66 {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-row > .flex {
    min-width: 0; }
  .layout-xl-column > .flex-xl-33,
  .layout-xl-column > .flex-xl-33 {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-66,
  .layout-xl-column > .flex-xl-66 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xl-column > .flex {
    min-height: 0; }
  .layout-xl,
  .layout-xl-column,
  .layout-xl-row {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; }
  .layout-xl-column {
    flex-direction: column; }
  .layout-xl-row {
    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; } }

.mc-value-cell .md-whiteframe-z1 {
  box-shadow: none; }

.md-datepicker-calendar-pane {
  border-color: white; }
  .md-datepicker-calendar-pane .md-datepicker-input-mask::before {
    content: '';
    position: absolute;
    width: 5%;
    height: 100%;
    left: 0;
    background-color: white; }
  .md-datepicker-calendar-pane .md-datepicker-input-mask::after {
    content: '';
    position: absolute;
    width: 57%;
    height: 100%;
    right: 0;
    background-color: white; }
  .md-datepicker-calendar-pane .md-datepicker-calendar {
    background-color: white; }
  .md-datepicker-calendar-pane .md-calendar-day-header {
    border-color: white;
    background-color: rgba(158, 158, 158, 0.32); }

.md-calendar-date:hover span.md-calendar-date-selection-indicator {
  border-radius: 3px;
  background-color: #f4f5ff; }

.md-calendar-selected-date span.md-calendar-date-selection-indicator {
  background-color: #6070f6;
  border-radius: 3px;
  color: #ffffff; }
  .md-calendar-selected-date span.md-calendar-date-selection-indicator:hover {
    background-color: #6070f6; }

.md-calendar tr:last-child td {
  border-bottom-color: rgba(158, 158, 158, 0.32); }

.md-calendar-month-label {
  font-weight: bold; }

.mc-dialog__input-group md-datepicker {
  margin-right: 0;
  padding-left: 20px; }

/*
Base Layout
===========

Sub
---

This File include the hole Baselayout which contains the body, html the standard of the inputs, select

also the Header, Footer and main Standard Layout is included.

Standard Classes like the Clearfix is included too.

*/
*,
*:before,
*:after {
  box-sizing: border-box; }

html {
  overflow: hidden; }

html,
body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-font-smoothing: antialiased; }

body {
  overflow: hidden;
  position: relative;
  height: 100vh;
  width: 100vw; }

img.bg {
  min-height: 100%;
  min-width: 1024px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0; }

@media screen and (max-width: 1024px) {
  img.bg {
    left: 50%;
    margin-left: -512px; } }

a {
  color: inherit; }

select {
  -webkit-appearance: menulist-button;
  -moz-appearance: menulist-button;
  -ms-appearance: menulist-button;
  -o-appearance: menulist-button;
  appearance: menulist-button; }

:focus {
  outline: 0; }

input:disabled,
select:disabled,
textarea:disabled {
  color: #bbbbbb;
  background-color: whitesmoke;
  border: 1px solid #e5e5e5; }

button:disabled {
  cursor: not-allowed; }

::-webkit-input-placeholder {
  color: #d5d4d4; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #d5d4d4; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #d5d4d4; }

:-ms-input-placeholder {
  color: #d5d4d4; }

input:-ms-input-placeholder {
  color: #d5d4d4; }

input:-moz-placeholder {
  color: #d5d4d4; }

/* ###.clearfix
Clears floating and fixes issues of nodes containing floated nodes. Has to be added to the parent node of floated nodes.

    <div class="clearfix">
        <div style="float:left">first</div>
        <div style="float:left">second</div>
        <div style="float:left">third</div>
    <div>
*/
.clearfix:before,
.clearfix:after {
  content: ' ';
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

.mc-app-header {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 1000;
  color: #f0f0f0; }
  .mc-app-header nav {
    height: 60px; }
    .mc-app-header nav ul li .mc-icon {
      position: relative; }
    .mc-app-header nav ul li [data-counter]:after {
      background-color: #e52e2e;
      color: #f0f0f0;
      content: attr(data-counter);
      padding: 4px;
      position: absolute;
      line-height: 8px;
      right: -12px;
      top: -10px;
      min-width: 18px;
      height: 18px;
      -webkit-border-radius: 100px;
      -moz-border-radius: 100px;
      border-radius: 100px;
      -moz-background-clip: padding-box;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      font-size: 10px;
      font-weight: 800; }
    .mc-app-header nav ul li .counter {
      background-color: #e52e2e;
      color: #f0f0f0; }
    .mc-app-header nav ul li .mc-nav-item-clear:active {
      background-color: transparent; }

nav {
  width: 100%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #0a1e43; }
  nav ul {
    position: relative;
    float: left; }
    nav ul li {
      position: relative;
      float: left; }
      nav ul li a {
        text-decoration: none; }
      nav ul li span strong {
        font-weight: 700; }
      nav ul li .mc-vertical-divider {
        background-color: #f0f0f0; }
      nav ul li button.mc-nav-item {
        border: 0;
        background: none; }
      nav ul li button.mc-nav-item:active,
      nav ul li a.mc-nav-item:active,
      nav ul li .mc-nav-item.active {
        background-color: #444a7c;
        color: #969edb; }
        nav ul li button.mc-nav-item:active .mc-vertical-divider,
        nav ul li a.mc-nav-item:active .mc-vertical-divider,
        nav ul li .mc-nav-item.active .mc-vertical-divider {
          background-color: #969edb; }
      nav ul li.mc-nav-text:hover,
      nav ul li a.mc-nav-text:hover {
        color: #f0f0f0; }

main {
  height: 100%;
  padding: 60px 0 60px 0 !important;
  width: 100%;
  color: #858585; }
  main a {
    color: #858585; }
  main a:hover {
    color: #525252; }

.mc-main-ui-view {
  height: 100%; }

footer {
  z-index: 501;
  color: #969edb;
  background-color: #0a1e43; }
  footer button {
    color: #969edb; }

progress[value] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: none; }

[ng-click] {
  cursor: pointer; }

[ng-click]:disabled {
  cursor: not-allowed; }

.is-disabled {
  cursor: default; }

::-webkit-scrollbar {
  /*width: 8px;  for vertical scrollbars */
  /*height: 8px;  for horizontal scrollbars */
  height: 15px;
  width: 15px; }

/*::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
    @include border-radius(4px);
    margin: 5px 0;
}*/
::-webkit-scrollbar-thumb {
  /*background: rgba(0, 0, 0, 0.2);
    @include border-radius(4px);*/
  background-clip: padding-box;
  background-color: rgba(0, 0, 0, 0.3);
  border: 5px solid transparent;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  min-height: 20px;
  min-width: 20px;
  height: 5px;
  width: 5px; }
  ::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-thumb:active {
    background-color: rgba(0, 0, 0, 0.4); }

::-webkit-scrollbar-button {
  height: 0;
  width: 0; }

pre {
  font-family: monospace;
  white-space: pre; }

.mc-order-status-indicator {
  height: 11px;
  width: 11px;
  border-radius: 50%;
  z-index: 10; }

.mc-order-status-indicator-ok {
  background-color: #00c14a; }

.mc-order-status-indicator-pending {
  background-color: #e2d817; }

.mc-order-status-indicator-error {
  background-color: #d0021b; }

/*#Gridsystem

Our Gridsystem 

	<div class="mc-grid-container">
		<div class="mc-grid mc-grid-1-1">...</div>
	</div>

	<div class="mc-grid-container">
		<div class="mc-grid mc-grid-1-2">...</div>
		<div class="mc-grid mc-grid-1-2">...</div>
	</div>

	<div class="mc-grid-container">
		<div class="mc-grid mc-grid-1-3">...</div>
		<div class="mc-grid mc-grid-1-3">...</div>
		<div class="mc-grid mc-grid-1-3">...</div>
	</div>

	<div class="mc-grid-container">
		<div class="mc-grid mc-grid-1-4">...</div>
		<div class="mc-grid mc-grid-1-4">...</div>
		<div class="mc-grid mc-grid-1-4">...</div>
		<div class="mc-grid mc-grid-1-4">...</div>
	</div>

	<div class="mc-grid-container">
		<div class="mc-grid mc-grid-1-5">...</div>
		<div class="mc-grid mc-grid-1-5">...</div>
		<div class="mc-grid mc-grid-1-5">...</div>
		<div class="mc-grid mc-grid-1-5">...</div>
		<div class="mc-grid mc-grid-1-5">...</div>
	</div>

	<div class="mc-grid-container">
		<div class="mc-grid mc-grid-1-6">...</div>
		<div class="mc-grid mc-grid-1-6">...</div>
		<div class="mc-grid mc-grid-1-6">...</div>
		<div class="mc-grid mc-grid-1-6">...</div>
		<div class="mc-grid mc-grid-1-6">...</div>
		<div class="mc-grid mc-grid-1-6">...</div>
	</div>

 */
.mc-grid {
  float: left;
  padding: 0 5px;
  height: 100%; }

.mc-grid-1-1 {
  width: 100%; }

.mc-grid-1-2 {
  width: 50%; }

.mc-grid-1-3 {
  width: 33.33%; }

.mc-grid-2-3 {
  width: 66.67%; }

.mc-grid-1-4 {
  width: 25%; }

.mc-grid-1-5 {
  width: 20%; }

.mc-grid-2-5 {
  width: 40%; }

.mc-grid-3-5 {
  width: 60%; }

.mc-grid-4-5 {
  width: 80%; }

.mc-grid-1-6 {
  width: 16.67%; }

.mc-grid-2-6 {
  width: 33.33%; }

.mc-grid-3-6 {
  width: 50%; }

.mc-grid-4-6 {
  width: 66.67%; }

.mc-grid-5-6 {
  width: 83.33%; }

/* To place element under container but align to top - we can use element
with this class. It gives us effect like e.g. dropdown menu.

    <div class="mc-move-bottom-right">
        <div>Sample element</div>
    </div>
*/
.mc-pull-right {
  float: right; }

.mc-pull-left {
  float: left; }

.mc-center-horizontal {
  margin-right: auto;
  margin-left: auto;
  float: none; }

.mc-vertical-divider {
  width: 1px;
  height: 35px;
  position: absolute;
  top: 12px;
  left: 2px; }

@media only screen and (max-width: 1300px) {
  .mc-hide-L {
    display: none !important; } }

@media only screen and (max-width: 970px) {
  .mc-hide-M {
    display: none !important; } }

@media only screen and (max-width: 769px) {
  .mc-hide-S {
    display: none !important; } }

@media only screen and (max-width: 640px) {
  .mc-hide-XS {
    display: none !important; } }

@media only screen and (min-width: 1300px) {
  .mc-show-L {
    display: none !important; } }

@media only screen and (min-width: 970px) {
  .mc-show-M {
    display: none !important; } }

@media only screen and (min-width: 769px) {
  .mc-show-S {
    display: none !important; } }

@media only screen and (min-width: 640px) {
  .mc-show-XS {
    display: none !important; } }

.mc-move-bottom-right {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 0; }

.mc-move-bottom-left {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0; }

.mc-move-top-right {
  position: absolute;
  top: 0;
  right: 0;
  height: 0; }

.mc-move-top-left {
  position: absolute;
  top: 0;
  left: 0;
  height: 0; }

.mc-force-hide {
  display: none !important; }

.pageloader {
  width: 30px;
  height: 25px;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transform: skew(-25deg);
  -moz-transform: skew(-25deg);
  -ms-transform: skew(-25deg);
  -o-transform: skew(-25deg);
  transform: skew(-25deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.line {
  background-color: rgba(52, 52, 76, 0.25);
  position: absolute;
  overflow: hidden;
  bottom: 0;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.line:after {
  content: '';
  position: absolute;
  display: block;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #f1f1f1;
  -webkit-animation: wave 1.75s infinite linear;
  -moz-animation: wave 1.75s infinite linear;
  animation: wave 1.75s infinite linear;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px; }

.first {
  height: 15px;
  width: 8px;
  left: 0; }

.second {
  height: 20px;
  width: 8px;
  left: 10px; }

.last {
  height: 10px;
  width: 8px;
  left: 20px; }

@-webkit-keyframes wave {
  0%,
  100% {
    height: 0%; }
  25%,
  75% {
    height: 50%; }
  50% {
    height: 100%; } }

@-moz-keyframes wave {
  0%,
  100% {
    height: 0%; }
  25%,
  75% {
    height: 50%; }
  50% {
    height: 100%; } }

@keyframes wave {
  0%,
  100% {
    height: 0%; }
  25%,
  75% {
    height: 50%; }
  50% {
    height: 100%; } }

.first:after {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  animation-delay: 0s; }

.second:after {
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  animation-delay: 0.5s; }

.last:after {
  -webkit-animation-delay: 0.75s;
  -moz-animation-delay: 0.75s;
  animation-delay: 0.75s; }

.mc-move-top {
  z-index: 499 !important; }

.mc-main-viewport-wrapper,
.mc-main-viewport-wrapper > .mc-include {
  height: 100%; }

.mc-main-viewport {
  position: relative;
  box-sizing: border-box;
  min-height: 100%;
  width: 100%; }

@media only screen and (max-width: 640px) {
  .mc-secondary-aside-is-active .mc-main-detail-header {
    padding: 0; }
  .mc-secondary-aside-is-active .mc-detailview-secondary-aside .mc-formview-widgetbar {
    width: auto;
    left: 32px;
    right: 0; } }

.mc-search-infos {
  position: absolute;
  bottom: 35px;
  right: 25px;
  width: 160px;
  height: 45px;
  pointer-events: none; }
  .mc-search-infos .mc-search-button {
    pointer-events: auto; }

.font-title {
  padding: 14px 0 4px 0;
  font-size: 1em;
  color: #444a7c; }

.mc-main-detail-frame {
  padding: 0 30px; }
  @media only screen and (max-width: 769px) {
    .mc-main-detail-frame {
      padding: 0; } }

.mc-main-detail-fill {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0; }
  @media only screen and (max-width: 769px) {
    .mc-main-detail-fill {
      top: 0;
      bottom: 0; } }

.mc-main-detail-fill-frame {
  width: 100%; }

.mc-main-detail-content {
  background-color: #f0f0f0;
  width: 100%;
  position: absolute;
  top: 59px;
  overflow: hidden;
  overflow-y: auto;
  bottom: 0;
  color: #000000; }
  .mc-main-detail-content.has-buttons:not(.has-search) {
    top: 119px; }
    @media only screen and (min-width: 769px) {
      .mc-main-detail-content.has-buttons:not(.has-search) {
        top: 64px; } }
  .mc-main-detail-content.has-search:not(.has-buttons) {
    top: 119px; }
    @media only screen and (min-width: 970px) {
      .mc-main-detail-content.has-search:not(.has-buttons) {
        top: 64px; } }
  .mc-main-detail-content.has-search.has-buttons {
    top: 161px; }
    @media only screen and (min-width: 769px) {
      .mc-main-detail-content.has-search.has-buttons {
        top: 115px; } }
    @media only screen and (min-width: 970px) {
      .mc-main-detail-content.has-search.has-buttons {
        top: 59px; } }
  .mc-main-detail-content .mc-main-detail-search {
    padding: 25px;
    position: absolute;
    left: 5px;
    width: 80%;
    text-align: center; }
    .mc-main-detail-content .mc-main-detail-search .mc-icon {
      position: absolute;
      right: 1px;
      top: 1px;
      color: #d1d1d1;
      padding: 10px;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px; }
    .mc-main-detail-content .mc-main-detail-search .mc-icon-second {
      right: 65px !important; }
    .mc-main-detail-content .mc-main-detail-search .mc-search-hits {
      white-space: nowrap;
      line-height: 45px;
      color: #d1d1d1;
      right: 45px;
      position: absolute;
      pointer-events: none; }
    @media only screen and (max-width: 769px) {
      .mc-main-detail-content .mc-main-detail-search {
        width: 100%; } }
  .mc-main-detail-content .mc-result-search {
    text-align: left;
    position: absolute;
    width: calc(100% - 45px);
    z-index: 11;
    background-color: #ffffff;
    max-height: 250px;
    overflow: auto;
    overflow-x: hidden; }
    .mc-main-detail-content .mc-result-search li {
      padding: 10px 12px; }
    .mc-main-detail-content .mc-result-search li:hover {
      background-color: #d1d1d1; }

.mc-filters-wrapper {
  width: 50%;
  margin: 30px;
  z-index: 12;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  box-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -o-align-items: stretch;
  align-items: stretch;
  -ms-flex-align: stretch;
  position: relative;
  /*@media only screen and (max-width: $Breakpoint-XS) {
        top: 140px;
    }*/ }
  .mc-filters-wrapper .ui-select-placeholder {
    min-width: 50px;
    display: inline-block;
    flex: 1 0 auto; }

.mc-filters-button-wrapper {
  min-width: 180px; }

mc-category-select-with-tree {
  min-width: 180px; }

.mc-tableview-select-filter + .ui-select-placeholder,
.mc-tableview-select-filter + .mc-tableview-select-filter {
  margin-left: 10px; }

.mc-filters-block {
  flex: 1; }
  .mc-filters-block + .mc-filters-block {
    margin-left: 10px; }

/**
 * Reset overflow property to its default (overlay).
 */
.mc-overflow-reset {
  overflow: visible;
  overflow-y: visible;
  overflow-x: visible; }

.mc-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 700;
  overflow: hidden;
  padding-top: 25px;
  padding-bottom: 50px; }

.mc-tableview-search-header {
  width: 60%;
  /*height: 95px;
    position: relative;*/ }
  .mc-tableview-search-header .mc-widget {
    box-shadow: none;
    background-color: transparent; }
  .mc-tableview-search-header .mc-widget-main {
    background-color: transparent;
    overflow: inherit; }
  @media only screen and (max-width: 769px) {
    .mc-tableview-search-header {
      width: 100%; } }

.mc-flex {
  display: flex; }

.mc-main-detail-addEntity {
  color: #858585; }

.mc-window .mc-main-detail-addEntity {
  position: static;
  padding: 0 0 30px 30px;
  right: auto;
  float: right;
  margin-left: auto; }
  @media only screen and (max-width: 769px) {
    .mc-window .mc-main-detail-addEntity {
      position: static;
      top: auto;
      padding: 15px 15px 0 15px; } }

.mc-detailview-aside,
.mc-detailview-main {
  font-size: 13px;
  box-sizing: border-box;
  position: absolute;
  min-height: 100%;
  height: 100%; }

.mc-detailview-aside {
  background-color: #ffffff;
  width: 275px; }

.mc-detailview-aside-primary {
  z-index: 2;
  left: -240px;
  -webkit-transition: left 300ms ease;
  -moz-transition: left 300ms ease;
  transition: left 300ms ease; }

.mc-detailview-aside-secondary {
  right: -240px;
  z-index: 1;
  overflow-y: visible;
  -webkit-transition: right 300ms ease;
  -moz-transition: right 300ms ease;
  transition: right 300ms ease; }

.mc-detailview-aside-body {
  position: absolute;
  top: 0;
  bottom: 45px;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column; }

.mc-detailview-aside-offcanvas {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column; }

.mc-detailview-aside-primary .mc-detailview-aside-body {
  left: -35px;
  -webkit-transition: left 500ms ease;
  -moz-transition: left 500ms ease;
  transition: left 500ms ease; }

.mc-detailview-aside-secondary .mc-detailview-aside-body {
  right: -35px;
  -webkit-transition: right 500ms ease;
  -moz-transition: right 500ms ease;
  transition: right 500ms ease; }

.mc-detailview-aside-footer {
  position: absolute;
  min-height: 45px;
  bottom: 0;
  width: 100%;
  z-index: 5; }

.mc-detailview-main {
  overflow: hidden;
  overflow: visible;
  z-index: 1;
  left: 35px;
  right: 35px;
  background-color: #f0f0f0;
  -webkit-transition: left 300ms ease, right 300ms ease;
  -moz-transition: left 300ms ease, right 300ms ease;
  transition: left 300ms ease, right 300ms ease; }

.mc-detailview-header .mc-main-detail-header {
  z-index: 1;
  top: 0;
  position: relative; }

form[name='allForms'] {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.mc-detailview-body {
  overflow: hidden;
  overflow-y: auto;
  top: 60px;
  bottom: 0;
  position: absolute;
  width: 100%; }
  .mc-detailview-body .mc-frame {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
    width: 100%;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 36px; }
    .mc-detailview-body .mc-frame:last-child {
      margin-bottom: 36px; }
    .mc-detailview-body .mc-frame.mc-frame--width-1-3 {
      width: calc(33% - 20px); }
    .mc-detailview-body .mc-frame.mc-frame--width-2-3 {
      width: calc(67% - 20px); }
    @media only screen and (max-width: 1300px) {
      .mc-detailview-body .mc-frame {
        margin-bottom: 13px;
        margin-left: 26px;
        margin-right: 10px;
        margin-top: 13px; }
        .mc-detailview-body .mc-frame.mc-frame--width-1-3 {
          width: calc(33% - 40px); }
        .mc-detailview-body .mc-frame.mc-frame--width-2-3 {
          width: calc(67% - 40px); } }
    @media only screen and (max-width: 769px) {
      .mc-detailview-body .mc-frame.mc-frame--width-1-3 {
        width: 100%; }
      .mc-detailview-body .mc-frame.mc-frame--width-2-3 {
        width: 100%; } }
    @media only screen and (max-width: 640px) {
      .mc-detailview-body .mc-frame {
        margin-right: 0.8em; } }

.mc-aside-trigger {
  position: absolute;
  height: 45px;
  background-color: #c4c7ca;
  color: white;
  text-align: center;
  width: 35px;
  bottom: 0; }
  .mc-aside-trigger:hover {
    background-color: #a9aeb2; }
  .mc-aside-trigger .mc-icon:before {
    display: inline-block;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    transition: all 600ms ease;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    line-height: 45px; }

.mc-aside-primary-trigger {
  right: 0; }
  .mc-aside-primary-trigger .mc-icon:before {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }

.mc-aside-secondary-trigger {
  left: 0; }
  .mc-aside-secondary-trigger .mc-icon:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }

.mc-aside-is-expanded .mc-detailview-main {
  left: 275px; }

.mc-aside-is-expanded .mc-detailview-aside-primary {
  left: 0; }
  .mc-aside-is-expanded .mc-detailview-aside-primary .mc-detailview-aside-body {
    left: 0; }

@media only screen and (max-width: 769px) {
  .mc-aside-is-expanded .mc-frame {
    margin-left: 0.8em; } }

.mc-aside-is-expanded .mc-aside-primary-trigger .mc-icon:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.mc-secondary-aside-is-expanded .mc-detailview-main {
  right: 275px; }

.mc-secondary-aside-is-expanded .mc-detailview-aside-secondary {
  right: 0; }
  .mc-secondary-aside-is-expanded .mc-detailview-aside-secondary .mc-detailview-aside-body {
    right: 0; }

.mc-secondary-aside-is-expanded .mc-aside-secondary-trigger .mc-icon:before {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg); }

/*
Using the breakpoint standalone and not inside of each selector is a exception of our standards. In this case
it provides better reading an maintainability.
On screen-sizes lower $Breakpoint-L, only one aside - the active one - can be displayed expanded at once.
The following CSS is responsible for doing this. If we would use several breakpoints in selectors for this,
it would get messy
*/
@media (max-width: 1300px) {
  .mc-detailview-main {
    left: 35px;
    right: 35px; }
  .mc-aside-is-expanded .mc-detailview-main,
  .mc-secondary-aside-is-expanded .mc-detailview-main {
    left: 35px;
    right: 35px; }
  .mc-aside-is-expanded .mc-detailview-aside-primary,
  .mc-secondary-aside-is-expanded .mc-detailview-aside-primary {
    left: -240px; }
    .mc-aside-is-expanded .mc-detailview-aside-primary .mc-detailview-aside-body,
    .mc-secondary-aside-is-expanded .mc-detailview-aside-primary .mc-detailview-aside-body {
      left: -35px; }
  .mc-aside-is-expanded .mc-detailview-aside-secondary,
  .mc-secondary-aside-is-expanded .mc-detailview-aside-secondary {
    right: -240px; }
    .mc-aside-is-expanded .mc-detailview-aside-secondary .mc-detailview-aside-body,
    .mc-secondary-aside-is-expanded .mc-detailview-aside-secondary .mc-detailview-aside-body {
      right: -35px; }
  .mc-aside-is-expanded .mc-aside-primary-trigger .mc-icon:before,
  .mc-secondary-aside-is-expanded .mc-aside-primary-trigger .mc-icon:before {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  .mc-aside-is-expanded .mc-aside-secondary-trigger .mc-icon:before,
  .mc-secondary-aside-is-expanded .mc-aside-secondary-trigger .mc-icon:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
  .mc-aside-is-active .mc-detailview-main {
    left: 275px; }
  .mc-aside-is-active .mc-detailview-aside-primary {
    left: 0; }
    .mc-aside-is-active .mc-detailview-aside-primary .mc-detailview-aside-body {
      left: 0; }
  .mc-aside-is-active .mc-detailview-secondary-aside {
    right: -240px; }
  .mc-aside-is-active .mc-frame {
    margin-left: 2em; }
  .mc-aside-is-active .mc-aside-primary-trigger .mc-icon:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
  .mc-secondary-aside-is-active .mc-detailview-main {
    right: 275px; }
  .mc-secondary-aside-is-active .mc-detailview-aside-secondary {
    right: 0; }
    .mc-secondary-aside-is-active .mc-detailview-aside-secondary .mc-detailview-aside-body {
      right: 0; }
  .mc-secondary-aside-is-active .mc-aside-secondary-trigger .mc-icon:before {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); } }

@media only screen and (max-width: 640px) {
  .mc-aside-is-active .mc-detailview-main,
  .mc-secondary-aside-is-active .mc-detailview-main {
    left: 35px;
    right: 35px; }
  .mc-aside-is-active .mc-detailview-aside.mc-is-active {
    width: 100%;
    z-index: 4; }
  .mc-secondary-aside-is-active .mc-detailview-aside-secondary.mc-is-active {
    width: 100%;
    z-index: 4; }
    .mc-secondary-aside-is-active .mc-detailview-aside-secondary.mc-is-active .mc-formview-widgetbar {
      width: 100%; } }

.mc-dashboardview {
  position: relative;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  align-content: stretch;
  -ms-flex-line-pack: stretch; }

/**
 * Makes glass on the container (parent) element, that every click event
 * is not handled by element inside container-
 */
.mc-transparent-overlay {
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

@-webkit-keyframes flyindialog-flyin {
  0% {
    -webkit-transform: translateX(90%);
    transform: translateX(90%); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes flyindialog-flyin {
  0% {
    -webkit-transform: translateX(90%);
    -ms-transform: translateX(90%);
    transform: translateX(90%); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes flyindialog-flyout {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%); } }

@keyframes flyindialog-flyout {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%); } }

.ngdialog.ngdialog-theme-flyin {
  padding: 75px 15px !important;
  z-index: 497;
  overflow: hidden; }

.ngdialog.ngdialog-theme-flyin .ngdialog-content {
  background: #fcfcfc;
  border-radius: 2px;
  color: #858585;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.1em;
  line-height: 1.5em;
  margin: 0 auto !important;
  max-width: 1245px;
  padding: 0;
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 100%; }

.ngdialog.ngdialog-theme-flyin .ngdialog-close {
  border-radius: 5px;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0; }

.ngdialog.ngdialog-theme-flyin .ngdialog-close:before {
  background: transparent;
  border-radius: 3px;
  color: #bbb;
  content: '\00D7';
  font-size: 26px;
  font-weight: 400;
  height: 30px;
  line-height: 26px;
  position: absolute;
  right: 3px;
  text-align: center;
  top: 3px;
  width: 30px; }

.ngdialog.ngdialog-theme-flyin .ngdialog-close:hover:before,
.ngdialog.ngdialog-theme-flyin .ngdialog-close:active:before {
  color: #777; }

.ngdialog.ngdialog-theme-flyin .ngdialog-close--header-button:before {
  top: 25px;
  right: 20px;
  color: #858585;
  font-size: 35px; }

.backoffice-login__body {
  font-family: 'Open Sans', sans-serif;
  background: #f6f6f6;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  padding: 150px 10px 10px 10px;
  line-height: 1.2; }
  .backoffice-login__body .mc-button-send-mail {
    display: none; }
    .backoffice-login__body .mc-button-send-mail:disabled {
      cursor: not-allowed; }
  @media only screen and (min-width: 780px) {
    .backoffice-login__body {
      padding: 10px; } }

.backoffice-login__logo {
  position: absolute;
  top: 30px;
  left: 30px;
  max-width: 240px;
  height: auto; }

.backoffice-login__wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  width: 400px;
  max-width: 100%; }

.backoffice-login__header {
  color: #1a1a1a;
  font-size: 24px;
  font-weight: normal;
  text-align: center;
  margin: 0 0 14px 0; }

.backoffice-login__caption {
  color: #666666;
  text-align: center;
  font-size: 15px;
  font-weight: normal;
  margin-bottom: 30px; }

.backoffice-login__form {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  width: 100%; }
  .backoffice-login__form .mc-md-button {
    margin: 30px 0; }

.backoffice-login__input-wrapper {
  position: relative;
  box-shadow: 0 16px 28px 0 rgba(166, 176, 201, 0.31); }
  .backoffice-login__input-wrapper__prompt-for-pw {
    display: none; }
  .backoffice-login__input-wrapper:first-child {
    border-bottom: 1px solid #eeeeee; }
  .backoffice-login__input-wrapper .backoffice-login__input {
    border: none;
    height: 80px;
    font-size: 15px;
    width: 100%;
    padding: 35px 20px 10px 20px; }
  .backoffice-login__input-wrapper .backoffice-login__label {
    position: absolute;
    top: 22px;
    left: 20px;
    font-weight: 300;
    font-size: 15px; }
    .backoffice-login__input-wrapper .backoffice-login__label--error {
      color: #d0021b; }

.backoffice-login__error {
  background: #fcdce0;
  color: #d0021b;
  padding: 17px 55px;
  font-size: 15px;
  text-align: center;
  margin: 30px 0 0 0;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  position: relative; }
  .backoffice-login__error.backoffice-login__error-password {
    display: none; }
  .backoffice-login__error span {
    display: block;
    width: 100%;
    margin-left: 15px; }
    .backoffice-login__error span.too-many-attempts {
      display: none; }
    .backoffice-login__error span.invalid-password {
      display: none; }

.backoffice-login__email-sent-success {
  background: #ccf3db;
  color: #009b3b;
  padding: 17px 55px;
  font-size: 15px;
  text-align: center;
  margin: 30px 0 0 0;
  display: none;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  position: relative; }
  .backoffice-login__email-sent-success .backoffice-login__icon-wrapper {
    background: #00c14a; }
  .backoffice-login__email-sent-success span {
    display: block;
    width: 100%;
    margin-left: 15px; }

.backoffice-login__info {
  background: #e7eafe;
  color: #6070f6;
  padding: 17px 55px;
  font-size: 15px;
  text-align: center;
  margin: 30px 0 0 0;
  display: none;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  position: relative; }
  .backoffice-login__info .backoffice-login__icon-wrapper {
    background: #6070f6; }
    .backoffice-login__info .backoffice-login__icon-wrapper .mc-icon {
      transform: rotate(180deg); }
  .backoffice-login__info span {
    display: block;
    width: 100%;
    margin-left: 15px; }

.backoffice-login__unknown-account {
  display: none; }

.backoffice-login__icon-wrapper {
  height: 35px;
  width: 35px;
  border-radius: 50%;
  background: #d0021b;
  color: #ffffff;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  position: absolute;
  left: 20px; }

.backoffice-login__forgot-password-link {
  color: #6070f6;
  font-size: 14px;
  text-decoration: none;
  cursor: pointer; }

.backoffice-login__one-login-link {
  display: none; }

.backoffice-login__success {
  background-color: #e8f7ee;
  width: 100%;
  border-radius: 2px;
  margin: 30px 0;
  text-align: center;
  font-size: 14px;
  padding: 20px;
  color: #00c14a; }

.backoffice-login__password {
  display: none; }

.backoffice-login__user-info {
  display: none;
  height: 47px;
  background: #fff;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  border-radius: 23.5px;
  padding: 6px;
  margin-bottom: 40px; }
  .backoffice-login__user-info .mc-icon-user {
    width: 35px;
    height: 35px;
    background: #f6f6f6;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    color: #6070f6;
    border-radius: 50%; }
  .backoffice-login__user-info .mc-icon-pen {
    width: 35px;
    height: 35px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    cursor: pointer; }

.backoffice-login__user-email {
  font-size: 14px;
  font-weight: 600;
  padding: 0 15px; }

.mc-login-form .mc-login-form-input-box:last-child {
  padding: 0; }

.mc-login-form-input-box {
  padding-bottom: 20px;
  position: relative; }
  .mc-login-form-input-box.mc-login-form-input-flex {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    box-lines: single;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    box-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -o-align-items: stretch;
    align-items: stretch;
    -ms-flex-align: stretch; }
  .mc-login-form-input-box:last-of-type {
    padding: 0; }
  .mc-login-form-input-box .mc-login-form-checkbox {
    position: relative;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    flex-grow: 0;
    -ms-flex-positive: 0;
    -webkit-flex-shrink: 1;
    -moz-flex-shrink: 1;
    flex-shrink: 1;
    -ms-flex-negative: 1;
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    flex-basis: auto;
    -ms-flex-preferred-size: auto; }
  .mc-login-form-input-box .mc-login-form-checkbox-label {
    margin-left: 10px;
    font-size: 12px;
    line-height: 22px;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-flex-shrink: 1;
    -moz-flex-shrink: 1;
    flex-shrink: 1;
    -ms-flex-negative: 1;
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    flex-basis: auto;
    -ms-flex-preferred-size: auto; }
  .mc-login-form-input-box input {
    width: 100%;
    height: 42px;
    padding: 8px;
    border: 1px solid #d1d1d1;
    font-size: 14px;
    background-color: #fcfcfc;
    color: #858585; }
    .mc-login-form-input-box input:-webkit-autofill {
      box-shadow: inset 0 0 0 50px #f1f2ff;
      border-color: #5d67f2; }
    .mc-login-form-input-box input:focus {
      background-color: #f1f2ff;
      border-color: #5d67f2;
      outline: none; }
  .mc-login-form-input-box .mc-login-form-link {
    color: #6070f6;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer; }

.health-status-login__window {
  position: relative;
  z-index: 250;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
  max-width: 580px;
  width: 100%;
  border-radius: 4px;
  box-shadow: 0 16px 28px 0 rgba(166, 176, 201, 0.31); }

.health-status-login__head {
  background-color: #dce0ff;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap; }

.health-status-login__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  width: 64px;
  min-width: 64px;
  height: 64px;
  background-color: #6070f6;
  color: #ffffff;
  font-weight: normal;
  margin: 20px; }
  .health-status-login__icon .mc-icon-info {
    font-size: 2rem; }

.health-status-login__body {
  padding: 20px;
  font-size: 13px;
  color: #8a8a8a;
  font-weight: normal;
  line-height: normal; }

.health-status-login__title {
  font-size: 14px;
  color: #1a1a1a;
  padding-bottom: 5px;
  font-weight: 600; }

.unsupported {
  background: #0a1e43;
  font-family: 'Open Sans', sans-serif; }
  .unsupported__container {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    overflow-y: auto;
    height: 100%; }
  .unsupported__animation-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    flex-shrink: 0;
    -ms-flex-negative: 0;
    height: 280px;
    position: relative;
    margin-bottom: 120px;
    width: 100%; }
  .unsupported__wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    flex-shrink: 0;
    -ms-flex-negative: 0;
    max-width: 750px; }
  .unsupported__logo {
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    bottom: 0;
    height: 50px;
    width: auto; }
  .unsupported__headline {
    font-size: 44px;
    font-weight: 300;
    line-height: normal;
    color: #ffffff;
    text-align: center;
    margin-bottom: 33px;
    max-width: 100%; }
  .unsupported__text {
    font-size: 16px;
    line-height: normal;
    color: #969edb;
    font-weight: 300;
    text-align: center;
    max-width: 100%; }
    .unsupported__text:nth-of-type(1) {
      margin-bottom: 72px; }
  .unsupported__web-bottom {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1; }
  .unsupported__web-top {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1; }
  .unsupported__spidy {
    animation: MoveDownAndUp 5s;
    animation-fill-mode: forwards;
    -webkit-align-self: center;
    -moz-align-self: center;
    align-self: center;
    -ms-flex-item-align: center; }
  .unsupported__browser {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 50px; }
  .unsupported__browser-column {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    padding-top: 50px; }
    .unsupported__browser-column:nth-of-type(1) {
      margin-right: 25px; }
    .unsupported__browser-column:nth-of-type(2) {
      margin-left: 25px; }
  .unsupported__browser-img {
    -webkit-align-self: center;
    -moz-align-self: center;
    align-self: center;
    -ms-flex-item-align: center;
    height: 50px; }
  .unsupported__browser-caption {
    font-size: 20px;
    color: #ffffff;
    margin: 10px 0 20px;
    text-align: center; }
  .unsupported__download-link {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    background: #30307f;
    color: #ffffff;
    padding: 10px 30px;
    font-size: 12px;
    font-weight: 600;
    box-shadow: 0 2px 6px 0 rgba(48, 48, 127, 0.7);
    border-radius: 2px;
    cursor: pointer;
    text-decoration: none; }
    .unsupported__download-link .mc-icon {
      font-size: 14px;
      padding-right: 10px; }

@keyframes MoveDownAndUp {
  0% {
    margin-top: -400px; }
  50% {
    margin-top: 0; }
  75% {
    margin-top: -30px; }
  100% {
    margin-top: 0; } }

/*# Iconfont Variables

*/
/*# Iconfont Mixins

*/
/*# Iconfont Fontpath

*/
@font-face {
  font-family: 'mondocloud-iconfont';
  src: url("/admin/styles/fonts/mciconfont/mciconfont.eot?v=0.1.3");
  src: url("/admin/styles/fonts/mciconfont/mciconfont.eot?#iefix&v=0.1.3") format("embedded-opentype"), url("/admin/styles/fonts/mciconfont/mciconfont.woff?v=0.1.3") format("woff"), url("/admin/styles/fonts/mciconfont/mciconfont.ttf?v=0.1.3") format("truetype");
  font-weight: normal;
  font-style: normal; }

/*# Iconfont Core

*/
.mc-icon {
  display: inline-block;
  font: normal normal normal 6px/ 1 mondocloud-iconfont;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/*# Iconfont Sizes

*/
.mc-icon-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.mc-icon-mini {
  font-size: 0.1em; }

.mc-icon-quart {
  font-size: 0.25em; }

.mc-icon-half {
  font-size: 0.5em; }

.mc-icon-gibb {
  font-size: 0.75em; }

.mc-icon-2x {
  font-size: 1.25em; }

.mc-icon-3x {
  font-size: 1.5em; }

.mc-icon-4x {
  font-size: 1.75em; }

.mc-icon-5x {
  font-size: 2em; }

.mc-icon-6x {
  font-size: 2.25em; }

.mc-icon-7x {
  font-size: 2.5em; }

.mc-icon-8x {
  font-size: 2.75em; }

.mc-icon-9x {
  font-size: 3em; }

.mc-icon-10x {
  font-size: 3.25em; }

.mc-icon-optical-center {
  margin-left: 2px; }

/*# Iconfont Rotated & Flipped Icons

*/
.mc-icon-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg); }

.mc-icon-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.mc-icon-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg); }

.mc-icon-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.mc-icon-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1); }

:root .mc-icon-rotate-90,
:root .mc-icon-rotate-180,
:root .mc-icon-rotate-270,
:root .mc-icon-flip-horizontal,
:root .mc-icon-flip-vertical {
  filter: none; }

.mc-icon-translation:before {
  content: '\ea4e'; }

.mc-icon-font-size:before {
  content: "\ea45"; }

.mc-icon-image-hide:before {
  content: "\ea4a"; }

.mc-icon-video-hide:before {
  content: "\ea4d"; }

.mc-icon-monochrome:before {
  content: "\ea4c"; }

.mc-icon-light-contrast:before {
  content: "\ea4b"; }

.mc-icon-switch-side:before {
  content: "\ea47"; }

.mc-icon-reading-guide:before {
  content: "\ea48"; }

.mc-icon-cursor-large:before {
  content: "\ea49"; }

.mc-icon-dark-contrast:before {
  content: "\ea46"; }

.mc-icon-line-height:before {
  content: "\ea44"; }

.mc-icon-letter-spacing:before {
  content: "\ea40"; }

.mc-icon-price-euro:before {
  content: "\ea43"; }

.mc-icon-gas-hybrid:before {
  content: '\ea41'; }

.mc-icon-autengo-electric:before {
  content: '\ea42'; }

.mc-icon-co2-class:before {
  content: '\ea3e'; }

.mc-icon-co2-emissions:before {
  content: '\ea3f'; }

.mc-icon-eye-closed:before {
  content: '\ea3c'; }

.mc-icon-google-reviews:before {
  content: '\ea3d'; }

.mc-icon-Logo-icon:before {
  content: '\ea3b'; }

.mc-icon-initial-approval:before {
  content: '\ea36'; }

.mc-icon-fuel:before {
  content: '\ea35'; }

.mc-icon-mileage:before {
  content: '\ea37'; }

.mc-icon-performance:before {
  content: '\ea38'; }

.mc-icon-seller:before {
  content: '\ea39'; }

.mc-icon-transmission:before {
  content: '\ea3a'; }

.mc-icon-Customer-defined-End .path1:before {
  content: '\ea2e';
  color: #666666; }

.mc-icon-Customer-defined-End .path2:before {
  content: '\ea2f';
  margin-left: -1em;
  color: #ffd6d6; }

.mc-icon-Customer-defined-End .path3:before {
  content: '\ea30';
  margin-left: -1em;
  color: #ff5959; }

.mc-icon-Customer-defined-Start .path1:before {
  content: '\ea31';
  color: #666666; }

.mc-icon-Customer-defined-Start .path2:before {
  content: '\ea32';
  margin-left: -1em;
  color: #cdffca; }

.mc-icon-Customer-defined-Start .path3:before {
  content: '\ea33';
  margin-left: -1em;
  color: #58d952; }

.mc-icon-Stock-tracked:before {
  content: '\ea34'; }

.mc-icon-payment-in-advance:before {
  content: '\ea2d'; }

.mc-icon-accordeon:before {
  content: '\ea29'; }

.mc-icon-bullet:before {
  content: '\ea19';
  color: #666; }

.mc-icon-contact-form:before {
  content: '\ea2b'; }

.mc-icon-news-module:before {
  content: '\ea2c'; }

.mc-icon-load-index:before {
  content: '\ea24';
  color: #a7a9b6; }

.mc-icon-speed-index:before {
  content: '\ea25';
  color: #a7a9b6; }

.mc-icon-tire-sound:before {
  content: '\ea26';
  color: #a7a9b6; }

.mc-icon-grip:before {
  content: '\ea27';
  color: #a7a9b6; }

.mc-icon-consumption:before {
  content: '\ea28';
  color: #a7a9b6; }

.mc-icon-accessoires:before {
  content: '\ea20'; }

.mc-icon-wear-parts:before {
  content: '\ea21'; }

.mc-icon-tire-search:before {
  content: '\ea22'; }

.mc-icon-alloy-rim-search:before {
  content: '\ea23'; }

.mc-icon-price-boxes:before {
  content: '\ea1f'; }

.mc-icon-font:before {
  content: '\ea2a'; }

.mc-icon-header:before {
  content: '\ea1a'; }

.mc-icon-color-palette:before {
  content: '\ea14'; }

.mc-icon-arrow-divided-rectangle:before {
  content: '\ea12'; }

.mc-icon-arrow-down-rectangle:before {
  content: '\ea13'; }

.mc-icon-fast-forward-rectangle:before {
  content: '\ea15'; }

.mc-icon-flag-filled:before {
  content: '\ea16'; }

.mc-icon-flag-rectangle:before {
  content: '\ea17'; }

.mc-icon-flash-filled:before {
  content: '\ea18'; }

.mc-icon-hourglass-rectangle:before {
  content: '\ea1b'; }

.mc-icon-info-circle:before {
  content: '\ea1c'; }

.mc-icon-play-rounded:before {
  content: '\ea1d'; }

.mc-icon-question-filters:before {
  content: '\ea1e'; }

.mc-icon-accordion:before {
  content: '\e900'; }

.mc-icon-accounting:before {
  content: '\e901'; }

.mc-icon-action-pref:before {
  content: '\e902'; }

.mc-icon-addtab:before {
  content: '\e903'; }

.mc-icon-alert-circle:before {
  content: '\e904'; }

.mc-icon-alert-octagon-filled:before {
  content: '\e905'; }

.mc-icon-alert-octagon:before {
  content: '\e906'; }

.mc-icon-alert-triangle:before {
  content: '\e907'; }

.mc-icon-aligned-block:before {
  content: '\e908'; }

.mc-icon-aligned-center:before {
  content: '\e909'; }

.mc-icon-aligned-left:before {
  content: '\e90a'; }

.mc-icon-aligned-right:before {
  content: '\e90b'; }

.mc-icon-arrow-bot:before {
  content: '\e90c'; }

.mc-icon-arrow-direction:before {
  content: '\e90d'; }

.mc-icon-arrow-left:before {
  content: '\e90e'; }

.mc-icon-arrow-outline:before {
  content: '\e90f'; }

.mc-icon-arrow-short-bot:before {
  content: '\e910'; }

.mc-icon-arrow-short-right:before {
  content: '\e911'; }

.mc-icon-arrow-short-top:before {
  content: '\e912'; }

.mc-icon-arrow-short:before {
  content: '\e913'; }

.mc-icon-arrow-top:before {
  content: '\e914'; }

.mc-icon-arrow:before {
  content: '\e915'; }

.mc-icon-arrowv-bot:before {
  content: '\e916'; }

.mc-icon-arrowv-left:before {
  content: '\e917'; }

.mc-icon-arrowv-top:before {
  content: '\e918'; }

.mc-icon-arrowv:before {
  content: '\e919'; }

.mc-icon-at:before {
  content: '\e91a'; }

.mc-icon-attention:before {
  content: '\e91b'; }

.mc-icon-bank-data:before {
  content: '\e91c'; }

.mc-icon-bell:before {
  content: '\e91d'; }

.mc-icon-bench-tool:before {
  content: '\e91e'; }

.mc-icon-blank:before {
  content: '\e91f'; }

.mc-icon-blocks:before {
  content: '\e920'; }

.mc-icon-blog-element:before {
  content: '\e921'; }

.mc-icon-blogpost-element:before {
  content: '\e922'; }

.mc-icon-blurb-element:before {
  content: '\e923'; }

.mc-icon-blurp:before {
  content: '\e924'; }

.mc-icon-bold:before {
  content: '\e925'; }

.mc-icon-briefcase:before {
  content: '\e926'; }

.mc-icon-bubble:before {
  content: '\e927'; }

.mc-icon-burger:before {
  content: '\e928'; }

.mc-icon-button:before {
  content: '\e929'; }

.mc-icon-calendar-marked:before {
  content: '\e92a'; }

.mc-icon-calendar:before {
  content: '\e92b'; }

.mc-icon-card-element:before {
  content: '\e92c'; }

.mc-icon-carousel:before {
  content: '\e92d'; }

.mc-icon-cart-add:before {
  content: '\e92e'; }

.mc-icon-cart:before {
  content: '\e92f'; }

.mc-icon-cash-on-delivery:before {
  content: '\e930'; }

.mc-icon-cash:before {
  content: '\e931'; }

.mc-icon-category:before {
  content: '\e932'; }

.mc-icon-chat-add:before {
  content: '\e933'; }

.mc-icon-chat:before {
  content: '\e934'; }

.mc-icon-check-boxed:before {
  content: '\e935'; }

.mc-icon-check-thin:before {
  content: '\e936'; }

.mc-icon-check:before {
  content: '\e937'; }

.mc-icon-checkbox:before {
  content: '\e938'; }

.mc-icon-checklist:before {
  content: '\e939'; }

.mc-icon-click:before {
  content: '\e93a'; }

.mc-icon-clients:before {
  content: '\e93b'; }

.mc-icon-clock:before {
  content: '\e93c'; }

.mc-icon-close-dialog:before {
  content: '\e93d'; }

.mc-icon-close-small:before {
  content: '\e93e'; }

.mc-icon-close-thin:before {
  content: '\e93f'; }

.mc-icon-close:before {
  content: '\e940'; }

.mc-icon-cloudupload:before {
  content: '\e941'; }

.mc-icon-code-lab:before {
  content: '\e942'; }

.mc-icon-connected:before {
  content: '\e943'; }

.mc-icon-contacts:before {
  content: '\e944'; }

.mc-icon-contrast:before {
  content: '\e945'; }

.mc-icon-copy:before {
  content: '\e946'; }

.mc-icon-credit-card:before {
  content: '\e947'; }

.mc-icon-crop:before {
  content: '\e948'; }

.mc-icon-dashboard:before {
  content: '\e949'; }

.mc-icon-ddarrow:before {
  content: '\e94a'; }

.mc-icon-dialog-open:before {
  content: '\e94b'; }

.mc-icon-dialog:before {
  content: '\e94c'; }

.mc-icon-display:before {
  content: '\e94d'; }

.mc-icon-divider:before {
  content: '\e94e'; }

.mc-icon-domain-primary:before {
  content: '\e94f'; }

.mc-icon-double-arrowv-bot:before {
  content: '\e950'; }

.mc-icon-double-arrowv-left:before {
  content: '\e951'; }

.mc-icon-double-arrowv-top:before {
  content: '\e952'; }

.mc-icon-double-arrowv:before {
  content: '\e953'; }

.mc-icon-double-check:before {
  content: '\e954'; }

.mc-icon-download:before {
  content: '\e955'; }

.mc-icon-drag:before {
  content: '\e956'; }

.mc-icon-dumbbell:before {
  content: '\e957'; }

.mc-icon-dummy:before {
  content: '\e958'; }

.mc-icon-edit:before {
  content: '\e959'; }

.mc-icon-elevator:before {
  content: '\e95a'; }

.mc-icon-ellipse:before {
  content: '\e95b'; }

.mc-icon-error:before {
  content: '\e95c'; }

.mc-icon-euro:before {
  content: '\e95d'; }

.mc-icon-exclamation:before {
  content: '\e95e'; }

.mc-icon-exit:before {
  content: '\e95f'; }

.mc-icon-external-link:before {
  content: '\e960'; }

.mc-icon-eye:before {
  content: '\e961'; }

.mc-icon-finance:before {
  content: '\e962'; }

.mc-icon-flag:before {
  content: '\e963'; }

.mc-icon-flash:before {
  content: '\e964'; }

.mc-icon-flow:before {
  content: '\e965'; }

.mc-icon-folder:before {
  content: '\e966'; }

.mc-icon-footer-element:before {
  content: '\e967'; }

.mc-icon-footer:before {
  content: '\e968'; }

.mc-icon-fullwidth-collapse:before {
  content: '\e969'; }

.mc-icon-fullwidth-expand:before {
  content: '\e96a'; }

.mc-icon-funnel:before {
  content: '\e96b'; }

.mc-icon-gallery-element:before {
  content: '\e96c'; }

.mc-icon-gitflow:before {
  content: '\e96d'; }

.mc-icon-globe:before {
  content: '\e96e'; }

.mc-icon-go:before {
  content: '\e96f'; }

.mc-icon-graph:before {
  content: '\e970'; }

.mc-icon-group-chat:before {
  content: '\e971'; }

.mc-icon-handler-v:before {
  content: '\e972'; }

.mc-icon-handler:before {
  content: '\e973'; }

.mc-icon-harddisk:before {
  content: '\e974'; }

.mc-icon-headline:before {
  content: '\e975'; }

.mc-icon-heart:before {
  content: '\e976'; }

.mc-icon-hero-element:before {
  content: '\e977'; }

.mc-icon-history:before {
  content: '\e978'; }

.mc-icon-home:before {
  content: '\e979'; }

.mc-icon-html-element:before {
  content: '\e97a'; }

.mc-icon-htmlslider:before {
  content: '\e97b'; }

.mc-icon-http:before {
  content: '\e97c'; }

.mc-icon-icon:before {
  content: '\e97d'; }

.mc-icon-image-element:before {
  content: '\e97e'; }

.mc-icon-image:before {
  content: '\e97f'; }

.mc-icon-images:before {
  content: '\e980'; }

.mc-icon-imageslider:before {
  content: '\e981'; }

.mc-icon-info:before {
  content: '\e982'; }

.mc-icon-input:before {
  content: '\e983'; }

.mc-icon-inset-add:before {
  content: '\e984'; }

.mc-icon-inset-reduce:before {
  content: '\e985'; }

.mc-icon-invoice:before {
  content: '\e986'; }

.mc-icon-italic:before {
  content: '\e987'; }

.mc-icon-jumping-guy:before {
  content: '\e988'; }

.mc-icon-key:before {
  content: '\e989'; }

.mc-icon-language-primary:before {
  content: '\e98a'; }

.mc-icon-language:before {
  content: '\e98b'; }

.mc-icon-lease-cancel:before {
  content: '\e98c'; }

.mc-icon-lease-renew:before {
  content: '\e98d'; }

.mc-icon-lifebelt:before {
  content: '\e98e'; }

.mc-icon-light-bulb:before {
  content: '\e98f'; }

.mc-icon-link:before {
  content: '\e990'; }

.mc-icon-linklist-element:before {
  content: '\e991'; }

.mc-icon-lock-open:before {
  content: '\e992'; }

.mc-icon-lock:before {
  content: '\e993'; }

.mc-icon-magglas-thin:before {
  content: '\e994'; }

.mc-icon-magglas:before {
  content: '\e995'; }

.mc-icon-mail:before {
  content: '\e996'; }

.mc-icon-mailbox:before {
  content: '\e997'; }

.mc-icon-maxim:before {
  content: '\e998'; }

.mc-icon-mclogo:before {
  content: '\e999'; }

.mc-icon-megaphone:before {
  content: '\e99a'; }

.mc-icon-menu-element:before {
  content: '\e99b'; }

.mc-icon-menu:before {
  content: '\e99c'; }

.mc-icon-mic-off:before {
  content: '\e99d'; }

.mc-icon-mic-on:before {
  content: '\e99e'; }

.mc-icon-minimize:before {
  content: '\e99f'; }

.mc-icon-minus-thin:before {
  content: '\e9a0'; }

.mc-icon-minus:before {
  content: '\e9a1'; }

.mc-icon-money:before {
  content: '\e9a2'; }

.mc-icon-more-horiz:before {
  content: '\e9a3'; }

.mc-icon-more-vert:before {
  content: '\e9a4'; }

.mc-icon-move-down:before {
  content: '\e9a5'; }

.mc-icon-move-left:before {
  content: '\e9a6'; }

.mc-icon-move-right:before {
  content: '\e9a7'; }

.mc-icon-move-up:before {
  content: '\e9a8'; }

.mc-icon-music:before {
  content: '\e9a9'; }

.mc-icon-nav:before {
  content: '\e9aa'; }

.mc-icon-not-connected:before {
  content: '\e9ab'; }

.mc-icon-numbers:before {
  content: '\e9ac'; }

.mc-icon-oclogo:before {
  content: '\e9ad'; }

.mc-icon-order:before {
  content: '\e9ae'; }

.mc-icon-ordered-list:before {
  content: '\e9af'; }

.mc-icon-package:before {
  content: '\e9b0'; }

.mc-icon-page-add:before {
  content: '\e9b1'; }

.mc-icon-page:before {
  content: '\e9b2'; }

.mc-icon-pages:before {
  content: '\e9b3'; }

.mc-icon-pageview:before {
  content: '\e9b4'; }

.mc-icon-paper-clip:before {
  content: '\e9b5'; }

.mc-icon-paper-left:before {
  content: '\e9b6'; }

.mc-icon-paragraph:before {
  content: '\e9b7'; }

.mc-icon-parallax:before {
  content: '\e9b8'; }

.mc-icon-pause:before {
  content: '\e9b9'; }

.mc-icon-pen:before {
  content: '\e9ba'; }

.mc-icon-percent:before {
  content: '\e9bb'; }

.mc-icon-pin:before {
  content: '\e9bc'; }

.mc-icon-placeholder:before {
  content: '\e9bd'; }

.mc-icon-play:before {
  content: '\e9be'; }

.mc-icon-plus-small:before {
  content: '\e9bf'; }

.mc-icon-plus-thin:before {
  content: '\e9c0'; }

.mc-icon-plus:before {
  content: '\e9c1'; }

.mc-icon-prefs:before {
  content: '\e9c2'; }

.mc-icon-product-element:before {
  content: '\e9c3'; }

.mc-icon-product:before {
  content: '\e9c4'; }

.mc-icon-productlist-element:before {
  content: '\e9c5'; }

.mc-icon-promolist-element:before {
  content: '\e9c6'; }

.mc-icon-question-filled:before {
  content: '\e9c7'; }

.mc-icon-question:before {
  content: '\e9c8'; }

.mc-icon-questionmark:before {
  content: '\e9c9'; }

.mc-icon-quote:before {
  content: '\e9ca'; }

.mc-icon-radiobutton:before {
  content: '\e9cb'; }

.mc-icon-redo:before {
  content: '\e9cc'; }

.mc-icon-register:before {
  content: '\e9cd'; }

.mc-icon-retry:before {
  content: '\e9ce'; }

.mc-icon-rss:before {
  content: '\e9cf'; }

.mc-icon-sandclock-filled:before {
  content: '\e9d0'; }

.mc-icon-sandclock:before {
  content: '\e9d1'; }

.mc-icon-save:before {
  content: '\e9d2'; }

.mc-icon-scroll:before {
  content: '\e9d3'; }

.mc-icon-security:before {
  content: '\e9d4'; }

.mc-icon-select:before {
  content: '\e9d5'; }

.mc-icon-selectbox:before {
  content: '\e9d6'; }

.mc-icon-self-pick-up:before {
  content: '\e9d7'; }

.mc-icon-shop-active:before {
  content: '\e9d8'; }

.mc-icon-shop-prefs:before {
  content: '\e9d9'; }

.mc-icon-shop:before {
  content: '\e9da'; }

.mc-icon-slider-element:before {
  content: '\e9db'; }

.mc-icon-sliders:before {
  content: '\e9dc'; }

.mc-icon-slideshow-element:before {
  content: '\e9dd'; }

.mc-icon-sort:before {
  content: '\e9de'; }

.mc-icon-spacer-element:before {
  content: '\e9df'; }

.mc-icon-square-3d:before {
  content: '\e9e0'; }

.mc-icon-squares:before {
  content: '\e9e1'; }

.mc-icon-stack:before {
  content: '\e9e2'; }

.mc-icon-star-filled:before {
  content: '\e9e3'; }

.mc-icon-star:before {
  content: '\e9e4'; }

.mc-icon-statistic-example:before {
  content: '\e9e5'; }

.mc-icon-statistic:before {
  content: '\e9e6'; }

.mc-icon-stop:before {
  content: '\e9e7'; }

.mc-icon-stopwatch:before {
  content: '\e9e8'; }

.mc-icon-strikethrough:before {
  content: '\e9e9'; }

.mc-icon-sub-cancel:before {
  content: '\e9ea'; }

.mc-icon-sub-continue:before {
  content: '\e9eb'; }

.mc-icon-sub-stop:before {
  content: '\e9ec'; }

.mc-icon-sub-suppress:before {
  content: '\e9ed'; }

.mc-icon-success:before {
  content: '\e9ee'; }

.mc-icon-tab:before {
  content: '\e9ef'; }

.mc-icon-table:before {
  content: '\e9f0'; }

.mc-icon-tabs-element:before {
  content: '\e9f1'; }

.mc-icon-tabs:before {
  content: '\e9f2'; }

.mc-icon-taxes:before {
  content: '\e9f3'; }

.mc-icon-tel:before {
  content: '\e9f4'; }

.mc-icon-text-element:before {
  content: '\e9f5'; }

.mc-icon-text-left:before {
  content: '\e9f6'; }

.mc-icon-toggle:before {
  content: '\e9f7'; }

.mc-icon-translate:before {
  content: '\e9f8'; }

.mc-icon-trash:before {
  content: '\e9f9'; }

.mc-icon-type:before {
  content: '\e9fa'; }

.mc-icon-tyre24:before {
  content: '\e9fb'; }

.mc-icon-underline:before {
  content: '\e9fc'; }

.mc-icon-undo-old:before {
  content: '\e9fd'; }

.mc-icon-undo:before {
  content: '\e9fe'; }

.mc-icon-unlink:before {
  content: '\e9ff'; }

.mc-icon-unordered-list:before {
  content: '\ea00'; }

.mc-icon-unzip:before {
  content: '\ea01'; }

.mc-icon-update:before {
  content: '\ea02'; }

.mc-icon-upload:before {
  content: '\ea03'; }

.mc-icon-user-add:before {
  content: '\ea04'; }

.mc-icon-user:before {
  content: '\ea05'; }

.mc-icon-users:before {
  content: '\ea06'; }

.mc-icon-variants:before {
  content: '\ea07'; }

.mc-icon-verified:before {
  content: '\ea08'; }

.mc-icon-video-element:before {
  content: '\ea09'; }

.mc-icon-video-play:before {
  content: '\ea0a'; }

.mc-icon-video:before {
  content: '\ea0b'; }

.mc-icon-videocam:before {
  content: '\ea0c'; }

.mc-icon-wand:before {
  content: '\ea0d'; }

.mc-icon-weather:before {
  content: '\ea0e'; }

.mc-icon-widget:before {
  content: '\ea0f'; }

.mc-icon-widgets:before {
  content: '\ea10'; }

.mc-icon-zip:before {
  content: '\ea11'; }

@font-face {
  font-family: 'industries';
  src: url("/admin/styles/fonts/industriesiconfont/industries.eot?v=0") format("embedded-opentype"), url("/admin/styles/fonts/industriesiconfont/industries.woff?v=0") format("woff"), url("/admin/styles/fonts/industriesiconfont/industries.ttf?v=0") format("truetype");
  font-weight: normal;
  font-style: normal; }

.mc-industries:before {
  display: inline-block;
  vertical-align: middle;
  font-family: 'industries';
  font-style: normal;
  font-weight: normal;
  speak: none;
  line-height: 1;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 26px; }

.mc-industries-automotive:before {
  content: '\EA01'; }

.mc-industries-beauty:before {
  content: '\EA02'; }

.mc-industries-bike:before {
  content: '\EA03'; }

.mc-industries-body-paint:before {
  content: '\EA04'; }

.mc-industries-car-services:before {
  content: '\EA05'; }

.mc-industries-cardealer:before {
  content: '\EA06'; }

.mc-industries-carrepair:before {
  content: '\EA07'; }

.mc-industries-carwash:before {
  content: '\EA08'; }

.mc-industries-cut-flowers:before {
  content: '\EA09'; }

.mc-industries-data-service:before {
  content: '\EA0A'; }

.mc-industries-e-fuel:before {
  content: '\EA0B'; }

.mc-industries-electronic:before {
  content: '\EA0C'; }

.mc-industries-fashion:before {
  content: '\EA0D'; }

.mc-industries-fleet:before {
  content: '\EA0E'; }

.mc-industries-flower-accessoires:before {
  content: '\EA0F'; }

.mc-industries-flower-retail-store:before {
  content: '\EA10'; }

.mc-industries-flowers:before {
  content: '\EA11'; }

.mc-industries-food:before {
  content: '\EA12'; }

.mc-industries-fuel:before {
  content: '\EA13'; }

.mc-industries-gardencenter:before {
  content: '\EA14'; }

.mc-industries-gastronomy:before {
  content: '\EA15'; }

.mc-industries-health:before {
  content: '\EA16'; }

.mc-industries-industry:before {
  content: '\EA17'; }

.mc-industries-living:before {
  content: '\EA18'; }

.mc-industries-love:before {
  content: '\EA19'; }

.mc-industries-misc:before {
  content: '\EA1A'; }

.mc-industries-money:before {
  content: '\EA1B'; }

.mc-industries-none:before {
  content: '\EA1C'; }

.mc-industries-office:before {
  content: '\EA1D'; }

.mc-industries-plants:before {
  content: '\EA1E'; }

.mc-industries-service:before {
  content: '\EA1F'; }

.mc-industries-software:before {
  content: '\EA20'; }

.mc-industries-sport:before {
  content: '\EA21'; }

.mc-industries-tires:before {
  content: '\EA22'; }

.mc-industries-tools:before {
  content: '\EA23'; }

.mc-industries-travel:before {
  content: '\EA24'; }

.mc-industries-trees:before {
  content: '\EA25'; }

.mc-industries-truck-bus:before {
  content: '\EA26'; }

.mc-industries-wearparts:before {
  content: '\EA27'; }

@font-face {
  font-family: 'Open Sans';
  src: url("/admin/styles/fonts/OpenSans/OpenSans-Regular/OpenSans-Regular-webfont.eot");
  src: url("/admin/styles/fonts/OpenSans/OpenSans-Regular/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("/admin/styles/fonts/OpenSans/OpenSans-Regular/OpenSans-Regular-webfont.woff") format("woff"), url("/admin/styles/fonts/OpenSans/OpenSans-Regular/OpenSans-Regular-webfont.ttf") format("truetype"), url("/admin/styles/fonts/OpenSans/OpenSans-Regular/OpenSans-Regular-webfont.svg#OpenSans") format("svg");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Open Sans';
  src: url("/admin/styles/fonts/OpenSans/OpenSans-Italic/OpenSans-Italic-webfont.eot");
  src: url("/admin/styles/fonts/OpenSans/OpenSans-Italic/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("/admin/styles/fonts/OpenSans/OpenSans-Italic/OpenSans-Italic-webfont.woff") format("woff"), url("/admin/styles/fonts/OpenSans/OpenSans-Italic/OpenSans-Italic-webfont.ttf") format("truetype"), url("/admin/styles/fonts/OpenSans/OpenSans-Italic/OpenSans-Italic-webfont.svg#OpenSans") format("svg");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: 'Open Sans';
  src: url("/admin/styles/fonts/OpenSans/OpenSans-Light/OpenSans-Light-webfont.eot");
  src: url("/admin/styles/fonts/OpenSans/OpenSans-Light/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("/admin/styles/fonts/OpenSans/OpenSans-Light/OpenSans-Light-webfont.woff") format("woff"), url("/admin/styles/fonts/OpenSans/OpenSans-Light/OpenSans-Light-webfont.ttf") format("truetype"), url("/admin/styles/fonts/OpenSans/OpenSans-Light/OpenSans-Light-webfont.svg#OpenSans") format("svg");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Open Sans';
  src: url("/admin/styles/fonts/OpenSans/OpenSans-Light-Italic/OpenSans-LightItalic-webfont.eot");
  src: url("/admin/styles/fonts/OpenSans/OpenSans-Light-Italic/OpenSans-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/admin/styles/fonts/OpenSans/OpenSans-Light-Italic/OpenSans-LightItalic-webfont.woff") format("woff"), url("/admin/styles/fonts/OpenSans/OpenSans-Light-Italic/OpenSans-LightItalic-webfont.ttf") format("truetype"), url("/admin/styles/fonts/OpenSans/OpenSans-Light-Italic/OpenSans-LightItalic-webfont.svg#OpenSans") format("svg");
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: 'Open Sans';
  src: url("/admin/styles/fonts/OpenSans/OpenSans-SemiBold/OpenSans-Semibold-webfont.eot");
  src: url("/admin/styles/fonts/OpenSans/OpenSans-SemiBold/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"), url("/admin/styles/fonts/OpenSans/OpenSans-SemiBold/OpenSans-Semibold-webfont.woff") format("woff"), url("/admin/styles/fonts/OpenSans/OpenSans-SemiBold/OpenSans-Semibold-webfont.ttf") format("truetype"), url("/admin/styles/fonts/OpenSans/OpenSans-SemiBold/OpenSans-Semibold-webfont.svg#OpenSans") format("svg");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'Open Sans';
  src: url("/admin/styles/fonts/OpenSans/OpenSans-SemiBold-Italic/OpenSans-SemiboldItalic-webfont.eot");
  src: url("/admin/styles/fonts/OpenSans/OpenSans-SemiBold-Italic/OpenSans-SemiboldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/admin/styles/fonts/OpenSans/OpenSans-SemiBold-Italic/OpenSans-SemiboldItalic-webfont.woff") format("woff"), url("/admin/styles/fonts/OpenSans/OpenSans-SemiBold-Italic/OpenSans-SemiboldItalic-webfont.ttf") format("truetype"), url("/admin/styles/fonts/OpenSans/OpenSans-SemiBold-Italic/OpenSans-SemiboldItalic-webfont.svg#OpenSans") format("svg");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: 'Open Sans';
  src: url("/admin/styles/fonts/OpenSans/OpenSans-Bold/OpenSans-Bold-webfont.eot");
  src: url("/admin/styles/fonts/OpenSans/OpenSans-Bold/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("/admin/styles/fonts/OpenSans/OpenSans-Bold/OpenSans-Bold-webfont.woff") format("woff"), url("/admin/styles/fonts/OpenSans/OpenSans-Bold/OpenSans-Bold-webfont.ttf") format("truetype"), url("/admin/styles/fonts/OpenSans/OpenSans-Bold/OpenSans-Bold-webfont.svg#OpenSans") format("svg");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'Open Sans';
  src: url("/admin/styles/fonts/OpenSans/OpenSans-Bold-Italic/OpenSans-BoldItalic-webfont.eot");
  src: url("/admin/styles/fonts/OpenSans/OpenSans-Bold-Italic/OpenSans-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/admin/styles/fonts/OpenSans/OpenSans-Bold-Italic/OpenSans-BoldItalic-webfont.woff") format("woff"), url("/admin/styles/fonts/OpenSans/OpenSans-Bold-Italic/OpenSans-BoldItalic-webfont.ttf") format("truetype"), url("/admin/styles/fonts/OpenSans/OpenSans-Bold-Italic/OpenSans-BoldItalic-webfont.svg#OpenSans") format("svg");
  font-weight: 700;
  font-style: italic; }

@font-face {
  font-family: 'Open Sans';
  src: url("/admin/styles/fonts/OpenSans/OpenSans-ExtraBold/OpenSans-ExtraBold-webfont.eot");
  src: url("/admin/styles/fonts/OpenSans/OpenSans-ExtraBold/OpenSans-ExtraBold-webfont.eot?#iefix") format("embedded-opentype"), url("/admin/styles/fonts/OpenSans/OpenSans-ExtraBold/OpenSans-ExtraBold-webfont.woff") format("woff"), url("/admin/styles/fonts/OpenSans/OpenSans-ExtraBold/OpenSans-ExtraBold-webfont.ttf") format("truetype"), url("/admin/styles/fonts/OpenSans/OpenSans-ExtraBold/OpenSans-ExtraBold-webfont.svg#OpenSans") format("svg");
  font-weight: 800;
  font-style: normal; }

@font-face {
  font-family: 'Open Sans';
  src: url("/admin/styles/fonts/OpenSans/OpenSans-ExtraBold-Italic/OpenSans-ExtraBoldItalic-webfont.eot");
  src: url("/admin/styles/fonts/OpenSans/OpenSans-ExtraBold-Italic/OpenSans-ExtraBoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/admin/styles/fonts/OpenSans/OpenSans-ExtraBold-Italic/OpenSans-ExtraBoldItalic-webfont.woff") format("woff"), url("/admin/styles/fonts/OpenSans/OpenSans-ExtraBold-Italic/OpenSans-ExtraBoldItalic-webfont.ttf") format("truetype"), url("/admin/styles/fonts/OpenSans/OpenSans-ExtraBold-Italic/OpenSans-ExtraBoldItalic-webfont.svg#OpenSans") format("svg");
  font-weight: 800;
  font-style: italic; }

.mc-font-light {
  font-family: 'Open Sans Light'; }
  .mc-font-light-italic {
    font-family: 'Open Sans Light Italic'; }

.mc-font-semi-bold {
  font-family: 'Open Sans SemiBold'; }
  .mc-font-semi-bold-italic {
    font-family: 'Open Sans SemiBold Italic'; }

.mc-font-bold {
  font-family: 'Open Sans Bold'; }
  .mc-font-bold-italic {
    font-family: 'Open Sans Bold Italic'; }

.mc-font-extra-bold {
  font-family: 'Open Sans ExtraBold'; }
  .mc-font-extra-bold-italic {
    font-family: 'Open Sans ExtraBold Italic'; }

.mc-font-italic {
  font-family: 'Open Sans Italic'; }

.mc-action-item {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  box-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -o-align-items: stretch;
  align-items: stretch;
  -ms-flex-align: stretch;
  padding: 12px 5px;
  cursor: pointer;
  background-color: #ffffff; }
  .mc-action-item.mc-action-item--invalid {
    background-color: #ececec; }
  .mc-action-item.mc-action-item--invalid-action {
    color: #ff0000; }
    .mc-action-item.mc-action-item--invalid-action .mc-action-item-message {
      color: #ff0000; }

.mc-media-listview .mc-action-item {
  position: absolute;
  left: 0;
  right: 0; }

.mc-action-item-icon {
  position: relative;
  z-index: 2;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  box-ordinal-group: 1;
  -webkit-order: 1;
  -moz-order: 1;
  order: 1;
  -ms-flex-order: 1;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
  -webkit-flex-basis: auto;
  -moz-flex-basis: auto;
  flex-basis: auto;
  -ms-flex-preferred-size: auto;
  width: 35px;
  margin-right: 10px; }

.mc-action-item-text {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  box-ordinal-group: 2;
  -webkit-order: 2;
  -moz-order: 2;
  order: 2;
  -ms-flex-order: 2;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  -webkit-flex-shrink: 1;
  -moz-flex-shrink: 1;
  flex-shrink: 1;
  -ms-flex-negative: 1;
  -webkit-flex-basis: auto;
  -moz-flex-basis: auto;
  flex-basis: auto;
  -ms-flex-preferred-size: auto;
  overflow: hidden;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.mc-action-item-headline {
  line-height: 20px;
  color: #858585;
  white-space: nowrap; }

.mc-action-item-message {
  white-space: nowrap;
  font-size: 10px;
  line-height: 16px;
  color: #525252; }

.mc-action-item-actions {
  position: relative;
  z-index: 2;
  overflow: hidden;
  -webkit-box-ordinal-group: 3;
  -moz-box-ordinal-group: 3;
  box-ordinal-group: 3;
  -webkit-order: 3;
  -moz-order: 3;
  order: 3;
  -ms-flex-order: 3;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0;
  -webkit-flex-shrink: 1;
  -moz-flex-shrink: 1;
  flex-shrink: 1;
  -ms-flex-negative: 1;
  -webkit-flex-basis: auto;
  -moz-flex-basis: auto;
  flex-basis: auto;
  -ms-flex-preferred-size: auto;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end;
  min-width: 30px;
  max-width: 65px;
  margin-left: 10px; }

.mc-action-item-action {
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
  -webkit-flex-basis: auto;
  -moz-flex-basis: auto;
  flex-basis: auto;
  -ms-flex-preferred-size: auto;
  display: block; }
  .mc-action-item-action.mc-inactive {
    display: none; }

.mc-small-action-btn.mc-button {
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background-color: #ffffff;
  color: #a7a7a7;
  margin-right: 8px;
  padding: 0;
  box-shadow: 0px 2px 6px -4px black;
  text-align: center; }
  .mc-small-action-btn.mc-button .mc-icon {
    line-height: 23px; }
  .mc-small-action-btn.mc-button:hover {
    background-color: #ababab;
    color: #ffffff; }

.mc-list {
  margin: 0;
  padding: 0; }

.mc-list-item {
  margin: 0;
  padding: 0; }

.mc-horizontal .mc-list-item {
  display: inline-block; }

.mc-horizontal-center, .mc-form-group-horizontal, .mc-form-view.mc-multicolumn .mc-form-group, .mc-form-view.mc-multicolumn > .mc-form-group-checkbox .mc-form-label, .mc-form-view.mc-multicolumn .mc-proportion-1-3--2-3 .form-group-body,
.mc-form-view.mc-multicolumn .mc-proportion-2-3--1-3 .form-group-body {
  height: inherit;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-align-content: center;
  -moz-align-content: center;
  align-content: center;
  -ms-flex-line-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center; }

.mc-horizontal-center-wrap {
  height: inherit;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-align-content: center;
  -moz-align-content: center;
  align-content: center;
  -ms-flex-line-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

/*#Navigation / Secondary Navigation

    <nav>
        <ul>
            <li class="mc-nav-item mc-nav-item-clear">
                <a>
                    <i class="mc-icon-mclogo mc-icon-lg"></i>
                </a>
            </li>
            <li class="mc-nav-item">
                <i class="mc-icon-nav mc-icon-lg"></i>
                <nav class="mc-nav-secondary mc-active-content">
                    <ul>
                        <li>
                            <a class="mc-nav-item">
                                <i class="mc-icon-crowd mc-icon-lg"></i>
                                <span>...</span>
                            </a>
                        </li>
                        <li>
                            <a class="mc-nav-item">
                                <i class="mc-icon-folder mc-icon-lg"></i>
                                <span>...</span>
                            </a>
                        </li>
                        <li>
                            <a class="mc-nav-item">
                                <i class="mc-icon-display mc-icon-lg"></i>
                                <span>...</span>
                            </a>
                        </li>
                        <li>
                            <a class="mc-nav-item">
                                <i class="mc-icon-squares mc-icon-lg"></i>
                                <span>...</span>
                            </a>
                        </li>
                    </ul>
                </nav>
            </li>
        </ul>
        <ul class="mc-pull-right">
            <li class="mc-nav-item mc-nav-item-clear mc-nav-text mc-hide-M">
                <span>Do. <strong>09:40</strong></span>
            </li>
            <li class="mc-nav-item">
                <i class="mc-icon-question mc-icon-lg"></i>
            </li>
            <li class="mc-nav-item">
                <i data-counter="33" class="mc-icon-bell mc-icon-biglg"></i>
            </li>

            <li class="mc-nav-item mc-blinking">

                <div class="mc-avatar mc-avatar-with-label">
                    <div class="mc-avatar-body">
                        <img src="images/avatar-small.png">
                    </div>
                </div>

                <span class="mc-hide-S">...</span>

                <div mc-dropdown>
                    <ul>
                        <li>
                            <i class="mc-icon-oneuser mc-icon-lg"></i>
                            <span>...</span>
                        </li>
                        <li>
                            <i class="mc-icon-twouser mc-icon-lg"></i>
                            <span>...</span>
                        </li>
                        <li>
                            <i class="mc-icon-exit mc-icon-lg"></i>
                            <span>...</span>
                        </li>
                    </ul>
                </div>

            </li>

            <li class="mc-nav-item">
                <i class="mc-icon-prefs mc-icon-lg"></i>

                <div mc-dropdown>
                    <ul>
                        <li>
                            <span>...</span>
                        </li>
                        <li>
                            <span>...</span>
                        </li>
                        <li class="mc-selectbox">
                            <select class="mc-dropdown-select"></select>
                            <i class="mc-icon-ddarrow mc-icon-lg mc-icon-selectbox"></i>
                        </li>
                    </ul>
                </div>

            </li>
        </ul>
    </nav>

 */
.mc-omnibar {
  position: relative;
  font-size: 14px;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  box-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -o-align-items: stretch;
  align-items: stretch;
  -ms-flex-align: stretch; }
  .mc-omnibar .mc-nav-item {
    color: #f0f0f0;
    text-decoration: none;
    text-align: center; }

.mc-omnibar-logo {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  box-ordinal-group: 1;
  -webkit-order: 1;
  -moz-order: 1;
  order: 1;
  -ms-flex-order: 1;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
  -webkit-flex-basis: auto;
  -moz-flex-basis: auto;
  flex-basis: auto;
  -ms-flex-preferred-size: auto;
  width: 60px; }
  .mc-omnibar-logo .mc-nav-item {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center; }
    .mc-omnibar-logo .mc-nav-item:hover {
      background-color: #132c5b; }

.mc-omnibar-nav {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  box-ordinal-group: 2;
  -webkit-order: 2;
  -moz-order: 2;
  order: 2;
  -ms-flex-order: 2;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  -webkit-flex-shrink: 1;
  -moz-flex-shrink: 1;
  flex-shrink: 1;
  -ms-flex-negative: 1;
  -webkit-flex-basis: auto;
  -moz-flex-basis: auto;
  flex-basis: auto;
  -ms-flex-preferred-size: auto;
  white-space: nowrap; }
  .mc-omnibar-nav li {
    position: relative;
    float: none;
    display: inline-block;
    vertical-align: top; }
    .mc-omnibar-nav li i {
      float: left;
      line-height: 28px; }
    .mc-omnibar-nav li span {
      float: left;
      line-height: 28px; }
    .mc-omnibar-nav li:hover {
      color: #969edb; }
      .mc-omnibar-nav li:hover .mc-submenu__ghost {
        display: block; }
      .mc-omnibar-nav li:hover .mc-submenu {
        pointer-events: auto;
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0); }
      .mc-omnibar-nav li:hover .mc-nav-item {
        background-color: #132c5b; }
    @media only screen and (min-width: 640px) {
      .mc-omnibar-nav li.mc-omnibar-nav__show-on-XS {
        display: none; } }
  @media only screen and (max-width: 970px) {
    .mc-omnibar-nav {
      position: fixed;
      display: none;
      left: 0;
      top: 0;
      margin-top: 60px;
      height: calc(100% - 60px);
      width: 100%;
      background-color: #444a7c; }
      .mc-omnibar-nav.active {
        display: block; }
      .mc-omnibar-nav li {
        float: left;
        width: 100%;
        border-bottom: 1px solid rgba(0, 0, 0, 0.2); } }

.mc-submenu {
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  color: #666666;
  font-size: 14px;
  opacity: 0;
  padding: 10px;
  position: absolute;
  pointer-events: none;
  top: 100%;
  left: 0;
  user-select: none;
  z-index: 999;
  -webkit-transition: -webkit-transform 250ms ease-in-out, opacity 250ms ease-out;
  -moz-transition: -moz-transform 250ms ease-in-out, opacity 250ms ease-out;
  transition: transform 250ms ease-in-out, opacity 250ms ease-out;
  -webkit-transform: translateY(15px);
  -moz-transform: translateY(15px);
  -ms-transform: translateY(15px);
  -o-transform: translateY(15px);
  transform: translateY(15px); }
  .mc-submenu.active {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

.mc-submenu__caret:after {
  position: absolute;
  content: '▲';
  top: 0;
  left: 20px;
  display: block;
  font-size: 14px;
  color: #ffffff;
  -webkit-transform: translateY(-75%) scaleX(1.5);
  -moz-transform: translateY(-75%) scaleX(1.5);
  -ms-transform: translateY(-75%) scaleX(1.5);
  -o-transform: translateY(-75%) scaleX(1.5);
  transform: translateY(-75%) scaleX(1.5); }

.mc-submenu--right {
  left: auto;
  right: 0; }
  .mc-submenu--right .mc-submenu__caret:after {
    left: auto;
    right: 20px; }

.mc-submenu__content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: calc(100vh - 80px); }
  .mc-submenu__content .mc-submenu__heading:first-child {
    margin-top: 5px; }

.mc-submenu__heading {
  color: inherit;
  font-weight: 800;
  margin: 15px 20px 15px 10px; }

.mc-submenu__list {
  min-width: 200px;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .mc-submenu__list--wide {
    min-width: 235px; }

.mc-submenu__list--split {
  min-width: 400px;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  box-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -o-align-items: stretch;
  align-items: stretch;
  -ms-flex-align: stretch; }
  .mc-submenu__list--split .mc-submenu__link {
    width: 50%; }
  @media only screen and (max-width: 640px) {
    .mc-submenu__list--split {
      min-width: 200px;
      -webkit-box-orient: vertical;
      -moz-box-orient: vertical;
      box-orient: vertical;
      -webkit-box-direction: normal;
      -moz-box-direction: normal;
      box-direction: normal;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      flex-direction: column;
      -ms-flex-direction: column; }
      .mc-submenu__list--split .mc-submenu__link {
        width: 100%; } }

.mc-submenu__sublink {
  padding: 3px 7px 3px 15px;
  display: flex;
  align-items: center; }
  .mc-submenu__sublink i {
    margin-right: 10px;
    display: flex;
    font-size: 10px; }

.mc-submenu__link {
  display: block;
  padding: 10px; }
  .mc-submenu__link i.mc-icon-info-circle {
    margin-left: 5px;
    position: relative; }

.mc-submenu__link,
.mc-submenu__sublink {
  width: 100%;
  color: #666666;
  background-color: transparent;
  border-radius: 4px; }
  .mc-submenu__link.mc-submenu__link-with-icon,
  .mc-submenu__sublink.mc-submenu__link-with-icon {
    line-height: 1.5rem; }
  .mc-submenu__link .mc-submenu__link-icon,
  .mc-submenu__sublink .mc-submenu__link-icon {
    margin-left: 10px;
    box-shadow: none;
    float: right;
    line-height: 0.8; }
  .mc-submenu__link:hover,
  .mc-submenu__sublink:hover {
    color: #3a3d5f;
    background-color: rgba(96, 112, 246, 0.1); }

.mc-submenu__profile {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  font-size: 12px;
  padding: 10px 20px; }

.mc-submenu__profile-image {
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0; }

.mc-submenu__profile-content {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: distribute;
  -moz-box-pack: distribute;
  box-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  -o-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-pack: distribute;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  padding-left: 10px; }

.mc-submenu__profile-name {
  font-weight: 800; }

.mc-submenu__profile-link {
  color: #666666;
  opacity: 0.6; }
  .mc-submenu__profile-link:hover {
    opacity: 0.8; }

.mc-submenu__divider {
  width: 100%;
  border: 0;
  border-bottom: solid 1px rgba(102, 102, 102, 0.1);
  margin: 10px 15px; }

.mc-omnibar-nav__chevron {
  margin-left: 10px; }

.mc-submenu__ghost {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  width: calc(200px - 100%);
  height: 60px; }
  @media only screen and (max-width: 640px) {
    .mc-submenu__ghost {
      display: none; } }

.mc-submenu__ghost--right {
  left: auto;
  right: 100%; }

.mc-omnibar-nav-grouped {
  -webkit-box-ordinal-group: 3;
  -moz-box-ordinal-group: 3;
  box-ordinal-group: 3;
  -webkit-order: 3;
  -moz-order: 3;
  order: 3;
  -ms-flex-order: 3;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  -webkit-flex-shrink: 1;
  -moz-flex-shrink: 1;
  flex-shrink: 1;
  -ms-flex-negative: 1;
  -webkit-flex-basis: auto;
  -moz-flex-basis: auto;
  flex-basis: auto;
  -ms-flex-preferred-size: auto;
  width: 60px;
  display: none; }
  @media only screen and (max-width: 970px) {
    .mc-omnibar-nav-grouped {
      display: block; } }

.mc-omnibar-toolbar {
  -webkit-box-ordinal-group: 4;
  -moz-box-ordinal-group: 4;
  box-ordinal-group: 4;
  -webkit-order: 4;
  -moz-order: 4;
  order: 4;
  -ms-flex-order: 4;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
  -webkit-flex-basis: auto;
  -moz-flex-basis: auto;
  flex-basis: auto;
  -ms-flex-preferred-size: auto; }
  .mc-omnibar-toolbar .mc-nav-item {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    padding: 0 18px; }
  .mc-omnibar-toolbar li:hover .mc-submenu__ghost {
    display: block; }
  .mc-omnibar-toolbar li:hover .mc-nav-item {
    background-color: #132c5b; }
  .mc-omnibar-toolbar li:hover .mc-submenu {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  .mc-omnibar-toolbar li .mc-submenu-hover {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

/*------------*/
.mc-nav-item,
.mc-nav-secondary {
  color: #fcfcfc; }

.mc-nav-item {
  display: block;
  position: relative;
  height: 60px;
  padding: 16px 10px;
  user-select: none;
  cursor: pointer; }
  @media only screen and (min-width: 769px) {
    .mc-nav-item {
      padding: 16px 18px; } }

.mc-nav-secondary {
  position: fixed;
  left: 0;
  top: 0;
  padding: 60px 0;
  z-index: -1;
  background-color: #444a7c; }
  .mc-nav-secondary.nav-hidden {
    display: none; }
  .mc-nav-secondary ul {
    overflow-y: auto;
    background-color: #444a7c; }
    .mc-nav-secondary ul li i {
      float: left;
      padding-right: 10px;
      line-height: 28px; }
    .mc-nav-secondary ul li span {
      text-transform: uppercase;
      float: left;
      line-height: 28px; }
    .mc-nav-secondary ul li li:hover {
      color: #969edb; }
  @media only screen and (max-width: 640px) {
    .mc-nav-secondary {
      height: 100%; }
      .mc-nav-secondary ul {
        height: 100%;
        width: 100%; }
        .mc-nav-secondary ul li {
          width: 100%;
          border-bottom: 1px solid rgba(0, 0, 0, 0.2); } }

.mc-nav-button {
  display: block;
  position: relative;
  height: 60px;
  line-height: 60px;
  padding: 0 15px 0 10px;
  user-select: none; }

/*#Dropdown

The Standard Dropdown Box for our Application

    <div mc-dropdown>
        <ul>
            <li>
                ...
            </li>
        </ul>
    </div>

 */
.mc-dropdown,
.mc-dropdown-right {
  position: absolute;
  top: 0;
  z-index: 4;
  padding-top: 2px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #fcfcfc;
  color: #858585;
  box-shadow: 0 1px 2px 0 rgba(43, 59, 93, 0.29), 0 0 13px rgba(43, 59, 93, 0.29); }
  .mc-dropdown li,
  .mc-dropdown-right li {
    position: relative;
    float: none;
    min-width: 200px;
    min-height: 44px;
    max-height: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden;
    line-height: 24px;
    cursor: pointer;
    white-space: nowrap; }
    .mc-dropdown li i:hover,
    .mc-dropdown-right li i:hover {
      color: #363636; }
    .mc-dropdown li .mc-pull-right,
    .mc-dropdown-right li .mc-pull-right {
      padding-right: 12px;
      float: none; }
    .mc-dropdown li span,
    .mc-dropdown-right li span {
      padding: 0 12px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .mc-dropdown li:hover, .mc-dropdown li.mc-is-active,
    .mc-dropdown-right li:hover,
    .mc-dropdown-right li.mc-is-active {
      color: #363636;
      background-color: #f5f5f5; }
    .mc-dropdown li:hover a,
    .mc-dropdown li.mc-is-active a,
    .mc-dropdown-right li:hover a,
    .mc-dropdown-right li.mc-is-active a {
      color: #363636; }
      .mc-dropdown li:hover a i,
      .mc-dropdown li.mc-is-active a i,
      .mc-dropdown-right li:hover a i,
      .mc-dropdown-right li.mc-is-active a i {
        color: #363636; }
    .mc-dropdown li a,
    .mc-dropdown-right li a {
      color: #858585; }
      .mc-dropdown li a:hover,
      .mc-dropdown-right li a:hover {
        color: #363636; }
      .mc-dropdown li a i,
      .mc-dropdown-right li a i {
        color: #858585; }
        .mc-dropdown li a i:hover,
        .mc-dropdown-right li a i:hover {
          color: #363636; }
  .mc-dropdown li:last-child,
  .mc-dropdown-right li:last-child {
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }
  .mc-dropdown .mc-icon,
  .mc-dropdown-right .mc-icon {
    padding-left: 12px;
    line-height: 24px; }
  .mc-dropdown .mc-language-flag,
  .mc-dropdown-right .mc-language-flag {
    float: left;
    margin: 6px 0 6px 16px; }

.mc-dropdown-caret {
  position: absolute;
  right: 15px;
  top: -8px;
  z-index: 5; }
  .mc-dropdown-caret:before {
    content: '▲';
    display: block;
    font-size: 12px;
    color: white;
    -webkit-transform: scaleX(1.5);
    -moz-transform: scaleX(1.5);
    -ms-transform: scaleX(1.5);
    -o-transform: scaleX(1.5);
    transform: scaleX(1.5);
    right: 5px;
    position: absolute;
    text-shadow: rgba(0, 0, 0, 0.1) 0px -2px 4px; }

.mc-dropdown {
  right: 0; }

.mc-dropdown-right {
  left: -36px; }

.mc-dropdown-extended {
  box-shadow: 0 1px 2px 0 rgba(43, 59, 93, 0.29), 0 0 13px rgba(43, 59, 93, 0.29); }

.mc-drag-helper {
  display: block;
  background: #ffffff;
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.1);
  color: #c4c4c4;
  padding: 15px;
  border-radius: 2px; }
  .mc-drag-helper .mc-drag-helper-label {
    display: inline-block;
    padding: 2px; }
  .mc-drag-helper i {
    display: inline-block;
    padding-right: 10px; }

.mc-drag-element {
  cursor: url("data:image/vnd.microsoft.icon;base64,AAACAAEAICACAAcABQAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAAAEAAAAAAAAAAAAAAgAAAAAAAAAAAAAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD8AAAA/AAAAfwAAAP+AAAH/gAAB/8AAA//AAAd/wAAGf+AAAH9gAADbYAAA2yAAAZsAAAGbAAAAGAAAAAAAAA//////////////////////////////////////////////////////////////////////////////////////gH///4B///8Af//+AD///AA///wAH//4AB//8AAf//AAD//5AA///gAP//4AD//8AF///AB///5A////5///8="), all-scroll;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: -webkit-grab;
  cursor: grab; }
  .mc-drag-element.mc-dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing; }
    .mc-drag-element.mc-dragging .mc-handler {
      cursor: -webkit-grabbing;
      cursor: grabbing; }

.ui-sortable-handle {
  cursor: url("data:image/vnd.microsoft.icon;base64,AAACAAEAICACAAcABQAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAAAEAAAAAAAAAAAAAAgAAAAAAAAAAAAAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD8AAAA/AAAAfwAAAP+AAAH/gAAB/8AAA//AAAd/wAAGf+AAAH9gAADbYAAA2yAAAZsAAAGbAAAAGAAAAAAAAA//////////////////////////////////////////////////////////////////////////////////////gH///4B///8Af//+AD///AA///wAH//4AB//8AAf//AAD//5AA///gAP//4AD//8AF///AB///5A////5///8="), all-scroll;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: -webkit-grab;
  cursor: grab; }

.ui-sortable-helper {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

/*
This status is needed to give an element the active status.
 */
.mc-active .mc-active-content {
  display: none; }
  .mc-active .mc-active-content.active {
    display: block; }

.mc-active .mc-tab-bridge {
  z-index: 2;
  height: 22px;
  position: absolute;
  width: 100%;
  top: -21px; }

.mc-toggle-switch {
  max-height: 0;
  max-width: 0;
  display: none; }
  .mc-toggle-switch:disabled + .mc-toggle-label {
    background: rgba(120, 120, 128, 0.16) !important;
    cursor: unset !important; }
  .mc-toggle-switch + .mc-toggle-label {
    display: inline-block;
    position: relative;
    background: #cecece;
    text-indent: -5000px;
    height: 22px;
    width: 32px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    cursor: pointer; }
    .mc-toggle-switch + .mc-toggle-label.mc-toggle-label--with-red {
      background: #d0021b; }
    .mc-toggle-switch + .mc-toggle-label.mc-toggle-label--with-grey {
      background: #d2d2d2; }
    .mc-toggle-switch + .mc-toggle-label:before {
      content: '';
      position: absolute;
      display: block;
      height: 22px;
      width: 18px;
      top: 0;
      left: 0;
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
      border-radius: 15px;
      background: rgba(0, 193, 17, 0);
      -webkit-transition: 0.25s ease-in-out;
      -moz-transition: 0.25s ease-in-out;
      transition: 0.25s ease-in-out; }
    .mc-toggle-switch + .mc-toggle-label:after {
      content: '';
      position: absolute;
      display: block;
      height: 18px;
      width: 18px;
      top: 2px;
      left: 2px;
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
      border-radius: 15px;
      background: white;
      -webkit-transition: 0.25s ease-in-out;
      -moz-transition: 0.25s ease-in-out;
      transition: 0.25s ease-in-out; }
  .mc-toggle-switch:disabled + .mc-toggle-label.mc-toggle-label--with-red {
    background: rgba(208, 2, 27, 0.1); }
  .mc-toggle-switch:checked + .mc-toggle-label:before {
    width: 32px;
    background: #13bf11; }
  .mc-toggle-switch:checked + .mc-toggle-label:after {
    left: 12px; }
  .mc-toggle-switch:disabled + .mc-toggle-label:before {
    background: rgba(19, 191, 17, 0.1); }

.mc-dashboard__main {
  background-color: #f7f7f7;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column; }

.mc-dashboard__header {
  height: 120px;
  padding: 0 50px;
  background-color: #ffffff;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center; }

.mc-dashboard__header-infos {
  margin-left: 20px; }
  .mc-dashboard__header-infos h1 {
    font-size: 20px;
    font-weight: 400;
    color: #292929;
    margin-bottom: 5px; }
  .mc-dashboard__header-infos h2 {
    font-size: 12px;
    font-weight: 400;
    color: #666666; }

.mc-dashboard__body {
  -webkit-flex-shrink: 1;
  -moz-flex-shrink: 1;
  flex-shrink: 1;
  -ms-flex-negative: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  overflow-y: scroll;
  overflow-x: hidden; }

.mc-dropped-animate {
  -webkit-animation: dropped 300ms ease-in-out;
  -moz-animation: dropped 300ms ease-in-out;
  animation: dropped 300ms ease-in-out; }

.mc-dashboard {
  height: 100%;
  width: 100%; }

.mc-dashboard-desktop {
  height: 100%;
  width: 100%; }

.mc-dashboard__header-one-third {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-basis: 33.33%;
  -moz-flex-basis: 33.33%;
  flex-basis: 33.33%;
  -ms-flex-preferred-size: 33.33%;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0; }
  .mc-dashboard__header-one-third.mc-industry-branch-switcher {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end;
    margin-right: 15px; }

.mc-detailview-aside .mc-dashboard-desktop {
  overflow-y: scroll;
  overflow-x: hidden;
  position: absolute; }

.mc-dashboard__header-button-group {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center; }
  .mc-dashboard__header-button-group .button {
    min-width: 175px;
    max-width: 250px;
    height: 40px;
    font-size: 14px;
    font-weight: normal;
    border-radius: 4px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14);
    background-color: #ffffff;
    border: 0;
    margin: 0;
    color: #666666;
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center; }
    .mc-dashboard__header-button-group .button:first-of-type {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
    .mc-dashboard__header-button-group .button:last-of-type {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }
    .mc-dashboard__header-button-group .button.is-active {
      background-color: #6070f6;
      color: white; }
    .mc-dashboard__header-button-group .button .mc-icon {
      margin-right: 10px; }

@keyframes dropped {
  0% {
    -ms-transform: scale(0.99);
    -webkit-transform: scale(0.99);
    transform: scale(0.99); }
  50% {
    -ms-transform: scale(1.01);
    -webkit-transform: scale(1.01);
    transform: scale(1.01); }
  100% {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes dropped {
  0% {
    -ms-transform: scale(0.99);
    -webkit-transform: scale(0.99);
    transform: scale(0.99); }
  50% {
    -ms-transform: scale(1.01);
    -webkit-transform: scale(1.01);
    transform: scale(1.01); }
  100% {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); } }

/*#Tabs

The Multitaskingbar with the Tablist and the single tabs

    <li class="mc-tab">
       <a>
            <div class="mc-active-bar"></div>
            <i class="mc-tab-icon mc-icon-lg">&nbsp;</i>
            <span class="description">
                <span>...</span>
                <span>...</span>
            </span>

            <span class="description">...</span>

            <div class="close">&nbsp;
                <div>
                    <i class="mc-icon-close mc-icon-lg"></i>
                </div>
            </div>

            <div class="mc-tab-screenshot-container">
                <div class="mc-tab-screenshot"></div>
            </div>
        </a>
    </li>

 */
@media only screen and (max-width: 769px) {
  .mc-tab-screenshot-container {
    display: none !important; } }

.mc-tab-screenshot {
  width: 300px;
  height: 200px;
  overflow: hidden;
  background-color: #f4f4f4;
  border: 1px solid #f4f4f4;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px; }
  .mc-tab-screenshot canvas {
    max-width: 100%;
    height: auto; }

.multitaskingbar {
  position: fixed;
  bottom: 0;
  background-color: black;
  width: 100%;
  height: 60px;
  z-index: 500; }
  @media only screen and (max-width: 769px) {
    .multitaskingbar {
      bottom: -60px;
      height: 120px;
      background-color: #f4f4f4; } }
  .multitaskingbar.mc-active .mc-multitasking-bar.mc-active-content {
    display: block; }

.multitaskingbar-bug-fix-lumia {
  position: fixed;
  display: block; }

.mc-multitasking-bar {
  position: relative;
  padding-right: 60px;
  height: 60px;
  display: block;
  width: 100%;
  background-color: #0a1e43;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .mc-multitasking-bar .mc-icon-biglg {
    position: relative;
    top: 18px; }
  .mc-multitasking-bar.mc-active-content {
    display: block;
    -webkit-transition: height 500ms ease;
    -moz-transition: height 500ms ease;
    transition: height 500ms ease; }
  @media only screen and (max-width: 769px) {
    .mc-multitasking-bar {
      padding-right: 0;
      z-index: 500;
      bottom: -60px;
      height: 120px; }
      .mc-multitasking-bar.mc-active-content {
        display: block;
        position: fixed; }
        .mc-multitasking-bar.mc-active-content.active {
          border-top: 1px solid #ffffff;
          overflow: hidden;
          bottom: -60px;
          height: 100%; }
      .mc-multitasking-bar .mc-tab-list li:nth-child(odd) .mc-tab {
        background-color: #f4f4f4;
        color: #858585; }
        .mc-multitasking-bar .mc-tab-list li:nth-child(odd) .mc-tab .counter {
          background-color: #858585;
          color: #f4f4f4; }
        .mc-multitasking-bar .mc-tab-list li:nth-child(odd) .mc-tab.mc-is-completed {
          color: #bfbfbf; }
      .mc-multitasking-bar .mc-tab-list li:nth-child(odd):hover .mc-tab {
        background: #ececec; }
        .mc-multitasking-bar .mc-tab-list li:nth-child(odd):hover .mc-tab .close .mc-button:hover {
          background-color: rgba(0, 0, 0, 0.3); }
          .mc-multitasking-bar .mc-tab-list li:nth-child(odd):hover .mc-tab .close .mc-button:hover i {
            color: #fcfcfc; }
      .mc-multitasking-bar .mc-tab-list li:nth-child(even) .mc-tab {
        background-color: #e9e9e9;
        color: #858585; }
        .mc-multitasking-bar .mc-tab-list li:nth-child(even) .mc-tab .counter {
          background-color: #858585;
          color: #f4f4f4; }
        .mc-multitasking-bar .mc-tab-list li:nth-child(even) .mc-tab.mc-is-completed {
          color: #bfbfbf; }
      .mc-multitasking-bar .mc-tab-list li:nth-child(even):hover .mc-tab {
        background: #e1e1e1; }
        .mc-multitasking-bar .mc-tab-list li:nth-child(even):hover .mc-tab .close .mc-button:hover {
          background-color: rgba(0, 0, 0, 0.3); }
          .mc-multitasking-bar .mc-tab-list li:nth-child(even):hover .mc-tab .close .mc-button:hover i {
            color: #fcfcfc; } }
  .mc-multitasking-bar .showMultitaskingBar {
    color: #969edb;
    background-color: #0a1e43; }
    .mc-multitasking-bar .showMultitaskingBar:active, .mc-multitasking-bar .showMultitaskingBar:hover {
      background-color: #132c5b;
      color: #969edb; }
  .mc-multitasking-bar .showMultitaskingBar[data-counter]:after {
    color: #0a1e43; }
    .mc-multitasking-bar .showMultitaskingBar[data-counter]:after:active {
      color: #132c5b; }
    .mc-multitasking-bar .showMultitaskingBar[data-counter]:after:hover {
      color: #132c5b; }
  .mc-multitasking-bar .showMultitaskingBar.counter {
    color: #0a1e43; }
    .mc-multitasking-bar .showMultitaskingBar.counter:active {
      color: #132c5b; }
    .mc-multitasking-bar .showMultitaskingBar.counter:hover {
      color: #132c5b; }

.mc-tab-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  bottom: 0;
  background-color: #0a1e43;
  width: 100%;
  height: 60px;
  z-index: 500;
  -webkit-transition: height 500ms ease;
  -moz-transition: height 500ms ease;
  transition: height 500ms ease;
  /* small tabs */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .mc-tab-list.mc-active-content {
    display: block; }
  @media only screen and (max-width: 769px) {
    .mc-tab-list {
      position: fixed;
      bottom: -120px;
      height: 0px;
      padding-bottom: 0;
      background-color: #f4f4f4; }
      .mc-tab-list.mc-active-content.active {
        border-top: 1px solid #ffffff;
        position: fixed;
        overflow-x: hidden;
        overflow-y: auto;
        bottom: -120px;
        height: 100%; }
        .mc-tab-list.mc-active-content.active .mc-popup-content.mc-active-content {
          display: none;
          -webkit-transition: margin-left 500ms ease;
          -moz-transition: margin-left 500ms ease;
          transition: margin-left 500ms ease;
          margin-left: 100%;
          left: 0 !important;
          position: fixed;
          height: 100%;
          top: auto;
          bottom: -120px;
          width: 100%; }
          .mc-tab-list.mc-active-content.active .mc-popup-content.mc-active-content.active {
            margin-left: 0;
            z-index: 5; }
      .mc-tab-list li:last-child {
        margin-bottom: 120px; } }
  .mc-tab-list.mc-small-tabs .mc-tab {
    text-align: center; }
    .mc-tab-list.mc-small-tabs .mc-tab .counter {
      display: none; }
    .mc-tab-list.mc-small-tabs .mc-tab .description,
    .mc-tab-list.mc-small-tabs .mc-tab .close {
      display: none; }
    .mc-tab-list.mc-small-tabs .mc-tab.active-tab .mc-tab-icon {
      display: none; }
    .mc-tab-list.mc-small-tabs .mc-tab.active-tab .close {
      position: relative;
      float: none;
      right: auto;
      margin: 0 auto;
      display: block;
      text-align: center; }
      .mc-tab-list.mc-small-tabs .mc-tab.active-tab .close .mc-tab-icon {
        display: block;
        text-align: center; }
    .mc-tab-list.mc-small-tabs .mc-tab .mc-tab-icon {
      margin: 0 auto;
      float: none; }

.mc-tab {
  max-width: 200px;
  width: 20%;
  float: left;
  position: relative;
  height: 100%;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  cursor: pointer;
  display: block;
  color: #969edb;
  background-color: #0a1e43; }
  .mc-tab.mc-is-completed {
    -webkit-animation-name: noticeMe;
    -moz-animation-name: noticeMe;
    animation-name: noticeMe;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-duration: 650ms;
    -moz-animation-duration: 650ms;
    animation-duration: 650ms;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 6;
    -moz-animation-iteration-count: 6;
    animation-iteration-count: 6;
    color: rgba(255, 255, 255, 0.4); }
    .mc-tab.mc-is-completed:hover {
      color: rgba(255, 255, 255, 0.4); }
  .mc-tab span.description {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 35px; }
  .mc-tab a {
    display: block; }
  .mc-tab[data-counter]:after {
    background-color: #969edb;
    color: #0a1e43; }
  .mc-tab .counter {
    background-color: #969edb;
    color: #0a1e43; }
  .mc-tab .close {
    z-index: 11; }
    .mc-tab .close .mc-tab {
      background-color: transparent; }
    .mc-tab .close .mc-button-icon {
      background-color: transparent; }
      .mc-tab .close .mc-button-icon:hover {
        background-color: rgba(0, 0, 0, 0.3); }
  .mc-tab:hover {
    background-color: #132c5b; }
    .mc-tab:hover [data-counter]:after {
      background-color: #969edb; }
    .mc-tab:hover .counter {
      background-color: #969edb; }
    .mc-tab:hover .mc-notify-bar-icon.mc-notify-bar-icon-locked {
      background-color: #132c5b; }
  .mc-tab:active, .mc-tab.active-tab {
    background-color: #122f66;
    color: #969edb; }
    .mc-tab:active [data-counter]:after, .mc-tab.active-tab [data-counter]:after {
      background-color: #969edb;
      color: #122f66; }
    .mc-tab:active .counter, .mc-tab.active-tab .counter {
      background-color: #969edb;
      color: #122f66; }
  .mc-tab progress {
    background: transparent; }
  .mc-tab progress[value]::-webkit-progress-bar {
    background-color: transparent; }
  .mc-tab progress[value]::-webkit-progress-value {
    background-color: #08ac4a; }
  .mc-tab progress[value]::-moz-progress-bar {
    background-color: #08ac4a;
    background-size: 35px 20px, 100% 100%, 100% 100%; }
  .mc-tab.active-tab .mc-active-bar {
    background-color: #6070f6; }
  .mc-tab .mc-notify-bar {
    color: #f0f0f0; }
  .mc-tab .mc-notify-bar-alert,
  .mc-tab .mc-notify-bar-icon-alert {
    background-color: #ea9d31; }
  .mc-tab .mc-notify-bar-error,
  .mc-tab .mc-notify-bar-icon-error {
    background-color: #e52e2e; }
  .mc-tab progress[value] {
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0; }
  .mc-tab .mc-active-bar {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    height: 6px;
    width: 100%;
    position: absolute;
    top: -6px;
    left: 0; }
  .mc-tab .mc-notify-bar {
    width: 100%;
    height: 3px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; }
    .mc-tab .mc-notify-bar .mc-notify-bar-icon {
      width: 16px;
      height: 16px;
      position: relative;
      top: -6px;
      margin: 0 auto;
      z-index: 2;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      text-align: center; }
      .mc-tab .mc-notify-bar .mc-notify-bar-icon .mc-icon {
        line-height: 16px;
        position: relative;
        margin: 0 auto; }
  .mc-tab .mc-notify-bar-locked {
    background-color: transparent; }
  .mc-tab .mc-notify-bar-icon.mc-notify-bar-icon-locked {
    background-color: #0a1e43;
    color: #98a0de;
    width: 24px;
    height: 24px; }
    .mc-tab .mc-notify-bar-icon.mc-notify-bar-icon-locked .mc-icon {
      line-height: 22px; }
  .mc-tab .mc-tab-icon {
    float: left;
    line-height: 60px; }
  .mc-tab .afterGroup {
    margin-left: 40px; }
    @media only screen and (max-width: 769px) {
      .mc-tab .afterGroup {
        margin-left: 0; } }
  .mc-tab .counter {
    padding: 6px 8px;
    position: absolute;
    left: 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    font-size: 11px;
    font-weight: 800;
    top: 19px; }
    @media only screen and (max-width: 769px) {
      .mc-tab .counter {
        padding: 1px 5px 3px 6px;
        top: 14px;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border-radius: 100px;
        bottom: auto; } }
  @media only screen and (max-width: 769px) {
    .mc-tab {
      /*top: 60px;*/
      max-width: 100%;
      width: 100% !important;
      float: none;
      border: none;
      padding-left: 26px; }
      .mc-tab[data-counter]:after {
        left: 25px; }
      .mc-tab .counter {
        left: 25px; }
      .mc-tab .mc-active-bar {
        height: 100%;
        width: 6px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        position: absolute;
        top: 0;
        left: 0; }
      .mc-tab .mc-notify-bar {
        width: 3px;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1; }
        .mc-tab .mc-notify-bar .mc-notify-bar-icon {
          width: 16px;
          height: 16px;
          position: relative;
          left: 0;
          top: 21px;
          z-index: 2;
          -webkit-border-radius: 0;
          -moz-border-radius: 0;
          border-radius: 0;
          border-bottom-right-radius: 50%;
          border-top-right-radius: 50%; }
          .mc-tab .mc-notify-bar .mc-notify-bar-icon .mc-icon {
            position: relative;
            right: 2px;
            margin: auto 0; } }

.mc-tab i {
  margin: 0 5px; }

.mc-tab i.mc-tab-icon {
  /*display: inline-block;*/
  margin: 0 10px; }
  @media only screen and (max-width: 769px) {
    .mc-tab i.mc-tab-icon {
      margin: 0 10px 0 0; } }

.mc-tab .description {
  /*display: inline-block;*/
  /*float:left;*/
  display: block;
  line-height: 60px; }

.mc-tab .close {
  position: absolute;
  top: 0;
  right: 0px;
  height: 60px;
  line-height: 20px;
  padding-right: 8px; }
  .mc-tab .close .mc-button {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 0; }
    .mc-tab .close .mc-button .mc-icon {
      margin: 10px; }
      @media only screen and (max-width: 769px) {
        .mc-tab .close .mc-button .mc-icon {
          right: -6px; } }

.mc-tab .arrow {
  position: absolute;
  top: 0;
  right: 0px;
  height: 60px;
  width: 35px;
  line-height: 21px; }
  .mc-tab .arrow div {
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    /*left: 12px;*/
    margin: 0 auto; }
    .mc-tab .arrow div i {
      position: relative;
      bottom: 2px;
      right: 12px; }

.mc-tab .mc-icon-close {
  margin-right: 5px; }

/* add-to-tab */
.addtab {
  position: absolute;
  right: 5px;
  top: 5px;
  height: 50px;
  width: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  padding: 0 14px;
  cursor: pointer;
  text-align: center;
  color: #fff;
  background-color: #444a7c; }
  .addtab .mc-icon {
    line-height: 50px; }
  .addtab:hover {
    background-color: #132c5b; }
  @media only screen and (max-width: 769px) {
    .addtab {
      top: 0;
      right: 0;
      width: 50%;
      -webkit-border-radius: 0%;
      -moz-border-radius: 0%;
      border-radius: 0%;
      height: 60px;
      z-index: 501;
      background-color: transparent; }
      .addtab .mc-icon {
        line-height: 60px; } }

.showMultitaskingBar {
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 60px;
  cursor: pointer;
  text-align: center;
  z-index: 501; }
  .showMultitaskingBar .mc-icon {
    line-height: 60px; }
  .showMultitaskingBar[data-counter]:after {
    content: attr(data-counter);
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    float: none;
    text-align: center;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    font-size: 10px;
    font-weight: 800;
    display: block;
    padding: 6px 0 0 8px; }
  .showMultitaskingBar .counter {
    position: relative;
    right: 22px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    font-size: 16px;
    font-weight: 800;
    bottom: 9px; }

/* small tabs */
.mc-tab-list.small-tabs .mc-tab {
  text-align: center; }
  .mc-tab-list.small-tabs .mc-tab .close .mc-button {
    left: 8px; }

.mc-tab-list.small-tabs .mc-tab .description,
.mc-tab-list.small-tabs .mc-tab .close,
.mc-tab-list.small-tabs .mc-tab.active-tab i {
  display: none; }

.mc-tab-list.small-tabs .mc-tab.active-tab .close,
.mc-tab-list.small-tabs .mc-tab.active-tab .close i {
  display: block;
  text-align: center;
  line-height: 20px;
  position: relative;
  right: 2px;
  top: 0; }

.mc-tab-list.small-tabs .mc-tab.active-tab .close {
  position: relative;
  right: auto;
  margin: 0 auto; }

.mc-tab-list.small-tabs .mc-tab i {
  margin: 0 auto;
  float: none; }

@-webkit-keyframes noticeMe {
  from {
    background-color: inherit; }
  to {
    background-color: #277158; } }

@-moz-keyframes noticeMe {
  from {
    background-color: inherit; }
  to {
    background-color: #277158; } }

@keyframes noticeMe {
  from {
    background-color: inherit; }
  to {
    background-color: #277158; } }

.mc-widget {
  position: relative;
  height: 100%;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  box-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -o-align-items: stretch;
  align-items: stretch;
  -ms-flex-align: stretch;
  background-color: #ffffff; }

.mc-widget-header {
  position: relative;
  z-index: 2;
  line-height: 45px;
  text-align: center;
  color: #858585;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  box-ordinal-group: 1;
  -webkit-order: 1;
  -moz-order: 1;
  order: 1;
  -ms-flex-order: 1;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
  -webkit-flex-basis: auto;
  -moz-flex-basis: auto;
  flex-basis: auto;
  -ms-flex-preferred-size: auto;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  box-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -o-align-items: stretch;
  align-items: stretch;
  -ms-flex-align: stretch;
  min-height: 45px;
  background-color: white;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
  box-shadow: 0px 2px 0px 0px rgba(43, 59, 93, 0.04); }

.mc-widget-header-btn {
  height: 45px;
  width: 45px; }
  .mc-widget-header-btn .mc-icon {
    height: 45px;
    width: 45px;
    line-height: 45px;
    -webkit-transition: color 0.25s ease;
    -moz-transition: color 0.25s ease;
    transition: color 0.25s ease; }
  .mc-widget-header-btn:hover .mc-icon {
    color: #525252; }

.mc-widget-config-switch {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  box-ordinal-group: 1;
  -webkit-order: 1;
  -moz-order: 1;
  order: 1;
  -ms-flex-order: 1;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
  -webkit-flex-basis: auto;
  -moz-flex-basis: auto;
  flex-basis: auto;
  -ms-flex-preferred-size: auto; }

.mc-widget-label {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  box-ordinal-group: 2;
  -webkit-order: 2;
  -moz-order: 2;
  order: 2;
  -ms-flex-order: 2;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  -webkit-flex-shrink: 1;
  -moz-flex-shrink: 1;
  flex-shrink: 1;
  -ms-flex-negative: 1;
  -webkit-flex-basis: auto;
  -moz-flex-basis: auto;
  flex-basis: auto;
  -ms-flex-preferred-size: auto;
  height: 45px;
  color: #525252;
  font-size: 12px;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.mc-widget-remove {
  -webkit-box-ordinal-group: 3;
  -moz-box-ordinal-group: 3;
  box-ordinal-group: 3;
  -webkit-order: 3;
  -moz-order: 3;
  order: 3;
  -ms-flex-order: 3;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
  -webkit-flex-basis: auto;
  -moz-flex-basis: auto;
  flex-basis: auto;
  -ms-flex-preferred-size: auto; }

.mc-widget-search {
  position: relative;
  -webkit-box-ordinal-group: 4;
  -moz-box-ordinal-group: 4;
  box-ordinal-group: 4;
  -webkit-order: 4;
  -moz-order: 4;
  order: 4;
  -ms-flex-order: 4;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
  -webkit-flex-basis: auto;
  -moz-flex-basis: auto;
  flex-basis: auto;
  -ms-flex-preferred-size: auto;
  width: 100%;
  height: 45px; }
  .mc-widget-search .mc-input-widget-search {
    border-left: 0;
    border-right: 0; }
  .mc-widget-search .mc-icon {
    position: absolute;
    height: 45px;
    width: 45px;
    line-height: 45px;
    top: 0;
    right: 2px; }

.mc-widget-main {
  height: 100%; }

.mc-widget-main,
.mc-widget-main-empty,
.mc-widget-main-busy,
.mc-widget-config {
  position: relative;
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  box-ordinal-group: 2;
  -webkit-order: 2;
  -moz-order: 2;
  order: 2;
  -ms-flex-order: 2;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  -webkit-flex-shrink: 1;
  -moz-flex-shrink: 1;
  flex-shrink: 1;
  -ms-flex-negative: 1;
  -webkit-flex-basis: auto;
  -moz-flex-basis: auto;
  flex-basis: auto;
  -ms-flex-preferred-size: auto;
  overflow-y: auto; }

.mc-widget-main-body {
  overflow-y: auto; }

.mc-widget-config .mc-select-status {
  height: 30px;
  width: 7px;
  position: absolute;
  left: 6px;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px; }

.mc-widget-config .mc-config-header {
  width: 100%;
  height: 60px;
  padding: 10px 5px;
  background-color: #ddd; }

.mc-widget-config .mc-config-main {
  width: 100%;
  padding: 10px 10px;
  padding-bottom: 260px; }
  .mc-widget-config .mc-config-main .mc-config-section {
    width: 100%;
    padding-left: 2px; }
  .mc-widget-config .mc-config-main .mc-checkbox-section {
    width: 100%;
    height: 30px; }
    .mc-widget-config .mc-config-main .mc-checkbox-section .mc-checkbox-wrapper {
      position: absolute;
      left: 10px; }
    .mc-widget-config .mc-config-main .mc-checkbox-section .mc-label-wrapper {
      overflow: hidden;
      white-space: nowrap;
      position: absolute;
      line-height: 15px;
      font-size: 11px;
      font-family: 'Open Sans', sans-serif;
      left: 33px;
      color: #bbb; }
  .mc-widget-config .mc-config-main .mc-config-divider {
    width: 100%;
    height: 1px;
    margin: 15px 0;
    background-color: #ddd; }

.mc-widget-config .mc-config-select {
  border-color: #bbb;
  color: #bbb;
  background-color: white; }

.widget-scroll {
  overflow-y: scroll; }

.mc-widget-drag-item {
  padding: 0;
  color: #858585;
  background-color: #ffffff;
  cursor: url("data:image/vnd.microsoft.icon;base64,AAACAAEAICACAAcABQAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAAAEAAAAAAAAAAAAAAgAAAAAAAAAAAAAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD8AAAA/AAAAfwAAAP+AAAH/gAAB/8AAA//AAAd/wAAGf+AAAH9gAADbYAAA2yAAAZsAAAGbAAAAGAAAAAAAAA//////////////////////////////////////////////////////////////////////////////////////gH///4B///8Af//+AD///AA///wAH//4AB//8AAf//AAD//5AA///gAP//4AD//8AF///AB///5A////5///8="), all-scroll;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: -webkit-grab;
  cursor: grab;
  margin-bottom: 5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .mc-widget-drag-item .mc-handler {
    cursor: url("data:image/vnd.microsoft.icon;base64,AAACAAEAICACAAcABQAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAAAEAAAAAAAAAAAAAAgAAAAAAAAAAAAAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD8AAAA/AAAAfwAAAP+AAAH/gAAB/8AAA//AAAd/wAAGf+AAAH9gAADbYAAA2yAAAZsAAAGbAAAAGAAAAAAAAA//////////////////////////////////////////////////////////////////////////////////////gH///4B///8Af//+AD///AA///wAH//4AB//8AAf//AAD//5AA///gAP//4AD//8AF///AB///5A////5///8="), all-scroll;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: -webkit-grab;
    cursor: grab; }
  .mc-widget-drag-item .mc-action-item-icon {
    width: auto;
    padding: 0 10px; }
    .mc-widget-drag-item .mc-action-item-icon .mc-icon {
      line-height: 45px; }
  .mc-widget-drag-item .mc-action-item-message {
    line-height: 45px;
    overflow: hidden;
    text-overflow: ellipsis; }
  .mc-widget-drag-item .mc-action-item-actions {
    min-width: auto;
    max-width: auto;
    color: #d6d6d6;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    flex-shrink: 0;
    -ms-flex-negative: 0;
    margin: 0;
    padding: 0 10px; }

.mc-gridview .mc-widget-drag-list {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify; }

.mc-gridview .mc-widget-drag-item {
  width: 30%;
  margin-bottom: 10px;
  text-align: center; }

.mc-gridview .mc-action-item-icon {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  margin-right: 0; }

.mc-gridview .mc-action-item-text {
  display: none; }

.mc-liststyle-toggle {
  position: absolute;
  margin-right: 8px;
  margin-top: 12px;
  top: 0;
  right: 0;
  z-index: 2;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15); }
  .mc-liststyle-toggle.mc-liststyle-toggle-grid {
    right: 10px; }
  .mc-liststyle-toggle .mc-btn {
    border-radius: 0;
    float: left;
    height: 28px;
    width: 28px;
    background-color: #fcfcfc;
    color: #8f8f8f;
    border-radius: 2px;
    padding: 0; }

.mc-widget-add-item {
  background-color: #00c845;
  color: #ffffff; }
  .mc-widget-add-item .mc-action-item-message {
    color: inherit; }
  .mc-widget-add-item .mc-action-item-actions {
    color: inherit; }

.mc-widget-main-body {
  width: 100%;
  padding: 6px 8px;
  padding-bottom: 10px; }

.mc-header-collapsable {
  padding: 15px 0;
  font-size: 12px;
  display: inline-block; }
  .mc-header-collapsable span {
    margin-right: 5px; }
  .mc-header-collapsable .mc-icon {
    cursor: pointer;
    color: #c4c4c4;
    position: relative;
    top: -2px; }

/*
Style of a Image in the Widget

    
    <div class="mc-widget-main">
        <img class="mc-widget-picture" />
    </div>
 */
img.mc-widget-picture {
  width: 100%;
  max-width: 100% !important;
  height: auto;
  display: block;
  pointer-events: none; }

.mc-navigation-widget {
  background-color: #ffffff;
  -webkit-transition: background-color 0.15s ease;
  -moz-transition: background-color 0.15s ease;
  transition: background-color 0.15s ease; }
  .mc-navigation-widget .mc-widget-main {
    padding: 10px;
    overflow: hidden; }
    .mc-navigation-widget .mc-widget-main .mc-icon,
    .mc-navigation-widget .mc-widget-main .mc-widget-navigation-title {
      color: #0a1e43;
      -webkit-transition: color 0.15s ease;
      -moz-transition: color 0.15s ease;
      transition: color 0.15s ease; }
    .mc-navigation-widget .mc-widget-main .mc-icon {
      font-size: 0.8vw; }
    @media only screen and (max-width: 1300px) {
      .mc-navigation-widget .mc-widget-main .mc-icon {
        font-size: 1.5vw; } }
    @media only screen and (max-width: 970px) {
      .mc-navigation-widget .mc-widget-main .mc-icon {
        font-size: 2.5vw; } }
    @media only screen and (max-width: 769px) {
      .mc-navigation-widget .mc-widget-main .mc-icon {
        font-size: 4vw; } }
    @media only screen and (max-width: 640px) {
      .mc-navigation-widget .mc-widget-main .mc-icon {
        font-size: 5.5vw; } }
    .mc-navigation-widget .mc-widget-main .mc-widget-navigation-text {
      padding: 0 15px;
      display: inline-block;
      max-width: 100%;
      line-height: 1.6em;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      word-wrap: normal; }
  .mc-navigation-widget .mc-widget-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-decoration: none;
    text-align: center; }
  .mc-navigation-widget .mc-widget-link-wrap {
    position: absolute;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
  .mc-navigation-widget .mc-widget-navigation {
    margin-bottom: 15px; }
  .mc-navigation-widget:hover, .mc-navigation-widget:active {
    background-color: #0a1e43; }
    .mc-navigation-widget:hover .mc-widget-main .mc-icon,
    .mc-navigation-widget:hover .mc-widget-main .mc-widget-navigation-title, .mc-navigation-widget:active .mc-widget-main .mc-icon,
    .mc-navigation-widget:active .mc-widget-main .mc-widget-navigation-title {
      color: #969edb; }
  .mc-navigation-widget .mc-widget-config {
    background-color: #f4f4f4; }

/*.mc-navigation-widget {
    box-shadow: none;
    background-color: transparent;

    &.mc-widget {
        overflow: visible;
    }

    .mc-widget-main {
        overflow: visible;

        .mc-icon {
            color: $headerBg;
        }

        .mc-widget-navigation {
            background-color: $widgetBg;
            top: auto;
            left: auto;
            right: auto;
            position: relative;
        }

        .mc-widget-navigation-title {
            position: relative;
            bottom: auto;
            top: auto;
            margin-top: 10px;
            max-height: 60px;
            overflow: hidden;
        }

        .mc-widget-navigation-text {
            text-decoration: none;
        }
    }

    .mc-widget-navigation-title {
        display: block;
        color: $widgetBg;
    }

    .mc-navigation-widget-counter {
        display: block;
    }

    &:hover,
    &:active {
        .mc-widget-main {
            .mc-icon {
                color: $headerTypo-Hover;
            }

            .mc-widget-navigation {
                background-color: $headerBg;
            }
        }
    }
}*/
.mc-widget-list-item {
  position: relative;
  border-bottom: 1px solid #e1e1e1;
  background-color: #f4f4f4;
  padding-left: 8px; }
  .mc-widget-list-item.is-active {
    background-color: #f4f5ff;
    border-left: 3px solid #6472f3;
    padding-left: 5px; }
  .mc-widget-list-item:hover {
    background-color: #fcfcfc; }

.mc-widget-item-icon,
.mc-widget-item-desc,
.mc-widget-item-footer {
  display: table-cell;
  vertical-align: middle;
  padding-right: 4%; }

.mc-widget-item-icon {
  width: 20%;
  text-align: center; }

.mc-language-item-flag {
  font-size: 1.67rem; }

.mc-widget-item-desc {
  width: 60%; }

.mc-widget-table {
  font-size: 14px;
  font-weight: 300;
  display: table;
  width: 100%; }

.mc-widget-table__header {
  display: table-row;
  font-weight: 400;
  background-color: #f2f2f2; }

.mc-widget-table__row {
  display: table-row;
  border-color: transparent; }

.mc-widget-table__cell {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  padding: 20px;
  box-sizing: border-box;
  user-select: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.mc-widget-table_cell--money {
  text-align: right; }

.mc-widget-table_cell--boolean {
  text-align: center; }

.mc-widget-table_cell--image {
  width: 45px; }

.mc-widget-table_cell--min {
  width: 1%; }

/*#Popup

Popup which shows Information. In the Mondocloud it is Used for the Tabs where the Screenshot is included.

	<div class="mc-popup">
		...
	</div>

 */
.mc-popup {
  font-size: 12px;
  position: absolute;
  bottom: 20px;
  left: 0;
  z-index: 2;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  background-color: #f4f4f4;
  color: #858585;
  width: 310px;
  box-shadow: 0px 0.866px 3px 0px rgba(1, 2, 1, 0.15);
  /* TODO refactor
	li {
		float: none;
		width: 225px;
		height: 60px;
		padding: 20px 10px;
		line-height: 20px;
		position: relative;
		left: 0;
		top: 0;
		padding-left: 18px;

		@media only screen and (max-width: $Breakpoint-S) {
			width: 100%;
		}

		i {
			float: left;
			padding-right: 5px;
		}

		span {
			float: left;
			overflow: hidden;
			@include nowrap;
		}

		&.mc-popup-header {
			height: 38px;
			padding: 7px 2px;
			line-height: 26px;
			text-transform: uppercase;
			cursor: default;
			@include border-top-radius(2px);
		}

		&:nth-child(odd) {
			background-color: $popupMainBg-ListOdd;

			.mc-popup-close {
				background: linear-gradient(to right,  rgba(244,244,244,0) 0%,rgba(244,244,244,0.5) 15%,rgba(244,244,244,0.85) 30%,rgba(244,244,244,1) 100%);
			}

			&:hover {
				background: darken($popupMainBg-ListOdd, 3%);

				.mc-popup-close {
					background: linear-gradient(to right,  rgba(236,236,236,0) 0%,rgba(236,236,236,0.5) 15%,rgba(236,236,236,0.85) 30%,rgba(236,236,236,1) 100%);
				}
			}
		}

		&:nth-child(even) {
			background-color: $popupMainBg-ListEven;

			.mc-popup-close {
				background: linear-gradient(to right,  rgba(233,233,233,0) 0%,rgba(233,233,233,0.5) 15%,rgba(233,233,233,0.85) 30%,rgba(233,233,233,1) 100%);
			}

			&:hover {
				background: darken($popupMainBg-ListEven, 3%);

				.mc-popup-close {
					background: linear-gradient(to right,  rgba(225,225,225,0) 0%,rgba(225,225,225,0.5) 15%,rgba(225,225,225,0.85) 30%,rgba(225,225,225,1) 100%);
				}
			}
		}

		&:hover {
			color: $popupMainTypo;
		}

		&.mc-popup-header {
			background-color: $popupHeaderBg;
			color: $popupHeaderTypo;

			i:hover {
				color: $popupHeaderTypo;				
			}

			&:hover {
				background-color: $popupHeaderBg;
			}
		}

		.mc-popup-close {
			color: $popupMainTypo;

			div:hover {
				i {
					color: $popupHeaderBg;
				}
				background-color: $popupMainTypo;
			}
		}

		.mc-popup-bar {
			background-color: $footerTabBg-ActiveBar;
		}

		.mc-notify-bar {
			color: $footerTabTypo-AlertBar;
		}

		.mc-notify-bar-alert,
		.mc-notify-bar-icon-alert {
			background-color: $footerTabBg-AlertBar;
		}

		.mc-notify-bar-error,
		.mc-notify-bar-icon-error {
			background-color: $footerTabBg-ErrorBar;
		}

		progress {
			background: $loadingbarBg;;
		}

		progress[value]::-webkit-progress-bar {
			background-color: $loadingbarBg;
		}

		progress[value]::-webkit-progress-value {
			background-color: $loadingbarBg-Loading;
		}

		progress[value]::-moz-progress-bar {
			background-color:$loadingbarBg-Loading;
			background-size: 35px 20px, 100% 100%, 100% 100%; 	
		}
	}*/ }
  @media only screen and (max-width: 769px) {
    .mc-popup {
      left: 0 !important;
      height: 100%;
      width: 100%;
      bottom: 0px;
      overflow-y: auto; }
      .mc-popup .mc-popup-back i {
        margin-left: 3px; }
      .mc-popup .mc-popup-back span {
        line-height: 22px; } }
  .mc-popup .mc-popup-text {
    position: relative;
    left: 40px;
    bottom: 28px; }
    .mc-popup .mc-popup-text span {
      font-size: 10px;
      position: absolute;
      left: 0;
      top: 14px;
      color: #afafaf; }
    .mc-popup .mc-popup-text progress[value] {
      position: absolute;
      left: 0;
      bottom: -4px;
      width: 125px;
      height: 3px; }
  .mc-popup .mc-popup-close {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 35px; }
    .mc-popup .mc-popup-close div {
      width: 20px;
      height: 20px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      position: relative;
      left: 12px; }
      .mc-popup .mc-popup-close div i {
        position: relative;
        right: 5px;
        bottom: 1px; }
      @media only screen and (max-width: 769px) {
        .mc-popup .mc-popup-close div {
          left: 0px; }
          .mc-popup .mc-popup-close div i {
            right: 2px; } }
  .mc-popup .mc-upload {
    position: relative;
    left: 8px;
    bottom: 0;
    width: 23px;
    height: 23px;
    background: url("/admin/styles/images/file-sprite.png") 0 0; }
  .mc-popup .mc-upload-zip {
    background-position: 0px 0px; }
  .mc-popup .mc-upload-jpg {
    background-position: 0px 23px; }
  .mc-popup .mc-active-bar {
    height: 100%;
    width: 6px;
    position: absolute;
    top: 0;
    left: 0; }
  .mc-popup .mc-notify-bar {
    width: 3px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; }
    .mc-popup .mc-notify-bar .mc-notify-bar-icon {
      width: 16px;
      height: 16px;
      position: relative;
      left: 0;
      top: 21px;
      z-index: 2;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      border-bottom-right-radius: 50%;
      border-top-right-radius: 50%; }
      .mc-popup .mc-notify-bar .mc-notify-bar-icon i {
        position: relative;
        top: -4px;
        left: -4px;
        margin: auto 0; }

@media all and (min-resolution: 0.001dpcm) {
  .mc-popup-content {
    -webkit-transform-origin: 50% bottom;
    -moz-transform-origin: 50% bottom;
    -ms-transform-origin: 50% bottom;
    -o-transform-origin: 50% bottom;
    transform-origin: 50% bottom; }
    .mc-popup-content.active {
      -webkit-animation: scale-bounce 900ms linear both;
      -moz-animation: scale-bounce 900ms linear both;
      animation: scale-bounce 900ms linear both; } }

.mc-popup-caret {
  position: absolute;
  bottom: 9px;
  z-index: 3; }
  .mc-popup-caret:before {
    content: '◤';
    display: block;
    font-size: 12px;
    color: #efeeee;
    right: 5px;
    text-shadow: rgba(1, 2, 1, 0.15) 0px 0.866px 3px; }

.product-import-compact-summary-popup .mc-popup-caret:before {
  color: white;
  text-shadow: rgba(1, 2, 1, 0.15) 0px 2px 3px; }

.product-export-compact-summary-popup .mc-popup-caret:before {
  color: white;
  text-shadow: rgba(1, 2, 1, 0.15) 0px 2px 3px; }

.mc-app-preview {
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  bottom: 60px; }

.mc-preview-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background-color: #1d1d1d;
  color: #f4f4f4;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  box-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -o-align-items: stretch;
  align-items: stretch;
  -ms-flex-align: stretch;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row; }

.mc-preview-header-left {
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0; }

.mc-preview-header-center {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  min-width: 0; }

.mc-preview-header-right {
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0; }

.mc-preview-header-item {
  position: relative;
  float: left;
  line-height: 34px;
  margin: 8px; }

.mc-preview-header-icon {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 0; }
  .mc-preview-header-icon .mc-icon {
    line-height: 50px; }

.mc-preview-header-name {
  text-overflow: ellipsis;
  flex: 1;
  white-space: nowrap;
  overflow: hidden; }

.mc-preview-action-btn {
  padding-left: 14px;
  padding-right: 14px; }
  .mc-preview-action-btn:hover {
    background-color: rgba(255, 255, 255, 0.1); }

.mc-preview-button-nav {
  width: 30px;
  height: 30px;
  color: #f4f4f4;
  background-color: #1d1d1d;
  padding: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  transform: translateY(-50%);
  text-align: center;
  line-height: 30px;
  margin-top: 25px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .mc-preview-button-nav .mc-icon {
    font-weight: 600;
    font-size: 8px; }

.mc-preview-button-prev {
  position: absolute;
  left: 20px;
  top: 50%; }

.mc-preview-button-next {
  position: absolute;
  right: 20px;
  top: 50%; }

.mc-preview-content {
  position: absolute;
  top: 90px;
  bottom: 40px;
  left: 70px;
  right: 70px; }
  .mc-preview-content .mc-preview-image {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; }
    .mc-preview-content .mc-preview-image img {
      position: absolute;
      z-index: 10;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      margin: auto;
      display: flex;
      justify-content: center;
      object-fit: contain;
      max-height: 100%;
      max-width: 100%; }
    .mc-preview-content .mc-preview-image:before {
      position: absolute;
      z-index: 1;
      display: block;
      content: '';
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAAAAAA6mKC9AAAAGElEQVQYV2N4DwX/oYBhgARgDJjEAAkAAEC99wFuu0VFAAAAAElFTkSuQmCC) repeat; }

/*#Scrollbar
Hides scrollbar with possibility to scroll content. This is a directive which is created with angular js.

    <div mc-hide-scrollbar></div>
 */
.mc-hide-scrollbar {
  overflow: hidden; }

.mc-show-scrollbar-viewport {
  overflow-y: scroll;
  /* Make sure the inner div is not larger than the container
     * so that we have room to scroll.
     */
  max-height: 100%;
  min-height: 100%;
  /* Pick an arbitrary margin/padding that should be bigger
     * than the max width of all the scroll bars across
     * the devices you are targeting.
     * padding = -margin
     */
  margin-right: -1000px;
  padding-right: 1000px;
  margin: 0;
  padding: 0;
  overflow-x: hidden; }

.layout-editor-area-normal.mc-preset-layout-area {
  border-top: 3px solid #606ff6;
  margin-bottom: 30px; }
  .layout-editor-area-normal.mc-preset-layout-area .mc-preset-layout-area__info {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 26px; }
  .layout-editor-area-normal.mc-preset-layout-area .mc-preset-layout-area__badge {
    position: absolute;
    top: 13px;
    right: 18px;
    background-color: #ced2ef;
    color: #606ff6;
    padding: 5px 10px; }

/*#Avatar
The Snippet for Avatars in a ul List
    
    <ul>
        <li class=" mc-list-item mc-avatar-list-item mc-ungrouped-item mc-active">
            <div class="mc-avatar">
                <div class="mc-avatar-body">
                    <img class="mc-avatar-label src="...">
                </div>
            </div>
        </li>
    </ul>


 */
.mc-avatar {
  box-sizing: border-box;
  line-height: normal;
  width: 36px;
  height: 36px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  pointer-events: none;
  position: relative; }

.mc-avatar--rounded {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }
  .mc-avatar--rounded .mc-avatar-body {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    box-shadow: 1px 1.732px 6px 0px rgba(192, 199, 202, 0.7); }

.mc-avatar-body {
  color: white;
  font-weight: bold;
  font-size: 13px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  box-sizing: border-box;
  position: absolute;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-align-content: center;
  -moz-align-content: center;
  align-content: center;
  -ms-flex-line-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center; }
  .mc-avatar-body img {
    min-width: 100%;
    height: 100%; }

.mc-submenu__profile .mc-avatar-body,
.mc-nav-item .mc-avatar-body,
.mc-avatar--rounded .mc-avatar-body {
  font-size: 16px; }

.mc-avatar-group {
  background-color: rgba(0, 0, 0, 0.1); }
  .mc-avatar-group .mc-avatar-body {
    overflow: visible;
    border: 0 none;
    color: #909090;
    font-size: 14px;
    letter-spacing: -0.1em; }

.mc-avatar-orbiter {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  box-shadow: 0px 3px 3px 0px rgba(1, 2, 1, 0.1);
  width: 22px;
  height: 22px;
  overflow: hidden;
  color: #ffffff;
  position: absolute;
  text-align: center;
  background: #6070f6; }
  .mc-avatar-orbiter .mc-icon {
    line-height: 22px;
    font-size: 0.7em;
    padding: 0;
    float: none; }

.mc-avatar-orbiter-135deg {
  right: -8px;
  top: -8px; }

/*
Responsive img bugfix for Windows Phone IE 10 (never ending ie story...)
*/
/*@media screen and (max-width:400px) {
    .mc-avatar-body img{
        width: 101%;
    }
}*/
.mc-avatar-label {
  display: block; }

@media only screen and (max-width: 769px) {
  .mc-avatar-list {
    background-color: #fcfcfc; } }

@media only screen and (min-width: 769px) {
  .mc-avatar-with-label,
  .mc-avatar-list-item {
    margin-right: 0.4em; } }

.mc-avatar-with-label {
  float: left; }

.mc-avatar-list-item-hide {
  display: none; }

.mc-avatar-list-item {
  cursor: pointer;
  position: relative; }
  .mc-avatar-list-item .mc-avatar {
    position: static; }

.mc-avatar-list-item .mc-active-content {
  position: absolute;
  bottom: -12px;
  right: -8px; }

.mc-avatar-list-item .mc-dropdown-caret {
  line-height: 8px; }

.mc-avatar-dropdown {
  width: 260px;
  height: 100px; }

.mc-avatar-options {
  overflow: hidden;
  margin: 0.7em 0; }

.mc-avatar-options-item {
  float: left;
  height: 26px;
  width: 26px;
  background-color: #e2e2e2;
  color: #bcbcbc;
  text-align: center; }
  .mc-avatar-options-item:hover {
    background-color: #444a7c; }
    .mc-avatar-options-item:hover .mc-icon {
      color: #fcfcfc; }
  .mc-avatar-options-item .mc-icon {
    line-height: 26px;
    float: none;
    padding: 0;
    display: block; }
  .mc-avatar-options-item:first-child {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px; }
  .mc-avatar-options-item:last-child {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    border-right: none; }

.mc-grouped-item {
  position: relative; }
  .mc-grouped-item .mc-avatar {
    top: 4px;
    left: 4px;
    position: absolute; }
    .mc-grouped-item .mc-avatar .mc-avatar-body span {
      padding-left: 1px; }
    .mc-grouped-item .mc-avatar .mc-avatar-name {
      padding-left: 50px;
      white-space: nowrap;
      padding-top: 10px; }
  .mc-grouped-item .mc-avatar-options {
    margin: 0;
    position: absolute;
    right: 0.5em;
    top: 0.5em; }
  .mc-grouped-item .mc-avatar-options-item:hover {
    background-color: #5c6df9; }

.mc-avatar-dropdown-image {
  width: 35%;
  height: 100%;
  padding: 5px;
  position: absolute;
  top: 0;
  left: 0; }
  .mc-avatar-dropdown-image .mc-avatar {
    width: 60px;
    height: 60px;
    position: relative;
    top: 16px;
    left: 10px; }
    .mc-avatar-dropdown-image .mc-avatar .mc-avatar-body {
      width: 52px;
      height: 52px;
      left: 4px;
      top: 4px;
      font-size: 20px; }
      .mc-avatar-dropdown-image .mc-avatar .mc-avatar-body img {
        height: 55px; }

.mc-avatar-dropdown-info {
  width: 65%;
  height: 100%;
  padding: 5px;
  position: absolute;
  top: 0;
  right: 0; }
  .mc-avatar-dropdown-info .mc-avatar-info {
    line-height: 14px; }
    .mc-avatar-dropdown-info .mc-avatar-info .mc-avatar-name {
      font-weight: 800;
      line-height: 22px; }
    .mc-avatar-dropdown-info .mc-avatar-info .mc-avatar-contact {
      font-size: 11px;
      text-transform: lowercase; }

/*#Buttons
Standardbutton, primary, success and Error Button

The Buttons are width 100% and adapt to the parent container. When a Button have a Icon its necessary to give the button the class "mc-btn-with-icon"

    <button class="mc-btn">
        <span class="mc-btn-text">Click me</span>
    </button>

    <button class="mc-btn mc-btn-primary">
        <span class="mc-btn-text">Click me</span>
    </button>

    <button class="mc-btn mc-btn-success">
        <span class="mc-btn-text">Click me</span>
    </button>

    <button class="mc-btn mc-btn-error">
        <span class="mc-btn-text">Click me</span>
    </button>

    <button class="mc-btn mc-btn-with-icon">
        <i class="mc-icon mc-icon-pref mc-icon-lg"></i>
        <span class="mc-btn-text">Click me</span>
    </button>

    
 */
.mc-button-pad:disabled,
.mc-button-pad:disabled:hover,
.layout-editor-button:disabled,
.layout-editor-button:disabled:hover {
  box-shadow: none;
  background-color: #aaaaaa;
  color: white; }

.mc-button {
  background: none;
  cursor: pointer;
  border: none;
  margin: 0px;
  padding: 0px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding-left: 8px; }

.mc-button-icon {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 0; }
  .mc-button-icon .mc-icon {
    margin: 10px; }

.mc-button-pad {
  color: #adadad;
  background-color: white;
  position: relative; }

.mc-button-pad:hover {
  background-color: #e6e5e5; }

.mc-block-level {
  display: block;
  width: 100%; }

.mc-button-icon:hover {
  background-color: rgba(0, 0, 0, 0.3); }

.mc-button-form-delete {
  background-color: transparent;
  width: auto;
  position: absolute;
  right: 5px;
  top: 50%;
  height: 40px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }
  .mc-button-form-delete:hover {
    background-color: transparent; }

.mc-btn {
  border: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #e2e2e2;
  color: #858585; }
  .mc-btn .mc-btn-text {
    position: relative; }
  .mc-btn .mc-loader {
    display: none; }
  .mc-btn:hover {
    background: #dadada; }
  .mc-btn:disabled {
    background: white;
    cursor: not-allowed; }
  .mc-btn.mc-btn-disabled {
    background: #eee;
    cursor: not-allowed; }

.mc-btn-primary {
  background-color: #444a7c;
  color: white; }
  .mc-btn-primary:hover {
    background: #3f4472; }
  .mc-btn-primary:disabled {
    background: #898b9d;
    cursor: not-allowed; }

.mc-has-progress .mc-btn-text {
  display: none; }

.mc-has-progress .mc-icon {
  display: none; }

.mc-has-progress .mc-loader {
  display: block; }

.mc-has-progress.mc-md-button .mc-loader {
  display: block; }

.mc-btn-success {
  background-color: #00c845;
  color: white; }
  .mc-btn-success:hover {
    background: #00b940; }
  .mc-btn-success:disabled {
    background: #dfdfdf;
    color: #9f9f9f;
    cursor: not-allowed; }

.mc-btn-error {
  background-color: #e52e2e;
  color: white; }
  .mc-btn-error:hover {
    background: #e32020; }
  .mc-btn-error:disabled {
    background: #dfdfdf;
    color: #9f9f9f;
    cursor: not-allowed; }

.mc-button-add-extra {
  border-radius: 30px;
  padding: 0px 15px;
  height: 30px;
  line-height: 30px;
  -webkit-transform: translateX(20px);
  -moz-transform: translateX(20px);
  -ms-transform: translateX(20px);
  -o-transform: translateX(20px);
  transform: translateX(20px);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  box-shadow: 0px 2px 6px -4px black; }
  .mc-button-add-extra.mc-btn-with-icon .mc-icon {
    color: #6ebc4f;
    position: relative;
    top: -1px;
    left: -4px; }
  .mc-button-add-extra.mc-btn-with-icon:hover {
    background-color: #6ebc4f;
    color: white; }
    .mc-button-add-extra.mc-btn-with-icon:hover .mc-icon {
      color: white; }

@media only screen and (max-width: 970px) {
  .mc-form-group .mc-button-add {
    margin-left: 10px;
    margin-top: 10px; } }

.mc-form-group .mc-button-add.mc-button-add-info {
  left: 20px; }

.mc-button-add-grouped {
  position: absolute;
  bottom: 1.5em;
  left: 56px;
  overflow: hidden;
  width: 0; }
  .mc-button-add-grouped.mc-is-open {
    width: auto;
    -webkit-transition: all, 0.5s, ease;
    -moz-transition: all, 0.5s, ease;
    transition: all, 0.5s, ease; }
  .mc-button-add-grouped .mc-form-group {
    float: left;
    margin-right: 8px; }

.mc-button-round {
  color: #aaaaaa;
  background-color: white;
  width: 30px;
  height: 30px;
  padding: 0;
  box-shadow: 0px 2px 6px -4px black;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: background-color 0.3s ease, color 0.3s ease, -webkit-transform 0.5s ease;
  -moz-transition: background-color 0.3s ease, color 0.3s ease, -moz-transform 0.5s ease;
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.5s ease; }
  .mc-button-round:hover {
    background-color: #d1d1d1;
    color: white; }
  .mc-button-round .mc-icon {
    line-height: 30px;
    -webkit-transition: -webkit-transform 0.5s ease;
    -moz-transition: -moz-transform 0.5s ease;
    transition: transform 0.5s ease; }
  .mc-button-round.mc-is-open {
    background-color: white;
    color: #828282; }
    .mc-button-round.mc-is-open .mc-icon {
      filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }

.mc-button-round-extended {
  width: 35px;
  height: 35px; }
  .mc-button-round-extended .mc-icon {
    line-height: 35px; }

.mc-button-round-add {
  color: #6ebc4f; }
  .mc-button-round-add:hover {
    background-color: #6ebc4f;
    color: white; }

.mc-button-round-delete {
  color: #a34748; }
  .mc-button-round-delete:hover {
    background-color: #a34748;
    color: white; }

.mc-btn-upload {
  height: 40px;
  background-color: #e51e30;
  color: #fff; }
  .mc-btn-upload:hover {
    background-color: #d11829; }

.mc-btn-with-icon .mc-icon {
  vertical-align: middle; }

.mc-btn-with-icon .mc-btn-text {
  vertical-align: middle; }

.mc-md-button {
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  background-color: #c4c7ca;
  height: 40px;
  line-height: 40px;
  padding: 0 calc(40px/ 2);
  font-size: 12px;
  font-weight: 600;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  box-shadow: none;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  box-sizing: content-box;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  border: 0;
  margin: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }
  .mc-md-button[role='button'] {
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex; }
  .mc-md-button::-moz-focus-inner, .mc-md-button::-moz-focus-inner {
    border: 0;
    padding: 0; }
  .mc-md-button:focus {
    border: none;
    background-color: #c4c7ca;
    color: #ffffff;
    outline-offset: 0;
    outline: 0; }
  .mc-md-button:hover {
    background-color: #a9aeb2;
    color: #fff; }
  .mc-md-button:active {
    background-color: #8e949a; }
  .mc-md-button .mc-loader {
    display: none;
    height: 20px;
    width: 20px; }

.mc-md-button__content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%; }

.mc-md-button__dropdown-toggle {
  width: 30px;
  height: 100%;
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.1);
  position: absolute;
  right: 0;
  top: 0;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center; }

.mc-md-button--no-action {
  pointer-events: none; }

.mc-md-button__icon--left {
  margin-right: 8px; }

.mc-md-button__icon--center {
  margin-right: 8px;
  margin-left: 8px; }

.mc-md-button__icon--right {
  margin-left: 8px; }

.mc-md-button--stretch {
  width: 100%;
  max-width: 100%;
  padding: 0; }

.mc-md-button--elevated, .white-theme.fr-popup .fr-action-buttons button.fr-command {
  box-shadow: 1px 1.732px 6px 0px rgba(192, 199, 202, 0.7); }
  .mc-md-button--elevated.mc-md-button--negative, .white-theme.fr-popup .fr-action-buttons button.mc-md-button--negative.fr-command {
    box-shadow: 1px 1.732px 6px 0px rgba(200, 5, 5, 0.7); }
    .mc-md-button--elevated.mc-md-button--negative.mc-md-button[disabled], .white-theme.fr-popup .fr-action-buttons button.mc-md-button--negative.mc-md-button.fr-command[disabled], .mc-md-button--elevated.mc-md-button--negative.mc-md-button--disabled, .white-theme.fr-popup .fr-action-buttons button.mc-md-button--negative.mc-md-button--disabled.fr-command {
      box-shadow: 1px 1.732px 6px 0px rgba(159, 159, 159, 0.7); }
  .mc-md-button--elevated.mc-md-button--positive, .white-theme.fr-popup .fr-action-buttons button.mc-md-button--positive.fr-command {
    box-shadow: 1px 1.732px 6px 0px rgba(8, 172, 74, 0.7); }
    .mc-md-button--elevated.mc-md-button--positive.mc-md-button[disabled], .white-theme.fr-popup .fr-action-buttons button.mc-md-button--positive.mc-md-button.fr-command[disabled], .mc-md-button--elevated.mc-md-button--positive.mc-md-button--disabled, .white-theme.fr-popup .fr-action-buttons button.mc-md-button--positive.mc-md-button--disabled.fr-command {
      box-shadow: 1px 1.732px 6px 0px rgba(159, 159, 159, 0.7); }
  .mc-md-button--elevated.mc-md-button--primary, .white-theme.fr-popup .fr-action-buttons button.fr-command {
    box-shadow: 1px 1.732px 6px 0px rgba(48, 48, 127, 0.7); }
    .mc-md-button--elevated.mc-md-button--primary.mc-md-button[disabled], .white-theme.fr-popup .fr-action-buttons button.mc-md-button.fr-command[disabled], .mc-md-button--elevated.mc-md-button--primary.mc-md-button--disabled, .white-theme.fr-popup .fr-action-buttons button.mc-md-button--disabled.fr-command {
      box-shadow: 1px 1.732px 6px 0px rgba(159, 159, 159, 0.7); }

.mc-md-button--negative {
  color: #ffffff;
  background-color: #c80505; }
  .mc-md-button--negative:focus {
    background-color: #c80505;
    color: #ffffff; }
  .mc-md-button--negative:hover {
    background-color: #e10606;
    color: #ffffff; }
  .mc-md-button--negative:active {
    background-color: #af0404; }

.mc-md-button--positive {
  color: #ffffff;
  background-color: #08ac4a; }
  .mc-md-button--positive:focus {
    background-color: #08ac4a;
    color: #ffffff; }
  .mc-md-button--positive:hover {
    background-color: #09c454;
    color: #ffffff; }
  .mc-md-button--positive:active {
    background-color: #079440; }

.mc-md-button--primary, .white-theme.fr-popup .fr-action-buttons button.fr-command {
  color: #ffffff;
  background-color: #30307f; }
  .mc-md-button--primary:focus, .white-theme.fr-popup .fr-action-buttons button.fr-command:focus {
    background-color: #30307f;
    color: #ffffff; }
  .mc-md-button--primary:hover, .white-theme.fr-popup .fr-action-buttons button.fr-command:hover {
    background-color: #373792;
    color: #ffffff; }
  .mc-md-button--primary:active, .white-theme.fr-popup .fr-action-buttons button.fr-command:active {
    background-color: #22225a; }

.mc-md-button--secondary {
  color: #000;
  background-color: #ffffff; }
  .mc-md-button--secondary:focus {
    background-color: #ffffff;
    color: #000; }
  .mc-md-button--secondary:hover {
    background-color: #f7f7f7;
    color: #000; }
  .mc-md-button--secondary:active {
    background-color: #e6e5e5; }

.mc-md-button--flat {
  color: #525252;
  background-color: transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }
  .mc-md-button--flat:focus {
    background-color: rgba(0, 0, 0, 0.1);
    color: #525252; }
  .mc-md-button--flat:hover {
    background-color: rgba(0, 0, 0, 0.1);
    color: #525252; }
  .mc-md-button--flat:active {
    background-color: rgba(0, 0, 0, 0.2); }

.mc-md-button--tiny {
  height: 28px;
  line-height: 28px;
  padding: 0 calc(28px/ 2);
  font-size: 10px; }
  .mc-md-button--tiny.mc-md-button--fab {
    width: 28px; }

.mc-md-button--huge {
  height: 54px;
  line-height: 54px;
  padding: 0 calc(54px/ 2);
  font-size: 14px; }
  .mc-md-button--huge.mc-md-button--fab {
    width: 54px; }

.mc-md-button--fab {
  width: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  padding: 0; }

.mc-md-button[disabled],
.mc-md-button--disabled {
  background-color: #dfdfdf;
  color: #9f9f9f;
  border: 0;
  cursor: not-allowed;
  pointer-events: none; }
  .mc-md-button[disabled]:hover, .mc-md-button[disabled]:active, .mc-md-button[disabled]:focus,
  .mc-md-button--disabled:hover,
  .mc-md-button--disabled:active,
  .mc-md-button--disabled:focus {
    background-color: #dfdfdf;
    color: #9f9f9f; }

/*.mc-button-fab {
    background-color: #C4C7CA;
    padding: 0;
    color: #FFFFFF;
    width: 30px;
    height: 30px;
    box-shadow: 1px 1.732px 6px 0px rgba(192, 199, 202, 0.7);
    @include border-radius(50%);
    @include transition(all 0.3s ease);

    @include display(flex);
    @include align-items(center);
    @include justify-content(center);
    // Safari Fix
    @include display-box();

    &:hover {
        background-color: darken(#C4C7CA, 20%);
    }
}*/
.mc-checkbox-label {
  line-height: 22px;
  margin-bottom: 13px; }
  .mc-checkbox-label mc-checkbox {
    float: left;
    margin-right: 10px; }

mc-checkbox {
  display: block;
  width: 22px;
  height: 22px;
  border: 1px solid #d1d1d1;
  color: #ffffff;
  background-color: white;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  mc-checkbox .mc-icon {
    display: none;
    text-align: center;
    line-height: 20px; }
  mc-checkbox[checked] {
    border-color: #2f4ac8;
    background-color: #6070f6; }
    mc-checkbox[checked] .mc-icon.mc-checked {
      display: block; }
    mc-checkbox[checked] .mc-icon.mc-indeterminate {
      display: none; }
  mc-checkbox[indeterminate], mc-checkbox[checked][indeterminate] {
    border-color: #2f4ac8;
    background-color: #6070f6; }
    mc-checkbox[indeterminate] .mc-icon.mc-checked, mc-checkbox[checked][indeterminate] .mc-icon.mc-checked {
      display: none; }
    mc-checkbox[indeterminate] .mc-icon.mc-indeterminate, mc-checkbox[checked][indeterminate] .mc-icon.mc-indeterminate {
      display: block; }
  fieldset:disabled mc-checkbox, mc-checkbox[disabled] {
    color: #bbbbbb;
    background-color: whitesmoke;
    border-color: #e5e5e5;
    cursor: not-allowed; }

/*#Widgetbar

The Widgetbar includes all Widget which are available for the Mondocloud. The Widget can be droped to the Dashboard.

    <div class="mc-widgetbar">

        <div class="mc-widgetbar-inner">

            <div class="mc-widgetlist-wrapper">
                <ul class="mc-widgetlist mc-list mc-horizontal">
                    <li class="mc-list-item">
                        <div>
                            <div class="mc-widget-handler"></div>
                            <div class="mc-widget-header mc-widgettype-header">
                                <i class="mc-icon mc-icon-handler"></i>
                            </div>
                            <div class="mc-widgettype-body">
                                <div class="mc-widgettype-media">
                                    <i class="mc-icon"></i>
                                </div>
                                <div class="mc-widgettype-text"></div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>


            <div class="mc-widgetbar-aside">
                <div class="mc-button mc-button-icon">
                    <i class="mc-icon mc-icon-close mc-icon-lg"></i>
                </div>
            </div>
        </div>
    </div>

 */
.mc-widgetbar {
  display: none;
  position: fixed;
  width: 100%;
  z-index: 500;
  top: 60px;
  background-color: #444a7c;
  color: #fcfcfc; }
  .mc-widgetbar button {
    color: #fcfcfc; }
  @media only screen and (max-width: 640px) {
    .mc-widgetbar {
      height: 100%;
      z-index: 501;
      overflow: scroll;
      -webkit-overflow-scrolling: touch; } }

.mc-widgetbar-inner {
  position: relative;
  padding-left: 1.3em;
  padding-bottom: 0.6em;
  padding-right: 4em; }
  @media only screen and (max-width: 640px) {
    .mc-widgetbar-inner {
      padding: 2em;
      height: 100%; } }

@media only screen and (max-width: 640px) {
  .mc-widgetlist .mc-list-item {
    width: 50%; } }

.mc-widgetbar-aside {
  position: absolute;
  top: 1em;
  right: 1.1em;
  height: 100%; }
  @media only screen and (max-width: 640px) {
    .mc-widgetbar-aside {
      top: 0.2em;
      right: 0.6em; } }

.mc-widgettype-header {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  min-height: 1.4em;
  background-color: #fcfcfc; }
  .mc-widgettype-header .mc-icon {
    color: #d1d1d1;
    margin: 0 auto;
    line-height: 1.4em; }
  .mc-widgettype-header .mc-icon:before {
    line-height: 0.8em; }

.mc-widgettype-body {
  color: #444a7c; }

.mc-widgettype {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 7.5em;
  height: 7.5em;
  text-align: center;
  background-color: #f4f4f4;
  color: #858585;
  -webkit-transition: height 600ms, width 600ms;
  -moz-transition: height 600ms, width 600ms;
  transition: height 600ms, width 600ms; }
  @media only screen and (max-width: 640px) {
    .mc-widgettype {
      width: auto; } }

.mc-list-item .mc-widgettype {
  margin-right: 0.8em;
  margin-left: 0.8em; }
  @media only screen and (max-width: 640px) {
    .mc-list-item .mc-widgettype {
      margin-bottom: 1.7em;
      height: 10em; } }

.mc-widgettype-media {
  height: 6em;
  line-height: 5em; }
  @media only screen and (max-width: 640px) {
    .mc-widgettype-media {
      height: 6.5em;
      line-height: 8em; } }

.mc-widgettype-text {
  text-transform: uppercase;
  font-size: 0.8em;
  margin-top: -1.9em;
  padding-bottom: 1em;
  padding-left: 0.9em;
  padding-right: 0.9em;
  overflow: hidden;
  text-overflow: ellipsis; }

.mc-widgetlist-wrapper {
  width: 100%;
  box-sizing: border-box;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }
  @media only screen and (max-width: 640px) {
    .mc-widgetlist-wrapper {
      overflow-y: none; } }

.mc-widgetlist {
  margin-bottom: 0.9em;
  white-space: nowrap;
  padding-top: 1.3em; }
  @media only screen and (max-width: 640px) {
    .mc-widgetlist {
      white-space: normal; } }

.mc-widget-handler {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 7.5em;
  z-index: 10;
  cursor: pointer; }

.mc-touch .mc-widget-handler {
  top: -0.5em;
  height: 2.5em; }

.mc-widget-moving-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 0px;
  height: 0px;
  overflow: hidden;
  z-index: 50; }

.mc-over-drop .mc-widget-moving-container {
  width: 100%;
  height: 100%; }

/*#Contactlist

    <ul class="mc-userlist">
       	<li class="mc-user">
            <div class="mc-user-image">
                <div class="mc-user-image-round">
                    <img class="mc-user-avatar" src="images/users/alexKampf.png">
                </div>
                <div class="mc-user-status"></div>
            </div>
            
            <div class="mc-user-text">
                <p class="mc-user-name">John Doe</p>
                <p class="mc-user-message">ToDo: Hier sollte die zuletzt geschriebene Naricht stehen!?!</p>
            </div>
            
            <div class="mc-user-options">
                <ul class="mc-option-list">
                    <li class="mc-option-item">
                        <i class="mc-icon mc-icon-mail mc-icon-lg"></i>
                    </li>
                    <li class="mc-option-item">
                        <i class="mc-icon mc-icon-videocam mc-icon-lg"></i>
                    </li>
                    <li class="mc-option-item">
                        <i class="mc-icon mc-icon-tel mc-icon-lg"></i>
                    </li>
                    <li class="mc-option-item">
                        <i class="mc-icon mc-icon-bubble mc-icon-lg"></i>
                    </li>
                </ul>
            </div>
        </li>
    </ul>

 */
.mc-userlist-widget {
  height: 100%;
  position: relative; }
  .mc-userlist-widget .mc-userlist {
    width: 100%;
    overflow: auto; }
    .mc-userlist-widget .mc-userlist .mc-user:hover,
    .mc-userlist-widget .mc-userlist .mc-user-active {
      background-color: #fcfcfc; }
    .mc-userlist-widget .mc-userlist .mc-user {
      height: 60px;
      width: 100%;
      cursor: pointer;
      overflow: hidden; }
      .mc-userlist-widget .mc-userlist .mc-user .mc-user-image {
        float: left;
        width: 50px;
        height: 100%; }
        .mc-userlist-widget .mc-userlist .mc-user .mc-user-image .mc-user-image-round {
          overflow: hidden;
          width: 31px;
          height: 31px;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%;
          text-align: center;
          position: relative;
          left: 8px;
          top: 15px;
          background-color: #a7a7a7;
          color: #fcfcfc; }
          .mc-userlist-widget .mc-userlist .mc-user .mc-user-image .mc-user-image-round .mc-user-avatar {
            width: 100%; }
          .mc-userlist-widget .mc-userlist .mc-user .mc-user-image .mc-user-image-round .mc-user-initials {
            position: relative;
            top: 10px; }
      .mc-userlist-widget .mc-userlist .mc-user .mc-user-text {
        width: 100%;
        height: 100%;
        padding-left: 50px;
        margin-top: 14px; }
        .mc-userlist-widget .mc-userlist .mc-user .mc-user-text .mc-user-name {
          white-space: nowrap;
          line-height: 20px;
          font-weight: 800;
          color: #858585; }
        .mc-userlist-widget .mc-userlist .mc-user .mc-user-text .mc-user-message {
          white-space: nowrap;
          color: #a7a7a7; }
      .mc-userlist-widget .mc-userlist .mc-user .mc-user-options {
        height: 60px;
        margin-top: -74px;
        position: relative;
        width: 30%;
        float: right;
        padding-left: 20px;
        background: linear-gradient(to right, rgba(252, 252, 252, 0.5) 10%, rgba(252, 252, 252, 0.95) 10%, #fcfcfc 100%); }
        .mc-userlist-widget .mc-userlist .mc-user .mc-user-options.ng-hide {
          display: none; }
        @media only screen and (max-width: 640px) {
          .mc-userlist-widget .mc-userlist .mc-user .mc-user-options {
            width: 80%;
            padding-left: 35px; } }
        .mc-userlist-widget .mc-userlist .mc-user .mc-user-options .mc-option-list {
          position: relative;
          left: 50%;
          top: 50%;
          margin-left: -49px;
          margin-top: -12px; }
          @media only screen and (max-width: 640px) {
            .mc-userlist-widget .mc-userlist .mc-user .mc-user-options .mc-option-list {
              margin-left: -140px;
              margin-top: -30px; } }
          .mc-userlist-widget .mc-userlist .mc-user .mc-user-options .mc-option-list .mc-option-item {
            float: left;
            width: 26px;
            height: 26px;
            background-color: #e2e2e2;
            color: #bcbcbc;
            text-align: center; }
            .mc-userlist-widget .mc-userlist .mc-user .mc-user-options .mc-option-list .mc-option-item .mc-icon {
              line-height: 26px;
              float: none;
              padding: 0;
              display: block; }
            @media only screen and (max-width: 640px) {
              .mc-userlist-widget .mc-userlist .mc-user .mc-user-options .mc-option-list .mc-option-item {
                width: 60px;
                height: 60px;
                padding: 18px 18px; } }
            .mc-userlist-widget .mc-userlist .mc-user .mc-user-options .mc-option-list .mc-option-item:first-child {
              border-bottom-left-radius: 2px;
              border-top-left-radius: 2px; }
            .mc-userlist-widget .mc-userlist .mc-user .mc-user-options .mc-option-list .mc-option-item:last-child {
              border-bottom-right-radius: 2px;
              border-top-right-radius: 2px;
              border-right: none; }
            .mc-userlist-widget .mc-userlist .mc-user .mc-user-options .mc-option-list .mc-option-item:hover {
              background-color: #444a7c; }
              .mc-userlist-widget .mc-userlist .mc-user .mc-user-options .mc-option-list .mc-option-item:hover .mc-icon {
                color: #fcfcfc; }

.mc-user-status {
  width: 11px;
  height: 11px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  left: 30px;
  bottom: -5px;
  background-color: #a7a7a7; }

.mc-user-status-busy {
  background-color: #ea9d31; }

.mc-user-status-online {
  background-color: #15a748; }

.mc-widget-main-header .mc-icon {
  position: relative;
  right: 2px;
  float: right;
  bottom: 41px;
  padding: 12px 10px;
  height: 90%;
  background: linear-gradient(to right, rgba(252, 252, 252, 0.5) 10%, rgba(252, 252, 252, 0.95) 10%, #fcfcfc 100%); }

.mc-widget-main-header .mc-input-widget-search:focus + .mc-icon {
  background: linear-gradient(to right, rgba(244, 245, 255, 0.5) 10%, rgba(244, 245, 255, 0.95) 10%, #f4f5ff 100%); }

/*#Forms

The MondoCloud Formschema is generated automaticly and so this is the HTML which is generated from the JS.

    <form class="mc-data-container">
        <div>
            <div class="mc-include">
                <ul>

                </ul>
            </div>
        </div>
        <div class="mc-form">
            <div class="mc-form-view mc-form-group-container mc-multicolumn mc-form-group-lvl0">
                <div class="mc-form-group">
                    <label class="mc-form-label">
                        <span class="mc-form-label-value">Name</span>
                    </label>
                    <input class="mc-form-control" type="text" placeholder="Name">
                    <span class="mc-field-error">...</span>
                </div>
                <div class="mc-form-group">
                    <label class="mc-form-label">
                        <span class="mc-form-label-value">Typ</span>
                    </label>
                    <input disabled="disabled" class="mc-form-control" type="text" placeholder="Typ">
                </div>
                <div class="mc-form-group">
                    <label class="mc-form-label">
                        <span class="mc-form-label-value">Rolle</span>
                    </label>
                    <select class="mc-form-control">
                        <option value="0" selected="selected">Mandant</option>
                        <option value="1">Einkäufer</option>
                        <option value="2">Verkäufer</option>
                    </select>
                </div>
                <div class="mc-form-group">
                    <label class="mc-form-label">
                        <span class="mc-form-label-value">Plattform</span>
                    </label>
                    <select class="mc-form-control">
                        <option value="0" selected="selected">backoffice.local</option>
                        <option value="1" selected="selected">Tyre24Verwaltung</option>
                        <option value="2">MondoVerwaltung</option>
                    </select>
                </div>
            </div>
        </div>
    </form>

 */
input:focus,
.mc-form-control:focus {
  border: 1px solid #6070f6;
  background-color: #f4f5ff;
  color: #525252;
  outline-offset: 0; }
  input:focus .mc-icon,
  .mc-form-control:focus .mc-icon {
    background-color: #f4f5ff; }

input.md-datepicker-input:focus {
  border: none;
  background-color: transparent; }

input.ng-touched.ng-invalid {
  border: 1px solid #e52e2e; }

input.ng-touched.ng-invalid:focus {
  background-color: #fce3e3;
  border: 1px solid #e52e2e; }

[disabled] .mc-form-group.mc-focus .mc-form-label {
  color: #8c8c8c; }

.mc-form-group.mc-focus .mc-form-label {
  color: #6070f6; }

.mc-form-group.mc-has-warning .mc-form-label,
.mc-form-group.mc-focus.mc-has-warning .mc-form-label {
  color: #ea9d31; }

.mc-form-group.mc-has-warning .mc-form-control,
.mc-form-group.mc-focus.mc-has-warning .mc-form-control {
  border: 1px solid #ea9d31; }

.mc-form-group.mc-focus.mc-has-warning .mc-form-control {
  background-color: #fdf5ea; }

.mc-box-extended.mc-group-has-error {
  border: 1px solid #e52e2e; }

.mc-form-group.mc-has-error .mc-form-label,
.mc-form-group.mc-focus.mc-has-error .mc-form-label {
  color: #e52e2e; }

.mc-form-group.mc-has-error .mc-form-control,
.mc-form-group.mc-focus.mc-has-error .mc-form-control {
  border: 1px solid #e52e2e; }

.mc-form-group.mc-focus.mc-has-error .mc-form-control {
  background-color: #fce3e3; }

.mc-form-group-container.mc-focus .mc-form-group-header {
  color: #6070f6; }

.mc-form-group-container.mc-has-warning .mc-form-group-header,
.mc-form-group-container.mc-focus.mc-has-warning .mc-form-group-header {
  color: #ea9d31; }

.mc-form-group-container.mc-has-error .mc-form-group-header,
.mc-form-group-container.mc-focus.mc-has-error .mc-form-group-header {
  color: #e52e2e; }

.mc-form-label {
  display: inline-block;
  max-width: 100%;
  font-weight: 700;
  font-size: 0.9em;
  color: #525252; }
  .mc-form-label.mc-disabled {
    color: #bbbbbb; }

/* Field hints */
.mc-form-field-hint {
  display: block;
  width: 100%;
  margin-left: 28%;
  margin-top: 5px;
  line-height: 1.2; }

/* Field custom hint for label elements */
.mc-form-custom-label-hint {
  position: absolute;
  top: 100%;
  display: block;
  width: 100%;
  line-height: 1.2; }

.mc-form-multiselect {
  width: 100%; }

.mc-form-control {
  display: block;
  width: 100%;
  font-size: 1.1em;
  padding: 0.4em;
  color: #555;
  border: 1px solid #d1d1d1;
  background-color: white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mc-form-text {
  padding: 12.5px 5px;
  background-color: unset; }

.mc-form-textarea {
  resize: none; }

.mc-input-widget-search {
  width: 100%;
  height: 100%;
  border: none;
  padding: 0 40px 0 12px;
  outline: none; }

.mc-input-search {
  width: 100%;
  height: 45px;
  border: none;
  padding: 0 40px 0 15px;
  outline: none;
  margin: 0 auto;
  font-size: 14px;
  margin-bottom: 10px;
  border: 1px solid #e8e8e8; }

.mc-tableview-search-header .mc-input-search {
  padding-right: 160px; }

.mc-dropdown-select {
  width: 100%;
  height: 100%;
  border: 0 none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin-top: -5px;
  padding: 5px 17px;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  background-color: transparent;
  color: #858585;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  -moz-appearance: treeheader; }
  .mc-dropdown-select:focus {
    outline: none; }
  .mc-dropdown-select::-ms-expand {
    display: none; }

.mc-config-select,
.mc-config-label {
  display: block; }

.mc-config-label {
  padding-bottom: 11px; }

.mc-config-select {
  width: 100%;
  height: 30px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 5px;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  -moz-appearance: treeview; }
  .mc-config-select::-ms-expand {
    display: none; }

.mc-form-subform {
  position: relative;
  margin-bottom: 1.1em;
  padding: 1.2em 1.2em 1.2em 0; }
  .mc-form-subform.mc-with-footer {
    padding-bottom: 3em; }

.mc-subform-list__category {
  margin-bottom: 10px; }
  .mc-subform-list__category .mc-form-view {
    background-color: #e6e6e6;
    padding-top: 0.8em; }
    .mc-subform-list__category .mc-form-view:hover {
      background-color: #fff; }
  .mc-subform-list__category mc-form-delete-confirm {
    top: 16px;
    right: 0.8em; }

.mc-subform-list__label {
  color: #666666;
  display: block;
  font-size: 11px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  height: 18px;
  line-height: normal;
  letter-spacing: normal;
  padding-left: 0.8em;
  text-align: left;
  width: 100%; }

.mc-to-footer {
  position: absolute;
  bottom: 15px;
  right: 15px;
  height: 40px; }
  .mc-to-footer.mc-button-add {
    bottom: 1.3em;
    left: 20px;
    right: auto; }
    @media only screen and (max-width: 970px) {
      .mc-to-footer.mc-button-add {
        left: 0px; } }

.mc-button-form-delete,
.mc-to-footer {
  background-color: white;
  color: #a34748;
  width: 30px;
  height: 30px;
  padding: 0;
  box-shadow: 0px 2px 6px -4px black;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .mc-button-form-delete .mc-icon,
  .mc-to-footer .mc-icon {
    line-height: 30px; }
  .mc-button-form-delete:hover,
  .mc-to-footer:hover {
    background-color: #a34748;
    color: white; }

.mc-button-add {
  color: #6ebc4f;
  background-color: white;
  width: 30px;
  height: 30px;
  padding: 0;
  box-shadow: 0px 2px 6px -4px black;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .mc-button-add .mc-icon {
    line-height: 30px; }
  .mc-button-add:hover {
    background-color: #6ebc4f;
    color: white; }
  .mc-button-add.mc-is-open {
    background-color: white;
    color: #8c8c8c; }
    .mc-button-add.mc-is-open:hover {
      background-color: #8c8c8c;
      color: white; }
    .mc-button-add.mc-is-open .mc-icon {
      filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }

.mc-is-open .mc-button-add-extra {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0); }

.mc-form-view.mc-multicolumn {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -moz-box-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start; }
  .mc-form-view.mc-multicolumn .mc-form-group {
    width: 33.3333%;
    min-height: 40px;
    padding-right: 1em; }
  .mc-form-view.mc-multicolumn.mc-multicolumn-two .mc-form-group {
    width: 50%; }
  @media only screen and (max-width: 970px) {
    .mc-form-view.mc-multicolumn.mc-multicolumn-two .mc-form-group {
      width: 100%; } }
  .mc-form-view.mc-multicolumn.mc-multicolumn-two .mc-form-label,
  .mc-form-view.mc-multicolumn.mc-multicolumn-two .mc-form-group-header {
    width: 28%; }
  .mc-form-view.mc-multicolumn.mc-multicolumn-one .mc-form-group {
    width: 100%; }
  .mc-form-view.mc-multicolumn.mc-multicolumn-one .mc-form-label,
  .mc-form-view.mc-multicolumn.mc-multicolumn-one .mc-form-group-header {
    width: 100%; }
  @media only screen and (max-width: 1300px) {
    .mc-form-view.mc-multicolumn.mc-multicolumn-one .mc-form-group {
      width: 100%; } }
  .mc-form-view.mc-multicolumn.mc-multicolumn-one--in-group .mc-form-group {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 1.25em; }
  @media only screen and (max-width: 1300px) {
    .mc-form-view.mc-multicolumn .mc-form-group {
      width: 50%; } }
  @media only screen and (max-width: 970px) {
    .mc-form-view.mc-multicolumn .mc-form-group {
      width: 100%; } }
  .mc-form-view.mc-multicolumn input,
  .mc-form-view.mc-multicolumn select {
    height: 40px; }
  .mc-form-view.mc-multicolumn .mc-form-label,
  .mc-form-view.mc-multicolumn .mc-form-label-value,
  .mc-form-view.mc-multicolumn .mc-form-label-error {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding: 0.5em 0; }
  .mc-form-view.mc-multicolumn .mc-form-label-value {
    padding: 0; }
  .mc-form-view.mc-multicolumn .mc-form-label-error {
    color: #e52e2e; }
  .mc-form-view.mc-multicolumn .mc-form-group {
    margin-bottom: 0;
    padding-bottom: 0; }
  .mc-form-view.mc-multicolumn .mc-form-label,
  .mc-form-view.mc-multicolumn .mc-form-group-header,
  .mc-form-view.mc-multicolumn .mc-form-control {
    display: block; }
  .mc-form-view.mc-multicolumn .mc-form-control.mc-single-price_input {
    width: 100%;
    padding-right: 38px; }
  .mc-form-view.mc-multicolumn .mc-form-label,
  .mc-form-view.mc-multicolumn .mc-form-group-header {
    color: #666666;
    display: block;
    font-size: 11px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    height: 18px;
    line-height: normal;
    letter-spacing: normal;
    padding: 0;
    text-align: left;
    width: 100%; }
    .mc-form-view.mc-multicolumn .mc-form-label--translatable,
    .mc-form-view.mc-multicolumn .mc-form-group-header--translatable {
      display: flex;
      gap: 4px; }
  .mc-form-view.mc-multicolumn .mc-form-control,
  .mc-form-view.mc-multicolumn .mc-form-group-horizontal .form-group-body {
    width: 100%; }
  .mc-form-view.mc-multicolumn > .mc-form-group,
  .mc-form-view.mc-multicolumn > .mc-form-group-container,
  .mc-form-view.mc-multicolumn .mc-form-group-container > .mc-form-group {
    padding-bottom: 0.8em;
    padding-left: 0.8em; }
    .mc-form-view.mc-multicolumn > .mc-form-group.mc-form-no-outside,
    .mc-form-view.mc-multicolumn > .mc-form-group-container.mc-form-no-outside,
    .mc-form-view.mc-multicolumn .mc-form-group-container > .mc-form-group.mc-form-no-outside {
      padding-bottom: 0;
      padding-left: 0; }
  .mc-form-view.mc-multicolumn .mc-form-group-container .mc-form-group-container > *,
  .mc-form-view.mc-multicolumn .mc-form-group-container > * {
    padding-bottom: 0; }
  .mc-form-view.mc-multicolumn > .mc-form-group-checkbox {
    height: 3.4em; }
    .mc-form-view.mc-multicolumn > .mc-form-group-checkbox input[type='checkbox'] {
      left: 28%; }
    .mc-form-view.mc-multicolumn > .mc-form-group-checkbox .mc-form-label {
      padding-left: 0;
      width: 28%; }
      .mc-form-view.mc-multicolumn > .mc-form-group-checkbox .mc-form-label > * {
        display: block; }
        .mc-form-view.mc-multicolumn > .mc-form-group-checkbox .mc-form-label > *:first-child {
          width: 85%;
          padding-left: 1.2em; }
        .mc-form-view.mc-multicolumn > .mc-form-group-checkbox .mc-form-label > *:nth-child(2) {
          width: 100%; }
  .mc-form-view.mc-multicolumn .mc-proportion-1-3--2-3 .form-group-body .mc-form-control,
  .mc-form-view.mc-multicolumn .mc-proportion-2-3--1-3 .form-group-body .mc-form-control {
    width: 100%; }
  .mc-form-view.mc-multicolumn .mc-proportion-1-3--2-3 .form-group-body .mc-form-group:nth-child(2),
  .mc-form-view.mc-multicolumn .mc-proportion-2-3--1-3 .form-group-body .mc-form-group:nth-child(2) {
    padding-left: 0.5em; }
  .mc-form-view.mc-multicolumn .mc-proportion-1-3--2-3 .form-group-body .mc-form-group:first-child {
    width: 34%; }
  .mc-form-view.mc-multicolumn .mc-proportion-1-3--2-3 .form-group-body .mc-form-group:nth-child(2) {
    width: 66%; }
  .mc-form-view.mc-multicolumn .mc-proportion-2-3--1-3 .form-group-body .mc-form-group:first-child {
    width: 66%; }
  .mc-form-view.mc-multicolumn .mc-proportion-2-3--1-3 .form-group-body .mc-form-group:nth-child(2) {
    width: 34%; }

.mc-form-view__full-width {
  width: 100%; }

.mc-multicolumn-element {
  padding-right: 45px; }

.mc-date-mask {
  width: 100%;
  display: flex;
  min-height: 40px; }
  .mc-date-mask .mc-date-mask__input {
    width: 100%;
    padding-left: 10px;
    font-size: 12px;
    font-family: system-ui; }

.mc-single-price {
  width: 100%;
  position: relative; }
  .mc-single-price .mc-single-price_currency {
    position: absolute;
    right: 10px;
    top: 0;
    line-height: 40px;
    font-size: 12px; }

mc-single-price {
  position: relative;
  display: block; }
  mc-single-price .mc-single-price_currency {
    position: absolute;
    right: 10px;
    top: 0;
    line-height: 40px;
    font-size: 12px; }

ng-form {
  display: block; }

.mc-selectbox:hover .mc-dropdown-select {
  color: #fcfcfc; }

.mc-form-group-container {
  position: relative; }
  .mc-form-group-container .mc-formview-wysiwyg-container,
  .mc-form-group-container .mc-formview-media-splitview-container {
    display: block;
    margin-bottom: 1.25em; }

.mc-form-subform > .mc-form-group-container {
  margin-bottom: 15px; }
  .mc-form-subform > .mc-form-group-container.mc-form-group-horizontal {
    margin: 0; }
  .mc-form-subform > .mc-form-group-container > .mc-form-group-container > .mc-form-group-container > .mc-form-group {
    height: 25px;
    margin-bottom: 3em; }
    .mc-form-subform > .mc-form-group-container > .mc-form-group-container > .mc-form-group-container > .mc-form-group .mc-button-form-delete {
      right: 0; }
    .mc-form-subform > .mc-form-group-container > .mc-form-group-container > .mc-form-group-container > .mc-form-group.mc-form-no-outside {
      margin-bottom: 0; }
  .mc-form-subform > .mc-form-group-container > .mc-form-group {
    margin-bottom: 3em; }
  .mc-form-subform > .mc-form-group-container .mc-subform-list {
    padding-left: 20px; }
    .mc-form-subform > .mc-form-group-container .mc-subform-list > .mc-form-view {
      margin-bottom: 10px;
      padding-top: 10px;
      padding-right: 45px;
      background-color: #e6e6e6; }
      .mc-form-subform > .mc-form-group-container .mc-subform-list > .mc-form-view:hover {
        background-color: #fcfcfc; }
    .mc-form-subform > .mc-form-group-container .mc-subform-list mc-form-delete-confirm {
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }

fieldset:disabled .mc-form-subform > .mc-form-group-container .mc-subform-list > .mc-form-view:hover {
  background-color: #e6e6e6; }

.mc-form-header {
  margin-bottom: 14px;
  margin-top: 10px;
  padding-left: 15px; }

.mc-wysiwyg {
  display: inline-block;
  width: 100%; }
  .mc-wysiwyg b {
    font-weight: bold; }
  .mc-wysiwyg i {
    font-style: italic; }
  .mc-wysiwyg ul {
    display: block;
    list-style-type: disc;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px; }
  .mc-wysiwyg ol {
    display: block;
    list-style-type: decimal;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px; }
  .mc-wysiwyg li {
    display: list-item; }

.cms-element-editor .mc-form-group {
  margin-bottom: 15px; }
  .cms-element-editor .mc-form-group:last-child {
    margin-bottom: 0; }

.mc-form-subform.cms-element-editor {
  padding: 15px 15px 0px 15px; }

.mc-subform-only-value {
  padding-left: 10px; }
  .mc-subform-only-value .mc-form-group {
    padding-bottom: 10px; }
  .mc-subform-only-value .mc-form-multiselect {
    width: 100%; }

/* SEO Placeholder hints */
.placeholder-hint {
  line-height: 1.4;
  margin-top: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row; }

.placeholder-hint__label {
  padding: 0 1.2em;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center; }

.placeholder-hint__icon {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #6070f6;
  color: #ffffff;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center; }

.contextual-help__container {
  margin: 0 0 20px 0;
  font-size: 12px; }
  .contextual-help__container a {
    color: #6070f6;
    font-size: 12px;
    text-decoration: none; }

.placeholder-hint__text {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center; }

mc-field-translation-decorator {
  display: block;
  position: relative; }
  .mc-form-view.mc-multicolumn mc-field-translation-decorator {
    width: 100%; }

.mc-form-view.mc-multicolumn .mc-form-control.mc-prefixed-text-input {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  padding: 0 0 0 0.4em; }
  .mc-form-view.mc-multicolumn .mc-form-control.mc-prefixed-text-input .mc-prefixed-text-input__transclude {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    flex-grow: 1;
    -ms-flex-positive: 1; }
  .mc-form-view.mc-multicolumn .mc-form-control.mc-prefixed-text-input .mc-prefixed-text-input__prefix {
    padding: 0 0.1em 0 0;
    color: rgba(102, 102, 102, 0.5); }
  .mc-form-view.mc-multicolumn .mc-form-control.mc-prefixed-text-input .mc-prefixed-text-input__value {
    font-family: 'Open Sans', sans-serif;
    border: 0;
    padding: 0.4em 0.4em 0.4em 0;
    color: #555;
    font-size: 1em;
    background-color: transparent;
    width: 100%; }
    .mc-form-view.mc-multicolumn .mc-form-control.mc-prefixed-text-input .mc-prefixed-text-input__value.ng-touched.ng-invalid {
      border: 0;
      outline: 1px solid #e52e2e; }

.mc-form-label-value__with-tooltip {
  display: flex !important;
  align-items: center;
  gap: 5px; }
  .mc-form-label-value__with-tooltip span {
    margin-bottom: -2px; }

.mc-form-control-x {
  width: 100%;
  font-size: 1.1em;
  padding: 0.4em;
  border: 1px solid #d1d1d1;
  height: 2.4em;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mc-form-group.mc-focus .mc-form-label {
  color: #6070f6; }

.mc-label-cell .mc-input-label.mc-form-label {
  width: auto;
  min-width: 0; }

/*
 FORM TABLE LIST
*/
.mc-form-table-list {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  color: #858585;
  font-size: 12px; }

.mc-form-table-list__wrapper {
  position: relative; }

.mc-form-table-list__header {
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  background-color: #f2f2f2; }
  .mc-form-table-list__header .mc-form-table-list__col--checkbox {
    position: relative;
    z-index: 3; }

.mc-form-table-list__header-row {
  min-height: 60px;
  height: 60px; }

.mc-form-table-list__header-col {
  position: relative;
  font-weight: 600;
  padding: 0 10px; }

.mc-form-table-list__body {
  background-color: #f8f8f8; }

.mc-form-table-list__body-row {
  min-height: 60px;
  height: 60px;
  border-style: solid;
  border-width: 1px 0 1px 0;
  border-color: #e1e1e1; }
  .mc-form-table-list__body-row.mc-has-error {
    border-left: 2px solid #c80505;
    background-color: #fff1f1; }
  .mc-form-table-list__body-row.mc-is-selected {
    background-color: #6070f6;
    color: #ffffff;
    border-color: #2f4ac8; }
    .mc-form-table-list__body-row.mc-is-selected:hover {
      background-color: #6070f6; }
  .mc-form-table-list__body-row.is-variant-default .mc-form-table-list__body-col {
    font-weight: 600;
    color: #525252; }
  .mc-form-table-list__body-row:hover {
    background-color: #fcfcfc; }

.mc-form-table-list__body-col {
  position: relative;
  padding: 5px; }
  .mc-form-table-list__body-col .mc-table-text-cell {
    display: flex;
    align-items: center;
    padding: 0px 10px; }
  .mc-form-table-list__body-col .mc-table-text-content {
    line-height: 16px;
    word-break: break-all;
    margin-right: 25px;
    flex-grow: 1;
    padding: 7px 0px 8px; }
  .mc-form-table-list__body-col:hover .mc-table-text-content {
    margin-right: 4px;
    padding: 0px; }
  .mc-form-table-list__body-col:hover .mc-is-editable {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    box-shadow: 0px 0px 0px 1px #d6d6d6;
    padding: 8px 10px;
    background-color: #ffffff;
    color: #858585;
    margin-top: -1px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .mc-form-table-list__body-col:hover .mc-is-editable__icon {
    display: inline-block; }
  .mc-form-table-list__body-col .mc-is-editable__icon {
    padding: 8px 4px;
    display: none; }
  .mc-form-table-list__body-col--availability {
    padding-left: 10px; }

.mc-form-table-list__col-media-img {
  width: 35px;
  height: 35px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-size: cover;
  background-color: #f2f2f2; }

.mc-form-table-list__col--checkbox {
  min-width: 60px;
  width: 60px;
  padding: 0 calc((60px - 22px) / 2); }

.mc-form-table-list__col--media {
  min-width: 60px;
  width: 60px;
  padding: 0 calc((60px - 35px) / 2); }

.mc-form-table-list__col--minimal {
  min-width: 100px;
  width: 100px; }

.mc-form-table-list__body-col--default {
  padding-left: 10px; }

.mc-form-table-list__col--hidden {
  visibility: hidden; }

.mc-form-table-list.mc-is-disabled .mc-form-table-list__body-col:hover .mc-is-editable {
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 0;
  background-color: transparent;
  color: inherit;
  margin-top: 0;
  margin-left: 0;
  cursor: default;
  -webkit-user-select: inherit;
  -moz-user-select: inherit;
  -ms-user-select: inherit;
  user-select: inherit; }

.mc-form-table-list.mc-is-disabled .mc-form-table-list__body-col:hover .mc-is-editable__icon {
  display: none; }

.mc-form-table-list.mc-is-disabled .mc-form-table-list__body-row:hover {
  background-color: transparent; }

.mc-form-table-list.mc-is-disabled .mc-form-table-list__body-row.mc-is-selected {
  background-color: #e6e6e6;
  color: #858585;
  border-color: #e1e1e1; }
  .mc-form-table-list.mc-is-disabled .mc-form-table-list__body-row.mc-is-selected:hover {
    background-color: #e6e6e6; }

/*
 FORM TABLE ERROR LIST
 */
.mc-form-table-list__error-list {
  padding-bottom: 10px;
  border-top: 1px solid #e1e1e1; }

/*
 FORM TABLE FILTER
*/
.mc-form-table-filter {
  padding: 1.1em;
  color: #666666;
  position: relative;
  border-top: 1px solid #e1e1e1;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .mc-form-table-filter.mc-is-disabled {
    color: #b6b6b6; }
    .mc-form-table-filter.mc-is-disabled .mc-form-table-filter-list-item {
      cursor: default;
      color: #b6b6b6;
      border-color: #b6b6b6;
      background-color: transparent; }
      .mc-form-table-filter.mc-is-disabled .mc-form-table-filter-list-item.mc-is-selected {
        cursor: default;
        color: #b6b6b6;
        border-color: #b6b6b6;
        background-color: transparent; }

.mc-form-table-filter-list {
  margin-left: 10px; }

.mc-form-table-filter-list-item {
  float: left;
  padding: 12px;
  color: #858585;
  margin: 5px;
  border: 1px solid;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: color 0.3s ease, background-color 0.3s ease;
  -moz-transition: color 0.3s ease, background-color 0.3s ease;
  transition: color 0.3s ease, background-color 0.3s ease; }
  .mc-form-table-filter-list-item.mc-is-selected {
    color: #ffffff;
    border-color: #858585;
    background-color: #858585; }

.mc-form-table-group-1 {
  color: #00c672;
  background-color: rgba(0, 198, 114, 0); }
  .mc-form-table-group-1.mc-is-selected {
    color: #ffffff;
    border-color: #00c672;
    background-color: #00c672; }

.mc-form-table-group-2 {
  color: #f78f1e;
  background-color: rgba(247, 143, 30, 0); }
  .mc-form-table-group-2.mc-is-selected {
    color: #ffffff;
    border-color: #f78f1e;
    background-color: #f78f1e; }

.mc-form-table-group-3 {
  color: #1e5edf;
  background-color: rgba(30, 94, 223, 0); }
  .mc-form-table-group-3.mc-is-selected {
    color: #ffffff;
    border-color: #1e5edf;
    background-color: #1e5edf; }

.mc-form-table-group-4 {
  color: #9174ef;
  background-color: rgba(145, 116, 239, 0); }
  .mc-form-table-group-4.mc-is-selected {
    color: #ffffff;
    border-color: #9174ef;
    background-color: #9174ef; }

.mc-form-table-group-5 {
  color: #ff5252;
  background-color: rgba(255, 82, 82, 0); }
  .mc-form-table-group-5.mc-is-selected {
    color: #ffffff;
    border-color: #ff5252;
    background-color: #ff5252; }

/*
 FORM TABLE BULK-ACTIONS
*/
.mc-form-table-bulk-actions {
  position: absolute;
  top: 1px;
  left: 0;
  right: 0;
  z-index: 2;
  background-color: rgba(244, 244, 244, 0);
  min-height: 59px;
  padding: 4px 1.1em 4px 60px;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease; }
  .mc-form-table-bulk-actions.mc-is-active {
    background-color: #f4f4f4; }

.mc-form-table-bulk-actions__container {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: -moz-transform 0.3s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.3s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translateX(50%);
  -moz-transform: translateX(50%);
  -ms-transform: translateX(50%);
  -o-transform: translateX(50%);
  transform: translateX(50%);
  pointer-events: none; }
  .mc-form-table-bulk-actions__container.mc-is-active {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    pointer-events: all; }

.mc-form-table-bulk-actions__select-count {
  margin-left: 1em;
  color: #666666;
  font-weight: 400; }

.mc-form-table-bulk-actions__select-text {
  margin-left: 0.2em;
  color: #666666; }

.mc-form-table-bulk-actions__list {
  margin-left: 1.5em; }

.mc-form-table-bulk-actions__list-item {
  float: left;
  margin: 5px; }

/*
 FORM TABLE OPTIONS
*/
.mc-form-table-options {
  padding-bottom: 0.5em; }

/*#Animations

In the MondoCloud there are Some Animations which we use. 


LoadingAnimation needs the class "mc-loading-circle"

For Using the LoadingAnimation in a button the class "mc-loading-btn-cirlce" is needed 
*/
.mc-loading-circle {
  height: 26px;
  width: 26px;
  border: 4px solid;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -13px;
  margin-left: -13px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border-color: #e2e2e2; }

.mc-loading-circle:after {
  content: '';
  position: absolute;
  display: block;
  bottom: 0;
  width: 100%;
  height: 100%;
  -webkit-animation: busyLoading 1s infinite linear;
  -moz-animation: busyLoading 1s infinite linear;
  animation: busyLoading 1s infinite linear;
  background-color: #e2e2e2; }

.mc-pending-container--dark {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  background-color: rgba(0, 0, 0, 0.1); }
  .mc-pending-container--dark .mc-loader {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50% -50%);
    -moz-transform: translate(-50% -50%);
    -ms-transform: translate(-50% -50%);
    -o-transform: translate(-50% -50%);
    transform: translate(-50% -50%); }

.mc-loader {
  height: 25px;
  width: 25px;
  border: 4px solid #000;
  opacity: 0.3;
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }
  .mc-loader:after {
    content: '';
    position: absolute;
    display: block;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    -webkit-animation: wave 1s infinite linear;
    -moz-animation: wave 1s infinite linear;
    animation: wave 1s infinite linear; }

@-webkit-keyframes wave {
  0% {
    -webkit-transform: translateX(-100%); }
  100% {
    -webkit-transform: translateX(100%); } }

@-moz-keyframes wave {
  0% {
    -moz-transform: translateX(-100%); }
  100% {
    -moz-transform: translateX(100%); } }

@keyframes wave {
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); } }

@-webkit-keyframes busyLoading {
  0% {
    -webkit-transform: translateX(-100%); }
  100% {
    -webkit-transform: translateX(100%); } }

@-moz-keyframes busyLoading {
  0% {
    -moz-transform: translateX(-100%); }
  100% {
    -moz-transform: translateX(100%); } }

@keyframes busyLoading {
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); } }

.mc-status-live {
  position: absolute;
  top: -6px;
  left: -6px;
  width: 20px;
  height: 20px;
  border: 2px solid;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  z-index: 3;
  background-color: #6070f6;
  border-color: #ffffff; }

.mc-widget .mc-status-live {
  display: none; }

.mc-widget.mc-has-live-data .mc-status-live {
  display: block; }

.mc-status-live:before {
  display: block;
  content: '';
  width: 48px;
  height: 22px;
  background-image: url("/admin/styles/images/themes/default/wave2.png");
  background-repeat: repeat-x;
  background-position: 0 -3px;
  -webkit-animation: liveWave 2s infinite linear;
  -moz-animation: liveWave 2s infinite linear;
  animation: liveWave 2s infinite linear; }

.mc-widget:hover .mc-status-live {
  background-color: #e52e2e; }

.mc-widget:hover .mc-status-live:before {
  background-image: url("/admin/styles/images/themes/default/1x1.gif");
  background-position: 0 9px;
  -webkit-animation: liveWave 500ms 1s infinite linear;
  -moz-animation: liveWave 500ms 1s infinite linear;
  animation: liveWave 500ms 1s infinite linear; }

@-webkit-keyframes liveWave {
  0% {
    -webkit-transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(-50%); } }

@-moz-keyframes liveWave {
  0% {
    -moz-transform: translateX(0%); }
  100% {
    -moz-transform: translateX(-50%); } }

@keyframes liveWave {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); } }

.mc-widget-main-busy {
  display: none; }

.mc-bouncing {
  -webkit-animation: bouncing 1s linear;
  -moz-animation: bouncing 1s linear;
  animation: bouncing 1s linear; }

@-webkit-keyframes bouncing {
  0%,
  20%,
  50%,
  70%,
  100% {
    -webkit-transform: translateY(0); }
  10%,
  60% {
    -webkit-transform: translateY(-5px); }
  30%,
  80% {
    -webkit-transform: translateY(-2px); } }

@-moz-keyframes bouncing {
  0%,
  20%,
  50%,
  70%,
  100% {
    -moz-transform: translateY(0); }
  10%,
  60% {
    -moz-transform: translateY(-5px); }
  30%,
  80% {
    -moz-transform: translateY(-2px); } }

@keyframes bouncing {
  0%,
  20%,
  50%,
  70%,
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  10%,
  60% {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px); }
  30%,
  80% {
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px); } }

.mc-dropped-animate {
  -webkit-animation: dropped 300ms ease-in-out;
  -moz-animation: dropped 300ms ease-in-out;
  animation: dropped 300ms ease-in-out; }

@-webkit-keyframes dropped {
  0% {
    -webkit-transform: scale(0.99); }
  50% {
    -webkit-transform: scale(1.01); }
  100% {
    -webkit-transform: scale(1); } }

@-moz-keyframes dropped {
  0% {
    -moz-transform: scale(0.99); }
  50% {
    -moz-transform: scale(1.01); }
  100% {
    -moz-transform: scale(1); } }

@keyframes dropped {
  0% {
    -webkit-transform: scale(0.99);
    -moz-transform: scale(0.99);
    -ms-transform: scale(0.99);
    -o-transform: scale(0.99);
    transform: scale(0.99); }
  50% {
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -o-transform: scale(1.01);
    transform: scale(1.01); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

/*#Tables

The Standard Tables in MondoCloud

    <table class="mc-datatable">
        <thead>
            <tr>
                <th class="mc-datatable-checkbox mc-datatable-checkbox-all">
                    <input type="checkbox">
                </th>

                <th class= mc-size-xs">
                    <span class="mc-data-table-columnlabel">ID</span>
                    <span class="mc-data-table-sortdirection"></span>
                </th>
                <th class= mc-can-click mc-size-xs">
                    <span class="mc-data-table-columnlabel">Name</span>
                    <span class="mc-data-table-sortdirection">
                        <i class="mc-icon mc-icon-ddarrow mc-icon-lg"></i>
                    </span>
                </th>
            </tr>
        </thead>
        <tbody>
            <tr class= mc-can-click">
                <td class="mc-datatable-checkbox" data-title="Selektiert">
                    <input type="checkbox" class="ng-pristine ng-valid">
                </td>
            </tr>
            <tr class= mc-can-click">
                <td class="mc-datatable-checkbox" data-title="Selektiert">
                    <input type="checkbox" class="ng-pristine ng-valid">
                </td>
            </tr>
        </tbody>
    </table>

 */
.mc-datatable-wrapper {
  width: 100%;
  padding: 30px; }
  .mc-datatable-wrapper .mc-widget {
    display: block; }
  @media only screen and (max-width: 640px) {
    .mc-datatable-wrapper .mc-widget {
      box-shadow: none; }
      .mc-datatable-wrapper .mc-widget .mc-widget-main {
        background-color: transparent; } }

.mc-mcenter-view .mc-widget {
  box-shadow: none; }

.mc-dashboard .mc-datatable {
  margin-bottom: 0px; }

.mc-datatable {
  width: 100%;
  color: #858585;
  display: table;
  text-decoration: none; }
  .mc-datatable [ng-click] {
    cursor: default; }
  .mc-datatable .mc-can-click [ng-click] {
    cursor: pointer; }
  .mc-datatable--editMode {
    table-layout: fixed; }
    .mc-datatable--editMode th {
      width: 100%; }
    .mc-datatable--editMode td {
      vertical-align: middle; }
  .mc-datatable .mc-datatable-table-row {
    background-color: #ffffff;
    display: table-row; }
  .mc-datatable .mc-datatable-table-head {
    height: 60px;
    padding: 0 15px;
    font-weight: 600;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle; }
    .mc-datatable .mc-datatable-table-head > .mc-datatable-table-cell:first-child:not(.mc-datatable-checkbox) {
      padding-left: 15px; }
    .mc-datatable .mc-datatable-table-head:last-child {
      padding-right: 15px; }
    .mc-datatable .mc-datatable-table-head.mc-datatable-left {
      text-align: left; }
    .mc-datatable .mc-datatable-table-head.mc-datatable-cell-shrink {
      width: 1%;
      white-space: nowrap; }
  .mc-datatable .mc-datatable-table-cell {
    display: table-cell;
    padding: 0 15px;
    position: relative;
    min-height: 60px;
    height: 60px;
    border-bottom: 1px solid #e1e1e1;
    vertical-align: middle;
    min-width: 80px; }
    .mc-datatable .mc-datatable-table-cell:first-child {
      border-left: 1px solid #e1e1e1; }
      .mc-datatable .mc-datatable-table-cell:first-child:not(.mc-datatable-checkbox) {
        padding-left: 15px; }
    .mc-datatable .mc-datatable-table-cell:last-child {
      border-right: 1px solid #e1e1e1; }
    .mc-datatable .mc-datatable-table-cell.mc-datatable-checkbox {
      min-width: 50px;
      width: 50px; }
  .mc-datatable th {
    border-top: 1px solid #e1e1e1; }
  .mc-datatable td,
  .mc-datatable th {
    min-height: 60px;
    border-bottom: 1px solid #e1e1e1; }
    .mc-datatable td .mc-icon,
    .mc-datatable th .mc-icon {
      position: absolute; }
    .mc-datatable td:first-child,
    .mc-datatable th:first-child {
      border-left: 1px solid #e1e1e1; }
    .mc-datatable td:last-child,
    .mc-datatable th:last-child {
      border-right: 1px solid #e1e1e1; }
  .mc-datatable thead th {
    height: 60px;
    padding: 0 15px;
    font-weight: 600;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative; }
    .mc-datatable thead th:first-child:not(.mc-datatable-checkbox) {
      padding-left: 30px; }
    .mc-datatable thead th:last-child {
      padding-right: 30px; }
    .mc-datatable thead th.mc-datatable-left {
      text-align: left; }
    .mc-datatable thead th.mc-datatable-cell-shrink {
      width: 1%;
      white-space: nowrap; }
  .mc-datatable thead tr {
    background-color: #ffffff; }
  .mc-datatable tbody tr {
    background-color: #ffffff;
    cursor: pointer; }
    .mc-datatable tbody tr td {
      padding: 0;
      position: relative; }
      .mc-datatable tbody tr td.order-customer__col,
      .mc-datatable tbody tr td.product-name__col div,
      .mc-datatable tbody tr td.product-symbol__col div {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
      .mc-datatable tbody tr td.order-customer__col {
        max-width: 150px; }
      .mc-datatable tbody tr td.product-name__col {
        max-width: 160px; }
      .mc-datatable tbody tr td.product-symbol__col {
        max-width: 160px; }
      .mc-datatable tbody tr td.product-category__col {
        max-width: 160px; }
      .mc-datatable tbody tr td:first-child:not(.mc-datatable-checkbox) {
        padding-left: 15px; }
        .mc-datatable tbody tr td:first-child:not(.mc-datatable-checkbox) .mc-datatable-cell-value {
          margin: 0; }
      .mc-datatable tbody tr td:last-child {
        padding-right: 15px; }
      .mc-datatable tbody tr td.mc-datatable-cell-shrink {
        width: 1%;
        white-space: nowrap; }
      .mc-datatable tbody tr td .mc-icon {
        position: relative; }
      .mc-datatable tbody tr td.mc-datatable-no-padding {
        padding: 0; }
      .mc-datatable tbody tr td.mc-progress-overlay {
        position: absolute;
        width: 100%;
        padding: 0;
        z-index: 0; }
  .mc-datatable tbody tr:hover {
    background-color: #fcfcfc; }
  .mc-datatable tbody tr.mc-is-focused {
    background-color: #dce0ff;
    color: #6070f6;
    border-color: #ececec #2f4ac8 #ececec #2f4ac8; }
    .mc-datatable tbody tr.mc-is-focused .mc-datatable-cell-value,
    .mc-datatable tbody tr.mc-is-focused .mc-datatable-icon {
      color: #6070f6; }
  .mc-datatable tbody tr.mc-is-selected {
    background-color: #5e71f5;
    color: #ffffff;
    /*&:hover {
                background-color: $tableHoverBg;
            }*/ }
    @media only screen and (min-width: 640px) {
      .mc-datatable tbody tr.mc-is-selected td {
        border-bottom: 1px solid #6070f6; } }
    .mc-datatable tbody tr.mc-is-selected .mc-datatable-cell-value,
    .mc-datatable tbody tr.mc-is-selected .mc-datatable-icon {
      color: #ffffff; }
  .mc-datatable tbody tr.ui-sortable-helper {
    display: table; }
    .mc-datatable tbody tr.ui-sortable-helper td {
      background-color: #fcfcfc; }
  .mc-datatable tbody tr.mc-datatable-placeholder {
    background-color: #efefef; }
  .mc-datatable th.mc-datatable-checkbox {
    padding: 0 15px; }
  .mc-datatable .mc-datatable-checkbox {
    min-width: 50px;
    width: 50px;
    padding: 0 15px;
    vertical-align: middle; }
    @media only screen and (max-width: 640px) {
      .mc-datatable .mc-datatable-checkbox {
        width: 100%;
        text-align: center;
        padding: 0; }
        .mc-datatable .mc-datatable-checkbox.mc-datatable-checkbox-all {
          min-width: 35px;
          width: 35px;
          border: none; }
        .mc-datatable .mc-datatable-checkbox:before {
          display: none; } }
    .mc-datatable .mc-datatable-checkbox .mc-icon {
      top: 0;
      left: 50%;
      transform: translateX(-50%); }
  .mc-datatable .mc-datatable-narrow {
    min-width: 80px;
    width: 80px; }
    @media only screen and (max-width: 640px) {
      .mc-datatable .mc-datatable-narrow {
        width: 100%; } }
  .mc-datatable .mc-datatable-large {
    min-width: 200px;
    width: 200px; }
    @media only screen and (max-width: 640px) {
      .mc-datatable .mc-datatable-large {
        width: 100%; } }
  .mc-datatable .mc-file-status {
    top: 12px; }
  .mc-datatable .mc-datatable-actions {
    float: right;
    z-index: 3;
    position: relative; }
    .mc-datatable .mc-datatable-actions .mc-action-item-action {
      float: left; }
  .mc-datatable .mc-datatable-cell-label {
    display: none; }
  .mc-datatable .mc-datatable-cell-value {
    font-weight: 300;
    font-size: 13px;
    color: #666;
    text-decoration: none;
    line-height: 50px;
    padding: 10px 15px;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center; }
    .mc-datatable .mc-datatable-cell-value div,
    .mc-datatable .mc-datatable-cell-value span {
      text-decoration: none; }
    .mc-datatable .mc-datatable-cell-value__download {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      box-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center;
      -webkit-box-align: center;
      -moz-box-align: center;
      box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -ms-flex-align: center;
      height: 100%;
      width: 100%;
      cursor: pointer; }
  .mc-datatable .mc-data-table-actions-column {
    width: 75px; }
  .mc-datatable .mc-data-table-actions-columns-2 {
    width: 115px; }
  .mc-datatable .mc-datatable__page-status-indicator {
    width: 70px; }

.mc-datatable-empty-placeholder {
  height: 500px;
  width: 100%; }
  .mc-datatable-empty-placeholder td {
    text-align: center;
    font-size: 18px; }

.mc-datatable-empty-state {
  display: none;
  cursor: default; }
  .mc-datatable-empty-state:nth-last-child(1) {
    width: 100%;
    display: table-row;
    background-color: #ffffff;
    cursor: default; }
    .mc-datatable-empty-state:nth-last-child(1):hover {
      background-color: #ffffff; }
    .mc-datatable-empty-state:nth-last-child(1) td {
      border: 0; }
  .mc-datatable-empty-state.mc-datatable-empty-placeholder {
    display: block; }
  @media (min-width: 640px) {
    .mc-datatable-empty-state.mc-datatable-empty-placeholder {
      display: table-row; } }

.mc-datatable-handler {
  width: 10px;
  cursor: url("data:image/vnd.microsoft.icon;base64,AAACAAEAICACAAcABQAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAAAEAAAAAAAAAAAAAAgAAAAAAAAAAAAAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD8AAAA/AAAAfwAAAP+AAAH/gAAB/8AAA//AAAd/wAAGf+AAAH9gAADbYAAA2yAAAZsAAAGbAAAAGAAAAAAAAA//////////////////////////////////////////////////////////////////////////////////////gH///4B///8Af//+AD///AA///wAH//4AB//8AAf//AAD//5AA///gAP//4AD//8AF///AB///5A////5///8="), all-scroll;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: -webkit-grab;
  cursor: grab;
  color: #c2c2c2; }
  .mc-datatable-handler i.mc-icon-handler-v {
    color: #cccccc; }

.mc-datatable-container {
  position: relative; }

.mc-datatable-checkbox {
  text-align: center; }

.mc-datatable-center,
.mc-datatable-coltype-bool {
  text-align: center; }

.mc-datatable-center span {
  padding-left: 0; }

.mc-data-table-sortdirection {
  position: absolute;
  display: inline-block;
  width: 10px;
  height: 12px;
  padding-left: 5px;
  top: 50%;
  transform: translateY(-50%); }

/*.mc-data-table-sortdirection-asc {
    top: 0;
    right: 0;
}
.mc-data-table-sortdirection-desc {
    bottom: 0;
    right: 0;
}*/
.mc-data-table-columnlabel {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  color: #666666; }

.mc-datatable-icon {
  color: #b6b6b6; }

.mc-size-xs {
  display: block; }
  @media (min-width: 640px) {
    .mc-size-xs {
      display: table-cell; } }

.mc-size-s {
  display: block; }
  @media (min-width: 640px) {
    .mc-size-s {
      display: none; } }
  @media (min-width: 769px) {
    .mc-size-s {
      display: table-cell; } }

.mc-size-m {
  display: block; }
  @media (min-width: 640px) {
    .mc-size-m {
      display: none; } }
  @media (min-width: 970px) {
    .mc-size-m {
      display: table-cell; } }

.mc-size-l {
  display: block; }
  @media (min-width: 640px) {
    .mc-size-l {
      display: none; } }
  @media (min-width: 1300px) {
    .mc-size-l {
      display: table-cell; } }

.mc-size-xl {
  display: block; }
  @media (min-width: 640px) {
    .mc-size-xl {
      display: none; } }
  @media (min-width: 1300px) {
    .mc-size-xl {
      display: table-cell; } }

@media (min-width: 769px) {
  .mc-datatable tbody tr td.product-name__col {
    max-width: 200px; } }

@media (min-width: 1300px) {
  .mc-datatable tbody tr td.order-customer__col {
    text-overflow: initial;
    overflow: initial; }
  .mc-datatable tbody tr td.order-customer__col {
    max-width: initial; }
  .mc-datatable tbody tr td.product-category__col {
    max-width: 220px; }
  .mc-datatable tbody tr td.product-symbol__col {
    max-width: 200px; }
  .mc-datatable tbody tr td.product-name__col {
    max-width: 240px; } }

@media only screen and (max-width: 640px) {
  .mc-datatable {
    /* Force table to not be like tables anymore */
    /* Hide table headers (but not display: none;, for accessibility) */ }
    .mc-datatable .mc-datatable-cell-value {
      width: 100%;
      line-height: 30px; }
    .mc-datatable td,
    .mc-datatable th {
      min-height: 30px;
      height: 30px; }
      .mc-datatable td:last-child,
      .mc-datatable th:last-child {
        border-right: none; }
    .mc-datatable table,
    .mc-datatable thead,
    .mc-datatable tbody,
    .mc-datatable th,
    .mc-datatable td,
    .mc-datatable tr {
      display: block; }
    .mc-datatable thead tr {
      border-bottom: 1px solid #eee;
      border-top: 1px solid #eee; }
      .mc-datatable thead tr th:first-child {
        display: table-cell; }
        .mc-datatable thead tr th:first-child span {
          display: none; }
      .mc-datatable thead tr th:first-child {
        padding-left: 16px; }
      .mc-datatable thead tr th {
        display: none; }
    .mc-datatable tbody tr {
      margin-bottom: 14px; }
      .mc-datatable tbody tr td {
        /* Behave  like a "row" */
        border: none;
        position: relative;
        border-bottom: 1px solid #eee;
        border-left: 1px solid #eee;
        padding-left: 35%; }
        .mc-datatable tbody tr td.mc-datatable-checkbox {
          display: flex;
          align-items: center;
          justify-content: center; }
        .mc-datatable tbody tr td:last-child {
          padding-left: 35%;
          padding-right: 0; }
        .mc-datatable tbody tr td:first-child:not(.mc-datatable-checkbox) {
          padding-left: 35%; }
        .mc-datatable tbody tr td:before {
          /* Now like a table header */
          position: absolute;
          /* Top/left values mimic padding */
          top: 0;
          left: 10px;
          width: 35%;
          padding-right: 10px;
          white-space: nowrap;
          height: 100%;
          line-height: 30px;
          content: attr(data-title); }
      .mc-datatable tbody tr.mc-datatable-empty-placeholder td:first-child {
        padding-left: 0px;
        line-height: 30px; }
    .mc-datatable tr {
      height: 100%; }
    .mc-datatable .mc-is-selected td {
      border-color: #5e70e9; } }

.mc-datatable-header-overlay {
  position: absolute;
  right: 0;
  top: 8px;
  font-size: 12px;
  z-index: 1;
  width: 0;
  height: 44px;
  overflow: hidden;
  background-color: #e1e1e1; }
  .mc-datatable-header-overlay .mc-datatable-actions {
    display: none; }
  @media only screen and (max-width: 640px) {
    .mc-datatable-header-overlay {
      clear: both;
      margin: 0;
      width: 0;
      position: static;
      right: 0;
      top: 0;
      width: 100%;
      padding: 0;
      height: 0; }
      .mc-datatable-header-overlay .mc-datatable-bulkactions-btn {
        display: none; }
      .mc-datatable-header-overlay .mc-datatable-action-container {
        position: relative;
        height: 100%; }
      .mc-datatable-header-overlay .mc-datatable-actions {
        display: block;
        position: absolute;
        top: 8px;
        right: 20px; }
        .mc-datatable-header-overlay .mc-datatable-actions .mc-datatable-action-wrapper {
          float: left;
          position: relative; }
          .mc-datatable-header-overlay .mc-datatable-actions .mc-datatable-action-wrapper .mc-dropdown-caret {
            right: 4px;
            top: 0; }
          .mc-datatable-header-overlay .mc-datatable-actions .mc-datatable-action-wrapper .mc-dropdown {
            right: 0px;
            top: 8px; }
        .mc-datatable-header-overlay .mc-datatable-actions .mc-datatable-action {
          width: 28px;
          height: 28px;
          margin-left: 8px; }
          .mc-datatable-header-overlay .mc-datatable-actions .mc-datatable-action .mc-icon {
            line-height: 28px;
            padding-right: 8px; } }
  .mc-datatable-header-overlay .mc-fly-in-wrapper {
    position: absolute;
    right: 0;
    width: 50%;
    padding-left: 0;
    height: 100%;
    top: 0;
    -webkit-transition: width 200ms;
    -moz-transition: width 200ms;
    transition: width 200ms; }
    @media only screen and (max-width: 640px) {
      .mc-datatable-header-overlay .mc-fly-in-wrapper {
        width: calc(100% - 35px);
        height: 44px;
        left: 60px;
        top: 8px; }
        .mc-datatable-header-overlay .mc-fly-in-wrapper .mc-btn {
          width: 125px;
          height: 38px;
          padding-top: 14px;
          margin-left: 14px;
          margin-top: 3px;
          float: left; }
          .mc-datatable-header-overlay .mc-fly-in-wrapper .mc-btn .mc-icon {
            position: relative;
            top: -1px;
            left: -4px; }
        .mc-datatable-header-overlay .mc-fly-in-wrapper .mc-count-label {
          float: left;
          padding-top: 16px; } }

mc-large-media-list .mc-stat-is-deactive {
  visibility: hidden; }

mc-large-media-list .mc-datatable-header-overlay.mc-stat-is-active {
  left: 0;
  top: 0px;
  position: absolute;
  right: 16px;
  height: 60px;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8; }
  mc-large-media-list .mc-datatable-header-overlay.mc-stat-is-active .mc-fly-in-wrapper {
    width: 100%;
    display: flex;
    padding: 7px 0; }
  mc-large-media-list .mc-datatable-header-overlay.mc-stat-is-active mc-checkbox {
    margin: 14px 16px; }

@media only screen and (max-width: 640px) {
  mc-large-media-list .mc-datatable-header-overlay.mc-stat-is-active {
    height: 62px; }
    mc-large-media-list .mc-datatable-header-overlay.mc-stat-is-active .mc-fly-in-wrapper {
      left: 0px; }
      mc-large-media-list .mc-datatable-header-overlay.mc-stat-is-active .mc-fly-in-wrapper .mc-count-label {
        line-height: 34px; }
    mc-large-media-list .mc-datatable-header-overlay.mc-stat-is-active mc-checkbox {
      margin: 5px 16px; } }

.mc-datatable-header-overlay.mc-stat-is-active {
  left: 50px;
  width: auto;
  bottom: 3px;
  background-color: #ffffff;
  z-index: 150; }
  .mc-datatable-header-overlay.mc-stat-is-active .mc-fly-in-wrapper {
    width: 100%; }
    .mc-datatable-header-overlay.mc-stat-is-active .mc-fly-in-wrapper .mc-btn {
      width: 125px;
      height: 38px;
      margin-left: 14px;
      margin-top: 3px;
      float: left;
      line-height: 38px;
      padding: 0; }
      .mc-datatable-header-overlay.mc-stat-is-active .mc-fly-in-wrapper .mc-btn .mc-icon {
        position: relative;
        left: -5px; }
    .mc-datatable-header-overlay.mc-stat-is-active .mc-fly-in-wrapper .mc-count-label {
      float: left;
      line-height: 44px; }
  @media only screen and (max-width: 640px) {
    .mc-datatable-header-overlay.mc-stat-is-active {
      margin: 0; }
      .mc-datatable-header-overlay.mc-stat-is-active .mc-fly-in-wrapper {
        width: auto; }
        .mc-datatable-header-overlay.mc-stat-is-active .mc-fly-in-wrapper .mc-count-label {
          padding-top: 0; }
      .mc-datatable-header-overlay.mc-stat-is-active .mc-datatable-actions {
        right: 12px; } }

.mc-datatable-cell-list > li {
  display: inline-block;
  padding: 0 15px; }
  .mc-datatable-cell-list > li:first-of-type {
    padding-left: 0; }
  .mc-datatable-cell-list > li:last-of-type {
    padding-right: 0; }

.mc-datatable-template-cell {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%; }

.mc-datatable-item-actions-list {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

.mc-btn-delete-row {
  -webkit-transition: opacity 350ms ease;
  -moz-transition: opacity 350ms ease;
  transition: opacity 350ms ease; }

@media only screen and (min-width: 640px) {
  .mc-btn-delete-row {
    opacity: 0; }
  .mc-table-cell-narrow {
    width: 50px;
    text-align: right; } }

.mc-touch .mc-btn-delete-row {
  opacity: 1; }

.mc-table-row:hover .mc-btn-delete-row {
  opacity: 1; }

.mc-table-row-empty-placeholeder {
  height: 400px; }

.mc-text-left {
  text-align: left; }

.mc-text-center {
  text-align: center; }

.mc-text-right {
  text-align: right; }

@media only screen and (max-width: 640px) {
  .mc-text-center,
  .mc-text-right {
    text-align: left; } }

/*#Toolbar
Toolbar which inlcuded the Avatar List

    <div class="mc-toolbar">
        //Here should be the avatar List
    </div>
 */
.mc-toolbar {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end; }

.mc-toolbar-item .mc-icon {
  padding: 0px 15px; }

/*#Box for Formview
    
The Boxes are used in the formview. Formview Groups are included into the Boxes

    <div class="mc-box">

        <div class="mc-box-header">
            <div class="mc-box-label mc-horizontal-center">
                <i class="mc-icon mc-box-icon"></i>
                <span>...</span>
            </div>
        </div>

        <div class="mc-box-body mc-wait-for-data">

            <div class="mc-box-frame">
                <div class="mc-pending-container">
                    <div class="mc-loader mc-center-horizontal"></div>
                </div>
                <form class="mc-data-container"></form>
            </div>

        </div>

    </div>
 */
.mc-box {
  background-color: #efefef;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: block;
  height: 100%; }

.mc-box-header {
  position: relative;
  background-color: #fcfcfc;
  color: #525252;
  height: 2.8em;
  font-size: 1.1em;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px; }

.mc-box-header__link {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0.9em;
  padding: 0px 20px; }
  .mc-box-header__link a {
    text-decoration: none; }

.mc-box-label {
  height: inherit;
  padding-left: 0.9em; }

.mc-box-icon {
  padding-right: 8px;
  position: relative; }

.mc-box-frame {
  margin: 1.9em 1.1em; }

.mc-no-box-frame {
  margin: 0; }

.mc-box-nested-frame {
  margin: 1.1em; }
  @media only screen and (max-width: 769px) {
    .mc-box-nested-frame {
      margin: 0; } }

.mc-box--price-list > .mc-form-group {
  gap: 5px;
  padding: 0 1em 0.8em 0.8em; }
  .mc-box--price-list > .mc-form-group > label {
    order: 2;
    font-weight: 400; }

.mc-form-group.mc-box__discount-text {
  padding-bottom: 10px; }
  .mc-form-group.mc-box__discount-text .mc-box__discount-text-content {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #666666;
    margin-left: 10px; }
    .mc-form-group.mc-box__discount-text .mc-box__discount-text-content i {
      position: relative;
      font-size: 11px; }
    .mc-form-group.mc-box__discount-text .mc-box__discount-text-content .mc-form-label-value__with-tooltip {
      font-size: 11px;
      font-weight: 600;
      color: #666666; }

mc-discount-help-text ~ .mc-form-group:nth-of-type(2) label {
  order: -1; }

mc-discount-help-text + .mc-form-group:has(mc-checkbox[checked='checked']) + .mc-form-group {
  display: flex;
  width: 50%; }

mc-discount-help-text + .mc-form-group:has(mc-checkbox:not([checked='checked'])) + div {
  display: none; }

mc-discount-help-text + .mc-form-group:has(mc-checkbox:not([checked='checked'])) ~ mc-omnibus-help-text {
  display: none; }

mc-discount-help-text + .mc-form-group:has(mc-checkbox[disabled]) label {
  color: #8c8c8c; }

.mc-box__omnibus-text {
  color: #666;
  margin-left: 10px;
  font-size: 11px; }
  .mc-box__omnibus-text > div {
    display: flex; }
    .mc-box__omnibus-text > div mc-price {
      font-weight: 600; }

@media only screen and (max-width: 769px) {
  .mc-formview .mc-box-nested-frame {
    margin: 1.1em; } }

/*
If the Box is extended, the mc-box get the "mc-box-extended" class too.
 */
.mc-box-extended {
  background-color: #f4f4f4;
  color: #8c8c8c;
  border: 1px solid #e1e1e1;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

/*#Essentials

The Essentials for the side bar
The location-viewer is display inside Essentials

    <div class="mc-essentials-container">
        <div class="mc-essentials-header">
            <i class="mc-icon mc-icon-ddarrow mc-icon-half"></i> <span class="mc-essentials-header-desc">Essentials</span>
        </div>
        <div class="mc-essentials-content">
            <mc-location-render render-as="viewer"></mc-location-render>
        </div>
    </div>

 */
.mc-essentials-container {
  width: 100%;
  padding: 1.4em;
  display: block;
  /* Fix for location render as viewer */ }
  .mc-essentials-container .mc-essentials-header {
    cursor: pointer;
    overflow: hidden;
    margin-bottom: 0.9em;
    color: #525252; }
    .mc-essentials-container .mc-essentials-header .mc-icon {
      float: left;
      margin-right: 10px;
      line-height: 25px; }
    .mc-essentials-container .mc-essentials-header .mc-essentials-header-desc {
      float: left;
      line-height: 25px; }
  .mc-essentials-container .mc-form-group {
    padding-bottom: 0; }

.mc-is-collapsed {
  display: none; }

.mc-essentials-content .mc-form-group {
  -webkit-box-lines: single;
  -moz-box-lines: single;
  box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }

.mc-essentials-content .mc-value-cell {
  display: block;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  width: 72%; }

.mc-essentials-content .mc-attr-value {
  white-space: nowrap; }

.mc-essentials-content .mc-location-fieldset .mc-multicolumn {
  display: block; }
  .mc-essentials-content .mc-location-fieldset .mc-multicolumn .mc-label-cell {
    display: block;
    font-weight: 400;
    height: unset;
    margin-right: 1.2em;
    padding-left: 0;
    width: 28%; }
    .mc-essentials-content .mc-location-fieldset .mc-multicolumn .mc-label-cell .mc-input-label {
      max-width: 100%;
      font-size: 12px;
      color: #525252;
      overflow: hidden;
      text-overflow: ellipsis;
      display: inline-block;
      line-height: 40px;
      white-space: nowrap; }

.mc-is-collapsed {
  display: none; }

/*
This Class Shapes a Element round for example a div

    <div class="mc-shape-round"></div>
 */
.mc-shape-round {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

/*#DialogBox

Dialog Box for Login or Save Dialogs

	<div class="ngdialog-content">
	    <h1 class="mc-dialog-header">Speichern</h1>
	    <p class="mc-dialog-text">
	        Es wurden Änderungen getätigt. Möchten Sie speichern und schließen oder die Änderungen verwerfen?
	    </p>
	    <div class="mc-dialog-btn-group">
	        <div class="mc-grid mc-grid-1-2">
	            <button class="mc-btn">
	                <i class="mc-icon mc-icon-close mc-icon-lg"></i>
	                <span class="mc-btn-text">Verwerfen</span>
	            </button>
	        </div>
	        <div class="mc-grid mc-grid-1-2">
	            <button class="mc-btn mc-btn-success">
	                <i class="mc-icon mc-icon-check mc-icon-lg"></i>
	                <span class="mc-btn-text">Speichern</span>
	                <div class="mc-loader mc-center-horizontal"></div>
	            </button>
	        </div>
	    </div>
		<div class="ngdialog-close"></div>
	</div>

 */
.ngdialog-content hr {
  border: 0;
  border-top: 1px solid #e1e1e1;
  display: block;
  height: 1px;
  margin: 20px 0;
  padding: 0; }

.mc-dialog-header {
  font-size: 1.3em;
  margin-bottom: 1em; }
  .mc-dialog-header__checkbox {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: flex-end;
    padding: 15px 0; }
  .mc-dialog-header__checkbox-item {
    flex-grow: 0; }
    .mc-dialog-header__checkbox-item .mc-checkbox {
      margin-right: 16px; }
  .mc-dialog-header__error-message {
    color: #d0021b;
    padding-bottom: 15px; }

.mc-dialog-header--small {
  font-size: 14px;
  color: #666666; }

.mc-dialog__remark {
  font-size: 12px;
  margin-top: 5px; }

.mc-dialog__error-message {
  color: #c80505; }

.ngdialog.ngdialog-theme-default .ngdialog-close.ngdialog-close--secondary:before {
  top: 22px;
  font-size: 26px; }

.ngdialog.ngdialog-theme-default.ngdialog-confirm-translate .ngdialog-content {
  width: 685px !important; }

.mc-dialog-action-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row; }
  .mc-dialog-action-wrap .mc-md-button:first-child {
    margin-right: 20px; }

.mc-dialog-text {
  font-size: 1em; }
  .mc-dialog-text.mc-unsaved-dialog-text {
    margin-bottom: 3em; }
  .mc-dialog-text.mc-dialog-text__error-list li {
    padding: 5px 0; }
  .mc-dialog-text .mc-dialog-text__error-list--field {
    font-weight: 600; }

.mc-dialog__input-group {
  margin-bottom: 5px;
  margin-top: 20px; }
  .mc-dialog__input-group:first-of-type {
    margin-bottom: 5px;
    margin-top: 5px; }
  .mc-dialog__input-group .mc-toggle-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center; }
  .mc-dialog__input-group .mc-toggle-text-label {
    font-size: 0.95em;
    padding-left: 10px; }

.mc-dialog__daterange-group .mc-dialog__input-label {
  margin-bottom: 10px; }

.mc-dialog__daterange-group .mc-icon-calendar {
  position: absolute;
  margin-left: -34px;
  margin-top: 3px;
  pointer-events: none; }

.mc-dialog__input-label {
  margin-bottom: 6px; }

.mc-dialog__input {
  padding: 0.4em 0.8em;
  line-height: 28px; }

.mc-dialog-btn-group {
  height: 50px;
  padding-top: 15px; }
  .mc-dialog-btn-group .mc-btn {
    height: 45px; }
    .mc-dialog-btn-group .mc-btn .mc-btn-text {
      font-size: 1.2em; }
  .mc-dialog-btn-group .mc-btn-with-icon .mc-icon {
    margin-right: 5px; }

/* fix problem with showing dialog when wysiwyg full screen mode is on */
.mc-dialog-wysiwyg {
  z-index: 9991; }
  .mc-dialog-wysiwyg.ngdialog {
    z-index: 9991; }
  .mc-dialog-wysiwyg.ngdialog.ngdialog-theme-flyin {
    z-index: 9991; }

.ngdialog__actions {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-top: 25px; }
  .ngdialog__actions > button {
    flex: 1; }

.mc-dialog-tenant-log {
  line-break: anywhere;
  white-space: pre-line; }

.mc-dialog-tenant-log-btn-group {
  display: flex;
  justify-content: center; }

.mc-dialog__min-max {
  color: #bebebe; }

.translate-dialog__container {
  display: flex;
  flex-direction: column;
  gap: 10px; }

.translate-dialog__language-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px; }

.translate-dialog__header {
  font-weight: 600;
  font-size: 15px; }

.translate-dialog__checkbox-container {
  margin-top: 5px;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  gap: 5px; }

.translate-dialog__actions {
  display: flex;
  gap: 10px;
  width: 100%; }
  .translate-dialog__actions button {
    width: 100%; }

.translate-dialog__text {
  line-height: 1.5;
  margin-bottom: 15px; }

.translate-dialog__remark {
  font-size: 11px; }

.language-item {
  display: flex;
  align-items: center;
  gap: 5px; }

.mc-action-area-wrapper {
  position: relative;
  padding-top: 127px; }

.mc-action-area {
  position: fixed;
  padding: 0;
  z-index: 4;
  top: 60px;
  left: 0;
  width: 35px; }
  .mc-action-area .mc-md-button {
    position: relative; }
    .mc-action-area .mc-md-button .mc-dropdown-icon {
      position: absolute;
      right: 23px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
  .mc-action-area .mc-md-button__content {
    height: 40px; }

.mc-action-area__item-group {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row; }

.mc-action-area-item {
  position: relative;
  margin: 0;
  padding: 0; }

.mc-btn-action-default {
  background-color: #c4c7ca;
  color: white; }
  .mc-btn-action-default:hover {
    background-color: #a9aeb2; }
  .mc-btn-action-default[disabled], .mc-btn-action-default[disabled]:hover {
    background-color: #dfe1e2; }

.mc-aside-is-collapsed .mc-action-area__item-group {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column; }

.mc-aside-is-collapsed .mc-action-area .mc-md-button {
  border-radius: 0;
  height: 60px;
  box-shadow: 0; }
  .mc-aside-is-collapsed .mc-action-area .mc-md-button .mc-btn-text {
    display: none; }
  .mc-aside-is-collapsed .mc-action-area .mc-md-button .mc-md-button__icon--left {
    margin: 0; }
  .mc-aside-is-collapsed .mc-action-area .mc-md-button.mc-md-button--elevated, .mc-aside-is-collapsed .mc-action-area .white-theme.fr-popup .fr-action-buttons button.mc-md-button.fr-command, .white-theme.fr-popup .fr-action-buttons .mc-aside-is-collapsed .mc-action-area button.mc-md-button.fr-command {
    box-shadow: none; }
    .mc-aside-is-collapsed .mc-action-area .mc-md-button.mc-md-button--elevated.mc-md-button--negative, .mc-aside-is-collapsed .mc-action-area .white-theme.fr-popup .fr-action-buttons button.mc-md-button.mc-md-button--negative.fr-command, .white-theme.fr-popup .fr-action-buttons .mc-aside-is-collapsed .mc-action-area button.mc-md-button.mc-md-button--negative.fr-command {
      box-shadow: none; }
      .mc-aside-is-collapsed .mc-action-area .mc-md-button.mc-md-button--elevated.mc-md-button--negative.mc-md-button[disabled], .mc-aside-is-collapsed .mc-action-area .white-theme.fr-popup .fr-action-buttons button.mc-md-button.mc-md-button--negative.mc-md-button.fr-command[disabled], .white-theme.fr-popup .fr-action-buttons .mc-aside-is-collapsed .mc-action-area button.mc-md-button.mc-md-button--negative.mc-md-button.fr-command[disabled], .mc-aside-is-collapsed .mc-action-area .mc-md-button.mc-md-button--elevated.mc-md-button--negative.mc-md-button--disabled, .mc-aside-is-collapsed .mc-action-area .white-theme.fr-popup .fr-action-buttons button.mc-md-button.mc-md-button--negative.mc-md-button--disabled.fr-command, .white-theme.fr-popup .fr-action-buttons .mc-aside-is-collapsed .mc-action-area button.mc-md-button.mc-md-button--negative.mc-md-button--disabled.fr-command {
        box-shadow: none; }
    .mc-aside-is-collapsed .mc-action-area .mc-md-button.mc-md-button--elevated.mc-md-button--positive, .mc-aside-is-collapsed .mc-action-area .white-theme.fr-popup .fr-action-buttons button.mc-md-button.mc-md-button--positive.fr-command, .white-theme.fr-popup .fr-action-buttons .mc-aside-is-collapsed .mc-action-area button.mc-md-button.mc-md-button--positive.fr-command {
      box-shadow: none; }
      .mc-aside-is-collapsed .mc-action-area .mc-md-button.mc-md-button--elevated.mc-md-button--positive.mc-md-button[disabled], .mc-aside-is-collapsed .mc-action-area .white-theme.fr-popup .fr-action-buttons button.mc-md-button.mc-md-button--positive.mc-md-button.fr-command[disabled], .white-theme.fr-popup .fr-action-buttons .mc-aside-is-collapsed .mc-action-area button.mc-md-button.mc-md-button--positive.mc-md-button.fr-command[disabled], .mc-aside-is-collapsed .mc-action-area .mc-md-button.mc-md-button--elevated.mc-md-button--positive.mc-md-button--disabled, .mc-aside-is-collapsed .mc-action-area .white-theme.fr-popup .fr-action-buttons button.mc-md-button.mc-md-button--positive.mc-md-button--disabled.fr-command, .white-theme.fr-popup .fr-action-buttons .mc-aside-is-collapsed .mc-action-area button.mc-md-button.mc-md-button--positive.mc-md-button--disabled.fr-command {
        box-shadow: none; }
    .mc-aside-is-collapsed .mc-action-area .mc-md-button.mc-md-button--elevated.mc-md-button--primary, .mc-aside-is-collapsed .mc-action-area .white-theme.fr-popup .fr-action-buttons button.mc-md-button.fr-command, .white-theme.fr-popup .fr-action-buttons .mc-aside-is-collapsed .mc-action-area button.mc-md-button.fr-command {
      box-shadow: none; }
      .mc-aside-is-collapsed .mc-action-area .mc-md-button.mc-md-button--elevated.mc-md-button--primary.mc-md-button[disabled], .mc-aside-is-collapsed .mc-action-area .white-theme.fr-popup .fr-action-buttons button.mc-md-button.mc-md-button.fr-command[disabled], .white-theme.fr-popup .fr-action-buttons .mc-aside-is-collapsed .mc-action-area button.mc-md-button.mc-md-button.fr-command[disabled], .mc-aside-is-collapsed .mc-action-area .mc-md-button.mc-md-button--elevated.mc-md-button--primary.mc-md-button--disabled, .mc-aside-is-collapsed .mc-action-area .white-theme.fr-popup .fr-action-buttons button.mc-md-button.mc-md-button--disabled.fr-command, .white-theme.fr-popup .fr-action-buttons .mc-aside-is-collapsed .mc-action-area button.mc-md-button.mc-md-button--disabled.fr-command {
        box-shadow: none; }

.mc-aside-is-collapsed .mc-action-area .mc-md-button__content {
  height: 60px; }

.mc-aside-is-expanded .mc-action-area-wrapper {
  padding-top: 0; }

.mc-aside-is-expanded .mc-action-area {
  padding: 12px 10px 1.2em 10px;
  position: relative;
  top: 0;
  width: auto; }

.mc-aside-is-expanded .mc-action-area-item {
  margin-bottom: 10px; }

.mc-aside-is-expanded .mc-action-area-item {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0; }
  .mc-aside-is-expanded .mc-action-area-item.mc-action-area__item-small {
    width: 40px;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    flex-grow: 0;
    -ms-flex-positive: 0;
    -webkit-flex-shrink: 1;
    -moz-flex-shrink: 1;
    flex-shrink: 1;
    -ms-flex-negative: 1; }
  .mc-aside-is-expanded .mc-action-area-item.mc-action-area__item--mr {
    margin-right: 10px; }
  .mc-aside-is-expanded .mc-action-area-item.mc-action-area__item--ml {
    margin-left: 10px; }

.mc-aside-is-expanded.mc-aside-is-active .mc-action-area {
  padding: 12px 10px 1.2em 10px;
  position: relative;
  top: 0;
  width: auto; }

.mc-aside-is-expanded.mc-aside-is-active .mc-action-area-item {
  margin-bottom: 10px; }

.mc-aside-is-expanded.mc-aside-is-active .mc-action-area-item {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0; }
  .mc-aside-is-expanded.mc-aside-is-active .mc-action-area-item.mc-action-area__item-small {
    width: 40px;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    flex-grow: 0;
    -ms-flex-positive: 0;
    -webkit-flex-shrink: 1;
    -moz-flex-shrink: 1;
    flex-shrink: 1;
    -ms-flex-negative: 1; }
  .mc-aside-is-expanded.mc-aside-is-active .mc-action-area-item.mc-action-area__item--mr {
    margin-right: 10px; }
  .mc-aside-is-expanded.mc-aside-is-active .mc-action-area-item.mc-action-area__item--ml {
    margin-left: 10px; }

@media only screen and (max-width: 1300px) {
  .mc-aside-is-expanded:not(.mc-aside-is-active) .mc-action-area__item-group {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column; }
  .mc-aside-is-expanded:not(.mc-aside-is-active) .mc-action-area {
    position: fixed;
    padding: 0;
    top: 60px;
    width: 35px; }
    .mc-aside-is-expanded:not(.mc-aside-is-active) .mc-action-area .mc-md-button {
      border-radius: 0;
      height: 60px;
      box-shadow: 0; }
      .mc-aside-is-expanded:not(.mc-aside-is-active) .mc-action-area .mc-md-button .mc-dropdown-icon {
        display: none; }
      .mc-aside-is-expanded:not(.mc-aside-is-active) .mc-action-area .mc-md-button .mc-btn-text {
        display: none; }
      .mc-aside-is-expanded:not(.mc-aside-is-active) .mc-action-area .mc-md-button .mc-md-button__icon--left {
        margin: 0; }
      .mc-aside-is-expanded:not(.mc-aside-is-active) .mc-action-area .mc-md-button.mc-md-button--elevated, .mc-aside-is-expanded:not(.mc-aside-is-active) .mc-action-area .white-theme.fr-popup .fr-action-buttons button.mc-md-button.fr-command, .white-theme.fr-popup .fr-action-buttons .mc-aside-is-expanded:not(.mc-aside-is-active) .mc-action-area button.mc-md-button.fr-command {
        box-shadow: none; }
        .mc-aside-is-expanded:not(.mc-aside-is-active) .mc-action-area .mc-md-button.mc-md-button--elevated.mc-md-button--negative, .mc-aside-is-expanded:not(.mc-aside-is-active) .mc-action-area .white-theme.fr-popup .fr-action-buttons button.mc-md-button.mc-md-button--negative.fr-command, .white-theme.fr-popup .fr-action-buttons .mc-aside-is-expanded:not(.mc-aside-is-active) .mc-action-area button.mc-md-button.mc-md-button--negative.fr-command {
          box-shadow: none; }
          .mc-aside-is-expanded:not(.mc-aside-is-active) .mc-action-area .mc-md-button.mc-md-button--elevated.mc-md-button--negative.mc-md-button[disabled], .mc-aside-is-expanded:not(.mc-aside-is-active) .mc-action-area .white-theme.fr-popup .fr-action-buttons button.mc-md-button.mc-md-button--negative.mc-md-button.fr-command[disabled], .white-theme.fr-popup .fr-action-buttons .mc-aside-is-expanded:not(.mc-aside-is-active) .mc-action-area button.mc-md-button.mc-md-button--negative.mc-md-button.fr-command[disabled], .mc-aside-is-expanded:not(.mc-aside-is-active) .mc-action-area .mc-md-button.mc-md-button--elevated.mc-md-button--negative.mc-md-button--disabled, .mc-aside-is-expanded:not(.mc-aside-is-active) .mc-action-area .white-theme.fr-popup .fr-action-buttons button.mc-md-button.mc-md-button--negative.mc-md-button--disabled.fr-command, .white-theme.fr-popup .fr-action-buttons .mc-aside-is-expanded:not(.mc-aside-is-active) .mc-action-area button.mc-md-button.mc-md-button--negative.mc-md-button--disabled.fr-command {
            box-shadow: none; }
        .mc-aside-is-expanded:not(.mc-aside-is-active) .mc-action-area .mc-md-button.mc-md-button--elevated.mc-md-button--positive, .mc-aside-is-expanded:not(.mc-aside-is-active) .mc-action-area .white-theme.fr-popup .fr-action-buttons button.mc-md-button.mc-md-button--positive.fr-command, .white-theme.fr-popup .fr-action-buttons .mc-aside-is-expanded:not(.mc-aside-is-active) .mc-action-area button.mc-md-button.mc-md-button--positive.fr-command {
          box-shadow: none; }
          .mc-aside-is-expanded:not(.mc-aside-is-active) .mc-action-area .mc-md-button.mc-md-button--elevated.mc-md-button--positive.mc-md-button[disabled], .mc-aside-is-expanded:not(.mc-aside-is-active) .mc-action-area .white-theme.fr-popup .fr-action-buttons button.mc-md-button.mc-md-button--positive.mc-md-button.fr-command[disabled], .white-theme.fr-popup .fr-action-buttons .mc-aside-is-expanded:not(.mc-aside-is-active) .mc-action-area button.mc-md-button.mc-md-button--positive.mc-md-button.fr-command[disabled], .mc-aside-is-expanded:not(.mc-aside-is-active) .mc-action-area .mc-md-button.mc-md-button--elevated.mc-md-button--positive.mc-md-button--disabled, .mc-aside-is-expanded:not(.mc-aside-is-active) .mc-action-area .white-theme.fr-popup .fr-action-buttons button.mc-md-button.mc-md-button--positive.mc-md-button--disabled.fr-command, .white-theme.fr-popup .fr-action-buttons .mc-aside-is-expanded:not(.mc-aside-is-active) .mc-action-area button.mc-md-button.mc-md-button--positive.mc-md-button--disabled.fr-command {
            box-shadow: none; }
        .mc-aside-is-expanded:not(.mc-aside-is-active) .mc-action-area .mc-md-button.mc-md-button--elevated.mc-md-button--primary, .mc-aside-is-expanded:not(.mc-aside-is-active) .mc-action-area .white-theme.fr-popup .fr-action-buttons button.mc-md-button.fr-command, .white-theme.fr-popup .fr-action-buttons .mc-aside-is-expanded:not(.mc-aside-is-active) .mc-action-area button.mc-md-button.fr-command {
          box-shadow: none; }
          .mc-aside-is-expanded:not(.mc-aside-is-active) .mc-action-area .mc-md-button.mc-md-button--elevated.mc-md-button--primary.mc-md-button[disabled], .mc-aside-is-expanded:not(.mc-aside-is-active) .mc-action-area .white-theme.fr-popup .fr-action-buttons button.mc-md-button.mc-md-button.fr-command[disabled], .white-theme.fr-popup .fr-action-buttons .mc-aside-is-expanded:not(.mc-aside-is-active) .mc-action-area button.mc-md-button.mc-md-button.fr-command[disabled], .mc-aside-is-expanded:not(.mc-aside-is-active) .mc-action-area .mc-md-button.mc-md-button--elevated.mc-md-button--primary.mc-md-button--disabled, .mc-aside-is-expanded:not(.mc-aside-is-active) .mc-action-area .white-theme.fr-popup .fr-action-buttons button.mc-md-button.mc-md-button--disabled.fr-command, .white-theme.fr-popup .fr-action-buttons .mc-aside-is-expanded:not(.mc-aside-is-active) .mc-action-area button.mc-md-button.mc-md-button--disabled.fr-command {
            box-shadow: none; }
    .mc-aside-is-expanded:not(.mc-aside-is-active) .mc-action-area .mc-action-area-item {
      margin: 0; }
      .mc-aside-is-expanded:not(.mc-aside-is-active) .mc-action-area .mc-action-area-item.mc-action-area__item-small {
        width: auto; }
      .mc-aside-is-expanded:not(.mc-aside-is-active) .mc-action-area .mc-action-area-item.mc-action-area__item--mr {
        margin: 0; }
      .mc-aside-is-expanded:not(.mc-aside-is-active) .mc-action-area .mc-action-area-item.mc-action-area__item--ml {
        margin: 0; }
    .mc-aside-is-expanded:not(.mc-aside-is-active) .mc-action-area .mc-md-button__content {
      height: 60px; } }

.mc-action-area-dropdown.mc-active-content {
  left: 0;
  right: 0; }

.mc-dropdown.mc-action-area-dropdown.mc-action-area-dropdown,
.mc-dropdown-right.mc-action-area-dropdown.mc-action-area-dropdown {
  left: 1px;
  right: 1px;
  min-width: 200px;
  min-width: min-content; }

.mc-dropdown.mc-action-area-dropdown .mc-action-area-dropdown-item,
.mc-dropdown-right.mc-action-area-dropdown .mc-action-area-dropdown-item {
  width: 100%;
  padding-top: 0; }
  .mc-dropdown.mc-action-area-dropdown .mc-action-area-dropdown-item .mc-btn,
  .mc-dropdown-right.mc-action-area-dropdown .mc-action-area-dropdown-item .mc-btn {
    position: absolute;
    z-index: 1;
    height: 45px;
    text-align: left;
    width: 100%;
    border-radius: 0;
    background-color: #fcfcfc;
    color: #858585;
    padding: 0 5px;
    display: inline-block;
    font-size: 11px; }
    .mc-dropdown.mc-action-area-dropdown .mc-action-area-dropdown-item .mc-btn:hover,
    .mc-dropdown-right.mc-action-area-dropdown .mc-action-area-dropdown-item .mc-btn:hover {
      color: #363636;
      background-color: #f5f5f5; }
    .mc-dropdown.mc-action-area-dropdown .mc-action-area-dropdown-item .mc-btn.mc-btn-error,
    .mc-dropdown-right.mc-action-area-dropdown .mc-action-area-dropdown-item .mc-btn.mc-btn-error {
      z-index: 0;
      background-color: #e52e2e;
      color: white;
      -webkit-transition: opacity 0.15s ease;
      -moz-transition: opacity 0.15s ease;
      transition: opacity 0.15s ease;
      opacity: 0; }
      .mc-dropdown.mc-action-area-dropdown .mc-action-area-dropdown-item .mc-btn.mc-btn-error:hover,
      .mc-dropdown-right.mc-action-area-dropdown .mc-action-area-dropdown-item .mc-btn.mc-btn-error:hover {
        background-color: #c71919; }
    .mc-dropdown.mc-action-area-dropdown .mc-action-area-dropdown-item .mc-btn .mc-icon,
    .mc-dropdown-right.mc-action-area-dropdown .mc-action-area-dropdown-item .mc-btn .mc-icon {
      line-height: 45px;
      padding: 0 0 0 8px; }
      .mc-dropdown.mc-action-area-dropdown .mc-action-area-dropdown-item .mc-btn .mc-icon:hover,
      .mc-dropdown-right.mc-action-area-dropdown .mc-action-area-dropdown-item .mc-btn .mc-icon:hover {
        color: inherit; }
    .mc-dropdown.mc-action-area-dropdown .mc-action-area-dropdown-item .mc-btn .mc-btn-text,
    .mc-dropdown-right.mc-action-area-dropdown .mc-action-area-dropdown-item .mc-btn .mc-btn-text {
      display: inline-block;
      position: relative;
      top: 0;
      line-height: 45px;
      margin-left: 0; }
  .mc-dropdown.mc-action-area-dropdown .mc-action-area-dropdown-item .mc-btn[disabled],
  .mc-dropdown-right.mc-action-area-dropdown .mc-action-area-dropdown-item .mc-btn[disabled] {
    background-color: #e5e5e5;
    color: #bbbbbb; }
  .mc-dropdown.mc-action-area-dropdown .mc-action-area-dropdown-item.mc-has-second-state .mc-btn,
  .mc-dropdown-right.mc-action-area-dropdown .mc-action-area-dropdown-item.mc-has-second-state .mc-btn {
    opacity: 1;
    z-index: 2; }

.mc-issue-count-box {
  text-align: center;
  padding: 5px; }

.mc-issue-box {
  background-color: #fcfcfc;
  max-height: 53px;
  width: 100%;
  overflow: hidden;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: max-height, 0.5s, ease;
  -moz-transition: max-height, 0.5s, ease;
  transition: max-height, 0.5s, ease; }
  @media only screen and (max-width: 769px) {
    .mc-issue-box {
      max-height: 76px; } }
  .mc-issue-box .mc-btn-round {
    width: 34px;
    height: 34px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    right: 10px;
    top: 10px; }
    .mc-issue-box .mc-btn-round:hover {
      color: inherit; }
    .mc-issue-box .mc-btn-round .mc-icon {
      -webkit-transition: all, 0.25s, ease;
      -moz-transition: all, 0.25s, ease;
      transition: all, 0.25s, ease; }
  .mc-issue-box .mc-issue-icon-arrow {
    position: absolute;
    height: 100%;
    width: 40px;
    padding: 20px 2px;
    top: 0; }
    .mc-issue-box .mc-issue-icon-arrow .mc-icon {
      position: relative;
      top: 12px;
      left: 10px; }
  .mc-issue-box .mc-issue-icon-left {
    left: 2px; }
  .mc-issue-box .mc-issue-icon-right {
    right: 2px; }

.mc-issue-list {
  width: 100%;
  height: 100%;
  overflow: auto;
  position: relative;
  top: 0; }
  @media only screen and (max-width: 769px) {
    .mc-issue-list {
      padding-right: 0; } }

.mc-issue-list-all {
  position: absolute;
  right: 0;
  top: 0; }
  @media only screen and (max-width: 769px) {
    .mc-issue-list-all {
      display: none; } }
  .mc-issue-list-all .mc-btn {
    border: 1px solid #e2e2e2;
    background-color: #fcfcfc;
    box-shadow: 0px 3px 6px -6px black;
    padding: 0; }
    .mc-issue-list-all .mc-btn.mc-btn-rotate-90 {
      box-shadow: -3px 0px 6px -6px black; }

.mc-issue-list-item {
  color: #fcfcfc;
  width: 100%;
  margin-bottom: 10px;
  overflow: hidden;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: relative; }
  @media only screen and (max-width: 769px) {
    .mc-issue-list-item {
      height: 56px; } }
  .mc-issue-list-item:last-child {
    margin-bottom: 0px; }
  @media only screen and (min-width: 769px) {
    .mc-issue-list-item[ng-click] {
      cursor: default; } }

.mc-issue-list-item-expanded {
  margin-bottom: 10px;
  height: auto; }
  .mc-issue-list-item-expanded .mc-issue-more-container {
    display: block; }

.mc-issue-more-container {
  width: 100%;
  background-color: #f4f4f4;
  color: #858585;
  padding: 25px 50px;
  position: relative;
  display: none;
  line-height: 20px;
  overflow: auto; }
  .mc-issue-more-container .mc-issue-header {
    font-weight: bold; }

.mc-issue-list-item-error {
  display: flex;
  background-color: #e52e2e; }
  .mc-issue-list-item-error .mc-issue-list-container.mc-container-right {
    background-color: #e52e2e; }
  .mc-issue-list-item-error .mc-issue-list-container .mc-icon {
    color: #e52e2e; }

.mc-issue-list-item-alert {
  background-color: #ea9d31; }
  .mc-issue-list-item-alert .mc-issue-list-container.mc-container-right {
    background-color: #ea9d31; }
  .mc-issue-list-item-alert .mc-issue-list-container .mc-icon {
    color: #ea9d31; }

.mc-issue-list-item-info {
  background-color: #4859f7; }
  .mc-issue-list-item-info .mc-issue-list-container.mc-container-right {
    background-color: #4859f7; }
  .mc-issue-list-item-info .mc-issue-list-container .mc-icon {
    color: #4859f7; }

.mc-issue-list-container {
  float: left;
  position: relative; }
  .mc-issue-list-container.mc-icon.mc-hide-S {
    top: -2px;
    padding-right: 5px; }
  .mc-issue-list-container .mc-icon:before {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fcfcfc;
    padding: 6px; }
  .mc-issue-list-container .mc-issue-short {
    position: relative;
    display: flex;
    align-items: center;
    padding: 10px 8px;
    line-height: 12px; }
    .mc-issue-list-container .mc-issue-short .mc-icon {
      margin-right: 4px; }
  .mc-issue-list-container.mc-container-left {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    padding-right: 230px; }
    @media only screen and (max-width: 769px) {
      .mc-issue-list-container.mc-container-left {
        width: 100%;
        white-space: normal;
        overflow: visible;
        padding: 15px 0;
        padding-right: 10px; } }
    @media only screen and (max-width: 640px) {
      .mc-issue-list-container.mc-container-left {
        padding: 3px 14px 3px 0px; } }
  .mc-issue-list-container.mc-container-right {
    width: 230px;
    position: absolute;
    right: 0; }
    @media only screen and (max-width: 769px) {
      .mc-issue-list-container.mc-container-right {
        width: 0; } }
  .mc-issue-list-container .mc-issue-count {
    position: absolute;
    top: 10px;
    right: 65px;
    font-style: italic;
    display: inline-block; }
  .mc-issue-list-container .mc-issue-list-icon {
    display: none;
    cursor: pointer;
    -webkit-transform: rotate(-270deg);
    -moz-transform: rotate(-270deg);
    -ms-transform: rotate(-270deg);
    -o-transform: rotate(-270deg);
    transform: rotate(-270deg);
    font-size: 35px;
    top: 0;
    left: 0; }
    .mc-issue-list-container .mc-issue-list-icon:before {
      background-color: transparent;
      color: #fcfcfc; }
  .mc-issue-list-container .mc-issue-more-icon {
    position: absolute;
    top: 4px;
    right: 0px;
    height: 100%;
    width: 32px;
    padding: 5px; }
    .mc-issue-list-container .mc-issue-more-icon .mc-icon {
      -webkit-transition: -webkit-transform 0.25s ease;
      -moz-transition: -moz-transform 0.25s ease;
      transition: transform 0.25s ease; }
    .mc-issue-list-container .mc-issue-more-icon .mc-icon:before {
      background-color: transparent;
      color: #fcfcfc;
      padding: 0;
      position: relative; }

.mc-issue-more {
  position: absolute;
  top: 10px;
  right: 0;
  padding-left: 20px;
  width: 100%;
  color: #fcfcfc;
  font-style: italic;
  text-decoration: underline;
  cursor: pointer; }
  .mc-issue-more.mc-issue-more-bigList {
    right: 50px; }

a.mc-issue-more:hover {
  color: #d6d6d6; }

.mc-issue-list-navigation {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 100%; }
  .mc-issue-list-navigation__icon-container {
    border-radius: 2px;
    padding: 7px;
    background-color: #fcfcfc;
    display: flex;
    align-items: center;
    margin-left: 1px;
    cursor: pointer; }
  .mc-issue-list-navigation .mc-icon:before {
    padding: 0;
    border-radius: 0;
    font-size: 7px; }

.mc-issue-box-expanded {
  max-height: 311px; }
  .mc-issue-box-expanded .mc-issue-list-navigation {
    display: none; }
  .mc-issue-box-expanded .mc-issue-count {
    display: none; }
  .mc-issue-box-expanded .mc-issue-list-container.mc-container-right {
    width: 165px; }
  .mc-issue-box-expanded .mc-issue-list-icon {
    display: inline-block; }

.mc-issue-container {
  padding: 10px;
  margin-right: 3.4em;
  margin-left: 0; }
  @media only screen and (max-width: 769px) {
    .mc-issue-container {
      margin-left: 2.4em;
      margin-right: 2.4em; } }

.mc-issue-fail,
.mc-issue-solution {
  width: 50%;
  float: left;
  padding: 0 20px;
  padding-bottom: 25px; }

.mc-issue-list-counting {
  color: white;
  font-size: 14px;
  text-align: center; }

.mc-issue-list-detailview {
  margin: 10px 12px;
  background-color: white;
  padding: 25px;
  color: #858585;
  height: 100%;
  overflow: auto;
  position: relative; }
  .mc-issue-list-detailview .mc-issue-list-wrapper {
    margin-top: -10px;
    margin-bottom: 10px;
    position: absolute;
    margin-right: 25px;
    bottom: 0;
    top: 135px;
    right: 0;
    left: 25px; }
    .mc-issue-list-detailview .mc-issue-list-wrapper .mc-issue-list-detailview-moreContainer {
      overflow: auto;
      background-color: #f4f4f4;
      margin-bottom: 10px;
      position: absolute;
      bottom: 50px;
      top: 0;
      width: 100%;
      padding: 10px 0; }
      .mc-issue-list-detailview .mc-issue-list-wrapper .mc-issue-list-detailview-moreContainer .mc-issue-fail,
      .mc-issue-list-detailview .mc-issue-list-wrapper .mc-issue-list-detailview-moreContainer .mc-issue-solution {
        width: 100%; }
        .mc-issue-list-detailview .mc-issue-list-wrapper .mc-issue-list-detailview-moreContainer .mc-issue-fail .mc-issue-header,
        .mc-issue-list-detailview .mc-issue-list-wrapper .mc-issue-list-detailview-moreContainer .mc-issue-solution .mc-issue-header {
          font-size: 12px;
          font-weight: 800;
          line-height: 30px; }
  .mc-issue-list-detailview .mc-issue-list-detailview-header {
    font-size: 22px;
    padding-bottom: 22px; }
  .mc-issue-list-detailview .mc-issue-list-detailview-close {
    position: absolute;
    right: 15px;
    top: 18px;
    cursor: pointer; }
  .mc-issue-list-detailview .mc-issue-list-container {
    height: 100%;
    display: table;
    width: 100%;
    padding: 0 18px;
    margin-top: -3px; }
    .mc-issue-list-detailview .mc-issue-list-container .mc-issue-list-iconContainer {
      display: table-cell;
      vertical-align: middle;
      padding-top: 3px; }
    .mc-issue-list-detailview .mc-issue-list-container .mc-issue-short {
      display: table-cell;
      vertical-align: middle; }
  .mc-issue-list-detailview .mc-issue-list-show-error {
    width: 100%;
    height: 43px;
    position: absolute;
    bottom: 0; }
    .mc-issue-list-detailview .mc-issue-list-show-error .mc-btn {
      padding: 15px; }
    .mc-issue-list-detailview .mc-issue-list-show-error .mc-icon {
      position: relative;
      top: 4px;
      padding-right: 10px; }
    .mc-issue-list-detailview .mc-issue-list-show-error .mc-btn-text {
      top: 0px; }

.mc-app-formview-issue-list .mc-include {
  display: flex; }

.mc-formview-widgetbar {
  position: absolute;
  left: 0;
  width: 275px;
  display: block;
  min-height: 100%; }

/*#Changelog

The Changelog shows on which part of the formview, which element was changed. It show who changed 
it and if this person is now online or offline. Its like a Timeline with expandable items.

    <ul class="mc-changelog">
          <li class="mc-changelog-list-item mc-changelog-is-expanded">
              <div class="mc-changelog-icon">
                  <i class="mc-icon mc-icon-oneuser"></i>
              </div>
              <div class="mc-changelog-box">
                  <div class="mc-changelog-box-data">
                      <span class="mc-changelog-area">Kundendaten</span> wurden bearbeitet.
                  </div>
                  <div class="mc-changelog-box-data-expand mc-changelog-hide">
                      <ul class="mc-changelog-item-list">
                          <li class="mc-changelog-item">
                              <div class="mc-changelog-item-icon"></div>
                              <div class="mc-changelog-action">Name wurde hinzugefügt:</div>
                              <div class="mc-changelog-change">
                                  <span class="mc-changelog-new">Max Mustermann</span>
                              </div>
                          </li>
                          <li class="mc-changelog-item">
                              <div class="mc-changelog-item-icon"></div>
                              <div class="mc-changelog-action">Land wurde hinzugefügt:</div>
                              <div class="mc-changelog-change">
                                  <span class="mc-changelog-new">Deutschland</span>
                              </div>
                          </li>
                          <li class="mc-changelog-item">
                              <div class="mc-changelog-item-icon"></div>
                              <div class="mc-changelog-action">Telefon wurde geändert:</div>
                              <div class="mc-changelog-change">
                              <span class="mc-changelog-old">0178 - 1123423</span> > <span class="mc-changelog-new">0178 - 6859969</span>
                              </div>
                          </li>
                      </ul>
                  </div>
                  <div class="mc-changelog-box-data mc-changelog-box-data-small">
                      <div class="mc-online-status mc-online-status-on"></div>
                      D. Wajdlich - 9. Mai. 2014 14:01
                  </div>
              </div>
              <button class="mc-changelog-expand" ng-click="expandChangelog($event)"><i class="mc-icon mc-icon-arrowv mc-icon-lg mc-icon-rotate-270"></i> </button>
          </li>
  </ul>

*/
.mc-changelog {
  list-style: none;
  padding: 20px 0 20px;
  position: relative; }
  .mc-changelog:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: ' ';
    width: 1px;
    background-color: #e1e1e1; }
  .mc-changelog .mc-changelog-icon {
    padding: 4px;
    border: 1px solid #e1e1e1;
    border-radius: 25px;
    color: #d1d1d1;
    position: absolute;
    left: -10px;
    background-color: white; }
  .mc-changelog .mc-changelog-box {
    padding: 10px;
    background-color: #fafafa;
    margin-left: 25px;
    margin-bottom: 10px;
    border-radius: 2px;
    box-shadow: 2px 3px 12px -7px rgba(0, 0, 0, 0.75); }
    .mc-changelog .mc-changelog-box:before {
      position: relative;
      top: -10px;
      left: -23px;
      display: inline-block;
      border-right: 15px solid #fafafa;
      border-bottom: 15px solid transparent;
      content: ' '; }
    .mc-changelog .mc-changelog-box .mc-changelog-box-data {
      width: 100%;
      height: 100%;
      margin-top: -15px;
      padding-right: 30px;
      position: relative;
      font-size: 12px; }
    .mc-changelog .mc-changelog-box .mc-changelog-box-data-small {
      font-size: 10px;
      color: #d1d1d1;
      margin: 0;
      padding-top: 10px;
      padding-left: 15px; }
    .mc-changelog .mc-changelog-box .mc-changelog-box-data-expand {
      padding-top: 10px; }

.mc-changelog-list-item {
  position: relative; }

.mc-online-status {
  width: 10px;
  height: 10px;
  background-color: #d1d1d1;
  display: inline-block;
  border-radius: 50%;
  margin-right: 5px; }
  .mc-online-status.mc-online-status-on {
    background-color: #15a748; }

.mc-changelog-area {
  color: #7f8cf7; }

.mc-changelog-old {
  color: #e1e1e1; }

.mc-changelog-new {
  color: #11c556; }

.mc-changelog-item-list .mc-changelog-item {
  font-size: 12px;
  padding: 10px;
  padding-left: 20px;
  border-bottom: 1px solid #e1e1e1;
  line-height: 16px; }
  .mc-changelog-item-list .mc-changelog-item:last-child {
    border-bottom: 0; }
  .mc-changelog-item-list .mc-changelog-item .mc-changelog-item-icon {
    width: 10px;
    height: 10px;
    border-left: 1px solid #d1d1d1;
    position: absolute;
    left: 40px;
    margin-top: 2px;
    border-bottom: 1px solid #d1d1d1; }

.mc-changelog-expand {
  position: absolute;
  top: 8px;
  right: 8px;
  border: 1px solid #e1e1e1;
  background-color: white;
  border-radius: 25px;
  width: 30px;
  height: 30px;
  color: #d1d1d1;
  box-shadow: 0px 2px 6px -4px black;
  padding: 0; }
  .mc-changelog-expand .mc-icon {
    vertical-align: middle; }

.mc-changelog-hide {
  display: none; }

.mc-grid-cell-editor-header {
  opacity: 0;
  -webkit-transition: opacity 0.15s ease;
  -moz-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
  background-color: #fff;
  position: absolute;
  width: 100%;
  border: 2px solid white;
  transition: all 0.5s ease;
  z-index: 1; }

.mc-grid-cell-editor-content {
  min-height: 175px;
  background-color: #e2e2e2;
  border: 2px solid white; }

.mc-grid-cell-editor-content-intern {
  width: 80px;
  margin: auto;
  padding-top: 72px;
  text-align: center; }
  .mc-grid-cell-editor-content-intern p {
    padding-top: 10px; }

.mce-grid-cell-editor {
  border: none;
  position: absolute;
  top: 6px;
  width: 100%;
  padding-right: 12px; }

.mce-grid-cell {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .mce-grid-cell:hover .mc-grid-cell-editor-header,
  .mce-grid-cell:hover .mc-grid-cell-reposition {
    opacity: 1; }

fieldset:disabled .mce-grid-cell:hover .mc-grid-cell-editor-header {
  opacity: 0; }

fieldset:disabled .mc-grid-cell-editor-size-handler {
  opacity: 0; }

fieldset:disabled .mce-grid-cell,
fieldset:disabled .mc-grid-cell-editor-content {
  cursor: default; }
  fieldset:disabled .mce-grid-cell [ng-click],
  fieldset:disabled .mc-grid-cell-editor-content [ng-click] {
    cursor: default; }

fieldset:disabled .layout-editor-area > div {
  cursor: default; }

.mc-grid-cell {
  position: relative; }

.mc-grid-cell-button-list {
  list-style: none;
  padding: 0;
  margin: 0; }

.mc-grid-cell-button-list-item {
  padding: 6px;
  float: left; }
  .mc-grid-cell-button-list-item.mc-grid-cell-csize {
    padding: 0 5px; }
    .mc-grid-cell-button-list-item.mc-grid-cell-csize .mc-grid-cell-csize-text {
      line-height: 47px; }

.mc-grid-cell-pull-left {
  float: left; }

.mc-grid-cell-pull-right {
  float: right; }

.mc-grid-cell-button {
  width: 100%;
  height: 100%;
  cursor: pointer;
  outline: none; }

.mc-grid-cell-header-button {
  width: 35px;
  height: 35px;
  border: 0;
  border-radius: 50%;
  box-shadow: 1px 2px 7px -3px rgba(0, 0, 0, 0.75);
  background-color: #fff;
  color: #aaa;
  padding: 0;
  text-align: center; }
  .mc-grid-cell-header-button .mc-icon {
    line-height: 35px; }
    .mc-grid-cell-header-button .mc-icon.mc-optical-center {
      padding-left: 2px; }

.mc-grid-cell-header-button:hover {
  background-color: #ccc;
  color: #fff; }

.mc-grid-cell-header-button:disabled,
.mc-grid-cell-header-button:hover:disabled {
  box-shadow: none;
  color: #bbbbbb;
  background-color: whitesmoke; }

.mc-grid-cell-reposition {
  position: absolute;
  top: 108px;
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease;
  -moz-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease; }

.mc-grid-cell-upwards {
  right: -8px; }

.mc-grid-cell-downwards {
  left: -8px; }

.mc-grid-cell-placeholder {
  display: block;
  border: 2px dashed #e1e1e1;
  margin: 5px;
  background-color: #f5f5f5;
  box-sizing: border-box; }
  .mc-grid-cell-placeholder.mce-size-1of1 {
    width: calc(100% - 10px); }
  .mc-grid-cell-placeholder.mce-size-3of4 {
    width: calc(75% - 10px); }
  .mc-grid-cell-placeholder.mce-size-2of3 {
    width: calc(66.6666% - 11px); }
  .mc-grid-cell-placeholder.mce-size-1of2 {
    width: calc(50% - 10px); }
  .mc-grid-cell-placeholder.mce-size-1of4 {
    width: calc(25% - 10px); }
  .mc-grid-cell-placeholder.mce-size-1of3 {
    width: calc(33.3333% - 10px); }
  .mc-grid-cell-placeholder.mce-size-1of6 {
    width: calc(16.6666% - 10px); }

.layout-editor-dropdown {
  z-index: 2; }

.layout-editor-button-dropdown {
  border: none;
  height: 40px;
  width: 100%;
  background-color: #454a7b;
  color: white;
  margin-top: 5px; }
  .layout-editor-button-dropdown .mc-icon {
    padding-right: 10px; }

.layout-editor-button-text {
  position: relative; }

.layout-editor-dropdown-list-item {
  padding: 0;
  min-height: 40px; }

.layout-editor-area-content .mc-drop-area {
  min-height: 80px; }

.layout-editor-area-focused .layout-editor-area {
  border-color: #ffffff; }

.layout-editor-area-focused .layout-editor-area-header {
  background-color: #fcfcfc; }

.layout-editor-preset-item {
  font: 11px 'Lucida Grande';
  text-rendering: auto;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none; }

.mc-layout-area-invalid .mc-grid-cell-placeholder {
  display: none; }

.mc-element-editor {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  background-color: #efefef; }

.mc-element-editor-header {
  height: 75px;
  background-color: #efefef;
  width: 100%;
  border-bottom: 1px solid #e6e6e6;
  padding: 20px; }

.mc-element-editor-variants-warning {
  margin: 10px; }

.mc-element-editor-main {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }
  .mc-element-editor-main .mc-form-label-value {
    position: absolute;
    top: 10px; }

.mc-element-editor-form {
  width: 100%;
  padding: 20px;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto; }
  .mc-element-editor-form .mc-form-group-container {
    display: block;
    width: 100%;
    padding: 0 0.8rem; }
    .mc-element-editor-form .mc-form-group-container.alzura-media-splitview-editor {
      padding: 0 0.8rem 0.8rem 0.8rem; }
  .mc-element-editor-form .mc-form-group__media .mc-media-splitview {
    height: calc(100% - 140px); }
  .mc-element-editor-form .mc-form-group__media .mc-media-splitview-source,
  .mc-element-editor-form .mc-form-group__media .mc-media-splitview-target {
    height: 100%; }
  .mc-element-editor-form .mc-form-group__media .mc-media-splitview .mc-media-body {
    height: 100%; }
  .mc-element-editor-form .mc-form-group__variant-price,
  .mc-element-editor-form .mc-form-group__variant-amount {
    padding-top: 1.6rem; }
    .mc-element-editor-form .mc-form-group__variant-price .mc-form-group,
    .mc-element-editor-form .mc-form-group__variant-amount .mc-form-group {
      max-width: 200px; }

.mc-element-editor-menu-item {
  min-width: 180px;
  height: 40px;
  line-height: 1;
  float: left;
  margin: 0 10px; }

.mc-selected-elementtype {
  border: 1px solid #e6e6e6;
  background-color: #fff;
  min-width: 180px;
  height: 100%;
  padding: 0 10px;
  cursor: pointer; }
  .mc-selected-elementtype .mc-icon {
    float: right; }
  .mc-selected-elementtype .mc-icon,
  .mc-selected-elementtype .mc-selected-text {
    line-height: 40px;
    vertical-align: middle; }
  @media only screen and (max-width: 640px) {
    .mc-selected-elementtype {
      margin-left: 25px;
      margin-right: 10px; } }

.mc-element-box {
  border-radius: 2px;
  width: 100%;
  margin-bottom: 25px; }
  .mc-element-box:hover {
    box-shadow: 0px 0px 8px -4px rgba(0, 0, 0, 0.5); }
    .mc-element-box:hover .mc-element-box-header {
      background-color: white; }

.mc-element-box-header {
  min-height: 45px;
  padding: 0 5px 0 20px;
  background-color: #fcfcfc;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.mc-element-box-headline {
  line-height: 45px;
  vertical-align: middle;
  position: relative; }
  .mc-element-box-headline:after {
    content: '.';
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px; }
  .mc-element-box-headline .mc-element-box-headline-pull-left {
    float: left; }
  .mc-element-box-headline .mc-element-box-headline-pull-right {
    position: relative;
    float: right;
    min-height: 45px; }
  .mc-element-box-headline .mc-element-box-headline-button-item {
    padding: 0 6px;
    float: left;
    position: relative;
    height: auto; }
    .mc-element-box-headline .mc-element-box-headline-button-item .mc-form-control.select2 {
      border: 0 none white;
      background-color: inherit;
      padding: 0;
      top: 3px; }
  .mc-element-box-headline .mc-element-box-headline-button-handler {
    cursor: url("data:image/vnd.microsoft.icon;base64,AAACAAEAICACAAcABQAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAAAEAAAAAAAAAAAAAAgAAAAAAAAAAAAAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD8AAAA/AAAAfwAAAP+AAAH/gAAB/8AAA//AAAd/wAAGf+AAAH9gAADbYAAA2yAAAZsAAAGbAAAAGAAAAAAAAA//////////////////////////////////////////////////////////////////////////////////////gH///4B///8Af//+AD///AA///wAH//4AB//8AAf//AAD//5AA///gAP//4AD//8AF///AB///5A////5///8="), all-scroll;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: -webkit-grab;
    cursor: grab; }
  .mc-element-box-headline .mc-element-box-headline-button-select {
    position: relative;
    top: 5px;
    left: 0;
    bottom: 5px;
    min-width: 100px;
    height: 35px; }

.mc-element-box-main {
  padding: 35px 25px;
  background-color: #f4f4f4; }

.mc-element-editor-aside {
  overflow: auto;
  /*  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 $flyin-aside-fixedWidth;
  -ms-flex: 0 1 $flyin-aside-fixedWidth;
  flex: 0 1 $flyin-aside-fixedWidth;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;*/
  -webkit-box-ordinal-group: 0;
  -moz-box-ordinal-group: 0;
  box-ordinal-group: 0;
  -webkit-order: 0;
  -moz-order: 0;
  order: 0;
  -ms-flex-order: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
  -webkit-flex-basis: 260px;
  -moz-flex-basis: 260px;
  flex-basis: 260px;
  -ms-flex-preferred-size: 260px;
  -webkit-box-align: auto;
  -moz-box-align: auto;
  box-align: auto;
  -webkit-align-items: auto;
  -moz-align-items: auto;
  -ms-align-items: auto;
  -o-align-items: auto;
  align-items: auto;
  -ms-flex-align: auto;
  /*
    Hotfix to avoid widgest to overlay flyin dropzone. Should be removed if the flyin dropzone will be removed
    */ }
  .mc-element-editor-aside > .mc-element-editor-widgetbar-container {
    position: absolute;
    height: 100%; }
  @media only screen and (max-width: 769px) {
    .mc-element-editor-aside {
      display: none; } }
  .mc-element-editor-aside .mc-formview-widgetbar .gridster .gridster-item {
    z-index: 1; }

.mc-element-btn-menu {
  margin-left: -8px; }
  .mc-element-btn-menu .mc-icon {
    display: none; }

@media only screen and (max-width: 769px) {
  .mc-element-btn-menu .mc-element-editor-menu-item {
    min-width: 90px; } }

@media only screen and (max-width: 640px) {
  .mc-element-btn-menu {
    position: absolute;
    left: 0; }
    .mc-element-btn-menu .mc-element-editor-menu-item {
      margin: 0;
      position: absolute;
      min-width: 40px;
      width: 50px; }
      .mc-element-btn-menu .mc-element-editor-menu-item .mc-md-button span {
        display: none; }
      .mc-element-btn-menu .mc-element-editor-menu-item .mc-icon {
        display: block;
        margin-left: 6px; }
  .mc-element-btn-menu-save {
    top: 56px; }
  .mc-element-btn-menu-close {
    top: 0; }
  .mc-element-input-container {
    width: 100%; }
    .mc-element-input-container .mc-element-editor-menu-item {
      width: 100%; } }

.mc-form-actionbar {
  overflow: hidden;
  width: 100%; }
  .mc-form-actionbar .mc-element-editor-menu-item {
    margin: 0 20px 20px 0; }
    .mc-form-actionbar .mc-element-editor-menu-item .mc-icon {
      margin-right: 10px; }
  @media only screen and (max-width: 769px) {
    .mc-form-actionbar .mc-element-editor-menu-item {
      width: 100%; } }

.mc-multi-add .mc-button-add {
  float: left;
  margin: 5px 10px 5px 0; }

.mc-element-input-container {
  width: 250px; }

.mc-form-ui-select {
  width: 72%; }

.mc-editor-dialog__header {
  background-color: #dddddd;
  height: 60px;
  padding: 10px 15px 10px 30px;
  border-bottom: 1px solid #cecece;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center; }

.mc-editor-dialog__header-text {
  font-size: 18px;
  color: #3a3a3a;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1; }

.mc-editor-dialog__header-close-button {
  padding: 15px;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0; }

.mc-editor-dialog__footer {
  background-color: #dddddd;
  height: 60px;
  padding: 10px;
  border-top: 1px solid #cecece;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center; }

.mc-editor-dialog__footer-button {
  width: 50%; }
  .mc-editor-dialog__footer-button + .mc-editor-dialog__footer-button {
    margin-left: 10px; }
  @media only screen and (min-width: 970px) {
    .mc-editor-dialog__footer-button {
      width: auto;
      min-width: 200px; } }

.mc-app-overlay {
  position: fixed;
  background: rgba(34, 34, 34, 0.8);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 500;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-animation: ngdialog-fadein 0.5s;
  -moz-animation: ngdialog-fadein 0.5s;
  animation: ngdialog-fadein 0.5s; }

.mc-app-overlay-aligner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-align-content: center;
  -moz-align-content: center;
  align-content: center;
  -ms-flex-line-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center; }

.mc-app-overlay-aligner-item {
  max-width: 50%; }

.mc-pageloader {
  position: relative;
  width: 30px;
  height: 25px;
  -webkit-transform: skew(-25deg);
  -moz-transform: skew(-25deg);
  -ms-transform: skew(-25deg);
  -o-transform: skew(-25deg);
  transform: skew(-25deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.mc-pageloader-item {
  background-color: rgba(52, 52, 76, 0.25);
  position: absolute;
  overflow: hidden;
  bottom: 0;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px; }

.mc-pageloader-item:after {
  content: '';
  position: absolute;
  display: block;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #f1f1f1;
  -webkit-animation: wave 1.75s infinite linear;
  -moz-animation: wave 1.75s infinite linear;
  animation: wave 1.75s infinite linear;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px; }

.mc-pageloader-item:first-child {
  height: 15px;
  width: 8px;
  left: 0; }
  .mc-pageloader-item:first-child:after {
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s; }

.mc-pageloader-item:nth-child(2) {
  height: 20px;
  width: 8px;
  left: 10px; }
  .mc-pageloader-item:nth-child(2):after {
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    animation-delay: 0.5s; }

.mc-pageloader-item:nth-child(3) {
  height: 10px;
  width: 8px;
  left: 20px; }
  .mc-pageloader-item:nth-child(3):after {
    -webkit-animation-delay: 0.75s;
    -moz-animation-delay: 0.75s;
    animation-delay: 0.75s; }

@keyframes wave {
  0%,
  100% {
    height: 0%; }
  25%,
  75% {
    height: 50%; }
  50% {
    height: 100%; } }

@-webkit-keyframes wave {
  0%,
  100% {
    height: 0%; }
  25%,
  75% {
    height: 50%; }
  50% {
    height: 100%; } }

.mc-language-flag {
  box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.1); }

.mc-language-flag-wrapper {
  display: inline-block;
  font-size: 0; }
  .mc-language-flag-wrapper.is-disabled .mc-language-flag {
    opacity: 0.3; }

.language-switcher .mc-radio ~ .mc-radio-label:after {
  top: 16px; }

.language-switcher .mc-radio-label {
  display: flex;
  flex-direction: row;
  align-items: end;
  gap: 5px; }

.language-switcher .mc-radio-list {
  margin: 0; }
  .language-switcher .mc-radio-list .mc-radio-list-item {
    margin: 12px 12px; }

.mc-field-translation-body {
  padding: 12px; }
  .mc-field-translation-body .mc-field-translation-label {
    display: inline-block;
    margin-top: 14px;
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 0.9em; }
    .mc-field-translation-body .mc-field-translation-label:first-child {
      margin-top: 0; }
  .mc-field-translation-body .mc-form-control {
    height: 3.2em; }
  .mc-field-translation-body .mc-toggle-switch-group .mc-toggle-wrapper {
    width: 20%;
    float: left;
    margin: 0;
    padding: 10px 0; }
  .mc-field-translation-body .mc-toggle-switch-group .mc-form-control {
    width: 80%;
    float: left; }

.mc-element-editor {
  height: 100%;
  width: 100%; }

.mc-element-editor-main {
  top: 0;
  position: relative;
  height: 100%; }

.mc-element-editor-form {
  padding: 0; }

.mc-element-editor-component {
  width: 100%;
  height: 100%;
  width: 100%;
  display: block; }

.mc-cms-element-editor {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  height: 100%; }
  .mc-cms-element-editor .mc-promo-product-list {
    position: relative;
    height: 100%; }
    .mc-cms-element-editor .mc-promo-product-list--empty {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      white-space: nowrap;
      font-size: 14px; }

.mc-cms-element-editor__header {
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
  height: 60px; }

.mc-cms-element-editor__footer {
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
  height: 59px; }

.mc-cms-element-editor__main {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  overflow-y: hidden; }

.mc-cms-element-editor__content {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  padding: 20px 20px 0 20px;
  overflow-y: auto; }

.mc-cms-element-editor__header-content {
  padding: 20px 0 0 10px; }

.mc-cms-element-editor__aside {
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
  -webkit-flex-basis: 280px;
  -moz-flex-basis: 280px;
  flex-basis: 280px;
  -ms-flex-preferred-size: 280px;
  display: none; }
  .mc-cms-element-editor__aside .mc-media {
    height: 100%; }

.element-editor__subform label {
  color: #666666;
  font-size: 12px;
  font-weight: 600;
  padding-bottom: 5px; }

.element-editor__subform .mc-form-control {
  font-size: 12px;
  padding: 11px; }

.element-editor__box {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #fff;
  margin-bottom: 20px; }
  .element-editor__box .element-editor-box__header {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    padding: 15px; }
  .element-editor__box .element-editor-box-header__title {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    flex-grow: 1;
    -ms-flex-positive: 1;
    color: #3a3a3a;
    font-size: 14px;
    font-weight: 600; }
  .element-editor__box .element-editor-box-header__success-title {
    color: #00c845; }
  .element-editor__box .element-editor-box-header__error-title {
    color: #e52e2e; }
  .element-editor__box .element-editor-box-header__actions {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    flex-grow: 1;
    -ms-flex-positive: 1;
    text-align: right; }
    .element-editor__box .element-editor-box-header__actions .element-editor-box-header__action {
      color: #6070f6; }
  .element-editor__box .element-editor-box__content {
    margin: 0 15px;
    padding: 15px 0;
    border-top: 1px solid #e4e4e4; }
    .element-editor__box .element-editor-box__content--flex {
      display: flex;
      flex-wrap: wrap; }

.element-editor-box__no-margin {
  margin-bottom: 0; }

.element-editor-box__bottom-margin {
  margin-bottom: 15px; }

.mc-element-editor__list-item {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  background-color: #fff;
  margin-bottom: 10px;
  padding: 15px; }

.mc-element-editor-list-item__icon {
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  margin-right: 10px;
  width: 30px; }

.mc-element-editor-list-item__title {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  font-weight: 600;
  color: #000;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: calc(100% - 100px); }

.mc-element-editor-list-item__actions {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0; }
  .mc-element-editor-list-item__actions a {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    margin-left: 20px; }

.mc-linklist__add-link-btn {
  margin: 10px; }

.mc-element-editor__add-content {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 15px;
  background-color: #d0d5ff;
  color: #6070f6;
  font-size: 14px; }
  .mc-element-editor__add-content .mc-icon {
    margin-right: 20px; }

.mc-element-editor-list-item__placeholder {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 2px solid #6170f6;
  width: 100%;
  margin: 14px 0 24px 0;
  height: 4px;
  position: relative; }

.mc-element-editor-list-item__placeholder:before {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  content: '';
  background-color: #ffffff;
  position: absolute;
  border: 3px solid #6170f6;
  height: 16px;
  width: 16px;
  top: 5px;
  left: -2px;
  margin-top: -1em; }

.element-editor__checkbox {
  margin-top: 12px;
  margin-left: 17px;
  padding-top: 15px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end; }

.element-editor__caption {
  margin: 8px 0 0 0;
  color: #858585; }

.color-switcher {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  width: 100%;
  height: 50px;
  border: none;
  cursor: pointer;
  border: 1px solid #d1d1d1;
  margin-top: 4px; }

.color-switcher::-webkit-color-swatch {
  border: none; }

.color-switcher::-moz-color-swatch {
  border: none; }

.cover__text-color-select.active {
  border-color: #6070f6 !important;
  font-weight: bold; }

.mc-cms-element-editor__heading > div {
  display: flex;
  gap: 10px; }
  .mc-cms-element-editor__heading > div .mc-form-control {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 90%; }
  .mc-cms-element-editor__heading > div input[type=color] {
    margin: 0; }

@media only screen and (min-width: 970px) {
  .mc-cms-element-editor__aside {
    display: inline-block; }
  .mc-cms-element-editor__content {
    padding-right: 20px; }
    .mc-cms-element-editor__content.mc-cms-element-editor__header-content {
      padding-right: 0; } }

.cms-element-editor__text-color {
  margin-top: 5px;
  display: flex;
  gap: 5px; }
  .cms-element-editor__text-color--select {
    width: 40px;
    height: 40px;
    border: 1px solid #d1d1d1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer; }
    .cms-element-editor__text-color--select.active {
      border: 1px solid #6070f6; }
    .cms-element-editor__text-color--select > i {
      line-height: 2; }
  .cms-element-editor__text-color--indicator {
    width: 18px;
    height: 18px;
    border: 1px solid #d1d1d1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 11px;
    margin-right: 5px; }

.cover-element__header {
  align-items: center;
  height: 50px; }

.element-editor-box__navigate-to-forms {
  align-items: flex-end; }

.mc-cms-image-editor__left {
  width: 100%;
  margin-bottom: 10px; }

.mc-cms-image-editor__right {
  width: 100%; }

.mc-cms-image-editor__from-url-selection {
  margin-bottom: 20px; }

.mc-cms-image-advanced-editor__box {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }

.mc-cms-image-advanced-editor__box-item {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 50%;
  height: auto;
  padding-bottom: 10px; }

.mc-cms-image-advanced-editor__checkbox {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  justify-content: flex-end;
  padding: 20px 0;
  align-items: center; }

.mc-cms-image-advanced-editor__input {
  padding: 10px 0 15px 0; }

.mc-cms-image-advanced-editor__checkbox-item {
  flex-grow: 0; }
  .mc-cms-image-advanced-editor__checkbox-item .mc-checkbox {
    margin-right: 16px; }

.mc-cms-image-advanced-editor__box-size {
  display: flex;
  align-items: baseline; }
  .mc-cms-image-advanced-editor__box-size .mc-cms-image-advanced-editor__box-size-input {
    flex: 1;
    min-width: calc(50% - 20px); }
  .mc-cms-image-advanced-editor__box-size .mc-cms-image-advanced-editor__box-size-x-separator {
    text-align: center;
    font-size: 12px;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 40px; }

.mc-cms-image-advanced-editor__hint {
  width: 100%;
  color: #666666;
  font-size: 13px;
  font-weight: 300; }

@media only screen and (min-width: 769px) {
  .mc-cms-image-editor {
    display: flex;
    flex-direction: row; }
  .mc-cms-image-editor__left {
    flex-grow: 1;
    padding-right: 5px;
    margin-bottom: 0; }
  .mc-cms-image-editor__right {
    flex-grow: 1;
    padding-left: 5px; }
  .mc-cms-image-advanced-editor__padding-right {
    padding-right: 30px; } }

@media only screen and (max-width: 769px) {
  .mc-cms-image-advanced-editor__box-item-full-width {
    flex-basis: 100%; } }

@media only screen and (max-width: 640px) {
  .mc-cms-image-advanced-editor__box-item {
    flex-basis: 100%; } }

.mc-cms-blurp-element-editor__animation-select {
  margin-left: 6px; }

.mc-cms-grid-section-editor__inputs {
  display: flex;
  align-items: center;
  padding: 0px 10px 10px 10px; }
  .mc-cms-grid-section-editor__inputs input {
    margin-top: 15px; }
  .mc-cms-grid-section-editor__inputs--preview {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    width: 100%;
    font-size: 1.1em;
    padding: 15px;
    color: #555;
    border: 1px solid #d1d1d1;
    background-color: white;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 10px;
    cursor: pointer; }
    .mc-cms-grid-section-editor__inputs--preview h3 {
      font-weight: bold; }
    .mc-cms-grid-section-editor__inputs--preview p {
      font-size: 12px; }

.mc-cms-grid-section-editor__style-selector {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start; }
  .mc-cms-grid-section-editor__style-selector label {
    padding-left: 16px;
    cursor: pointer; }

.mc-cms-grid-section-editor__checkbox {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin-top: 5px; }
  .mc-cms-grid-section-editor__checkbox-item {
    flex-grow: 0; }
    .mc-cms-grid-section-editor__checkbox-item .mc-checkbox {
      margin-right: 16px; }

.mc-cms-link-editor {
  width: 100%; }

.mc-cms-link-editor__open-in-new-tab {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 15px; }

.mc-cms-link-editor__link-type-selection {
  width: 100%;
  margin-bottom: 20px; }

.mc-cms-link-editor__linktype-switcher li {
  display: inline-block;
  padding: 10px; }

.mc-cms-link-editor__linktype-switcher .mc-active {
  background-color: #f0f0f0; }

.mc-cms-link-editor__product-field,
.mc-cms-link-editor__page-field,
.mc-cms-link-editor__category-field,
.mc-cms-link-editor__external-field {
  width: 100%;
  display: block; }

.mc-cms-link-editor__content-field {
  width: 100%; }

.mc-cms-link-editor__checkbox {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  justify-content: flex-end;
  padding: 15px 0;
  align-items: center; }

.mc-cms-link-editor__checkbox-item {
  flex-grow: 0; }
  .mc-cms-link-editor__checkbox-item .mc-checkbox {
    margin-right: 10px; }

@media only screen and (min-width: 769px) {
  .mc-cms-link-editor__link-details {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row; }
  .mc-cms-link-editor__product-field,
  .mc-cms-link-editor__page-field,
  .mc-cms-link-editor__category-field,
  .mc-cms-link-editor__external-field {
    width: 250px; }
  .mc-cms-link-editor__product-text {
    margin-left: 15px; }
  .mc-cms-link-editor__content-field {
    width: 250px; } }

.cms-element-preview {
  min-height: 225px;
  padding-top: 40px;
  text-align: center;
  color: #525252;
  white-space: -moz-pre-wrap;
  white-space: -hp-pre-wrap;
  white-space: -o-pre-wrap;
  white-space: -pre-wrap;
  white-space: pre-wrap;
  white-space: pre-line;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden; }
  .cms-element-preview .mc-icon {
    padding-top: 20px; }
  .cms-element-preview .cms-element-preview-label {
    padding: 10px 30px;
    position: relative; }
  .cms-element-preview .cms-element-preview-text {
    color: #525252;
    line-height: 18px;
    text-align: left;
    padding: 0 30px;
    max-height: 85px; }
    .cms-element-preview .cms-element-preview-text:after {
      content: '';
      display: block;
      position: absolute;
      height: 50px;
      bottom: 7px;
      right: 28px;
      left: 28px;
      background: linear-gradient(to top, #e2e2e2 50%, rgba(226, 226, 226, 0) 100%); }
  .cms-element-preview .cms-element-preview-image {
    position: absolute;
    opacity: 0.2;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .cms-element-preview.cms-element-preview-empty .mc-icon {
    padding-top: 40px; }
  .cms-element-preview.cms-element-preview-empty .cms-element-preview-text {
    display: none; }

.cms-element-text {
  height: 225px; }

.cms-element-image,
.cms-element-video {
  position: relative; }

.mc-link-placeholder {
  display: block;
  border: 2px dashed #dadada;
  background-color: #f5f5f5;
  margin-bottom: 25px; }

.mc-link-handle {
  cursor: url("data:image/vnd.microsoft.icon;base64,AAACAAEAICACAAcABQAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAAAEAAAAAAAAAAAAAAgAAAAAAAAAAAAAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD8AAAA/AAAAfwAAAP+AAAH/gAAB/8AAA//AAAd/wAAGf+AAAH9gAADbYAAA2yAAAZsAAAGbAAAAGAAAAAAAAA//////////////////////////////////////////////////////////////////////////////////////gH///4B///8Af//+AD///AA///wAH//4AB//8AAf//AAD//5AA///gAP//4AD//8AF///AB///5A////5///8="), all-scroll;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: -webkit-grab;
  cursor: grab;
  line-height: 45px; }

.mc-cms-link-list-advanced-editor__checkbox {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: reverse;
  -moz-box-direction: reverse;
  box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end;
  padding: 15px 0; }

.mc-cms-link-list-advanced-editor__checkbox-item {
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0; }
  .mc-cms-link-list-advanced-editor__checkbox-item .mc-checkbox {
    margin-right: 16px; }

.cms-element-editor-image-preview {
  max-width: 500px;
  width: 100%;
  height: auto;
  padding: 20px; }

ol.mc-element-linktree-list > li li {
  padding-left: 4em; }

.mc-cms-alignment-switcher {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row; }
  .mc-cms-alignment-switcher > .mc-active {
    background-color: #f0f0f0; }
  .mc-cms-alignment-switcher li {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    flex-grow: 0;
    -ms-flex-positive: 0;
    margin: 5px;
    padding: 10px 10px 6px 10px; }

.mc-cms-tabs-editor {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }

.mc-cms-tabs-editor__tab-item-wrapper {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 12px;
  margin-bottom: 10px;
  background-color: #fff;
  width: 100%; }

.mc-cms-tabs-editor__tab-item {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center; }

.mc-cms-tabs-editor__tab-item-placeholder {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 2px solid #6170f6;
  width: 100%;
  margin: 14px 0 24px 0;
  height: 4px;
  position: relative; }

.mc-cms-tabs-editor__tab-item-placeholder:before {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  content: '';
  background-color: #ffffff;
  position: absolute;
  border: 3px solid #6170f6;
  height: 16px;
  width: 16px;
  top: 5px;
  left: -2px;
  margin-top: -1em; }

.mc-cms-tabs-editor__tab-item-label {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 600;
  width: calc(100% - 70px);
  color: #000; }

.mc-cms-tabs-editor__tab-item-btn-edit,
.mc-cms-tabs-editor__tab-item-btn-remove {
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0;
  -webkit-flex-basis: 0%;
  -moz-flex-basis: 0%;
  flex-basis: 0%;
  -ms-flex-preferred-size: 0%;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
  margin: 0 10px;
  padding-left: 0px;
  min-width: 13px; }

.mc-cms-tabs-editor__add-tab-btn {
  background-color: #dbdfff;
  color: #6170f6; }
  .mc-cms-tabs-editor__add-tab-btn .mc-button {
    padding-left: 4px;
    margin-right: 8px;
    color: inherit; }

.package-option-content .mc-cms-image-advanced-editor__checkbox {
  padding: 0; }

.cms-element-editor__package-box-item-header {
  height: 20px; }

.mc-cms-tabs-editor__option-item {
  border: 1px solid #dddddd; }
  .mc-cms-tabs-editor__option-item .mc-package-option-input {
    margin-right: 16px;
    border: none;
    border-bottom: 1px solid #dddddd;
    border-radius: 0; }

.mc-cms-content-slider__content {
  padding-left: 0;
  padding-top: 0; }

.mc-content-slider-image-slide {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center; }
  .mc-content-slider-image-slide img {
    object-fit: contain;
    max-width: 100%;
    max-height: 100%; }

.mc-content-slider-video-slide {
  position: relative;
  width: 100%;
  height: 100%; }

.mc-content-slider-video-slide__video {
  width: 100%;
  height: 100%; }

.mc-content-slider-video-slide__preview-video {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.mc-content-slider-text-slide {
  padding: 10px;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.element-editor__box--content-slider {
  margin: 10px; }

.mc-cms-menu__node-list,
.mc-cms-menu__node-list-child {
  width: 100%;
  padding: 5px 0 5px 20px; }
  .mc-cms-menu__node-list .mc-element-editor__list-item,
  .mc-cms-menu__node-list-child .mc-element-editor__list-item {
    margin-bottom: 0; }
    .mc-cms-menu__node-list .mc-element-editor__list-item--hidden,
    .mc-cms-menu__node-list-child .mc-element-editor__list-item--hidden {
      opacity: 0.5; }
  .mc-cms-menu__node-list li:first-child,
  .mc-cms-menu__node-list-child li:first-child {
    margin-top: 5px; }
  .mc-cms-menu__node-list li:last-child,
  .mc-cms-menu__node-list-child li:last-child {
    margin-bottom: 5px; }

.mc-cms-menu__item-auto-generated {
  margin-bottom: 10px; }

.mc-cms-menu__inner {
  margin-bottom: 10px; }
  .mc-cms-menu__inner:last-child {
    margin-bottom: 0; }

.mc-cms-menu__node-placeholder {
  background: #000;
  margin: 10px 0;
  height: 4px; }

.mc-cms-menu__add-to {
  font-weight: 600;
  font-style: italic; }

.cms-element-editor__customize-product-ui-select-box {
  padding-top: 4px; }

.cms-element-editor__box-item-header {
  color: #666666;
  font-size: 12px;
  font-weight: 600; }

.cms-element-editor__customize-product-box {
  padding: 0; }
  .cms-element-editor__customize-product-box .mc-cms-image-advanced-editor__checkbox-item {
    margin: auto 0; }

.mc-cms-footer-element-editor__link-item {
  margin: 10px 10px 10px 20px; }

.mc-cms-footer-element-editor__add-link-btn {
  margin: 10px 10px 20px 20px; }

.mc-cms-gallery__content {
  padding-left: 0;
  padding-top: 0; }

.mc-cms-gallery-slide-header__title {
  width: calc(100% - 80px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.mc-gallery-image-slide {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center; }
  .mc-gallery-image-slide img {
    object-fit: contain;
    max-width: 100%;
    max-height: 100%; }

.mc-cms-media-items__items {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%; }

.mc-cms-media-items__item {
  margin: 10px 0 0 10px;
  width: 222px; }

.mc-cms-media-items__item-container {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  height: 280px;
  background-color: #fff;
  overflow: hidden; }

.mc-cms-media-item__header {
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  padding: 20px 0 20px 15px; }

.mc-cms-media-item-header__icon {
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0; }
  .mc-cms-media-item-header__icon .mc-icon {
    color: #a7a7a7;
    margin-right: 15px; }

.mc-cms-media-item-header__title {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  color: #3a3a3a;
  font-weight: 600;
  margin-top: -2px; }

.mc-cms-media-item-header__actions {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  text-align: right; }
  .mc-cms-media-item-header__actions .mc-cms-media-item-header__action {
    margin-right: 15px; }

.mc-cms-media-item__content {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  height: 100%;
  overflow: hidden; }

.mc-cms-media-item__content-inner {
  width: 100%;
  height: 100%;
  display: block; }

.mc-cms-media-items-editor__drop-placeholder {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: reverse;
  -moz-box-direction: reverse;
  box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -moz-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  background-color: #d0d5ff;
  height: 280px;
  position: relative; }

.mc-cms-media-items-editor__drop-placeholder-inner {
  margin: auto;
  width: 222px;
  text-align: center;
  color: #97a2fb;
  font-size: 16px; }
  .mc-cms-media-items-editor__drop-placeholder-inner .mc-icon {
    color: #6070f6;
    padding-right: 6px; }

.mc-cms-media-items-editor__add {
  position: relative; }
  .mc-cms-media-items-editor__add .mc-submenu {
    opacity: 1;
    top: 30px;
    left: 10px;
    pointer-events: auto; }
  .mc-cms-media-items-editor__add .mc-submenu__caret::after {
    left: calc(50% - 11px); }
  .mc-cms-media-items-editor__add .mc-submenu__link {
    padding: 10px;
    cursor: hand; }
    .mc-cms-media-items-editor__add .mc-submenu__link .mc-icon {
      margin-right: 10px; }
    .mc-cms-media-items-editor__add .mc-submenu__link:hover {
      color: #3a3d5f;
      background-color: rgba(96, 112, 246, 0.1); }

.mc-cms-media-items-editor__add-content {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 10px;
  padding: 15px;
  background-color: #d0d5ff;
  color: #6070f6;
  font-size: 14px; }
  .mc-cms-media-items-editor__add-content .mc-icon {
    margin-right: 20px; }

.mc-cms-media-items__item-loader {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.mc-cms-media-items__upload-placeholder .mc-cms-media-items__item-container {
  padding: 40px 40px 30px; }

.mc-cms-media-items__upload-placeholder mc-media-upload-placeholder {
  height: auto; }

.mc-cms-media-items__upload-placeholder .mc-media-upload-placeholder__container {
  height: auto; }

.mc-cms-media-items__upload-placeholder .mc-media-upload-placeholder__drop-zone {
  height: auto; }

.mc-cms-media-items__upload-placeholder .mc-media-upload-placeholder__drop-zone-inner {
  width: auto; }

.mc-cms-media-items__upload-placeholder .mc-media-upload-placeholder__drop-zone-inner .drop-zone-inner__image {
  width: 100%; }

cms-media-items-editor {
  display: block; }

.mc-cms-html-element .element-editor__box {
  display: flex;
  flex-direction: column;
  height: 100%; }

.mc-cms-html-element .element-editor-box__content {
  height: 100%; }

.mc-cms-html-element .mc-cms-element-editor__content {
  overflow: hidden; }

.mc-cms-html-element .CodeMirror {
  height: 100%; }

.mc-cms-html-element .mc-cms-element-editor__main {
  padding-bottom: 20px; }

.mc-cms-html-widget-element .element-editor__box {
  display: flex;
  flex-direction: column; }

.mc-cms-html-widget-element .element-editor__editor-box {
  height: 70%; }

.mc-cms-html-widget-element .element-editor-box__editor {
  height: 100%; }

.mc-cms-html-widget-element .CodeMirror {
  height: 100%; }

.mc-cms-html-widget-element .mc-cms-element-editor__main {
  padding-bottom: 20px; }

.cms-element-preview__transparent {
  background-image: linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef), linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef);
  background-position: 0 0, 10px 10px;
  background-size: 21px 21px; }

.cms-element-preview__empty {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  font-size: 14px;
  font-weight: 500;
  color: #ccc9d0; }

.cms-element-preview__empty-text {
  margin-top: 20px;
  text-align: center; }

.cms-element-preview__slider-ctrl {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  z-index: 1;
  width: 30px;
  height: 30px;
  background-color: rgba(0, 0, 0, 0.15); }

.cms-element-preview__wysiwyg-text {
  position: relative;
  font-size: 9px;
  line-height: 1.22;
  font-weight: 300;
  color: #666;
  overflow: hidden;
  max-height: 100%;
  max-width: 100%; }
  .cms-element-preview__wysiwyg-text--empty {
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color: #ccc9d0; }
  .cms-element-preview__wysiwyg-text h1 {
    font-size: 16px;
    font-weight: 300;
    color: #3e3e3e; }
  .cms-element-preview__wysiwyg-text h2 {
    font-size: 14px;
    font-weight: 300;
    color: #3e3e3e; }
  .cms-element-preview__wysiwyg-text h3 {
    font-size: 12px;
    font-weight: 300;
    color: #3e3e3e; }
  .cms-element-preview__wysiwyg-text p {
    margin-top: 8px; }

.cms-element-preview__video-image-background {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%; }

.cms-element-preview__video-poster-image--left {
  justify-content: flex-start; }

.cms-element-preview__video-poster-image--right {
  justify-content: flex-end; }

.cms-element-preview__video-container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  background-color: #333; }

.cms-element-preview__video-poster-image {
  object-fit: contain;
  max-height: 100%;
  max-width: 100%;
  min-width: 100px; }

.cms-element-preview__video-play {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  color: #000000;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 50%; }
  .cms-element-preview__video-play .mc-icon {
    margin-left: 5px; }

.cms-element-preview__video-options {
  position: absolute;
  display: flex;
  top: 0;
  right: 0;
  padding: 15px; }

.cms-element-preview__video-option-mute, .cms-element-preview__video-option-repeat {
  overflow: visible;
  margin-left: 10px; }

.cms-element-preview__video-controls {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 80px;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.12) 41%, rgba(0, 0, 0, 0.57)); }

.cms-element-preview__video-controls-navbar {
  position: absolute;
  display: flex;
  justify-items: flex-start;
  align-items: center;
  left: 15px;
  right: 15px;
  bottom: 8px;
  height: 4px;
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0.5); }

.cms-element-preview__video-controls-scrubber {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ffffff; }

.cms-element-preview__video-actions {
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  bottom: 14px;
  right: 15px;
  left: 15px; }

.cms-element-preview__video-time {
  color: #ffffff;
  margin-bottom: 10px; }

.cms-element-preview__video-action-items {
  margin-bottom: 10px; }

cms-text-element-preview {
  width: 100%;
  display: flex; }
  cms-text-element-preview .cms-text-element-preview {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 20px; }
    cms-text-element-preview .cms-text-element-preview__text {
      width: 100%; }

cms-image-element-preview {
  width: 100%;
  display: flex; }
  cms-image-element-preview .cms-image-element-preview {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 20px; }
    cms-image-element-preview .cms-image-element-preview__image-container {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 100%;
      overflow: hidden;
      color: #000000; }
    cms-image-element-preview .cms-image-element-preview__image {
      object-fit: contain;
      height: 100%;
      width: 100%;
      min-width: 100px; }
      cms-image-element-preview .cms-image-element-preview__image--left {
        object-position: left; }
      cms-image-element-preview .cms-image-element-preview__image--right {
        object-position: right; }
    cms-image-element-preview .cms-image-element-preview__image-caption {
      margin-top: 10px;
      text-align: center;
      font-size: 12px;
      color: #000000;
      overflow: hidden;
      text-overflow: ellipsis;
      line-height: 1.5;
      white-space: nowrap;
      width: 100%;
      max-width: 100%;
      flex-shrink: 0; }
      cms-image-element-preview .cms-image-element-preview__image-caption--left {
        text-align: left; }
      cms-image-element-preview .cms-image-element-preview__image-caption--right {
        text-align: right; }

cms-card-element-preview {
  width: 100%; }
  cms-card-element-preview .cms-card-element-preview {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 20px; }
    cms-card-element-preview .cms-card-element-preview__informations {
      display: flex;
      flex-direction: column;
      width: 50%; }
    cms-card-element-preview .cms-card-element-preview--no-image {
      width: 100%; }
    cms-card-element-preview .cms-card-element-preview__actions {
      display: flex;
      margin-top: 10px; }
    cms-card-element-preview .cms-card-element-preview__link-text {
      color: #37308e; }
    cms-card-element-preview .cms-card-element-preview__action-cta {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 28px;
      padding: 0 15px;
      color: #ffffff;
      font-size: 8px;
      font-weight: 500;
      background-color: #000000;
      border-radius: 1px; }
    cms-card-element-preview .cms-card-element-preview__image {
      max-height: 100%;
      max-width: 100%;
      object-fit: contain;
      object-position: top right; }
    cms-card-element-preview .cms-card-element-preview__image-background {
      display: flex;
      justify-content: flex-end;
      width: 50%;
      height: 100%;
      margin-right: 20px; }
    cms-card-element-preview .cms-card-element-preview__image-background--right {
      order: 1;
      justify-content: flex-start;
      margin-left: 20px;
      margin-right: 0; }
      cms-card-element-preview .cms-card-element-preview__image-background--right .cms-card-element-preview__image {
        object-position: top left; }

cms-blurp-element-preview {
  width: 100%; }
  cms-blurp-element-preview .cms-blurp-element-preview {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 20px; }
    cms-blurp-element-preview .cms-blurp-element-preview__informations {
      flex: 1;
      width: 100%;
      padding-top: 15px; }
    cms-blurp-element-preview .cms-blurp-element-preview__header {
      position: relative;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    cms-blurp-element-preview .cms-blurp-element-preview__text {
      margin-top: 5px; }
    cms-blurp-element-preview .cms-blurp-element-preview__image {
      height: 100%;
      width: 100%;
      object-fit: contain; }
    cms-blurp-element-preview .cms-blurp-element-preview__image-background {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 200px;
      width: 100%; }
    cms-blurp-element-preview .cms-blurp-element-preview__image-left {
      object-position: left; }
    cms-blurp-element-preview .cms-blurp-element-preview__image-right {
      object-position: right; }
    cms-blurp-element-preview .cms-blurp-element-preview--no-text {
      height: 100%; }
    cms-blurp-element-preview .cms-blurp-element-preview--fullwidth {
      padding: 0; }
      cms-blurp-element-preview .cms-blurp-element-preview--fullwidth .cms-blurp-element-preview__informations {
        padding-left: 20px;
        padding-right: 20px; }

cms-cover-element-preview {
  width: 100%;
  height: 100%; }

.cms-cover-element-preview {
  display: flex;
  position: relative;
  flex-grow: 1;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  position: relative;
  overflow: hidden;
  text-align: center;
  height: 100%;
  width: 100%;
  padding: 40px; }
  .cms-cover-element-preview__image {
    position: absolute;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    object-fit: cover;
    z-index: 0;
    left: 20px;
    right: 20px;
    bottom: 20px;
    top: 20px; }
  .cms-cover-element-preview__video {
    position: absolute;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    object-fit: cover;
    z-index: 0;
    left: 20px;
    right: 20px;
    bottom: 20px;
    top: 20px; }
  .cms-cover-element-preview__header {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 50%;
    margin: 0 25% 10px 25%;
    font-size: 16px;
    font-weight: 300;
    color: #000000;
    line-height: 1.2;
    flex-shrink: 0; }
  .cms-cover-element-preview__text {
    position: relative;
    overflow: hidden;
    font-size: 10px;
    color: #000000; }
    .cms-cover-element-preview__text h1,
    .cms-cover-element-preview__text h2,
    .cms-cover-element-preview__text h3 {
      color: #000000; }
  .cms-cover-element-preview__button {
    position: relative;
    border-radius: 2px;
    color: #ffffff;
    background-color: #000000;
    max-width: 50%;
    padding: 8px 12px;
    font-size: 8px;
    font-weight: bold;
    line-height: 12px;
    margin-top: 15px; }
    .cms-cover-element-preview__button div {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
  .cms-cover-element-preview--fullwidth {
    padding: 20px; }
    .cms-cover-element-preview--fullwidth .cms-cover-element-preview__image {
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }

cms-custom-element-preview {
  width: 100%; }
  cms-custom-element-preview .cms-custom-element-preview {
    text-align: center;
    padding: 10px 4px; }

cms-linklist-element-preview {
  width: 100%;
  display: flex; }
  cms-linklist-element-preview .cms-linklist-element-preview {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 20px;
    font-size: 10px;
    font-weight: 300; }
    cms-linklist-element-preview .cms-linklist-element-preview__list {
      display: flex;
      width: 100%;
      height: 100%;
      overflow: hidden;
      flex-direction: column;
      justify-content: center;
      align-content: center;
      flex-wrap: nowrap; }
    cms-linklist-element-preview .cms-linklist-element-preview__vertical-alignment {
      flex-direction: row;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      text-align: center; }
    cms-linklist-element-preview .cms-linklist-element-preview__list-link {
      padding: 3px 12px 3px 0;
      color: #4990e2;
      line-height: 1.5;
      max-width: 100%; }
      cms-linklist-element-preview .cms-linklist-element-preview__list-link:last-of-type {
        padding-right: 0; }

cms-menu-element-preview {
  width: 100%;
  display: flex; }
  cms-menu-element-preview .cms-menu-element-preview {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 20px;
    font-size: 10px;
    font-weight: 300; }
    cms-menu-element-preview .cms-menu-element-preview__list {
      display: flex;
      width: 100%;
      height: 100%;
      overflow: hidden;
      flex-direction: row;
      justify-content: center;
      align-content: center;
      flex-wrap: wrap; }
    cms-menu-element-preview .cms-menu-element-preview__list-link {
      display: flex;
      justify-content: center;
      position: relative;
      padding: 12px 12px 12px 0;
      color: #4990e2;
      line-height: 1.5;
      max-width: 100%; }
      cms-menu-element-preview .cms-menu-element-preview__list-link:last-of-type {
        padding-right: 0; }
      cms-menu-element-preview .cms-menu-element-preview__list-link .mc-icon {
        position: absolute;
        bottom: 0;
        color: #bbbbbb; }

cms-footer-element-preview {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center;
  padding: 20px;
  font-size: 10px;
  font-weight: 300; }
  cms-footer-element-preview ul > li {
    padding: 3px 12px 3px 0;
    color: #4990e2;
    line-height: 1.5; }
    cms-footer-element-preview ul > li:last-of-type {
      padding-right: 0; }
  cms-footer-element-preview .cms-footer-element-preview {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%; }
    cms-footer-element-preview .cms-footer-element-preview__linklist {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      box-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center;
      padding: 45px 0;
      max-height: 30%;
      overflow: hidden; }
    cms-footer-element-preview .cms-footer-element-preview__copyright, cms-footer-element-preview .cms-footer-element-preview__text {
      position: relative;
      overflow: hidden;
      margin: 10px 0;
      width: 100%;
      background-color: #ffffff;
      color: #666666;
      max-height: 39px;
      line-height: 1.05;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical; }
    cms-footer-element-preview .cms-footer-element-preview__branding {
      margin: 15px 0; }
    cms-footer-element-preview .cms-footer-element-preview__svg {
      height: 16px; }

cms-video-element-preview {
  display: flex;
  width: 100%; }
  cms-video-element-preview .cms-video-element-preview {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 20px; }

cms-product-element-preview {
  display: flex;
  width: 100%; }
  cms-product-element-preview .cms-product-element-preview {
    display: flex;
    flex-direction: row;
    width: 100%;
    padding: 20px; }
    cms-product-element-preview .cms-product-element-preview__image-container {
      display: flex;
      justify-content: center;
      align-items: center;
      min-width: 50%;
      color: #000000; }
    cms-product-element-preview .cms-product-element-preview__image {
      object-fit: contain;
      height: 100%;
      width: 100%;
      min-width: 100px; }
    cms-product-element-preview .cms-product-element-preview__essentials {
      flex-grow: 1;
      padding-left: 20px;
      color: #000000;
      overflow: hidden; }
    cms-product-element-preview .cms-product-element-preview__essentials-head {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      flex-wrap: nowrap;
      margin-bottom: 10px; }
    cms-product-element-preview .cms-product-element-preview__name {
      font-size: 12px;
      overflow: hidden;
      text-overflow: ellipsis;
      line-height: 1.5;
      white-space: nowrap;
      max-width: 100%; }
    cms-product-element-preview .cms-product-element-preview__manufacturer {
      font-size: 10px;
      font-weight: 300; }
    cms-product-element-preview .cms-product-element-preview__price {
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 5px; }
    cms-product-element-preview .cms-product-element-preview__vat {
      font-size: 8px;
      color: #8e8e8e;
      margin-bottom: 22px; }
      cms-product-element-preview .cms-product-element-preview__vat a {
        color: #4a90e2;
        text-decoration: underline; }
    cms-product-element-preview .cms-product-element-preview__actions {
      display: flex;
      flex-direction: row;
      margin-bottom: 15px; }
    cms-product-element-preview .cms-product-element-preview__action-input {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 28px;
      height: 28px;
      border-radius: 1px;
      border: solid 1px #dce0e9;
      font-size: 7px;
      color: #999999; }
    cms-product-element-preview .cms-product-element-preview__action-cta {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 28px;
      padding: 0 15px;
      color: #ffffff;
      font-size: 8px;
      background-color: #000000;
      border-radius: 1px;
      margin-left: 5px; }
      cms-product-element-preview .cms-product-element-preview__action-cta--disabled {
        background-color: #bdbdbd; }
      cms-product-element-preview .cms-product-element-preview__action-cta .mc-icon {
        margin-right: 10px; }
    cms-product-element-preview .cms-product-element-preview__stock {
      font-size: 8px;
      font-weight: 600;
      margin-bottom: 5px; }
      cms-product-element-preview .cms-product-element-preview__stock--positive {
        color: #00c14a; }
      cms-product-element-preview .cms-product-element-preview__stock--negative {
        color: #e21344; }
    cms-product-element-preview .cms-product-element-preview__description {
      font-size: 8px;
      color: #666666;
      line-height: 1.5; }
    cms-product-element-preview .cms-product-element-preview--no-gallery {
      padding-left: 0; }

.cms-size-1of3 .cms-product-element-preview,
.cms-size-1of4 .cms-product-element-preview,
.cms-size-1of6 .cms-product-element-preview {
  flex-direction: column; }
  .cms-size-1of3 .cms-product-element-preview__image-container,
  .cms-size-1of4 .cms-product-element-preview__image-container,
  .cms-size-1of6 .cms-product-element-preview__image-container {
    height: 160px;
    margin-bottom: 10px; }
  .cms-size-1of3 .cms-product-element-preview__essentials,
  .cms-size-1of4 .cms-product-element-preview__essentials,
  .cms-size-1of6 .cms-product-element-preview__essentials {
    padding-left: 0; }
  .cms-size-1of3 .cms-product-element-preview__essentials-head,
  .cms-size-1of4 .cms-product-element-preview__essentials-head,
  .cms-size-1of6 .cms-product-element-preview__essentials-head {
    margin-bottom: 5px; }
  .cms-size-1of3 .cms-product-element-preview__name,
  .cms-size-1of4 .cms-product-element-preview__name,
  .cms-size-1of6 .cms-product-element-preview__name {
    margin-bottom: 2px; }
  .cms-size-1of3 .cms-product-element-preview__actions, .cms-size-1of3 .cms-product-element-preview__manufacturer, .cms-size-1of3 .cms-product-element-preview__description,
  .cms-size-1of4 .cms-product-element-preview__actions,
  .cms-size-1of4 .cms-product-element-preview__manufacturer,
  .cms-size-1of4 .cms-product-element-preview__description,
  .cms-size-1of6 .cms-product-element-preview__actions,
  .cms-size-1of6 .cms-product-element-preview__manufacturer,
  .cms-size-1of6 .cms-product-element-preview__description {
    display: none; }

cms-product-list-element-preview {
  display: flex;
  width: 100%; }
  cms-product-list-element-preview .cms-product-list-element-preview {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 20px; }
    cms-product-list-element-preview .cms-product-list-element-preview__head {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      margin-bottom: 8px; }
    cms-product-list-element-preview .cms-product-list-element-preview__headline {
      color: #000000;
      font-size: 14px;
      font-weight: 300; }
    cms-product-list-element-preview .cms-product-list-element-preview__sort {
      font-size: 10px; }
      cms-product-list-element-preview .cms-product-list-element-preview__sort b {
        font-weight: 600; }
    cms-product-list-element-preview .cms-product-list-element-preview__grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0px, 1fr));
      grid-template-rows: 1fr;
      grid-column-gap: 15px;
      grid-row-gap: 0px;
      overflow: hidden; }
    cms-product-list-element-preview .cms-product-list-element-preview__image-container {
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      width: 100%; }
      cms-product-list-element-preview .cms-product-list-element-preview__image-container:before {
        content: '';
        display: block;
        padding-top: 100%; }
    cms-product-list-element-preview .cms-product-list-element-preview__image {
      position: absolute;
      object-fit: contain;
      height: 100%;
      width: 100%;
      min-width: 100px; }
    cms-product-list-element-preview .cms-product-list-element-preview__product-details {
      display: flex;
      flex-direction: row;
      align-items: center;
      color: #000000;
      margin-top: 10px; }
    cms-product-list-element-preview .cms-product-list-element-preview__product-essentials {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      flex-grow: 1;
      min-width: 0; }
    cms-product-list-element-preview .cms-product-list-element-preview__product-actions {
      margin-left: 10px; }
    cms-product-list-element-preview .cms-product-list-element-preview__product-name {
      font-size: 10px;
      margin-bottom: 4px;
      overflow: hidden;
      text-overflow: ellipsis;
      line-height: 1.5;
      white-space: nowrap;
      max-width: 100%; }
    cms-product-list-element-preview .cms-product-list-element-preview__product-price {
      font-size: 8px;
      font-weight: 400;
      display: flex; }
      cms-product-list-element-preview .cms-product-list-element-preview__product-price--fron-text {
        margin-right: 3px; }
    cms-product-list-element-preview .cms-product-list-element-preview__product-actions .mc-icon {
      margin-right: 10px; }
    cms-product-list-element-preview .cms-product-list-element-preview__product-availibility {
      font-size: 8px;
      font-weight: 500;
      color: #e21344; }

cms-promotion-product-list-element-preview {
  display: flex;
  width: 100%; }
  cms-promotion-product-list-element-preview .cms-promo-product-list-element-preview {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 20px; }
    cms-promotion-product-list-element-preview .cms-promo-product-list-element-preview__grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0px, 1fr));
      grid-template-rows: 1fr;
      grid-column-gap: 15px;
      grid-row-gap: 0px;
      overflow: hidden; }
    cms-promotion-product-list-element-preview .cms-promo-product-list-element-preview__image-container {
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      width: 100%; }
      cms-promotion-product-list-element-preview .cms-promo-product-list-element-preview__image-container:before {
        content: '';
        display: block;
        padding-top: 100%; }
    cms-promotion-product-list-element-preview .cms-promo-product-list-element-preview__image {
      position: absolute;
      object-fit: contain;
      max-height: 100%;
      max-width: 100%;
      min-width: 100px; }
    cms-promotion-product-list-element-preview .cms-promo-product-list-element-preview__product-details {
      display: flex;
      flex-direction: row;
      align-items: center;
      color: #000000;
      margin-top: 10px; }
    cms-promotion-product-list-element-preview .cms-promo-product-list-element-preview__product-essentials {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      flex-grow: 1;
      min-width: 0; }
    cms-promotion-product-list-element-preview .cms-promo-product-list-element-preview__product-actions {
      margin-left: 10px; }
    cms-promotion-product-list-element-preview .cms-promo-product-list-element-preview__product-name {
      font-size: 10px;
      margin-bottom: 4px;
      overflow: hidden;
      text-overflow: ellipsis;
      line-height: 1.5;
      white-space: nowrap;
      max-width: 100%; }
    cms-promotion-product-list-element-preview .cms-promo-product-list-element-preview__product-price {
      font-size: 8px;
      font-weight: 400;
      display: flex; }
      cms-promotion-product-list-element-preview .cms-promo-product-list-element-preview__product-price--fron-text {
        margin-right: 3px; }
    cms-promotion-product-list-element-preview .cms-promo-product-list-element-preview__product-actions .mc-icon {
      margin-right: 10px; }
    cms-promotion-product-list-element-preview .cms-promo-product-list-element-preview__product-availibility {
      font-size: 8px;
      font-weight: 500;
      color: #e21344; }
    cms-promotion-product-list-element-preview .cms-promo-product-list-element-preview--empty {
      justify-content: center;
      align-items: center; }

cms-gallery-element-preview {
  display: flex;
  width: 100%; }
  cms-gallery-element-preview .cms-gallery-element-preview {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 20px; }
    cms-gallery-element-preview .cms-gallery-element-preview__grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0px, 1fr));
      grid-template-rows: repeat(2, 1fr);
      grid-column-gap: 15px;
      grid-row-gap: 15px;
      overflow: hidden;
      width: 100%; }
      cms-gallery-element-preview .cms-gallery-element-preview__grid--1-column {
        grid-template-columns: minmax(0px, 1fr);
        grid-template-rows: repeat(8, 1fr); }
      cms-gallery-element-preview .cms-gallery-element-preview__grid--2-column {
        grid-template-columns: repeat(2, minmax(0px, 1fr));
        grid-template-rows: repeat(4, 1fr); }
      cms-gallery-element-preview .cms-gallery-element-preview__grid--3-column {
        grid-template-columns: repeat(3, minmax(0px, 1fr));
        grid-template-rows: repeat(3, 1fr); }
      cms-gallery-element-preview .cms-gallery-element-preview__grid--5-column {
        grid-template-columns: repeat(5, minmax(0px, 1fr));
        grid-template-rows: repeat(2, 1fr); }
      cms-gallery-element-preview .cms-gallery-element-preview__grid--6-column {
        grid-template-columns: repeat(6, minmax(0px, 1fr));
        grid-template-rows: repeat(2, 1fr); }
    cms-gallery-element-preview .cms-gallery-element-preview__grid-item {
      display: flex;
      flex-direction: column;
      justify-content: center; }
    cms-gallery-element-preview .cms-gallery-element-preview__image-container {
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      width: 100%;
      flex-grow: 1; }
      cms-gallery-element-preview .cms-gallery-element-preview__image-container--cropped:before {
        content: '';
        display: block;
        padding-top: 75%; }
      cms-gallery-element-preview .cms-gallery-element-preview__image-container--cropped .cms-gallery-element-preview__image {
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover; }
    cms-gallery-element-preview .cms-gallery-element-preview__image {
      object-fit: contain;
      height: 100%;
      width: 100%;
      min-width: 100px;
      max-height: 280px;
      max-width: 100%; }
    cms-gallery-element-preview .cms-gallery-element-preview__image-caption {
      margin-top: 10px;
      text-align: center;
      font-size: 12px;
      color: #000000;
      overflow: hidden;
      text-overflow: ellipsis;
      line-height: 1.5;
      white-space: nowrap;
      max-width: 100%; }

cms-slideshow-element-preview {
  display: flex;
  width: 100%; }
  cms-slideshow-element-preview .cms-slideshow-element-preview {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 20px; }
    cms-slideshow-element-preview .cms-slideshow-element-preview__main-image-container {
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      width: 100%;
      height: 100%; }
    cms-slideshow-element-preview .cms-slideshow-element-preview__main-image {
      position: absolute;
      object-fit: contain;
      height: 100%;
      width: 100%;
      max-height: 100%;
      max-width: 100%;
      min-width: 100px; }
      cms-slideshow-element-preview .cms-slideshow-element-preview__main-image--cropped {
        object-fit: cover; }
    cms-slideshow-element-preview .cms-slideshow-element-preview__ctrls {
      display: flex;
      position: relative;
      flex-direction: row;
      width: 100%;
      align-items: center;
      justify-content: space-between; }
    cms-slideshow-element-preview .cms-slideshow-element-preview__thumbnails {
      margin-top: 10px;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: flex-start;
      width: 500px; }
    cms-slideshow-element-preview .cms-slideshow-element-preview__thumbnail-item {
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      width: calc(10% - 5px);
      overflow: hidden;
      margin-right: 5px; }
      cms-slideshow-element-preview .cms-slideshow-element-preview__thumbnail-item:before {
        content: '';
        display: block;
        padding-top: 100%; }
      cms-slideshow-element-preview .cms-slideshow-element-preview__thumbnail-item:first-child {
        border-bottom: 2px solid #000000; }
      cms-slideshow-element-preview .cms-slideshow-element-preview__thumbnail-item:last-child {
        margin-right: 0px; }
    cms-slideshow-element-preview .cms-slideshow-element-preview__thumbnail-image {
      position: absolute;
      object-fit: contain;
      height: 100%;
      width: 100%;
      max-height: 100%;
      max-width: 100%;
      min-width: 100px; }

cms-slider-element-preview {
  display: flex;
  width: 100%; }
  cms-slider-element-preview .cms-slider-element-preview {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 20px; }
    cms-slider-element-preview .cms-slider-element-preview__elements {
      position: relative; }
    cms-slider-element-preview .cms-slider-element-preview__ctrls {
      display: flex;
      position: absolute;
      padding: 0 20px;
      flex-direction: row;
      width: 100%;
      align-items: center;
      justify-content: space-between; }
    cms-slider-element-preview .cms-slider-element-preview__image-container {
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      width: 100%;
      height: 100%; }
    cms-slider-element-preview .cms-slider-element-preview__image {
      object-fit: contain;
      max-height: 100%;
      max-width: 100%; }
    cms-slider-element-preview .cms-slider-element-preview--fullwidth {
      padding: 0; }
      cms-slider-element-preview .cms-slider-element-preview--fullwidth .cms-slider-element-preview__ctrls {
        padding: 0; }

cms-spacer-element-preview {
  width: 100%;
  display: flex; }
  cms-spacer-element-preview .cms-spacer-element-preview {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 20px;
    color: #3e3e3e; }
    cms-spacer-element-preview .cms-spacer-element-preview__icon {
      font-size: 3.7em;
      color: #000000; }
    cms-spacer-element-preview .cms-spacer-element-preview__size {
      font-size: 14px;
      font-weight: 300;
      text-align: center; }

cms-tabs-element-preview {
  width: 100%; }
  cms-tabs-element-preview .cms-tabs-element-preview {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 20px;
    overflow: hidden; }
    cms-tabs-element-preview .cms-tabs-element-preview__tabs-container {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      width: 100%;
      max-height: 100%;
      overflow: hidden; }
    cms-tabs-element-preview .cms-tabs-element-preview__tabs {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap; }
    cms-tabs-element-preview .cms-tabs-element-preview__tab {
      font-size: 10px;
      color: #000000;
      padding: 10px 15px;
      background-color: #f3f3f3;
      margin-right: 5px;
      margin-bottom: 5px; }
      cms-tabs-element-preview .cms-tabs-element-preview__tab:first-child {
        background-color: #ffffff; }
      cms-tabs-element-preview .cms-tabs-element-preview__tab .mc-icon {
        display: none;
        color: #000000; }
    cms-tabs-element-preview .cms-tabs-element-preview__tab-content {
      width: 100%; }

.cms-size-1of3 .cms-tabs-element-preview__tabs-container,
.cms-size-1of4 .cms-tabs-element-preview__tabs-container,
.cms-size-1of6 .cms-tabs-element-preview__tabs-container {
  flex-direction: column; }

.cms-size-1of3 .cms-tabs-element-preview__tab,
.cms-size-1of4 .cms-tabs-element-preview__tab,
.cms-size-1of6 .cms-tabs-element-preview__tab {
  order: 3;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .cms-size-1of3 .cms-tabs-element-preview__tab:first-child,
  .cms-size-1of4 .cms-tabs-element-preview__tab:first-child,
  .cms-size-1of6 .cms-tabs-element-preview__tab:first-child {
    order: 1;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec; }
  .cms-size-1of3 .cms-tabs-element-preview__tab .mc-icon,
  .cms-size-1of4 .cms-tabs-element-preview__tab .mc-icon,
  .cms-size-1of6 .cms-tabs-element-preview__tab .mc-icon {
    display: block; }

.cms-size-1of3 .cms-tabs-element-preview__tab-content,
.cms-size-1of4 .cms-tabs-element-preview__tab-content,
.cms-size-1of6 .cms-tabs-element-preview__tab-content {
  order: 2;
  padding: 0 15px 10px; }

cms-blog-list-element-preview {
  width: 100%;
  height: 100%; }

.cms-blog-list-element-preview {
  display: flex;
  position: relative;
  flex-grow: 1;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
  padding: 40px; }
  .cms-blog-list-element-preview__content {
    width: 100%;
    display: grid;
    grid-template-columns: 2fr 3fr;
    column-gap: 30px;
    row-gap: 5px;
    grid-template-rows: 1fr 1fr auto 4fr auto 1fr;
    grid-template-areas: 'postImage .' 'postImage title' 'postImage author' 'postImage bodyText' 'postImage postReadMore' 'postImage .';
    padding: 4px 8px; }
  .cms-blog-list-element-preview__image {
    grid-area: postImage;
    display: flex;
    align-items: center;
    justify-content: center; }
    .cms-blog-list-element-preview__image img {
      object-fit: cover;
      max-width: 100%;
      max-height: 280px; }
  .cms-blog-list-element-preview__title {
    grid-area: title;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 99%;
    font-size: 16px;
    font-weight: 300;
    color: #000000;
    line-height: 1.2;
    flex-shrink: 0; }
  .cms-blog-list-element-preview__author {
    grid-area: author;
    font-size: 10px;
    font-weight: 300;
    color: #000000;
    line-height: 1.2; }
  .cms-blog-list-element-preview__text {
    grid-area: bodyText;
    position: relative;
    overflow: hidden;
    font-size: 10px;
    color: #000000;
    max-height: 84px;
    line-height: 1.63;
    padding: 10px 0; }
    .cms-blog-list-element-preview__text img {
      display: none; }
    .cms-blog-list-element-preview__text h1,
    .cms-blog-list-element-preview__text h2,
    .cms-blog-list-element-preview__text h3 {
      color: #000000; }
  .cms-blog-list-element-preview__read-more {
    grid-area: postReadMore;
    color: #4990e2;
    line-height: 1.5;
    font-size: 10px; }

.cms-packages-list-preview-element {
  width: 100%; }
  .cms-packages-list-preview-element__image {
    width: 100%;
    object-fit: contain;
    image-rendering: crisp-edges; }

cms-tyre-search-mask-preview {
  width: 100%; }
  cms-tyre-search-mask-preview .cms-tyre-search-mask-preview {
    width: 100%;
    height: 100%; }
    cms-tyre-search-mask-preview .cms-tyre-search-mask-preview__image {
      width: 100%;
      height: 100%;
      object-fit: contain;
      image-rendering: crisp-edges; }

cms-contact-form-preview {
  width: 100%; }
  cms-contact-form-preview .cms-contact-form-preview {
    width: 100%;
    height: 100%; }
    cms-contact-form-preview .cms-contact-form-preview__image {
      width: 100%;
      height: 100%;
      object-fit: contain;
      image-rendering: crisp-edges; }

cms-wearparts-search-mask-preview {
  width: 100%; }
  cms-wearparts-search-mask-preview .cms-wearparts-search-mask-preview {
    width: 100%;
    height: 100%; }
    cms-wearparts-search-mask-preview .cms-wearparts-search-mask-preview__image {
      width: 100%;
      height: 100%;
      object-fit: contain;
      image-rendering: crisp-edges; }

cms-alloy-search-mask-preview {
  width: 100%; }
  cms-alloy-search-mask-preview .cms-alloy-search-mask-preview {
    width: 100%;
    height: 100%; }
    cms-alloy-search-mask-preview .cms-alloy-search-mask-preview__image {
      width: 100%;
      height: 100%;
      object-fit: contain;
      image-rendering: crisp-edges; }

cms-accessory-search-mask-preview {
  width: 100%; }
  cms-accessory-search-mask-preview .cms-accessory-search-mask-preview {
    width: 100%;
    height: 100%; }
    cms-accessory-search-mask-preview .cms-accessory-search-mask-preview__image {
      width: 100%;
      height: 100%;
      object-fit: contain;
      image-rendering: crisp-edges; }

.mc-treeview-wrapper {
  width: 100%;
  position: absolute;
  padding: 30px; }
  @media only screen and (max-width: 769px) {
    .mc-treeview-wrapper {
      padding: 0; } }

.mc-treeview {
  display: block; }

.mc-treeview .mc-element-box-header {
  padding-left: 0.5em; }

.mc-treeview .mc-element-box {
  margin-bottom: 0; }

.mc-treeview > li.mc-treeview-item li.mc-treeview-item,
.mc-treeview > li.mc-treeview-item li.mc-node-placeholder {
  margin-left: 4em; }

ol.mc-treeview {
  padding-top: 1.5em; }

mc-treeview > .mc-treeview:first-child {
  padding-top: 0; }

.mc-treeview-item {
  display: block; }
  .mc-treeview-item.mc-is-collapsed.mc-has-children {
    margin-bottom: 1.5em; }

.mc-node-placeholder {
  height: 3em;
  border: 1px dashed #e1e1e1;
  margin-bottom: 25px; }

@media only screen and (max-width: 769px) {
  mc-treeview.mc-is-showing-detail .mc-treeview > li.mc-treeview-item li.mc-treeview-item {
    margin-left: 0; } }

mc-location {
  display: block; }

mc-location-render {
  display: block; }

.mc-form-view mc-location-render {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid; }

.mc-attr-type {
  display: block; }

.mc-form-view .mc-attr-type {
  padding-bottom: 0.8em; }

.mc-form-group {
  padding-bottom: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: center;
  -moz-align-content: center;
  align-content: center;
  -ms-flex-line-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  font-size: 12px; }

.mc-label-cell {
  color: #666666;
  display: block;
  font-size: 11px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  height: 18px;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  width: 100%; }

.mc-value-cell {
  display: block;
  width: 100%;
  position: relative; }

.mc-stretch {
  width: 100%; }

.mc-is-translating .mc-label-cell {
  padding-right: 30px; }

.mc-is-translating.mc-is-disabled.mc-focus .mc-attr-locale-helper {
  display: none; }

.mc-input {
  font-size: 12px;
  padding: 0;
  color: #464646;
  border: 1px solid #d1d1d1;
  background-color: #fff; }
  .mc-input:focus {
    border: 1px solid #6070f6;
    background-color: #f4f5ff;
    color: #525252;
    outline-offset: 0;
    outline: none; }
    .mc-input:focus .mc-icon {
      background-color: #525252; }

.mc-input-text {
  height: 40px;
  line-height: 40px;
  padding: 0 10px; }

.mc-input-label {
  font-size: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
  width: auto; }
  @media only screen and (min-width: 970px) {
    .mc-input-label {
      max-width: calc(100% - 10px); } }

.mc-input-label-on-right {
  padding-left: 1.2em; }

fieldset:disabled .mc-input {
  color: #acacac;
  background-color: whitesmoke;
  border-color: #e5e5e5;
  cursor: not-allowed; }

.ng-invalid.mc-input {
  border: 1px solid #e52e2e;
  color: #e52e2e; }
  .ng-invalid.mc-input:focus {
    background-color: #fce3e3; }

.select2-container-multi .select2-choices .select2-search-field input.ng-invalid {
  color: #e52e2e; }

.mc-is-successful .mc-input {
  border: 1px solid #00c845;
  color: #00c845; }
  .mc-is-successful .mc-input:focus {
    background-color: #c8ffdb; }

.mc-is-successful .mc-input-label {
  color: #00c845; }

.mc-has-problem .mc-input {
  border: 1px solid #ea9d31;
  color: #ea9d31; }
  .mc-has-problem .mc-input:focus {
    background-color: #fdf5ea; }

.mc-has-problem .mc-input-label {
  color: #ea9d31; }

.mc-attr-translation-container {
  position: relative;
  display: inline-block;
  width: 100%; }

.mc-attr-translation-state {
  width: 30px;
  height: 40px;
  position: absolute;
  left: 0;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topleft: 2px;
  border-top-left-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  border-bottom-left-radius: 2px;
  background-color: #929292;
  text-align: center;
  display: none; }
  .mc-attr-translation-state.mc-attr-translation-small {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    left: -23px; }
    .mc-attr-translation-state.mc-attr-translation-small .mc-icon {
      line-height: 22px; }
  .mc-attr-translation-state .mc-icon {
    color: white;
    line-height: 40px; }
    .mc-attr-translation-state .mc-icon.mc-icon-check {
      display: none; }
    .mc-attr-translation-state .mc-icon.mc-icon-exclamation {
      display: block; }

.mc-is-translated .mc-attr-translation-state {
  background-color: #6070f6; }
  .mc-is-translated .mc-attr-translation-state .mc-icon.mc-icon-check {
    display: block; }
  .mc-is-translated .mc-attr-translation-state .mc-icon.mc-icon-exclamation {
    display: none; }

.mc-attr-locale-helper {
  font-size: 14px;
  width: calc(100% - 30px);
  margin-left: 30px;
  min-height: 40px;
  display: none;
  position: absolute;
  background-color: white;
  color: #858585;
  border: 1px solid #6070f6;
  border-top: none;
  top: 100%;
  margin-top: -1px;
  padding: 10px;
  z-index: 5; }
  .mc-attr-locale-helper span {
    word-wrap: break-word; }

.mc-helper-flag {
  width: 20px;
  height: auto;
  margin-right: 10px; }

.mc-helper-tags {
  padding: 5px;
  border-radius: 2px;
  background-image: none;
  background-color: #fff;
  border: 1px solid #d3d3d3;
  color: #a0a0a0;
  margin: 3px 0 3px 3px;
  font-size: 12px;
  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05); }

.mc-is-translating.mc-focus .mc-attr-locale-helper {
  display: block; }
  .mc-is-translating.mc-focus .mc-attr-locale-helper:has(.mc-language-flag) {
    display: flex;
    align-items: center;
    gap: 5px; }
    .mc-is-translating.mc-focus .mc-attr-locale-helper:has(.mc-language-flag) .mc-helper-flag {
      width: unset;
      height: unset;
      margin-right: unset;
      box-shadow: unset;
      font-size: 1.67rem; }
    .mc-is-translating.mc-focus .mc-attr-locale-helper:has(.mc-language-flag):has(p.mc-attr-value.mc-textarea-viewer) .mc-helper-flag, .mc-is-translating.mc-focus .mc-attr-locale-helper:has(.mc-language-flag):has(span[ng-transclude="helper"]) .mc-helper-flag {
      position: relative;
      top: 1px; }

.mc-is-translating .mc-attr-translation-state {
  display: block; }

.mc-is-translating.mc-attr-translation-container md-autocomplete input,
.mc-is-translating .mc-attr-translation-container md-autocomplete input {
  margin-left: 30px;
  width: calc(100% - 30px); }

.mc-is-translating.mc-attr-translation-container .mc-input-text,
.mc-is-translating.mc-attr-translation-container .mc-textarea,
.mc-is-translating .mc-attr-translation-container .mc-input-text,
.mc-is-translating .mc-attr-translation-container .mc-textarea {
  margin-left: 30px; }
  .mc-is-translating.mc-attr-translation-container .mc-input-text.mc-stretch,
  .mc-is-translating.mc-attr-translation-container .mc-textarea.mc-stretch,
  .mc-is-translating .mc-attr-translation-container .mc-input-text.mc-stretch,
  .mc-is-translating .mc-attr-translation-container .mc-textarea.mc-stretch {
    width: calc(100% - 30px); }

[append-to-body~='false'].select2-dropdown-open.ui-select__create-new-variant .ui-select-dropdown {
  display: block;
  z-index: 1; }

[append-to-body~='false'] .ui-select-dropdown {
  display: none; }

.select2-caret {
  position: absolute;
  right: 4px;
  top: -10px;
  z-index: 5; }
  .select2-caret:before {
    content: '▲';
    display: block;
    font-size: 12px;
    color: white;
    -webkit-transform: scaleX(1.5);
    -moz-transform: scaleX(1.5);
    -ms-transform: scaleX(1.5);
    -o-transform: scaleX(1.5);
    transform: scaleX(1.5);
    right: 5px;
    position: absolute;
    text-shadow: rgba(0, 0, 0, 0.1) 0px -2px 4px; }

.mc-location-fieldset {
  margin: 0;
  padding: 0;
  border: none;
  min-width: 0; }

.mc-textarea {
  font-size: 12px;
  padding: 0;
  color: #464646;
  border: 1px solid #d1d1d1;
  background-color: #fff;
  height: 80px;
  resize: vertical;
  padding: 10px; }
  .mc-textarea:focus {
    border: 1px solid #6070f6;
    background-color: #f4f5ff;
    color: #525252;
    outline-offset: 0;
    outline: none; }
    .mc-textarea:focus .mc-icon {
      background-color: #525252; }
  .mc-textarea + .mc-attr-locale-helper {
    margin-top: -4px; }

.mc-textarea-viewer {
  white-space: pre; }

fieldset:disabled .mc-textarea {
  color: #acacac;
  background-color: whitesmoke;
  border-color: #e5e5e5;
  cursor: not-allowed; }

.ng-invalid.mc-textarea {
  border: 1px solid #e52e2e;
  color: #e52e2e; }
  .ng-invalid.mc-textarea:focus {
    background-color: #fce3e3; }

.mc-is-successful .mc-textarea {
  border: 1px solid #00c845;
  color: #00c845; }
  .mc-is-successful .mc-textarea:focus {
    background-color: #c8ffdb; }

.mc-is-successful .mc-input-label {
  color: #00c845; }

.mc-has-problem .mc-textarea {
  border: 1px solid #ea9d31;
  color: #ea9d31; }
  .mc-has-problem .mc-textarea:focus {
    background-color: #fdf5ea; }

.mc-has-problem .mc-input-label {
  color: #ea9d31; }

/*.mc-btn {
  background: none;
  cursor: pointer;
  border: none;
  margin: 0px;
  padding: 0px;
  @include border-radius(2px);
  @include background-clip(padding-box);
  padding-left: 8px;
}*/
.mc-btn-round {
  background-color: white;
  width: 34px;
  height: 34px;
  padding: 0;
  box-shadow: 0px 2px 6px -4px black;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: background-color 0.3s ease, color 0.3s ease, -webkit-transform 0.5s ease;
  -moz-transition: background-color 0.3s ease, color 0.3s ease, -moz-transform 0.5s ease;
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.5s ease; }
  .mc-btn-round .mc-icon {
    line-height: 34px; }
  .mc-btn-round:hover {
    color: white; }

.mc-btn-add {
  color: #6ebc4f;
  margin: 10px 0; }
  .mc-btn-add:hover {
    background-color: #6ebc4f; }

.mc-btn-delete {
  color: #a34748; }
  .mc-btn-delete:hover {
    background-color: #a34748; }

.mc-btn-inline {
  position: absolute;
  z-index: 9;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }

.mc-attr-value-multi {
  display: inline;
  vertical-align: middle;
  margin-bottom: 15px; }

.mc-value-cell-multi {
  display: inline-block;
  width: 100%;
  position: relative; }
  .mc-value-cell-multi .mc-btn-round {
    width: 28px;
    height: 28px; }
    .mc-value-cell-multi .mc-btn-round .mc-icon {
      line-height: 28px; }

.mc-value-cell-multi-group {
  background-color: #f0f0f0;
  padding: 20px;
  border: 1px solid #d1d1d1; }
  .mc-value-cell-multi-group .mc-attr-translation-state {
    margin-top: -21px; }
  .mc-value-cell-multi-group.group-focused {
    border: 1px solid #6070f6; }

.mc-form-attribute-editor .mc-value-cell-multi {
  padding-right: 50px;
  margin-bottom: 10px; }
  .mc-form-attribute-editor .mc-value-cell-multi:last-of-type {
    margin-bottom: 0; }

/* Multicolumn for Attributes */
/*.mc-multicolumn {
    @include column-count(3);

    @media only screen and (max-width: $Breakpoint-M) {
        @include column-count(2);
    }

    @media only screen and (max-width: $Breakpoint-S) {
        @include column-count(1);
        padding: 15px;
    }
}*/
.mc-location-fieldset .mc-multicolumn {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  box-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -o-align-items: stretch;
  align-items: stretch;
  -ms-flex-align: stretch; }
  .mc-location-fieldset .mc-multicolumn .mc-form-attribute-editor {
    width: 33.3333%;
    min-height: 50px;
    padding-right: 1em; }
  .mc-location-fieldset .mc-multicolumn .mc-form-attribute-editor-streched {
    width: 100%; }
    .mc-location-fieldset .mc-multicolumn .mc-form-attribute-editor-streched .mc-value-cell {
      -webkit-flex-grow: 1;
      -moz-flex-grow: 1;
      flex-grow: 1;
      -ms-flex-positive: 1; }
  @media only screen and (max-width: 1300px) {
    .mc-location-fieldset .mc-multicolumn .mc-form-attribute-editor {
      width: 50%; } }
  @media only screen and (max-width: 970px) {
    .mc-location-fieldset .mc-multicolumn .mc-form-attribute-editor {
      width: 100%; } }

.mc-attribute {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid; }

.mc-form-nested-attribute-group {
  margin-bottom: 10px; }
  .mc-form-nested-attribute-group .mc-form-nested-attributes-list {
    position: relative;
    background-color: rgba(0, 0, 0, 0.04);
    padding: 0 11px; }
    .mc-form-nested-attribute-group .mc-form-nested-attributes-list .mc-form-nested-attribute {
      padding-top: 10px; }

.mc-form-nested-multi-attribute {
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  position: relative;
  background-color: rgba(0, 0, 0, 0.04);
  padding: 11px; }
  .mc-form-nested-multi-attribute.mc-form-group-selected {
    background-color: #fcfcfc; }

.mc-value-cell-multi .mc-form-nested-attribute-group:last-of-type {
  margin-bottom: 0; }

mc-checkbox {
  outline: none;
  position: relative; }

.mc-dropzone-ui {
  position: absolute;
  z-index: -1;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  -webkit-animation: filematrix 8s linear infinite;
  -moz-animation: filematrix 8s linear infinite;
  animation: filematrix 8s linear infinite;
  background: url("/admin/styles/images/dropzone/pattern.png") #f7f5ef 0px 0px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
  -webkit-transition-delay: 500ms;
  -moz-transition-delay: 500ms;
  transition-delay: 500ms; }
  .mc-dropzone-ui.mc-dropzone-global {
    position: fixed;
    top: 60px;
    bottom: 60px; }
    .mc-dropzone-ui.mc-dropzone-global.mc-dropzone-ui-active {
      z-index: 999; }
  .mc-dropzone-ui.mc-dropzone-ui-active {
    z-index: 5;
    opacity: 1;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease; }
    .mc-dropzone-ui.mc-dropzone-ui-active .mc-dropzone-file-bubble,
    .mc-dropzone-ui.mc-dropzone-ui-active .mc-dropzone-file-bubble-bg {
      opacity: 1;
      -webkit-transition: opacity 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
      -moz-transition: opacity 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
      transition: opacity 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
      -webkit-transition-delay: 250ms;
      -moz-transition-delay: 250ms;
      transition-delay: 250ms; }
    .mc-dropzone-ui.mc-dropzone-ui-active .mc-dropzone-secondary-file {
      -webkit-transform: translateY(-55%);
      -moz-transform: translateY(-55%);
      -ms-transform: translateY(-55%);
      -o-transform: translateY(-55%);
      transform: translateY(-55%);
      opacity: 1;
      -webkit-transition-property: -webkit-transform, opacity;
      -moz-transition-property: -moz-transform, opacity;
      transition-property: transform, opacity;
      -webkit-transition-duration: 400ms, 400ms;
      -moz-transition-duration: 400ms, 400ms;
      transition-duration: 400ms, 400ms;
      -webkit-transition-timing-function: ease, ease;
      -moz-transition-timing-function: ease, ease;
      transition-timing-function: ease, ease;
      -webkit-transition-delay: 300ms;
      -moz-transition-delay: 300ms;
      transition-delay: 300ms; }
    .mc-dropzone-ui.mc-dropzone-ui-active .mc-dropzone-third-file {
      -webkit-transform: translateX(-80px) translateY(-50%) rotate(-12deg);
      -moz-transform: translateX(-80px) translateY(-50%) rotate(-12deg);
      -ms-transform: translateX(-80px) translateY(-50%) rotate(-12deg);
      -o-transform: translateX(-80px) translateY(-50%) rotate(-12deg);
      transform: translateX(-80px) translateY(-50%) rotate(-12deg);
      opacity: 1;
      -webkit-transition-property: -webkit-transform, opacity;
      -moz-transition-property: -moz-transform, opacity;
      transition-property: transform, opacity;
      -webkit-transition-duration: 400ms, 400ms;
      -moz-transition-duration: 400ms, 400ms;
      transition-duration: 400ms, 400ms;
      -webkit-transition-timing-function: ease, ease;
      -moz-transition-timing-function: ease, ease;
      transition-timing-function: ease, ease;
      -webkit-transition-delay: 300ms;
      -moz-transition-delay: 300ms;
      transition-delay: 300ms; }
    .mc-dropzone-ui.mc-dropzone-ui-active .mc-dropzone-fourth-file {
      -webkit-transform: translateX(60px) translateY(-50%) rotate(27deg);
      -moz-transform: translateX(60px) translateY(-50%) rotate(27deg);
      -ms-transform: translateX(60px) translateY(-50%) rotate(27deg);
      -o-transform: translateX(60px) translateY(-50%) rotate(27deg);
      transform: translateX(60px) translateY(-50%) rotate(27deg);
      opacity: 1;
      -webkit-transition-property: -webkit-transform, opacity;
      -moz-transition-property: -moz-transform, opacity;
      transition-property: transform, opacity;
      -webkit-transition-duration: 400ms, 400ms;
      -moz-transition-duration: 400ms, 400ms;
      transition-duration: 400ms, 400ms;
      -webkit-transition-timing-function: ease, ease;
      -moz-transition-timing-function: ease, ease;
      transition-timing-function: ease, ease;
      -webkit-transition-delay: 300ms;
      -moz-transition-delay: 300ms;
      transition-delay: 300ms; }

.mc-dropzone-file-bubble,
.mc-dropzone-file-bubble-bg {
  position: absolute;
  z-index: 1;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 50%;
  width: 350px;
  height: 350px;
  opacity: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: opacity 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition-delay: 350ms;
  -moz-transition-delay: 350ms;
  transition-delay: 350ms; }

.mc-dropzone-file-bubble-bg {
  -webkit-animation: bubble 750ms cubic-bezier(0.455, 0.03, 0.515, 0.955) alternate infinite;
  -moz-animation: bubble 750ms cubic-bezier(0.455, 0.03, 0.515, 0.955) alternate infinite;
  animation: bubble 750ms cubic-bezier(0.455, 0.03, 0.515, 0.955) alternate infinite;
  background-color: #3e53ff;
  z-index: 0; }

.mc-dropzone-file-bubble-small {
  position: absolute;
  z-index: 1;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #3e53ff;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  text-align: center;
  color: rgba(255, 255, 255, 0.75); }
  .mc-dropzone-file-bubble-small .mc-icon {
    line-height: 60px; }

.mc-dropzone-main-file {
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  background: url("/admin/styles/images/dropzone/files.png?v=2") 0px 0px;
  width: 92px;
  height: 92px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }

.mc-dropzone-secondary-file,
.mc-dropzone-third-file,
.mc-dropzone-fourth-file {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin: 0 auto;
  opacity: 0;
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  transition-property: transform, opacity;
  -webkit-transition-duration: 600ms, 400ms;
  -moz-transition-duration: 600ms, 400ms;
  transition-duration: 600ms, 400ms;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55), ease;
  -moz-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55), ease;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55), ease;
  -webkit-transition-delay: 0ms, 200ms;
  -moz-transition-delay: 0ms, 200ms;
  transition-delay: 0ms, 200ms; }

.mc-dropzone-secondary-file {
  margin: -40px auto 0 auto;
  background: url("/admin/styles/images/dropzone/files.png") no-repeat -272px -2px;
  width: 83px;
  height: 83px;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.mc-dropzone-third-file {
  content: '';
  display: block;
  width: 83px;
  height: 86px;
  background: url("/admin/styles/images/dropzone/files.png") no-repeat -184px -2px;
  -webkit-transform: translateX(0) translateY(-50%) rotate(0);
  -moz-transform: translateX(0) translateY(-50%) rotate(0);
  -ms-transform: translateX(0) translateY(-50%) rotate(0);
  -o-transform: translateX(0) translateY(-50%) rotate(0);
  transform: translateX(0) translateY(-50%) rotate(0); }

.mc-dropzone-fourth-file {
  content: '';
  display: block;
  width: 83px;
  height: 86px;
  background: url("/admin/styles/images/dropzone/files.png") no-repeat -96px -2px;
  -webkit-transform: translateX(0) translateY(-50%) rotate(0);
  -moz-transform: translateX(0) translateY(-50%) rotate(0);
  -ms-transform: translateX(0) translateY(-50%) rotate(0);
  -o-transform: translateX(0) translateY(-50%) rotate(0);
  transform: translateX(0) translateY(-50%) rotate(0); }

.mc-dropzone-desc {
  position: absolute;
  bottom: 60px;
  display: block;
  width: 100%;
  text-align: center;
  color: #c9cefb;
  font-size: 14px; }

.mc-app-dropzone {
  height: 100%;
  width: 100%;
  color: #666666; }

@-webkit-keyframes filematrix {
  from {
    background-position: 0 0; }
  to {
    background-position: 0 -300px; } }

@-moz-keyframes filematrix {
  from {
    background-position: 0 0; }
  to {
    background-position: 0 -300px; } }

@keyframes filematrix {
  from {
    background-position: 0 0; }
  to {
    background-position: 0 -300px; } }

@-webkit-keyframes bubble {
  from {
    -webkit-transform: translateY(-50%) scale(1); }
  to {
    -webkit-transform: translateY(-50%) scale(1.05); } }

@-moz-keyframes bubble {
  from {
    -moz-transform: translateY(-50%) scale(1); }
  to {
    -moz-transform: translateY(-50%) scale(1.05); } }

@keyframes bubble {
  from {
    -webkit-transform: translateY(-50%) scale(1);
    -moz-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    -o-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1); }
  to {
    -webkit-transform: translateY(-50%) scale(1.05);
    -moz-transform: translateY(-50%) scale(1.05);
    -ms-transform: translateY(-50%) scale(1.05);
    -o-transform: translateY(-50%) scale(1.05);
    transform: translateY(-50%) scale(1.05); } }

.mc-upload-widget {
  background-color: #efeeee;
  height: 350px;
  width: 100%; }

.mc-upload-widget-file-list {
  margin: 0;
  padding: 0;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: calc(100% - 40px); }
  .mc-upload-widget-file-list .mc-upload-widget-file {
    width: 100%; }
    .mc-upload-widget-file-list .mc-upload-widget-file:nth-child(odd), .mc-upload-widget-file-list .mc-upload-widget-file.mc-upload-widget-file-odd {
      background-color: #e9e9e9;
      -webkit-transition: background 300ms ease;
      -moz-transition: background 300ms ease;
      transition: background 300ms ease; }
      .mc-upload-widget-file-list .mc-upload-widget-file:nth-child(odd):hover, .mc-upload-widget-file-list .mc-upload-widget-file.mc-upload-widget-file-odd:hover {
        background-color: #dfdfdf; }
    .mc-upload-widget-file-list .mc-upload-widget-file:nth-child(even), .mc-upload-widget-file-list .mc-upload-widget-file.mc-upload-widget-file-even {
      background-color: #f4f4f4;
      -webkit-transition: background 300ms ease;
      -moz-transition: background 300ms ease;
      transition: background 300ms ease; }
      .mc-upload-widget-file-list .mc-upload-widget-file:nth-child(even):hover, .mc-upload-widget-file-list .mc-upload-widget-file.mc-upload-widget-file-even:hover {
        background-color: #e0e0e0; }

.mc-file {
  position: relative;
  width: 34px;
  height: 34px;
  text-align: center;
  border-radius: 50%;
  overflow: hidden;
  line-height: 32px;
  color: rgba(255, 255, 255, 0.8);
  background-color: #a5a5a5; }

.mc-file-status {
  top: 0;
  left: 0;
  position: absolute;
  width: 34px;
  height: 34px;
  background-color: #ffffff;
  text-align: center;
  border-radius: 50%;
  color: #ffffff;
  -webkit-transition: opacity 300ms ease;
  -moz-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  opacity: 0;
  z-index: 1; }
  .mc-file-status .mc-icon {
    line-height: 34px; }
  .mc-file-status.mc-file-status-complete, .mc-file-status.mc-file-status-error {
    -webkit-animation: overweight-bounce 1000ms linear;
    -moz-animation: overweight-bounce 1000ms linear;
    animation: overweight-bounce 1000ms linear;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 1; }
  .mc-file-status.mc-file-status-complete {
    color: #15a748; }
  .mc-file-status.mc-file-status-error {
    color: #e52e2e; }

.mc-file-pdf {
  background-color: #e51e30;
  color: rgba(255, 255, 255, 0.8); }

.mc-drawer__pdf .mc-file-pdf {
  width: 50%;
  height: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px; }
  .mc-drawer__pdf .mc-file-pdf span {
    z-index: 1;
    font-size: 30px;
    font-weight: bold; }

.mc-file-doc {
  background-color: #3e53ff;
  color: rgba(255, 255, 255, 0.8); }

.mc-file-xls {
  background-color: #0ba649;
  color: rgba(255, 255, 255, 0.8); }

.mc-file-zip {
  background-color: #e1e1e1;
  color: rgba(0, 0, 0, 0.5); }

.mc-file-type {
  line-height: 34px;
  text-transform: uppercase;
  font-size: 10px;
  z-index: -1; }

.mc-is-selected .mc-file-pdf {
  color: #e51e30;
  background-color: #ffffff; }

.mc-is-selected .mc-file-doc {
  color: #3e53ff;
  background-color: #ffffff; }

.mc-is-selected .mc-file-xls {
  color: #0ba649;
  background-color: #ffffff; }

.mc-is-selected .mc-file-zip {
  color: rgba(0, 0, 0, 0.5);
  background-color: #ffffff; }

.mc-folder {
  position: relative;
  width: 34px;
  height: 34px;
  text-align: center;
  border-radius: 50%;
  overflow: hidden;
  background-color: #cfcfcf;
  color: #ffffff; }
  .mc-folder .mc-icon {
    line-height: 34px; }

.mc-is-selected .mc-folder {
  background-color: #ffffff;
  color: #cfcfcf; }

.mc-file-preview {
  width: 34px;
  height: 34px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  border-radius: inherit; }

.mc-file-name-elipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.mc-file-large {
  position: relative;
  height: 70px;
  width: 70px;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%); }
  .mc-file-large .mc-file-type {
    line-height: 70px;
    font-size: 18px; }

.mc-progressable {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1; }

.mc-progressbar {
  position: absolute;
  z-index: 1;
  left: 0;
  height: 100%;
  background-color: rgba(22, 153, 79, 0.12);
  -webkit-transition: width 600ms ease-in-out, background 300ms ease;
  -moz-transition: width 600ms ease-in-out, background 300ms ease;
  transition: width 600ms ease-in-out, background 300ms ease; }

.mc-progressbar-pipe {
  opacity: 1;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #16994f;
  -webkit-transition: opacity 300ms ease-in-out;
  -moz-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out; }

.mc-progressbar-anticipated {
  opacity: 1;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.08);
  -webkit-transition: opacity 300ms ease-in-out;
  -moz-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out; }

.mc-progressable-fat .mc-progressbar-pipe {
  height: 3px; }

.mc-progressable-fat .mc-progressbar-anticipated {
  height: 3px; }

.mc-is-completed .mc-progressbar-pipe,
.mc-is-completed .mc-progressbar-anticipated {
  opacity: 0; }

.mc-isBlinking .mc-progressbar {
  background-color: rgba(22, 153, 79, 0.5); }

.mc-has-error .mc-progressbar {
  background-color: rgba(229, 46, 46, 0.15); }

.mc-has-error .mc-progressbar-pipe,
.mc-has-error .mc-progressbar-anticipated {
  opacity: 0; }

.mc-is-paused .mc-progressbar {
  background-color: transparent;
  background-image: url("/admin/styles/images/upload/upload_ptrn.png");
  background-repeat: repeat;
  -webkit-animation: pausing 4.5s linear infinite;
  -moz-animation: pausing 4.5s linear infinite;
  animation: pausing 4.5s linear infinite; }

.mc-is-paused .mc-progressbar-pipe,
.mc-is-paused .mc-progressbar-anticipated {
  opacity: 0; }

@-webkit-keyframes pausing {
  from {
    background-position: 0 0; }
  to {
    background-position: 80px 0; } }

@-moz-keyframes pausing {
  from {
    background-position: 0 0; }
  to {
    background-position: 80px 0; } }

@keyframes pausing {
  from {
    background-position: 0 0; }
  to {
    background-position: 80px 0; } }

.mc-mcenter-header {
  height: 80px;
  width: 100%; }

.mc-mcenter-view {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 80px; }

.mc-view-switcher {
  height: 30px;
  position: absolute;
  margin: 25px 0; }

.mc-mcenter-view-left-btn {
  left: 20px;
  top: 0;
  padding: 0; }
  .mc-mcenter-view-left-btn .mc-btn {
    width: 200px; }

.mc-mcenter-view-switcher {
  right: 20px; }
  .mc-mcenter-view-switcher .mc-view-switcher-item .mc-icon {
    line-height: 30px; }

.mc-media-listview-large-list .mc-datatable thead th:nth-child(n + 5):nth-child(-n + 7) {
  display: none; }

.mc-media-listview-large-list [data-title='Status'],
.mc-media-listview-large-list [data-title='Upload'],
.mc-media-listview-large-list [data-title='Upload options'] {
  display: none; }

@media only screen and (min-width: 1200px) {
  .mc-media-listview-large-list .mc-datatable thead th:nth-child(n + 5):nth-child(-n + 7) {
    display: table-cell; }
  .mc-media-listview-large-list [data-title='Status'],
  .mc-media-listview-large-list [data-title='Upload'],
  .mc-media-listview-large-list [data-title='Upload options'] {
    display: table-cell; } }

.mc-mcenter-grid {
  position: absolute;
  overflow-y: scroll;
  width: 100%;
  bottom: 0;
  top: 50px;
  padding: 8px;
  background-color: #f8f8f8;
  font-size: 0; }

.mc-mcenter-item-container {
  display: inline-block;
  width: 100%; }

.mc-mcenter-item {
  position: relative;
  vertical-align: top;
  margin: 8px;
  font-size: 12px;
  background-color: #ffffff;
  box-shadow: 0.5px 0.866px 3px 0px rgba(1, 2, 1, 0.15);
  border-radius: 2px;
  overflow: hidden;
  z-index: 0;
  display: inline-block; }
  .mc-mcenter-item.mc-is-focused {
    background-color: #dce0ff;
    color: #6070f6; }
    .mc-mcenter-item.mc-is-focused .mc-action-item-headline {
      color: #6070f6; }
    .mc-mcenter-item.mc-is-focused .mc-action-item-message {
      color: #6070f6; }
  .mc-mcenter-item.mc-is-selected {
    background-color: #5e71f5;
    color: #ffffff; }
    .mc-mcenter-item.mc-is-selected .mc-action-item-headline {
      color: #ffffff; }
    .mc-mcenter-item.mc-is-selected .mc-mcenter-file {
      background-color: #5e71f5; }
    .mc-mcenter-item.mc-is-selected .mc-action-item-message {
      color: rgba(255, 255, 255, 0.6); }
  .mc-media-grid-row .mc-mcenter-item {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1; }
  .ui-sortable .mc-mcenter-item {
    float: left; }

.mc-mcenter-folder {
  padding: 10px; }
  .mc-mcenter-folder .mc-action-item-text {
    text-overflow: ellipsis;
    white-space: nowrap; }
  .mc-mcenter-folder .mc-action-item-actions {
    min-width: 20px;
    max-width: 20px; }

.mc-folder-headline {
  line-height: 34px; }

.mc-mcenter-file {
  padding: 10px;
  cursor: default; }
  .mc-mcenter-file .mc-action-item-headline {
    overflow: hidden;
    text-overflow: ellipsis; }
  .mc-mcenter-file .mc-action-item-message {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    box-lines: single;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    box-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -o-align-items: stretch;
    align-items: stretch;
    -ms-flex-align: stretch; }

.mc-mcenter-file-date {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  -webkit-flex-shrink: 1;
  -moz-flex-shrink: 1;
  flex-shrink: 1;
  -ms-flex-negative: 1;
  -webkit-flex-basis: auto;
  -moz-flex-basis: auto;
  flex-basis: auto;
  -ms-flex-preferred-size: auto;
  overflow: hidden;
  text-overflow: ellipsis; }

.mc-mcenter-file-size {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
  -webkit-flex-basis: auto;
  -moz-flex-basis: auto;
  flex-basis: auto;
  -ms-flex-preferred-size: auto;
  text-align: right; }

.mc-mcenter-select {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  background-color: #ffffff;
  padding: 6px;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  border-bottom-right-radius: 2px; }

.mc-mcenter-preview {
  overflow: hidden;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
  .mc-mcenter-preview:hover .mc-mcenter-single-actions {
    z-index: 2;
    opacity: 1;
    -webkit-transition: z-index 1ms ease, opacity 750ms 1ms ease;
    -moz-transition: z-index 1ms ease, opacity 750ms 1ms ease;
    transition: z-index 1ms ease, opacity 750ms 1ms ease; }
  .mc-mcenter-preview:hover .mc-mcenter-preview-file-blur {
    opacity: 1; }

.mc-mcenter-single-actions {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: 0;
  -webkit-transition: z-index 1ms 750ms ease, opacity 750ms ease;
  -moz-transition: z-index 1ms 750ms ease, opacity 750ms ease;
  transition: z-index 1ms 750ms ease, opacity 750ms ease; }
  .mc-mcenter-single-actions .mc-button {
    margin: 5px; }

.mc-mcenter-preview-default {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0; }

.mc-mcenter-preview-file,
.mc-mcenter-preview-file-blur {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  justify-content: center; }
  .mc-mcenter-preview-file img,
  .mc-mcenter-preview-file-blur img {
    object-fit: contain;
    max-width: 100%;
    max-height: 100%; }

.mc-mcenter-preview-file-blur {
  opacity: 0;
  -webkit-filter: blur(2px) grayscale(25%);
  -moz-filter: blur(2px) grayscale(25%);
  filter: blur(2px) grayscale(25%);
  -ms-filter: blur(2px) grayscale(25%);
  -o-filter: blur(2px) grayscale(25%);
  -webkit-transition: all 750ms ease;
  -moz-transition: all 750ms ease;
  transition: all 750ms ease; }

.page-header__main-wrapper {
  width: 100%;
  height: 130px;
  box-shadow: 0 1px 0 0 rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15);
  background-color: #ffffff;
  position: fixed;
  z-index: 11; }
  .page-header__main-wrapper .page-header__navigate-back {
    color: #6070f6;
    font-size: 16px;
    position: absolute;
    top: calc(50% - 11px);
    left: 30px;
    display: none;
    line-height: normal;
    z-index: 100; }
    .page-header__main-wrapper .page-header__navigate-back .page-header__navigate-back-icon {
      margin-right: 5px;
      padding-bottom: 2px;
      font-size: 14px; }
  .page-header__main-wrapper .page-header__navigate-back-icon--tablet {
    font-size: 18px;
    color: #6070f6;
    margin-right: 25px; }
  .page-header__main-wrapper .page-header__main-container {
    max-width: 1000px;
    margin: 0 auto;
    padding-top: 22px;
    position: relative; }
    .page-header__main-wrapper .page-header__main-container .page-header__page-name {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -ms-flex-align: center;
      font-size: 28px;
      color: #3a3a3a;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      line-height: 1.25em;
      min-height: 35px; }
    .page-header__main-wrapper .page-header__main-container .page-header__action-buttons {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      box-orient: horizontal;
      -webkit-box-direction: normal;
      -moz-box-direction: normal;
      box-direction: normal;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      flex-direction: row;
      -ms-flex-direction: row;
      -webkit-box-lines: single;
      -moz-box-lines: single;
      box-lines: single;
      -webkit-flex-wrap: nowrap;
      -moz-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-box-align: stretch;
      -moz-box-align: stretch;
      box-align: stretch;
      -webkit-align-items: stretch;
      -moz-align-items: stretch;
      -ms-align-items: stretch;
      -o-align-items: stretch;
      align-items: stretch;
      -ms-flex-align: stretch;
      padding-top: 14px; }
      .page-header__main-wrapper .page-header__main-container .page-header__action-buttons .page-header__left-action-buttons {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: single;
        -moz-box-lines: single;
        box-lines: single;
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -moz-box-pack: start;
        box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        -o-justify-content: flex-start;
        justify-content: flex-start;
        -ms-flex-pack: start;
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        flex-grow: 1;
        -ms-flex-positive: 1;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        flex-shrink: 0;
        -ms-flex-negative: 0;
        padding: 0 10px; }
        .page-header__main-wrapper .page-header__main-container .page-header__action-buttons .page-header__left-action-buttons:first-of-type {
          padding-left: 0; }
        .page-header__main-wrapper .page-header__main-container .page-header__action-buttons .page-header__left-action-buttons:last-of-type {
          padding-right: 0; }
      .page-header__main-wrapper .page-header__main-container .page-header__action-buttons .page-header__button-disable {
        cursor: default;
        pointer-events: none;
        color: #bbbbbb; }
      .page-header__main-wrapper .page-header__main-container .page-header__action-buttons .page-header__left-action-button {
        margin-right: 12px;
        margin-left: 12px;
        padding: 0 5px; }
        .page-header__main-wrapper .page-header__main-container .page-header__action-buttons .page-header__left-action-button:first-of-type {
          margin-left: 0;
          padding-left: 0; }
        .page-header__main-wrapper .page-header__main-container .page-header__action-buttons .page-header__left-action-button:last-of-type {
          margin-right: 0; }
      .page-header__main-wrapper .page-header__main-container .page-header__action-buttons .page-header__right-action-buttons {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: single;
        -moz-box-lines: single;
        box-lines: single;
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: end;
        -moz-box-pack: end;
        box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        -o-justify-content: flex-end;
        justify-content: flex-end;
        -ms-flex-pack: end;
        -webkit-flex-grow: 2;
        -moz-flex-grow: 2;
        flex-grow: 2;
        -ms-flex-positive: 2;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        flex-shrink: 0;
        -ms-flex-negative: 0; }
        .page-header__main-wrapper .page-header__main-container .page-header__action-buttons .page-header__right-action-buttons .mc-icon {
          font-size: 16px;
          margin-right: 8px;
          line-height: 40px; }
      .page-header__main-wrapper .page-header__main-container .page-header__action-buttons .page-header__right-action-button {
        margin-right: 10px; }
        .page-header__main-wrapper .page-header__main-container .page-header__action-buttons .page-header__right-action-button:last-of-type {
          margin-right: 0; }
      .page-header__main-wrapper .page-header__main-container .page-header__action-buttons .page-header__button-open-in-browser {
        color: #6070f6; }
      .page-header__main-wrapper .page-header__main-container .page-header__action-buttons .page-header__button-add-new-page {
        color: #1a1a1a; }
      .page-header__main-wrapper .page-header__main-container .page-header__action-buttons .page-header__button-delete-page {
        color: #d0021b; }
      .page-header__main-wrapper .page-header__main-container .page-header__action-buttons .page-header__button-save .page-header__button .mc-icon,
      .page-header__main-wrapper .page-header__main-container .page-header__action-buttons .page-header__button-save .page-header__button .page-header__button-save-text {
        display: block; }
      .page-header__main-wrapper .page-header__main-container .page-header__action-buttons .page-header__button-save .page-header__button .mc-loader {
        display: none; }
      .page-header__main-wrapper .page-header__main-container .page-header__action-buttons .page-header__button-save .page-header__button.init-state {
        background-color: #f4f4f4;
        color: #b7b7b7;
        cursor: default;
        pointer-events: none;
        box-shadow: none; }
        .page-header__main-wrapper .page-header__main-container .page-header__action-buttons .page-header__button-save .page-header__button.init-state .mc-icon-save {
          color: #d2d2d2; }
      .page-header__main-wrapper .page-header__main-container .page-header__action-buttons .page-header__button-save .page-header__button.pending {
        cursor: default;
        pointer-events: none; }
        .page-header__main-wrapper .page-header__main-container .page-header__action-buttons .page-header__button-save .page-header__button.pending .mc-icon,
        .page-header__main-wrapper .page-header__main-container .page-header__action-buttons .page-header__button-save .page-header__button.pending .page-header__button-save-text {
          display: none; }
        .page-header__main-wrapper .page-header__main-container .page-header__action-buttons .page-header__button-save .page-header__button.pending .mc-loader {
          display: block;
          height: 20px;
          width: 20px;
          margin-top: 10px; }
      .page-header__main-wrapper .page-header__main-container .page-header__action-buttons .page-header__button-save .page-header__button.has-changes {
        cursor: pointer;
        color: #ffffff;
        background-color: #00c14a;
        box-shadow: 0 2px 6px 0 rgba(0, 193, 74, 0.7); }
    .page-header__main-wrapper .page-header__main-container .page-header__button-placeholder {
      height: 40px;
      text-align: center;
      line-height: 40px;
      cursor: pointer;
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-lines: single;
      -moz-box-lines: single;
      box-lines: single;
      -webkit-flex-wrap: nowrap;
      -moz-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      box-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center; }
      .page-header__main-wrapper .page-header__main-container .page-header__button-placeholder div,
      .page-header__main-wrapper .page-header__main-container .page-header__button-placeholder img.page-header__language {
        line-height: 40px;
        display: inline-block;
        font-size: 12px; }
      .page-header__main-wrapper .page-header__main-container .page-header__button-placeholder i {
        line-height: 40px;
        display: inline-block; }
      .page-header__main-wrapper .page-header__main-container .page-header__button-placeholder img.page-header__language {
        height: 100%;
        padding: 13px 13px 13px 0;
        margin: 0; }
      .page-header__main-wrapper .page-header__main-container .page-header__button-placeholder.page-header__no-languages {
        cursor: default;
        pointer-events: none; }
      .page-header__main-wrapper .page-header__main-container .page-header__button-placeholder.page-header__languages {
        color: #666666;
        min-width: 100px;
        justify-content: end; }
        .page-header__main-wrapper .page-header__main-container .page-header__button-placeholder.page-header__languages img {
          min-width: 40px; }
        .page-header__main-wrapper .page-header__main-container .page-header__button-placeholder.page-header__languages i {
          margin-left: 6px; }
      .page-header__main-wrapper .page-header__main-container .page-header__button-placeholder.page-header__page-settings {
        color: #828282; }
        .page-header__main-wrapper .page-header__main-container .page-header__button-placeholder.page-header__page-settings i {
          margin-right: 6px; }
    .page-header__main-wrapper .page-header__main-container .page-header__button {
      min-width: 150px;
      width: 100%;
      padding: 0 6px;
      height: 40px;
      font-size: 12px;
      border-radius: 2px;
      box-shadow: 0 1px 6px 0 #e2e2e2;
      background-color: #ffffff;
      text-align: center;
      cursor: pointer;
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-lines: single;
      -moz-box-lines: single;
      box-lines: single;
      -webkit-flex-wrap: nowrap;
      -moz-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      box-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center; }
      .page-header__main-wrapper .page-header__main-container .page-header__button div {
        line-height: 40px;
        display: inline-block;
        font-size: 12px; }
  @media only screen and (min-width: 1320px) {
    .page-header__main-wrapper .page-header__navigate-back {
      display: inline-block; }
    .page-header__main-wrapper .page-header__navigate-back-icon--tablet {
      display: none; } }

.page-header__language-switcher-wrapper {
  position: absolute;
  width: 150px;
  border-radius: 4px;
  background-color: #ffffff;
  top: 130px;
  left: -20px;
  z-index: 10; }
  .page-header__language-switcher-wrapper .page-header__language-switcher-arrow-box {
    position: relative;
    padding: 8px;
    border-radius: 4px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    box-sizing: border-box; }
  .page-header__language-switcher-wrapper .page-header__language-switcher-arrow-box:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    margin-left: -10px;
    top: 1px;
    left: 50%;
    box-sizing: border-box;
    border: 8px solid transparent;
    border-color: #ffffff #ffffff transparent transparent;
    transform-origin: 0 0;
    transform: rotate(-45deg);
    box-shadow: 3px -3px 7px -2px rgba(0, 0, 0, 0.3); }
  .page-header__language-switcher-wrapper .page-header__language-switcher-list li {
    padding: 9px 11px;
    font-size: 15px;
    color: #666666;
    margin-bottom: 5px;
    text-align: left;
    cursor: pointer;
    border-radius: 4px; }
    .page-header__language-switcher-wrapper .page-header__language-switcher-list li img.page-header__language-switcher-flag {
      height: 15px;
      margin-right: 6px;
      vertical-align: middle; }
    .page-header__language-switcher-wrapper .page-header__language-switcher-list li:last-of-type {
      margin-bottom: 0; }
    .page-header__language-switcher-wrapper .page-header__language-switcher-list li:hover {
      background-color: rgba(96, 112, 246, 0.1);
      color: #3a3d5f; }

.cms-layout-editor {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 140px; }

.cms-layout-editor__area {
  display: flex;
  position: relative;
  width: 100%;
  margin: 15px 0;
  margin-bottom: 60px;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 1px 0 0 rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15); }
  .cms-layout-editor__area:first-child {
    margin-top: 40px; }
  .cms-layout-editor__area:last-child {
    margin-bottom: 15px; }

.cms-layout-editor__actions {
  display: flex;
  position: absolute;
  top: 10px;
  right: 10px; }
  .cms-layout-editor__actions .mc-icon {
    cursor: pointer;
    padding: 10px; }

.cms-layout-editor__add-element {
  display: flex;
  position: relative;
  height: 56px;
  justify-content: center;
  align-items: center; }

.cms-layout-editor-grid {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  min-height: 10px;
  width: 100%;
  padding: 0 5px;
  margin: -6px 0; }

.cms-layout-editor-grid__cell {
  display: flex;
  position: relative;
  width: 100%;
  padding: 6px; }
  .cms-layout-editor-grid__cell .disabled-button {
    color: #d3d3d3; }
  .cms-layout-editor-grid__cell.cms-size-1of1 {
    width: 100%; }
    .cms-layout-editor-grid__cell.cms-size-1of1 .cms-layout-editor-element__expand-btn {
      color: #d3d3d3; }
  .cms-layout-editor-grid__cell.cms-size-3of4 {
    width: 75%; }
  .cms-layout-editor-grid__cell.cms-size-2of3 {
    width: calc(66.6666% - 1px); }
  .cms-layout-editor-grid__cell.cms-size-1of2 {
    width: 50%; }
  .cms-layout-editor-grid__cell.cms-size-1of4 {
    width: 25%; }
  .cms-layout-editor-grid__cell.cms-size-1of3 {
    width: 33.3333%; }
  .cms-layout-editor-grid__cell.cms-size-1of6 {
    width: 16.6666%; }
    .cms-layout-editor-grid__cell.cms-size-1of6 .cms-layout-editor-element__shrink-btn {
      color: #d3d3d3; }

.cms-layout-editor__area-header {
  display: flex;
  width: 100%;
  height: 110px;
  font-size: 12px;
  color: #666666;
  cursor: pointer; }

.cms-layout-editor-header__logo {
  display: flex;
  align-self: stretch;
  flex-basis: 185px;
  flex-direction: column;
  position: relative; }

.cms-layout-editor-header__logo-image {
  position: relative;
  margin: 15px 30px;
  width: calc(100% - 60px);
  height: calc(100% - 30px);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain; }

.cms-layout-editor-header__menu {
  align-self: center;
  list-style: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: calc(100% - 370px);
  text-align: center;
  font-size: 10px;
  font-weight: 300; }

.cms-layout-editor-header__menu-item {
  display: inline-block;
  padding: 10px 14px;
  color: #4990e2; }

.cms-layout-editor__area-main {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  min-height: 56px; }

.cms-layout-editor__header {
  position: relative; }
  .cms-layout-editor__header .cms-layout-editor__add-section {
    bottom: 7px; }

.cms-layout-editor__add-section {
  position: absolute;
  bottom: -53px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%; }
  .cms-layout-editor__add-section--button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    border-radius: 14px;
    background-color: white;
    box-shadow: 0 1px 0 0 rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15);
    color: gray;
    font-size: 10px; }
    .cms-layout-editor__add-section--button-container {
      display: flex;
      align-items: center;
      cursor: pointer; }
    .cms-layout-editor__add-section--button-label {
      padding-left: 10px; }
  .cms-layout-editor__add-section--line {
    border: 1px solid #ddd;
    height: 2px;
    width: 38%; }

.cms-layout-editor__section-info {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding-right: 15px; }
  .cms-layout-editor__section-info .mc-icon {
    cursor: pointer;
    z-index: 1;
    padding: 5px; }
  .cms-layout-editor__section-info--isFullWidth {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    margin-left: 3px;
    position: relative;
    z-index: 1; }
    .cms-layout-editor__section-info--isFullWidth .cms-layout-editor__section-info--tooltip {
      width: 80px;
      left: calc(50% - 40px); }
    .cms-layout-editor__section-info--isFullWidth .mc-icon {
      cursor: default; }
    .cms-layout-editor__section-info--isFullWidth:hover .cms-layout-editor__section-info--tooltip {
      display: block; }
  .cms-layout-editor__section-info__colors {
    display: flex;
    width: 20px;
    height: 20px;
    border: 1px solid #858585;
    margin-left: 10px;
    margin-right: 15px;
    position: relative;
    z-index: 1; }
    .cms-layout-editor__section-info__colors .cms-layout-editor__section-info--tooltip {
      width: 100px;
      left: calc(50% - 63px); }
    .cms-layout-editor__section-info__colors:hover .cms-layout-editor__section-info--tooltip {
      display: block; }
    .cms-layout-editor__section-info__colors--transparent {
      background-image: linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef), linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef);
      background-size: 0px 0px 10px 10px;
      background-position: 0 0, 8px 8px;
      background-size: 21px 21px; }
    .cms-layout-editor__section-info__colors--square {
      width: 100%;
      height: 100%;
      z-index: 1;
      display: flex;
      justify-content: center;
      align-items: center;
      font-weight: bold; }
  .cms-layout-editor__section-info--tooltip {
    position: absolute;
    display: none;
    top: calc(-100% - 10px);
    z-index: 3;
    background-color: white;
    box-shadow: 0 1px 0 0 rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15);
    padding: 5px;
    text-align: center; }

.cms-layout-editor__section-actions {
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: absolute;
  top: 10px;
  right: 10px; }
  .cms-layout-editor__section-actions .mc-icon {
    cursor: pointer;
    z-index: 1;
    padding: 5px; }

.cms-page-formview {
  flex-direction: column;
  position: relative;
  height: 100%;
  width: 100%;
  overflow: auto;
  background-color: #f4f4f4; }

.cms-layout-editor-element {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  background-color: #ffffff;
  border: 2px solid #f0f0f0;
  border-radius: 2px; }

.cms-layout-editor-element__header {
  display: flex;
  position: relative;
  width: 100%;
  height: 40px; }

.cms-layout-editor-element-header__name {
  line-height: 40px;
  padding: 0 14px;
  flex-grow: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  color: #1a1a1a;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: url("data:image/vnd.microsoft.icon;base64,AAACAAEAICACAAcABQAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAAAEAAAAAAAAAAAAAAgAAAAAAAAAAAAAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD8AAAA/AAAAfwAAAP+AAAH/gAAB/8AAA//AAAd/wAAGf+AAAH9gAADbYAAA2yAAAZsAAAGbAAAAGAAAAAAAAA//////////////////////////////////////////////////////////////////////////////////////gH///4B///8Af//+AD///AA///wAH//4AB//8AAf//AAD//5AA///gAP//4AD//8AF///AB///5A////5///8="), all-scroll;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: -webkit-grab;
  cursor: grab; }
  .cms-layout-editor-element-header__name:active {
    cursor: -webkit-grabbing;
    cursor: grabbing; }

.cms-layout-editor-element-header__actions {
  display: flex;
  justify-content: flex-end;
  position: relative;
  list-style: none; }
  .cms-layout-editor-element-header__actions .mc-icon {
    cursor: pointer;
    padding: 12px 7px; }

.cms-layout-editor-element__main {
  display: flex;
  position: relative;
  width: 100%; }

.cms-layout-editor-element__preview {
  display: flex;
  position: relative;
  width: 100%;
  height: 320px;
  user-select: none;
  border-radius: 2px;
  cursor: pointer; }
  .cms-layout-editor-element__preview::after {
    content: '';
    display: none; }
    .cms-layout-editor-element:hover .cms-layout-editor-element__preview::after {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      opacity: 0.17;
      background-color: #6171f7; }

.cms-layout-editor-element-preview__menu {
  align-self: center;
  list-style: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  padding: 0 14px;
  text-align: center; }

.cms-layout-editor-element-preview__menu-item {
  display: inline-block;
  padding: 10px 14px; }

.cms-layout-editor-element__preview--footer {
  height: 116px;
  min-height: 116px; }

.cms-layout-editor-element-preview__icon {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  top: 50%;
  -webkit-transform: perspective(1px) translateY(-50%);
  -ms-transform: perspective(1px) translateY(-50%);
  transform: perspective(1px) translateY(-50%); }

.cms-layout-editor-element__size-controls {
  display: flex;
  position: absolute;
  left: 6px;
  bottom: 6px;
  width: 80px;
  height: 40px;
  border-radius: 2px;
  background-color: #ffffff;
  display: none; }
  .cms-layout-editor-element:hover .cms-layout-editor-element__size-controls {
    display: flex; }

.cms-layout-editor-element__size-controls-btn {
  flex-grow: 1;
  line-height: 44px;
  text-align: center;
  font-size: 16px;
  cursor: pointer; }

.cms-layout-editor-element__drag-handler {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  -webkit-transform: perspective(1px) translateY(-50%);
  -ms-transform: perspective(1px) translateY(-50%);
  transform: perspective(1px) translateY(-50%);
  width: 75px;
  height: 60px;
  line-height: 75px;
  text-align: center;
  background-color: #6171f7;
  color: #ffffff;
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: url("data:image/vnd.microsoft.icon;base64,AAACAAEAICACAAcABQAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAAAEAAAAAAAAAAAAAAgAAAAAAAAAAAAAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD8AAAA/AAAAfwAAAP+AAAH/gAAB/8AAA//AAAd/wAAGf+AAAH9gAADbYAAA2yAAAZsAAAGbAAAAGAAAAAAAAA//////////////////////////////////////////////////////////////////////////////////////gH///4B///8Af//+AD///AA///wAH//4AB//8AAf//AAD//5AA///gAP//4AD//8AF///AB///5A////5///8="), all-scroll;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: -webkit-grab;
  cursor: grab; }
  .cms-layout-editor-element__drag-handler:active {
    cursor: -webkit-grabbing;
    cursor: grabbing; }
  .cms-layout-editor-element:hover .cms-layout-editor-element__drag-handler {
    display: block; }

.mc-cms-element-editor__box-item--grow {
  flex-basis: 100%; }

.mc-cms-element-editor__box-item--half {
  flex-basis: 50%; }

.cms-layout-editor-add-element-popup {
  position: absolute;
  width: 100%;
  height: 0;
  bottom: 8px;
  z-index: 10; }
  .cms-layout-editor-add-element-popup.cms-layout-editor-add-element-popup--top {
    bottom: auto;
    top: 8px; }

.cms-layout-editor-add-element-popup__container {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  width: 100%;
  max-width: 800px;
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  left: 50%;
  -webkit-transform: perspective(1px) translateX(-50%);
  -ms-transform: perspective(1px) translateX(-50%);
  transform: perspective(1px) translateX(-50%); }
  .cms-layout-editor-add-element-popup__container::after {
    position: absolute;
    content: '▲';
    top: 0;
    display: block;
    left: 50%;
    -webkit-transform: perspective(1px) translateX(-50%);
    -ms-transform: perspective(1px) translateX(-50%);
    transform: perspective(1px) translateX(-50%);
    font-size: 14px;
    color: #ffffff;
    -webkit-transform: translateY(-75%) scaleX(1.5);
    -moz-transform: translateY(-75%) scaleX(1.5);
    -ms-transform: translateY(-75%) scaleX(1.5);
    -o-transform: translateY(-75%) scaleX(1.5);
    transform: translateY(-75%) scaleX(1.5);
    text-shadow: 0 -4px 4px rgba(0, 0, 0, 0.15); }
  .cms-layout-editor-add-element-popup--top .cms-layout-editor-add-element-popup__container {
    top: auto;
    bottom: 0;
    box-shadow: 0 0 -10px 0 rgba(0, 0, 0, 0.3); }
    .cms-layout-editor-add-element-popup--top .cms-layout-editor-add-element-popup__container::after {
      content: '▼';
      top: auto;
      bottom: -22px;
      text-shadow: 0 4px 4px rgba(0, 0, 0, 0.15); }

.cms-layout-editor-add-element-popup__search {
  position: relative;
  padding: 0;
  margin-top: 0px;
  height: 60px; }
  .cms-layout-editor-add-element-popup__search input {
    min-width: 100%;
    min-height: 60px;
    border: 0;
    border-bottom: 1px solid #e1e1e1;
    background: white;
    text-align: center;
    font-size: 14px;
    font-family: sans-serif;
    min-width: 100%;
    background-color: transparent; }
  .cms-layout-editor-add-element-popup__search .mc-icon {
    position: absolute;
    right: 16px;
    color: #858585;
    font-size: 14px;
    top: 50%;
    -webkit-transform: perspective(1px) translateY(-50%);
    -ms-transform: perspective(1px) translateY(-50%);
    transform: perspective(1px) translateY(-50%);
    opacity: 1; }
    .cms-layout-editor-add-element-popup__search .mc-icon.mc-icon-magglas {
      cursor: default;
      pointer-events: none;
      animation: fadeIn 0.3s ease; }
    .cms-layout-editor-add-element-popup__search .mc-icon.mc-icon-close-thin {
      cursor: pointer;
      color: #1a1a1a;
      font-size: 10px;
      animation: fadeIn2 0.3s ease; }

@keyframes fadeIn {
  from {
    opacity: 0.1; } }

@keyframes fadeIn2 {
  from {
    opacity: 0.1; } }

.cms-layout-editor-add-element-popup-elements {
  flex-grow: 1;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  height: 380px; }

.cms-layout-editor-add-element-popup-elements__container {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  width: calc(100% + 106px);
  margin: 0 -52px;
  padding: 0 22px 8px; }

.cms-layout-editor-add-element-popup-elements__group {
  display: flex;
  flex-wrap: wrap;
  margin-right: 52px;
  margin-left: 52px;
  margin-bottom: 30px; }
  .cms-layout-editor-add-element-popup-elements__group:last-child {
    margin-bottom: 0; }

.cms-layout-editor-add-element-popup-elements__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  width: 106px;
  height: 106px;
  border-bottom: 1px solid #e0e0e0;
  color: #1a1a1a;
  cursor: pointer;
  transition: opacity 0.3s; }
  .cms-layout-editor-add-element-popup-elements__item:hover {
    opacity: 1 !important;
    border-color: #1a1a1a; }

.cms-layout-editor-add-element-popup-elements__item--fade-out {
  opacity: 0.4; }

.cms-layout-editor-add-element-popup-elements__item-label {
  padding-top: 6px;
  white-space: pre-line; }

.cms-layout-editor-add-element-popup-elements__preview,
.cms-layout-editor-add-element-popup-elements__no-results {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0; }

.cms-layout-editor-add-element-popup-elements__preview {
  flex-grow: 1;
  height: 230px;
  background-color: #f6f6f6;
  margin: 15px 24px;
  width: calc(100% - 48px); }
  .cms-layout-editor-add-element-popup-elements__preview.has-element-preview {
    background-color: transparent; }
  .cms-layout-editor-add-element-popup-elements__preview svg {
    margin-top: 8px; }
  .cms-layout-editor-add-element-popup-elements__preview span {
    padding-left: 15px;
    font-size: 14px;
    color: #000000; }
  .cms-layout-editor-add-element-popup-elements__preview .selected-element-preview img {
    max-width: 600px;
    max-height: 230px;
    width: 100%;
    height: 100%; }

.mc-flyin {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  background-color: #fcfcfc; }

.mc-flyin-header {
  height: 75px;
  background-color: #efefef;
  width: 100%;
  border-bottom: 1px solid #e6e6e6;
  padding: 20px; }

.mc-flyin-main {
  position: absolute;
  top: 75px;
  bottom: 0;
  right: 0;
  left: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }
  .mc-flyin-main .mc-form-label-value {
    position: absolute;
    top: 10px; }

.mc-flyin-form {
  width: 100%;
  padding: 20px;
  overflow: auto;
  position: relative;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto; }

.mc-flyin-menu-item {
  min-width: 180px;
  height: 40px;
  line-height: 1;
  float: left;
  margin: 0 10px; }

.mc-selected-elementtype {
  border: 1px solid #e6e6e6;
  background-color: #fff;
  min-width: 180px;
  height: 100%;
  padding: 0 10px;
  cursor: pointer; }
  .mc-selected-elementtype .mc-icon {
    float: right; }
  .mc-selected-elementtype .mc-icon,
  .mc-selected-elementtype .mc-selected-text {
    line-height: 40px;
    vertical-align: middle; }
  @media only screen and (max-width: 640px) {
    .mc-selected-elementtype {
      margin-left: 25px;
      margin-right: 10px; } }

.mc-flyin-box {
  border-radius: 2px;
  width: 100%;
  margin-bottom: 25px; }
  .mc-flyin-box:hover {
    box-shadow: 0px 0px 8px -4px rgba(0, 0, 0, 0.5); }
    .mc-flyin-box:hover .mc-flyin-box-header {
      background-color: white; }

.mc-flyin-box-header {
  min-height: 45px;
  padding: 0 5px 0 20px;
  background-color: #fcfcfc;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.mc-flyin-box-headline {
  line-height: 45px;
  vertical-align: middle;
  position: relative; }
  .mc-flyin-box-headline:after {
    content: '.';
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px; }
  .mc-flyin-box-headline .mc-flyin-box-headline-pull-left {
    float: left; }
  .mc-flyin-box-headline .mc-flyin-box-headline-pull-right {
    position: relative;
    float: right;
    min-height: 45px; }
  .mc-flyin-box-headline .mc-flyin-box-headline-button-item {
    padding: 0 6px;
    float: left;
    position: relative;
    height: auto; }
  .mc-flyin-box-headline .mc-flyin-box-headline-button-handler {
    cursor: url("data:image/vnd.microsoft.icon;base64,AAACAAEAICACAAcABQAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAAAEAAAAAAAAAAAAAAgAAAAAAAAAAAAAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD8AAAA/AAAAfwAAAP+AAAH/gAAB/8AAA//AAAd/wAAGf+AAAH9gAADbYAAA2yAAAZsAAAGbAAAAGAAAAAAAAA//////////////////////////////////////////////////////////////////////////////////////gH///4B///8Af//+AD///AA///wAH//4AB//8AAf//AAD//5AA///gAP//4AD//8AF///AB///5A////5///8="), all-scroll;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: -webkit-grab;
    cursor: grab; }
  .mc-flyin-box-headline .mc-flyin-box-headline-button-select {
    position: relative;
    top: 5px;
    left: 0;
    bottom: 5px;
    min-width: 100px;
    height: 35px; }

.mc-flyin-box-main {
  padding: 35px 25px;
  background-color: #f4f4f4; }

.mc-flyin-aside {
  overflow: auto;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 260px;
  -ms-flex: 0 1 260px;
  flex: 0 1 260px;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto; }
  .mc-flyin-aside > .mc-flyin-widgetbar-container {
    position: absolute;
    height: 100%; }
  @media only screen and (max-width: 769px) {
    .mc-flyin-aside {
      display: none; } }

.mc-flyin-btn-menu {
  margin-left: -8px; }
  .mc-flyin-btn-menu .mc-icon {
    display: none; }

@media only screen and (max-width: 769px) {
  .mc-flyin-btn-menu .mc-flyin-menu-item {
    min-width: 90px; } }

@media only screen and (max-width: 640px) {
  .mc-flyin-btn-menu {
    position: absolute;
    left: 0; }
    .mc-flyin-btn-menu .mc-flyin-menu-item {
      margin: 0;
      position: absolute;
      min-width: 40px;
      width: 50px; }
      .mc-flyin-btn-menu .mc-flyin-menu-item .mc-md-button span {
        display: none; }
      .mc-flyin-btn-menu .mc-flyin-menu-item .mc-icon {
        display: block;
        margin-left: 6px; }
  .mc-flyin-btn-menu-save {
    top: 56px; }
  .mc-flyin-btn-menu-close {
    top: 0; }
  .mc-flyin-input-container {
    width: 100%; }
    .mc-flyin-input-container .mc-flyin-menu-item {
      width: 100%; }
  .mc-flyin-main {
    left: 35px; } }

.mc-form-actionbar {
  overflow: hidden;
  width: 100%; }
  .mc-form-actionbar .mc-flyin-menu-item {
    margin: 0 20px 20px 0; }
    .mc-form-actionbar .mc-flyin-menu-item .mc-icon {
      margin-right: 10px; }
  @media only screen and (max-width: 769px) {
    .mc-form-actionbar .mc-flyin-menu-item {
      width: 100%; } }

.mc-multi-add .mc-button-add {
  float: left;
  margin: 5px 10px 5px 0; }

.mc-flyin-input-container {
  width: 250px; }

.mc-form-ui-select {
  width: 72%; }

.mc-flyin .mc-datatable-header-overlay {
  right: 30px; }
  .mc-flyin .mc-datatable-header-overlay.mc-stat-is-active {
    left: 80px; }

.mc-drawer {
  position: absolute;
  top: 60px;
  bottom: 60px;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  z-index: 999;
  box-shadow: 2px 0 0 0 rgba(0, 0, 0, 0.03);
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform 350ms ease;
  -moz-transition: -moz-transform 350ms ease;
  transition: transform 350ms ease; }
  @media only screen and (min-width: 640px) {
    .mc-drawer {
      width: 400px; } }
  .mc-drawer.mc-is-active {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

.mc-drawer__content {
  display: flex;
  flex-direction: column;
  height: 100%; }

.mc-drawer--right {
  right: 0;
  left: auto;
  box-shadow: -2px 0 0 0 rgba(0, 0, 0, 0.03);
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%); }

.mc-drawer__header {
  margin: 0 30px;
  height: 60px;
  color: #666666;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
  border-bottom: solid 1px #e5e5e5; }

.mc-drawer__headline {
  font-size: 14px;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  -webkit-flex-shrink: 1;
  -moz-flex-shrink: 1;
  flex-shrink: 1;
  -ms-flex-negative: 1; }

.mc-drawer__action-group {
  color: #b2b2b2;
  margin-left: 30px;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center; }

.mc-drawer__action.mc-is-hidden {
  opacity: 0;
  pointer-events: none; }

.mc-drawer__action + .mc-drawer__action {
  margin-left: 15px; }

.mc-drawer__body {
  margin: 30px;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  -webkit-flex-shrink: 1;
  -moz-flex-shrink: 1;
  flex-shrink: 1;
  -ms-flex-negative: 1;
  overflow-y: auto;
  overflow-x: hidden; }

.mc-drawer__group + .mc-drawer__group {
  margin-top: 15px; }

.mc-drawer__field-remark {
  margin-top: 0.75rem;
  font-size: 11px; }

.mc-drawer__image-preview {
  position: relative;
  height: 340px;
  background-image: linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef), linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef);
  background-position: 0 0, 10px 10px;
  background-size: 21px 21px;
  background-color: #ffffff; }

.mc-drawer__image {
  display: flex;
  justify-content: center;
  align-self: center;
  height: 100%; }
  .mc-drawer__image img {
    object-fit: contain;
    max-width: 325px; }

.mc-drawer__pdf {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }

.mc-drawer__form-group {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  box-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -o-align-items: stretch;
  align-items: stretch;
  -ms-flex-align: stretch;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }
  .mc-drawer__form-group input.mc-drawer__form-input,
  .mc-drawer__form-group textarea.mc-drawer__form-input {
    display: block;
    width: 100%;
    height: 40px;
    font-size: 1.1em;
    font-family: 'Open Sans', sans-serif;
    padding: 0.8em;
    color: #555;
    border: 1px solid #d1d1d1;
    background-color: white; }
    .mc-drawer__form-group input.mc-drawer__form-input:focus,
    .mc-drawer__form-group textarea.mc-drawer__form-input:focus {
      border: 1px solid #6070f6;
      background-color: #f4f5ff;
      color: #525252;
      outline-offset: 0; }
      .mc-drawer__form-group input.mc-drawer__form-input:focus .mc-icon,
      .mc-drawer__form-group textarea.mc-drawer__form-input:focus .mc-icon {
        background-color: #f4f5ff; }

.mc-drawer__form-label {
  padding: 22px 0 5px 0;
  font-size: 11px;
  font-weight: 600;
  color: #666666; }

.mc-drawer__form-hint {
  margin-top: 10px;
  font-size: 11px;
  color: #666666; }

.mc-drawer__form-input,
.mc-drawer__form-control {
  display: block;
  width: 100%;
  height: 40px;
  font-size: 1.1em;
  font-weight: 100;
  padding: 0.8em;
  color: #555;
  border: 1px solid #d1d1d1;
  background-color: white; }
  .mc-drawer__form-input:focus,
  .mc-drawer__form-control:focus {
    border: 1px solid #6070f6;
    background-color: #f4f5ff;
    color: #525252;
    outline-offset: 0; }
    .mc-drawer__form-input:focus .mc-icon,
    .mc-drawer__form-control:focus .mc-icon {
      background-color: #f4f5ff; }

.mc-drawer__page-settings {
  padding: 30px;
  height: 100%; }
  .mc-drawer__page-settings .mc-icon-double-arrowv {
    cursor: pointer;
    font-size: 14px;
    font-weight: 800;
    color: #b2b2b2;
    position: absolute;
    right: 30px; }

textarea.mc-drawer__description {
  height: 175px; }

.mc-drawer__border-bot {
  width: 100%;
  height: 1px;
  background-color: #e1e1e1;
  margin-top: 30px;
  margin-bottom: 5px; }

.mc-drawer__settings {
  margin: 0 0 30px 30px;
  padding-right: 30px; }

.mc-drawer-wrapper {
  margin-top: 10px; }

.mc-drawer__checkbox-group {
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }

.mc-drawer__checkbox-label {
  display: block;
  width: 100%;
  padding-bottom: 10px; }

.mc-drawer__checkbox-description {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0px 10px; }

.mc-drawer__slug-form {
  padding: 0 0 0 0.4em;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  width: 100%;
  font-size: 1.1em;
  color: #555;
  border: 1px solid #d1d1d1;
  background-color: white; }
  .mc-drawer__slug-form ng-transclude {
    flex-grow: 1; }

.mc-drawer__filename {
  line-height: 1.25; }

.mc-drawer__file-url .mc-drawer__file-url-content {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center; }

.mc-drawer__file-url-content .mc-icon-copy {
  display: block;
  animation: fadein 0.5s;
  animation-fill-mode: forwards; }

.mc-drawer__file-url-content .mc-icon-check-thin,
.mc-drawer__file-url-content .mc-icon-close-thin {
  opacity: 0;
  display: none; }

.mc-drawer__file-url-content--failer .mc-icon-copy, .mc-drawer__file-url-content--success .mc-icon-copy {
  opacity: 0;
  display: none; }

.mc-drawer__file-url-content--success .mc-icon-check-thin {
  animation: fadein 0.5s;
  animation-fill-mode: forwards;
  display: block;
  color: #006621; }

.mc-drawer__file-url-content--failer .mc-icon-close-thin {
  animation: fadein 0.5s;
  animation-fill-mode: forwards;
  display: block;
  color: #d0021b; }

.mc-drawer__file-url-icon {
  margin: 0 5px 0 10px; }

mc-route .mc-route {
  padding: 0 0 0 0.4em;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  width: 100%;
  font-size: 1.1em;
  color: #555;
  border: 1px solid #d1d1d1;
  background-color: white; }
  mc-route .mc-route ng-transclude {
    flex-grow: 1; }
  mc-route .mc-route.mc-is-focused {
    border: 1px solid #6070f6;
    background-color: #f4f5ff;
    color: #525252; }
  mc-route .mc-route .mc-route-input {
    font-family: 'Open Sans', sans-serif;
    border: 0;
    padding: 0.4em 0.4em 0.4em 0;
    color: #555;
    font-size: 1em;
    background-color: transparent;
    width: 100%;
    min-height: 40px; }
    mc-route .mc-route .mc-route-input:focus {
      outline-offset: 0; }

.mc-drawer__textfield {
  position: unset; }

.searchEngine-preview h3 {
  color: #1a0dab;
  font-weight: 400;
  font-size: 18px;
  padding: 22px 0 8px 0; }

.searchEngine-preview cite {
  font-size: 13px;
  color: #006621;
  padding-bottom: 5px;
  display: block; }

.searchEngine-preview p {
  color: #666666;
  font-size: 13px;
  word-break: break-word;
  line-height: normal; }

.mc-drawer-usage .mc-drawer-usage__header {
  margin: 20px 0;
  font-size: 11px;
  font-weight: 600;
  color: #000000; }

.mc-drawer-usage .mc-drawer-usage__elements {
  margin-bottom: 15px; }

.mc-drawer-usage .mc-drawer-usage__tag {
  padding: 7px 20px;
  border-radius: 4px;
  box-shadow: 0 4px 7px 0 rgba(114, 137, 179, 0.39);
  background-color: #f5f6ff;
  display: inline-block;
  margin: 0 15px 15px 0;
  color: #6070f6;
  font-weight: 600;
  font-size: 12px; }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.mc-view-switcher-item {
  float: left;
  padding: 0 6px;
  color: #e1e1e1; }
  .mc-view-switcher-item.mc-active {
    color: #1d1d1d; }

/***** Radiobtn default styling *****/
.mc-radio {
  position: absolute;
  left: -1000em;
  visibility: hidden; }

.mc-radio ~ .mc-radio-label:before {
  content: '';
  display: inline-block;
  width: 22px;
  height: 22px;
  border: 1px solid #cecece;
  background-color: #fefefe;
  border-radius: 50%;
  vertical-align: bottom;
  position: relative;
  margin-right: 10px;
  -webkit-transition: background-color 0.3s ease;
  margin-top: 10px;
  -moz-transition: background-color 0.3s ease;
  -ms-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -ms-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s; }

.mc-radio ~ .mc-radio-label:after {
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  top: 38px;
  left: 6px;
  width: 10px;
  height: 10px;
  background-color: #f9fafc;
  border-radius: 50%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s; }

/***** Radiobtn checked *****/
.mc-radio:checked ~ .mc-radio-label:before {
  background-color: #6070f6;
  border: 1px solid #2f4ac8;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s; }

.mc-radio:checked ~ .mc-radio-label:after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -ms-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s; }

/***** Radiobtn disabled *****/
.mc-radio:disabled ~ .mc-radio-label:before {
  background-color: #f4f4f4;
  border: 1px solid #ebebeb; }

/***** Radiobtn checked & disabled *****/
.mc-radio:checked:disabled ~ .mc-radio-label:before {
  background-color: whitesmoke;
  border: 1px solid #e5e5e5; }

.mc-radio:checked:disabled ~ .mc-radio-label:after {
  background-color: #bbbbbb; }

/***** Radiobtn label *****/
.mc-radio:checked ~ .mc-radio-label {
  color: #6070f6; }

/*.mc-radio:checked:disabled ~ .mc-radio-label {
    color: #e5e5e5;
}*/
.mc-radio-label {
  display: flex;
  flex-direction: column-reverse;
  line-height: 22px;
  font-size: 12px;
  font-weight: 400;
  color: #8c8c8c;
  cursor: pointer; }

/***** Radiobtn disabled label *****/
.mc-radio:disabled ~ .mc-radio-label {
  color: #8c8c8c;
  pointer-events: none; }

/***** Radiobtn list *****/
.mc-radio-list {
  margin-left: -0.8em;
  margin-top: -3px; }
  .mc-radio-list .mc-radio-list-item {
    margin: 0 12px 10px 12px;
    position: relative; }

.mc-form-group.mc-form-group__radio-inline {
  padding-top: 6px;
  padding-bottom: 0; }

.mc-form-group__radio-inline .mc-radio-label {
  flex-direction: row; }

.mc-form-group__radio-inline .mc-radio ~ .mc-radio-label:before {
  margin-top: 0; }

.mc-form-group__radio-inline .mc-radio ~ .mc-radio-label:after {
  top: 6px; }

/*#Status

Some status which are set when they are needed.

Example Status: Show the Widget in Config with "mc-show-in-config" or if the widget wait for data "mc-wait-for-data"
 */
.mc-show-in-config-mode {
  display: none; }

.mc-is-config-mode.mc-show-in-config-mode,
.mc-is-config-mode .mc-show-in-config-mode {
  display: inherit; }

.mc-wait-for-data .mc-data-container {
  visibility: hidden;
  min-height: 20em; }

.mc-wait-for-data.mc-has-data .mc-data-container {
  visibility: visible;
  min-height: 0; }

.mc-wait-for-data .mc-pending-container {
  display: none; }

.mc-wait-for-data.mc-is-pending .mc-pending-container {
  display: inherit; }

.mc-formgroups-pending {
  height: calc(100vh - 180px);
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }

.mc-form-wizard {
  width: 100%;
  display: flex;
  flex-wrap: wrap; }

.mc-form-wizard-field {
  position: relative;
  width: calc(100% - 14px);
  height: 44px;
  margin: 7px; }
  @media only screen and (min-width: 560px) {
    .mc-form-wizard-field {
      width: calc(100% - 14px); } }
  @media only screen and (min-width: 1120px) {
    .mc-form-wizard-field {
      width: calc(50% - 14px); } }
  @media only screen and (min-width: 1680px) {
    .mc-form-wizard-field {
      width: calc(33.3333333333% - 14px); } }
  @media only screen and (min-width: 2240px) {
    .mc-form-wizard-field {
      width: calc(25% - 14px); } }
  @media only screen and (min-width: 2800px) {
    .mc-form-wizard-field {
      width: calc(20% - 14px); } }
  @media only screen and (min-width: 3360px) {
    .mc-form-wizard-field {
      width: calc(16.6666666667% - 14px); } }
  @media only screen and (min-width: 3920px) {
    .mc-form-wizard-field {
      width: calc(14.2857142857% - 14px);
      max-width: 560px; } }
  .mc-form-wizard-field.ui-sortable-helper .mc-form-wizard-field-handler {
    cursor: -webkit-grabbing;
    cursor: grabbing; }

.mc-form-wizard-container {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #ffffff;
  border: 2px solid #ffffff;
  font-size: 12px;
  color: #aeaeae;
  cursor: pointer;
  box-shadow: 0;
  border-radius: 2px;
  min-height: 40px;
  z-index: 0;
  -webkit-transition-property: width, border, -webkit-transform, min-height, box-shadow, top, z-index;
  -moz-transition-property: width, border, -moz-transform, min-height, box-shadow, top, z-index;
  transition-property: width, border, transform, min-height, box-shadow, top, z-index;
  -webkit-transition-duration: 250ms, 250ms, 250ms, 250ms, 250ms, 250ms, 0s;
  -moz-transition-duration: 250ms, 250ms, 250ms, 250ms, 250ms, 250ms, 0s;
  transition-duration: 250ms, 250ms, 250ms, 250ms, 250ms, 250ms, 0s;
  -webkit-transition-delay: 250ms, 250ms, 250ms, 0s, 250ms, 250ms, 250ms;
  -moz-transition-delay: 250ms, 250ms, 250ms, 0s, 250ms, 250ms, 250ms;
  transition-delay: 250ms, 250ms, 250ms, 0s, 250ms, 250ms, 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1), ease, ease, ease, cubic-bezier(0.215, 0.61, 0.355, 1), ease, ease;
  -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1), ease, ease, ease, cubic-bezier(0.215, 0.61, 0.355, 1), ease, ease;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1), ease, ease, ease, cubic-bezier(0.215, 0.61, 0.355, 1), ease, ease; }
  .mc-form-wizard-container:hover .mc-form-wizard-field-buttons {
    opacity: 1; }

.mc-form-wizard-field-header {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  box-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -o-align-items: stretch;
  align-items: stretch;
  -ms-flex-align: stretch;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  background-color: #e1e1e1;
  user-select: none;
  -webkit-transition: background-color 500ms 0s ease;
  -moz-transition: background-color 500ms 0s ease;
  transition: background-color 500ms 0s ease; }
  .mc-form-wizard-field-header:hover {
    background-color: #f2f2f2; }
  [disabled] .mc-form-wizard-field-header {
    opacity: 0.6; }
  [disabled] .mc-form-wizard-field-header:hover {
    background-color: #e1e1e1; }

.mc-form-wizard-field-new:before {
  background-color: #00c845;
  border: 2px solid #ffffff;
  border-radius: 50%;
  content: '';
  height: 10px;
  position: absolute;
  top: -4px;
  left: -4px;
  width: 10px; }

.mc-form-field-header-icon {
  -webkit-box-flex: none;
  -moz-box-flex: none;
  box-flex: none;
  -webkit-flex: none;
  -moz-flex: none;
  -ms-flex: none;
  flex: none;
  width: 35px;
  text-align: center;
  -webkit-transition: color 500ms ease;
  -moz-transition: color 500ms ease;
  transition: color 500ms ease; }
  .mc-form-field-header-icon .mc-icon {
    line-height: 40px; }

.mc-form-wizard-field-type-icon {
  -webkit-box-flex: none;
  -moz-box-flex: none;
  box-flex: none;
  -webkit-flex: none;
  -moz-flex: none;
  -ms-flex: none;
  flex: none;
  width: 45px;
  text-align: center;
  position: relative; }
  .mc-form-wizard-field-type-icon .mc-icon {
    line-height: 40px; }

.mc-form-wizard-field-label {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 100%;
  -moz-flex: 1 100%;
  -ms-flex: 1 100%;
  flex: 1 100%;
  padding: 0 5px;
  line-height: 40px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.mc-form-wizard-field-buttons {
  position: relative;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 auto;
  -moz-flex: 1 auto;
  -ms-flex: 1 auto;
  flex: 1 auto;
  min-width: 25px;
  opacity: 1;
  -webkit-transition: opacity 250ms ease;
  -moz-transition: opacity 250ms ease;
  transition: opacity 250ms ease; }
  .mc-form-wizard-field-buttons .mc-button-round {
    right: auto;
    height: 26px;
    width: 26px; }
    .mc-form-wizard-field-buttons .mc-button-round .mc-icon {
      line-height: 26px; }

@media only screen and (min-width: 640px) {
  .mc-form-wizard-field-buttons {
    opacity: 0; } }

.mc-touch .mc-form-wizard-field-buttons {
  opacity: 1; }

.mc-form-wizard-field-handler {
  cursor: url("data:image/vnd.microsoft.icon;base64,AAACAAEAICACAAcABQAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAAAEAAAAAAAAAAAAAAgAAAAAAAAAAAAAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD8AAAA/AAAAfwAAAP+AAAH/gAAB/8AAA//AAAd/wAAGf+AAAH9gAADbYAAA2yAAAZsAAAGbAAAAGAAAAAAAAA//////////////////////////////////////////////////////////////////////////////////////gH///4B///8Af//+AD///AA///wAH//4AB//8AAf//AAD//5AA///gAP//4AD//8AF///AB///5A////5///8="), all-scroll;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: -webkit-grab;
  cursor: grab; }

.mc-form-wizard-field-placeholder {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  box-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -o-align-items: stretch;
  align-items: stretch;
  -ms-flex-align: stretch;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  height: 44px;
  margin: 7px;
  border: 2px dashed #ffffff;
  background-color: #f5f5f5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }
  @media only screen and (min-width: 560px) {
    .mc-form-wizard-field-placeholder {
      width: calc(100% - 14px); } }
  @media only screen and (min-width: 1120px) {
    .mc-form-wizard-field-placeholder {
      width: calc(50% - 14px); } }
  @media only screen and (min-width: 1680px) {
    .mc-form-wizard-field-placeholder {
      width: calc(33.3333333333% - 14px); } }
  @media only screen and (min-width: 2240px) {
    .mc-form-wizard-field-placeholder {
      width: calc(25% - 14px); } }
  @media only screen and (min-width: 2800px) {
    .mc-form-wizard-field-placeholder {
      width: calc(20% - 14px); } }
  @media only screen and (min-width: 3360px) {
    .mc-form-wizard-field-placeholder {
      width: calc(16.6666666667% - 14px); } }
  @media only screen and (min-width: 3920px) {
    .mc-form-wizard-field-placeholder {
      width: calc(14.2857142857% - 14px);
      max-width: 560px; } }

.mc-form-wizard-field-content {
  max-height: 0;
  overflow-y: auto;
  visibility: hidden;
  -webkit-transition-property: max-height, visibility;
  -moz-transition-property: max-height, visibility;
  transition-property: max-height, visibility;
  -webkit-transition-duration: 250ms, 250ms;
  -moz-transition-duration: 250ms, 250ms;
  transition-duration: 250ms, 250ms;
  -webkit-transition-delay: 0s, 0s;
  -moz-transition-delay: 0s, 0s;
  transition-delay: 0s, 0s;
  -webkit-transition-timing-function: ease, ease;
  -moz-transition-timing-function: ease, ease;
  transition-timing-function: ease, ease; }

.mc-form-wizard-field-form {
  margin: 12px; }
  .mc-form-wizard-field-form .mc-form-group {
    padding-bottom: 5px; }
  .mc-form-wizard-field-form .size-1of2 {
    width: 50%;
    padding: 0; }

.mc-form-wizard-fieldgroup {
  width: 100%;
  margin: 0 0 10px 0; }
  .mc-form-wizard-fieldgroup .mc-form-wizard-container {
    cursor: default; }
    .mc-form-wizard-fieldgroup .mc-form-wizard-container .mc-form-wizard-field-header:hover {
      background-color: #e1e1e1; }

.mc-form-wizard-fieldgroup-icon {
  background-color: #a7a7a7;
  bottom: 0;
  border-radius: 50%;
  color: #ffffff;
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  margin: auto; }
  .mc-form-wizard-fieldgroup-icon .mc-icon {
    line-height: 30px; }

.mc-expanded.mc-form-wizard-container {
  top: 2px;
  width: calc(100% + 60px);
  border: 0 solid #ffffff;
  box-shadow: 0 1px 2px 0 rgba(43, 59, 93, 0.29), 0 0 13px rgba(43, 59, 93, 0.29);
  min-height: 275px;
  z-index: 1;
  cursor: default;
  -webkit-transition-property: width, border, -webkit-transform, min-height, box-shadow, top, z-index;
  -moz-transition-property: width, border, -moz-transform, min-height, box-shadow, top, z-index;
  transition-property: width, border, transform, min-height, box-shadow, top, z-index;
  -webkit-transition-duration: 250ms, 250ms, 250ms, 250ms, 250ms, 250ms, 0s;
  -moz-transition-duration: 250ms, 250ms, 250ms, 250ms, 250ms, 250ms, 0s;
  transition-duration: 250ms, 250ms, 250ms, 250ms, 250ms, 250ms, 0s;
  -webkit-transition-delay: 0s, 0s, 0s, 250ms, 0s, 0s, 0s;
  -moz-transition-delay: 0s, 0s, 0s, 250ms, 0s, 0s, 0s;
  transition-delay: 0s, 0s, 0s, 250ms, 0s, 0s, 0s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1), ease, ease, ease, cubic-bezier(0.215, 0.61, 0.355, 1), ease, ease;
  -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1), ease, ease, ease, cubic-bezier(0.215, 0.61, 0.355, 1), ease, ease;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1), ease, ease, ease, cubic-bezier(0.215, 0.61, 0.355, 1), ease, ease; }

.mc-expanded > .mc-form-wizard-field-header {
  background-color: #f2f2f2;
  -webkit-transition: background-color 500ms 500ms ease;
  -moz-transition: background-color 500ms 500ms ease;
  transition: background-color 500ms 500ms ease;
  cursor: default; }

.mc-expanded .mc-form-wizard-field-content {
  max-height: calc(275px - 40px);
  visibility: visible;
  -webkit-transition-property: max-height, visibility;
  -moz-transition-property: max-height, visibility;
  transition-property: max-height, visibility;
  -webkit-transition-duration: 250ms, 250ms;
  -moz-transition-duration: 250ms, 250ms;
  transition-duration: 250ms, 250ms;
  -webkit-transition-delay: 250ms, 250ms;
  -moz-transition-delay: 250ms, 250ms;
  transition-delay: 250ms, 250ms;
  -webkit-transition-timing-function: ease, ease;
  -moz-transition-timing-function: ease, ease;
  transition-timing-function: ease, ease; }

.mc-expanded .mc-form-field-header-icon:hover {
  color: #030303; }

.mc-labeled-action {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  cursor: pointer; }
  .mc-labeled-action.mc-is-disabled {
    cursor: not-allowed; }
  .mc-labeled-action .mc-labeled-action-action {
    margin-right: 10px; }
  .mc-labeled-action.mc-rtl {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: reverse;
    -moz-box-direction: reverse;
    box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-direction: row-reverse; }
    .mc-labeled-action.mc-rtl .mc-labeled-action-action {
      margin-right: 0;
      margin-left: 10px; }

mc-form-add-button {
  display: inline-block; }

.mc-form-subform > .mc-form-group-container > mc-form-add-button,
.mc-form-subform.mc-form-group-container > mc-form-add-button {
  margin-left: 20px; }

.mc-labeled-action-label {
  display: flex;
  height: 20px;
  gap: 5px;
  align-items: center; }

.mc-labeled-action__tooltip-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: space-between; }
  .mc-labeled-action__tooltip-wrapper span {
    float: unset !important; }
  .mc-labeled-action__tooltip-wrapper .variants-disabled {
    font-size: 12px;
    color: #b4b4b4; }
  .mc-labeled-action__tooltip-wrapper .mc-labeled-action__tooltip {
    background-color: black;
    border-radius: 5px;
    pointer-events: none;
    font-size: 1.4rem;
    padding: 10px;
    font-weight: 400;
    white-space: break-spaces;
    z-index: 915000;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 8px;
    position: absolute;
    transform: translateX(-153px);
    color: white;
    height: fit-content;
    text-align: left;
    bottom: 35px;
    display: inline-flex;
    width: 300px; }
    .mc-labeled-action__tooltip-wrapper .mc-labeled-action__tooltip .mc-labeled-action__tooltip-inner {
      pointer-events: none;
      white-space: break-spaces;
      display: inline-flex; }
      .mc-labeled-action__tooltip-wrapper .mc-labeled-action__tooltip .mc-labeled-action__tooltip-inner span {
        font-family: 'Open Sans';
        line-height: 1.5 !important;
        font-size: 1.15rem;
        font-weight: 600;
        font-style: normal; }
    .mc-labeled-action__tooltip-wrapper .mc-labeled-action__tooltip .mc-labeled-action__tooltip-arrow {
      z-index: -1; }
      .mc-labeled-action__tooltip-wrapper .mc-labeled-action__tooltip .mc-labeled-action__tooltip-arrow::before {
        content: '';
        background-color: #000;
        left: 145px;
        position: absolute;
        width: 10px;
        height: 10px;
        z-index: -1;
        right: 0;
        bottom: -8px;
        transform: rotate(45deg) translateX(-5px); }

mc-form-delete-confirm {
  position: absolute;
  top: 30px;
  right: 5px;
  height: 30px;
  z-index: 1000; }

mc-form-delete-confirm.mc-login-to-footer {
  bottom: 10px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  transition-delay: 0.5s; }

.mc-button-delete {
  background-color: white;
  color: #a34748;
  width: 30px;
  padding: 0;
  position: absolute;
  right: 5px;
  box-shadow: 0 2px 6px -4px black;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .mc-button-delete .mc-icon {
    line-height: 30px; }
  .mc-button-delete:hover {
    background-color: #a34748;
    color: white; }

.mc-button-delete-close {
  color: #8c8c8c;
  background-color: white; }
  .mc-button-delete-close:hover {
    color: white;
    background-color: #8c8c8c; }

.mc-button-confirm-delete {
  position: absolute;
  top: -2px;
  right: 42px;
  padding: 0 15px;
  width: auto;
  white-space: nowrap;
  color: #8c8c8c; }
  .mc-button-confirm-delete i {
    color: #a34748;
    padding-right: 5px; }
  .mc-button-confirm-delete:hover i {
    color: white; }

.mc-media-header {
  background-color: #ffffff;
  width: 100%;
  height: 60px;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  box-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -o-align-items: stretch;
  align-items: stretch;
  -ms-flex-align: stretch; }

.mc-media-search {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  box-ordinal-group: 1;
  -webkit-order: 1;
  -moz-order: 1;
  order: 1;
  -ms-flex-order: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  -webkit-flex-shrink: 1;
  -moz-flex-shrink: 1;
  flex-shrink: 1;
  -ms-flex-negative: 1;
  -webkit-flex-basis: auto;
  -moz-flex-basis: auto;
  flex-basis: auto;
  -ms-flex-preferred-size: auto;
  padding: 0 8px;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center; }
  .mc-media-search .mc-input-search {
    margin: 0; }

.mc-media-search-icon {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 15px;
  margin: 7.5px 0;
  color: #e2e2e2; }
  .mc-media-search-icon .mc-icon {
    line-height: 45px; }

.mc-media-header-item {
  color: #8f8f8f;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
  -webkit-flex-basis: auto;
  -moz-flex-basis: auto;
  flex-basis: auto;
  -ms-flex-preferred-size: auto;
  position: relative; }
  .mc-media-header-item:hover, .mc-media-header-item:active, .mc-media-header-item.mc-open {
    color: #363636; }
  .mc-media-header-item.mc-is-active:after {
    background-color: #00c845;
    content: '';
    display: block;
    position: absolute;
    top: 18px;
    right: 10px;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }
  @media only screen and (max-width: 640px) {
    .mc-media-header-item.mc-is-hidden {
      display: none; } }

.mc-media-sort {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  box-ordinal-group: 2;
  -webkit-order: 2;
  -moz-order: 2;
  order: 2;
  -ms-flex-order: 2; }

.mc-media-filter {
  -webkit-box-ordinal-group: 3;
  -moz-box-ordinal-group: 3;
  box-ordinal-group: 3;
  -webkit-order: 3;
  -moz-order: 3;
  order: 3;
  -ms-flex-order: 3; }
  .mc-media-filter.mc-is-hidden {
    display: none; }

.mc-media-switcher {
  -webkit-box-ordinal-group: 4;
  -moz-box-ordinal-group: 4;
  box-ordinal-group: 4;
  -webkit-order: 4;
  -moz-order: 4;
  order: 4;
  -ms-flex-order: 4; }

.mc-media-header-icon {
  line-height: 60px;
  padding: 0 15px;
  position: relative; }

.mc-media-small .mc-is-hidden {
  display: none; }

[mc-media-editor] {
  height: 100%; }
  [mc-media-editor].mc-media-center {
    height: calc(100% - 130px); }

.mc-widget-media .mc-widget-main {
  overflow-y: initial;
  overflow-x: initial;
  height: 100%; }

.mc-media-bulkactions {
  position: relative; }

.mc-media-gridview {
  padding: 2px;
  min-height: 80px;
  overflow-y: auto;
  top: 0;
  bottom: 0;
  position: absolute;
  left: 0;
  right: 0; }
  .mc-media-center .mc-media-gridview {
    overflow-y: initial;
    overflow-x: initial; }

.mc-media-read-only .mc-media-delete,
.mc-media-read-only .mc-datatable-handler,
.mc-media-read-only .mc-mcenter-single-actions {
  display: none; }

.mc-media-read-only.mc-media-medium .mc-mcenter-file {
  cursor: default; }

.mc-media-read-only .mc-mcenter-preview:hover .mc-mcenter-preview-file-blur {
  opacity: 0; }

.mc-media-read-only .mc-datatable tbody tr:hover {
  background-color: #f8f8f8; }

.mc-media-read-only .mc-datatable tbody tr[ng-click].mc-can-click {
  cursor: default; }

.mc-media-read-only .mc-action-item {
  cursor: default; }

.mc-media {
  display: block;
  position: relative;
  height: calc(100% - 60px); }

.mc-media-large .mc-media-body {
  position: relative;
  height: 100%;
  display: block; }

.mc-media-large .md-virtual-repeat-container .mc-datatable th,
.mc-media-large .md-virtual-repeat-container .mc-datatable td {
  width: 1%;
  white-space: nowrap; }

.mc-media-large .md-virtual-repeat-container .mc-datatable .mc-column-name {
  width: auto;
  max-width: 200px; }

.mc-media-medium {
  position: relative; }
  .mc-media-medium .mc-mcenter-item {
    margin: 6px; }
  .mc-media-medium .ui-sortable-placeholder:before {
    display: block;
    content: '';
    padding-top: calc(100% + 60px); }
  .mc-media-medium .mc-action-item-actions {
    margin: 0;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center; }

.mc-media-small .mc-mcenter-item {
  margin: 2px; }

.mc-media-small .ui-sortable-placeholder:before {
  display: block;
  content: '';
  padding-top: calc(100% + 60px); }

.mc-media-small .mc-mcenter-file {
  padding: 5px 10px; }

.mc-media-small .mc-action-item-text {
  width: 100%;
  min-width: 60%; }
  .mc-media-small .mc-action-item-text.mc-is-upload {
    display: none; }

.mc-media-small .mc-action-item-actions {
  margin: 0;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center; }

.mc-media-small.ui-sortable-helper .mc-mcenter-preview {
  height: 110px; }

.mc-mcenter-preview:before {
  display: block;
  content: '';
  padding-top: 100%;
  background-image: linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef), linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef);
  background-position: 0 0, 10px 10px;
  background-size: 21px 21px;
  background-color: #ffffff; }

.mc-media-medium .mc-file-status,
.mc-media-small .mc-file-status {
  top: 0; }

.mc-media-medium .mc-datatable tbody tr td,
.mc-media-small .mc-datatable tbody tr td {
  padding: 0; }

.mc-media-medium .mc-datatable .mc-action-item,
.mc-media-small .mc-datatable .mc-action-item {
  padding-left: 10px; }

.mc-media-medium .mc-mcenter-select,
.mc-media-small .mc-mcenter-select {
  display: none; }

.mc-media-medium .mc-mcenter-file,
.mc-media-small .mc-mcenter-file {
  cursor: url("data:image/vnd.microsoft.icon;base64,AAACAAEAICACAAcABQAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAAAEAAAAAAAAAAAAAAgAAAAAAAAAAAAAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD8AAAA/AAAAfwAAAP+AAAH/gAAB/8AAA//AAAd/wAAGf+AAAH9gAADbYAAA2yAAAZsAAAGbAAAAGAAAAAAAAA//////////////////////////////////////////////////////////////////////////////////////gH///4B///8Af//+AD///AA///wAH//4AB//8AAf//AAD//5AA///gAP//4AD//8AF///AB///5A////5///8="), all-scroll;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: -webkit-grab;
  cursor: grab; }

.mc-media-medium .mc-action-item,
.mc-media-small .mc-action-item {
  cursor: url("data:image/vnd.microsoft.icon;base64,AAACAAEAICACAAcABQAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAAAEAAAAAAAAAAAAAAgAAAAAAAAAAAAAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD8AAAA/AAAAfwAAAP+AAAH/gAAB/8AAA//AAAd/wAAGf+AAAH9gAADbYAAA2yAAAZsAAAGbAAAAGAAAAAAAAA//////////////////////////////////////////////////////////////////////////////////////gH///4B///8Af//+AD///AA///wAH//4AB//8AAf//AAD//5AA///gAP//4AD//8AF///AB///5A////5///8="), all-scroll;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: -webkit-grab;
  cursor: grab; }

.mc-media-medium .mc-action-item-icon,
.mc-media-small .mc-action-item-icon {
  cursor: pointer; }

.mc-media-medium .mc-action-item-text,
.mc-media-medium .mc-action-item-message,
.mc-media-medium .mc-action-item-actions,
.mc-media-small .mc-action-item-text,
.mc-media-small .mc-action-item-message,
.mc-media-small .mc-action-item-actions {
  overflow-x: visible;
  align-self: center; }

.mc-media-medium .mc-datatable tbody tr .mc-button,
.mc-media-medium .mc-small-media-list-item .mc-button,
.mc-media-small .mc-datatable tbody tr .mc-button,
.mc-media-small .mc-small-media-list-item .mc-button {
  right: 40px;
  opacity: 1; }
  @media only screen and (min-width: 769px) {
    .mc-media-medium .mc-datatable tbody tr .mc-button,
    .mc-media-medium .mc-small-media-list-item .mc-button,
    .mc-media-small .mc-datatable tbody tr .mc-button,
    .mc-media-small .mc-small-media-list-item .mc-button {
      opacity: 0; } }

.mc-media-medium .mc-datatable tbody tr:hover .mc-button,
.mc-media-medium .mc-small-media-list-item:hover .mc-button,
.mc-media-small .mc-datatable tbody tr:hover .mc-button,
.mc-media-small .mc-small-media-list-item:hover .mc-button {
  opacity: 1; }

.mc-media-medium .mc-media-body,
.mc-media-small .mc-media-body {
  height: calc(100% - 60px); }

.mc-media-medium .mc-media-body .mc-media-listview,
.mc-media-small .mc-media-body .mc-media-listview {
  position: relative;
  display: block;
  height: 100%; }
  .mc-media-medium .mc-media-body .mc-media-listview .mc-datatable,
  .mc-media-medium .mc-media-body .mc-media-listview tbody,
  .mc-media-medium .mc-media-body .mc-media-listview tr,
  .mc-media-medium .mc-media-body .mc-media-listview td,
  .mc-media-small .mc-media-body .mc-media-listview .mc-datatable,
  .mc-media-small .mc-media-body .mc-media-listview tbody,
  .mc-media-small .mc-media-body .mc-media-listview tr,
  .mc-media-small .mc-media-body .mc-media-listview td {
    display: block; }
  .mc-media-medium .mc-media-body .mc-media-listview .ui-sortable-placeholder,
  .mc-media-small .mc-media-body .mc-media-listview .ui-sortable-placeholder {
    display: block;
    height: 60px;
    width: 100%;
    border: 2px dashed #ffffff;
    background-color: #f5f5f5; }

.mc-media-medium .mc-media-body .mc-media-gridview .ui-sortable-placeholder,
.mc-media-small .mc-media-body .mc-media-gridview .ui-sortable-placeholder {
  display: inline-block;
  position: relative;
  float: left;
  border: 2px dashed #ffffff;
  background-color: #f5f5f5;
  margin: 0; }

.mc-media-listview-small-list {
  display: block;
  position: relative;
  height: 100%; }

.mc-small-media-list {
  display: block;
  height: 100%;
  position: relative;
  overflow-y: auto; }
  .mc-small-media-list.md-virtual-repeat-container {
    overflow-y: initial; }
  .mc-small-media-list .mc-small-media-list-item {
    display: block;
    width: 100%;
    position: relative;
    height: 60px;
    background-color: #f8f8f8;
    border-bottom: 1px solid #e7e7e7; }
    .mc-small-media-list .mc-small-media-list-item:hover {
      background-color: #fcfcfc; }
    .mc-small-media-list .mc-small-media-list-item.mc-is-focused {
      background-color: #dce0ff;
      color: #6070f6;
      border-color: #e1e1e1 #2f4ac8 #e1e1e1 #2f4ac8; }
      .mc-small-media-list .mc-small-media-list-item.mc-is-focused .mc-action-item-headline {
        color: #6070f6; }
      .mc-small-media-list .mc-small-media-list-item.mc-is-focused:hover {
        background-color: #cfd3f1; }

mc-media-grid {
  display: block;
  position: relative;
  height: 100%; }

.mc-media-grid-columns-1 .mc-mcenter-item,
.mc-media-grid-columns-1 .ui-sortable-placeholder {
  width: calc(100% / 1 - 12px); }

.mc-media-grid-columns-2 .mc-mcenter-item,
.mc-media-grid-columns-2 .ui-sortable-placeholder {
  width: calc(100% / 2 - 12px); }

.mc-media-grid-columns-3 .mc-mcenter-item,
.mc-media-grid-columns-3 .ui-sortable-placeholder {
  width: calc(100% / 3 - 12px); }

.mc-media-grid-columns-4 .mc-mcenter-item,
.mc-media-grid-columns-4 .ui-sortable-placeholder {
  width: calc(100% / 4 - 12px); }

.mc-media-grid-columns-5 .mc-mcenter-item,
.mc-media-grid-columns-5 .ui-sortable-placeholder {
  width: calc(100% / 5 - 12px); }

.mc-media-grid-columns-6 .mc-mcenter-item,
.mc-media-grid-columns-6 .ui-sortable-placeholder {
  width: calc(100% / 6 - 12px); }

.mc-media-grid-columns-7 .mc-mcenter-item,
.mc-media-grid-columns-7 .ui-sortable-placeholder {
  width: calc(100% / 7 - 12px); }

.mc-media-grid-columns-8 .mc-mcenter-item,
.mc-media-grid-columns-8 .ui-sortable-placeholder {
  width: calc(100% / 8 - 12px); }

.mc-media-grid-row {
  min-height: 1px;
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }
  .mc-media-grid-row .mc-mcenter-item-mock {
    visibility: hidden; }

.mc-virtualization.mc-media-viewas-list .mc-media-listview {
  position: relative;
  display: block;
  height: 100%; }

.mc-virtualization.mc-media-viewas-list .mc-datatable-container {
  position: relative;
  height: 100%;
  display: block; }

.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;
  -webkit-overflow-scrolling: touch; }

.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; }

.mc-media-drag-helper {
  width: 115px;
  height: 140px;
  z-index: 999;
  cursor: -webkit-grabbing;
  cursor: grabbing; }
  .mc-media-drag-helper .mc-mcenter-file {
    cursor: inherit; }

.mc-media-delete {
  display: none; }
  .mc-media-can-delete .mc-media-delete {
    display: block; }
  .ui-sortable-helper .mc-media-delete {
    visibility: hidden; }

.mc-media-splitview {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  width: 100%;
  border: 1px solid #d1d1d1; }
  @media only screen and (min-width: 769px) {
    .mc-media-splitview {
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      box-orient: horizontal;
      -webkit-box-direction: normal;
      -moz-box-direction: normal;
      box-direction: normal;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      flex-direction: row;
      -ms-flex-direction: row; } }
  .mc-media-splitview .mc-media-body {
    height: 300px;
    background-color: #f8f8f8; }
  .mc-media-splitview .mc-dropzone-ui {
    top: 60px; }

.mc-media-splitview-target {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  width: 100%;
  position: relative; }
  @media only screen and (min-width: 769px) {
    .mc-media-splitview-target {
      margin-right: 20px;
      width: 50%; } }
  .mc-media-splitview-target .mc-media-listview {
    top: 0; }
  .mc-media-splitview-target .mc-media-listview {
    overflow-y: initial;
    overflow-x: initial; }
  .mc-media-splitview-target .mc-datatable-container {
    height: 100%; }
  .mc-media-splitview-target .mc-datatable tr.mc-datatable-empty-state {
    display: none; }
  .mc-media-splitview-target .mc-datatable {
    display: block;
    height: 100%; }
    .mc-media-splitview-target .mc-datatable tbody {
      display: block;
      height: 100%;
      overflow-y: auto; }
    .mc-media-splitview-target .mc-datatable tr,
    .mc-media-splitview-target .mc-datatable td {
      display: block; }

.mc-media-splitview-source {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  width: 100%;
  position: relative; }
  @media only screen and (min-width: 769px) {
    .mc-media-splitview-source {
      width: 50%; } }

.mc-media-splitview-header {
  height: 50px;
  display: flex;
  width: 100%;
  background-color: #efefef;
  align-items: center;
  justify-content: center;
  color: #8c8c8c; }
  .mc-media-splitview-header i {
    padding-right: 10px; }

.mc-error-bar {
  background-color: #e52e2e;
  color: #6d0d0d;
  padding: 12px;
  cursor: auto;
  position: relative;
  z-index: 0;
  -webkit-animation: slideIn-top 500ms ease;
  -moz-animation: slideIn-top 500ms ease;
  animation: slideIn-top 500ms ease; }
  .mc-error-bar .mc-action-item-actions {
    color: #ffffff;
    min-width: 12px; }
  .mc-error-bar .mc-action-item-text,
  .mc-error-bar .mc-action-item-message {
    white-space: normal;
    color: inherit; }

.mc-category-tree .mc-treeview > li.mc-treeview-item li.mc-treeview-item,
.mc-category-tree .mc-treeview > li.mc-treeview-item li.mc-node-placeholder {
  margin-left: 0; }

.mc-category-tree ol.mc-treeview {
  padding-top: 0; }

.mc-category-tree .mc-treeview-item.mc-is-collapsed.mc-has-children {
  margin-bottom: 0; }

.mc-category-tree-header {
  position: relative;
  height: 60px;
  width: 100%;
  border: 1px solid #e1e1e1;
  background-color: #f2f2f2;
  color: #525252;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center; }
  .mc-category-tree-header .mc-datatable-header-overlay {
    top: 0;
    height: 58px;
    padding-top: 0; }
    .mc-category-tree-header .mc-datatable-header-overlay.mc-stat-is-active {
      left: 110px;
      bottom: 0;
      background-color: inherit; }
    .mc-category-tree-header .mc-datatable-header-overlay .mc-fly-in-wrapper {
      height: 100%;
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      box-orient: horizontal;
      -webkit-box-direction: normal;
      -moz-box-direction: normal;
      box-direction: normal;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      flex-direction: row;
      -ms-flex-direction: row;
      -webkit-box-lines: single;
      -moz-box-lines: single;
      box-lines: single;
      -webkit-flex-wrap: nowrap;
      -moz-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-box-align: center;
      -moz-box-align: center;
      box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -ms-flex-align: center; }

.mc-category-tree-node {
  padding-left: 20px;
  position: relative;
  height: 60px;
  width: 100%;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: transparent #e1e1e1 #e1e1e1 #e1e1e1;
  background-color: #f8f8f8;
  color: #525252;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center; }
  .mc-category-tree-node.mc-is-focused {
    background-color: #dce0ff;
    color: #6070f6;
    border-color: #e1e1e1 #2f4ac8 #e1e1e1 #2f4ac8; }
  .mc-category-tree-node.is-selected {
    background-color: #6070f6;
    color: #ffffff;
    border-color: #e1e1e1 #2f4ac8 #2f4ac8 #2f4ac8; }

.mc-is-dragging .mc-category-tree-node {
  border-width: 1px 1px 1px 1px;
  border-color: #e1e1e1 #e1e1e1 #e1e1e1 #e1e1e1;
  box-shadow: 1px 1.732px 6px 0px rgba(196, 199, 202, 0.7); }

.mc-category-tree-item {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center; }

.mc-category-tree-node-level {
  height: 100%;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0; }

.mc-category-tree-mode {
  margin: 0 20px 0 0;
  color: #cccccc;
  min-width: 22px;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center; }

.mc-category-tree-node-toggle {
  padding-right: 15px;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0; }

.mc-category-tree-node-text {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  overflow: hidden;
  white-space: nowrap;
  margin-right: 45px;
  line-height: 2; }

.mc-category-tree-node-name {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.mc-category-tree-node-count {
  padding-left: 10px;
  opacity: 0.7;
  color: inherit; }

.mc-category-tree-node-actions {
  position: absolute;
  top: 0;
  width: 60px;
  right: 0;
  height: calc(100% + 1px);
  background-color: transparent;
  padding: 0 15px 0 5px;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: reverse;
  -moz-box-direction: reverse;
  box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center; }
  .mc-category-tree-node-actions.mc-is-opened {
    width: unset;
    right: 0;
    padding: 0 5px;
    -webkit-transition: background-color 0.3s ease, opacity 0.3s 0.3s ease;
    -moz-transition: background-color 0.3s ease, opacity 0.3s 0.3s ease;
    transition: background-color 0.3s ease, opacity 0.3s 0.3s ease; }
    .mc-category-tree-node-actions.mc-is-opened .mc-category-tree-node-action-trigger {
      color: #a9aeb2; }
      .mc-category-tree-node-actions.mc-is-opened .mc-category-tree-node-action-trigger:hover {
        background-color: transparent; }
    .mc-category-tree-node-actions.mc-is-opened .mc-category-tree-node-ripple {
      -webkit-transform: translateY(-50%) scale(15);
      -moz-transform: translateY(-50%) scale(15);
      -ms-transform: translateY(-50%) scale(15);
      -o-transform: translateY(-50%) scale(15);
      transform: translateY(-50%) scale(15);
      -webkit-transition: all 0.4s ease;
      -moz-transition: all 0.4s ease;
      transition: all 0.4s ease;
      -webkit-transition: -webkit-transform 0.4s ease, opacity 0.4s;
      -moz-transition: -moz-transform 0.4s ease, opacity 0.4s;
      transition: transform 0.4s ease, opacity 0.4s;
      opacity: 1; }

.mc-category-tree-node-action {
  position: relative;
  z-index: 1;
  box-shadow: none;
  color: #ffffff;
  width: 35px;
  height: 35px;
  margin: 0 5px;
  border-radius: 50%;
  background-color: rgba(169, 174, 178, 0);
  -webkit-transition: background-color 0.3s 0s ease, opacity 0.3s 0s ease, color 0.3s 0s ease;
  -moz-transition: background-color 0.3s 0s ease, opacity 0.3s 0s ease, color 0.3s 0s ease;
  transition: background-color 0.3s 0s ease, opacity 0.3s 0s ease, color 0.3s 0s ease; }
  .mc-category-tree-node-action:hover {
    background-color: #a9aeb2; }
  .mc-category-tree-node-action.mc-is-hidden {
    opacity: 0;
    pointer-events: none; }
  .mc-category-tree-node-action.mc-is-disabled {
    cursor: not-allowed;
    opacity: 0.5; }

.mc-category-tree-node-action-trigger {
  color: inherit;
  -webkit-transition: all 0.3s 0s ease;
  -moz-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease; }
  .mc-category-tree-node-action-trigger:hover {
    background-color: rgba(169, 174, 178, 0);
    color: inherit; }

.mc-category-tree-node-ripple {
  position: absolute;
  background-color: #c4c7ca;
  border-radius: 50%;
  right: 10px;
  top: 50%;
  width: 35px;
  height: 35px;
  -webkit-transform: translateY(-50%) scale(0);
  -moz-transform: translateY(-50%) scale(0);
  -ms-transform: translateY(-50%) scale(0);
  -o-transform: translateY(-50%) scale(0);
  transform: translateY(-50%) scale(0);
  opacity: 0;
  -webkit-transition: -webkit-transform 0.4s 0.1s ease, opacity 0.4s 0.5s;
  -moz-transition: -moz-transform 0.4s 0.1s ease, opacity 0.4s 0.5s;
  transition: transform 0.4s 0.1s ease, opacity 0.4s 0.5s; }

.mc-category-tree-outside {
  cursor: auto; }

.mc-window {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column; }

.mc-window-header {
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0; }

.mc-window-body {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  overflow: auto; }
  .mc-window-body .mc-window-body-message {
    padding: 20px;
    font-size: 16px;
    text-align: center; }

.mc-window-body-scroll {
  overflow: auto; }

.mc-window-header-actions {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -moz-box-align: baseline;
  box-align: baseline;
  -webkit-align-items: baseline;
  -moz-align-items: baseline;
  -ms-align-items: baseline;
  -o-align-items: baseline;
  align-items: baseline;
  -ms-flex-align: baseline;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  margin-bottom: 30px; }
  .mc-window-header-actions > .mc-md-button {
    padding: 0 15px;
    margin: 15px 15px 0 15px; }
  .mc-window-header-actions > .mc-md-button--saveAnimation {
    width: 150px; }

.mc-cancellation-policy__file-title {
  padding-right: 20px; }

.mc-cancellation-policy__upload-file {
  margin-right: 20px; }
  .mc-cancellation-policy__upload-file i {
    padding-right: 10px; }

.mc-pagination-container {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center; }

.mc-pagination {
  width: auto;
  margin: 20px 0; }
  @media only screen and (max-width: 680px) {
    .mc-pagination {
      width: 100%; } }

.mc-pagination__item {
  float: left;
  width: 40px;
  height: 40px; }
  .mc-pagination__item:first-of-type > .mc-pagination__link {
    border-radius: 4px 0 0 4px;
    background-color: #ffffff;
    border-width: 1px; }
    .mc-pagination__item:first-of-type > .mc-pagination__link.mc-is-disabled {
      color: rgba(102, 102, 102, 0.5);
      background-color: #e1e1e1; }
  .mc-pagination__item:last-of-type > .mc-pagination__link {
    border-radius: 0 4px 4px 0;
    background-color: #ffffff; }
    .mc-pagination__item:last-of-type > .mc-pagination__link.mc-is-disabled {
      color: rgba(102, 102, 102, 0.5);
      background-color: #e1e1e1; }
  @media only screen and (max-width: 680px) {
    .mc-pagination__item {
      width: 50%; }
      .mc-pagination__item > .mc-pagination__link {
        border-width: 0 0 1px 1px; }
      .mc-pagination__item:nth-child(even) > .mc-pagination__link {
        border-width: 0 1px 1px 1px; }
      .mc-pagination__item:first-of-type > .mc-pagination__link {
        border-radius: 4px 0 0 0;
        border-width: 1px 0 1px 1px; }
      .mc-pagination__item:nth-child(2) > .mc-pagination__link {
        border-radius: 0 4px 0 0;
        border-width: 1px; }
      .mc-pagination__item:nth-last-child(2) > .mc-pagination__link {
        border-radius: 0 0 0 4px; }
      .mc-pagination__item:last-of-type > .mc-pagination__link {
        border-radius: 0 0 4px 0; } }

@media only screen and (max-width: 680px) {
  .mc-pagination--odd .mc-pagination__item:first-of-type {
    width: 100%; }
  .mc-pagination--odd .mc-pagination__item > .mc-pagination__link {
    border-width: 0 1px 1px 1px; }
  .mc-pagination--odd .mc-pagination__item:first-of-type > .mc-pagination__link {
    border-radius: 4px 4px 0 0;
    border-width: 1px; }
  .mc-pagination--odd .mc-pagination__item:nth-child(2) > .mc-pagination__link {
    border-radius: 0; }
  .mc-pagination--odd .mc-pagination__item:nth-last-child(2) > .mc-pagination__link {
    border-radius: 0 0 0 4px; }
  .mc-pagination--odd .mc-pagination__item:last-of-type > .mc-pagination__link {
    border-radius: 0 0 4px 0; }
  .mc-pagination--odd .mc-pagination__item:nth-child(even) > .mc-pagination__link {
    border-width: 0 0 1px 1px; } }

.mc-pagination__link {
  display: block;
  padding: 5px;
  text-decoration: none;
  border-radius: 0;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  border-color: #e1e1e1;
  background-color: #f8f8f8;
  color: #666666;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center; }
  @media only screen and (max-width: 680px) {
    .mc-pagination__link {
      border-width: 0 1px 1px 1px; } }
  .mc-pagination__link.mc-is-active {
    cursor: default;
    border-color: #6070f6;
    background-color: #6070f6;
    color: #ffffff; }
  .mc-pagination__link.mc-is-disabled {
    cursor: default;
    color: rgba(102, 102, 102, 0.5);
    background-color: #e1e1e1; }

.mc-pagination__label {
  display: none;
  padding: 0 10px; }
  @media only screen and (max-width: 680px) {
    .mc-pagination__label {
      display: inline; } }

.mc-order-form {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  box-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -o-align-items: stretch;
  align-items: stretch;
  -ms-flex-align: stretch;
  margin-bottom: -2em; }
  .mc-order-form .mc-segments {
    margin-top: 15px;
    line-height: 1; }
  .mc-order-form__button-loader {
    width: 95px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center; }

.mc-order-form__express-indicator {
  display: flex;
  align-items: center;
  background-color: #e5fff9;
  padding: 5px; }
  .mc-order-form__express-indicator svg {
    transform: scale(0.8); }
  .mc-order-form__express-indicator span {
    margin-left: 5px;
    color: #000000;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1; }

.mc-order-comment__textarea {
  height: 220px;
  width: 100%;
  border-radius: 2px;
  padding: 25px;
  color: #666666;
  background-color: #ffffff;
  border: solid 3px #eeeeee;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.43;
  resize: none; }
  .mc-order-comment__textarea:disabled {
    background-color: #ffffff;
    color: #666666;
    -webkit-text-fill-color: #666666; }
  @media only screen and (max-width: 970px) {
    .mc-order-comment__textarea {
      height: 450px; } }
  @media only screen and (max-width: 769px) {
    .mc-order-comment__textarea {
      height: 220px; } }

.mc-order-form__single-price,
.mc-order-form__total-price {
  white-space: nowrap; }

.mc-order-form_form-group {
  width: 33.3333%;
  padding-right: 1em;
  padding-bottom: 2em;
  font-size: 14px;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column; }
  .mc-order-form_form-group--tyre24 .mc-order-form__error-message {
    margin-top: 10px; }
    .mc-order-form_form-group--tyre24 .mc-order-form__error-message p {
      color: #ff0000; }
  @media only screen and (max-width: 1300px) {
    .mc-order-form_form-group {
      width: 50%; } }
  @media only screen and (max-width: 970px) {
    .mc-order-form_form-group {
      width: 100%; } }

.mc-order-form_form-group--half-width {
  width: 50%; }
  @media only screen and (max-width: 970px) {
    .mc-order-form_form-group--half-width {
      width: 100%; } }

.mc-order-form_form-group--full-width {
  width: 100%; }
  @media only screen and (max-width: 1300px) {
    .mc-order-form_form-group--full-width {
      width: 100%; } }

.mc-order-form_label {
  font-weight: 600;
  color: #666666;
  margin-bottom: 8px; }

.mc-order-form__content {
  line-height: 1.4em; }
  .mc-order-form__content .mc-order-form__order-placed-at {
    white-space: pre; }

.mc-order-form__content-group {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  min-height: 25px; }

.mc-order-form__content-logo {
  max-height: 25px;
  margin-right: 10px;
  height: auto;
  width: auto; }

.mc-order-form__divider {
  width: 100%;
  border: 0;
  border-bottom: solid 1px #e5e5e5;
  margin: 10px 0; }

.mc-order-form__button {
  margin-top: 15px; }

.mc-order-form__product-list {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  color: #666666; }

.mc-order-form__product-row {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  height: auto;
  padding-bottom: 20px; }
  @media only screen and (max-width: 970px) {
    .mc-order-form__product-row {
      -webkit-box-orient: vertical;
      -moz-box-orient: vertical;
      box-orient: vertical;
      -webkit-box-direction: normal;
      -moz-box-direction: normal;
      box-direction: normal;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      flex-direction: column;
      -ms-flex-direction: column;
      height: auto;
      border-bottom: solid 1px #e5e5e5; }
      .mc-order-form__product-row:last-child {
        border-bottom: none; } }

.mc-order-form__product-col {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  margin-right: 30px; }
  @media only screen and (max-width: 970px) {
    .mc-order-form__product-col {
      -webkit-box-pack: center;
      -moz-box-pack: center;
      box-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center;
      margin-right: 0;
      margin-bottom: 15px; } }
  .mc-order-form__product-col:last-child {
    margin-right: 0; }

.mc-order-form__product-image {
  width: 100px;
  margin-right: 15px; }
  @media only screen and (max-width: 970px) {
    .mc-order-form__product-image {
      width: auto;
      height: 100px;
      margin-right: 0;
      margin-bottom: 15px; } }
  .mc-order-form__product-image img {
    max-width: 100px;
    max-height: 100%;
    display: block; }

.mc-order-form__product-title {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1; }
  @media only screen and (max-width: 970px) {
    .mc-order-form__product-title {
      font-weight: 600;
      text-align: center; } }
  .mc-order-form__product-title .mc-order-form__product-symbol {
    font-size: 12px;
    text-decoration: underline;
    cursor: pointer; }
  .mc-order-form__product-title .mc-order-form__product-symbol--deleted {
    text-decoration: none;
    cursor: auto; }
  .mc-order-form__product-title .mc-order-form__product-title-column {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column; }
  .mc-order-form__product-title .mc-order-form__product-title-column-content {
    display: flex;
    align-items: center;
    gap: 10px; }
  .mc-order-form__product-title .mc-order-form__suborder-information {
    font-size: 12px;
    margin-top: 10px; }
    .mc-order-form__product-title .mc-order-form__suborder-information label {
      font-weight: bold; }
    .mc-order-form__product-title .mc-order-form__suborder-information span {
      display: flex;
      flex-direction: row;
      font-weight: normal;
      align-items: center; }
  .mc-order-form__product-title .mc-order-form__suborder-information.addons-list span {
    align-items: flex-start; }
    .mc-order-form__product-title .mc-order-form__suborder-information.addons-list span .preserve-newlines {
      white-space: pre-line; }

.mc-order-form__product-pricelist {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-align: end;
  -moz-box-align: end;
  box-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  -o-align-items: flex-end;
  align-items: flex-end;
  -ms-flex-align: end;
  color: #666666; }

.mc-order-form__price-row {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  margin-bottom: 15px; }
  @media only screen and (max-width: 970px) {
    .mc-order-form__price-row {
      width: 100%; } }

.mc-order-form__total-row {
  border-top: solid 1px #e5e5e5; }

.mc-order-form__price-row--total {
  margin-bottom: 0;
  padding-top: 15px; }

.mc-order-form__price-row--total-gross {
  margin-bottom: 0;
  padding-top: 15px;
  font-size: 16px;
  font-weight: 600; }

.mc-order-form__price-coupon:last-child {
  display: flex;
  justify-content: flex-end; }

.mc-order-form__price-col {
  width: 140px;
  text-align: right; }
  .mc-order-form__price-col:last-child {
    margin: 0 0 0 10px; }
  @media only screen and (max-width: 970px) {
    .mc-order-form__price-col {
      width: 50%; } }

@media only screen and (max-width: 970px) {
  .mc-order-form__price-title {
    text-align: left; } }

.mc-order-form__price-tax {
  margin-bottom: 10px; }

.confirmation-dialog__wrapper {
  position: relative; }

.confirmation-dialog {
  position: absolute;
  border-radius: 4px;
  padding: 15px;
  bottom: -10px;
  left: 0;
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  transform: translate(0, 100%);
  z-index: 4;
  min-width: 250px;
  background-color: #ffffff;
  font-size: 12px;
  color: #8c8c8c;
  line-height: 1.4em;
  box-shadow: 0 1px 2px 0 rgba(43, 59, 93, 0.29), 0 0 13px rgba(43, 59, 93, 0.29); }

.confirmation-dialog__header {
  font-weight: 600;
  color: #666666;
  margin-bottom: 15px; }

.confirmation-dialog__content {
  margin-bottom: 15px;
  overflow-wrap: break-word; }

.confirmation-dialog__caret {
  position: absolute;
  left: 15px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -8px;
  z-index: 5; }
  .confirmation-dialog__caret:before {
    content: '▲';
    display: block;
    font-size: 12px;
    color: white;
    -webkit-transform: scaleX(1.5) translateY(-5px);
    -moz-transform: scaleX(1.5) translateY(-5px);
    -ms-transform: scaleX(1.5) translateY(-5px);
    -o-transform: scaleX(1.5) translateY(-5px);
    transform: scaleX(1.5) translateY(-5px);
    text-shadow: rgba(0, 0, 0, 0.1) 0px -2px 4px; }

.confirmation-dialog__footer {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row; }

.confirmation-dialog__action-button {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  margin-right: 15px; }
  .confirmation-dialog__action-button:last-child {
    margin-right: 0; }

.mc-order-history {
  line-height: 1.4em;
  font-size: 12px;
  color: #666666; }

.mc-order-history__title {
  font-weight: 600;
  font-size: 12px;
  margin-bottom: 5px; }

.mc-order-history__user {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  margin-bottom: 5px; }

.mc-order-history__user-state {
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #8c8c8c;
  margin-right: 5px; }

.mc-order-history__user-state--active {
  background: #08ac4a; }

.mc-order-history__date {
  color: #8c8c8c;
  white-space: pre; }

.mc-order-shipment__header {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 10px; }
  .mc-order-shipment__header .mc-order-shipment__name {
    margin: 0 10px; }

.mc-order-shipment__label-link {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 10px; }
  .mc-order-shipment__label-link i {
    margin-right: 5px; }

.mc-order-invoices__no-invoices {
  margin: 15px 15px 20px 15px; }
  .mc-order-invoices__no-invoices p {
    padding-bottom: 15px; }

.mc-order-invoices__row-headline {
  background-color: rgba(196, 199, 202, 0.6);
  border-top: solid 1px #e1e1e1;
  border-bottom: solid 1px #e1e1e1; }

.mc-order-invoices__row {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
  padding: 15px;
  color: #666666; }
  .mc-order-invoices__row > div.invoice-cell {
    box-sizing: border-box;
    flex-grow: 1;
    width: calc(100% / 6);
    overflow: hidden;
    list-style: none;
    text-align: left;
    font-size: 14px;
    padding: 0 5px; }
    .mc-order-invoices__row > div.invoice-cell:first-of-type {
      padding-left: 0; }
    .mc-order-invoices__row > div.invoice-cell:last-of-type {
      padding-right: 0; }
  .mc-order-invoices__row > div.mc-order-invoices__invoice-created-at {
    white-space: pre; }
  .mc-order-invoices__row > div.mc-order-invoices__invoice-status {
    max-width: 150px; }
  .mc-order-invoices__row > div.mc-order-invoices__invoice-download {
    text-align: center;
    max-width: 200px; }
  .mc-order-invoices__row .mc-order-invoices__invoice-created,
  .mc-order-invoices__row .mc-order-invoices__invoice-corrected,
  .mc-order-invoices__row .mc-order-invoices__invoice-canceled {
    font-size: 13px;
    padding: 3px 12px; }
  .mc-order-invoices__row .mc-order-invoices__invoice-created {
    background-color: rgba(0, 193, 75, 0.1);
    color: #00c14b; }
  .mc-order-invoices__row .mc-order-invoices__invoice-corrected {
    background-color: rgba(0, 118, 193, 0.1);
    color: #3f97ce; }
  .mc-order-invoices__row .mc-order-invoices__invoice-canceled {
    background-color: rgba(173, 0, 0, 0.08);
    color: #d86060; }

.mc-order-invoices__invoice-last-row {
  padding-bottom: 7px; }
  .mc-order-invoices__invoice-last-row .mc-order-invoices__separator {
    display: none; }

@media only screen and (max-width: 769px) {
  .mc-order-invoices__row > div.mc-order-invoices__invoice-created-at {
    white-space: normal; } }

.mc-segments {
  position: relative; }

.mc-segments__bar {
  position: absolute;
  left: 50%;
  width: 3px;
  height: 100%;
  background-color: #e3e3e3;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%); }

.mc-segments__container {
  position: relative; }

.mc-segments__step {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row; }
  .mc-segments__step:last-child .mc-segments__bar {
    display: none; }
  .mc-segments__step:last-child .mc-segments__content {
    margin-bottom: 0; }
  .mc-segments__step.mc-done .mc-segments__dot {
    background-color: #08ac4a;
    border: none; }
  .mc-segments__step.mc-done .mc-segments__content {
    color: #555555; }
  .mc-segments__step.mc-focus .mc-segments__dot {
    background-color: #ffffff;
    border: 3px solid #666666; }
  .mc-segments__step.mc-focus .mc-segments__content {
    color: #555555; }

.mc-segments__dot-container {
  min-height: 100%;
  position: relative;
  margin-right: 10px; }

.mc-segments__dot {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #ffffff;
  border: 3px solid #e3e3e3; }

.mc-segments__content {
  margin-bottom: 20px; }

/*
---- Default stylings for tags ----
*/
.status-tag-container {
  display: flex;
  white-space: initial;
  text-overflow: initial; }

.status-tag {
  font-weight: 300;
  padding: 5px 8px;
  color: #666666;
  background-color: #eaeaea;
  border-radius: 2px;
  display: inline-block;
  line-height: 1.25; }

/*
---- Modifier classes ----
*/
.status-tag--info {
  color: #6070f6;
  background-color: #e7eafe; }

.status-tag--success {
  color: #00c14b;
  background-color: #e5f8ed; }

.status-tag--warning {
  color: #ff7b00;
  background-color: #fff1e5; }

mc-char-counter.mc-form-control {
  position: relative;
  padding: 0;
  border: 1px solid #d1d1d1;
  background-color: white;
  font-size: inherit; }
  mc-char-counter.mc-form-control input,
  mc-char-counter.mc-form-control textarea {
    display: block;
    width: 100%;
    padding: 0.4em;
    border: 0;
    padding-right: 50px;
    font-size: 1.1em;
    color: #555; }
  mc-char-counter.mc-form-control .mc-char-counter {
    position: absolute;
    right: 5px;
    bottom: 13px; }
  mc-char-counter.mc-form-control.mc-char-counter-limit-exceeded .mc-char-counter {
    color: #ff0000; }
  mc-char-counter.mc-form-control.mc-char-counter-limit-exceeded input,
  mc-char-counter.mc-form-control.mc-char-counter-limit-exceeded textarea {
    color: #ff0000; }

.mc-drawer__form-group mc-char-counter.mc-form-control {
  border: 0; }
  .mc-drawer__form-group mc-char-counter.mc-form-control input,
  .mc-drawer__form-group mc-char-counter.mc-form-control textarea {
    padding: 0.4em 50px 0.4em 0.8em; }
  .mc-drawer__form-group mc-char-counter.mc-form-control textarea {
    padding-top: 0.6em;
    padding-bottom: 0.6em;
    height: 175px; }

.wysiwyg-editor-area b {
  font-weight: bold; }

.wysiwyg-editor-area i {
  font-style: italic; }

.wysiwyg-editor-area strike {
  text-decoration: line-through; }

.wysiwyg-editor-area ol {
  list-style-type: circle; }

.wysiwyg-editor-area ul {
  list-style-type: decimal; }

.wysiwyg-editor-area li {
  margin-left: 15px; }

.ai-dialog__backdrop {
  background-color: rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5000; }

.ai-dialog__loader {
  --border-angle: 0deg;
  border: 0.2rem solid transparent !important;
  background: linear-gradient(white, white) padding-box, conic-gradient(from var(--border-angle), #ff9933, #ff9933, #9966ff, #3399ff, #3399ff, #3399ff, #ff3399) border-box;
  animation: rotate-border 1s linear infinite; }

.ai-dialog__cost-warning-backdrop {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.1); }

.ai-dialog__cost-warning-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px;
  z-index: 3;
  background-color: white;
  width: 500px;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.15);
  border: 1px solid #ced4da; }

.ai-dialog__cost-warning-checkbox-container {
  margin-top: 5px;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  gap: 5px; }

.ai-dialog__cost-warning-actions {
  display: flex;
  gap: 10px;
  width: 100%; }
  .ai-dialog__cost-warning-actions button {
    width: 100%; }

.ai-dialog__container {
  position: absolute;
  bottom: 20px;
  left: 20px;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.15);
  background-color: white;
  display: flex;
  flex-direction: column;
  padding: 20px;
  z-index: 2;
  width: 96%;
  row-gap: 20px;
  border: 1px solid #ced4da; }
  .ai-dialog__container .fr-toolbar.fr-top {
    display: none !important; }
  .ai-dialog__container .froala-box,
  .ai-dialog__container .fr-wrapper {
    border: none !important;
    box-shadow: none !important;
    border: 1px solid #ced4da !important; }
  .ai-dialog__container .fr-box {
    border: none !important; }

.ai-dialog__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  font-weight: 600;
  font-size: 15px; }
  .ai-dialog__header-close {
    cursor: pointer; }

.ai-dialog__body {
  display: flex;
  flex-direction: column;
  gap: 12px; }
  .ai-dialog__body-label {
    font-size: 14px;
    margin-bottom: 4px; }

.ai-dialog__prompt {
  display: flex;
  gap: 10px;
  align-items: center; }
  .ai-dialog__prompt-container {
    width: 100%; }

.ai-dialog__refinement {
  display: flex;
  flex-direction: column;
  gap: 10px; }

.ai-dialog__actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px; }

.ai-dialog__text {
  line-height: 1.5;
  margin-bottom: 15px; }

.fr-fullscreen .ai-dialog__backdrop {
  z-index: 15000 !important;
  position: fixed !important;
  width: 100vw !important;
  height: 100vh !important; }

.fr-fullscreen .select2-container.open,
.fr-fullscreen .ui-select-bootstrap.open {
  z-index: 9999999999 !important; }

[custom-dropdown='ai'] .select2-results .select2-result-label {
  padding: 10px 0px !important; }

@property --border-angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false; }

@keyframes rotate-border {
  from {
    --border-angle: 0deg; }
  to {
    --border-angle: 360deg; } }

.field--remark {
  margin-top: 0.5rem;
  font-size: 0.75rem; }

.mc-variants-actions {
  padding: 1.1em;
  color: #666666;
  position: relative;
  border-top: 1px solid #e1e1e1;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .mc-variants-actions.mc-is-disabled {
    color: #b6b6b6; }

.mc-variant-options__flex {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1; }

.mc-variant-essentials-parent {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  color: #aaaaaa;
  margin-bottom: 30px;
  padding: 1.4em 1.4em 0 1.4em; }

.mc-variant-essentials-parent-img {
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
  width: 60px;
  height: 60px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-size: cover;
  background-color: #f2f2f2; }

.mc-variant-essentials-parent-info {
  padding: 5px 0;
  margin-left: 15px;
  overflow: hidden;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0;
  -webkit-flex-shrink: 1;
  -moz-flex-shrink: 1;
  flex-shrink: 1;
  -ms-flex-negative: 1;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify; }

.mc-variant-essentials-parent-name {
  font-size: 14px;
  color: #666666;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.mc-variant-essentials-parent-link {
  color: #6070f6;
  text-decoration: none; }
  .mc-variant-essentials-parent-link:hover {
    color: #6070f6;
    text-decoration: underline; }

.mc-variant-essentials {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  width: 100%; }

.mc-variant-essentials-variants-headline {
  margin-bottom: 15px;
  padding: 0 1.4em;
  font-size: 14px;
  font-weight: 600; }

.mc-variant-essentials-variants {
  overflow-y: auto; }

.mc-variant-essentials-variants-variant {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  color: #aaaaaa;
  padding: 0.8em 1.4em; }
  .mc-variant-essentials-variants-variant:hover {
    background-color: #f1f1f1; }
  .mc-variant-essentials-variants-variant.mc-is-active {
    background-color: #6070f6;
    color: rgba(255, 255, 255, 0.7); }
    .mc-variant-essentials-variants-variant.mc-is-active .mc-variant-essentials-option {
      color: #ffffff; }

.mc-variant-essentials-variant-img {
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
  width: 35px;
  height: 35px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-size: cover;
  background-color: #f2f2f2; }

.mc-variant-essentials-variant-info {
  margin-left: 15px;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0;
  -webkit-flex-shrink: 1;
  -moz-flex-shrink: 1;
  flex-shrink: 1;
  -ms-flex-negative: 1;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify; }

.mc-variant-essentials-variant-options {
  margin-bottom: 5px;
  line-height: 1.2; }

.mc-variant-essentials-option {
  color: #666666; }
  .mc-variant-essentials-option + .mc-variant-essentials-option:before {
    display: inline-block;
    content: '•'; }

.mc-variant-essentials-stock,
.mc-variant-essentials-price {
  font-size: 11px; }

.mc-variant-essentials-stock {
  margin-right: 10px; }

.mc-variant-options-editor-dialog {
  bottom: auto;
  top: 0;
  right: 0;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0); }

.mc-widget__chart {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0; }

.mc-widget__chart-header {
  height: 50px;
  padding: 0 20px;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-align-content: center;
  -moz-align-content: center;
  align-content: center;
  -ms-flex-line-pack: center;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0; }

.mc-widget__chart-headline {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  font-size: 14px;
  color: #3a3a3a;
  line-height: 50px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.mc-widget__chart-count {
  display: inline-block;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0; }

.mc-widget__chart-counter {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  font-size: 14px;
  border-radius: 15px;
  height: 30px;
  padding: 0 12px;
  background-color: rgba(74, 144, 226, 0.1);
  color: #4a90e2; }

.mc-widget__chart-body {
  position: relative;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  overflow: hidden; }
  .mc-widget__chart-body canvas {
    position: relative; }

.md-visually-hidden {
  visibility: hidden;
  display: none; }

md-autocomplete {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row; }
  md-autocomplete input {
    font-size: 12px;
    color: #464646;
    border: 1px solid #d1d1d1;
    background-color: #fff;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-appearance: none; }
    md-autocomplete input:focus {
      border: 1px solid #6070f6;
      background-color: #f4f5ff;
      color: #525252;
      outline-offset: 0;
      outline: none; }
      md-autocomplete input:focus .mc-icon {
        background-color: #525252; }
    md-autocomplete input::-webkit-search-cancel-button {
      display: none; }
  md-autocomplete button {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background: none;
    border: 0; }
    md-autocomplete button:hover md-icon {
      fill: #3a3a3a; }
    md-autocomplete button md-icon {
      margin: auto;
      background-repeat: no-repeat no-repeat;
      display: inline-block;
      vertical-align: middle;
      fill: #8c8c8c;
      height: 20px;
      width: 20px;
      min-height: 20px;
      min-width: 20px; }
    md-autocomplete button .md-visually-hidden {
      display: none; }

md-autocomplete-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1; }

.md-autocomplete-suggestions-container {
  position: absolute;
  z-index: 500;
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.1);
  background-color: #ffffff; }

.mc-autocomplete__dropdown {
  color: #858585; }
  .mc-autocomplete__dropdown li {
    position: relative;
    padding: 8px;
    word-wrap: break-word;
    line-height: 1.5; }
    .mc-autocomplete__dropdown li:hover md-autocomplete-parent-scope {
      background-color: #f5f5f5; }
    .mc-autocomplete__dropdown li:hover .mc-autocomplete__dropdown-add {
      background-color: rgba(8, 172, 74, 0.1); }
  .mc-autocomplete__dropdown md-autocomplete-parent-scope {
    display: block;
    border-radius: 2px;
    padding: 8px; }

.mc-autocomplete__dropdown-add {
  display: block;
  border-radius: 2px;
  padding: 8px;
  width: 100%;
  color: #08ac4a;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center; }

.mc-autocomplete__dropdown-icon {
  margin-right: 5px; }

.variant-option-editor__option-input aria-status {
  display: none; }

.md-visually-hidden {
  visibility: hidden;
  display: none; }

.md-chips__chips-container md-chips-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  color: #464646;
  border: 1px solid #d1d1d1;
  background-color: #fff; }
  .md-chips__chips-container md-chips-wrap .md-chip-input-container {
    flex-grow: 1; }
  .md-chips__chips-container md-chips-wrap md-autocomplete {
    display: flex;
    flex-direction: row; }
    .md-chips__chips-container md-chips-wrap md-autocomplete input {
      font-size: 12px;
      color: #464646;
      border: none !important;
      background: none !important;
      height: 38px !important;
      line-height: 40px;
      padding: 0 0 0 10px;
      -webkit-appearance: none; }
      .md-chips__chips-container md-chips-wrap md-autocomplete input:focus {
        border: none;
        background: none;
        color: #525252;
        outline-offset: 0;
        outline: none; }
        .md-chips__chips-container md-chips-wrap md-autocomplete input:focus .mc-icon {
          background-color: #525252; }
      .md-chips__chips-container md-chips-wrap md-autocomplete input::-webkit-search-cancel-button {
        display: none; }
    .md-chips__chips-container md-chips-wrap md-autocomplete button {
      position: relative;
      right: 0%;
      top: 0%;
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none;
      background: none;
      border: 0; }
      .md-chips__chips-container md-chips-wrap md-autocomplete button:hover md-icon {
        fill: #3a3a3a; }
      .md-chips__chips-container md-chips-wrap md-autocomplete button md-icon {
        margin: auto;
        background-repeat: no-repeat no-repeat;
        display: inline-block;
        vertical-align: middle;
        fill: #8c8c8c;
        height: 20px;
        width: 20px;
        min-height: 20px;
        min-width: 20px; }
      .md-chips__chips-container md-chips-wrap md-autocomplete button .md-visually-hidden {
        display: none; }

md-chip {
  display: flex;
  height: auto;
  flex-direction: row;
  padding: 0 0 0 5px;
  border-radius: 2px;
  background-image: none;
  background-color: #fff;
  border: 1px solid #d3d3d3;
  color: #525252;
  margin: 3px;
  max-width: 98%;
  width: auto; }
  md-chip .md-chip-content {
    flex-grow: 1;
    width: 100%; }
  md-chip .md-chips__chip-template {
    display: flex;
    align-content: center;
    width: 100%;
    height: 100%; }
  md-chip .mc-chip_text {
    vertical-align: middle;
    padding: 8px 3px 8px 3px;
    overflow-wrap: break-word;
    word-break: break-word;
    line-height: 16px; }
  md-chip button {
    width: 18px;
    height: 100%;
    vertical-align: middle;
    background: none;
    border: none;
    padding: 0 3px;
    background-color: #ededed;
    color: #939393; }

md-chip.dropping {
  position: relative; }

md-chip.dropping:before {
  content: '↓';
  position: absolute;
  top: -20px; }

md-chip.dropping--before:before {
  left: -9px; }

md-chip.dropping--after:before {
  right: -9px; }

mc-product-thumbnail {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center; }

.mc-product__product-thumbnail-container {
  width: 50px;
  height: 50px;
  overflow: hidden;
  background-color: #f0f0f0;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center; }
  .mc-product__product-thumbnail-container .mc-icon {
    color: #bfbfbf; }

.mc-product__product-thumbnail {
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

@media only screen and (max-width: 640px) {
  .mc-product__product-thumbnail-container {
    width: 30px;
    height: 30px; } }

.mc-theming-editor {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  height: 100vh;
  margin-top: 60.5px; }

.mc-theming-editor__aside--save-button {
  display: flex;
  justify-content: flex-end;
  position: sticky;
  top: 0;
  background: #ffffff;
  margin: 0;
  padding: 15px 15px 15px 0;
  z-index: 998; }
  .mc-theming-editor__aside--save-button .mc-md-button {
    width: 150px; }

.mc-theming-editor-header__left {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1; }

.mc-theming-editor-header__right {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1; }

.mc-theming-editor__body {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  min-height: 0; }

.mc-theming-editor__body-main {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  height: calc(100% - 60px); }

.mc-theming-editor__body-aside {
  position: relative;
  z-index: 1;
  width: 400px;
  color: #222222;
  background-color: #ffffff;
  box-shadow: 0 64px 64px 0 rgba(121, 121, 121, 0.1), 0 32px 32px 0 rgba(121, 121, 121, 0.1), 0 16px 16px 0 rgba(93, 91, 118, 0.1), 0 8px 8px 0 rgba(93, 91, 118, 0.1), 0 4px 4px 0 rgba(93, 91, 118, 0.1), 0 2px 2px 0 rgba(93, 91, 118, 0.1);
  overflow-y: auto;
  margin-bottom: 50px;
  top: -1px; }

.mc-theming-editor__button {
  border: 0;
  background-color: #4a90e2;
  color: #ffffff;
  font-size: 14px;
  height: 40px;
  padding: 0 30px;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 400;
  min-width: 150px; }
  .mc-theming-editor__button:hover {
    background-color: #5395e3; }
  .mc-theming-editor__button + .mc-theming-editor__button {
    margin-left: 10px; }
  .mc-theming-editor__button--positive {
    background-color: #00c14a; }
    .mc-theming-editor__button--positive:hover {
      background-color: #00cb4e; }

/***** Checkbox default styling *****/
.mc-theming-editor__checkbox-container {
  margin: 0 20px;
  position: relative; }

.mc-theming-editor__checkbox {
  position: absolute;
  left: -1000em;
  opacity: 0; }

.mc-theming-editor__checkbox ~ .label-outside:before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #dce0e9;
  background-color: #ffffff;
  border-radius: 3px;
  vertical-align: bottom;
  position: relative;
  margin-right: 10px;
  cursor: pointer;
  transition: background-color 0.3s ease; }

.mc-theming-editor__checkbox ~ .mc-icon {
  display: none;
  color: #4a90e2;
  position: absolute;
  font-size: 12px;
  line-height: 22px;
  padding: 0 4px;
  z-index: 1;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.15s ease; }

/***** Checkbox checked *****/
.mc-theming-editor__checkbox:checked ~ .label-outside:before {
  border: 2px solid #4a90e2; }

.mc-theming-editor__checkbox:checked ~ .mc-icon {
  display: block;
  opacity: 1; }

/***** Checkbox disabled *****/
.mc-theming-editor__checkbox:disabled ~ .label-outside:before {
  background-color: #f4f4f4;
  border: 2px solid #ebebeb;
  cursor: default; }

/***** Checkbox checked & disabled *****/
.mc-theming-editor__checkbox:checked:disabled ~ .label-outside:before {
  border: 2px solid #c1c1c1;
  cursor: default; }

.mc-theming-editor__checkbox:checked:disabled ~ .mc-icon {
  color: #f4f4f4; }

/***** Checkbox label *****/
.label-outside {
  line-height: 22px;
  font-size: 14px;
  font-weight: 400;
  color: #6d6d6d; }

/***** Checkbox disabled label *****/
.mc-theming-editor__checkbox:disabled ~ .label-outside {
  color: #a3a3a3;
  pointer-events: none; }

.mc-theming-editor__aside-headline {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 20px;
  margin: 30px 30px 20px 30px;
  display: flex;
  align-items: center; }

mc-frontend-editor-theme-switcher {
  display: block;
  margin: 0 30px 30px 30px; }

.mc-theming-editor__themes-container {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column; }

.mc-theming-editor__theme-container {
  font-size: 14px;
  width: 100%;
  height: 250px;
  border: 2px solid #cecece;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column; }
  .mc-theming-editor__theme-container + .mc-theming-editor__theme-container {
    margin-top: 20px; }
  .mc-theming-editor__theme-container .mc-theming-editor__button {
    opacity: 0;
    -webkit-transition: opacity 250ms ease;
    -moz-transition: opacity 250ms ease;
    transition: opacity 250ms ease; }
  .mc-theming-editor__theme-container:hover .mc-theming-editor__button {
    opacity: 1; }
    .mc-theming-editor__theme-container:hover .mc-theming-editor__button.disabled, .mc-theming-editor__theme-container:hover .mc-theming-editor__button:disabled {
      cursor: not-allowed;
      opacity: 0.5; }

.mc-theming-editor__theme--active {
  border: 2px solid #4a90e2; }
  .mc-theming-editor__theme--active .mc-theming-editor__button {
    display: none; }
  .mc-theming-editor__theme--active .mc-theming-editor__theme-check {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex; }

.mc-theming-editor__theme-setting {
  cursor: pointer;
  margin: 5px 10px 0 0; }

.mc-theming-editor__theme-check {
  background-color: #4a90e2;
  border-radius: 50%;
  width: 27px;
  height: 27px;
  color: #ffffff;
  display: none;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center; }
  .mc-theming-editor__theme-check .mc-icon {
    font-size: 12px;
    font-weight: bold; }

.mc-theming-editor__theme-image {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat; }

.mc-theming-editor__theme-footer {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  height: 70px;
  padding: 0 10px; }

.mc-theming-editor__theme-name {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  margin-left: 10px; }
  .mc-theming-editor__theme-name b {
    font-weight: 600; }

.mc-theme-settings__headline {
  font-size: 16px;
  font-weight: 400;
  margin: 30px 30px 20px 30px;
  display: flex;
  align-items: center;
  color: #6070f6; }
  .mc-theme-settings__headline .label {
    margin-left: 8px; }

.mc-theme-settings__content {
  margin: 0 30px 20px; }

.mc-theme-settings__content-title {
  font-size: 16px;
  font-weight: 600;
  color: black;
  height: 60px;
  line-height: 60px; }

.mc-theme-settings__category {
  height: 60px;
  font-size: 14px;
  padding: 0 30px;
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #666666; }
  .mc-theme-settings__category:hover {
    background-color: rgba(96, 112, 246, 0.1); }
  .mc-theme-settings__category .mc-icon {
    font-size: 20px; }

.mc-theme-settings__category-name {
  font-size: 14px;
  font-weight: normal;
  margin-left: 16px; }

.mc-theme-settings__setting {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 20px 0; }
  .mc-theme-settings__setting .mc-radio-label {
    position: relative; }
    .mc-theme-settings__setting .mc-radio-label:before {
      margin: 0; }
    .mc-theme-settings__setting .mc-radio-label:after {
      top: 6px; }
  .mc-theme-settings__setting .color-palette {
    display: inline-flex;
    gap: 12px;
    position: relative; }
    .mc-theme-settings__setting .color-palette .color {
      width: 16px;
      height: 16px;
      border-radius: 50%;
      background: #ffffff;
      position: relative;
      z-index: 2; }
    .mc-theme-settings__setting .color-palette .color-connector {
      position: absolute;
      width: 100%;
      height: 1px;
      background: #eff0f4;
      top: 50%; }
  .mc-theme-settings__setting__sub-setting {
    padding: 0 0 20px 30px; }
  .mc-theme-settings__setting__description {
    width: 100%;
    color: #666666;
    padding: 5px 50px 0 0;
    font-weight: 300; }
  .mc-theme-settings__setting__checkbox-label {
    color: #666666;
    font-size: 14px;
    font-weight: normal;
    min-width: 110px; }

.mc-theme-settings__radio-label {
  color: #666666;
  font-size: 14px;
  font-weight: normal;
  min-width: 70px;
  text-transform: capitalize; }

.mc-widget__help-support-list {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column; }

.mc-widget__help-support-list-item {
  min-height: 80px;
  padding: 10px 0;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center; }
  .mc-widget__help-support-list-item:last-of-type {
    padding-bottom: 30px; }

.mc-widget__help-support-list-icon {
  width: 80px;
  color: #b6b6b6;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center; }

.mc-widget__help-support-list-meta {
  font-size: 14px;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1; }

.mc-widget__help-support-list-headline {
  color: #3a3a3a;
  font-weight: 400;
  margin-bottom: 5px; }

.mc-widget__help-support-list-description {
  color: #666666;
  font-weight: 200;
  line-height: 1.4; }

.mc-widget__help-support-list-action {
  width: 40px;
  margin: 0 15px;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0; }

.mc-widget__help-support-list-dismiss {
  width: 40px;
  height: 40px;
  color: #b6b6b6;
  text-align: center;
  margin-right: 15px;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center; }

mc-media-upload-placeholder {
  width: 100%;
  height: 400px; }

.mc-media-upload-placeholder__container {
  width: 100%;
  height: 400px; }

.mc-media-upload-placeholder__drop-zone {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: reverse;
  -moz-box-direction: reverse;
  box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -moz-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  position: relative;
  width: 100%;
  height: 400px; }

.mc-media-upload-placeholder__drop-zone-inner {
  margin: auto;
  width: 234px;
  text-align: center; }
  .mc-media-upload-placeholder__drop-zone-inner .drop-zone-inner__image {
    margin-bottom: 10px; }
  .mc-media-upload-placeholder__drop-zone-inner .drop-zone-inner__caption {
    margin-bottom: 40px; }

.mc-media-upload-placeholder__preview {
  position: relative;
  width: 100%;
  height: 400px;
  background-image: linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef), linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef);
  background-position: 0 0, 10px 10px;
  background-size: 21px 21px;
  background-color: #ffffff; }

.mc-media-upload-placeholder__preview video {
  width: 100%;
  height: 100%; }

.mc-media-upload-placeholder__drop-over {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: reverse;
  -moz-box-direction: reverse;
  box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -moz-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  position: relative;
  width: 100%;
  height: 400px;
  background-color: #d0d5ff; }

.mc-media-upload-placeholder__drop-over-inner {
  margin: auto;
  width: 234px;
  text-align: center;
  color: #97a2fb;
  font-size: 14px; }
  .mc-media-upload-placeholder__drop-over-inner .mc-icon {
    color: #6070f6; }

.mc-media-upload-placeholder__drop-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.mc-media-upload-placeholder__preview-image {
  width: 100%;
  height: 400px;
  display: flex;
  justify-content: center; }
  .mc-media-upload-placeholder__preview-image-wrapper {
    display: flex;
    justify-content: center;
    align-items: center; }
  .mc-media-upload-placeholder__preview-image img {
    object-fit: contain;
    max-width: 100%;
    max-height: 100%; }

.mc-media-upload-placeholder__preview-video {
  width: 100%;
  height: 400px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.mc-media-upload-placeholder__remove-button {
  position: absolute;
  right: 20px;
  bottom: 20px;
  padding: 2px 1px 0; }

.mc-media-upload-favicon {
  max-width: 300px; }
  .mc-media-upload-favicon mc-media-upload-placeholder,
  .mc-media-upload-favicon .mc-media-upload-placeholder__container,
  .mc-media-upload-favicon .mc-media-upload-placeholder__drop-zone,
  .mc-media-upload-favicon .mc-media-upload-placeholder__preview,
  .mc-media-upload-favicon .mc-media-upload-placeholder__drop-over,
  .mc-media-upload-favicon .mc-media-upload-placeholder__preview-image {
    height: 300px; }
  .mc-media-upload-favicon .mc-media-upload-placeholder__drop-zone-inner,
  .mc-media-upload-favicon .mc-media-upload-placeholder__drop-over-inner {
    width: 200px; }
  .mc-media-upload-favicon .mc-media-upload-placeholder__drop-zone-inner .drop-zone-inner__image {
    width: 200px; }
  .mc-media-upload-favicon .mc-media-upload-placeholder__drop-zone-inner .drop-zone-inner__caption {
    margin-bottom: 20px; }
  .mc-media-upload-favicon .mc-media-upload-placeholder__preview-image img {
    width: 32px;
    height: 32px;
    margin: auto; }

.getting-started {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.getting-started__backdrop {
  background-color: #000;
  opacity: 0.9;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 600; }

.getting-started__wrap {
  margin: auto 0;
  left: 0;
  width: 100%;
  color: #fff;
  z-index: 601; }

.getting-started__head {
  text-align: center;
  margin-bottom: 50px; }
  .getting-started__head .getting-started-head__title {
    font-size: 30px;
    line-height: 45px;
    font-weight: 500; }
  .getting-started__head .getting-started-head__caption {
    font-size: 18px;
    line-height: 30px;
    font-weight: 200; }
  .getting-started__head .getting-started-head__logo {
    font-size: 40px;
    line-height: 50px; }

.getting-started__tour-links {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center; }

.getting-started__tour-link {
  background-color: #fff;
  padding: 40px;
  margin: 0 10px;
  border-radius: 5px;
  text-align: center;
  width: 400px; }
  .getting-started__tour-link .tour-link__description {
    font-size: 16px;
    color: #000;
    margin-top: 40px; }
  .getting-started__tour-link .tour-link__circle {
    height: 225px;
    width: 225px;
    margin: auto;
    border-radius: 50%; }
    .getting-started__tour-link .tour-link__circle.tour-link__circle--red {
      background-color: #ffcf94; }
    .getting-started__tour-link .tour-link__circle.tour-link__circle--green {
      background-color: #a9ffd2; }
    .getting-started__tour-link .tour-link__circle.tour-link__circle--blue {
      background-color: #9df5ff; }

.getting-started__tour-link--ended {
  opacity: 0.6; }

.getting-started__skip {
  margin-top: 50px;
  text-align: center; }
  .getting-started__skip a {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-decoration: underline; }

.getting-started-tour {
  position: absolute;
  color: #fff;
  width: 400px;
  z-index: 1100;
  padding: 10px; }

.getting-started-tour__title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 10px; }

.getting-started-tour__content {
  font-weight: 200;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 25px; }

.getting-started-tour__navigation button[data-role='end'] {
  color: #fff;
  border: 0;
  background-color: transparent;
  border-radius: 0;
  font-weight: bold;
  text-decoration: underline;
  font-size: 14px; }

.getting-started-tour__button {
  border-radius: 2px;
  color: #000;
  padding: 10px 20px;
  font-weight: 600;
  margin-right: 10px; }

.tour-backdrop {
  opacity: 0.9; }

.tour-tour-element {
  box-shadow: inset 0 0 0 3px #5f6ff6; }

.popover-title {
  background-color: transparent;
  border-radius: 0;
  border: 0;
  padding: 0; }

.popover-content {
  padding: 0; }

.popover {
  background-color: transparent;
  border-radius: 0;
  border: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  font-family: 'Open Sans', sans-serif;
  max-width: none; }

.btn-default {
  font-family: 'Open Sans', sans-serif;
  font-size: 11px; }

.popover[class*="tour-"] .popover-navigation {
  padding: 0; }

.shipment-configuration__mode {
  margin-top: 20px; }

.shipment-configuration__errors {
  margin-bottom: 20px; }
  .shipment-configuration__errors div {
    color: #f00; }

.shipment-configuration__connect {
  min-width: 140px; }

.shipment-configuration__disconnect {
  min-width: 140px;
  background-color: #8898aa; }
  .shipment-configuration__disconnect.hover {
    background-color: #8898aa; }

.shipment-configuration__success {
  color: #08ac4a;
  margin-bottom: 20px;
  font-size: 14px;
  padding: 0 5px; }

.shipment-configuration__success-text {
  margin-left: 10px; }

.shipment-configuration__info {
  margin: 20px 0 0; }

.ngdialog.ngdialog-theme-default.ngdialog-theme__shipment-products .ngdialog-content {
  width: 600px; }

.mc-shipment-products {
  position: relative;
  width: 100%;
  border: 3px solid transparent;
  font-size: 14px; }
  .mc-shipment-products tr:hover td {
    background-color: #f0f0f0; }
  .mc-shipment-products th {
    color: #666666; }
  .mc-shipment-products td {
    cursor: pointer; }
  .mc-shipment-products th,
  .mc-shipment-products td {
    padding: 16px 10px;
    border-bottom: 1px solid #d1d1d1; }

.mc-shipment-products__name {
  font-weight: bold; }

.product-import-upload-success {
  color: #666666; }
  .product-import-upload-success mc-product-import-select-shop-system {
    margin-bottom: 20px;
    display: block; }
  .product-import-upload-success .product-import-upload-success-summary {
    border: 1px solid #e1e1e1; }
  .product-import-upload-success hr {
    border: 0;
    border-top: 1px solid #e1e1e1;
    display: block;
    height: 1px;
    margin: 20px 0;
    padding: 0; }
  .product-import-upload-success p {
    font-size: 13px;
    font-weight: 300;
    margin-bottom: 8px; }
    .product-import-upload-success p strong {
      font-weight: bold; }
    .product-import-upload-success p:last-of-type {
      margin-bottom: 0;
      padding-right: 15px; }
  .product-import-upload-success .mc-row:after {
    clear: both;
    content: '';
    display: table; }
  .product-import-upload-success .mc-column {
    float: left;
    font-size: 14px;
    padding: 10px;
    position: relative;
    width: 50%; }
    .product-import-upload-success .mc-column .ellipsis {
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .product-import-upload-success .mc-column:nth-child(odd) {
      font-weight: bold;
      border-right: 1px solid #e1e1e1; }
    .product-import-upload-success .mc-column img {
      height: 40px;
      position: absolute;
      top: 0;
      width: 40px; }
    .product-import-upload-success .mc-column i {
      position: absolute;
      top: 6px;
      font-size: 20px;
      left: 11px; }
    .product-import-upload-success .mc-column .mc-icon-product {
      top: 8px; }
  .product-import-upload-success .database-option {
    border: 1px solid #e1e1e1;
    cursor: pointer;
    margin-bottom: 10px;
    padding: 15px;
    position: relative; }
    .product-import-upload-success .database-option i {
      position: absolute;
      right: 15px;
      top: 50%; }
  .product-import-upload-success__file-to-upload {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row; }
    .product-import-upload-success__file-to-upload div.mc-file {
      margin-right: 10px;
      align-self: center; }
    .product-import-upload-success__file-to-upload--fileinfo {
      display: flex;
      flex-direction: column;
      flex-grow: 1; }
    .product-import-upload-success__file-to-upload--name {
      color: #666666; }
    .product-import-upload-success__file-to-upload--size {
      color: #111111; }
    .product-import-upload-success__file-to-upload--remove {
      margin-left: 8px;
      margin-right: 5px;
      align-self: center; }
      .product-import-upload-success__file-to-upload--remove .mc-icon::before {
        color: #d0021b; }
  .product-import-upload-success__select-upload-type {
    padding: 6px 0 20px 0; }
  .product-import-upload-success__error-container {
    margin-bottom: 20px; }
  .product-import-upload-success__error {
    padding: 8px;
    background-color: #d0021b;
    color: #ffffff;
    border-radius: 3px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center; }
    .product-import-upload-success__error .mc-icon {
      margin-right: 8px; }
      .product-import-upload-success__error .mc-icon:before {
        color: #ffffff; }

mc-product-import-upload button.mc-md-button {
  padding: 0;
  width: 100%; }

mc-product-import-upload .mc-product-import-upload__error-container {
  margin-bottom: 20px; }

mc-product-import-upload .mc-product-import-upload__error {
  padding: 8px;
  background-color: #d0021b;
  color: #ffffff;
  border-radius: 3px;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center; }
  mc-product-import-upload .mc-product-import-upload__error .mc-icon {
    margin-right: 8px; }
    mc-product-import-upload .mc-product-import-upload__error .mc-icon:before {
      color: #ffffff; }

mc-product-import-upload .mc-product-import-upload__shop-system {
  margin-bottom: 20px; }

mc-product-import-upload .mc-product-import-upload__shop-system-select .select2-chosen .mc-icon,
mc-product-import-upload .mc-product-import-upload__shop-system-select .select2-result-label .mc-icon {
  margin-right: 10px;
  float: left;
  line-height: 38px; }

mc-product-import-upload .mc-product-import-upload__info-first {
  margin-bottom: 18px; }

mc-product-import-upload .mc-product-import-upload__dropzone {
  background-image: url("/admin/images/upload-placeholder.png?v=2");
  background-repeat: no-repeat;
  background-position: center center;
  height: 275px;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: end;
  -moz-box-align: end;
  box-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  -o-align-items: flex-end;
  align-items: flex-end;
  -ms-flex-align: end;
  margin: 5px 0 20px 0;
  position: relative; }
  mc-product-import-upload .mc-product-import-upload__dropzone p {
    bottom: 20px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center; }
  mc-product-import-upload .mc-product-import-upload__dropzone mc-dropzone-ui {
    align-items: center;
    background: #d0d5ff;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0; }
    mc-product-import-upload .mc-product-import-upload__dropzone mc-dropzone-ui span {
      color: rgba(96, 112, 246, 0.5);
      font-size: 16px; }
    mc-product-import-upload .mc-product-import-upload__dropzone mc-dropzone-ui i {
      color: #6070f6;
      font-size: 16px;
      padding: 0 10px 3px 0; }

mc-product-import-upload .mc-product-import-upload__upload-placeholder {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 300px;
  justify-content: center;
  margin: 15px 0 20px 0;
  width: 100%; }
  mc-product-import-upload .mc-product-import-upload__upload-placeholder .mc-file {
    align-items: center;
    display: flex;
    height: 70px;
    justify-content: center;
    margin-bottom: 40px;
    width: 70px; }
    mc-product-import-upload .mc-product-import-upload__upload-placeholder .mc-file .mc-file-type {
      font-size: 18px;
      z-index: 1; }
  mc-product-import-upload .mc-product-import-upload__upload-placeholder > span:first-child {
    color: #666666; }
  mc-product-import-upload .mc-product-import-upload__upload-placeholder > span:last-child {
    color: #111111; }

mc-product-import-upload .mc-md-button__progressbar {
  background: rgba(0, 0, 0, 0.1);
  height: 40px;
  position: absolute; }

mc-product-import-upload .circle {
  background: #d0021b;
  align-items: center;
  border-radius: 50%;
  display: flex;
  height: 35px;
  justify-content: center;
  position: relative;
  width: 35px; }
  mc-product-import-upload .circle i {
    color: white;
    font-size: 16px; }

mc-product-import-upload .mc-row {
  margin-bottom: 20px;
  padding: 0 15px; }
  mc-product-import-upload .mc-row:after {
    clear: both;
    content: '';
    display: table; }
  mc-product-import-upload .mc-row .mc-column {
    float: left;
    width: 75%; }
    mc-product-import-upload .mc-row .mc-column:nth-of-type(odd) {
      width: 25%; }
  mc-product-import-upload .mc-row .state-column p:first-child {
    color: black;
    font-weight: bold; }

@keyframes glowing {
  from {
    background-color: #e3e3e3; }
  25% {
    background-color: #535353; }
  50% {
    background-color: #8d8d8d; }
  75% {
    background-color: #bcbcbc; }
  to {
    background-color: #e3e3e3; } }

.industry-update-loader .animation,
.product-import-loader .animation {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }
  .industry-update-loader .animation .dot,
  .product-import-loader .animation .dot {
    width: 12px;
    height: 12px;
    background-color: #e3e3e3;
    border-radius: 50%;
    margin: 0px 14px;
    animation: glowing 1.3s ease infinite; }
  .industry-update-loader .animation .dot--second,
  .product-import-loader .animation .dot--second {
    animation-delay: 200ms; }
  .industry-update-loader .animation .dot--third,
  .product-import-loader .animation .dot--third {
    animation-delay: 400ms; }
  .industry-update-loader .animation .dot--last,
  .product-import-loader .animation .dot--last {
    animation-delay: 600ms; }
  .industry-update-loader .animation .server-img,
  .product-import-loader .animation .server-img {
    width: 43px;
    height: 43px;
    margin-left: 15px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAArCAYAAAGWWkFWAAAABGdBTUEAALGPC/xhBQAAAftJREFUWAntWQuSgyAMxZ1OT2Hv272Pnxu5x6B5VFjBoCBhtu7IjEVCeMT8+FQppe706OCZmpmgtEafX57UDEesuZZjdNu2hOQXMEw+Seuu67SbfAlxI85l27yznCsuEBpMFPZ8hQTDST8cM8erWASWM5doPo2RmcXJFmMiGM6EIe3O6o2ToWmaX208Hg+Ox6NlIacbWqlvbxrRRpbMzijjOO5KkYfc9/0u4szwg3qiAfBpkYIQBWaWh87S7FaeG1luuFOKEi1/rK4mcWzCz6bH8niYBHLaz2o6duFklQpXSUk0lj9W38IOipKQdLiN1TU12aboGVjAVNLGkzccG8oQvbSsPKEUEOM9ULgVxJcoLucOw8DugxxDwgsJ9N4eSfpoNUOZXCChwwujrgaqGMrk1VP4qRf72GhILCuwmItonH+WbdeR8YLx4qtrtdj3dApdSBXxhQ+CSYOmLOVHeN6rNCSWDCzgSRa7dFbzAUlhLdamsDYpSJ1E7KQldTSh2GRD4MUbjoz8tGLF/Hjc6nL5bIm9mbHwWXPAz7gQYGDqkRZyGTlxdEGulTwSHcmjsTGQC/KZIxbVV7k0cCqfNYEledu3yuoFhPnmEMG3/Q/Dpzjd/9vI2JsNfJnUKafUWiYZc25lb0ywocH7XxX6QCPjtZEpNfXW+NOcwV5RRUg31rmH4AAAAABJRU5ErkJggg==");
    background-position: center center; }

.industry-update-loader p.headline,
.product-import-loader p.headline {
  color: #111111;
  font-size: 14px;
  margin-top: 40px;
  text-align: center; }

.product-import-summary,
.product-import-compact-summary {
  padding-top: 20px; }
  .product-import-summary .state-column,
  .product-import-compact-summary .state-column {
    text-align: center;
    margin-bottom: 30px; }
    .product-import-summary .state-column p,
    .product-import-compact-summary .state-column p {
      color: rgba(102, 102, 102, 0.6); }
      .product-import-summary .state-column p:first-child,
      .product-import-compact-summary .state-column p:first-child {
        color: #666666;
        font-weight: bold;
        padding: 6px; }
  .product-import-summary .circle,
  .product-import-compact-summary .circle {
    align-items: center;
    border-radius: 50%;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    height: 35px;
    position: relative;
    width: 35px;
    margin: 12px auto; }
    .product-import-summary .circle i,
    .product-import-compact-summary .circle i {
      color: white;
      font-size: 16px; }

.product-import-summary {
  font-family: 'Open Sans', sans-serif; }
  mc-product-import-summary .product-import-summary {
    padding-top: 0; }
  .product-import-summary h3 {
    margin-bottom: 30px; }
  .product-import-summary .mc-row {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row; }
    .product-import-summary .mc-row:first-of-type {
      margin-top: 25px; }
    .product-import-summary .mc-row .mc-column {
      margin-left: 10px;
      line-height: 18px;
      width: calc(40% - 11px);
      -webkit-flex-grow: 1;
      -moz-flex-grow: 1;
      flex-grow: 1;
      -ms-flex-positive: 1; }
      .product-import-summary .mc-row .mc-column:nth-of-type(odd) {
        text-align: right;
        margin-right: 10px;
        margin-left: 0; }
  .product-import-summary p.import-info {
    font-size: 14px;
    font-weight: normal; }
    .product-import-summary p.import-info span {
      display: block; }
    .product-import-summary p.import-info i.mc-icon {
      margin-left: 16px; }
      .product-import-summary p.import-info i.mc-icon::before {
        color: #00c14a; }
      .product-import-summary p.import-info i.mc-icon.mc-error::before {
        color: #d0021b; }
      .product-import-summary p.import-info i.mc-icon .no-of-items__in-process {
        color: #a3a3a3; }
  .product-import-summary .no-of-items {
    color: #111111;
    font-size: 18px; }
    .product-import-summary .no-of-items .no-of-items__in-process {
      color: #a3a3a3; }
  .product-import-summary .success-state .circle {
    background: #00c14a; }
  .product-import-summary .warning-state .circle {
    background: #ff7b00; }
  .product-import-summary .error-state .circle {
    background: #d0021b; }

mc-product-import-compact-summary {
  font-family: 'Open Sans', sans-serif; }
  mc-product-import-compact-summary .product-import-compact-summary {
    background: white; }
    mc-product-import-compact-summary .product-import-compact-summary h1 {
      color: #666666;
      font-size: 14px;
      text-align: center; }
    mc-product-import-compact-summary .product-import-compact-summary hr {
      border-top: none;
      margin: 15px 0 20px 0; }
    mc-product-import-compact-summary .product-import-compact-summary .mc-row {
      margin-bottom: 20px;
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      box-orient: horizontal;
      -webkit-box-direction: normal;
      -moz-box-direction: normal;
      box-direction: normal;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      flex-direction: row;
      -ms-flex-direction: row; }
      mc-product-import-compact-summary .product-import-compact-summary .mc-row .mc-column {
        margin-left: 10px;
        line-height: 18px;
        width: calc(40% - 11px);
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        flex-grow: 1;
        -ms-flex-positive: 1; }
        mc-product-import-compact-summary .product-import-compact-summary .mc-row .mc-column:nth-of-type(odd) {
          text-align: right;
          margin-right: 10px;
          margin-left: 0; }
      mc-product-import-compact-summary .product-import-compact-summary .mc-row .no-of-items {
        font-size: 18px;
        color: #111111; }
        mc-product-import-compact-summary .product-import-compact-summary .mc-row .no-of-items .no-of-items__in-process {
          color: #a3a3a3; }
      mc-product-import-compact-summary .product-import-compact-summary .mc-row .import-info {
        font-size: 14px;
        color: #666666; }
        mc-product-import-compact-summary .product-import-compact-summary .mc-row .import-info i.mc-icon {
          margin-left: 16px; }
          mc-product-import-compact-summary .product-import-compact-summary .mc-row .import-info i.mc-icon:before {
            color: #00c14a; }
      mc-product-import-compact-summary .product-import-compact-summary .mc-row .state-column p:first-child {
        color: black;
        font-weight: bold; }
    mc-product-import-compact-summary .product-import-compact-summary .circle-success {
      background: #00c14a; }
    mc-product-import-compact-summary .product-import-compact-summary .circle-warning {
      background: #ff7b00; }
    mc-product-import-compact-summary .product-import-compact-summary .circle-error {
      background: #d0021b; }
    mc-product-import-compact-summary .product-import-compact-summary .product-import-compact-summary-footer {
      align-items: center;
      background-color: rgba(96, 112, 246, 0.1);
      cursor: pointer;
      display: flex;
      height: 50px;
      justify-content: center; }
      mc-product-import-compact-summary .product-import-compact-summary .product-import-compact-summary-footer a {
        color: #6070f6;
        text-decoration: none; }
    mc-product-import-compact-summary .product-import-compact-summary .product-import-loader {
      margin-top: 40px; }
      mc-product-import-compact-summary .product-import-compact-summary .product-import-loader p .headline {
        padding-bottom: 30px; }
    mc-product-import-compact-summary .product-import-compact-summary .mc-md-button--stretch {
      width: calc(100% - 60px);
      margin: 10px 30px 30px 30px; }

.mc-main-detail-header {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  line-height: 60px;
  width: 100%;
  background-color: #ffffff;
  color: #525252;
  padding: 0 2em;
  z-index: 15; }
  .mc-main-detail-header .mc-product-import-export__button-wrapper .mc-submenu__list .mc-submenu__link {
    margin-bottom: 8px; }
    .mc-main-detail-header .mc-product-import-export__button-wrapper .mc-submenu__list .mc-submenu__link:last-of-type {
      margin-bottom: 0; }
  .mc-main-detail-header .mc-product-import-export__button--disabled {
    color: rgba(102, 102, 102, 0.5);
    pointer-events: none; }
    .mc-main-detail-header .mc-product-import-export__button--disabled:hover {
      color: rgba(102, 102, 102, 0.5);
      background-color: #ffffff;
      cursor: default; }
  .mc-main-detail-header .mc-main-detail-header-description {
    overflow: hidden;
    font-size: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 60px; }
  .mc-main-detail-header .mc-main-detail-headline {
    display: inline-block;
    font-size: 18px; }
  .mc-main-detail-header .mc-md-button {
    padding: 0 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .mc-main-detail-header.has-buttons .mc-main-detail-header__buttons {
    margin: 10px 0; }

.mc-main-detail-header__filter-select .select2-choice {
  min-height: 43px; }

.mc-main-detail-header__switcher {
  -webkit-box-ordinal-group: 3;
  -moz-box-ordinal-group: 3;
  box-ordinal-group: 3;
  -webkit-order: 3;
  -moz-order: 3;
  order: 3;
  -ms-flex-order: 3;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center; }
  .mc-main-detail-header__switcher .mc-icon {
    padding-left: 10px;
    opacity: 0.5;
    cursor: pointer; }
    .mc-main-detail-header__switcher .mc-icon.is-active {
      opacity: 1; }

.mc-main-detail-header__filter {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  box-ordinal-group: 2;
  -webkit-order: 2;
  -moz-order: 2;
  order: 2;
  -ms-flex-order: 2;
  width: 150px;
  margin-left: 21px;
  font-size: 0; }
  .mc-main-detail-header__filter .select2-container {
    height: 43px; }

.mc-detailview .mc-main-detail-header {
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row; }

.mc-main-detail-header__action-area {
  flex: 1;
  display: flex;
  align-items: center; }

.mc-main-detail-header__label {
  order: 0;
  display: flex;
  align-items: center;
  min-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .mc-main-detail-header__label .mc-icon {
    display: inline-block;
    line-height: 60px;
    padding-right: 10px; }

.mc-main-detail-header__search {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  box-ordinal-group: 1;
  -webkit-order: 1;
  -moz-order: 1;
  order: 1;
  -ms-flex-order: 1;
  -webkit-flex-basis: auto;
  -moz-flex-basis: auto;
  flex-basis: auto;
  -ms-flex-preferred-size: auto;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1; }
  .mc-main-detail-header__search .mc-include {
    width: 100%; }
  .mc-main-detail-header__search .mc-main-detail-header__middle-area-content {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex; }
  .mc-main-detail-header__search .mc-main-detail-header__search-input {
    width: 100%;
    line-height: 29px;
    height: 43px; }
  .mc-main-detail-header__search .mc-search__input-clear {
    margin-left: -30px;
    line-height: 29px;
    padding-top: 7px; }
    .mc-main-detail-header__search .mc-search__input-clear.hidden {
      visibility: hidden; }

.mc-main-detail-header__export {
  order: 2;
  display: flex;
  flex-grow: 0;
  align-items: center;
  min-width: 120px; }

.mc-main-detail-header__inline-search {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  box-ordinal-group: 1;
  -webkit-order: 1;
  -moz-order: 1;
  order: 1;
  -ms-flex-order: 1;
  -webkit-flex-basis: auto;
  -moz-flex-basis: auto;
  flex-basis: auto;
  -ms-flex-preferred-size: auto;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  width: 100%; }
  .mc-main-detail-header__inline-search .mc-main-detail-header__inline-search-input {
    width: 100%;
    line-height: 27px;
    border-right: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0.4em 0.8em; }
  .mc-main-detail-header__inline-search .mc-search__input-clear {
    margin-left: -19px;
    padding-right: 10px;
    line-height: 27px; }
    .mc-main-detail-header__inline-search .mc-search__input-clear.hidden {
      display: none; }

.mc-main-detail-header__inline-filter {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  box-ordinal-group: 2;
  -webkit-order: 2;
  -moz-order: 2;
  order: 2;
  -ms-flex-order: 2;
  -webkit-flex-basis: auto;
  -moz-flex-basis: auto;
  flex-basis: auto;
  -ms-flex-preferred-size: auto;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  width: 100%; }
  .mc-main-detail-header__inline-filter .mc-main-detail-header__inline-filter-select {
    width: 100%;
    line-height: 27px; }
  .mc-main-detail-header__inline-filter .ui-select-placeholder {
    display: inline-block; }

.mc-main-detail-header__buttons {
  display: flex;
  order: 100; }
  .mc-main-detail-header__buttons .mc-main-detail-header__button-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    flex-grow: 1;
    -ms-flex-positive: 1; }
    .mc-main-detail-header__buttons .mc-main-detail-header__button-wrapper .mc-md-button {
      -webkit-flex-grow: 1;
      -moz-flex-grow: 1;
      flex-grow: 1;
      -ms-flex-positive: 1; }
  .mc-main-detail-header__buttons .mc-main-detail-header__add-button {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    flex-grow: 1;
    -ms-flex-positive: 1; }
  .mc-main-detail-header__buttons.only-add-button .mc-main-detail-header__add-button {
    width: 100%; }

.mc-main-detail-header__search-input {
  width: 100%; }

.mc-main-detail-header__button-wrapper {
  position: relative;
  margin-right: 15px;
  line-height: 0; }

.mc-main-detail-header__dropdown {
  min-width: 185px;
  line-height: 14px;
  top: calc(100% + 12px); }
  .mc-main-detail-header__dropdown.mc-submenu.active {
    left: 50%;
    transform: translateX(-50%); }
  .mc-main-detail-header__dropdown .mc-submenu__list {
    min-width: auto; }
  .mc-main-detail-header__dropdown .mc-submenu__link {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .mc-main-detail-header__dropdown .mc-submenu__caret:after {
    left: 50%;
    margin-left: -8px;
    text-shadow: 0px -4px 4px rgba(0, 0, 0, 0.3); }
  .mc-main-detail-header__dropdown.mc-submenu.mc-submenu__ordersexports.active {
    left: initial;
    right: 0;
    transform: initial; }
  .mc-main-detail-header__dropdown.mc-submenu.mc-submenu__ordersexports .mc-submenu__caret:after {
    left: initial;
    right: 72px; }

@media only screen and (min-width: 769px) {
  .mc-main-detail-header {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .mc-main-detail-header__label {
    width: 50%; }
  .mc-main-detail-header__search {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
    -webkit-order: 2;
    -moz-order: 2;
    order: 2;
    -ms-flex-order: 2;
    width: 100%; }
  .mc-main-detail-header__inline-search {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
    -webkit-order: 2;
    -moz-order: 2;
    order: 2;
    -ms-flex-order: 2;
    width: 100%; }
  .mc-main-detail-header__inline-filter {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    box-ordinal-group: 3;
    -webkit-order: 3;
    -moz-order: 3;
    order: 3;
    -ms-flex-order: 3; }
  .mc-main-detail-header__buttons {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
    -webkit-order: 1;
    -moz-order: 1;
    order: 1;
    -ms-flex-order: 1;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end;
    width: auto;
    margin: 0; }
    .mc-main-detail-header__buttons.only-add-button .mc-main-detail-header__add-button {
      width: 100px; } }

@media only screen and (min-width: 970px) {
  .mc-main-detail-header__label {
    width: initial; }
  .mc-main-detail-header__search {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
    -webkit-order: 1;
    -moz-order: 1;
    order: 1;
    -ms-flex-order: 1;
    width: initial;
    margin-bottom: 0; }
    .mc-main-detail-header__search .mc-main-detail-header__search-input {
      max-width: 160px; }
    .mc-main-detail-header__search .mc-search__input-clear {
      padding-top: 0; }
  .mc-main-detail-header__inline-search {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-flex-basis: 30%;
    -moz-flex-basis: 30%;
    flex-basis: 30%;
    -ms-flex-preferred-size: 30%;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
    -webkit-order: 1;
    -moz-order: 1;
    order: 1;
    -ms-flex-order: 1;
    margin-bottom: 0;
    width: 30%; }
    .mc-main-detail-header__inline-search .mc-main-detail-header__inline-search-input {
      width: 70%;
      line-height: 28px; }
  .mc-main-detail-header__inline-filter {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
    -webkit-order: 2;
    -moz-order: 2;
    order: 2;
    -ms-flex-order: 2;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    flex-grow: 1;
    -ms-flex-positive: 1;
    margin-bottom: 0;
    width: 25%; }
    .mc-main-detail-header__inline-filter .mc-main-detail-header__inline-filter-select {
      width: 50%; }
  .mc-main-detail-header__buttons {
    -webkit-box-ordinal-group: 100;
    -moz-box-ordinal-group: 100;
    box-ordinal-group: 100;
    -webkit-order: 100;
    -moz-order: 100;
    order: 100;
    -ms-flex-order: 100;
    width: initial; } }

@media only screen and (min-width: 1300px) {
  .mc-main-detail-header__search .mc-main-detail-header__search-input {
    width: 40%;
    max-width: initial; } }

.setting-group__wrap .contextual-help__container {
  margin-bottom: 0; }

.setting-group__wrap .mc-form-view:not(:first-child) {
  margin-top: 20px; }

.setting-group__wrap .mc-maintenance-toggle-wrapper {
  padding-top: 10px; }

.setting-status {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 4px 0; }
  .setting-status .setting-status-icon {
    height: 16px;
    width: 16px;
    border-radius: 50%;
    margin-right: 8px;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center; }
    .setting-status .setting-status-icon__ok {
      background-color: #08ac4a; }
    .setting-status .setting-status-icon__error {
      background-color: #c80505; }
    .setting-status .setting-status-icon__inactive {
      background-color: #9f9f9f; }
    .setting-status .setting-status-icon .mc-icon {
      font-size: 10px; }
    .setting-status .setting-status-icon .mc-icon::before {
      color: #ffffff; }

.setting-plugin-hint {
  margin: 4px 0; }

.tyre-api-health {
  margin-top: 5px;
  display: flex;
  gap: 70px; }
  .tyre-api-health__hint {
    margin-top: 5px; }

.mc-element-tenant-history {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  box-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -o-align-items: stretch;
  align-items: stretch;
  -ms-flex-align: stretch;
  width: 100%;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); }
  .mc-element-tenant-history__header {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    color: #6070f6;
    height: 50px; }
    .mc-element-tenant-history__header i {
      margin-right: 5px; }
  .mc-element-tenant-history__info {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: no-wrap;
    -moz-box-lines: no-wrap;
    box-lines: no-wrap;
    -webkit-flex-wrap: no-wrap;
    -moz-flex-wrap: no-wrap;
    -ms-flex-wrap: no-wrap;
    flex-wrap: no-wrap;
    height: 80px;
    border-top: 1px solid #e1e1e1; }
    .mc-element-tenant-history__info > * {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -moz-box-orient: vertical;
      box-orient: vertical;
      -webkit-box-direction: normal;
      -moz-box-direction: normal;
      box-direction: normal;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      flex-direction: column;
      -ms-flex-direction: column;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      box-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center;
      -webkit-box-align: baseline;
      -moz-box-align: baseline;
      box-align: baseline;
      -webkit-align-items: baseline;
      -moz-align-items: baseline;
      -ms-align-items: baseline;
      -o-align-items: baseline;
      align-items: baseline;
      -ms-flex-align: baseline;
      color: #666666;
      font-weight: 300;
      width: 25%; }
  .mc-element-tenant-history__info-label {
    font-weight: 600;
    font-size: 11px; }
  .mc-element-tenant-history__logo-wrapper {
    padding-left: 30px; }
  .mc-element-tenant-history__logo {
    height: 11px;
    filter: opacity(66%); }

mc-apparea-header-button {
  width: 100%; }

mc-app-area-header-actions {
  display: grid;
  column-gap: 10px;
  grid-template-columns: repeat(7, 1fr); }

.app-area-header__main-wrapper {
  width: 100%;
  height: 130px;
  box-shadow: 0 1px 0 0 rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15);
  background-color: #ffffff;
  position: fixed;
  z-index: 11; }
  .app-area-header__main-wrapper .app-area-header__actions {
    padding-top: 10px; }
  .app-area-header__main-wrapper .app-area-header__navigate-back {
    color: #6070f6;
    font-size: 16px;
    position: absolute;
    top: calc(50% - 11px);
    left: 30px;
    display: none;
    line-height: normal;
    z-index: 100; }
    .app-area-header__main-wrapper .app-area-header__navigate-back .app-area-header__navigate-back-icon {
      margin-right: 5px;
      padding-bottom: 2px;
      font-size: 14px; }
  .app-area-header__main-wrapper .app-area-header__headline-icon {
    margin-right: 8px;
    font-size: 21px; }
  .app-area-header__main-wrapper .app-area-header__navigate-back-icon--tablet {
    font-size: 18px;
    color: #6070f6;
    margin-right: 15px; }
  .app-area-header__main-wrapper .app-area-header__main-container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 25px 25px 0 25px;
    position: relative; }
    .app-area-header__main-wrapper .app-area-header__main-container .app-area-header__name {
      display: flex;
      align-items: center;
      font-size: 28px;
      color: #3a3a3a;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      line-height: 1.25em;
      min-height: 35px; }
  @media only screen and (min-width: 1024px) {
    .app-area-header__main-wrapper .app-area-header__main-container {
      padding: 25px 0 0 0; } }
  @media only screen and (min-width: 1320px) {
    .app-area-header__main-wrapper .app-area-header__navigate-back {
      display: inline-block;
      text-decoration: none; }
    .app-area-header__main-wrapper .app-area-header__navigate-back-icon--tablet {
      display: none; } }

.mc-account-overview__wrap {
  height: 100%;
  background-color: #f4f4f4; }
  .mc-account-overview__wrap .mc-account-overview__contact-text {
    margin-bottom: 10px; }
  .mc-account-overview__wrap > .mc-include {
    height: 100%; }
  .mc-account-overview__wrap .mc-detailview-header {
    background-color: #fff; }
    .mc-account-overview__wrap .mc-detailview-header .mc-main-detail-header {
      padding: 0; }
      .mc-account-overview__wrap .mc-detailview-header .mc-main-detail-header .mc-main-detail-header-description {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column;
        -webkit-box-align: center;
        -moz-box-align: center;
        box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -ms-flex-align: center;
        width: 100%; }
        .mc-account-overview__wrap .mc-detailview-header .mc-main-detail-header .mc-main-detail-header-description .mc-account-overview__header-inner {
          display: -webkit-box;
          display: -moz-box;
          display: box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -moz-box-pack: justify;
          box-pack: justify;
          -webkit-justify-content: space-between;
          -moz-justify-content: space-between;
          -ms-justify-content: space-between;
          -o-justify-content: space-between;
          justify-content: space-between;
          -ms-flex-pack: justify;
          -webkit-box-align: center;
          -moz-box-align: center;
          box-align: center;
          -webkit-align-items: center;
          -moz-align-items: center;
          -ms-align-items: center;
          -o-align-items: center;
          align-items: center;
          -ms-flex-align: center;
          width: 100%;
          padding: 0 20px; }
  .mc-account-overview__wrap .mc-detailview-main {
    left: 0;
    right: 0; }
  .mc-account-overview__wrap .mc-account-overview__body {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    overflow-y: scroll;
    overflow-x: hidden;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 40px 20px 20px 20px; }

.mc-account-overview__box {
  width: 100%;
  background-color: #ffffff;
  margin-bottom: 30px;
  border-radius: 2px;
  box-shadow: 0 1px 0 0 rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15); }
  .mc-account-overview__box a {
    font-size: 12px;
    color: #6070f6;
    text-decoration: none; }
    .mc-account-overview__box a:hover {
      color: #909bf9; }
  .mc-account-overview__box .mc-account-overview__issues {
    margin-bottom: 20px; }
    .mc-account-overview__box .mc-account-overview__issues .mc-issue-list-item {
      height: auto; }
  .mc-account-overview__box .mc-md-button--primary, .mc-account-overview__box .white-theme.fr-popup .fr-action-buttons button.fr-command, .white-theme.fr-popup .fr-action-buttons .mc-account-overview__box button.fr-command {
    width: 150px; }
    .mc-account-overview__box .mc-md-button--primary .mc-loader, .mc-account-overview__box .white-theme.fr-popup .fr-action-buttons button.fr-command .mc-loader, .white-theme.fr-popup .fr-action-buttons .mc-account-overview__box button.fr-command .mc-loader {
      display: none; }
    .mc-account-overview__box .mc-md-button--primary.mc-has-progress .mc-loader, .mc-account-overview__box .white-theme.fr-popup .fr-action-buttons button.mc-has-progress.fr-command .mc-loader, .white-theme.fr-popup .fr-action-buttons .mc-account-overview__box button.mc-has-progress.fr-command .mc-loader {
      display: block; }
    .mc-account-overview__box .mc-md-button--primary.mc-has-progress .mc-btn-text, .mc-account-overview__box .white-theme.fr-popup .fr-action-buttons button.mc-has-progress.fr-command .mc-btn-text, .white-theme.fr-popup .fr-action-buttons .mc-account-overview__box button.mc-has-progress.fr-command .mc-btn-text {
      display: none; }
  .mc-account-overview__box .mc-md-button--content-width {
    min-width: 150px;
    width: initial; }
  .mc-account-overview__box .mc-account-overview-box__header {
    font-size: 14px;
    color: #3a3a3a;
    font-weight: 500;
    padding: 15px 20px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 3px; }
    .mc-account-overview__box .mc-account-overview-box__header .mc-icon-external-link {
      color: #6070f6;
      margin-left: auto; }
    .mc-account-overview__box .mc-account-overview-box__header .mc-account-overview-header__title {
      flex-grow: 1; }
  .mc-account-overview__box .mc-account-overview-box__error-message,
  .mc-account-overview__box .mc-account-overview-box__success-message {
    margin-left: 20px;
    margin-bottom: 20px;
    font-size: 12px; }
  .mc-account-overview__box .mc-account-overview-box__error-message {
    color: #c80505; }
  .mc-account-overview__box .mc-account-overview-box__success-message {
    color: #08ac4a; }
  .mc-account-overview__box .mc-account-overview-box__table {
    width: 100%; }
    .mc-account-overview__box .mc-account-overview-box__table .mc-account-overview-box__row-headline {
      margin: 0 -20px; }
    .mc-account-overview__box .mc-account-overview-box__table .mc-account-overview-box__invoice {
      border-top: 1px solid #e1e1e1;
      padding: 20px 0 20px; }
      .mc-account-overview__box .mc-account-overview-box__table .mc-account-overview-box__invoice:first-child {
        border-top: none; }
      .mc-account-overview__box .mc-account-overview-box__table .mc-account-overview-box__invoice.mc-account-overview-box__row {
        margin-bottom: 0px; }
  .mc-account-overview__box .mc-account-overview-box__loader .mc-loader {
    margin-top: 20px;
    margin-bottom: 20px; }
  .mc-account-overview__box .mc-account-overview-box__bundle-loader {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.8); }
  .mc-account-overview__box .mc-account-overview-box__content {
    padding: 15px 20px;
    line-height: 25px;
    position: relative; }
    .mc-account-overview__box .mc-account-overview-box__content #mc-google-maps {
      height: 310px; }
      .mc-account-overview__box .mc-account-overview-box__content #mc-google-maps.disabled {
        pointer-events: none; }
    .mc-account-overview__box .mc-account-overview-box__content .mc-account-overview-box__edit-mode-hint {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 54px;
      background: #e7eafe;
      color: #6070f6;
      font-size: 15px;
      margin-top: 10px;
      animation: fadein 1s; }
      .mc-account-overview__box .mc-account-overview-box__content .mc-account-overview-box__edit-mode-hint .mc-icon-pin {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #ffffff;
        background: #6070f6;
        height: 36px;
        width: 36px;
        border-radius: 50%;
        margin-right: 20px; }
    .mc-account-overview__box .mc-account-overview-box__content--full-width {
      padding: 0; }
    .mc-account-overview__box .mc-account-overview-box__content .invoices-remark {
      display: block;
      line-height: initial;
      margin: 10px 0 -10px 0; }
    .mc-account-overview__box .mc-account-overview-box__content .mc-account-overview-box__row {
      display: flex;
      flex-direction: row;
      justify-content: space-evenly;
      align-items: flex-start;
      position: relative;
      margin-bottom: 20px; }
      .mc-account-overview__box .mc-account-overview-box__content .mc-account-overview-box__row.mc-account-overview-box__row--top {
        align-items: flex-start;
        margin-top: 20px; }
      .mc-account-overview__box .mc-account-overview-box__content .mc-account-overview-box__row.mc-account-overview-box__row--shop-buttons {
        justify-content: flex-start; }
      .mc-account-overview__box .mc-account-overview-box__content .mc-account-overview-box__row.mc-account-overview-box__shop-skip-billing {
        flex-wrap: wrap;
        justify-content: flex-start; }
        .mc-account-overview__box .mc-account-overview-box__content .mc-account-overview-box__row.mc-account-overview-box__shop-skip-billing .settings__checkbox-item {
          display: flex;
          align-items: center; }
        .mc-account-overview__box .mc-account-overview-box__content .mc-account-overview-box__row.mc-account-overview-box__shop-skip-billing .settings__text {
          padding-top: 6px; }
      .mc-account-overview__box .mc-account-overview-box__content .mc-account-overview-box__row > div.history-cell,
      .mc-account-overview__box .mc-account-overview-box__content .mc-account-overview-box__row .statistics-cell {
        box-sizing: border-box;
        flex-grow: 1;
        padding: 0 5px;
        width: 100%;
        overflow-wrap: break-word;
        overflow: hidden;
        list-style: none;
        text-align: left; }
      .mc-account-overview__box .mc-account-overview-box__content .mc-account-overview-box__row .history-cell.old-value,
      .mc-account-overview__box .mc-account-overview-box__content .mc-account-overview-box__row .history-cell.new-value {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
      .mc-account-overview__box .mc-account-overview-box__content .mc-account-overview-box__row > div.row-cell {
        box-sizing: border-box;
        flex-grow: 1;
        width: 100%;
        overflow: hidden;
        list-style: none;
        text-align: left; }
      .mc-account-overview__box .mc-account-overview-box__content .mc-account-overview-box__row .mc-account-overview-box__invoice-download {
        text-align: center;
        width: 10%; }
      .mc-account-overview__box .mc-account-overview-box__content .mc-account-overview-box__row .mc-account-overview-box__invoice-date-time {
        min-width: 150px;
        width: 20%; }
      .mc-account-overview__box .mc-account-overview-box__content .mc-account-overview-box__row .mc-account-overview-box__invoice-number {
        min-width: 125px;
        width: 15%; }
      .mc-account-overview__box .mc-account-overview-box__content .mc-account-overview-box__row .mc-account-overview-box__price {
        width: 15%; }
      .mc-account-overview__box .mc-account-overview-box__content .mc-account-overview-box__row .mc-account-overview-box__next-price {
        line-height: 15px; }
      .mc-account-overview__box .mc-account-overview-box__content .mc-account-overview-box__row .mc-account-overview-box__tax {
        width: 10%; }
      .mc-account-overview__box .mc-account-overview-box__content .mc-account-overview-box__row .mc-account-overview-box__status {
        width: 10%; }
      .mc-account-overview__box .mc-account-overview-box__content .mc-account-overview-box__row .mc-account-overview-box__export-file-name {
        min-width: 300px; }
      .mc-account-overview__box .mc-account-overview-box__content .mc-account-overview-box__row .mc-account-overview-box__upgrade-downgrade-to-pos {
        margin-left: 20px; }
      .mc-account-overview__box .mc-account-overview-box__content .mc-account-overview-box__row .mc-account-overview-box__delete-shop {
        flex-grow: 1;
        text-align: right; }
    .mc-account-overview__box .mc-account-overview-box__content .mc-account-overview__box--half {
      display: flex;
      flex-direction: column;
      width: 50%; }
      .mc-account-overview__box .mc-account-overview-box__content .mc-account-overview__box--half .mc-account-overview-box__row {
        align-items: center; }
    .mc-account-overview__box .mc-account-overview-box__content .mc-account-overview-box__row-headline {
      margin: 20px -20px;
      padding: 20px;
      background-color: #f2f2f2;
      border-top: 1px solid #e1e1e1;
      border-bottom: 1px solid #e1e1e1; }
    .mc-account-overview__box .mc-account-overview-box__content .mc-account-overview__box--one-quarter-row {
      display: flex;
      flex-direction: row;
      width: 25%; }
    .mc-account-overview__box .mc-account-overview-box__content .mc-account-overview__box--half-row {
      display: flex;
      flex-direction: row;
      width: 50%; }
    .mc-account-overview__box .mc-account-overview-box__content .mc-account-overview__box--three-quarter-row {
      display: flex;
      flex-direction: row;
      width: 75%; }
    .mc-account-overview__box .mc-account-overview-box__content .mc-account-overview__box--third {
      width: 33.33%; }
    .mc-account-overview__box .mc-account-overview-box__content .mc-account-overview__box--fifth {
      width: 20%; }
    .mc-account-overview__box .mc-account-overview-box__content .mc-account-overview-box__resend-mail {
      display: flex;
      justify-content: flex-start; }
    .mc-account-overview__box .mc-account-overview-box__content .mc-account-overview-box__resend-mail-button {
      min-width: 150px; }
    .mc-account-overview__box .mc-account-overview-box__content .mc-account-overview-box__reset-gdpr-button,
    .mc-account-overview__box .mc-account-overview-box__content .mc-account-overview-box__sync-data-button {
      margin-left: 20px;
      min-width: 150px; }
    .mc-account-overview__box .mc-account-overview-box__content .mc-account-overview-box__resend-mail-button .mc-btn-text,
    .mc-account-overview__box .mc-account-overview-box__content .mc-account-overview-box__reset-gdpr-button .mc-btn-text,
    .mc-account-overview__box .mc-account-overview-box__content .mc-account-overview-box__sync-data-button .mc-btn-text {
      line-height: 1.15; }
    .mc-account-overview__box .mc-account-overview-box__content .mc-account-overview-box__sync-data-button .mc-icon-check-thin {
      font-size: 16px; }

.mc-account-overview-box__invoices .mc-account-overview-box__header {
  padding-bottom: 0; }

.mc-account-overview-box__invoices .mc-account-overview-box__content .mc-account-overview-box__row-headline {
  margin-top: 0;
  margin-bottom: 0; }

.mc-account-overview-box__invoice-read,
.mc-account-overview-box__invoice-unread {
  font-size: 13px;
  padding: 3px 12px; }

.mc-account-overview-box__invoice-read {
  background-color: rgba(0, 193, 75, 0.1);
  color: #00c14b; }

.mc-account-overview-box__invoice-unread {
  background-color: rgba(0, 0, 0, 0.05);
  color: #666666; }

.mc-account-overview-box__plugin-industry {
  font-size: 11px;
  font-weight: 600;
  color: #666666;
  margin-bottom: 2px;
  text-transform: uppercase; }

.mc-account-overview-box__plugin {
  width: 100%;
  display: flex; }
  .mc-account-overview-box__plugin--price-subline {
    font-size: 12px;
    line-height: 20px;
    margin-top: 0;
    font-weight: normal; }
    .mc-account-overview-box__plugin--price-subline.bundle-subline {
      text-align: right;
      padding-right: 30px;
      font-size: 10px;
      font-weight: normal; }

.mc-account-overview-box__plugin-container {
  padding: 15px 20px;
  width: 100%;
  border: 1px solid lightgray;
  margin: 0px 28px 25px 28px; }

.mc-account-overview-box__plugin-header--name {
  display: flex;
  justify-content: space-between; }
  .mc-account-overview-box__plugin-header--name span {
    font-size: 12px;
    color: #666666;
    font-weight: bold; }

.mc-account-overview-box__plugin-description {
  font-size: 12px;
  display: flex;
  justify-content: space-between; }

.mc-account-overview-box__plugin-footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  margin-top: 10px; }

.mc-account-overview-box__plugin-deactivate-button {
  color: black !important; }

.mc-account-overview-box__plugin-button {
  min-width: 150px; }

.mc-account-overview-box__plugin-renew-notice {
  text-align: right;
  font-size: 12px;
  color: #666666;
  padding-top: 4px; }

.mc-account-overview-box__plugin-price {
  font-weight: bold;
  font-size: 12px;
  color: #666666; }

.mc-account-overview-box__plugin-status-and-action {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-content: center;
  align-items: center; }

.mc-account-overview-box__plugin-next-price {
  font-weight: 300; }

.mc-account-overview-box__plugin-status {
  display: flex;
  align-content: stretch;
  align-items: center;
  margin-right: 26px; }
  .mc-account-overview-box__plugin-status > div {
    margin-right: 14px;
    color: #666666; }

.mc-account-overview-box__bundle {
  margin-bottom: 50px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  position: relative; }
  .mc-account-overview-box__bundle-name {
    font-weight: bold; }
  .mc-account-overview-box__bundle-desc {
    font-size: 12px; }
  .mc-account-overview-box__bundle-meta {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 20px; }
  .mc-account-overview-box__bundle-info {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    padding: 22px 28px 35px 28px; }

.mc-account-overview-box__toggle {
  display: flex; }

.mc-account-overview-box__bundle-name {
  display: flex;
  align-items: center;
  gap: 10px; }

.mc-account-overview-box__bundle-price {
  padding: 25px 0 22px 28px;
  display: flex;
  font-weight: bold;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end; }
  .mc-account-overview-box__bundle-price i {
    cursor: pointer;
    color: #6070f6;
    padding-top: 6px;
    padding-bottom: 6px; }

.mc-account-overview-box__bundle-next-price {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5; }

.mc-account-overview-box__plugin-img {
  background-color: #f8f8f8;
  width: 130px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 7px; }
  .mc-account-overview-box__plugin-img img {
    max-width: 100%;
    height: auto; }

.mc-account-overview-box__plugin-meta {
  width: 100%; }

.mc-account-overview-box__plugin-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px; }

.shop-subcribtion-info p {
  text-align: right;
  font-size: 12px;
  color: #666666;
  padding-top: 4px; }
  .shop-subcribtion-info p b {
    font-weight: bold; }

.mc-account-overview__separator {
  border: 0;
  height: 0;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid white;
  margin: 20px 0; }

.mc-account-overview__actions {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end;
  width: 100%;
  margin-top: 20px; }
  .mc-account-overview__actions button {
    margin-left: 10px; }

.mc-account-overview__form-group {
  padding-right: 20px;
  padding-bottom: 10px; }
  .mc-account-overview__form-group:last-child {
    padding-bottom: 0; }
  .mc-account-overview__form-group .select2-container .select2-choice {
    min-height: 39px; }
  .mc-account-overview__form-group .mc-account-overview__split-group {
    display: flex;
    flex-direction: row; }
    .mc-account-overview__form-group .mc-account-overview__split-group input {
      flex-grow: 1; }
      .mc-account-overview__form-group .mc-account-overview__split-group input:first-of-type {
        margin-right: 10px; }
  .mc-account-overview__form-group label {
    font-size: 11px;
    font-weight: 600;
    display: block; }
  .mc-account-overview__form-group input {
    width: 100%;
    padding: 12px;
    border: 1px solid #d1d1d1; }
    .mc-account-overview__form-group input:focus {
      border-color: #6070f6; }

.mc-account-overview__button--cancel {
  background-color: #8898aa; }

.mc-account-overview-box__edit {
  margin-left: auto; }

.mc-account-overview-box__domain-last-row .mc-account-overview-box__row,
.mc-account-overview-box__invoice-last-row .mc-account-overview-box__row,
.mc-account-overview-box__history-last-row .mc-account-overview-box__row,
.mc-account-overview-box__statistics-last-row .mc-account-overview-box__row {
  padding-bottom: 10px; }

.mc-account-overview-box__domain-last-row .mc-account-overview__separator,
.mc-account-overview-box__invoice-last-row .mc-account-overview__separator,
.mc-account-overview-box__history-last-row .mc-account-overview__separator,
.mc-account-overview-box__statistics-last-row .mc-account-overview__separator {
  display: none; }

.mc-account-overview__contact-label {
  font-weight: bold;
  margin: 20px 0 2px 0;
  font-size: 11px;
  display: block; }

.mc-account-overview__contact-input {
  width: 100%;
  height: 120px;
  border: 1px solid #d1d1d1;
  padding: 10px;
  font-size: 12px;
  margin-bottom: 20px; }

.mc-alzura-account-contact-dialog b {
  font-weight: bold; }

.mc-alzura-account-contact-dialog__message {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center; }

.mc-alzura-account-contact-dialog__success {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #00c14a;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 12px; }

.mc-alzura-account-contact-dialog__error {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #d0021b;
  color: #ffffff;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 12px; }

.mc-alzura-account-contact-dialog__buttons {
  margin-top: 20px; }

@media only screen and (min-width: 1024px) {
  .mc-account-overview__wrap .mc-detailview-header .mc-main-detail-header .mc-main-detail-header-description .mc-account-overview__header-inner {
    width: 815px;
    padding: 0; }
  .mc-account-overview__wrap .mc-account-overview__body {
    padding: 40px 0 0 0; }
  .mc-account-overview__box {
    width: 800px; } }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.mc-account-overview__automotive-plugins-remark {
  margin: 0 0 0 29px;
  line-height: 1.3; }

.mc-pages-grid-item__header-status {
  margin-right: 10px; }
  .mc-pages-grid-item__header-status .mc-pages-grid-item__status--online {
    background-color: #00c14a;
    width: 10px;
    height: 10px;
    display: block;
    border-radius: 50%;
    margin: 5px;
    position: relative; }
    .mc-pages-grid-item__header-status .mc-pages-grid-item__status--online:after {
      content: '';
      position: absolute;
      display: block;
      top: -3px;
      left: -3px;
      right: -3px;
      bottom: -3px;
      border-radius: 50%;
      border: 2px solid #00c14a;
      opacity: 0.5; }
  .mc-pages-grid-item__header-status .mc-pages-grid-item__status--offline {
    background-color: #d0021b;
    width: 10px;
    height: 10px;
    display: block;
    border-radius: 50%;
    margin: 5px;
    position: relative; }
    .mc-pages-grid-item__header-status .mc-pages-grid-item__status--offline:after {
      content: '';
      position: absolute;
      display: block;
      top: -3px;
      left: -3px;
      right: -3px;
      bottom: -3px;
      border-radius: 50%;
      border: 2px solid #d0021b;
      opacity: 0.5; }

.mc-pages-gridview__wrap {
  height: 100%;
  background-color: #f4f4f4; }
  .mc-pages-gridview__wrap > .mc-include {
    height: 100%; }
  .mc-pages-gridview__wrap .mc-detailview-header {
    background-color: #fff; }
    .mc-pages-gridview__wrap .mc-detailview-header .mc-main-detail-header {
      padding: 0; }
      .mc-pages-gridview__wrap .mc-detailview-header .mc-main-detail-header .mc-main-detail-header-description {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column;
        -webkit-box-align: center;
        -moz-box-align: center;
        box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -ms-flex-align: center;
        width: 100%; }
        .mc-pages-gridview__wrap .mc-detailview-header .mc-main-detail-header .mc-main-detail-header-description .mc-pages-gridview__header-inner {
          width: 100%;
          padding: 0 20px; }
  .mc-pages-gridview__wrap .mc-detailview-main {
    left: 0;
    right: 0; }
  .mc-pages-gridview__wrap .mc-pages-gridview__body {
    top: 167px; }
  .mc-pages-gridview__wrap .mc-pages-grid {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 30px; }
    .mc-pages-gridview__wrap .mc-pages-grid .mc-pages-grid-item {
      margin-right: 20px;
      margin-bottom: 20px; }
      .mc-pages-gridview__wrap .mc-pages-grid .mc-pages-grid-item .mc-pages-grid-item__header {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        box-orient: horizontal;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        flex-direction: row;
        -ms-flex-direction: row;
        -webkit-box-align: center;
        -moz-box-align: center;
        box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -ms-flex-align: center;
        -webkit-box-align: stretch;
        -moz-box-align: stretch;
        box-align: stretch;
        -webkit-align-items: stretch;
        -moz-align-items: stretch;
        -ms-align-items: stretch;
        -o-align-items: stretch;
        align-items: stretch;
        -ms-flex-align: stretch;
        background-color: #ffffff;
        color: #666666;
        padding: 20px 15px;
        border-radius: 3px 3px 0 0; }
        .mc-pages-gridview__wrap .mc-pages-grid .mc-pages-grid-item .mc-pages-grid-item__header .mc-pages-grid-item__header-title {
          -webkit-flex-grow: 1;
          -moz-flex-grow: 1;
          flex-grow: 1;
          -ms-flex-positive: 1;
          -webkit-box-align: center;
          -moz-box-align: center;
          box-align: center;
          -webkit-align-items: center;
          -moz-align-items: center;
          -ms-align-items: center;
          -o-align-items: center;
          align-items: center;
          -ms-flex-align: center;
          text-overflow: ellipsis;
          width: 0;
          white-space: nowrap;
          overflow: hidden; }
        .mc-pages-gridview__wrap .mc-pages-grid .mc-pages-grid-item .mc-pages-grid-item__header .mc-pages-grid-item__header-actions .mc-icon {
          margin-left: 10px;
          cursor: pointer; }
      .mc-pages-gridview__wrap .mc-pages-grid .mc-pages-grid-item .mc-pages-grid-item__thumbnail {
        width: calc(1440px * 0.25);
        height: calc(1600px * 0.25);
        display: inline-block;
        overflow: hidden;
        position: relative;
        background-color: #f9f9f9; }
        .mc-pages-gridview__wrap .mc-pages-grid .mc-pages-grid-item .mc-pages-grid-item__thumbnail:before {
          position: absolute;
          left: calc(50% - 16px);
          top: calc(50% - 18px);
          opacity: 0.2;
          display: block;
          -ms-zoom: 2;
          -o-transform: scale(2);
          -moz-transform: scale(2);
          -webkit-transform: scale(2);
          content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiBoZWlnaHQ9IjMycHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnIGlkPSJwaG90b18xXyI+PHBhdGggZD0iTTI3LDBINUMyLjc5MSwwLDEsMS43OTEsMSw0djI0YzAsMi4yMDksMS43OTEsNCw0LDRoMjJjMi4yMDksMCw0LTEuNzkxLDQtNFY0QzMxLDEuNzkxLDI5LjIwOSwwLDI3LDB6ICAgIE0yOSwyOGMwLDEuMTAyLTAuODk4LDItMiwySDVjLTEuMTAzLDAtMi0wLjg5OC0yLTJWNGMwLTEuMTAzLDAuODk3LTIsMi0yaDIyYzEuMTAyLDAsMiwwLjg5NywyLDJWMjh6IiBmaWxsPSIjMzMzMzMzIi8+PHBhdGggZD0iTTI2LDRINkM1LjQ0Nyw0LDUsNC40NDcsNSw1djE4YzAsMC41NTMsMC40NDcsMSwxLDFoMjBjMC41NTMsMCwxLTAuNDQ3LDEtMVY1QzI3LDQuNDQ3LDI2LjU1Myw0LDI2LDR6ICAgIE0yNiw1djEzLjg2OWwtMy4yNS0zLjUzQzIyLjU1OSwxNS4xMjMsMjIuMjg3LDE1LDIyLDE1cy0wLjU2MSwwLjEyMy0wLjc1LDAuMzM5bC0yLjYwNCwyLjk1bC03Ljg5Ni04Ljk1ICAgQzEwLjU2LDkuMTIzLDEwLjI4Nyw5LDEwLDlTOS40NCw5LjEyMyw5LjI1LDkuMzM5TDYsMTMuMDg3VjVIMjZ6IE02LDE0LjZsNC00LjZsOC4wNjYsOS4xNDNsMC41OCwwLjY1OEwyMS40MDgsMjNINlYxNC42eiAgICBNMjIuNzQsMjNsLTMuNDI4LTMuOTU1TDIyLDE2bDQsNC4zNzlWMjNIMjIuNzR6IiBmaWxsPSIjMzMzMzMzIi8+PHBhdGggZD0iTTIwLDEzYzEuNjU2LDAsMy0xLjM0MywzLTNzLTEuMzQ0LTMtMy0zYy0xLjY1OCwwLTMsMS4zNDMtMywzUzE4LjM0MiwxMywyMCwxM3ogTTIwLDhjMS4xMDIsMCwyLDAuODk3LDIsMiAgIHMtMC44OTgsMi0yLDJjLTEuMTA0LDAtMi0wLjg5Ny0yLTJTMTguODk2LDgsMjAsOHoiIGZpbGw9IiMzMzMzMzMiLz48L2c+PC9zdmc+"); }
        .mc-pages-gridview__wrap .mc-pages-grid .mc-pages-grid-item .mc-pages-grid-item__thumbnail .thumbnail__container {
          -ms-zoom: 0.25;
          -moz-transform: scale(0.25);
          -moz-transform-origin: 0 0;
          -o-transform: scale(0.25);
          -o-transform-origin: 0 0;
          -webkit-transform: scale(0.25);
          -webkit-transform-origin: 0 0;
          width: 1440px;
          height: 1600px; }
          .mc-pages-gridview__wrap .mc-pages-grid .mc-pages-grid-item .mc-pages-grid-item__thumbnail .thumbnail__container:after {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0; }
          .mc-pages-gridview__wrap .mc-pages-grid .mc-pages-grid-item .mc-pages-grid-item__thumbnail .thumbnail__container .thumbnail__iframe {
            width: 1440px;
            height: 1600px; }

@media only screen and (min-width: 769px) {
  .mc-pages-gridview__wrap .mc-pages-gridview__body {
    top: 118px; } }

@media only screen and (min-width: 970px) {
  .mc-pages-gridview__wrap .mc-pages-gridview__body {
    top: 65px; } }

.mc-tenant-ai-usage b {
  font-weight: 600; }

.mc-tenant-package {
  font-size: 14px;
  color: #666666; }
  .mc-tenant-package b {
    font-weight: 600; }
  .mc-tenant-package mc-price {
    display: inline-block; }
  .mc-tenant-package .mc-account-overview__change-package-subline {
    margin-top: 0; }
  .mc-tenant-package__min-max {
    font-size: 12px;
    color: #979797; }

.mc-tenant-package__current-package {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  box-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -o-align-items: stretch;
  align-items: stretch;
  -ms-flex-align: stretch;
  width: 100%;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); }

.mc-tenant-package__current-package-header-container {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .mc-tenant-package__current-package-header-container i {
    margin: 28px;
    cursor: pointer; }

.mc-tenant-package__current-package-header {
  padding: 28px; }
  .mc-tenant-package__current-package-header .mc-tenant-package__current-package-logo {
    height: 15px; }

.mc-tenant-package__current-package-price {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 28px 28px; }
  .mc-tenant-package__current-package-price .mc-tenant-package__addons {
    font-size: 13px;
    margin-right: 28px;
    text-align: left; }
    .mc-tenant-package__current-package-price .mc-tenant-package__addons .mc-tenant-package__addons-price {
      font-size: 11px;
      padding: 0; }
      .mc-tenant-package__current-package-price .mc-tenant-package__addons .mc-tenant-package__addons-price--flowers {
        display: block;
        text-align: center; }

.mc-tenant-package__data-package-info {
  padding: 10px;
  color: #664d03;
  background-color: #fff3cd;
  border: 1px solid #ffecb5;
  font-weight: 400;
  flex-basis: 100%;
  margin-top: 10px;
  font-size: 12px;
  text-align: center; }

.mc-tenant-package__current-package-column--flowers {
  display: flex;
  flex-direction: column; }
  .mc-tenant-package__current-package-column--flowers .mc-tenant-package__toggle-data-package {
    margin-top: 10px; }

.mc-tenant-package__current-package-info {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  box-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -o-align-items: stretch;
  align-items: stretch;
  -ms-flex-align: stretch;
  padding: 22px 28px;
  background-color: #eff0fa; }
  .mc-tenant-package__current-package-info .mc-tenant-package__current-package-column {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    box-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -o-align-items: stretch;
    align-items: stretch;
    -ms-flex-align: stretch;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    flex-shrink: 0;
    -ms-flex-negative: 0;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    flex-grow: 1;
    -ms-flex-positive: 1; }
  .mc-tenant-package__current-package-info .mc-tenant-package__current-package-info-label {
    font-size: 11px;
    font-weight: 600; }
  .mc-tenant-package__current-package-info .mc-tenant-package__current-package-info-value {
    font-size: 12px; }

.mc-tenant-package__actions {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  margin: 25px 0; }
  .mc-tenant-package__actions .mc-tenant-package__primary-action.mc-md-button--primary, .mc-tenant-package__actions .white-theme.fr-popup .fr-action-buttons button.mc-tenant-package__primary-action.fr-command, .white-theme.fr-popup .fr-action-buttons .mc-tenant-package__actions button.mc-tenant-package__primary-action.fr-command {
    width: 178px; }
  .mc-tenant-package__actions .mc-tenant-package__cancel-action {
    margin: 8px 30px;
    font-size: 12px;
    color: #6070f6;
    cursor: pointer; }
    .mc-tenant-package__actions .mc-tenant-package__cancel-action:hover {
      color: #6070f6; }

.mc-tenant-package__info {
  width: 100%;
  text-align: center;
  padding: 9px 28px; }

.mc-tenant-package__timeline {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  box-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -o-align-items: stretch;
  align-items: stretch;
  -ms-flex-align: stretch;
  width: 100%;
  height: 103px;
  margin-top: 20px; }
  .mc-tenant-package__timeline .mc-tenant-package-timeline__cell {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    flex-shrink: 0;
    -ms-flex-negative: 0;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    flex-grow: 1;
    -ms-flex-positive: 1; }
    .mc-tenant-package__timeline .mc-tenant-package-timeline__cell .mc-tenant-package-timeline-cell__label {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -ms-flex-align: center;
      height: 50px;
      font-size: 12px;
      color: #3a3a3a;
      font-weight: 600; }
    .mc-tenant-package__timeline .mc-tenant-package-timeline__cell .mc-tenant-package-timeline__line {
      width: 100%;
      height: 3px; }
      .mc-tenant-package__timeline .mc-tenant-package-timeline__cell .mc-tenant-package-timeline__line.mc-tenant-package-timeline__line--current {
        background-color: #6070f6; }
      .mc-tenant-package__timeline .mc-tenant-package-timeline__cell .mc-tenant-package-timeline__line.mc-tenant-package_timeline__line--upcoming {
        background-color: #00c14b; }
      .mc-tenant-package__timeline .mc-tenant-package-timeline__cell .mc-tenant-package-timeline__line.mc-tenant-package_timeline__line--cancel {
        background-color: #d1d1d1; }
    .mc-tenant-package__timeline .mc-tenant-package-timeline__cell .mc-tenant-package-timeline__logo {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -ms-flex-align: center;
      height: 50px; }
      .mc-tenant-package__timeline .mc-tenant-package-timeline__cell .mc-tenant-package-timeline__logo img {
        height: 11px; }
  .mc-tenant-package__timeline .mc-tenant-package-timeline__point {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    flex-shrink: 0;
    -ms-flex-negative: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    flex-grow: 0;
    -ms-flex-positive: 0;
    position: relative;
    padding: 0 2px; }
    .mc-tenant-package__timeline .mc-tenant-package-timeline__point .mc-tenant-package-timeline-point__spliter {
      width: 2px;
      height: 20px;
      background-color: #3a3a3a; }
    .mc-tenant-package__timeline .mc-tenant-package-timeline__point .mc-tenant-package-timeline-point__label {
      position: absolute;
      top: 78px;
      right: 50%;
      transform: translate(50%, -50%); }

.ngdialog.ngdialog-theme-default.ngdialog-package-selection-confirmation .ngdialog-content {
  width: 450px;
  margin: auto; }

.ngdialog.ngdialog-theme-default.ngdialog-package-selection-confirmation b {
  display: inline;
  font-weight: 600;
  white-space: nowrap; }

.ngdialog.ngdialog-theme-default.ngdialog-package-selection-confirmation mc-price {
  display: inline; }
  .ngdialog.ngdialog-theme-default.ngdialog-package-selection-confirmation mc-price div {
    display: inline; }

.ngdialog.ngdialog-theme-default.ngdialog-package-selection-confirmation .mc-account-overview__button--cancel {
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0;
  width: 90px; }

.ngdialog.ngdialog-theme-default.ngdialog-package-selection .ngdialog-content {
  width: 1240px;
  margin: auto;
  padding: 25px; }

.ngdialog.ngdialog-theme-default.ngdialog-price-change .ngdialog-content .form-container {
  display: flex;
  flex-direction: column;
  gap: 10px; }
  .ngdialog.ngdialog-theme-default.ngdialog-price-change .ngdialog-content .form-container .input-container {
    display: flex;
    flex-direction: column; }
    .ngdialog.ngdialog-theme-default.ngdialog-price-change .ngdialog-content .form-container .input-container sup {
      color: red; }
    .ngdialog.ngdialog-theme-default.ngdialog-price-change .ngdialog-content .form-container .input-container .input-field {
      position: relative;
      display: flex; }
      .ngdialog.ngdialog-theme-default.ngdialog-price-change .ngdialog-content .form-container .input-container .input-field input {
        width: 100%;
        margin-top: 0px;
        padding-right: 40px; }
      .ngdialog.ngdialog-theme-default.ngdialog-price-change .ngdialog-content .form-container .input-container .input-field .unit {
        position: absolute;
        right: 10px;
        top: 11px;
        cursor: none;
        pointer-events: none; }

.ngdialog.ngdialog-theme-default.ngdialog-price-list .ngdialog-content {
  width: 1240px;
  margin: auto;
  padding: 25px; }
  .ngdialog.ngdialog-theme-default.ngdialog-price-list .ngdialog-content .table {
    width: 100%;
    border-collapse: collapse;
    border: 1px; }
  .ngdialog.ngdialog-theme-default.ngdialog-price-list .ngdialog-content .highlight-row {
    background-color: lightgoldenrodyellow; }
  .ngdialog.ngdialog-theme-default.ngdialog-price-list .ngdialog-content .table-header-row {
    background-color: #f2f2f2; }
  .ngdialog.ngdialog-theme-default.ngdialog-price-list .ngdialog-content .table-data-row {
    border-bottom: 1px solid #ddd;
    cursor: pointer; }
    .ngdialog.ngdialog-theme-default.ngdialog-price-list .ngdialog-content .table-data-row:hover {
      background-color: #e3e3f6; }
  .ngdialog.ngdialog-theme-default.ngdialog-price-list .ngdialog-content .table-row {
    border-bottom: 1px solid #ddd; }
  .ngdialog.ngdialog-theme-default.ngdialog-price-list .ngdialog-content th,
  .ngdialog.ngdialog-theme-default.ngdialog-price-list .ngdialog-content td {
    padding: 15px 8px;
    text-align: center; }
  .ngdialog.ngdialog-theme-default.ngdialog-price-list .ngdialog-content td {
    white-space: nowrap; }

.ngdialog.ngdialog-theme-default.ngdialog-package-cancelation .ngdialog-content {
  width: 500px;
  margin: auto; }

.ngdialog.ngdialog-theme-default.ngdialog-package-cancelation b {
  display: inline;
  font-weight: 600;
  white-space: nowrap; }

.ngdialog.ngdialog-theme-default.ngdialog-package-cancelation mc-price {
  display: inline; }
  .ngdialog.ngdialog-theme-default.ngdialog-package-cancelation mc-price div {
    display: inline; }

.mc-package-overview__dialog-input {
  margin-top: 16px; }

.mc-package-overview__cancel-dialog-actions,
.mc-package-overview__confirm-dialog-actions,
.mc-package-overview__dialog-actions {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  margin-top: 30px; }
  .mc-package-overview__cancel-dialog-actions button,
  .mc-package-overview__confirm-dialog-actions button,
  .mc-package-overview__dialog-actions button {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    flex-grow: 1;
    -ms-flex-positive: 1;
    margin-right: 10px; }
    .mc-package-overview__cancel-dialog-actions button:last-child,
    .mc-package-overview__confirm-dialog-actions button:last-child,
    .mc-package-overview__dialog-actions button:last-child {
      margin-right: 0; }

.mc-cancelation-confirmation-input__error {
  font-weight: 300;
  color: #e52e2e; }

.tooltip:has([data-tooltip-type='custom-price-tooltip']) .tooltip-inner {
  display: table !important;
  padding: 10px;
  text-align: left; }
  .tooltip:has([data-tooltip-type='custom-price-tooltip']) .tooltip-inner table {
    width: auto;
    border-collapse: collapse;
    margin-top: 5px;
    table-layout: auto; }
  .tooltip:has([data-tooltip-type='custom-price-tooltip']) .tooltip-inner th,
  .tooltip:has([data-tooltip-type='custom-price-tooltip']) .tooltip-inner td {
    border: 1px solid #ccc;
    padding: 4px 8px;
    white-space: nowrap;
    text-align: left; }
  .tooltip:has([data-tooltip-type='custom-price-tooltip']) .tooltip-inner td:nth-child(2),
  .tooltip:has([data-tooltip-type='custom-price-tooltip']) .tooltip-inner td:nth-child(3) {
    text-align: right; }

.none-packages,
.flower-packages,
.automotive-packages {
  display: grid;
  grid-template-columns: 235px 235px 235px 1fr; }
  .none-packages .mc-account-overview__package,
  .flower-packages .mc-account-overview__package,
  .automotive-packages .mc-account-overview__package {
    display: flex;
    flex-direction: column;
    font-size: 1rem;
    z-index: 1; }
    .none-packages .mc-account-overview__package.current-package,
    .flower-packages .mc-account-overview__package.current-package,
    .automotive-packages .mc-account-overview__package.current-package {
      box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px 0;
      padding-bottom: 20px; }
    .none-packages .mc-account-overview__package-info-container,
    .flower-packages .mc-account-overview__package-info-container,
    .automotive-packages .mc-account-overview__package-info-container {
      display: grid;
      z-index: 1;
      gap: 10px; }
      .none-packages .mc-account-overview__package-info-container .mc-account-overview__info,
      .flower-packages .mc-account-overview__package-info-container .mc-account-overview__info,
      .automotive-packages .mc-account-overview__package-info-container .mc-account-overview__info {
        display: grid;
        grid-template-rows: repeat(3, min-content);
        grid-auto-flow: column;
        column-gap: 20px;
        margin-top: 7px;
        margin-left: -8px; }
        .none-packages .mc-account-overview__package-info-container .mc-account-overview__info-wrapper,
        .flower-packages .mc-account-overview__package-info-container .mc-account-overview__info-wrapper,
        .automotive-packages .mc-account-overview__package-info-container .mc-account-overview__info-wrapper {
          font-size: 0.834rem;
          display: flex;
          align-items: baseline; }
        .none-packages .mc-account-overview__package-info-container .mc-account-overview__info-item,
        .flower-packages .mc-account-overview__package-info-container .mc-account-overview__info-item,
        .automotive-packages .mc-account-overview__package-info-container .mc-account-overview__info-item {
          color: #666; }
      .none-packages .mc-account-overview__package-info-container .mc-account-overview__change-package-headline,
      .flower-packages .mc-account-overview__package-info-container .mc-account-overview__change-package-headline,
      .automotive-packages .mc-account-overview__package-info-container .mc-account-overview__change-package-headline {
        color: #1a1a1a;
        font-size: 1.25rem; }
      .none-packages .mc-account-overview__package-info-container .mc-account-overview__change-package-second-line, .none-packages .mc-account-overview__package-info-container .mc-account-overview__change-package-line,
      .flower-packages .mc-account-overview__package-info-container .mc-account-overview__change-package-second-line,
      .flower-packages .mc-account-overview__package-info-container .mc-account-overview__change-package-line,
      .automotive-packages .mc-account-overview__package-info-container .mc-account-overview__change-package-second-line,
      .automotive-packages .mc-account-overview__package-info-container .mc-account-overview__change-package-line {
        margin-bottom: 25px; }
      .none-packages .mc-account-overview__package-info-container .mc-account-overview__package-info-subline,
      .flower-packages .mc-account-overview__package-info-container .mc-account-overview__package-info-subline,
      .automotive-packages .mc-account-overview__package-info-container .mc-account-overview__package-info-subline {
        font-size: 0.834rem;
        color: #bebebe; }
      .none-packages .mc-account-overview__package-info-container .mc-account-overview__plugin-info .mc-account-overview__change-package-headline, .none-packages .mc-account-overview__package-info-container .mc-account-overview__plugin-info .mc-account-overview__info-item,
      .flower-packages .mc-account-overview__package-info-container .mc-account-overview__plugin-info .mc-account-overview__change-package-headline,
      .flower-packages .mc-account-overview__package-info-container .mc-account-overview__plugin-info .mc-account-overview__info-item,
      .automotive-packages .mc-account-overview__package-info-container .mc-account-overview__plugin-info .mc-account-overview__change-package-headline,
      .automotive-packages .mc-account-overview__package-info-container .mc-account-overview__plugin-info .mc-account-overview__info-item {
        color: #0a1e43; }
      .none-packages .mc-account-overview__package-info-container .mc-account-overview__plugin-ad-free,
      .flower-packages .mc-account-overview__package-info-container .mc-account-overview__plugin-ad-free,
      .automotive-packages .mc-account-overview__package-info-container .mc-account-overview__plugin-ad-free {
        font-weight: bold; }
      .none-packages .mc-account-overview__package-info-container .mc-account-overview__data-package-industry-name,
      .flower-packages .mc-account-overview__package-info-container .mc-account-overview__data-package-industry-name,
      .automotive-packages .mc-account-overview__package-info-container .mc-account-overview__data-package-industry-name {
        font-weight: bold; }
      .none-packages .mc-account-overview__package-info-container .mc-account-overview__plugin-label, .none-packages .mc-account-overview__package-info-container .mc-account-overview__data-package-label,
      .flower-packages .mc-account-overview__package-info-container .mc-account-overview__plugin-label,
      .flower-packages .mc-account-overview__package-info-container .mc-account-overview__data-package-label,
      .automotive-packages .mc-account-overview__package-info-container .mc-account-overview__plugin-label,
      .automotive-packages .mc-account-overview__package-info-container .mc-account-overview__data-package-label {
        font-size: 0.942rem;
        font-weight: 100;
        text-transform: uppercase;
        color: #fff; }
      .none-packages .mc-account-overview__package-info-container .mc-account-overview__plugin-devider, .none-packages .mc-account-overview__package-info-container .mc-account-overview__data-package-devider,
      .flower-packages .mc-account-overview__package-info-container .mc-account-overview__plugin-devider,
      .flower-packages .mc-account-overview__package-info-container .mc-account-overview__data-package-devider,
      .automotive-packages .mc-account-overview__package-info-container .mc-account-overview__plugin-devider,
      .automotive-packages .mc-account-overview__package-info-container .mc-account-overview__data-package-devider {
        font-weight: 900;
        color: #f1edf1;
        position: relative;
        top: -1px; }
      .none-packages .mc-account-overview__package-info-container .mc-icon-check-thin,
      .flower-packages .mc-account-overview__package-info-container .mc-icon-check-thin,
      .automotive-packages .mc-account-overview__package-info-container .mc-icon-check-thin {
        color: #00c14a;
        margin: 7px; }
  .none-packages .mc-account-overview__change-package-line, .none-packages .mc-account-overview__change-package-second-line,
  .flower-packages .mc-account-overview__change-package-line,
  .flower-packages .mc-account-overview__change-package-second-line,
  .automotive-packages .mc-account-overview__change-package-line,
  .automotive-packages .mc-account-overview__change-package-second-line {
    text-align: center;
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 2px;
    color: #66001a; }
  .none-packages .mc-account-overview__data-package,
  .flower-packages .mc-account-overview__data-package,
  .automotive-packages .mc-account-overview__data-package {
    display: flex;
    flex-direction: column;
    gap: 30px; }
  .none-packages .mc-account-overview__background-plugin,
  .flower-packages .mc-account-overview__background-plugin,
  .automotive-packages .mc-account-overview__background-plugin {
    position: absolute;
    width: 100%;
    left: 0;
    background-color: #fff6f8; }
  .none-packages .mc-account-overview__industry-image,
  .flower-packages .mc-account-overview__industry-image,
  .automotive-packages .mc-account-overview__industry-image {
    position: absolute;
    left: 0; }
  .none-packages .mc-change-package-indicator,
  .flower-packages .mc-change-package-indicator,
  .automotive-packages .mc-change-package-indicator {
    display: flex;
    justify-content: center;
    height: 21px;
    margin-top: -10px; }
    .none-packages .mc-change-package-indicator__current-package,
    .flower-packages .mc-change-package-indicator__current-package,
    .automotive-packages .mc-change-package-indicator__current-package {
      display: flex;
      align-items: center;
      color: #fff;
      border-radius: 2px;
      padding: 10px;
      background-color: #03c149; }
    .none-packages .mc-change-package-indicator__next-package,
    .flower-packages .mc-change-package-indicator__next-package,
    .automotive-packages .mc-change-package-indicator__next-package {
      display: flex;
      align-items: center;
      color: #000;
      border-radius: 2px;
      padding: 10px;
      background-color: #e9e5f2; }
  .none-packages .mc-change-package__logo,
  .flower-packages .mc-change-package__logo,
  .automotive-packages .mc-change-package__logo {
    display: flex;
    justify-content: center; }
    .none-packages .mc-change-package__logo img,
    .flower-packages .mc-change-package__logo img,
    .automotive-packages .mc-change-package__logo img {
      width: auto;
      height: 15px; }
  .none-packages .mc-change-package__price,
  .flower-packages .mc-change-package__price,
  .automotive-packages .mc-change-package__price {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    color: #0c2045; }
    .none-packages .mc-change-package__price-price,
    .flower-packages .mc-change-package__price-price,
    .automotive-packages .mc-change-package__price-price {
      display: flex;
      gap: 5px;
      font-size: 3rem;
      font-weight: 300; }
      .none-packages .mc-change-package__price-price sup,
      .flower-packages .mc-change-package__price-price sup,
      .automotive-packages .mc-change-package__price-price sup {
        font-size: 1.334rem;
        margin-top: -5px;
        font-weight: normal; }
  .none-packages .mc-change-package__order,
  .flower-packages .mc-change-package__order,
  .automotive-packages .mc-change-package__order {
    text-align: center;
    color: #666; }
  .none-packages .mc-change-package__total-price,
  .flower-packages .mc-change-package__total-price,
  .automotive-packages .mc-change-package__total-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: normal;
    color: #0c2045;
    border-top: 1px solid #e1e1e1; }
  .none-packages .mc-change-package__group-label,
  .flower-packages .mc-change-package__group-label,
  .automotive-packages .mc-change-package__group-label {
    display: flex;
    flex-direction: column;
    padding-top: 15px;
    line-height: 1.5; }
  .none-packages .mc-change-package__total-label,
  .flower-packages .mc-change-package__total-label,
  .automotive-packages .mc-change-package__total-label {
    font-weight: bold; }
  .none-packages .mc-change-package__price--total,
  .flower-packages .mc-change-package__price--total,
  .automotive-packages .mc-change-package__price--total {
    font-weight: 600;
    padding-top: 12px; }
  .none-packages .mc-change-package__plugin-list-price,
  .flower-packages .mc-change-package__plugin-list-price,
  .automotive-packages .mc-change-package__plugin-list-price {
    display: inline-flex;
    gap: 4px; }
  .none-packages .package-devider,
  .flower-packages .package-devider,
  .automotive-packages .package-devider {
    border-right: 2px solid;
    border-image: linear-gradient(to top, #e8e5f2, #000) 1 100%; }
  .none-packages .data-package-devider,
  .flower-packages .data-package-devider,
  .automotive-packages .data-package-devider {
    border-right: 2px solid #e8e5f2; }

.flower-packages .mc-account-overview__package-info-container {
  grid-template-rows: 122px 249px 120px;
  margin: 65px 0 0 40px; }
  .flower-packages .mc-account-overview__package-info-container .mc-account-overview__info-item {
    line-height: 1.6; }
  .flower-packages .mc-account-overview__package-info-container .mc-account-overview__plugin-label {
    padding: 3px 25px;
    background-color: #b5274b; }
  .flower-packages .mc-account-overview__package-info-container .mc-account-overview__data-package-info .mc-account-overview__change-package-headline, .flower-packages .mc-account-overview__package-info-container .mc-account-overview__data-package-info .mc-account-overview__info-item {
    color: #0a1e43; }
  .flower-packages .mc-account-overview__package-info-container .mc-account-overview__data-package-label {
    font-size: 0.942rem;
    font-weight: 100;
    padding: 3px 10px;
    color: #fff;
    text-transform: uppercase;
    background-color: #6b1a77; }

.flower-packages .mc-account-overview__data-package .mc-change-package__price {
  justify-content: space-around; }

.flower-packages .mc-account-overview__background-plugin {
  top: 550px;
  height: 95px; }

.flower-packages .mc-account-overview__industry-image {
  width: 100%;
  top: 291px;
  height: 165px;
  background-color: #fdf0ff; }

.flower-packages .mc-account-overview__change-package-second-line {
  color: #b5274b; }

.flower-packages .mc-change-package__logo {
  padding: 15px 0 30px 0; }

.flower-packages .mc-change-package__wrap {
  padding: 0 20px; }

.flower-packages .mc-change-package__change-button {
  display: flex;
  justify-content: center;
  margin: 25px 0 5px 0; }
  .flower-packages .mc-change-package__change-button--hide {
    display: none; }

.flower-packages .mc-change-package__order {
  padding: 30px 0 55px 0; }

.flower-packages .mc-change-package__total-price {
  margin-top: 115px; }

.flower-packages .mc-change-package__plugin-list {
  text-align: center;
  color: #0a1e43;
  padding-top: 5px; }

.flower-packages .data-package-devider {
  height: 335px;
  border-image: linear-gradient(to bottom, #fff 50%, #e8e5f2) 1; }

.none-packages .mc-account-overview__package-info-container {
  grid-template-rows: 220px 127px;
  gap: 7px;
  margin: 68px 0 0 25px; }
  .none-packages .mc-account-overview__package-info-container .mc-account-overview__info-item {
    line-height: 1.8; }
  .none-packages .mc-account-overview__package-info-container .mc-account-overview__plugin-label {
    padding: 3px 25px;
    background-color: #b5274b; }

.none-packages .mc-account-overview__background-plugin {
  height: 101px;
  top: 389px; }

.none-packages .mc-change-package__logo {
  margin: 15px 0 35px 0; }

.none-packages .mc-change-package__order {
  margin: 30px 0 65px 0; }

.none-packages .mc-change-package__plugin-list {
  text-align: center;
  margin: 10px 0 25px 0;
  color: #0a1e43; }

.none-packages .mc-change-package__wrap {
  padding: 0 20px; }

.none-packages .mc-change-package__change-button {
  display: flex;
  justify-content: center; }
  .none-packages .mc-change-package__change-button--hide {
    display: none; }

.none-packages__data-package {
  gap: 35px; }

.none-packages .data-package-devider {
  height: 170px; }

.automotive-packages {
  margin-bottom: 50px;
  grid-template-columns: 225px 225px 225px 1fr; }
  .automotive-packages .mc-account-overview__package-info-container {
    grid-template-rows: 189px 1fr;
    margin: 20px 0 0 30px; }
    .automotive-packages .mc-account-overview__package-info-container .mc-account-overview__info-wrapper {
      font-size: 1rem; }
    .automotive-packages .mc-account-overview__package-info-container .mc-account-overview__info-item {
      line-height: 1.3; }
    .automotive-packages .mc-account-overview__package-info-container .mc-account-overview__change-package-headline {
      font-size: 1.334rem; }
    .automotive-packages .mc-account-overview__package-info-container .mc-account-overview__change-package-subline {
      font-size: 1rem;
      color: #bebebe;
      margin-top: 10px; }
    .automotive-packages .mc-account-overview__package-info-container .mc-account-overview__data-package-info {
      font-weight: 100; }
      .automotive-packages .mc-account-overview__package-info-container .mc-account-overview__data-package-info .mc-account-overview__info-item {
        color: #0a1e43; }
      .automotive-packages .mc-account-overview__package-info-container .mc-account-overview__data-package-info .mc-account-overview__automotive-plugins-remark {
        margin-left: 0;
        margin-top: 5px;
        color: #0a1e43; }
      .automotive-packages .mc-account-overview__package-info-container .mc-account-overview__data-package-info .mc-account-overview__change-package-subline {
        color: #8d84a9;
        line-height: 1.3; }
      .automotive-packages .mc-account-overview__package-info-container .mc-account-overview__data-package-info .mc-icon-check-thin {
        color: #102448; }
    .automotive-packages .mc-account-overview__package-info-container .mc-account-overview__data-package-label {
      font-size: 1rem;
      padding: 3px 10px;
      background-color: #66001a; }
    .automotive-packages .mc-account-overview__package-info-container .mc-account-overview__data-package-text {
      font-weight: 300; }
  .automotive-packages .mc-account-overview__data-package {
    color: #0c2045;
    padding-bottom: 5px; }
    .automotive-packages .mc-account-overview__data-package .mc-change-package__wrap {
      padding: 0 25px; }
  .automotive-packages .mc-account-overview__industry-image {
    right: 0;
    top: 312px;
    bottom: 0;
    background-color: #e8e5f2; }
    .automotive-packages .mc-account-overview__industry-image img {
      position: absolute;
      right: 90px;
      bottom: 0; }
  .automotive-packages .mc-change-package__wrap {
    display: flex;
    flex-direction: column;
    gap: 45px;
    padding: 15px 10px 0 10px; }
  .automotive-packages .mc-change-package__change-button {
    display: flex;
    justify-content: center; }
    .automotive-packages .mc-change-package__change-button--hide {
      display: none; }
  .automotive-packages .mc-change-package__price {
    justify-content: space-around; }
    .automotive-packages .mc-change-package__price-price sup {
      font-weight: 300; }
    .automotive-packages .mc-change-package__price-monthly {
      color: #666; }
  .automotive-packages .mc-change-package__order {
    font-size: 1.167rem;
    padding-bottom: 45px; }
  .automotive-packages .mc-change-package__plugin-list {
    margin-left: 25px;
    list-style: disc; }
    .automotive-packages .mc-change-package__plugin-list li {
      line-height: 1.5;
      margin-bottom: 10px; }
  .automotive-packages .package-devider {
    border-image: linear-gradient(to top, #bebebe, #00000000) 1 100%; }
  .automotive-packages .data-package-devider {
    border-right: 2px solid;
    border-image: linear-gradient(to bottom, #fff, #00000000) 1 100%; }

.mc-shop-status-wrapper {
  padding: 0 15px;
  display: inline-block;
  font-size: 12px;
  cursor: default; }
  .mc-shop-status-wrapper--link {
    cursor: pointer; }
  .mc-shop-status-wrapper .mc-shop-status-icon {
    height: 8px;
    width: 8px;
    border-radius: 50%;
    position: absolute;
    top: 30px;
    right: 15px;
    transform: translate(50%, -50%);
    transform-origin: top right; }
    .mc-shop-status-wrapper .mc-shop-status-icon.perform-animation {
      animation: pulse 1s 1; }
      .mc-shop-status-wrapper .mc-shop-status-icon.perform-animation:after {
        animation: sonar 1s 0.2s 1; }
  .mc-shop-status-wrapper .mc-shop-status-online {
    background-color: #00c14a; }
  .mc-shop-status-wrapper .mc-shop-status-offline {
    background-color: #d0021b; }

@media only screen and (max-width: 640px) {
  .mc-navigate-to-shop__btn,
  .mc-shop-status-text {
    display: none; }
  .mc-shop-status-wrapper {
    padding: 0 15px 0 0; } }

.mc-domain-wizard-lease-confirm {
  position: relative;
  max-width: 800px;
  margin: 0 auto; }
  .mc-domain-wizard-lease-confirm .mc-domain-wizard-lease-confirm__back {
    font-size: 16px;
    margin-top: 50px;
    margin-bottom: 20px; }
  .mc-domain-wizard-lease-confirm .mc-domain-wizard-lease-confirm__back-link {
    color: #6070f6; }
  .mc-domain-wizard-lease-confirm .mc-domain-wizard-lease-confirm__back-arrow {
    font-size: 14px; }
  .mc-domain-wizard-lease-confirm .mc-domain-wizard-lease-confirm__back-text {
    color: #666666; }
  .mc-domain-wizard-lease-confirm .mc-domain-wizard-lease-confirm__text {
    margin-top: 30px;
    margin-bottom: 50px; }
  .mc-domain-wizard-lease-confirm .mc-domain-wizard-lease-confirm__url-price {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    padding: 30px 0;
    margin-bottom: 50px;
    font-size: 14px; }
  .mc-domain-wizard-lease-confirm .mc-domain-wizard-lease-confirm__price {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex; }
  .mc-domain-wizard-lease-confirm .mc-domain-wizard-lease-confirm__url {
    font-weight: 500;
    color: #1a1a1a; }
    .mc-domain-wizard-lease-confirm .mc-domain-wizard-lease-confirm__url span.domain-item-www-prefix {
      color: #666666;
      font-weight: 300; }
  .mc-domain-wizard-lease-confirm .mc-domain-wizard-lease-confirm__confirm {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify; }
  .mc-domain-wizard-lease-confirm .mc-domain-wizard-lease-confirm__checkbox {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: reverse;
    -moz-box-direction: reverse;
    box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end;
    padding: 15px 15px 15px 0; }
  .mc-domain-wizard-lease-confirm .mc-domain-wizard-lease-confirm__checkbox--error {
    border-color: #d0021b; }
  .mc-domain-wizard-lease-confirm .mc-domain-wizard-lease-confirm__checkbox-item {
    flex-grow: 0; }
  .mc-domain-wizard-lease-confirm .mc-domain-wizard-lease-confirm__terms-condition {
    font-size: 1rem;
    color: #666666; }
    .mc-domain-wizard-lease-confirm .mc-domain-wizard-lease-confirm__terms-condition .mc-domain-wizard-lease-confirm__terms-condition-link {
      color: #6070f6; }
  .mc-domain-wizard-lease-confirm .mc-domain-wizard-lease-confirm__terms-condition--error {
    color: #d0021b; }
  .mc-domain-wizard-lease-confirm .mc-domain-wizard-lease-confirm__is-responsive-checkbox {
    margin-right: 16px; }
  .mc-domain-wizard-lease-confirm .mc-domain-wizard-lease-confirm--confirm-button {
    width: 96px; }
  .mc-domain-wizard-lease-confirm .mc-issue-list-item-error {
    background-color: #d0021b; }
    .mc-domain-wizard-lease-confirm .mc-issue-list-item-error .mc-icon {
      color: #d0021b; }

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0; }
  100% {
    background-position: 468px 0; } }

mc-domain-wizard-lease-search {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column; }
  mc-domain-wizard-lease-search .mc-dialog-header {
    margin-bottom: 0; }
  mc-domain-wizard-lease-search .mc-domain-wizard-lease-search__content {
    position: relative;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    flex: 1;
    overflow-y: auto;
    scrollbar-width: none;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column; }
  mc-domain-wizard-lease-search .mc-domain-wizard-lease-search__section {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: 48px;
    justify-content: space-between; }
  mc-domain-wizard-lease-search .mc-domain-wizard-lease-search__section-body {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    overflow-y: auto;
    margin-top: 30px;
    padding-right: 25px;
    height: 100%;
    scrollbar-width: thin; }
    mc-domain-wizard-lease-search .mc-domain-wizard-lease-search__section-body .mc-domain-wizard-lease-search__hint {
      position: sticky;
      position: -webkit-sticky;
      top: 0;
      padding: 21px 0;
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -ms-flex-align: center;
      background: #ffffff;
      font-size: 14px;
      z-index: 1; }
      mc-domain-wizard-lease-search .mc-domain-wizard-lease-search__section-body .mc-domain-wizard-lease-search__hint i {
        color: #30307f;
        margin-right: 8px; }
    mc-domain-wizard-lease-search .mc-domain-wizard-lease-search__section-body .mc-domain-wizard-lease-search__domain-item,
    mc-domain-wizard-lease-search .mc-domain-wizard-lease-search__section-body .mc-domain-wizard-lease-search__domain-item--premium {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      padding: 21px 0;
      font-size: 13px;
      color: black;
      border-bottom: 1px solid #e1e1e1; }
      mc-domain-wizard-lease-search .mc-domain-wizard-lease-search__section-body .mc-domain-wizard-lease-search__domain-item span,
      mc-domain-wizard-lease-search .mc-domain-wizard-lease-search__section-body .mc-domain-wizard-lease-search__domain-item--premium span {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1; }
        mc-domain-wizard-lease-search .mc-domain-wizard-lease-search__section-body .mc-domain-wizard-lease-search__domain-item span.mc-domain-wizard-lease-search__domain-item-name,
        mc-domain-wizard-lease-search .mc-domain-wizard-lease-search__section-body .mc-domain-wizard-lease-search__domain-item--premium span.mc-domain-wizard-lease-search__domain-item-name {
          color: #1a1a1a;
          font-weight: 500; }
          mc-domain-wizard-lease-search .mc-domain-wizard-lease-search__section-body .mc-domain-wizard-lease-search__domain-item span.mc-domain-wizard-lease-search__domain-item-name.domain-item--disabled,
          mc-domain-wizard-lease-search .mc-domain-wizard-lease-search__section-body .mc-domain-wizard-lease-search__domain-item--premium span.mc-domain-wizard-lease-search__domain-item-name.domain-item--disabled {
            color: #666; }
          mc-domain-wizard-lease-search .mc-domain-wizard-lease-search__section-body .mc-domain-wizard-lease-search__domain-item span.mc-domain-wizard-lease-search__domain-item-name span.domain-item-www-prefix,
          mc-domain-wizard-lease-search .mc-domain-wizard-lease-search__section-body .mc-domain-wizard-lease-search__domain-item--premium span.mc-domain-wizard-lease-search__domain-item-name span.domain-item-www-prefix {
            color: #666666;
            font-weight: 300; }
        mc-domain-wizard-lease-search .mc-domain-wizard-lease-search__section-body .mc-domain-wizard-lease-search__domain-item span.mc-domain-wizard-lease-search__domain-item-price,
        mc-domain-wizard-lease-search .mc-domain-wizard-lease-search__section-body .mc-domain-wizard-lease-search__domain-item--premium span.mc-domain-wizard-lease-search__domain-item-price {
          display: -webkit-box;
          display: -moz-box;
          display: box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: end;
          -moz-box-pack: end;
          box-pack: end;
          -webkit-justify-content: flex-end;
          -moz-justify-content: flex-end;
          -ms-justify-content: flex-end;
          -o-justify-content: flex-end;
          justify-content: flex-end;
          -ms-flex-pack: end;
          align-items: center;
          padding: 0 45px;
          color: #666666; }
      mc-domain-wizard-lease-search .mc-domain-wizard-lease-search__section-body .mc-domain-wizard-lease-search__domain-item .mc-domain-wizard-lease-search__domain-item-unavailable,
      mc-domain-wizard-lease-search .mc-domain-wizard-lease-search__section-body .mc-domain-wizard-lease-search__domain-item--premium .mc-domain-wizard-lease-search__domain-item-unavailable {
        background-color: rgba(0, 0, 0, 0.05);
        border-radius: 2px;
        padding: 2px 10px; }
      mc-domain-wizard-lease-search .mc-domain-wizard-lease-search__section-body .mc-domain-wizard-lease-search__domain-item button,
      mc-domain-wizard-lease-search .mc-domain-wizard-lease-search__section-body .mc-domain-wizard-lease-search__domain-item--premium button {
        border: none;
        color: #6070f6;
        font-size: 12px;
        cursor: pointer;
        background: none; }
        mc-domain-wizard-lease-search .mc-domain-wizard-lease-search__section-body .mc-domain-wizard-lease-search__domain-item button.hidden,
        mc-domain-wizard-lease-search .mc-domain-wizard-lease-search__section-body .mc-domain-wizard-lease-search__domain-item--premium button.hidden {
          visibility: hidden; }
      mc-domain-wizard-lease-search .mc-domain-wizard-lease-search__section-body .mc-domain-wizard-lease-search__domain-item.last-domain,
      mc-domain-wizard-lease-search .mc-domain-wizard-lease-search__section-body .mc-domain-wizard-lease-search__domain-item--premium.last-domain {
        border-bottom: none; }
      mc-domain-wizard-lease-search .mc-domain-wizard-lease-search__section-body .mc-domain-wizard-lease-search__domain-item .domain-prefix,
      mc-domain-wizard-lease-search .mc-domain-wizard-lease-search__section-body .mc-domain-wizard-lease-search__domain-item--premium .domain-prefix {
        color: #666666; }
      mc-domain-wizard-lease-search .mc-domain-wizard-lease-search__section-body .mc-domain-wizard-lease-search__domain-item.item--loading .domain-item-placeholder--wrapper,
      mc-domain-wizard-lease-search .mc-domain-wizard-lease-search__section-body .mc-domain-wizard-lease-search__domain-item--premium.item--loading .domain-item-placeholder--wrapper {
        padding: 0 5px;
        -webkit-box-flex: auto;
        -moz-box-flex: auto;
        box-flex: auto;
        -webkit-flex: auto;
        -moz-flex: auto;
        -ms-flex: auto;
        flex: auto; }
        mc-domain-wizard-lease-search .mc-domain-wizard-lease-search__section-body .mc-domain-wizard-lease-search__domain-item.item--loading .domain-item-placeholder--wrapper:first-of-type,
        mc-domain-wizard-lease-search .mc-domain-wizard-lease-search__section-body .mc-domain-wizard-lease-search__domain-item--premium.item--loading .domain-item-placeholder--wrapper:first-of-type {
          -webkit-flex-basis: 60%;
          -moz-flex-basis: 60%;
          flex-basis: 60%;
          -ms-flex-preferred-size: 60%; }
        mc-domain-wizard-lease-search .mc-domain-wizard-lease-search__section-body .mc-domain-wizard-lease-search__domain-item.item--loading .domain-item-placeholder--wrapper .domain-item-placeholder--item,
        mc-domain-wizard-lease-search .mc-domain-wizard-lease-search__section-body .mc-domain-wizard-lease-search__domain-item--premium.item--loading .domain-item-placeholder--wrapper .domain-item-placeholder--item {
          animation-duration: 1.5s;
          animation-fill-mode: forwards;
          animation-iteration-count: infinite;
          animation-timing-function: linear;
          animation-name: placeHolderShimmer;
          background: #f6f7f8;
          background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
          background-size: 1000px 100px;
          height: 10px;
          width: 100%;
          position: relative;
          overflow: hidden;
          display: -webkit-inline-box;
          display: -moz-inline-box;
          display: inline-box;
          display: -webkit-inline-flex;
          display: -moz-inline-flex;
          display: -ms-inline-flexbox;
          display: inline-flex; }
        mc-domain-wizard-lease-search .mc-domain-wizard-lease-search__section-body .mc-domain-wizard-lease-search__domain-item.item--loading .domain-item-placeholder--wrapper:nth-child(3),
        mc-domain-wizard-lease-search .mc-domain-wizard-lease-search__section-body .mc-domain-wizard-lease-search__domain-item--premium.item--loading .domain-item-placeholder--wrapper:nth-child(3) {
          width: 20px;
          text-align: right; }
          mc-domain-wizard-lease-search .mc-domain-wizard-lease-search__section-body .mc-domain-wizard-lease-search__domain-item.item--loading .domain-item-placeholder--wrapper:nth-child(3) > .domain-item-placeholder--item,
          mc-domain-wizard-lease-search .mc-domain-wizard-lease-search__section-body .mc-domain-wizard-lease-search__domain-item--premium.item--loading .domain-item-placeholder--wrapper:nth-child(3) > .domain-item-placeholder--item {
            width: 60px; }
        mc-domain-wizard-lease-search .mc-domain-wizard-lease-search__section-body .mc-domain-wizard-lease-search__domain-item.item--loading .domain-item-placeholder--wrapper.domain-item-placeholder--wrapper__0,
        mc-domain-wizard-lease-search .mc-domain-wizard-lease-search__section-body .mc-domain-wizard-lease-search__domain-item--premium.item--loading .domain-item-placeholder--wrapper.domain-item-placeholder--wrapper__0 {
          padding-right: 30%; }
        mc-domain-wizard-lease-search .mc-domain-wizard-lease-search__section-body .mc-domain-wizard-lease-search__domain-item.item--loading .domain-item-placeholder--wrapper.domain-item-placeholder--wrapper__1,
        mc-domain-wizard-lease-search .mc-domain-wizard-lease-search__section-body .mc-domain-wizard-lease-search__domain-item--premium.item--loading .domain-item-placeholder--wrapper.domain-item-placeholder--wrapper__1 {
          padding-right: 40%; }
        mc-domain-wizard-lease-search .mc-domain-wizard-lease-search__section-body .mc-domain-wizard-lease-search__domain-item.item--loading .domain-item-placeholder--wrapper.domain-item-placeholder--wrapper__2,
        mc-domain-wizard-lease-search .mc-domain-wizard-lease-search__section-body .mc-domain-wizard-lease-search__domain-item--premium.item--loading .domain-item-placeholder--wrapper.domain-item-placeholder--wrapper__2 {
          padding-right: 35%; }
  mc-domain-wizard-lease-search .mc-domain-wizard-lease-search--error {
    justify-content: center;
    align-items: center; }
  mc-domain-wizard-lease-search .mc-domain-wizard-lease-search--error-line-prim {
    color: #1a1a1a;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 30px; }
  mc-domain-wizard-lease-search .mc-domain-wizard-lease-search--error-line-sec {
    color: #b0b0b0;
    font-size: 16px; }
  mc-domain-wizard-lease-search .mc-domain-wizard-lease-search--error-image-container {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center; }
  mc-domain-wizard-lease-search .mc-domain-wizard-lease-search__domain-list-wrapper {
    height: 0px; }

.mc-domain-wizard-lease-success {
  position: relative;
  max-width: 800px;
  margin: 0 auto; }
  .mc-domain-wizard-lease-success .mc-domain-wizard-lease-success__congratulation-text {
    margin-bottom: 25px; }
    .mc-domain-wizard-lease-success .mc-domain-wizard-lease-success__congratulation-text:last-of-type {
      margin-bottom: 40px; }
  .mc-domain-wizard-lease-success .mc-domain-wizard-lease-success__primary-domain {
    margin-bottom: 40px; }
  .mc-domain-wizard-lease-success .mc-domain-wizard-lease-success__url-price {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    padding: 30px 0;
    margin-bottom: 25px;
    font-size: 14px; }
  .mc-domain-wizard-lease-success .mc-domain-wizard-lease-success__url {
    font-weight: 500;
    color: #1a1a1a;
    word-break: break-all;
    display: block;
    padding-right: 15px; }
    .mc-domain-wizard-lease-success .mc-domain-wizard-lease-success__url span.domain-item-www-prefix {
      color: #666666;
      font-weight: 300; }
  .mc-domain-wizard-lease-success .mc-domain-wizard-lease-success__price {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    flex-shrink: 0;
    -ms-flex-negative: 0; }
  .mc-domain-wizard-lease-success .mc-domain-wizard-lease-success__confirm {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex; }
  .mc-domain-wizard-lease-success .mc-domain-wizard-lease-success--ok-button {
    width: 100%;
    padding: 0; }

.mc-domain-wizard-lease-error {
  position: relative;
  max-width: 800px;
  margin: 0 auto; }
  .mc-domain-wizard-lease-error .mc-domain-wizard-lease-error__text {
    margin-bottom: 25px; }
    .mc-domain-wizard-lease-error .mc-domain-wizard-lease-error__text:last-of-type {
      margin-bottom: 40px; }
  .mc-domain-wizard-lease-error .mc-domain-wizard-lease-error__close {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex; }
  .mc-domain-wizard-lease-error .mc-domain-wizard-lease-error__close-button {
    width: 100%;
    padding: 0; }
  .mc-domain-wizard-lease-error .mc-domain-wizard-lease-error__image-container {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    width: 100%;
    height: 100%;
    margin-top: 40px;
    margin-bottom: 40px; }

.mc-domain-wizard-external-connect__content {
  padding: 0 75px 0 75px; }
  .mc-domain-wizard-external-connect__content .mc-domain-wizard-external-connect__headline-wrapper {
    margin-top: 5px; }
  .mc-domain-wizard-external-connect__content .mc-domain-wizard-external-connect__headline {
    font-size: 14px;
    color: #3a3a3a; }
  .mc-domain-wizard-external-connect__content .mc-domain-wizard-external-connect__url {
    margin-top: 30px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    position: relative; }
  .mc-domain-wizard-external-connect__content .mc-domain-wizard-external-connect__input {
    width: 100%;
    height: 48px;
    padding: 20px 45px 20px 20px;
    font-size: 14px;
    border: none; }
  .mc-domain-wizard-external-connect__content .mc-domain-wizard-external-connect__validation-check {
    position: absolute;
    right: 0;
    top: 0;
    margin: 16px;
    color: #00c14a; }
  .mc-domain-wizard-external-connect__content .mc-domain-wizard-external-connect__text-wrapper {
    margin-top: 15px;
    margin-bottom: 50px;
    line-height: 24px; }
  .mc-domain-wizard-external-connect__content .mc-domain-wizard-external-connect__text {
    font-weight: 300;
    color: #666666; }
  .mc-domain-wizard-external-connect__content .mc-domain-wizard-external-connect__link {
    color: #6070f6;
    text-decoration: none; }
    .mc-domain-wizard-external-connect__content .mc-domain-wizard-external-connect__link .mc-icon {
      font-size: 12px; }
  .mc-domain-wizard-external-connect__content .mc-domain-wizard-external-connect__error-wrapper {
    margin-top: 10px;
    margin-bottom: 25px; }
  .mc-domain-wizard-external-connect__content .mc-domain-wizard-external-connect__error {
    font-weight: 300;
    color: #d0021b; }
  .mc-domain-wizard-external-connect__content .mc-domain-wizard-external-connect__placeholder--validation-error {
    padding-top: 19px; }
  .mc-domain-wizard-external-connect__content .mc-domain-wizard-external-connect__placeholder--domain-error {
    padding-top: 37px; }
  .mc-domain-wizard-external-connect__content .mc-domain-wizard-external-connect__verify-button {
    min-width: 120px; }
  .mc-domain-wizard-external-connect__content .mc-domain-wizard-external-connect__button {
    margin-bottom: 25px; }
  .mc-domain-wizard-external-connect__content .mc-domain-wizard-external-connect__verify-button-title {
    align-items: normal; }

.mc-domain-wizard-external-status .mc-domain-wizard-external-status__image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0 40px 0; }

.mc-domain-wizard-external-status .mc-domain-wizard-external-status__text {
  margin-bottom: 20px;
  color: #666666; }

.mc-domain-wizard-external-status .mc-domain-wizard-external-status__link-wrapper {
  color: #6070f6; }

.mc-domain-wizard-external-status .mc-domain-wizard-external-status__link {
  text-decoration: none; }

.mc-domain-wizard-external-status .mc-domain-wizard-external-status__button-wrapper {
  padding-top: 30px;
  display: flex; }

.mc-domain-wizard-external-status .mc-domain-wizard-external-status__button {
  width: 100%;
  padding: 0; }

.mc-domain-wizard-external-status .mc-domain-wizard-external-status__button--left {
  margin-right: 10px; }

.mc-domain-wizard-external-status .mc-domain-wizard-external-status__button--right {
  margin-left: 10px; }

.ngdialog.ngdialog-theme-default.ngdialog__domain-wizard--big .ngdialog-content {
  width: 1000px;
  margin: auto;
  height: 72%;
  max-height: 782px; }

.ngdialog.ngdialog-theme-default.ngdialog__domain-wizard--big-dynamic .ngdialog-content {
  width: 1000px;
  margin: auto;
  height: auto;
  max-height: 782px; }

.ngdialog.ngdialog-theme-default.ngdialog__domain-wizard--small .ngdialog-content {
  width: 400px;
  margin: auto; }

.ngdialog.ngdialog-domain-wizard .ngdialog-content {
  background: #ffffff;
  overflow: hidden; }

.mc-domain-wizard-actions-item {
  display: flex;
  position: relative;
  margin: 10px 0;
  border-radius: 2px;
  border: 2px solid #e8e8e8;
  flex-direction: column;
  padding: 15px;
  text-decoration: none;
  cursor: pointer; }

.mc-domain-wizard-actions-item__label {
  width: calc(100% - 58px);
  color: #111111;
  font-size: 14px;
  padding-bottom: 5px; }

.mc-domain-wizard-actions-item__hint {
  width: calc(100% - 58px);
  color: #666666;
  font-size: 13px;
  font-weight: 300; }

.mc-domain-wizard-actions-item__icon {
  width: 58px;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }

.domain-list-wrapper {
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: 20px; }
  .domain-list-wrapper .domain-list-table {
    border-collapse: collapse;
    width: 100%; }
    .domain-list-wrapper .domain-list-table .icon-background {
      position: absolute;
      right: 9px;
      height: 10px;
      width: 4px;
      top: 14px;
      background: #ffffff; }
    .domain-list-wrapper .domain-list-table .mc-icon-attention {
      color: #ff7b00; }
    .domain-list-wrapper .domain-list-table .mc-md-button__content .mc-icon-attention {
      position: absolute;
      right: 3px;
      top: 11px; }
    .domain-list-wrapper .domain-list-table tr {
      border-bottom: 1px solid #e1e1e1; }
    .domain-list-wrapper .domain-list-table tr.domain-set {
      border-bottom: 1px solid transparent; }
      .domain-list-wrapper .domain-list-table tr.domain-set:last-of-type {
        border-bottom: 1px solid #e1e1e1; }
    .domain-list-wrapper .domain-list-table tr.timeout-error {
      background-color: #fff7f8; }
    .domain-list-wrapper .domain-list-table .domain-list-table__status,
    .domain-list-wrapper .domain-list-table .domain-list-table__active,
    .domain-list-wrapper .domain-list-table .domain-list-table__primary,
    .domain-list-wrapper .domain-list-table .domain-list-table__external {
      text-align: center; }
    .domain-list-wrapper .domain-list-table .domain-list-table__monthly-fee,
    .domain-list-wrapper .domain-list-table .domain-list-table__price {
      text-align: right; }
    .domain-list-wrapper .domain-list-table td.domain-set-header {
      font-weight: 600; }
      .domain-list-wrapper .domain-list-table td.domain-set-header i.mc-icon {
        margin-right: 8px;
        float: left;
        margin-top: 6px;
        font-size: 14px; }
    .domain-list-wrapper .domain-list-table td.domain-set-item div {
      margin-left: 25px; }
    .domain-list-wrapper .domain-list-table th,
    .domain-list-wrapper .domain-list-table td {
      padding: 17px 20px;
      position: relative;
      max-width: 280px; }
      .domain-list-wrapper .domain-list-table th .domain-list-table__domain-name,
      .domain-list-wrapper .domain-list-table td .domain-list-table__domain-name {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
      .domain-list-wrapper .domain-list-table th .mc-icon,
      .domain-list-wrapper .domain-list-table td .mc-icon {
        display: block;
        text-align: center; }
      .domain-list-wrapper .domain-list-table th .mc-icon-stack,
      .domain-list-wrapper .domain-list-table td .mc-icon-stack {
        display: inline-block; }
      .domain-list-wrapper .domain-list-table th .mc-icon-domain-primary,
      .domain-list-wrapper .domain-list-table td .mc-icon-domain-primary {
        font-size: 22px; }
      .domain-list-wrapper .domain-list-table th .mc-loader,
      .domain-list-wrapper .domain-list-table td .mc-loader {
        width: 20px;
        height: 20px; }
    .domain-list-wrapper .domain-list-table th {
      background-color: #f2f2f2;
      border-top: 1px solid #e1e1e1;
      border-bottom: 1px solid #e1e1e1; }
    .domain-list-wrapper .domain-list-table .domain-list-table__icon--error {
      color: #d0021b; }

.mc-account-overview__box .mc-md-button--primary.mc-tenant-domains__add-domain, .mc-account-overview__box .white-theme.fr-popup .fr-action-buttons button.mc-tenant-domains__add-domain.fr-command, .white-theme.fr-popup .fr-action-buttons .mc-account-overview__box button.mc-tenant-domains__add-domain.fr-command {
  width: auto; }

.mc-tenant-domains-cancel-confirm-dialog--url {
  display: flex;
  flex-direction: column;
  margin-top: 20px; }

.mc-tenant-gdpr .mc-account-overview-box__content:not(:last-of-type) {
  padding-bottom: 0; }

.mc-tenant-gdpr .mc-tenant-gdpr__border {
  border: 1px solid rgba(63, 63, 68, 0.15);
  margin-top: 10px;
  margin-bottom: 4px;
  width: 100%; }

.mc-tenant-gdpr .mc-tenant-gdpr__zip-button {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  border-radius: 50%;
  background-color: #a5a5a5;
  height: 35px;
  width: 35px;
  padding: 8px; }

.mc-tenant-gdpr .mc-tenant-gdpr__zip-button-text {
  color: #ffffff; }
  .mc-tenant-gdpr .mc-tenant-gdpr__zip-button-text:hover {
    color: #ffffff; }

.mc-tenant-gdpr .mc-tenant-gdpr__download-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  margin-left: 10px; }

.mc-tenant-gdpr .mc-tenant-gdpr__data-name {
  margin-bottom: -5px;
  color: #666666; }
  .mc-tenant-gdpr .mc-tenant-gdpr__data-name:hover {
    color: #666666; }

.mc-tenant-gdpr .mc-tenant-gdpr__download-link {
  color: #6070f6; }
  .mc-tenant-gdpr .mc-tenant-gdpr__download-link:hover {
    color: #6070f6; }

.mc-tenant-gdpr .mc-account-overview-box__content .mc-tenant-gdpr--left-align {
  -webkit-box-pack: left;
  -moz-box-pack: left;
  box-pack: left;
  -webkit-justify-content: left;
  -moz-justify-content: left;
  -ms-justify-content: left;
  -o-justify-content: left;
  justify-content: left;
  -ms-flex-pack: left; }

.mc-tenant-gdpr .mc-tenant-gdpr__pending-info {
  margin-left: 10px; }

.mc-tenant-invoice__show-more-button {
  display: flex;
  flex-direction: row;
  justify-content: center; }

.mc-tenant-order-statistics__show-more-button, .mc-tenant-order-statistics__show-less-button {
  display: flex;
  flex-direction: row;
  justify-content: center; }

.ngdialog {
  overflow: hidden;
  display: flex;
  flex-direction: column; }
  .ngdialog.ngdialog-theme-default.ngdialog-domain-management--big .ngdialog-content {
    width: 1000px;
    margin: auto;
    background: #fff;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    min-height: 0%; }
    .ngdialog.ngdialog-theme-default.ngdialog-domain-management--big .ngdialog-content .mc-dialog-header {
      padding: 20px 25px;
      margin: 0; }
    .ngdialog.ngdialog-theme-default.ngdialog-domain-management--big .ngdialog-content hr {
      margin: 0 25px 50px; }

.domain-set-management {
  margin-left: -14px;
  margin-right: -14px;
  background: #fff; }
  .domain-set-management__table {
    width: 100%;
    color: #666; }
    .domain-set-management__table tr {
      line-height: 38px; }
    .domain-set-management__table th {
      padding: 21px 14px 21px;
      background: #f2f2f2;
      border-top: 1px solid #d1d1d1;
      border-bottom: 1px solid #d1d1d1;
      font-size: 14px; }
    .domain-set-management__table td {
      padding: 10px 14px;
      background: #fff;
      border-bottom: 1px solid #d1d1d1;
      font-size: 13px;
      font-weight: 300;
      height: 35px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 200px; }
      .domain-set-management__table td:nth-child(3) {
        text-align: right; }
        .domain-set-management__table td:nth-child(3) .mc-icon {
          cursor: pointer;
          padding: 11px; }
          .domain-set-management__table td:nth-child(3) .mc-icon:hover {
            background: #d1d1d1;
            color: #fff;
            border-radius: 50%;
            -webkit-transition: background-color 0.3s linear, color 0.1s linear;
            -moz-transition: background-color 0.3s linear, color 0.1s linear;
            transition: background-color 0.3s linear, color 0.1s linear; }
  .domain-set-management .mc-form .mc-form-group:nth-child(1) {
    width: 500px;
    position: relative; }
    .domain-set-management .mc-form .mc-form-group:nth-child(1) .mc-single-price_input {
      width: 100%; }
    .domain-set-management .mc-form .mc-form-group:nth-child(1) .mc-single-price_currency {
      position: absolute;
      right: 0;
      padding-right: calc(1rem + 15px);
      height: 38px;
      bottom: 0; }
  .domain-set-management .mc-form .mc-multicolumn {
    background: #fff;
    margin: 0;
    padding: 42px 0 21px;
    margin-top: -1.9em; }
    .domain-set-management .mc-form .mc-multicolumn .mc-icon {
      margin-right: 10px; }
    .domain-set-management .mc-form .mc-multicolumn .mc-form-label {
      font-size: 11px; }
  .domain-set-management .domain-set-management__is-leased-info {
    display: flex;
    align-items: center;
    height: 36px; }
  .domain-set-management .mc-md-button--primary, .domain-set-management .white-theme.fr-popup .fr-action-buttons button.fr-command, .white-theme.fr-popup .fr-action-buttons .domain-set-management button.fr-command {
    width: 200px;
    margin: 25px 0 20px 14px; }

.mc-domains-editor {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  min-height: 0%; }
  .mc-domains-editor__container {
    background: #fff;
    padding-left: 100px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    flex-grow: 0;
    -ms-flex-positive: 0;
    -webkit-flex-shrink: 1;
    -moz-flex-shrink: 1;
    flex-shrink: 1;
    -ms-flex-negative: 1;
    overflow-y: auto;
    padding-top: 10px; }
    .mc-domains-editor__container-image {
      -webkit-align-self: center;
      -moz-align-self: center;
      align-self: center;
      -ms-flex-item-align: center;
      margin-right: 100px; }
    .mc-domains-editor__container-search {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      flex-shrink: 0;
      -ms-flex-negative: 0;
      height: 48px;
      padding-right: 100px; }
    .mc-domains-editor__container-search-results, .mc-domains-editor__container-domain-set {
      margin: 60px 0 25px;
      font-size: 14px;
      color: #3a3a3a;
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -ms-flex-align: center; }
      .mc-domains-editor__container-search-results i, .mc-domains-editor__container-domain-set i {
        padding-right: 10px;
        color: #30307f; }
    .mc-domains-editor__container-search-results {
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      flex-shrink: 0;
      -ms-flex-negative: 0; }
    .mc-domains-editor__container-loading-state-wrapper {
      padding-right: 100px;
      overflow-y: scroll; }
      .mc-domains-editor__container-loading-state-wrapper .loading-state {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 21px 0;
        font-size: 13px;
        color: black;
        border-bottom: 1px solid #e1e1e1; }
        .mc-domains-editor__container-loading-state-wrapper .loading-state .item-wrapper {
          padding: 0 5px;
          -webkit-box-flex: auto;
          -moz-box-flex: auto;
          box-flex: auto;
          -webkit-flex: auto;
          -moz-flex: auto;
          -ms-flex: auto;
          flex: auto; }
          .mc-domains-editor__container-loading-state-wrapper .loading-state .item-wrapper:first-of-type {
            -webkit-flex-basis: 60%;
            -moz-flex-basis: 60%;
            flex-basis: 60%;
            -ms-flex-preferred-size: 60%; }
          .mc-domains-editor__container-loading-state-wrapper .loading-state .item-wrapper .loading-item {
            animation-duration: 1.5s;
            animation-fill-mode: forwards;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
            animation-name: placeHolderShimmer;
            background: #f6f7f8;
            background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
            background-size: 1000px 100px;
            height: 10px;
            width: 100%;
            position: relative;
            overflow: hidden;
            display: -webkit-inline-box;
            display: -moz-inline-box;
            display: inline-box;
            display: -webkit-inline-flex;
            display: -moz-inline-flex;
            display: -ms-inline-flexbox;
            display: inline-flex; }
          .mc-domains-editor__container-loading-state-wrapper .loading-state .item-wrapper:nth-child(3) {
            width: 20px;
            text-align: right; }
            .mc-domains-editor__container-loading-state-wrapper .loading-state .item-wrapper:nth-child(3) > .loading-item {
              width: 60px; }
          .mc-domains-editor__container-loading-state-wrapper .loading-state .item-wrapper.item-wrapper-0 {
            padding-right: 30%; }
          .mc-domains-editor__container-loading-state-wrapper .loading-state .item-wrapper.item-wrapper-1 {
            padding-right: 40%; }
          .mc-domains-editor__container-loading-state-wrapper .loading-state .item-wrapper.item--wrapper-2 {
            padding-right: 35%; }

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0; }
  100% {
    background-position: 468px 0; } }
  .mc-domains-editor__actions {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    flex-grow: 0;
    -ms-flex-positive: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    flex-shrink: 0;
    -ms-flex-negative: 0;
    padding-right: 100px;
    overflow-y: scroll;
    padding-bottom: 45px;
    padding-left: 100px;
    margin-top: 45px; }
    .mc-domains-editor__actions button:first-child {
      background: #8ebfcb;
      box-shadow: 0 2px 6px 0 rgba(142, 191, 203, 0.7);
      margin-right: 10px; }
      .mc-domains-editor__actions button:first-child:hover {
        background: #98c5d0; }
    .mc-domains-editor__actions button:last-child {
      margin-left: 10px; }

.mc-domains-editor-domain-set {
  overflow-y: scroll; }
  .mc-domains-editor-domain-set__table {
    width: 100%;
    padding-right: 100px;
    font-size: 13px; }
    .mc-domains-editor-domain-set__table tr:last-child td {
      border: none; }
    .mc-domains-editor-domain-set__table td {
      height: 60px;
      border-bottom: 1px solid #e1e1e1; }
      .mc-domains-editor-domain-set__table td:nth-child(1) {
        font-weight: 600;
        color: #1a1a1a;
        max-width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-right: 30px; }
      .mc-domains-editor-domain-set__table td:nth-child(2) {
        text-align: right; }
        .mc-domains-editor-domain-set__table td:nth-child(2) button {
          width: 100px; }
          .mc-domains-editor-domain-set__table td:nth-child(2) button.mc-md-button--primary, .mc-domains-editor-domain-set__table td:nth-child(2) .white-theme.fr-popup .fr-action-buttons button.fr-command, .white-theme.fr-popup .fr-action-buttons .mc-domains-editor-domain-set__table td:nth-child(2) button.fr-command {
            background: #d0021b;
            box-shadow: 0 2px 6px 0 rgba(208, 2, 27, 0.5); }
            .mc-domains-editor-domain-set__table td:nth-child(2) button.mc-md-button--primary:hover, .mc-domains-editor-domain-set__table td:nth-child(2) .white-theme.fr-popup .fr-action-buttons button.fr-command:hover, .white-theme.fr-popup .fr-action-buttons .mc-domains-editor-domain-set__table td:nth-child(2) button.fr-command:hover {
              background: #df021d; }

.mc-domains-editor-list {
  height: 235px;
  overflow-y: scroll;
  display: block; }
  .mc-domains-editor-list__table {
    width: 100%;
    padding-right: 100px;
    font-size: 13px; }
    .mc-domains-editor-list__table tr:last-child td {
      border: none; }
    .mc-domains-editor-list__table td {
      height: 60px;
      border-bottom: 1px solid #e1e1e1; }
      .mc-domains-editor-list__table td:nth-child(1) {
        font-weight: 600;
        color: #1a1a1a;
        max-width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-right: 30px; }
      .mc-domains-editor-list__table td:nth-child(4) {
        text-align: right; }
        .mc-domains-editor-list__table td:nth-child(4) button {
          width: 100px; }
      .mc-domains-editor-list__table td div {
        display: inline; }

.mc-industries-filter {
  position: relative;
  width: 200px;
  height: 100%;
  margin-right: 10px; }
  .mc-industries-filter .mc-industries-filter__toggle {
    position: relative;
    height: 100%; }
  .mc-industries-filter .mc-industries-filter__industry-list {
    overflow: auto;
    max-height: 228px; }
  .mc-industries-filter .mc-industries-filter__industry-list--item {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px 10px 6px 0;
    color: #666666;
    white-space: nowrap; }
    .mc-industries-filter .mc-industries-filter__industry-list--item:hover {
      background-color: rgba(96, 112, 246, 0.1);
      color: #3a3d5f; }
  .mc-industries-filter mc-industry-icon {
    position: relative;
    width: 40px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .mc-industries-filter mc-industry-icon svg {
      height: 26px;
      width: 26px; }
      .mc-industries-filter mc-industry-icon svg.mc-industry__any {
        height: 22px;
        width: 22px; }
      .mc-industries-filter mc-industry-icon svg path,
      .mc-industries-filter mc-industry-icon svg circle {
        fill: #666666;
        stroke: #666666;
        stroke-width: 0.1; }
  .mc-industries-filter .mc-industries-filter--selected--wrapper {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: 25px;
    color: #666666; }
    .mc-industries-filter .mc-industries-filter--selected--wrapper .mc-industries-filter--selected {
      position: relative;
      flex: 1;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      font-size: 12px;
      white-space: nowrap; }
    .mc-industries-filter .mc-industries-filter--selected--wrapper .mc-industries-filter-arrow {
      position: relative;
      width: 10px;
      padding: 0 15px;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 8px; }
  .mc-industries-filter .mc-submenu {
    width: auto;
    left: 50%;
    transform: translateX(-50%) translateY(15px);
    transition: transform 250ms ease-in-out, opacity 250ms ease-out;
    pointer-events: none;
    top: calc(100% - 5px); }
    .mc-industries-filter .mc-submenu.is-open {
      opacity: 1;
      cursor: pointer;
      pointer-events: all; }
  .mc-industries-filter .mc-submenu__caret:after {
    left: 50%;
    transform: translateY(-75%) scaleX(1.5) translateX(-50%);
    top: 2px; }

.mc-search {
  position: relative;
  flex: 1;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  width: 65%;
  height: 100%; }
  .mc-search input[type='text'] {
    -webkit-appearance: none;
    width: 100%;
    height: 100%;
    color: #1a1a1a;
    font-size: 14px;
    border: 0;
    background-color: #ffffff;
    padding: 0 48px 0 20px;
    line-height: normal; }
    .mc-search input[type='text']::-webkit-input-placeholder {
      color: rgba(102, 102, 102, 0.5); }
    .mc-search input[type='text']::-moz-placeholder {
      color: rgba(102, 102, 102, 0.5); }
    .mc-search input[type='text']:-moz-placeholder {
      color: rgba(102, 102, 102, 0.5); }
    .mc-search input[type='text']:-ms-input-placeholder {
      color: rgba(102, 102, 102, 0.5); }
  .mc-search i {
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    cursor: pointer; }

.calendar {
  user-select: none; }
  .calendar__wrap {
    display: flex;
    flex-direction: column;
    width: 100vw; }
  .calendar__grid {
    display: grid;
    grid-template-columns: 100px repeat(7, 1fr);
    grid-template-areas: 'time day0 day1 day2 day3 day4 day5 day6'; }
  .calendar__header {
    width: 100vw;
    z-index: 1;
    grid-template-rows: 1fr;
    flex-grow: 0;
    border-top: 1px solid #e1e1e1;
    margin-top: 2px;
    color: #666666;
    box-shadow: 0 1px 0 0 rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15); }
  .calendar__dow {
    position: relative;
    background-color: #ffffff;
    padding: 20px;
    text-align: center; }
    .calendar__dow--active {
      color: #6070f6;
      font-weight: 500; }
      .calendar__dow--active:after {
        content: '';
        position: absolute;
        display: block;
        width: 100%;
        height: 4px;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #6070f6; }
  .calendar__event-box {
    display: flex;
    align-items: center;
    margin: 5px 10px 5px 0;
    padding: 0 13px;
    border-radius: 2px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
    height: calc(100% - 10px); }
  .calendar__event .calendar__event-title {
    font-size: 18px; }
  .calendar__event .calendar__event-time {
    font-size: 12px;
    flex-grow: 1;
    text-align: right; }
  .calendar__event--big .calendar__event-box {
    flex-direction: column;
    align-items: flex-start;
    padding: 13px; }
  .calendar__event--big .calendar__event-title {
    height: 28px; }
  .calendar__event--big .calendar__event-time {
    text-align: left; }
  .calendar__event--active .calendar__event-box {
    background-color: #6070f6;
    color: #fff; }
    .calendar__event--active .calendar__event-box .calendar__event-time {
      color: rgba(255, 255, 255, 0.75); }
  .calendar__event--inactive .calendar__event-box {
    background-color: #eeeeee;
    border-left: 2px solid #a8a8a8;
    color: #000; }
    .calendar__event--inactive .calendar__event-box .calendar__event-time {
      color: #666666; }
  .calendar__unit-item {
    display: none;
    position: relative;
    background-color: #dce0ff;
    color: #6070f6;
    border-radius: 2px;
    height: 100%;
    fomt-size: 11px; }
    .calendar__unit-item .mc-icon {
      position: absolute;
      width: 100%;
      text-align: center;
      top: 4px; }
    .calendar__unit-item .calendar__unit-time {
      position: absolute;
      width: 100%;
      text-align: right;
      padding-right: 5px;
      top: 4px; }
  .calendar__time {
    visibility: hidden;
    margin-top: -6px; }
    .calendar__time:nth-child(4n + 2):not(.calendar__time--first):not(.calendar__time--last) {
      visibility: visible;
      text-align: center; }
  .calendar__unit {
    border-left: 1px solid #e1e1e1;
    padding: 5px; }
    .calendar__unit:nth-child(-n + 192) {
      border-left: none; }
    .calendar__unit:nth-child(4n + 5) {
      border-bottom: 1px solid #e1e1e1; }
  .calendar__placeholder {
    height: 30px; }
    .calendar__placeholder:hover .calendar__unit-item {
      display: flex; }
  .calendar__main {
    width: 100vw;
    grid-auto-flow: column;
    grid-template-rows: repeat(96, 1fr);
    /* 24h x 4 = 96 */
    flex-grow: 1;
    overflow-y: scroll;
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
    position: relative; }
    .calendar__main::-webkit-scrollbar {
      width: 0 !important; }
    .calendar__main .calendar__time-marker {
      position: absolute;
      display: block;
      width: 200px;
      height: 2px;
      background-color: #d0021b;
      pointer-events: none;
      z-index: 1000; }
      .calendar__main .calendar__time-marker:before {
        display: block;
        content: '';
        width: 13px;
        height: 13px;
        border-radius: 50%;
        background-color: #d0021b;
        margin-top: -5px;
        margin-left: -6px;
        z-index: 1000; }

.error-bar__wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  height: 60px;
  background-color: #fcdce0;
  color: #d0021b;
  font-size: 15px;
  padding: 0 50px 0 15px;
  line-height: normal; }

.error-bar__error-sign {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #d0021b;
  border-radius: 50%;
  color: #ffffff;
  background-color: #d0021b;
  padding: 10px;
  margin-right: 15px; }
  .error-bar__error-sign .mc-icon-exclamation {
    color: #ffffff; }

.error-bar .mc-icon-close-thin {
  position: absolute;
  right: 25px;
  cursor: pointer;
  font-size: 12px; }

mc-industry-data-update-status {
  margin: auto 15px;
  max-width: 225px; }

.mc-industry-update-data {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  border-radius: 12px;
  height: 24px; }
  .mc-industry-update-data .mc-industry-update-data__icon {
    height: 24px;
    width: 24px;
    border-radius: 50%;
    background-color: #30307f;
    margin-right: 10px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center; }
    .mc-industry-update-data .mc-industry-update-data__icon .mc-icon::before {
      color: #ffffff; }
  .mc-industry-update-data .mc-industry-update-data__info {
    color: #a5a5a5;
    padding-right: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 2rem; }
  .mc-industry-update-data.mc-industry-update-data__new-update-available {
    background-color: rgba(96, 112, 246, 0.15);
    cursor: pointer; }
    .mc-industry-update-data.mc-industry-update-data__new-update-available .mc-industry-update-data__info {
      color: #6070f6; }
    .mc-industry-update-data.mc-industry-update-data__new-update-available .mc-industry-update-data__icon {
      background-color: #6070f6; }
  .mc-industry-update-data.mc-industry-update-data__disabled {
    background-color: #eaeaea; }
    .mc-industry-update-data.mc-industry-update-data__disabled .mc-industry-update-data__info {
      color: #666666; }
    .mc-industry-update-data.mc-industry-update-data__disabled .mc-industry-update-data__icon {
      background-color: #666666; }

.industry-update-compact-summary {
  background-color: white;
  padding: 20px 0; }
  .ngdialog-content .industry-update-compact-summary {
    background-color: transparent;
    padding: 0; }
  .industry-update-compact-summary h1 {
    color: #666666;
    font-size: 14px;
    text-align: center; }
  .industry-update-compact-summary hr {
    margin: 18px 0 0 0;
    border-top: 1px solid #e5e5e5; }

.mc-industry-update-process-summary {
  padding-top: 20px;
  font-family: 'Open Sans', sans-serif; }
  .mc-industry-update-process-summary .state-column {
    text-align: center;
    margin-bottom: 30px;
    padding: 0 15px; }
    .mc-industry-update-process-summary .state-column p {
      color: rgba(102, 102, 102, 0.6);
      line-height: 1.5rem; }
      .mc-industry-update-process-summary .state-column p:first-child {
        color: #666666;
        font-weight: bold;
        padding: 6px; }
  .mc-industry-update-process-summary .circle {
    align-items: center;
    border-radius: 50%;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    height: 35px;
    position: relative;
    width: 35px;
    margin: 12px auto; }
    .mc-industry-update-process-summary .circle i {
      color: white;
      font-size: 16px; }
    .mc-industry-update-process-summary .circle.circle-success {
      background: #00c14a; }
    .mc-industry-update-process-summary .circle.circle-error {
      background: #d0021b; }
  .mc-industry-update-process-summary hr {
    border-top: none;
    margin: 15px 0 20px 0;
    color: #e5e5e5; }
  .mc-industry-update-process-summary .industry-update-loader {
    margin-top: 40px; }
    .mc-industry-update-process-summary .industry-update-loader p.headline {
      padding-bottom: 30px; }

mc-product-export-compact-summary,
mc-orders-export-compact-summary {
  font-family: 'Open Sans', sans-serif; }
  mc-product-export-compact-summary .product-export-compact-summary,
  mc-orders-export-compact-summary .product-export-compact-summary {
    background: white;
    padding-top: 15px; }
    mc-product-export-compact-summary .product-export-compact-summary__headline,
    mc-orders-export-compact-summary .product-export-compact-summary__headline {
      color: #666666;
      font-size: 14px;
      text-align: center; }
    mc-product-export-compact-summary .product-export-compact-summary .product-export-loader,
    mc-orders-export-compact-summary .product-export-compact-summary .product-export-loader {
      padding: 40px 0; }
    mc-product-export-compact-summary .product-export-compact-summary__status,
    mc-orders-export-compact-summary .product-export-compact-summary__status {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -moz-box-orient: vertical;
      box-orient: vertical;
      -webkit-box-direction: normal;
      -moz-box-direction: normal;
      box-direction: normal;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      flex-direction: column;
      -ms-flex-direction: column;
      -webkit-box-align: center;
      -moz-box-align: center;
      box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -ms-flex-align: center; }
    mc-product-export-compact-summary .product-export-compact-summary__subline,
    mc-orders-export-compact-summary .product-export-compact-summary__subline {
      padding-bottom: 5px;
      font-weight: 700;
      color: #666666; }
    mc-product-export-compact-summary .product-export-compact-summary__text,
    mc-orders-export-compact-summary .product-export-compact-summary__text {
      padding: 0px 20px;
      text-align: center;
      line-height: 1.5; }
      mc-product-export-compact-summary .product-export-compact-summary__text a,
      mc-orders-export-compact-summary .product-export-compact-summary__text a {
        text-decoration: none;
        color: #6070f6;
        display: inline-block; }
    mc-product-export-compact-summary .product-export-compact-summary__download-button,
    mc-orders-export-compact-summary .product-export-compact-summary__download-button {
      width: calc(100% - 60px);
      margin: 30px 0;
      padding: 0; }
      mc-product-export-compact-summary .product-export-compact-summary__download-button-label,
      mc-orders-export-compact-summary .product-export-compact-summary__download-button-label {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -ms-flex-align: center; }
        mc-product-export-compact-summary .product-export-compact-summary__download-button-label i,
        mc-orders-export-compact-summary .product-export-compact-summary__download-button-label i {
          margin-right: 10px; }
    mc-product-export-compact-summary .product-export-compact-summary .circle,
    mc-orders-export-compact-summary .product-export-compact-summary .circle {
      margin: 35px 0 15px 0;
      align-items: center;
      border-radius: 50%;
      display: flex;
      height: 35px;
      justify-content: center;
      position: relative;
      width: 35px; }
      mc-product-export-compact-summary .product-export-compact-summary .circle i,
      mc-orders-export-compact-summary .product-export-compact-summary .circle i {
        color: white;
        font-size: 16px; }
      mc-product-export-compact-summary .product-export-compact-summary .circle--success,
      mc-orders-export-compact-summary .product-export-compact-summary .circle--success {
        background: #00c14a; }
      mc-product-export-compact-summary .product-export-compact-summary .circle--error,
      mc-orders-export-compact-summary .product-export-compact-summary .circle--error {
        background: #d0021b; }
    mc-product-export-compact-summary .product-export-compact-summary .product-export-compact-summary__footer,
    mc-orders-export-compact-summary .product-export-compact-summary .product-export-compact-summary__footer {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -ms-flex-align: center;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      box-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center;
      width: 100%;
      margin-top: 30px;
      background-color: rgba(96, 112, 246, 0.1);
      cursor: pointer;
      height: 50px; }
      mc-product-export-compact-summary .product-export-compact-summary .product-export-compact-summary__footer a,
      mc-orders-export-compact-summary .product-export-compact-summary .product-export-compact-summary__footer a {
        color: #6070f6;
        text-decoration: none; }

@keyframes glowing {
  from {
    background-color: #e3e3e3; }
  25% {
    background-color: #535353; }
  50% {
    background-color: #8d8d8d; }
  75% {
    background-color: #bcbcbc; }
  to {
    background-color: #e3e3e3; } }

.product-export-loader .animation {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  width: 100%;
  height: 100%; }
  .product-export-loader .animation .dot {
    width: 12px;
    height: 12px;
    background-color: #e3e3e3;
    border-radius: 50%;
    margin: 0px 14px;
    animation: glowing 1.3s ease infinite; }
  .product-export-loader .animation .dot--second {
    animation-delay: 200ms; }
  .product-export-loader .animation .dot--third {
    animation-delay: 400ms; }
  .product-export-loader .animation .dot--last {
    animation-delay: 600ms; }
  .product-export-loader .animation .server-img {
    width: 43px;
    height: 43px;
    margin-right: 15px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAArCAYAAAGWWkFWAAAABGdBTUEAALGPC/xhBQAAAftJREFUWAntWQuSgyAMxZ1OT2Hv272Pnxu5x6B5VFjBoCBhtu7IjEVCeMT8+FQppe706OCZmpmgtEafX57UDEesuZZjdNu2hOQXMEw+Seuu67SbfAlxI85l27yznCsuEBpMFPZ8hQTDST8cM8erWASWM5doPo2RmcXJFmMiGM6EIe3O6o2ToWmaX208Hg+Ox6NlIacbWqlvbxrRRpbMzijjOO5KkYfc9/0u4szwg3qiAfBpkYIQBWaWh87S7FaeG1luuFOKEi1/rK4mcWzCz6bH8niYBHLaz2o6duFklQpXSUk0lj9W38IOipKQdLiN1TU12aboGVjAVNLGkzccG8oQvbSsPKEUEOM9ULgVxJcoLucOw8DugxxDwgsJ9N4eSfpoNUOZXCChwwujrgaqGMrk1VP4qRf72GhILCuwmItonH+WbdeR8YLx4qtrtdj3dApdSBXxhQ+CSYOmLOVHeN6rNCSWDCzgSRa7dFbzAUlhLdamsDYpSJ1E7KQldTSh2GRD4MUbjoz8tGLF/Hjc6nL5bIm9mbHwWXPAz7gQYGDqkRZyGTlxdEGulTwSHcmjsTGQC/KZIxbVV7k0cCqfNYEledu3yuoFhPnmEMG3/Q/Dpzjd/9vI2JsNfJnUKafUWiYZc25lb0ywocH7XxX6QCPjtZEpNfXW+NOcwV5RRUg31rmH4AAAAABJRU5ErkJggg==");
    background-position: center center; }
  .product-export-loader .animation .package-img {
    width: 36px;
    height: 40px;
    margin-left: 15px; }

.product-export-loader p {
  color: #111111;
  font-size: 14px;
  margin-top: 40px;
  text-align: center; }

.product-export-dialog {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center; }
  .product-export-dialog__subline {
    padding-bottom: 5px;
    font-weight: 700;
    color: #666666; }
  .product-export-dialog__text {
    padding: 0px 20px;
    text-align: center;
    line-height: 1.5; }
  .product-export-dialog a {
    text-decoration: none;
    color: #6070f6;
    display: inline-block; }
  .product-export-dialog hr {
    width: 100%;
    margin: 30px 0; }
  .product-export-dialog .circle {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    margin: 35px 0 15px 0;
    border-radius: 50%;
    height: 35px;
    position: relative;
    width: 35px; }
    .product-export-dialog .circle i {
      color: white;
      font-size: 16px; }
    .product-export-dialog .circle--success {
      background: #00c14a; }
    .product-export-dialog .circle--error {
      background: #d0021b; }

.mc-multiple-status-switch__container {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  background-color: #ffffff;
  padding-left: 15px; }

.mc-multiple-status-switch__wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  margin-top: 3px; }

.mc-multiple-status-switch__checkbox-description {
  padding-left: 10px;
  font-size: 12px; }

.mc-tenant-brands__selected-brands-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start; }
  .mc-tenant-brands__selected-brands-wrap .mc-tenant-brands__selected-brands-text {
    border: 1px solid #d3d3d3;
    color: #525252;
    padding: 6px 12px;
    border-radius: 2px;
    margin-right: 12px;
    margin-bottom: 10px; }

.mc-business-hours-table {
  width: 100%; }
  .mc-business-hours-table td {
    padding: 10px; }
  .mc-business-hours-table__action {
    width: 28px; }
  .mc-business-hours-table__headline {
    font-weight: 600;
    font-size: 11px;
    padding: 0 10px; }
    .mc-business-hours-table__headline:first-child {
      padding-left: 0; }
  .mc-business-hours-table__dow {
    display: flex; }
    .mc-business-hours-table__dow mc-checkbox {
      margin-right: 10px; }
  .mc-business-hours-table .mc-md-button--tiny.mc-md-button--fab.mc-md-button--positive {
    font-size: 20px; }
  .mc-business-hours-table .mc-md-button--tiny.mc-md-button--fab.mc-md-button--negative {
    font-size: 12px;
    line-height: 12px; }

.mc-business-hours__actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px; }
  .mc-business-hours__actions .mc-md-button--primary, .mc-business-hours__actions .white-theme.fr-popup .fr-action-buttons button.fr-command, .white-theme.fr-popup .fr-action-buttons .mc-business-hours__actions button.fr-command {
    margin-left: 8px; }

.mc-business-hours__read-only-content .mc-business-hours-table th {
  font-weight: 600;
  width: 150px; }

.mc-business-hours__read-only-content .mc-business-hours-table th,
.mc-business-hours__read-only-content .mc-business-hours-table td {
  border-top: 1px solid #e1e1e1;
  padding: 20px; }

.mc-business-hours__read-only-content .mc-business-hours__time {
  margin-right: 25px; }

.mc-tenant-services__selected-services-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start; }
  .mc-tenant-services__selected-services-wrap .mc-tenant-services__selected-services-text {
    border: 1px solid #d3d3d3;
    color: #525252;
    padding: 6px 12px;
    border-radius: 2px;
    margin-right: 12px;
    margin-bottom: 10px; }

.mc-pos-dashboard {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(303px, 1fr));
  grid-template-rows: max-content;
  row-gap: 50px;
  column-gap: 20px;
  overflow-y: auto;
  background-color: #f7f7f7;
  height: 100%;
  width: 100vw;
  padding: 30px 30px; }
  @media only screen and (min-width: 1300px) {
    .mc-pos-dashboard {
      grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
      padding: 30px 50px;
      column-gap: 30px; } }

.mc-pos-dashboard-widget {
  display: flex;
  flex-direction: column;
  padding: 15px;
  background-color: #ffffff;
  min-height: 450px;
  border-radius: 2px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14); }
  .mc-pos-dashboard-widget:last-child {
    margin-right: 0; }
  .mc-pos-dashboard-widget__headline {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 30px;
    text-align: center;
    color: #292929; }
  .mc-pos-dashboard-widget__image {
    display: none; }
  .mc-pos-dashboard-widget__subline {
    margin: 30px 0 20px 0;
    font-size: 14px;
    font-weight: 600;
    color: #1a1a1a; }
  @media only screen and (min-width: 1300px) {
    .mc-pos-dashboard-widget {
      padding: 20px 30px;
      min-height: 750px; }
      .mc-pos-dashboard-widget__headline {
        margin-bottom: 0px; }
      .mc-pos-dashboard-widget__subline {
        margin: 40px 0 25px 0; }
      .mc-pos-dashboard-widget__image {
        display: block;
        align-self: center;
        width: 300px;
        height: 250px;
        object-fit: contain;
        margin: 20px 0 30px 0; } }

.mc-pos-dashboard-my-shop {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }
  .mc-pos-dashboard-my-shop__column {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    width: 50%; }
    .mc-pos-dashboard-my-shop__column:last-child {
      padding-left: 30px; }
  .mc-pos-dashboard-my-shop__info {
    font-size: 12px;
    color: #3a3a3a;
    margin-bottom: 10px; }
  .mc-pos-dashboard-my-shop__button {
    font-size: 14px;
    font-weight: 500; }
  @media only screen and (min-width: 1300px) {
    .mc-pos-dashboard-my-shop__info {
      font-size: 13px; }
    .mc-pos-dashboard-my-shop__button {
      font-size: 12px;
      font-weight: 600; } }

.mc-pos-dashboard-discounts {
  height: 50px;
  margin-bottom: 10px; }
  .mc-pos-dashboard-discounts__box {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    height: 50px; }
  .mc-pos-dashboard-discounts__title {
    font-size: 18px; }
  .mc-pos-dashboard-discounts__time {
    font-size: 13px;
    font-weight: 300; }
  .mc-pos-dashboard-discounts__button {
    font-size: 14px;
    font-weight: 500; }
  @media only screen and (min-width: 1300px) {
    .mc-pos-dashboard-discounts {
      margin-bottom: 0; }
      .mc-pos-dashboard-discounts__button {
        font-size: 12px;
        font-weight: 600; }
      .mc-pos-dashboard-discounts__box {
        height: 40px; } }

.mc-pos-dashboard-opening-hours {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  margin-top: 40px; }
  .mc-pos-dashboard-opening-hours__row {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    border-bottom: 1px solid rgba(0, 0, 0, 0.14);
    padding-bottom: 15px;
    margin-bottom: 15px; }
  .mc-pos-dashboard-opening-hours__day {
    width: 50%;
    font-size: 14px;
    font-weight: 600;
    color: #1a1a1a; }
  .mc-pos-dashboard-opening-hours__time-wrapper {
    width: 50%;
    font-size: 13px;
    color: #3a3a3a; }
  .mc-pos-dashboard-opening-hours__time {
    text-align: end;
    margin-right: 30px;
    margin-bottom: 5px; }
    .mc-pos-dashboard-opening-hours__time:last-child {
      margin-bottom: 0; }
  .mc-pos-dashboard-opening-hours__button {
    font-size: 14px;
    font-weight: 500; }
  @media only screen and (min-width: 1300px) {
    .mc-pos-dashboard-opening-hours__button {
      font-size: 12px;
      font-weight: 600; }
    .mc-pos-dashboard-opening-hours__time {
      text-align: unset;
      margin-right: 0; } }

.mc-product-tableview-search-header {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .mc-product-tableview-search-header__button-container {
    padding-right: 30px; }
  .mc-product-tableview-search-header .mc-button--editmode {
    margin: 30px 0; }

.mc-product-tableview-search-header__button-container {
  display: flex;
  align-items: center; }
  .mc-product-tableview-search-header__button-container .mc-md-button--positive {
    margin-left: 10px; }
    .mc-product-tableview-search-header__button-container .mc-md-button--positive .mc-loader {
      display: none; }
    .mc-product-tableview-search-header__button-container .mc-md-button--positive.pending {
      cursor: default;
      pointer-events: none;
      background-color: #ffffff;
      box-shadow: none; }
      .mc-product-tableview-search-header__button-container .mc-md-button--positive.pending .mc-product-tableview-search-header__save-text {
        display: none; }
      .mc-product-tableview-search-header__button-container .mc-md-button--positive.pending .mc-loader {
        display: block;
        height: 20px;
        width: 20px; }

.mc-table-view-edit-mode-price {
  position: relative;
  display: block; }
  .mc-table-view-edit-mode-price .mc-single-price_input {
    width: 100%;
    padding-right: 38px; }
  .mc-table-view-edit-mode-price .mc-single-price_currency {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #8c8c8c; }

mc-table-view-edit-mode-category .mc-tableview-edit-category__wrapper {
  display: flex;
  flex-direction: column; }

mc-table-view-edit-mode-category .mc-tableview-edit-category__content {
  display: flex;
  justify-content: left; }
  mc-table-view-edit-mode-category .mc-tableview-edit-category__content mc-category-select-with-tree {
    min-width: 135px;
    margin-top: -6px;
    height: 47px; }
  mc-table-view-edit-mode-category .mc-tableview-edit-category__content:not(:last-child) {
    margin-bottom: 10px; }
  mc-table-view-edit-mode-category .mc-tableview-edit-category__content .select2-container {
    width: 80%; }
    mc-table-view-edit-mode-category .mc-tableview-edit-category__content .select2-container .select2-search-choice-close {
      position: absolute; }

mc-table-view-edit-mode-category .mc-tableview-edit-category__actions {
  position: relative;
  bottom: 2px;
  margin-left: -20px;
  z-index: 1000;
  width: 20px;
  height: 40px; }
  mc-table-view-edit-mode-category .mc-tableview-edit-category__actions .mc-md-button {
    box-shadow: none;
    width: 20px;
    height: 20px; }
  mc-table-view-edit-mode-category .mc-tableview-edit-category__actions mc-form-delete-confirm div {
    overflow: initial !important; }

mc-table-view-edit-mode-category mc-form-delete-confirm {
  position: relative;
  bottom: 0px;
  left: 0;
  z-index: 1000;
  width: 30px; }

mc-table-view-edit-mode-category .mc-button-delete-close {
  bottom: 2px; }

mc-table-view-edit-mode-category .mc-button-confirm-delete {
  position: relative;
  right: 130px; }

mc-table-view-edit-mode-dropdown .ui-select-placeholder {
  width: auto !important; }

.mc-tableview-edit-mode-wrapper {
  display: flex;
  justify-content: center; }

.settings {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  line-height: normal; }
  .settings a {
    color: #6070f6; }
  .settings sup {
    color: #d0021b; }
  .settings__header {
    width: 100%;
    height: 130px;
    flex-shrink: 0; }
  .settings__content {
    background-color: #f0f0f0;
    padding: 30px 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    overflow-y: scroll; }
  .settings__container-wrapper {
    width: 100%;
    max-width: 1000px;
    margin: 0 30px;
    display: flex;
    flex-direction: column; }
  .settings__input {
    padding: 10px 0; }
    .settings__input input {
      padding: 10px;
      font-size: 12px; }
  .settings__container {
    width: 100%;
    background-color: #ffffff;
    padding: 15px 20px 20px;
    margin-bottom: 30px;
    overflow-x: hidden;
    border-radius: 2px;
    box-shadow: 0 1px 0 0 rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15); }
    .settings__container .settings__remark {
      margin-top: 25px;
      margin-bottom: -10px; }
    .settings__container--logo .settings__row {
      flex-direction: column; }
    .settings__container--logo .settings__tooltip-wrapper {
      position: relative; }
      .settings__container--logo .settings__tooltip-wrapper .logo-tooltip {
        background-color: black;
        border-radius: 5px;
        pointer-events: none;
        font-size: 1.4rem;
        padding: 10px;
        font-weight: 400;
        min-width: 320px;
        z-index: 915000;
        box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 8px;
        position: absolute;
        transform: translateX(calc(-50% - 25px));
        color: white;
        text-align: left;
        top: -65px; }
        .settings__container--logo .settings__tooltip-wrapper .logo-tooltip .logo-tooltip__inner {
          pointer-events: none;
          white-space: break-spaces; }
          .settings__container--logo .settings__tooltip-wrapper .logo-tooltip .logo-tooltip__inner span {
            font-family: 'Open Sans';
            line-height: 1.5 !important;
            float: left !important;
            font-size: 1.15rem;
            font-weight: 600;
            font-style: normal; }
        .settings__container--logo .settings__tooltip-wrapper .logo-tooltip .logo-tooltip__arrow {
          z-index: -1; }
          .settings__container--logo .settings__tooltip-wrapper .logo-tooltip .logo-tooltip__arrow::before {
            content: '';
            background-color: #000;
            left: 189px;
            position: absolute;
            width: 10px;
            height: 10px;
            z-index: -1;
            right: 0;
            bottom: -8px;
            transform: rotate(45deg) translateX(-5px); }
    .settings__container-suppliers, .settings__container-rims-filtering {
      overflow-x: visible; }
  .settings__aside {
    display: flex;
    justify-content: flex-end; }
  .settings__navigation {
    display: none;
    width: 250px; }
  .settings__save-button {
    grid-column: 6 / span 2; }
  .settings__menu {
    cursor: pointer;
    grid-column: 1 / span 3;
    display: flex;
    align-items: center;
    color: #666666;
    position: relative; }
    .settings__menu .mc-icon {
      font-size: 8px;
      padding-top: 1px; }
    .settings__menu .settings-navigation--dropdown {
      display: none; }
    .settings__menu:hover .settings-navigation--dropdown {
      display: block; }
  .settings__space {
    padding-top: 30px; }
  .settings__menu-title {
    margin-right: 3px;
    font-weight: 600; }
  .settings__menu-item {
    margin-right: 5px; }
  .settings .mc-md-button.settings__save-button:disabled {
    box-shadow: none; }
  .settings__multiselect a {
    display: flex;
    justify-content: center;
    text-decoration: none; }
  .settings__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between; }
  .settings__hint {
    padding: 10px;
    color: #664d03;
    background-color: #fff3cd;
    border: 1px solid #ffecb5;
    font-weight: 400;
    margin-top: 10px;
    width: 100%; }
  .settings__row-last {
    margin-bottom: 10px; }
  .settings__row-cell {
    width: 49%;
    min-width: 400px;
    padding-top: 30px; }
    .settings__row-cell--full {
      width: 100%; }
    .settings__row-cell--invalid {
      color: #d0021b; }
      .settings__row-cell--invalid input {
        border: 1px solid #e52e2e; }
      .settings__row-cell--invalid .ui-select-container {
        border: 1px solid #e52e2e; }
    .settings__row-cell--favicon .settings__text, .settings__row-cell--tyre-background .settings__text {
      max-width: 470px; }
    @media only screen and (min-width: 1080px) {
      .settings__row-cell--favicon, .settings__row-cell--tyre-background {
        display: flex;
        flex-direction: row;
        justify-content: space-between; }
        .settings__row-cell--favicon .settings__text, .settings__row-cell--tyre-background .settings__text {
          width: 49%;
          padding-top: 60px; } }
  .settings__no-padding-top {
    padding-top: 0px;
    min-width: unset; }
  .settings__column {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .settings__column .mc-loader__wrapper {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 52px; }
  .settings__title {
    font-size: 14px;
    color: #3a3a3a;
    padding-bottom: 5px; }
  .settings__text {
    font-size: 12px;
    line-height: normal;
    color: #979797; }
  .settings__error {
    font-size: 12px;
    color: #d0021b; }
  .settings__checkbox {
    display: flex;
    align-items: center;
    padding: 14px 0 8px; }
    .settings__checkbox--lowered {
      margin-top: 7px; }
  .settings__button {
    display: flex;
    align-items: center;
    padding: 14px 0 8px; }
  .settings__selectMediaButton {
    position: absolute;
    left: -1px;
    bottom: -51px;
    width: 116px; }
  .settings__range-slider {
    display: flex;
    align-items: center; }
  .settings__range-slider-output {
    display: flex;
    justify-content: flex-start;
    min-width: 50px; }
  .settings .mc-cancellation-policy__remove-file {
    width: 30px;
    height: 30px; }
  .settings__media-manager {
    width: 100%; }
    .settings__media-manager .mc-media-upload-placeholder__remove-button {
      height: 32px;
      width: 32px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .settings__media-manager .mc-media-upload-placeholder__remove-button .mc-icon {
        padding-bottom: 2px; }
    .settings__media-manager--favicon .mc-media-upload-placeholder__remove-button,
    .settings__media-manager--background .mc-media-upload-placeholder__remove-button {
      bottom: 10px;
      right: 12px; }
  .settings__logo .mc-media-upload-placeholder__preview-image, .settings__tyre-background .mc-media-upload-placeholder__preview-image {
    background-color: #ffffff; }
  .settings__dropzone.settings__favicon {
    position: relative;
    margin: 14px 0 58px; }
    .settings__dropzone.settings__favicon .shopName {
      z-index: 2;
      position: absolute;
      left: 31%;
      top: 24%;
      line-height: 22px;
      font-size: 14px;
      font-weight: 500;
      color: #464646;
      width: 220px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .settings__dropzone.settings__favicon .mc-media-upload-placeholder__preview-image {
      width: 100%;
      background-repeat: no-repeat;
      background-position: center;
      background-image: url("/admin/styles/images/dropzone/browser-bar.svg");
      background-color: #f3f5f6;
      background-size: 100%;
      height: 110px; }
      .settings__dropzone.settings__favicon .mc-media-upload-placeholder__preview-image img {
        width: 22px;
        height: 22px;
        position: absolute;
        left: 24%;
        top: 24%; }
  @media (min-width: 1080px) {
    .settings__container--logo .settings__row {
      flex-direction: row; }
    .settings__dropzone.settings__favicon, .settings__dropzone.settings__tyre-background {
      margin: 0; }
      .settings__dropzone.settings__favicon .settings__media-manager--favicon .settings__selectMediaButton,
      .settings__dropzone.settings__favicon .settings__media-manager--tyre-background .settings__selectMediaButton, .settings__dropzone.settings__tyre-background .settings__media-manager--favicon .settings__selectMediaButton,
      .settings__dropzone.settings__tyre-background .settings__media-manager--tyre-background .settings__selectMediaButton {
        top: 0;
        left: unset;
        right: -176px; }
      .settings__dropzone.settings__favicon .settings__media-manager--favicon mc-file-upload-button button.mc-md-button--primary, .settings__dropzone.settings__favicon .settings__media-manager--favicon mc-file-upload-button .white-theme.fr-popup .fr-action-buttons button.fr-command, .white-theme.fr-popup .fr-action-buttons .settings__dropzone.settings__favicon .settings__media-manager--favicon mc-file-upload-button button.fr-command,
      .settings__dropzone.settings__favicon .settings__media-manager--tyre-background mc-file-upload-button button.mc-md-button--primary,
      .settings__dropzone.settings__favicon .settings__media-manager--tyre-background mc-file-upload-button .white-theme.fr-popup .fr-action-buttons button.fr-command,
      .white-theme.fr-popup .fr-action-buttons .settings__dropzone.settings__favicon .settings__media-manager--tyre-background mc-file-upload-button button.fr-command, .settings__dropzone.settings__tyre-background .settings__media-manager--favicon mc-file-upload-button button.mc-md-button--primary, .settings__dropzone.settings__tyre-background .settings__media-manager--favicon mc-file-upload-button .white-theme.fr-popup .fr-action-buttons button.fr-command, .white-theme.fr-popup .fr-action-buttons .settings__dropzone.settings__tyre-background .settings__media-manager--favicon mc-file-upload-button button.fr-command,
      .settings__dropzone.settings__tyre-background .settings__media-manager--tyre-background mc-file-upload-button button.mc-md-button--primary,
      .settings__dropzone.settings__tyre-background .settings__media-manager--tyre-background mc-file-upload-button .white-theme.fr-popup .fr-action-buttons button.fr-command,
      .white-theme.fr-popup .fr-action-buttons .settings__dropzone.settings__tyre-background .settings__media-manager--tyre-background mc-file-upload-button button.fr-command {
        top: 0;
        left: unset;
        right: -341px; } }
  .settings__dropzone {
    position: relative;
    display: flex;
    align-items: center;
    margin: 14px 0 58px;
    justify-content: center;
    border: 1px solid #ececec;
    padding: 0;
    width: 470px; }
    .settings__dropzone .mc-form-group {
      padding: 0px; }
    .settings__dropzone mc-media-upload-placeholder {
      height: unset; }
    .settings__dropzone .mc-media-upload-placeholder__container {
      height: unset;
      width: unset; }
    .settings__dropzone .mc-media-upload-placeholder__drop-zone {
      height: unset; }
    .settings__dropzone .mc-media-upload-placeholder__drop-zone-inner {
      width: unset;
      padding: 85px 20% 75px;
      height: 320px; }
    .settings__dropzone .mc-media-upload-placeholder__drop-zone-inner .drop-zone-inner__caption {
      margin-bottom: 0px; }
    .settings__dropzone mc-file-upload-button .mc-md-button--primary, .settings__dropzone mc-file-upload-button .white-theme.fr-popup .fr-action-buttons button.fr-command, .white-theme.fr-popup .fr-action-buttons .settings__dropzone mc-file-upload-button button.fr-command {
      position: absolute;
      left: 164px;
      bottom: -51px;
      width: 116px; }
    .settings__dropzone .mc-media-upload-placeholder__preview {
      height: unset; }
    .settings__dropzone .mc-media-upload-placeholder__preview-image {
      height: 320px; }
  .settings .settings__container--logo .settings__logo .mc-media-upload-placeholder__preview-image,
  .settings .settings__container--logo .settings__additional-logo .mc-media-upload-placeholder__preview-image {
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("/admin/styles/images/dropzone/logo-bg-dark.svg");
    background-color: #f3f5f6;
    background-size: 100%;
    height: 315px; }
    .settings .settings__container--logo .settings__logo .mc-media-upload-placeholder__preview-image .mc-media-upload-placeholder__preview-image-wrapper,
    .settings .settings__container--logo .settings__additional-logo .mc-media-upload-placeholder__preview-image .mc-media-upload-placeholder__preview-image-wrapper {
      width: 180px;
      height: 42px;
      position: absolute;
      left: 10%;
      top: 24%;
      justify-content: flex-start; }
  .settings .settings__container--logo .settings__logo .mc-media-upload-placeholder__preview-image {
    background-image: url("/admin/styles/images/dropzone/logo-bg-light.svg"); }
  .settings__theme-row {
    justify-content: unset;
    flex-wrap: unset; }
  .settings__theme-image {
    position: relative;
    margin-top: 30px;
    box-shadow: 0px 0px 0px 1px #cccccc;
    flex: 1 1 auto; }
    .settings__theme-image img {
      max-width: 310px;
      max-height: 279px; }
  .settings__theme-image:not(:last-child) {
    margin-right: 15px; }
  .settings__active-theme {
    width: 100%;
    height: 50px;
    background-color: #6070f6;
    color: #ffffff;
    position: absolute;
    bottom: 0;
    line-height: 50px;
    padding: 0 20px;
    font-size: 14px;
    font-weight: 500; }
    .settings__active-theme .active-flag {
      float: right; }
  .settings__multiselect {
    padding: 4px 0 10px 0; }
    .settings__multiselect .select2-locked a {
      display: none; }
  .settings__ui-select .settings__headline {
    padding-bottom: 4px; }
  .settings__ui-select .settings__text {
    padding-top: 10px; }
  .settings__theme-image:not(:first-child) .settings__active-theme {
    display: none; }
  .settings__input {
    padding: 5px 0 8px; }
    .settings__input input {
      padding: 11px;
      font-size: 12px;
      color: #666; }
  .settings__flag {
    font-size: 1.67rem;
    vertical-align: middle; }
  .settings__link {
    font-size: 14px;
    color: #6070f6;
    display: flex;
    align-items: center;
    text-decoration: none; }
    .settings__link i {
      padding-left: 8px; }
    .settings__link:hover {
      color: #6070f6; }
  .settings__footer {
    padding-top: 30px; }
  .settings__checkbox-item {
    margin-right: 10px; }
  .settings__input-item {
    height: 30px; }
  .settings__headline {
    font-size: 11px;
    color: #666666;
    font-weight: 600;
    font-style: normal; }
    .settings__headline-supplier, .settings__headline-mask {
      margin-bottom: 5px;
      display: inline-block; }
  .settings__edit {
    text-align: end;
    color: #6070f6; }
  .settings__chip {
    display: flex;
    align-items: center;
    height: 100%; }
    .settings__chip i {
      padding-bottom: 5px; }
  @media only screen and (min-width: 768px) {
    .settings__menu {
      grid-column: 1 / span 2; }
    .settings__save-button {
      grid-column: 7 / span 1; } }
  @media only screen and (min-width: 1600px) {
    .settings__menu {
      display: none; }
    .settings__navigation {
      display: block;
      position: fixed; }
    .settings__container {
      width: 1000px;
      flex-shrink: 0; }
    .settings__aside {
      width: 100%; }
    .settings__container-wrapper {
      width: 1000px;
      flex-shrink: 0; } }

.setting__text-field {
  height: 150px;
  width: 100%; }

.setting__html-field {
  border: 0;
  padding: 0; }

mc-general-settings-theme .settings__theme-row {
  flex-wrap: wrap; }

mc-general-settings-theme .settings__theme-image {
  flex-grow: 0; }

.selected-suppliers,
.selected-manufacturers,
.selected-brands {
  display: flex;
  flex-wrap: wrap;
  gap: 5px; }
  .selected-suppliers .chip,
  .selected-manufacturers .chip,
  .selected-brands .chip {
    padding: 10px 26px 10px 8px;
    border: 1px solid #d3d3d3;
    border-radius: 2px;
    display: flex;
    position: relative; }
    .selected-suppliers .chip span,
    .selected-manufacturers .chip span,
    .selected-brands .chip span {
      background-color: #ededed;
      border-radius: 0 2px 2px 0;
      color: #939393;
      width: 18px;
      display: flex;
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      align-items: center;
      justify-content: center; }

.settings__supplierlist-wrapper,
.settings__manufacturerlist-wrapper,
.settings__brandlist-wrapper {
  position: relative; }
  .settings__supplierlist-wrapper .mc-icon,
  .settings__manufacturerlist-wrapper .mc-icon,
  .settings__brandlist-wrapper .mc-icon {
    position: absolute;
    right: 10px;
    top: 25px;
    color: #525252; }
  .settings__supplierlist-wrapper .supplier-search,
  .settings__supplierlist-wrapper .manufacturer-search,
  .settings__supplierlist-wrapper .brand-search,
  .settings__manufacturerlist-wrapper .supplier-search,
  .settings__manufacturerlist-wrapper .manufacturer-search,
  .settings__manufacturerlist-wrapper .brand-search,
  .settings__brandlist-wrapper .supplier-search,
  .settings__brandlist-wrapper .manufacturer-search,
  .settings__brandlist-wrapper .brand-search {
    margin: 10px 0 5px;
    padding: 10px;
    width: 100%;
    border: 1px solid #d3d3d3;
    cursor: pointer; }
  .settings__supplierlist-wrapper .supplier-list__scrollable,
  .settings__supplierlist-wrapper .manufacturer-list__scrollable,
  .settings__supplierlist-wrapper .brand-list__scrollable,
  .settings__manufacturerlist-wrapper .supplier-list__scrollable,
  .settings__manufacturerlist-wrapper .manufacturer-list__scrollable,
  .settings__manufacturerlist-wrapper .brand-list__scrollable,
  .settings__brandlist-wrapper .supplier-list__scrollable,
  .settings__brandlist-wrapper .manufacturer-list__scrollable,
  .settings__brandlist-wrapper .brand-list__scrollable {
    overflow: hidden;
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.1);
    border: 1px solid #d3d3d3;
    max-height: 300px;
    position: absolute;
    top: 100%;
    z-index: 1;
    background-color: #fff;
    width: 100%; }
    .settings__supplierlist-wrapper .supplier-list__scrollable .supplier-items--checked,
    .settings__supplierlist-wrapper .supplier-list__scrollable .manufacturer-items--checked,
    .settings__supplierlist-wrapper .supplier-list__scrollable .brand-items--checked,
    .settings__supplierlist-wrapper .manufacturer-list__scrollable .supplier-items--checked,
    .settings__supplierlist-wrapper .manufacturer-list__scrollable .manufacturer-items--checked,
    .settings__supplierlist-wrapper .manufacturer-list__scrollable .brand-items--checked,
    .settings__supplierlist-wrapper .brand-list__scrollable .supplier-items--checked,
    .settings__supplierlist-wrapper .brand-list__scrollable .manufacturer-items--checked,
    .settings__supplierlist-wrapper .brand-list__scrollable .brand-items--checked,
    .settings__manufacturerlist-wrapper .supplier-list__scrollable .supplier-items--checked,
    .settings__manufacturerlist-wrapper .supplier-list__scrollable .manufacturer-items--checked,
    .settings__manufacturerlist-wrapper .supplier-list__scrollable .brand-items--checked,
    .settings__manufacturerlist-wrapper .manufacturer-list__scrollable .supplier-items--checked,
    .settings__manufacturerlist-wrapper .manufacturer-list__scrollable .manufacturer-items--checked,
    .settings__manufacturerlist-wrapper .manufacturer-list__scrollable .brand-items--checked,
    .settings__manufacturerlist-wrapper .brand-list__scrollable .supplier-items--checked,
    .settings__manufacturerlist-wrapper .brand-list__scrollable .manufacturer-items--checked,
    .settings__manufacturerlist-wrapper .brand-list__scrollable .brand-items--checked,
    .settings__brandlist-wrapper .supplier-list__scrollable .supplier-items--checked,
    .settings__brandlist-wrapper .supplier-list__scrollable .manufacturer-items--checked,
    .settings__brandlist-wrapper .supplier-list__scrollable .brand-items--checked,
    .settings__brandlist-wrapper .manufacturer-list__scrollable .supplier-items--checked,
    .settings__brandlist-wrapper .manufacturer-list__scrollable .manufacturer-items--checked,
    .settings__brandlist-wrapper .manufacturer-list__scrollable .brand-items--checked,
    .settings__brandlist-wrapper .brand-list__scrollable .supplier-items--checked,
    .settings__brandlist-wrapper .brand-list__scrollable .manufacturer-items--checked,
    .settings__brandlist-wrapper .brand-list__scrollable .brand-items--checked {
      position: sticky;
      top: 0;
      background-color: #fff;
      border-bottom: 1px solid #d3d3d3;
      max-height: 120px;
      overflow-y: auto; }
    .settings__supplierlist-wrapper .supplier-list__scrollable .supplier-items--unchecked,
    .settings__supplierlist-wrapper .supplier-list__scrollable .manufacturer-items--unchecked,
    .settings__supplierlist-wrapper .supplier-list__scrollable .brand-items--unchecked,
    .settings__supplierlist-wrapper .manufacturer-list__scrollable .supplier-items--unchecked,
    .settings__supplierlist-wrapper .manufacturer-list__scrollable .manufacturer-items--unchecked,
    .settings__supplierlist-wrapper .manufacturer-list__scrollable .brand-items--unchecked,
    .settings__supplierlist-wrapper .brand-list__scrollable .supplier-items--unchecked,
    .settings__supplierlist-wrapper .brand-list__scrollable .manufacturer-items--unchecked,
    .settings__supplierlist-wrapper .brand-list__scrollable .brand-items--unchecked,
    .settings__manufacturerlist-wrapper .supplier-list__scrollable .supplier-items--unchecked,
    .settings__manufacturerlist-wrapper .supplier-list__scrollable .manufacturer-items--unchecked,
    .settings__manufacturerlist-wrapper .supplier-list__scrollable .brand-items--unchecked,
    .settings__manufacturerlist-wrapper .manufacturer-list__scrollable .supplier-items--unchecked,
    .settings__manufacturerlist-wrapper .manufacturer-list__scrollable .manufacturer-items--unchecked,
    .settings__manufacturerlist-wrapper .manufacturer-list__scrollable .brand-items--unchecked,
    .settings__manufacturerlist-wrapper .brand-list__scrollable .supplier-items--unchecked,
    .settings__manufacturerlist-wrapper .brand-list__scrollable .manufacturer-items--unchecked,
    .settings__manufacturerlist-wrapper .brand-list__scrollable .brand-items--unchecked,
    .settings__brandlist-wrapper .supplier-list__scrollable .supplier-items--unchecked,
    .settings__brandlist-wrapper .supplier-list__scrollable .manufacturer-items--unchecked,
    .settings__brandlist-wrapper .supplier-list__scrollable .brand-items--unchecked,
    .settings__brandlist-wrapper .manufacturer-list__scrollable .supplier-items--unchecked,
    .settings__brandlist-wrapper .manufacturer-list__scrollable .manufacturer-items--unchecked,
    .settings__brandlist-wrapper .manufacturer-list__scrollable .brand-items--unchecked,
    .settings__brandlist-wrapper .brand-list__scrollable .supplier-items--unchecked,
    .settings__brandlist-wrapper .brand-list__scrollable .manufacturer-items--unchecked,
    .settings__brandlist-wrapper .brand-list__scrollable .brand-items--unchecked {
      overflow-y: auto;
      max-height: 178px; }
    .settings__supplierlist-wrapper .supplier-list__scrollable .supplier-item,
    .settings__supplierlist-wrapper .supplier-list__scrollable .manufacturer-item,
    .settings__supplierlist-wrapper .supplier-list__scrollable .brand-item,
    .settings__supplierlist-wrapper .manufacturer-list__scrollable .supplier-item,
    .settings__supplierlist-wrapper .manufacturer-list__scrollable .manufacturer-item,
    .settings__supplierlist-wrapper .manufacturer-list__scrollable .brand-item,
    .settings__supplierlist-wrapper .brand-list__scrollable .supplier-item,
    .settings__supplierlist-wrapper .brand-list__scrollable .manufacturer-item,
    .settings__supplierlist-wrapper .brand-list__scrollable .brand-item,
    .settings__manufacturerlist-wrapper .supplier-list__scrollable .supplier-item,
    .settings__manufacturerlist-wrapper .supplier-list__scrollable .manufacturer-item,
    .settings__manufacturerlist-wrapper .supplier-list__scrollable .brand-item,
    .settings__manufacturerlist-wrapper .manufacturer-list__scrollable .supplier-item,
    .settings__manufacturerlist-wrapper .manufacturer-list__scrollable .manufacturer-item,
    .settings__manufacturerlist-wrapper .manufacturer-list__scrollable .brand-item,
    .settings__manufacturerlist-wrapper .brand-list__scrollable .supplier-item,
    .settings__manufacturerlist-wrapper .brand-list__scrollable .manufacturer-item,
    .settings__manufacturerlist-wrapper .brand-list__scrollable .brand-item,
    .settings__brandlist-wrapper .supplier-list__scrollable .supplier-item,
    .settings__brandlist-wrapper .supplier-list__scrollable .manufacturer-item,
    .settings__brandlist-wrapper .supplier-list__scrollable .brand-item,
    .settings__brandlist-wrapper .manufacturer-list__scrollable .supplier-item,
    .settings__brandlist-wrapper .manufacturer-list__scrollable .manufacturer-item,
    .settings__brandlist-wrapper .manufacturer-list__scrollable .brand-item,
    .settings__brandlist-wrapper .brand-list__scrollable .supplier-item,
    .settings__brandlist-wrapper .brand-list__scrollable .manufacturer-item,
    .settings__brandlist-wrapper .brand-list__scrollable .brand-item {
      padding: 5px;
      cursor: pointer; }
      .settings__supplierlist-wrapper .supplier-list__scrollable .supplier-item:hover,
      .settings__supplierlist-wrapper .supplier-list__scrollable .manufacturer-item:hover,
      .settings__supplierlist-wrapper .supplier-list__scrollable .brand-item:hover,
      .settings__supplierlist-wrapper .manufacturer-list__scrollable .supplier-item:hover,
      .settings__supplierlist-wrapper .manufacturer-list__scrollable .manufacturer-item:hover,
      .settings__supplierlist-wrapper .manufacturer-list__scrollable .brand-item:hover,
      .settings__supplierlist-wrapper .brand-list__scrollable .supplier-item:hover,
      .settings__supplierlist-wrapper .brand-list__scrollable .manufacturer-item:hover,
      .settings__supplierlist-wrapper .brand-list__scrollable .brand-item:hover,
      .settings__manufacturerlist-wrapper .supplier-list__scrollable .supplier-item:hover,
      .settings__manufacturerlist-wrapper .supplier-list__scrollable .manufacturer-item:hover,
      .settings__manufacturerlist-wrapper .supplier-list__scrollable .brand-item:hover,
      .settings__manufacturerlist-wrapper .manufacturer-list__scrollable .supplier-item:hover,
      .settings__manufacturerlist-wrapper .manufacturer-list__scrollable .manufacturer-item:hover,
      .settings__manufacturerlist-wrapper .manufacturer-list__scrollable .brand-item:hover,
      .settings__manufacturerlist-wrapper .brand-list__scrollable .supplier-item:hover,
      .settings__manufacturerlist-wrapper .brand-list__scrollable .manufacturer-item:hover,
      .settings__manufacturerlist-wrapper .brand-list__scrollable .brand-item:hover,
      .settings__brandlist-wrapper .supplier-list__scrollable .supplier-item:hover,
      .settings__brandlist-wrapper .supplier-list__scrollable .manufacturer-item:hover,
      .settings__brandlist-wrapper .supplier-list__scrollable .brand-item:hover,
      .settings__brandlist-wrapper .manufacturer-list__scrollable .supplier-item:hover,
      .settings__brandlist-wrapper .manufacturer-list__scrollable .manufacturer-item:hover,
      .settings__brandlist-wrapper .manufacturer-list__scrollable .brand-item:hover,
      .settings__brandlist-wrapper .brand-list__scrollable .supplier-item:hover,
      .settings__brandlist-wrapper .brand-list__scrollable .manufacturer-item:hover,
      .settings__brandlist-wrapper .brand-list__scrollable .brand-item:hover {
        background-color: #f5f5f5; }
      .settings__supplierlist-wrapper .supplier-list__scrollable .supplier-item label,
      .settings__supplierlist-wrapper .supplier-list__scrollable .manufacturer-item label,
      .settings__supplierlist-wrapper .supplier-list__scrollable .brand-item label,
      .settings__supplierlist-wrapper .manufacturer-list__scrollable .supplier-item label,
      .settings__supplierlist-wrapper .manufacturer-list__scrollable .manufacturer-item label,
      .settings__supplierlist-wrapper .manufacturer-list__scrollable .brand-item label,
      .settings__supplierlist-wrapper .brand-list__scrollable .supplier-item label,
      .settings__supplierlist-wrapper .brand-list__scrollable .manufacturer-item label,
      .settings__supplierlist-wrapper .brand-list__scrollable .brand-item label,
      .settings__manufacturerlist-wrapper .supplier-list__scrollable .supplier-item label,
      .settings__manufacturerlist-wrapper .supplier-list__scrollable .manufacturer-item label,
      .settings__manufacturerlist-wrapper .supplier-list__scrollable .brand-item label,
      .settings__manufacturerlist-wrapper .manufacturer-list__scrollable .supplier-item label,
      .settings__manufacturerlist-wrapper .manufacturer-list__scrollable .manufacturer-item label,
      .settings__manufacturerlist-wrapper .manufacturer-list__scrollable .brand-item label,
      .settings__manufacturerlist-wrapper .brand-list__scrollable .supplier-item label,
      .settings__manufacturerlist-wrapper .brand-list__scrollable .manufacturer-item label,
      .settings__manufacturerlist-wrapper .brand-list__scrollable .brand-item label,
      .settings__brandlist-wrapper .supplier-list__scrollable .supplier-item label,
      .settings__brandlist-wrapper .supplier-list__scrollable .manufacturer-item label,
      .settings__brandlist-wrapper .supplier-list__scrollable .brand-item label,
      .settings__brandlist-wrapper .manufacturer-list__scrollable .supplier-item label,
      .settings__brandlist-wrapper .manufacturer-list__scrollable .manufacturer-item label,
      .settings__brandlist-wrapper .manufacturer-list__scrollable .brand-item label,
      .settings__brandlist-wrapper .brand-list__scrollable .supplier-item label,
      .settings__brandlist-wrapper .brand-list__scrollable .manufacturer-item label,
      .settings__brandlist-wrapper .brand-list__scrollable .brand-item label {
        display: flex;
        align-items: center;
        gap: 5px;
        cursor: pointer; }

.selected-suppliers,
.selected-manufacturers,
.selected-brands {
  display: flex;
  flex-wrap: wrap;
  gap: 5px; }
  .selected-suppliers .chip,
  .selected-manufacturers .chip,
  .selected-brands .chip {
    padding: 10px 26px 10px 8px;
    border: 1px solid #d3d3d3;
    border-radius: 2px;
    display: flex;
    position: relative; }
    .selected-suppliers .chip .chip__close,
    .selected-manufacturers .chip .chip__close,
    .selected-brands .chip .chip__close {
      background-color: #ededed;
      border-radius: 0 2px 2px 0;
      color: #939393;
      width: 18px;
      display: flex;
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      align-items: center;
      justify-content: center; }

.tyre-settings {
  position: relative; }
  .tyre-settings__loader {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.4); }
  .tyre-settings__sync-dialog-backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center; }
  .tyre-settings__sync-dialog {
    -webkit-animation: ngdialog-flyin 0.5s;
    animation: ngdialog-flyin 0.5s;
    background: #fcfcfc;
    border-radius: 2px;
    color: #858585;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.1em;
    line-height: 1.5em;
    max-width: 100%;
    padding: 25px;
    position: relative;
    width: 400px;
    overflow-y: auto;
    display: flex;
    flex-direction: column; }
    .tyre-settings__sync-dialog-header {
      font-size: 1.3rem;
      margin-bottom: 1rem; }
    .tyre-settings__sync-dialog-text {
      margin-bottom: 3rem;
      font-size: 1rem; }
  .tyre-settings__input-wrapper {
    display: flex;
    flex-direction: row; }
    .tyre-settings__input-wrapper .setting__input-item {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
    .tyre-settings__input-wrapper .mc-md-button {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px; }

.tire-row {
  display: flex;
  gap: 40px; }
  .tire-row__left {
    width: 30%; }
  .tire-row__right {
    width: 100%; }

.tire-watermark-container {
  width: 100%;
  height: 100%;
  position: relative; }
  .tire-watermark-container img {
    width: 100%;
    height: 100%;
    object-fit: contain; }

.settings-navigation {
  cursor: pointer; }
  .settings-navigation__container {
    border-radius: 2px;
    box-shadow: 0 1px 0 0 rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15);
    background-color: #ffffff; }
  .settings-navigation .settings-navigation__item {
    height: 55px;
    display: flex;
    align-items: center;
    color: #666666;
    text-decoration: none; }
    .settings-navigation .settings-navigation__item--active {
      color: #ffffff;
      background-color: #6070f6; }
    .settings-navigation .settings-navigation__item:hover:not(.settings-navigation__item--active) {
      color: #3a3d5f;
      background-color: rgba(96, 112, 246, 0.1); }
  .settings-navigation__icon {
    font-size: 20px;
    padding: 0 15px 0 20px; }
  .settings-navigation__name {
    font-size: 14px; }

.settings-navigation--dropdown {
  cursor: pointer;
  position: absolute;
  top: 40px;
  width: 232px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  background-color: #ffffff;
  padding: 3px 8px;
  border-radius: 5px; }
  .settings-navigation--dropdown::after {
    position: absolute;
    content: '▲';
    top: 1px;
    left: 24px;
    display: block;
    font-size: 14px;
    color: #ffffff;
    text-shadow: 0 -6px 7px rgba(0, 0, 0, 0.3);
    -webkit-transform: translateY(-75%) scaleX(1.5);
    -moz-transform: translateY(-75%) scaleX(1.5);
    -ms-transform: translateY(-75%) scaleX(1.5);
    -o-transform: translateY(-75%) scaleX(1.5);
    transform: translateY(-75%) scaleX(1.5); }
  .settings-navigation--dropdown .settings-navigation__container {
    border-radius: none;
    box-shadow: none; }
  .settings-navigation--dropdown .settings-navigation__item {
    height: 35px;
    display: flex;
    align-items: center;
    color: #666666;
    margin: 5px 0;
    text-decoration: none; }
    .settings-navigation--dropdown .settings-navigation__item:hover {
      color: #3a3d5f;
      background-color: rgba(96, 112, 246, 0.1);
      border-radius: 4px; }
  .settings-navigation--dropdown .settings-navigation__icon {
    font-size: 16px;
    padding: 0 10px 0 15px; }
  .settings-navigation--dropdown .settings-navigation__name {
    font-size: 14px; }

mc-number-ranges-settings .settings__number-preview {
  justify-content: center; }

mc-number-ranges-settings .settings__title {
  padding-bottom: 25px; }

mc-number-ranges-settings .settings__number {
  font-size: 24px;
  color: #828282; }

mc-number-ranges-settings .settings__prefix-number {
  opacity: 0.5;
  font-size: 24px;
  color: #828282; }

mc-number-ranges-settings .settings__input-row {
  padding: 5px 0;
  border-radius: 2px;
  border-top: 1px solid rgba(63, 63, 68, 0.15); }

mc-number-ranges-settings .settings__subtext {
  padding: 10px 0 30px 0; }

mc-number-ranges-settings .settings__on-edit {
  padding-bottom: 30px; }

mc-language-settings .settings__container {
  padding: 15px 0 20px 0; }

mc-language-settings .settings__title {
  padding: 0 20px 35px; }

mc-language-settings .settings__footer {
  padding: 20px 20px 0 20px; }

.settings-language-table {
  width: 100%;
  border-collapse: collapse;
  border-radius: 2px;
  border: solid 1px #e1e1e1;
  font-size: 14px;
  color: #666666; }
  .settings-language-table tr {
    border-radius: 2px;
    border-bottom: 1px solid #e1e1e1; }
    .settings-language-table tr:last-of-type {
      border-bottom: none; }
  .settings-language-table th,
  .settings-language-table td {
    padding: 20px 0; }
  .settings-language-table__head {
    background-color: #f2f2f2; }
  .settings-language-table__head-flag {
    width: 65px; }
  .settings-language-table__head-default {
    text-align: center;
    width: 10%; }
  .settings-language-table__head-language {
    text-align: center; }
  .settings-language-table__flag {
    font-size: 1.67rem;
    margin-left: 25px;
    margin-right: 20px;
    line-height: 0;
    display: flex; }
  .settings-language-table__icon {
    text-align: center; }
  .settings-language-table td.settings-language-table__menu-wrapper {
    display: flex;
    justify-content: flex-end;
    padding: 0; }
  .settings-language-table__menu {
    display: flex;
    flex-direction: row-reverse;
    padding: 13px 5px; }
  .settings-language-table__menu.mc-is-opened {
    transition: background-color 0.3s 0s ease, opacity 0.3s 0s ease, color 0.3s 0s ease;
    background-color: #c4c7ca; }
    .settings-language-table__menu.mc-is-opened .mc-icon {
      color: #ffffff; }
  .settings-language-table .mc-icon {
    color: #919191; }
    .settings-language-table .mc-icon-star {
      font-size: 17px; }
    .settings-language-table .mc-icon-check-thin {
      font-size: 14px; }
  .settings-language-table__menu-action {
    position: relative;
    z-index: 1;
    box-shadow: none;
    color: #ffffff;
    width: 35px;
    height: 35px;
    margin: 0 5px;
    border-radius: 50%;
    background-color: rgba(169, 174, 178, 0);
    -webkit-transition: background-color 0.3s 0s ease, opacity 0.3s 0s ease, color 0.3s 0s ease;
    -moz-transition: background-color 0.3s 0s ease, opacity 0.3s 0s ease, color 0.3s 0s ease;
    transition: background-color 0.3s 0s ease, opacity 0.3s 0s ease, color 0.3s 0s ease; }
    .settings-language-table__menu-action:hover {
      background-color: #a9aeb2; }
    .settings-language-table__menu-action.mc-is-hidden {
      opacity: 0;
      pointer-events: none; }
  .settings-language-table__menu-action-trigger {
    color: inherit;
    -webkit-transition: all 0.3s 0s ease;
    -moz-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease; }
    .settings-language-table__menu-action-trigger:hover {
      background-color: rgba(169, 174, 178, 0);
      color: inherit; }

mc-emails-settings .settings__container {
  padding: 15px 0 0 0; }

mc-emails-settings .settings__title {
  padding: 0 20px 15px; }

mc-emails-settings .settings__email-table {
  width: 100%;
  height: 100%;
  border-collapse: collapse;
  margin: 15px 0 0 0; }
  mc-emails-settings .settings__email-table td {
    padding: 0 20px 0 20px;
    word-wrap: break-word; }
  mc-emails-settings .settings__email-table tr {
    border-bottom: 1px solid #e1e1e1;
    height: 100%; }

mc-emails-settings .settings__email-table-header {
  word-wrap: break-word;
  font-weight: 600;
  font-size: 1.05em;
  border-top: 1px solid #e1e1e1;
  padding: 17px 20px; }
  mc-emails-settings .settings__email-table-header th {
    background-color: #f2f2f2;
    border-top: 1px solid #e1e1e1; }
  mc-emails-settings .settings__email-table-header th:nth-child(1) {
    width: 25%; }
  mc-emails-settings .settings__email-table-header th:nth-child(2) {
    width: 20%;
    text-align: center; }

mc-emails-settings .settings__email-table-checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 25px 0 25px 0; }

mc-emails-settings .settings__email-chip-input {
  display: flex;
  border: none;
  background: none;
  padding: 12px 0 10px 10px;
  width: 100%; }

mc-emails-settings .settings__md-chips-container md-chips-wrap {
  min-height: 40px;
  margin: 5px;
  border: none; }

mc-emails-settings .settings__md-chips-container md-chips-wrap:hover {
  border-radius: 2px;
  box-shadow: 0px 0px 0px 1px #d6d6d6;
  background-color: #ffffff;
  color: #858585;
  cursor: text; }

mc-emails-settings .settings__md-chips-container md-chips-wrap:not(:hover) .md-chip-input-container:not(:focus-within) {
  display: none; }

.mc-core-tenant-statistic-dashboard {
  display: grid;
  row-gap: 38px;
  column-gap: 38px;
  justify-items: stretch;
  align-items: stretch;
  overflow-y: auto;
  background-color: #f7f7f7;
  width: 100vw;
  padding: 30px 30px;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: minmax(150px, auto) minmax(330px, auto) auto 40px auto auto auto auto;
  grid-template-areas: 'shop-online                 shop-in-test                shop-offline            shop-conversion' 'total-revenue               total-revenue               package-distribution    package-distribution' 'monthly-revenue             monthly-revenue             monthly-revenue         monthly-revenue' 'shop-statistics-title       shop-statistics-title       statistics-range-daterange statistics-range-select' 'range-statistics-conversion range-statistics-conversion .                       .' 'new-shops                   new-shops                   new-shops               new-shops' 'tenant-revenue              tenant-revenue              tenant-orders           tenant-orders' 'range-statistics-dump       range-statistics-dump       .                       .'; }
  .mc-core-tenant-statistic-dashboard .mc-core-tenant__shop-online-statistics {
    grid-area: shop-online; }
  .mc-core-tenant-statistic-dashboard .mc-core-tenant__shop-in-test-statistics {
    grid-area: shop-in-test; }
  .mc-core-tenant-statistic-dashboard .mc-core-tenant__shop-offline-statistics {
    grid-area: shop-offline; }
  .mc-core-tenant-statistic-dashboard .mc-core-tenant__shop-conversion-statistics {
    grid-area: shop-conversion; }
  .mc-core-tenant-statistic-dashboard .mc-core-tenant__total-revenue {
    grid-area: total-revenue; }
  .mc-core-tenant-statistic-dashboard .mc-core-tenant__monthly-revenue {
    grid-area: monthly-revenue; }
  .mc-core-tenant-statistic-dashboard .mc-core-tenant__package-distribution {
    grid-area: package-distribution; }
  .mc-core-tenant-statistic-dashboard .mc-core-tenant__shop-statistics-title {
    grid-area: shop-statistics-title; }
  .mc-core-tenant-statistic-dashboard .mc-core-tenant__statistics-range-select {
    grid-area: statistics-range-select; }
  .mc-core-tenant-statistic-dashboard .mc-core-tenant__statistics-range-daterange {
    grid-area: statistics-range-daterange; }
    .mc-core-tenant-statistic-dashboard .mc-core-tenant__statistics-range-daterange .mc-date-range__input .mc-icon.mc-icon-close {
      display: none; }
  .mc-core-tenant-statistic-dashboard .mc-core-tenant__range-statistics--conversion {
    grid-area: range-statistics-conversion; }
  .mc-core-tenant-statistic-dashboard .mc-core-tenant__tenant-revenue {
    grid-area: tenant-revenue;
    margin-bottom: 30px; }
  .mc-core-tenant-statistic-dashboard .mc-core-tenant__tenant-orders {
    grid-area: tenant-orders;
    margin-bottom: 30px; }
  .mc-core-tenant-statistic-dashboard .mc-core-tenant__range-statistics--dump {
    grid-area: range-statistics-dump;
    min-height: 40px; }
  .mc-core-tenant-statistic-dashboard .mc-core-tenant__range-statistics--new-shops {
    grid-area: new-shops; }
  @media only screen and (min-width: 1025px) {
    .mc-core-tenant-statistic-dashboard {
      grid-template-columns: repeat(6, 1fr);
      grid-template-rows: minmax(200px, auto) auto 40px auto auto auto auto;
      grid-template-areas: 'shop-online                 shop-in-test                shop-offline                shop-conversion            total-revenue           total-revenue' 'monthly-revenue             monthly-revenue             monthly-revenue             monthly-revenue            package-distribution    package-distribution' 'shop-statistics-title       shop-statistics-title       statistics-range-daterange  statistics-range-daterange statistics-range-select statistics-range-select' 'range-statistics-conversion range-statistics-conversion range-statistics-conversion .                          .                       .' 'new-shops                   new-shops                   new-shops                   new-shops                  new-shops               new-shops' 'tenant-revenue              tenant-revenue              tenant-revenue              tenant-orders              tenant-orders           tenant-orders' 'range-statistics-dump       range-statistics-dump       range-statistics-dump       .                          .                       .'; } }

.range-statistics-conversion__container {
  display: flex; }

.range-statistics-conversion__section {
  width: 100%;
  display: flex;
  flex-direction: column;
  font-weight: 600;
  line-height: normal;
  text-align: center;
  align-items: center;
  padding: 20px 0 5px; }
  .range-statistics-conversion__section .title {
    font-size: 11px;
    color: #1a1a1a; }
  .range-statistics-conversion__section .content {
    font-size: 30px;
    line-height: 1;
    padding: 5px 0; }

.range-statistics-conversion__previous .content {
  color: #aeaeae; }

.range-statistics-conversion__current .content {
  color: #0083ff; }

.range-statistics-conversion__percentage {
  vertical-align: super;
  font-size: 16px;
  line-height: 1;
  padding: 0 4px; }

.range-statistics-conversion__difference {
  padding: 15px 0 5px; }
  .range-statistics-conversion__difference .title {
    font-size: 15px;
    color: #292929; }
  .range-statistics-conversion__difference .content {
    border-radius: 4px;
    background-color: #00c14a;
    font-size: 11px;
    font-weight: bold;
    color: white;
    padding: 6px 14px;
    margin-top: 5px; }
  .range-statistics-conversion__difference .negative {
    background-color: #d0021b; }

.mc-core-tenant__shop-online-statistics,
.mc-core-tenant__shop-in-test-statistics,
.mc-core-tenant__shop-offline-statistics,
.mc-core-tenant__shop-conversion-statistics,
.mc-core-tenant__total-revenue,
.mc-core-tenant__monthly-revenue,
.mc-core-tenant__tenant-revenue,
.mc-core-tenant__tenant-orders,
.mc-core-tenant__package-distribution,
.mc-core-tenant__range-statistics--conversion,
.mc-core-tenant__range-statistics--new-shops {
  background-color: white;
  border-radius: 2px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14); }

.mc-core-tenant__shop-statistics-title {
  line-height: 40px;
  font-size: 16px;
  color: #292929; }

.mc-core-tenant__total-revenue {
  height: 200px;
  align-self: center; }

.mc-core-tenant__widget {
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: 15px 10px;
  min-height: 150px;
  display: flex;
  flex-direction: column; }

.mc-core-tenant__widget-title {
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  color: #292929; }

.mc-core-tenant__package-distribution .mc-core-tenant__widget-content {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 10px; }

.mc-core-tenant__shop-online-statistics .mc-core-tenant__widget-value,
.mc-core-tenant__shop-in-test-statistics .mc-core-tenant__widget-value,
.mc-core-tenant__shop-offline-statistics .mc-core-tenant__widget-value,
.mc-core-tenant__shop-conversion-statistics .mc-core-tenant__widget-value {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1; }

.mc-core-tenant__shop-online-statistics .mc-core-tenant__widget-value {
  font-size: 44px;
  font-weight: 600;
  color: #1cd11c; }

.mc-core-tenant__shop-online-statistics .mc-core-tenant__widget {
  background-size: 100px auto;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-image: url("/admin/images/coreTenant/icon-shop-online.svg"); }

.mc-core-tenant__shop-in-test-statistics .mc-core-tenant__widget-value {
  font-size: 44px;
  font-weight: 600;
  color: #6c4eee; }

.mc-core-tenant__shop-in-test-statistics .mc-core-tenant__widget {
  background-size: 100px auto;
  background-repeat: no-repeat;
  background-position: right 3px bottom -15px;
  background-image: url("/admin/images/coreTenant/icon-shop-test.svg"); }

.mc-core-tenant__shop-offline-statistics .mc-core-tenant__widget-value {
  font-size: 44px;
  font-weight: 600;
  color: #ec375b; }

.mc-core-tenant__shop-offline-statistics .mc-core-tenant__widget {
  background-size: 100px auto;
  background-repeat: no-repeat;
  background-position: right 5px bottom -15px;
  background-image: url("/admin/images/coreTenant/icon-shop-billed.svg"); }

.mc-core-tenant__total-revenue .mc-core-tenant__widget-value {
  font-size: 44px;
  font-weight: 600;
  color: #ffb800;
  display: flex; }

.mc-core-tenant__total-revenue .mc-core-tenant__widget-sub-value {
  display: flex;
  align-items: center;
  font-size: 28px;
  color: #000000;
  font-weight: 600; }

.mc-core-tenant__total-revenue .mc-core-tenant__widget-currency {
  font-size: 13px;
  padding: 0 0 9px 4px; }

.mc-core-tenant__total-revenue .mc-core-tenant__widget-currency-main {
  font-size: 21px;
  padding: 5px 0 0 6px; }

.mc-core-tenant__total-revenue .mc-core-tenant__widget-prefix {
  font-size: 13px;
  color: #292929;
  font-weight: 400;
  padding-right: 5px; }

.mc-core-tenant__total-revenue .mc-core-tenant__widget {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  background-size: 100px auto;
  background-repeat: no-repeat;
  background-position: right 15px bottom -20px;
  background-image: url("/admin/images/coreTenant/icon-revenue.svg"); }

.mc-core-tenant__shop-conversion-statistics .mc-core-tenant__widget-value {
  font-size: 44px;
  font-weight: 600;
  color: #0083ff; }
  .mc-core-tenant__shop-conversion-statistics .mc-core-tenant__widget-value--na {
    font-size: 30px; }

.mc-core-tenant__shop-conversion-statistics .mc-core-tenant__widget-value-percent {
  font-size: 24px; }

.mc-core-tenant__shop-conversion-statistics .mc-core-tenant__widget {
  background-size: 100px auto;
  background-repeat: no-repeat;
  background-position: right -10px bottom -17px;
  background-image: url("/admin/images/coreTenant/icon-metrics.svg"); }

.mc-core-tenant__tenant-orders .mc-core-tenant__widget,
.mc-core-tenant__tenant-revenue .mc-core-tenant__widget {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 15px 35px 30px; }

.mc-core-tenant__tenant-orders .mc-core-tenant__widget-row,
.mc-core-tenant__tenant-revenue .mc-core-tenant__widget-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%; }
  .mc-core-tenant__tenant-orders .mc-core-tenant__widget-row--last,
  .mc-core-tenant__tenant-revenue .mc-core-tenant__widget-row--last {
    justify-content: center; }
  .mc-core-tenant__tenant-orders .mc-core-tenant__widget-row--first,
  .mc-core-tenant__tenant-revenue .mc-core-tenant__widget-row--first {
    margin: 50px 0 35px;
    box-shadow: 0 1px 0px 0 rgba(0, 0, 0, 0.14); }
    .mc-core-tenant__tenant-orders .mc-core-tenant__widget-row--first .mc-core-tenant__widget-value,
    .mc-core-tenant__tenant-revenue .mc-core-tenant__widget-row--first .mc-core-tenant__widget-value {
      display: flex;
      flex-direction: column;
      padding-top: 10px; }
  .mc-core-tenant__tenant-orders .mc-core-tenant__widget-row .mc-core-tenant__widget-currency,
  .mc-core-tenant__tenant-revenue .mc-core-tenant__widget-row .mc-core-tenant__widget-currency {
    font-size: 16px;
    padding: 2px 0 0px 6px; }

.mc-core-tenant__tenant-orders .mc-core-tenant__bar-container,
.mc-core-tenant__tenant-revenue .mc-core-tenant__bar-container {
  display: flex;
  justify-content: center;
  align-items: baseline;
  flex-direction: row;
  width: 100px;
  height: 100px; }

.mc-core-tenant__tenant-orders .mc-core-tenant__bar,
.mc-core-tenant__tenant-revenue .mc-core-tenant__bar {
  width: 45px;
  margin: 0 5px;
  transition: height 0.5s ease-out; }

.mc-core-tenant__tenant-orders .mc-core-tenant__bar--grey,
.mc-core-tenant__tenant-revenue .mc-core-tenant__bar--grey {
  background-color: #e9e9e9; }

.mc-core-tenant__tenant-orders .mc-core-tenant__value--colored,
.mc-core-tenant__tenant-revenue .mc-core-tenant__value--colored {
  color: #e9e9e9; }

.mc-core-tenant__tenant-orders .mc-core-tenant__price,
.mc-core-tenant__tenant-revenue .mc-core-tenant__price {
  display: flex;
  flex-direction: row; }
  .mc-core-tenant__tenant-orders .mc-core-tenant__price--total,
  .mc-core-tenant__tenant-revenue .mc-core-tenant__price--total {
    color: #292929;
    font-size: 44px;
    font-weight: 600;
    display: flex; }
    .mc-core-tenant__tenant-orders .mc-core-tenant__price--total .mc-core-tenant__widget-currency,
    .mc-core-tenant__tenant-revenue .mc-core-tenant__price--total .mc-core-tenant__widget-currency {
      font-size: 21px;
      padding: 4px 0 0 6px; }

.mc-core-tenant__tenant-orders .mc-core-tenant__widget-value ,
.mc-core-tenant__tenant-revenue .mc-core-tenant__widget-value  {
  display: flex;
  flex-direction: column; }

.mc-core-tenant__tenant-orders .mc-core-tenant__value,
.mc-core-tenant__tenant-revenue .mc-core-tenant__value {
  font-weight: 600;
  font-size: 28px; }

.mc-core-tenant__tenant-orders .mc-core-tenant__value--total,
.mc-core-tenant__tenant-revenue .mc-core-tenant__value--total {
  color: #292929;
  font-size: 44px;
  font-weight: 600;
  display: flex; }
  .mc-core-tenant__tenant-orders .mc-core-tenant__value--total .mc-core-tenant__widget-currency,
  .mc-core-tenant__tenant-revenue .mc-core-tenant__value--total .mc-core-tenant__widget-currency {
    font-size: 21px;
    padding: 4px 0 0 6px; }

.mc-core-tenant__tenant-orders .mc-core-tenant__widget-row .mc-core-tenant__value,
.mc-core-tenant__tenant-revenue .mc-core-tenant__widget-row .mc-core-tenant__value {
  padding-top: 15px; }

.mc-core-tenant__tenant-orders .mc-core-tenant__widget-value--left .mc-core-tenant__widget-title,
.mc-core-tenant__tenant-revenue .mc-core-tenant__widget-value--left .mc-core-tenant__widget-title {
  text-align: left; }

.mc-core-tenant__tenant-orders .mc-core-tenant__widget-value--right,
.mc-core-tenant__tenant-revenue .mc-core-tenant__widget-value--right {
  display: flex;
  flex-direction: column;
  align-items: flex-end; }

.mc-core-tenant__tenant-orders .mc-core-tenant__widget-row--last .mc-core-tenant__widget-value,
.mc-core-tenant__tenant-revenue .mc-core-tenant__widget-row--last .mc-core-tenant__widget-value {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.mc-core-tenant__tenant-orders .mc-core-tenant__widget-row--last .mc-core-tenant__value,
.mc-core-tenant__tenant-revenue .mc-core-tenant__widget-row--last .mc-core-tenant__value {
  padding-top: 20px; }

.mc-core-tenant__tenant-revenue .mc-core-tenant__bar--colored {
  background-color: #ffb800; }

.mc-core-tenant__tenant-revenue .mc-core-tenant__value--colored {
  color: #ffb800; }

.mc-core-tenant__tenant-orders .mc-core-tenant__bar--colored {
  background-color: #df2d9e; }

.mc-core-tenant__tenant-orders .mc-core-tenant__value--colored {
  color: #df2d9e; }

@media only screen and (min-width: 1025px) {
  .mc-core-tenant__shop-online-statistics .mc-core-tenant__widget-value,
  .mc-core-tenant__shop-in-test-statistics .mc-core-tenant__widget-value,
  .mc-core-tenant__shop-offline-statistics .mc-core-tenant__widget-value,
  .mc-core-tenant__total-revenue .mc-core-tenant__widget-value,
  .mc-core-tenant__shop-conversion-statistics .mc-core-tenant__widget-value {
    font-size: 60px; }
  .mc-core-tenant__shop-conversion-statistics .mc-core-tenant__widget-value--na {
    font-size: 36px; }
  .mc-core-tenant__total-revenue .mc-core-tenant__widget-currency-main {
    font-size: 30px;
    padding: 7px 0 0 6px; }
  .mc-core-tenant__total-revenue .mc-core-tenant__widget-currency {
    font-size: 18px;
    padding: 0 0 12px 6px; }
  .mc-core-tenant__total-revenue .mc-core-tenant__widget-sub-value {
    font-size: 33px; }
  .mc-core-tenant__total-revenue .mc-core-tenant__widget-prefix {
    font-size: 18px; }
  .mc-core-tenant__total-revenue .mc-core-tenant__total-revenue .mc-core-tenant__widget-currency-main {
    font-size: 30px;
    padding: 7px 0 0 6px; } }

.mc-core-tenant__range-statistics--new-shops .mc-core-tenant__widget-title {
  margin: 5px 0 15px 0; }

.mc-core-tenant__widget-value .mc-core-tenant__widget-title {
  font-size: 16px; }

.mc-core-tenant__statistics-range-daterange .mc-date-range {
  margin-left: calc(100% - 250px); }

.mc-core-tenant__statistics-range-daterange .mc-date-range__input {
  height: 43px; }

.mc-core-tenant__statistics-range-daterange .mc-date-range__popup {
  top: 43px; }

.mc-date-range {
  width: 250px;
  position: relative; }
  .mc-date-range.is-dates-selected .mc-date-range__date-range {
    color: #1a1a1a; }
  .mc-date-range__input {
    display: flex;
    flex-direction: row;
    background-color: white;
    align-items: center;
    border: 1px solid #d1d1d1;
    height: 40px;
    padding: 11px 10px;
    justify-content: space-between;
    font-size: 12px; }
    .mc-date-range__input .mc-date-range__date-label {
      color: #a5a5a5; }
    .mc-date-range__input .mc-date-range__date-range {
      color: #666666; }
    .mc-date-range__input .mc-icon-close {
      line-height: 38px;
      padding: 0 5px; }
    .mc-date-range__input .mc-icon-calendar {
      color: #666666; }
  .mc-date-range__popup {
    position: absolute;
    top: 40px;
    background-color: white;
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.1);
    border: solid 1px #d3d3d3;
    z-index: 501; }
    .mc-date-range__popup > .layout-column:first-of-type {
      padding: 5px 0 0 0; }
      .mc-date-range__popup > .layout-column:first-of-type > .layout-column:first-of-type {
        border-right: 1px solid #d3d3d3; }
    .mc-date-range__popup--calendar {
      min-height: 352px; }
  .mc-date-range__popup-time-input {
    padding: 16px 24px;
    display: flex; }
  .mc-date-range__popup-footer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border-top: 1px solid #d3d3d3;
    padding: 16px 24px; }
    .mc-date-range__popup-footer .mc-md-button {
      margin-right: 16px; }
      .mc-date-range__popup-footer .mc-md-button:last-of-type {
        margin-right: 0; }
  .mc-date-range__popup-footer-datepreview {
    color: #666666;
    padding-right: 24px; }
  .mc-date-range.position-left .mc-date-range__popup {
    left: 0;
    transform: translateX(0); }
  .mc-date-range.position-center .mc-date-range__popup {
    left: 50%;
    transform: translateX(-50%); }
  .mc-date-range.position-right .mc-date-range__popup {
    left: 100%;
    transform: translateX(-100%); }
  .mc-date-range.active .mc-date-range__input {
    border-color: #6070f6;
    background-color: #f4f5ff; }
    .mc-date-range.active .mc-date-range__input .mc-icon-calendar {
      color: #6070f6; }

.mc-formview-date-picker .mc-date-range {
  min-width: 100%;
  width: 100%; }

.mc-price-list-help-text {
  margin-left: 10px;
  color: #666666; }
  .mc-price-list-help-text__label {
    font-size: 11px;
    font-weight: 600;
    line-height: normal; }
  .mc-price-list-help-text__model {
    padding-top: 10px;
    padding-bottom: 15px;
    font-size: 13px;
    font-weight: 400px; }

.mc-product-plan-help-text b {
  font-weight: 600; }

.layout-editor-box {
  max-height: 100%;
  position: relative; }

.layout-editor-box > * {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  max-height: 100%; }

.layout-editor-area {
  min-height: 0; }

.layout-editor-area-header-button {
  line-height: 35px;
  box-shadow: 0px 2px 6px -4px rgba(0, 0, 0, 0.75); }

.layout-editor-area-name {
  display: inline-block;
  padding: 14px; }

.layout-editor-area {
  background-color: transparent;
  border: 0; }

.layout-editor-area-normal {
  border: 2px solid #e2e2e2; }

.layout-editor-area-focused {
  border-color: #ffffff; }

.mc-layout-area-highlighted {
  border: 2px solid #6070f6; }

.mc-layout-area-disabled {
  opacity: 0.3; }

.mc-drop-hover .mc-layout-editor-empty-grid {
  display: none; }

.mce-grid {
  position: relative;
  max-width: 100%;
  min-width: 0px;
  min-height: 80px; }

.mc-grid-cell-header-button {
  box-shadow: 0px 2px 6px -4px rgba(0, 0, 0, 0.75); }

.mc-grid-cell-editor-header {
  border: 0;
  padding: 2px;
  background-color: #fcfcfc; }

.center-vertical {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center; }