@charset "UTF-8";
/* line 61, ../../app/assets/scss/base/helpers/_colors.scss */
body::before {
  content: '{"google-chart": {"colors": ["#0071CE", "#3B5998", "#F06A1D", "#C9272D", "#3F3B73"], "default-colors": ["#0071CE", "#3B5998", "#F06A1D", "#C9272D", "#3F3B73"]}}';
  display: none;
}

/* line 67, ../../app/assets/scss/base/helpers/_colors.scss */
.baseBG {
  background: #F1F1F1;
}

/* line 71, ../../app/assets/scss/base/helpers/_colors.scss */
.seekaOrangeC {
  color: #F06A1D !important;
}

/* line 72, ../../app/assets/scss/base/helpers/_colors.scss */
.seekaOrangeB {
  background: #F06A1D !important;
}

/* line 73, ../../app/assets/scss/base/helpers/_colors.scss */
.seekaGreyC {
  color: #4D4D4F !important;
}

/* line 74, ../../app/assets/scss/base/helpers/_colors.scss */
.seekaGreyB {
  background: #4D4D4F !important;
}

/* line 75, ../../app/assets/scss/base/helpers/_colors.scss */
.seekaMediumGreyC {
  color: #909091 !important;
}

/* line 76, ../../app/assets/scss/base/helpers/_colors.scss */
.seekaMediumGreyB {
  background: #909091 !important;
}

/* line 77, ../../app/assets/scss/base/helpers/_colors.scss */
.seekaLightGreyC {
  color: #C2C2C4 !important;
}

/* line 78, ../../app/assets/scss/base/helpers/_colors.scss */
.seekaLightGreyTrueB {
  background: #C2C2C4 !important;
}

/* line 79, ../../app/assets/scss/base/helpers/_colors.scss */
.seekaLightGreyB {
  background: #ECEDEE !important;
}

/* line 80, ../../app/assets/scss/base/helpers/_colors.scss */
.seekaBlueC {
  color: #0071CE !important;
}

/* line 81, ../../app/assets/scss/base/helpers/_colors.scss */
.seekaBlueB {
  background: #0071CE !important;
}

/* line 82, ../../app/assets/scss/base/helpers/_colors.scss */
.seekaRedC {
  color: #C9272D !important;
}

/* line 83, ../../app/assets/scss/base/helpers/_colors.scss */
.seekaGreenC {
  color: #7DC600 !important;
}

/* line 84, ../../app/assets/scss/base/helpers/_colors.scss */
.seekaGreenB {
  background: #7DC600;
}

/* line 85, ../../app/assets/scss/base/helpers/_colors.scss */
.seekaPlacementB {
  background: #0EAFB7 !important;
}

/* line 86, ../../app/assets/scss/base/helpers/_colors.scss */
.seekaPlacementC {
  color: #0EAFB7 !important;
}

/* line 87, ../../app/assets/scss/base/helpers/_colors.scss */
.sparqVideoBlueC {
  color: #0FaFB6 !important;
}

/* line 88, ../../app/assets/scss/base/helpers/_colors.scss */
.sparqVideoBlueB {
  background: #0FaFB6 !important;
}

/* line 90, ../../app/assets/scss/base/helpers/_colors.scss */
.blC {
  color: #000;
}

/* line 91, ../../app/assets/scss/base/helpers/_colors.scss */
.wC {
  color: #fff;
}

/* line 92, ../../app/assets/scss/base/helpers/_colors.scss */
.dgC {
  color: #4A4A4A;
}

/* line 93, ../../app/assets/scss/base/helpers/_colors.scss */
.lgC {
  color: #D6D6D6;
}

/* line 94, ../../app/assets/scss/base/helpers/_colors.scss */
.mgC {
  color: #757575;
}

/* line 95, ../../app/assets/scss/base/helpers/_colors.scss */
.sbC {
  color: #2C9FE5;
}

/* line 96, ../../app/assets/scss/base/helpers/_colors.scss */
.lbC {
  color: #1182C6;
}

/* line 97, ../../app/assets/scss/base/helpers/_colors.scss */
.soC {
  color: #F06A1D;
}

/* line 98, ../../app/assets/scss/base/helpers/_colors.scss */
.loC {
  color: #FF8863;
}

/* line 99, ../../app/assets/scss/base/helpers/_colors.scss */
.fbC {
  color: #3B5998;
}

/* line 100, ../../app/assets/scss/base/helpers/_colors.scss */
.tbC {
  color: #55ACEE;
}

/* line 101, ../../app/assets/scss/base/helpers/_colors.scss */
.ibC {
  color: #9E6F4F;
}

/* line 102, ../../app/assets/scss/base/helpers/_colors.scss */
.erC {
  color: #CD5D6A;
}

/* line 103, ../../app/assets/scss/base/helpers/_colors.scss */
.cgC {
  color: #6BB71D;
}

/* line 104, ../../app/assets/scss/base/helpers/_colors.scss */
.blB {
  background: #000;
}

/* line 105, ../../app/assets/scss/base/helpers/_colors.scss */
.dnB {
  background: #002C3F;
}

/* line 106, ../../app/assets/scss/base/helpers/_colors.scss */
.sbB {
  background: #2C9FE5;
}

/* line 107, ../../app/assets/scss/base/helpers/_colors.scss */
.wcB {
  background: #fff;
}

/* line 108, ../../app/assets/scss/base/helpers/_colors.scss */
.erB {
  background: #CD5D6A;
}

/* line 109, ../../app/assets/scss/base/helpers/_colors.scss */
.lgB {
  background: #D6D6D6;
}

/* line 110, ../../app/assets/scss/base/helpers/_colors.scss */
.slgB {
  background: #F6F6F6;
}

/* line 111, ../../app/assets/scss/base/helpers/_colors.scss */
.lightGray {
  background: #F1F1F1;
}

/* line 112, ../../app/assets/scss/base/helpers/_colors.scss */
.fbB {
  background: #3B5998;
}

/* line 113, ../../app/assets/scss/base/helpers/_colors.scss */
.tbB {
  background: #55ACEE;
}

/* line 114, ../../app/assets/scss/base/helpers/_colors.scss */
.ytR {
  background: #C9272D;
}

/* line 116, ../../app/assets/scss/base/helpers/_colors.scss */
.borderFb {
  border: solid 1px #3B5998 !important;
}

/* line 117, ../../app/assets/scss/base/helpers/_colors.scss */
.borderTb {
  border: solid 1px #55ACEE !important;
}

/* line 118, ../../app/assets/scss/base/helpers/_colors.scss */
.borderYt {
  border: solid 1px #C9272D !important;
}

/* line 119, ../../app/assets/scss/base/helpers/_colors.scss */
.borderDn {
  border: solid 1px #002C3F !important;
}

/* line 120, ../../app/assets/scss/base/helpers/_colors.scss */
.borderSeekaGreen {
  border: solid 1px #7DC600;
}

/* line 121, ../../app/assets/scss/base/helpers/_colors.scss */
.borderSeekaGrey {
  border: solid 1px #4D4D4F !important;
}

/* line 122, ../../app/assets/scss/base/helpers/_colors.scss */
.borderSeekaPlacement {
  border: solid 1px #0EAFB7 !important;
}

/* line 123, ../../app/assets/scss/base/helpers/_colors.scss */
.borderSeekaMediumGrey {
  border: solid 1px #909091 !important;
}

/* line 124, ../../app/assets/scss/base/helpers/_colors.scss */
.borderSeekaLightGrey {
  border: solid 1px #C2C2C4 !important;
}

/* line 125, ../../app/assets/scss/base/helpers/_colors.scss */
.borderSparqVideoBlue {
  border: solid 2px #0FaFB6 !important;
}

/* line 127, ../../app/assets/scss/base/helpers/_colors.scss */
.fa-thumbs-up:hover,
.fa-thumbs-down:hover {
  color: #7a7a7a;
  cursor: pointer;
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* NOTE new seeka feature hero slider animation for homepage */
@keyframes slideDown {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
@-webkit-keyframes slideDown {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
/* new fade in mixin with browser prefixes */
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes slideLRfadeUP {
  0% {
    opacity: 1.00;
    height: 120px;
    width: 100px;
    bottom: 0px;
  }
  25% {
    opacity: 0.95;
    height: 80px;
  }
  50% {
    opacity: 0.80;
    height: 60px;
  }
  75% {
    opacity: 0.75;
    height: 40px;
  }
  100% {
    opacity: 0.00;
    height: 0px;
    width: 0px;
    bottom: 200px;
  }
}
@-webkit-keyframes fadeOut {
  100% {
    opacity: 0;
    bottom: 400px;
  }
  0% {
    opacity: 1;
    bottom: 0px;
  }
}
@-moz-keyframes fadeOut {
  100% {
    opacity: 0;
    bottom: 400px;
  }
  0% {
    opacity: 1;
    bottom: 0px;
  }
}
@-o-keyframes fadeOut {
  100% {
    opacity: 0;
    bottom: 400px;
  }
  0% {
    opacity: 1;
    bottom: 0px;
  }
}
@keyframes fadeOut {
  100% {
    opacity: 0;
    bottom: 400px;
  }
  0% {
    opacity: 1;
    bottom: 0px;
  }
}
@-webkit-keyframes bounce {
  0%, 100%, 20%, 53%, 80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -4px, 0);
    -ms-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -1.5px, 0);
    -ms-transform: translate3d(0, -1.5px, 0);
    transform: translate3d(0, -1.5px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -1px, 0);
    -ms-transform: translate3d(0, -1px, 0);
    transform: translate3d(0, -1px, 0);
  }
}
/* line 174, ../../app/assets/scss/base/helpers/_animations.scss */
.transition-loading {
  -webkit-animation: transition 0.5s both ease-in;
  -moz-animation: transition 0.5s both ease-in;
  animation: transition 0.5s both ease-in;
}

/* fade out for floating comment */
/* line 181, ../../app/assets/scss/base/helpers/_animations.scss */
.fadeOutComment {
  position: relative;
  -webkit-animation: fadeOut 10s ease-out .25s both;
  animation: fadeOut 10s ease-out .25s both;
}

/* fade out for floating like */
/* line 188, ../../app/assets/scss/base/helpers/_animations.scss */
.fadeOutLike {
  position: relative;
  -webkit-animation: slideLRfadeUP 2s ease-in-out both;
  animation: slideLRfadeUP 2s ease-in-out both;
}

/* line 1, ../../app/assets/scss/base/helpers/_base-grid.scss */
*, *:after, *:before {
  box-sizing: border-box;
}

/* line 5, ../../app/assets/scss/base/helpers/_base-grid.scss */
::selection {
  background: #D8D8D8;
  color: #FFF;
}

/* line 9, ../../app/assets/scss/base/helpers/_base-grid.scss */
::-moz-selection {
  background: #D8D8D8;
  color: #FFF;
}

/* line 13, ../../app/assets/scss/base/helpers/_base-grid.scss */
::-webkit-selection {
  background: #D8D8D8;
  color: #FFF;
}

/* line 19, ../../app/assets/scss/base/helpers/_base-grid.scss */
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}

/* line 26, ../../app/assets/scss/base/helpers/_base-grid.scss */
#main {
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100%;
}

/* line 36, ../../app/assets/scss/base/helpers/_base-grid.scss */
.md-content {
  -webkit-box-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

/* line 50, ../../app/assets/scss/base/helpers/_base-grid.scss */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
  line-height: 1.2;
}

/* line 55, ../../app/assets/scss/base/helpers/_base-grid.scss */
a {
  color: #06c;
  cursor: pointer;
}

/* line 60, ../../app/assets/scss/base/helpers/_base-grid.scss */
a:hover {
  color: #049;
  text-decoration: underline;
}

/* line 65, ../../app/assets/scss/base/helpers/_base-grid.scss */
hr {
  border: 0;
  margin: 1.25em 0;
  border-top: .0625em solid #ccc;
}

/* line 71, ../../app/assets/scss/base/helpers/_base-grid.scss */
.b {
  border: 0.0625em solid rgba(255, 222, 222, 0.125);
}

/* line 75, ../../app/assets/scss/base/helpers/_base-grid.scss */
table {
  border-spacing: 0;
  border-collapse: collapse;
  text-align: left;
  font-size: 1em;
  padding-bottom: 1.5625em;
}

/* line 83, ../../app/assets/scss/base/helpers/_base-grid.scss */
.padrightdesk {
  padding-right: 0;
}
@media (min-width: 48em) {
  /* line 83, ../../app/assets/scss/base/helpers/_base-grid.scss */
  .padrightdesk {
    padding-right: 2em;
  }
}

/* line 90, ../../app/assets/scss/base/helpers/_base-grid.scss */
.mobileclearfix {
  width: 100%;
  height: 3em;
  display: block;
}
@media (min-width: 37.5em) {
  /* line 90, ../../app/assets/scss/base/helpers/_base-grid.scss */
  .mobileclearfix {
    display: none;
  }
}

/* line 98, ../../app/assets/scss/base/helpers/_base-grid.scss */
code, pre {
  background: #eee;
}

/* line 102, ../../app/assets/scss/base/helpers/_base-grid.scss */
pre {
  padding: .5em;
  white-space: pre-wrap;
}

/*
| GRID
*/
/* line 110, ../../app/assets/scss/base/helpers/_base-grid.scss */
.row {
  display: block;
  width: auto;
  min-height: .0625em;
  width: 100%;
}

/* line 117, ../../app/assets/scss/base/helpers/_base-grid.scss */
.row:before, .row:after {
  content: "";
  display: table;
}

/* line 122, ../../app/assets/scss/base/helpers/_base-grid.scss */
.row:after {
  clear: both;
}

/* line 126, ../../app/assets/scss/base/helpers/_base-grid.scss */
.g2, .g3, .g3-2, .g4, .g4-2, .g4-3, .g5, .g5-2, .g5-3, .g5-4, .m2, .m3, .m3-2, .m4, .m4-2, .m4-3, .m5, .m5-2, .m5-3, .m5-4 {
  width: 100%;
}

/*
| Media queries
*/
@media screen and (min-width: 768px) {
  /* 600px */
  /* line 135, ../../app/assets/scss/base/helpers/_base-grid.scss */
  .custcontainer, .publicProfileNameContainerMobile, .publicProfileNameContainerDesktop {
    padding-right: 3% !important;
    padding-left: 3% !important;
  }

  /* line 140, ../../app/assets/scss/base/helpers/_base-grid.scss */
  .full {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* line 145, ../../app/assets/scss/base/helpers/_base-grid.scss */
  .row {
    /* flexbox add */
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    /*  background-color: #fee; */
  }

  /* line 154, ../../app/assets/scss/base/helpers/_base-grid.scss */
  .g2, .g3, .g3-2, .g4, .g4-2, .g4-3, .g5, .g5-2, .g5-3, .g5-4, .m2, .m3, .m3-2, .m4, .m4-2, .m4-3, .m5, .m5-2, .m5-3, .m5-4 {
    float: left;
    /* flexbox add */
    flex: 1;
    /*  background-color: #fff; */
  }

  /* line 161, ../../app/assets/scss/base/helpers/_base-grid.scss */
  .g2 {
    width: 50%;
  }

  /* line 165, ../../app/assets/scss/base/helpers/_base-grid.scss */
  .gf {
    width: 100%;
  }

  /* line 169, ../../app/assets/scss/base/helpers/_base-grid.scss */
  .m2 {
    margin-left: 50%;
  }

  /* line 173, ../../app/assets/scss/base/helpers/_base-grid.scss */
  .g3 {
    width: 33.33%;
  }

  /* line 177, ../../app/assets/scss/base/helpers/_base-grid.scss */
  .g3-2 {
    width: 66.66%;
  }

  /* line 181, ../../app/assets/scss/base/helpers/_base-grid.scss */
  .m3 {
    margin-left: 33.33%;
  }

  /* line 185, ../../app/assets/scss/base/helpers/_base-grid.scss */
  .m3-2 {
    margin-left: 66.66%;
  }

  /* line 189, ../../app/assets/scss/base/helpers/_base-grid.scss */
  .g4 {
    width: 25%;
  }

  /* line 193, ../../app/assets/scss/base/helpers/_base-grid.scss */
  .g4-2 {
    width: 50%;
  }

  /* line 197, ../../app/assets/scss/base/helpers/_base-grid.scss */
  .g4-3 {
    width: 75%;
  }

  /* line 201, ../../app/assets/scss/base/helpers/_base-grid.scss */
  .m4 {
    margin-left: 25%;
  }

  /* line 205, ../../app/assets/scss/base/helpers/_base-grid.scss */
  .m4-2 {
    margin-left: 50%;
  }

  /* line 209, ../../app/assets/scss/base/helpers/_base-grid.scss */
  .m4-3 {
    margin-left: 75%;
  }

  /* line 213, ../../app/assets/scss/base/helpers/_base-grid.scss */
  .g5 {
    width: 20%;
  }

  /* line 217, ../../app/assets/scss/base/helpers/_base-grid.scss */
  .g6 {
    width: 30%;
  }

  /* line 221, ../../app/assets/scss/base/helpers/_base-grid.scss */
  .g5-2 {
    width: 40%;
  }

  /* line 225, ../../app/assets/scss/base/helpers/_base-grid.scss */
  .g5-3 {
    width: 60%;
  }

  /* line 229, ../../app/assets/scss/base/helpers/_base-grid.scss */
  .g5-4 {
    width: 70%;
  }

  /* line 233, ../../app/assets/scss/base/helpers/_base-grid.scss */
  .g5-5 {
    width: 80%;
  }

  /* line 237, ../../app/assets/scss/base/helpers/_base-grid.scss */
  .m5 {
    margin-left: 20%;
  }

  /* line 241, ../../app/assets/scss/base/helpers/_base-grid.scss */
  .m5-2 {
    margin-left: 40%;
  }

  /* line 245, ../../app/assets/scss/base/helpers/_base-grid.scss */
  .m5-3 {
    margin-left: 60%;
  }

  /* line 249, ../../app/assets/scss/base/helpers/_base-grid.scss */
  .m5-4 {
    margin-left: 80%;
  }
}
/* Mobile & Base styles 
body {
	background: #fff !important;
	margin: 0px;
	color: #fff;
	width: inherit;
	height:100%;
}
*/
/* Tablet @ 768+ */
@media screen and (min-width: 37.5em) {
  /* 600 Using device here will make this the starting point for styles beyond mobile! [For min-device-width the display is the device! (not the computer!)] */
}
/* Desktop @ 1024 (and Tablet Landscape!) */
@media screen and (min-width: 64em) {
  /* 1024 For min-device-width, the display is the device! (not the computer!) */
}
/* Desktop @ 1280 (and BEYOND!!) */
@media screen and (min-width: 80em) {
  /* 1280 For min-device-width, the display is the device! (not the computer!) */
}
/* Desktop @ 2048 (and BEYOND!!) */
@media screen and (min-width: 128em) {
  /* 2048 For min-device-width, the display is the device! (not the computer!) */
}
/* line 28, ../../app/assets/scss/base/helpers/_overlay.scss */
.sidenav {
  height: 100%;
  display: none;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #fff;
  overflow-x: hidden;
  padding-top: 1em;
  color: #212121;
  font-weight: 100;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

/* line 43, ../../app/assets/scss/base/helpers/_overlay.scss */
.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

/* line 52, ../../app/assets/scss/base/helpers/_overlay.scss */
.sidenav a:hover, .offcanvas a:focus {
  color: #f1f1f1;
}

/* line 56, ../../app/assets/scss/base/helpers/_overlay.scss */
.closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px !important;
  margin-right: 0;
}

/* line 64, ../../app/assets/scss/base/helpers/_overlay.scss */
.pageWrapper {
  transition: margin-right .3s;
}

@media screen and (max-height: 450px) {
  /* line 69, ../../app/assets/scss/base/helpers/_overlay.scss */
  .sidenav {
    padding-top: 15px;
  }

  /* line 70, ../../app/assets/scss/base/helpers/_overlay.scss */
  .sidenav a {
    font-size: 18px;
  }
}
/* line 73, ../../app/assets/scss/base/helpers/_overlay.scss */
.chatsideflyout a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

/* line 82, ../../app/assets/scss/base/helpers/_overlay.scss */
.chatsideflyout a:hover, .offcanvas a:focus {
  color: #f1f1f1;
}

/* line 86, ../../app/assets/scss/base/helpers/_overlay.scss */
.closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px !important;
  margin-left: 50px;
}

@media screen and (max-height: 450px) {
  /* line 95, ../../app/assets/scss/base/helpers/_overlay.scss */
  .chatsideflyout {
    padding-top: 15px;
  }

  /* line 96, ../../app/assets/scss/base/helpers/_overlay.scss */
  .chatsideflyout a {
    font-size: 18px;
  }
}
/* line 1, ../../app/assets/scss/base/helpers/_buttons.scss */
.fabSpeedDialdemoBasicUsage .text-capitalize {
  text-transform: capitalize;
}

/* line 4, ../../app/assets/scss/base/helpers/_buttons.scss */
.fabSpeedDialdemoBasicUsage p.note {
  font-size: 1.2rem;
}

/* line 7, ../../app/assets/scss/base/helpers/_buttons.scss */
.md-fab {
  background-color: #4A90E2 !important;
}

/* line 10, ../../app/assets/scss/base/helpers/_buttons.scss */
.fabSpeedDialdemoBasicUsage .lock-size {
  min-width: 300px;
  min-height: 300px;
  width: 300px;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}

/* line 18, ../../app/assets/scss/base/helpers/_buttons.scss */
.fullscreendial {
  position: fixed;
  right: 1em;
  top: 1em;
}

/* my watch list animation */
/* line 25, ../../app/assets/scss/base/helpers/_buttons.scss */
.star-dashes-2 {
  opacity: 0;
  -webkit-transform-origin: center;
  -webkit-transform: scale(0.5);
}

/* line 31, ../../app/assets/scss/base/helpers/_buttons.scss */
.active .star-dashes-2 {
  -webkit-animation: dashes-2 2s forwards;
}

/* line 35, ../../app/assets/scss/base/helpers/_buttons.scss */
.active .main-star-2 {
  fill: yellow;
  -webkit-transform: rotate(360deg);
}

@-webkit-keyframes dashes-2 {
  50% {
    opacity: 1;
    stroke: #f9f706;
    -webkit-transform: rotate(360deg);
  }
}
/****** Style Star Rating Widget *****/
/* line 52, ../../app/assets/scss/base/helpers/_buttons.scss */
.rating {
  border: none;
  display: inline-block;
  padding: 0;
  margin: 0;
  height: 1em;
  position: relative;
  top: -0.2em;
}

/* line 62, ../../app/assets/scss/base/helpers/_buttons.scss */
.rating > input {
  display: none;
}

/* line 63, ../../app/assets/scss/base/helpers/_buttons.scss */
.rating > label:before {
  margin: 5px;
  font-size: 14px;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}

/* line 71, ../../app/assets/scss/base/helpers/_buttons.scss */
.rating > .half:before {
  content: "\f089";
  position: absolute;
}

/* line 76, ../../app/assets/scss/base/helpers/_buttons.scss */
.rating > label {
  color: #ddd;
  float: right;
}

/* line 81, ../../app/assets/scss/base/helpers/_buttons.scss */
.rating > input:checked ~ label,
.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
  color: #F06A1D;
}

/* hover previous stars in list */
/* line 85, ../../app/assets/scss/base/helpers/_buttons.scss */
.rating > input:checked + label:hover,
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label,
.rating > input:checked ~ label:hover ~ label {
  color: #F06A1D;
}

/* line 2, ../../app/assets/scss/base/helpers/_scales.scss */
.refresh {
  text-align: center;
}

/* line 15, ../../app/assets/scss/base/helpers/_scales.scss */
.aL {
  text-align: left;
}

/* line 16, ../../app/assets/scss/base/helpers/_scales.scss */
.aR {
  text-align: right;
}

/* line 17, ../../app/assets/scss/base/helpers/_scales.scss */
.aC {
  text-align: center;
}

/* line 25, ../../app/assets/scss/base/helpers/_scales.scss */
ul.testmenu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* line 29, ../../app/assets/scss/base/helpers/_scales.scss */
ul.testmenu li {
  cursor: pointer;
  padding: 6px 20px;
  font-size: 48px;
}

/* line 37, ../../app/assets/scss/base/helpers/_scales.scss */
div#z {
  margin: 0;
  padding: 0;
  background: transparent;
  background-attachment: fixed;
  background-size: cover;
  height: 5em;
}
/* line 45, ../../app/assets/scss/base/helpers/_scales.scss */
div#z section.fullscreenVideoWrapper {
  background: transparent;
  position: absolute;
  width: 100%;
  height: auto;
  z-index: 1;
}

/* line 55, ../../app/assets/scss/base/helpers/_scales.scss */
h1.z-h1 {
  position: absolute;
  z-index: 5;
  top: 50%;
  width: 100%;
  font-size: 36px;
  letter-spacing: 3px;
  color: #fff;
  text-align: center;
}

/* line 66, ../../app/assets/scss/base/helpers/_scales.scss */
h1.z-h1 span.p {
  font-family: sans-serif;
  letter-spacing: 0;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
}

/* line 74, ../../app/assets/scss/base/helpers/_scales.scss */
h1.z-h1 span.p a {
  color: #fff;
}

/* NOTE this isn't doing anything, dude

.swiper-slide {
 	width: 127px;
 	@include mobileUp {
 		width:100%;
 	}
 }
.videoSlideTitles {
	font-weight: 300;
    white-space: nowrap;
    width: 165px;
    overflow: hidden;
    text-overflow: ellipsis;
    @include mobileUp {
    	white-space: wrap;
    	width: auto;
    	overflow: inherit;
    	text-overflow: auto;
    }
}
*/
/* for fixed dialogs */
/* line 2, ../../app/assets/scss/base/helpers/_common.scss */
.fixedDialogs {
  position: fixed;
}

/* line 6, ../../app/assets/scss/base/helpers/_common.scss */
button {
  outline: none;
}

/* NOTE  new seeka styling as per designs */
/* line 11, ../../app/assets/scss/base/helpers/_common.scss */
.alignLeft {
  text-align: left;
}

/* line 14, ../../app/assets/scss/base/helpers/_common.scss */
.light {
  font-weight: 100;
}

/* line 17, ../../app/assets/scss/base/helpers/_common.scss */
.newalertpatternbgsuccess .newalerticon, .newalertpatternbgerror .newalerticon, .newalertmodalbody .nowraptext h1 {
  text-align: center;
}

/* line 20, ../../app/assets/scss/base/helpers/_common.scss */
.hasTopBotMargins {
  margin: 1em 0;
}

/* line 24, ../../app/assets/scss/base/helpers/_common.scss */
.newalertpatternbgsuccess, .newalertpatternbgerror {
  height: 100%;
  width: 100%;
  z-index: 300;
}
/* line 28, ../../app/assets/scss/base/helpers/_common.scss */
.newalertpatternbgsuccess .newalerticon, .newalertpatternbgerror .newalerticon {
  margin: 0;
  padding: 0;
  padding: 1.2em;
}

/* line 35, ../../app/assets/scss/base/helpers/_common.scss */
.topR {
  position: absolute;
  top: 0;
  right: 0;
  margin: 1em;
  cursor: pointer;
}

/* line 42, ../../app/assets/scss/base/helpers/_common.scss */
.center {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  /* bring your own prefixes */
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

/* line 46, ../../app/assets/scss/base/helpers/_common.scss */
.newalertpatternbgsuccess {
  background: url("../app-content/img/icons/modal/successblue.svg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
@media (min-width: 37.5em) {
  /* line 46, ../../app/assets/scss/base/helpers/_common.scss */
  .newalertpatternbgsuccess {
    background: url("../app-content/img/icons/modal/successblue.svg") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
}

/* line 50, ../../app/assets/scss/base/helpers/_common.scss */
.newalertpatternbgerror {
  background: url("../app-content/img/icons/modal/errorred.svg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
@media (min-width: 37.5em) {
  /* line 50, ../../app/assets/scss/base/helpers/_common.scss */
  .newalertpatternbgerror {
    background: url("../app-content/img/icons/modal/errorred.svg") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
}

/* line 54, ../../app/assets/scss/base/helpers/_common.scss */
.newalertmodalbody {
  padding: 1.2em;
  min-width: 19em;
}
@media (min-width: 37.5em) {
  /* line 54, ../../app/assets/scss/base/helpers/_common.scss */
  .newalertmodalbody {
    width: 22.5em;
  }
}
/* line 60, ../../app/assets/scss/base/helpers/_common.scss */
.newalertmodalbody .nowraptext {
  padding: 0 1.3em 0 1.3em;
}
/* line 64, ../../app/assets/scss/base/helpers/_common.scss */
.newalertmodalbody .nowraptext h1 {
  font-weight: 200;
  margin: 0;
  padding: 0.2em 0;
}

/* line 73, ../../app/assets/scss/base/helpers/_common.scss */
.newalertconfirmbuttonsuccess button, .newalertconfirmbuttonerror button {
  margin: 1em;
  border: none;
  color: #FFF;
  font-size: 1.22em;
  padding: 0.55em;
  outline: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}

/* line 83, ../../app/assets/scss/base/helpers/_common.scss */
.newalertconfirmbuttonsuccess button {
  background: #0071CE;
}

/* line 87, ../../app/assets/scss/base/helpers/_common.scss */
.newalertconfirmbuttonerror button {
  background: #C9272D;
}

/* line 91, ../../app/assets/scss/base/helpers/_common.scss */
.transparentdialog {
  background: transparent;
  color: white;
  box-shadow: none;
}

/* line 98, ../../app/assets/scss/base/helpers/_common.scss */
.nowrapmodalbody {
  display: block;
  margin-top: 1em;
  text-align: center;
}
/* line 102, ../../app/assets/scss/base/helpers/_common.scss */
.nowrapmodalbody .nowraptext {
  position: relative;
  top: 0.5em;
  max-width: 12em;
  text-align: center;
  margin: 0 auto;
}
@media (min-width: 37.5em) {
  /* line 102, ../../app/assets/scss/base/helpers/_common.scss */
  .nowrapmodalbody .nowraptext {
    max-width: 100%;
    padding: 0 10%;
  }
}

/* line 115, ../../app/assets/scss/base/helpers/_common.scss */
.nowrapdialogcontent {
  width: 75vw;
  margin-bottom: 1em;
}
@media (min-width: 37.5em) {
  /* line 115, ../../app/assets/scss/base/helpers/_common.scss */
  .nowrapdialogcontent {
    width: 100%;
  }
}

/* line 123, ../../app/assets/scss/base/helpers/_common.scss */
.nowrapmodalimgs {
  width: 2.5em;
}

/* line 127, ../../app/assets/scss/base/helpers/_common.scss */
.nowrapclose {
  width: 100%;
  display: inline-block;
  text-align: right;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0.5em;
}

/* line 137, ../../app/assets/scss/base/helpers/_common.scss */
.exitmodal {
  color: #C2C2C4;
  float: right;
  cursor: pointer;
  outline: none;
  text-align: right;
}

/* line 145, ../../app/assets/scss/base/helpers/_common.scss */
.thelinks {
  cursor: pointer;
  outline: none;
}

/* line 150, ../../app/assets/scss/base/helpers/_common.scss */
md-slider.seekavideoslider {
  height: 0;
  height: 2em;
}

/* line 154, ../../app/assets/scss/base/helpers/_common.scss */
md-slider.seekavideoslider .md-thumb {
  z-index: 1;
  position: absolute;
  left: -10px;
  top: -0.25em;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  transform: scale(0.7);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* line 167, ../../app/assets/scss/base/helpers/_common.scss */
.whtdivide {
  border-top-color: #FFF;
}
@media (min-width: 37.5em) {
  /* line 167, ../../app/assets/scss/base/helpers/_common.scss */
  .whtdivide {
    margin: 0;
  }
}

/* line 174, ../../app/assets/scss/base/helpers/_common.scss */
.mdPad {
  padding: 1.5em;
}

/* line 177, ../../app/assets/scss/base/helpers/_common.scss */
.thinH1, .publicProfileNameMobile, .publicProfileNameDesktop {
  font-weight: 300;
}

/* NOTE */
/* line 183, ../../app/assets/scss/base/helpers/_common.scss */
.tagnameText {
  color: #f2f2f2;
}

/* line 186, ../../app/assets/scss/base/helpers/_common.scss */
.sparqbluetoolbar {
  position: fixed;
}

/* line 189, ../../app/assets/scss/base/helpers/_common.scss */
.toolbarHolder {
  height: 50px;
  position: static;
}

/* line 193, ../../app/assets/scss/base/helpers/_common.scss */
.md-square-avatar {
  width: 2.5em;
  height: 2.5em;
}

/* line 197, ../../app/assets/scss/base/helpers/_common.scss */
.fleft {
  float: left;
}

/* line 200, ../../app/assets/scss/base/helpers/_common.scss */
.floatRight {
  float: right;
  cursor: pointer;
  outline: none;
}

/* line 206, ../../app/assets/scss/base/helpers/_common.scss */
input[type=search] {
  float: right;
  outline: none;
  width: 130px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
  background-color: white;
  background-position: 10px 10px;
  background-repeat: no-repeat;
  padding: 12px 20px 12px 40px;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
}

/* line 222, ../../app/assets/scss/base/helpers/_common.scss */
input[type=search]:focus {
  width: 100%;
}

/* line 226, ../../app/assets/scss/base/helpers/_common.scss */
.nav-down {
  background: #f5b335;
  height: 83px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transition: top 0.2s ease-in-out;
  width: 100%;
}

/* line 236, ../../app/assets/scss/base/helpers/_common.scss */
.nav-up {
  top: -83px;
}

/* line 239, ../../app/assets/scss/base/helpers/_common.scss */
.float_right {
  float: right;
}

/* line 243, ../../app/assets/scss/base/helpers/_common.scss */
.gridListdemoBasicUsage md-grid-list {
  margin: 8px;
}

/* line 247, ../../app/assets/scss/base/helpers/_common.scss */
.gridListdemoBasicUsage .gray {
  background: #f5f5f5;
}

/* line 251, ../../app/assets/scss/base/helpers/_common.scss */
.gridListdemoBasicUsage .green {
  background: #b9f6ca;
}

/* line 255, ../../app/assets/scss/base/helpers/_common.scss */
.gridListdemoBasicUsage .yellow {
  background: #ffff8d;
}

/* line 259, ../../app/assets/scss/base/helpers/_common.scss */
.gridListdemoBasicUsage .blue {
  background: #84ffff;
}

/* line 263, ../../app/assets/scss/base/helpers/_common.scss */
.gridListdemoBasicUsage .purple {
  background: #b388ff;
}

/* line 267, ../../app/assets/scss/base/helpers/_common.scss */
.gridListdemoBasicUsage .red {
  background: #ff8a80;
}

/* line 271, ../../app/assets/scss/base/helpers/_common.scss */
.gridListdemoBasicUsage md-grid-tile {
  transition: all 400ms ease-out 50ms;
}

/* line 275, ../../app/assets/scss/base/helpers/_common.scss */
.perfectCenter {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  /* bring your own prefixes */
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

/* line 288, ../../app/assets/scss/base/helpers/_common.scss */
.centerNoColor {
  position: absolute;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

/* line 300, ../../app/assets/scss/base/helpers/_common.scss */
.nomarginmobile {
  margin: 0;
}
@media (min-width: 37.5em) {
  /* line 300, ../../app/assets/scss/base/helpers/_common.scss */
  .nomarginmobile {
    margin: 1em;
  }
}

/* line 307, ../../app/assets/scss/base/helpers/_common.scss */
.center-block {
  text-align: center;
}
/* line 309, ../../app/assets/scss/base/helpers/_common.scss */
.center-block:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

/* line 317, ../../app/assets/scss/base/helpers/_common.scss */
.center {
  display: inline-block;
  vertical-align: middle;
}

/* line 322, ../../app/assets/scss/base/helpers/_common.scss */
.text-align-center {
  text-align: center;
}

/* line 326, ../../app/assets/scss/base/helpers/_common.scss */
.expand {
  position: absolute !important;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/* line 1, ../../app/assets/scss/base/helpers/_resets.scss */
.nopadmarg {
  margin: 0 !important;
  padding: 0 !important;
}

/* line 7, ../../app/assets/scss/base/helpers/_resets.scss */
md-backdrop.md-opaque {
  z-index: 998 !important;
  opacity: .68 !important;
  position: absolute;
  bottom: 0;
}

/* line 15, ../../app/assets/scss/base/helpers/_resets.scss */
.md-dialog-container {
  z-index: 999 !important;
  position: absolute !important;
}

/* line 20, ../../app/assets/scss/base/helpers/_resets.scss */
.nP {
  padding: 0 !important;
}

/* line 24, ../../app/assets/scss/base/helpers/_resets.scss */
md-slider .md-thumb-container {
  top: 0;
}

/* line 28, ../../app/assets/scss/base/helpers/_resets.scss */
#firstvideo {
  position: static;
  position: initial;
}

/* line 33, ../../app/assets/scss/base/helpers/_resets.scss */
.md-sidenav-right {
  top: 0;
  position: fixed;
  bottom: 0;
  right: 0;
  top: 0;
}

/* line 40, ../../app/assets/scss/base/helpers/_resets.scss */
img {
  outline: none;
}

/* line 44, ../../app/assets/scss/base/helpers/_resets.scss */
::-webkit-scrollbar {
  width: 0;
  /* remove scrollbar space */
  background: transparent;
  /* optional: just make scrollbar invisible */
}

/* line 49, ../../app/assets/scss/base/helpers/_resets.scss */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

/* line 53, ../../app/assets/scss/base/helpers/_resets.scss */
html, body {
  background: #F1F1F1;
  /*
  overflow-y: scroll;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  overflow: auto;

  commented this out because it was interferring with IOS address bar.
  need to find a different approach...
  -webkit-overflow-scrolling: touch;
  -moz-overflow-scrolling: touch;
  -ms-overflow-scrolling: touch;
  overflow-scrolling: touch;
  */
}

/* line 71, ../../app/assets/scss/base/helpers/_resets.scss */
.isScrollable {
  overflow-y: scroll;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -moz-overflow-scrolling: touch;
  -ms-overflow-scrolling: touch;
  overflow-scrolling: touch;
}

/* line 84, ../../app/assets/scss/base/helpers/_resets.scss */
.vjs-control-bar {
  display: none;
}

/* line 89, ../../app/assets/scss/base/helpers/_resets.scss */
.closeTheCommentsIcon {
  position: absolute !important;
  right: 0 !important;
}

@media (min-width: 48em) {
  /* line 95, ../../app/assets/scss/base/helpers/_resets.scss */
  .themenuicon {
    margin-right: 50px !important;
  }
}

/* line 101, ../../app/assets/scss/base/helpers/_resets.scss */
.md-secondarys, .larger-md-button {
  background-color: #2C9FE5 !important;
  font-size: 1em !important;
  color: #fff !important;
}

/* line 106, ../../app/assets/scss/base/helpers/_resets.scss */
.desknotiheader {
  line-height: 1.2em !important;
  color: #4D4D4F !important;
}

/* line 113, ../../app/assets/scss/base/helpers/_resets.scss */
.larger-md-button {
  padding: 0.6em !important;
}

/* line 117, ../../app/assets/scss/base/helpers/_resets.scss */
.transparent-background {
  background-color: transparent !important;
}

/* line 120, ../../app/assets/scss/base/helpers/_resets.scss */
.md-tab.md-active {
  cursor: default;
  color: white !important;
}

/* line 124, ../../app/assets/scss/base/helpers/_resets.scss */
md-tabs.md-default-theme md-ink-bar, md-tabs md-ink-bar {
  color: #fff !important;
  background-color: #fff !important;
}

/* line 128, ../../app/assets/scss/base/helpers/_resets.scss */
.addAFriend {
  position: absolute !important;
  right: 0.5em !important;
  bottom: 0.5em !important;
}

/* line 133, ../../app/assets/scss/base/helpers/_resets.scss */
.threadedcomment {
  font-size: 16px !important;
}

/* line 137, ../../app/assets/scss/base/helpers/_resets.scss */
.author .commentdate {
  text-transform: capitalize;
  font-size: 0.85em !important;
  color: #BEBEBE !important;
}

/* line 143, ../../app/assets/scss/base/helpers/_resets.scss */
input.tipinputs:focus {
  background: #4D4D4F !important;
  color: #FFF !important;
  outline: none;
}

/*
for big chevron right arrows
used on dashboard to mirror larger chevron arrow designed by Brandon
*/
/* line 152, ../../app/assets/scss/base/helpers/_resets.scss */
.chevron_right_BIG {
  font-size: 1.5em !important;
  position: relative !important;
  right: 0.15em !important;
  bottom: 0.15em !important;
}

/*
for custom desktop notification styles (needed to override angular material html elements > : (
for custom paragraph and image tag styling
*/
/* line 163, ../../app/assets/scss/base/helpers/_resets.scss */
.desknotilist md-list-item {
  min-height: auto !important;
}

/* line 167, ../../app/assets/scss/base/helpers/_resets.scss */
.desknotiimg {
  width: 3em !important;
  height: 3em !important;
  margin: 0 16px 0 0 !important;
}

/* used to override angular material layout md-list items */
/* line 178, ../../app/assets/scss/base/helpers/_resets.scss */
.gobold {
  font-weight: 600 !important;
  color: #333 !important;
}

/* line 178, ../../app/assets/scss/base/helpers/_resets.scss */
.gomedium {
  font-weight: 200 !important;
  color: #333 !important;
}

/* line 178, ../../app/assets/scss/base/helpers/_resets.scss */
.golight {
  font-weight: 100 !important;
  color: #e2e2e2;
}

/* line 181, ../../app/assets/scss/base/helpers/_resets.scss */
.stuck {
  position: fixed !important;
  left: 0;
  right: 0;
  transition: top 0.2s ease-in-out;
}

/* line 189, ../../app/assets/scss/base/helpers/_resets.scss */
.nowrapmodal {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.010em;
  margin: 0 0 0px 0;
  line-height: 1.2em;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: inherit;
  word-wrap: break-word;
  width: 100%;
  text-align: center;
}

/* line 203, ../../app/assets/scss/base/helpers/_resets.scss */
.md-thumb {
  position: absolute !important;
  bottom: 0 !important;
  top: -0.25em !important;
}

/* line 5, ../../app/assets/scss/base/helpers/_homewatchparties.scss */
.pageWrapper .custcontainer .g5-4 .hasrightmargin, .pageWrapper .publicProfileNameContainerMobile .g5-4 .hasrightmargin, .pageWrapper .publicProfileNameContainerDesktop .g5-4 .hasrightmargin {
  margin: 0;
}
/* line 11, ../../app/assets/scss/base/helpers/_homewatchparties.scss */
.pageWrapper .custcontainer .g5-4 .hasrightmargin .md-3-line div:first-child > span, .pageWrapper .publicProfileNameContainerMobile .g5-4 .hasrightmargin .md-3-line div:first-child > span, .pageWrapper .publicProfileNameContainerDesktop .g5-4 .hasrightmargin .md-3-line div:first-child > span {
  color: #D6D6D6;
  position: relative;
}
/* line 17, ../../app/assets/scss/base/helpers/_homewatchparties.scss */
.pageWrapper .custcontainer .g5-4 .hasrightmargin .md-3-line img, .pageWrapper .publicProfileNameContainerMobile .g5-4 .hasrightmargin .md-3-line img, .pageWrapper .publicProfileNameContainerDesktop .g5-4 .hasrightmargin .md-3-line img {
  width: 3em;
  height: 3em;
  margin-top: 0.5em;
}
/* line 23, ../../app/assets/scss/base/helpers/_homewatchparties.scss */
.pageWrapper .custcontainer .g5-4 .hasrightmargin .md-3-line .md-list-item-text h3, .pageWrapper .publicProfileNameContainerMobile .g5-4 .hasrightmargin .md-3-line .md-list-item-text h3, .pageWrapper .publicProfileNameContainerDesktop .g5-4 .hasrightmargin .md-3-line .md-list-item-text h3 {
  overflow: inherit;
}
/* line 25, ../../app/assets/scss/base/helpers/_homewatchparties.scss */
.pageWrapper .custcontainer .g5-4 .hasrightmargin .md-3-line .md-list-item-text h3 .notaccepted, .pageWrapper .publicProfileNameContainerMobile .g5-4 .hasrightmargin .md-3-line .md-list-item-text h3 .notaccepted, .pageWrapper .publicProfileNameContainerDesktop .g5-4 .hasrightmargin .md-3-line .md-list-item-text h3 .notaccepted, .pageWrapper .custcontainer .g5-4 .hasrightmargin .md-3-line .md-list-item-text h3 .friendaccepted, .pageWrapper .publicProfileNameContainerMobile .g5-4 .hasrightmargin .md-3-line .md-list-item-text h3 .friendaccepted, .pageWrapper .publicProfileNameContainerDesktop .g5-4 .hasrightmargin .md-3-line .md-list-item-text h3 .friendaccepted {
  width: 0.8em;
  height: 0.8em;
  display: inline-block;
  border-radius: 50%;
}
/* line 31, ../../app/assets/scss/base/helpers/_homewatchparties.scss */
.pageWrapper .custcontainer .g5-4 .hasrightmargin .md-3-line .md-list-item-text h3 .friendaccepted, .pageWrapper .publicProfileNameContainerMobile .g5-4 .hasrightmargin .md-3-line .md-list-item-text h3 .friendaccepted, .pageWrapper .publicProfileNameContainerDesktop .g5-4 .hasrightmargin .md-3-line .md-list-item-text h3 .friendaccepted {
  background-color: #2C9FE5;
}
/* line 34, ../../app/assets/scss/base/helpers/_homewatchparties.scss */
.pageWrapper .custcontainer .g5-4 .hasrightmargin .md-3-line .md-list-item-text h3 .notaccepted, .pageWrapper .publicProfileNameContainerMobile .g5-4 .hasrightmargin .md-3-line .md-list-item-text h3 .notaccepted, .pageWrapper .publicProfileNameContainerDesktop .g5-4 .hasrightmargin .md-3-line .md-list-item-text h3 .notaccepted {
  background-color: #F06A1D;
}
/* line 37, ../../app/assets/scss/base/helpers/_homewatchparties.scss */
.pageWrapper .custcontainer .g5-4 .hasrightmargin .md-3-line .md-list-item-text h3 div, .pageWrapper .publicProfileNameContainerMobile .g5-4 .hasrightmargin .md-3-line .md-list-item-text h3 div, .pageWrapper .publicProfileNameContainerDesktop .g5-4 .hasrightmargin .md-3-line .md-list-item-text h3 div {
  color: black;
  position: relative;
  top: 0.3em;
  left: 1.15em;
}
@media (min-width: 37.5em) {
  /* line 45, ../../app/assets/scss/base/helpers/_homewatchparties.scss */
  .pageWrapper .custcontainer .g5-4 .hasrightmargin .md-3-line .md-list-item-text:nth-child(2), .pageWrapper .publicProfileNameContainerMobile .g5-4 .hasrightmargin .md-3-line .md-list-item-text:nth-child(2), .pageWrapper .publicProfileNameContainerDesktop .g5-4 .hasrightmargin .md-3-line .md-list-item-text:nth-child(2) {
    margin-left: 2em;
  }
}
/* line 49, ../../app/assets/scss/base/helpers/_homewatchparties.scss */
.pageWrapper .custcontainer .g5-4 .hasrightmargin .md-3-line .md-list-item-text:nth-child(2) h3, .pageWrapper .publicProfileNameContainerMobile .g5-4 .hasrightmargin .md-3-line .md-list-item-text:nth-child(2) h3, .pageWrapper .publicProfileNameContainerDesktop .g5-4 .hasrightmargin .md-3-line .md-list-item-text:nth-child(2) h3 {
  font-weight: 200;
  color: #D6D6D6;
  font-size: 1.1em;
}
/* line 54, ../../app/assets/scss/base/helpers/_homewatchparties.scss */
.pageWrapper .custcontainer .g5-4 .hasrightmargin .md-3-line .md-list-item-text:nth-child(2) h4, .pageWrapper .publicProfileNameContainerMobile .g5-4 .hasrightmargin .md-3-line .md-list-item-text:nth-child(2) h4, .pageWrapper .publicProfileNameContainerDesktop .g5-4 .hasrightmargin .md-3-line .md-list-item-text:nth-child(2) h4 {
  color: #757575;
  font-size: 1.1em;
  font-weight: 200;
  text-transform: capitalize;
  max-width: 150px;
}
/* line 63, ../../app/assets/scss/base/helpers/_homewatchparties.scss */
.pageWrapper .custcontainer .g5-4 .hasrightmargin .md-3-line .md-list-item-text:last-child h3, .pageWrapper .publicProfileNameContainerMobile .g5-4 .hasrightmargin .md-3-line .md-list-item-text:last-child h3, .pageWrapper .publicProfileNameContainerDesktop .g5-4 .hasrightmargin .md-3-line .md-list-item-text:last-child h3, .pageWrapper .custcontainer .g5-4 .hasrightmargin .md-3-line .md-list-item-text:last-child h4, .pageWrapper .publicProfileNameContainerMobile .g5-4 .hasrightmargin .md-3-line .md-list-item-text:last-child h4, .pageWrapper .publicProfileNameContainerDesktop .g5-4 .hasrightmargin .md-3-line .md-list-item-text:last-child h4 {
  text-align: right;
  font-family: "Helvetica", "Arial", sans-serif;
}
/* line 67, ../../app/assets/scss/base/helpers/_homewatchparties.scss */
.pageWrapper .custcontainer .g5-4 .hasrightmargin .md-3-line .md-list-item-text:last-child h3, .pageWrapper .publicProfileNameContainerMobile .g5-4 .hasrightmargin .md-3-line .md-list-item-text:last-child h3, .pageWrapper .publicProfileNameContainerDesktop .g5-4 .hasrightmargin .md-3-line .md-list-item-text:last-child h3 {
  color: #D6D6D6;
  font-size: 1em;
  font-weight: 400;
}
/* line 72, ../../app/assets/scss/base/helpers/_homewatchparties.scss */
.pageWrapper .custcontainer .g5-4 .hasrightmargin .md-3-line .md-list-item-text:last-child h4:not(.watchpartyjoined), .pageWrapper .publicProfileNameContainerMobile .g5-4 .hasrightmargin .md-3-line .md-list-item-text:last-child h4:not(.watchpartyjoined), .pageWrapper .publicProfileNameContainerDesktop .g5-4 .hasrightmargin .md-3-line .md-list-item-text:last-child h4:not(.watchpartyjoined) {
  color: #757575;
  font-size: 1.5em;
  font-weight: 200;
}
/* line 77, ../../app/assets/scss/base/helpers/_homewatchparties.scss */
.pageWrapper .custcontainer .g5-4 .hasrightmargin .md-3-line .md-list-item-text:last-child .watchpartyjoined, .pageWrapper .publicProfileNameContainerMobile .g5-4 .hasrightmargin .md-3-line .md-list-item-text:last-child .watchpartyjoined, .pageWrapper .publicProfileNameContainerDesktop .g5-4 .hasrightmargin .md-3-line .md-list-item-text:last-child .watchpartyjoined {
  color: #2C9FE5;
  font-size: 1.5em;
  font-weight: 200;
}
@media (min-width: 37.5em) {
  /* line 5, ../../app/assets/scss/base/helpers/_homewatchparties.scss */
  .pageWrapper .custcontainer .g5-4 .hasrightmargin, .pageWrapper .publicProfileNameContainerMobile .g5-4 .hasrightmargin, .pageWrapper .publicProfileNameContainerDesktop .g5-4 .hasrightmargin {
    margin-right: 0.75em;
  }
}

/* line 1, ../../app/assets/scss/base/helpers/_share.scss */
.bottomsharesheet .bs--sociallists i,
.bottomsharesheet .bs--sociallists span {
  float: left;
}

/* line 6, ../../app/assets/scss/base/helpers/_share.scss */
.bottomsharesheet .bs--sociallists i {
  margin: 0.5em;
  font-size: 1.4em;
}

/* line 1, ../../app/assets/scss/base/helpers/_periscopeanimation.scss */
div.likes {
  width: 50px;
  height: 400px;
  position: absolute;
  bottom: 0;
  right: 0;
  margin-left: 0px;
}
@media (min-width: 48em) {
  /* line 1, ../../app/assets/scss/base/helpers/_periscopeanimation.scss */
  div.likes {
    left: 50%;
    margin-left: -50px;
  }
}

/* line 14, ../../app/assets/scss/base/helpers/_periscopeanimation.scss */
div.heart {
  opacity: 1;
  position: absolute;
  bottom: 0;
  display: none;
}

/* line 21, ../../app/assets/scss/base/helpers/_periscopeanimation.scss */
div.heart i {
  position: absolute;
  left: 0;
  top: 0;
  opacity: .9;
  font-size: 35px;
}
@media (min-width: 48em) {
  /* line 21, ../../app/assets/scss/base/helpers/_periscopeanimation.scss */
  div.heart i {
    font-size: 45px;
  }
}

/* line 32, ../../app/assets/scss/base/helpers/_periscopeanimation.scss */
.colOne {
  color: #F06A1D;
}

/* line 36, ../../app/assets/scss/base/helpers/_periscopeanimation.scss */
.colTwo {
  color: #FFF;
}

/* line 40, ../../app/assets/scss/base/helpers/_periscopeanimation.scss */
.colThree {
  color: #F06A1D;
}

/* line 45, ../../app/assets/scss/base/helpers/_periscopeanimation.scss */
.colFour {
  color: #FFF;
}

/* line 49, ../../app/assets/scss/base/helpers/_periscopeanimation.scss */
.colFive {
  color: #F06A1D;
}

/* line 53, ../../app/assets/scss/base/helpers/_periscopeanimation.scss */
.colSix {
  color: #FFF;
}

@keyframes flowOne {
  0% {
    opacity: 0;
    bottom: 0;
    left: 14%;
  }
  40% {
    opacity: .8;
  }
  50% {
    opacity: 1;
    left: 0;
  }
  60% {
    opacity: .2;
  }
  80% {
    bottom: 80%;
  }
  100% {
    opacity: 0;
    bottom: 100%;
    left: 18%;
  }
}
@keyframes flowTwo {
  0% {
    opacity: 0;
    bottom: 0;
    left: 0;
  }
  40% {
    opacity: .8;
  }
  50% {
    opacity: 1;
    left: 11%;
  }
  60% {
    opacity: .2;
  }
  80% {
    bottom: 60%;
  }
  100% {
    opacity: 0;
    bottom: 80%;
    left: 0;
  }
}
@keyframes flowThree {
  0% {
    opacity: 0;
    bottom: 0;
    left: 0;
  }
  40% {
    opacity: .8;
  }
  50% {
    opacity: 1;
    left: 30%;
  }
  60% {
    opacity: .2;
  }
  80% {
    bottom: 70%;
  }
  100% {
    opacity: 0;
    bottom: 90%;
    left: 0;
  }
}
/* line 1, ../../app/assets/scss/base/helpers/_seekaimage.scss */
seeka-image {
  display: inline-flex;
  height: inherit;
  width: inherit;
}

/* line 7, ../../app/assets/scss/base/helpers/_seekaimage.scss */
.seeka-image {
  position: relative;
  display: inline-block;
  background-color: transparent;
  min-width: 2em;
  min-height: 2em;
}
/* line 13, ../../app/assets/scss/base/helpers/_seekaimage.scss */
.seeka-image.not-loaded {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/* line 22, ../../app/assets/scss/base/helpers/_seekaimage.scss */
.seeka-image__item {
  width: 100%;
  height: 100%;
  position: relative;
  opacity: 0;
  -webkit-transition: opacity 1.5s ease;
  -moz-transition: opacity 1.5s ease;
  -ms-transition: opacity 1.5s ease;
  -o-transition: opacity 1.5s ease;
  transition: opacity 1.5s ease;
}

/* line 30, ../../app/assets/scss/base/helpers/_seekaimage.scss */
.seeka-image__item--loaded {
  opacity: 1;
}

/* line 34, ../../app/assets/scss/base/helpers/_seekaimage.scss */
.seeka-image__no-item {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transition: opacity 1.5s linear;
  -moz-transition: opacity 1.5s linear;
  -ms-transition: opacity 1.5s linear;
  -o-transition: opacity 1.5s linear;
  transition: opacity 1.5s linear;
}

/* line 44, ../../app/assets/scss/base/helpers/_seekaimage.scss */
.seeka-image__no-item--loaded {
  opacity: 0;
}

/* line 1, ../../app/assets/scss/base/helpers/_seekaslider.scss */
.seeka-slider {
  position: relative;
  display: inline-block;
  background-color: transparent;
}

/* line 7, ../../app/assets/scss/base/helpers/_seekaslider.scss */
.seeka-slider__item {
  height: 100%;
  min-height: 50vh;
  opacity: 0;
  -webkit-transition: opacity 3s linear;
  -moz-transition: opacity 3s linear;
  -ms-transition: opacity 3s linear;
  -o-transition: opacity 3s linear;
  transition: opacity 3s linear;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 37.5em) {
  /* line 7, ../../app/assets/scss/base/helpers/_seekaslider.scss */
  .seeka-slider__item {
    height: auto;
    height: initial;
  }
}

/* line 19, ../../app/assets/scss/base/helpers/_seekaslider.scss */
.seeka-slider__item--current {
  opacity: 1;
}

/* line 23, ../../app/assets/scss/base/helpers/_seekaslider.scss */
.seeka-slider__no-item {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 1;
}

/* line 32, ../../app/assets/scss/base/helpers/_seekaslider.scss */
.seeka-slider__no-item > span {
  color: #C2C2C4;
}

/* line 36, ../../app/assets/scss/base/helpers/_seekaslider.scss */
.seeka-slider__no-item--current {
  -webkit-transition: opacity 1.5s linear;
  -moz-transition: opacity 1.5s linear;
  -ms-transition: opacity 1.5s linear;
  -o-transition: opacity 1.5s linear;
  transition: opacity 1.5s linear;
  opacity: 0;
}

/* line 1, ../../app/assets/scss/base/helpers/_catalogselect.scss */
catalog-select {
  display: block;
  position: relative;
}

/* line 6, ../../app/assets/scss/base/helpers/_catalogselect.scss */
.catalogSelect {
  display: inline-flex;
  position: relative;
}
/* line 9, ../../app/assets/scss/base/helpers/_catalogselect.scss */
.catalogSelect.selectOpen:before {
  content: '';
  position: absolute;
  left: 9px;
  right: 9px;
  bottom: 0;
  background-color: white;
  border-bottom: solid 1px #C2C2C4;
  height: 10px;
  z-index: 4;
}
/* line 20, ../../app/assets/scss/base/helpers/_catalogselect.scss */
.catalogSelect .datadd {
  clear: none;
  position: absolute;
  margin-left: 0.5em;
  margin-top: 0;
  font-weight: bold;
  top: 46px;
  width: auto;
  min-height: 20em;
  z-index: 3;
  -webkit-border-radius: 0 4px 4px 4px;
  -moz-border-radius: 0 4px 4px 4px;
  -ms-border-radius: 0 4px 4px 4px;
  border-radius: 0 4px 4px 4px;
}
/* line 31, ../../app/assets/scss/base/helpers/_catalogselect.scss */
.catalogSelect .datadd.toLeft {
  right: 0;
  margin-left: 0;
  margin-right: 0.5em;
  -webkit-border-radius: 4px 0 4px 4px;
  -moz-border-radius: 4px 0 4px 4px;
  -ms-border-radius: 4px 0 4px 4px;
  border-radius: 4px 0 4px 4px;
}
/* line 37, ../../app/assets/scss/base/helpers/_catalogselect.scss */
.catalogSelect .datadd div.emptyData {
  position: relative;
  height: 20em;
}
/* line 41, ../../app/assets/scss/base/helpers/_catalogselect.scss */
.catalogSelect .datadd div .xs {
  font-weight: bold;
  width: 180px;
}
/* line 44, ../../app/assets/scss/base/helpers/_catalogselect.scss */
.catalogSelect .datadd div .xs .disabled {
  font-weight: normal;
  cursor: initial;
  color: #C2C2C4;
}
/* line 50, ../../app/assets/scss/base/helpers/_catalogselect.scss */
.catalogSelect .datadd .metcntr {
  font-size: 14px;
  margin-left: 1.5em;
}
/* line 54, ../../app/assets/scss/base/helpers/_catalogselect.scss */
.catalogSelect .datadd nav ul li {
  width: 180px;
}

/* line 60, ../../app/assets/scss/base/helpers/_catalogselect.scss */
.selectButton {
  position: relative;
  display: inline-block;
  padding: .8em;
  margin: 0 .5em;
  z-index: 2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
/* line 67, ../../app/assets/scss/base/helpers/_catalogselect.scss */
.selectButton span {
  display: inline-block;
}
/* line 70, ../../app/assets/scss/base/helpers/_catalogselect.scss */
.selectButton i {
  margin-left: 2em;
  margin-right: .5em;
}
/* line 74, ../../app/assets/scss/base/helpers/_catalogselect.scss */
.selectButton .loadingCircular {
  right: 0;
  left: initial;
}
/* line 78, ../../app/assets/scss/base/helpers/_catalogselect.scss */
.selectButton.selectOpen {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  border-bottom-width: 1;
  border-bottom-color: #E0E1E2;
  box-shadow: -5px -5px 20px -4px rgba(0, 0, 0, 0.19), 5px -5px 20px -4px rgba(0, 0, 0, 0.19);
}
/* line 83, ../../app/assets/scss/base/helpers/_catalogselect.scss */
.selectButton.selectOpen span.fixSize {
  width: 150px;
  height: 1em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 89, ../../app/assets/scss/base/helpers/_catalogselect.scss */
.selectButton:focus {
  outline: none;
}

/* line 1, ../../app/assets/scss/base/helpers/_publishbar.scss */
.publishBottomBar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  z-index: 997;
  color: white;
}
/* line 9, ../../app/assets/scss/base/helpers/_publishbar.scss */
.publishBottomBar .publishPanel {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 380px;
  background-color: #282f3d;
  z-index: 0;
  -webkit-transition: top 0.5s;
  -moz-transition: top 0.5s;
  -ms-transition: top 0.5s;
  -o-transition: top 0.5s;
  transition: top 0.5s;
}
/* line 18, ../../app/assets/scss/base/helpers/_publishbar.scss */
.publishBottomBar .publishPanel.open {
  top: -380px;
}
/* line 21, ../../app/assets/scss/base/helpers/_publishbar.scss */
.publishBottomBar .publishPanel .panelHeader {
  background-color: #1F2532;
  cursor: pointer;
  padding-left: 30px;
  position: relative;
  width: 100%;
  height: 60px;
}
/* line 28, ../../app/assets/scss/base/helpers/_publishbar.scss */
.publishBottomBar .publishPanel .panelHeader::before {
  content: '';
  vertical-align: middle;
  display: inline-block;
  width: 0;
  height: 100%;
}
/* line 35, ../../app/assets/scss/base/helpers/_publishbar.scss */
.publishBottomBar .publishPanel .panelHeader:focus {
  outline: none;
}
/* line 38, ../../app/assets/scss/base/helpers/_publishbar.scss */
.publishBottomBar .publishPanel .panelHeader span {
  vertical-align: middle;
}
/* line 40, ../../app/assets/scss/base/helpers/_publishbar.scss */
.publishBottomBar .publishPanel .panelHeader span span {
  vertical-align: initial;
  font-weight: bold;
}
/* line 45, ../../app/assets/scss/base/helpers/_publishbar.scss */
.publishBottomBar .publishPanel .panelHeader img {
  float: right;
  margin: 23px;
}
/* line 50, ../../app/assets/scss/base/helpers/_publishbar.scss */
.publishBottomBar .publishPanel .panelList {
  position: relative;
  height: 320px;
  width: 100%;
  overflow: auto;
}
/* line 55, ../../app/assets/scss/base/helpers/_publishbar.scss */
.publishBottomBar .publishPanel .panelList button {
  margin: 0 12px;
  padding: 8px 30px;
  background-color: #1F2532;
  border: solid 1px white;
  color: white;
  font-size: 14px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
/* line 63, ../../app/assets/scss/base/helpers/_publishbar.scss */
.publishBottomBar .publishPanel .panelList button:disabled {
  color: #282f3d;
  border-color: #282f3d;
}
/* line 68, ../../app/assets/scss/base/helpers/_publishbar.scss */
.publishBottomBar .publishPanel .panelList .panelItem {
  cursor: pointer;
  padding-left: 60px;
  position: relative;
  width: 100%;
  height: 50px;
  border-bottom: solid 2px #1F2532;
}
/* line 75, ../../app/assets/scss/base/helpers/_publishbar.scss */
.publishBottomBar .publishPanel .panelList .panelItem::before {
  content: '';
  vertical-align: middle;
  display: inline-block;
  width: 0;
  height: 100%;
}
/* line 82, ../../app/assets/scss/base/helpers/_publishbar.scss */
.publishBottomBar .publishPanel .panelList .panelItem:hover {
  color: #3EA3F5;
}
/* line 85, ../../app/assets/scss/base/helpers/_publishbar.scss */
.publishBottomBar .publishPanel .panelList .panelItem md-checkbox,
.publishBottomBar .publishPanel .panelList .panelItem span {
  vertical-align: middle;
}
/* line 89, ../../app/assets/scss/base/helpers/_publishbar.scss */
.publishBottomBar .publishPanel .panelList .panelItem md-checkbox {
  margin: 0 0 0 -30px;
}
/* line 92, ../../app/assets/scss/base/helpers/_publishbar.scss */
.publishBottomBar .publishPanel .panelList .panelItem md-checkbox.md-checked .md-ink-ripple {
  color: #3EA3F5;
}
/* line 95, ../../app/assets/scss/base/helpers/_publishbar.scss */
.publishBottomBar .publishPanel .panelList .panelItem md-checkbox.md-checked .md-icon {
  background-color: #3EA3F5;
}
/* line 100, ../../app/assets/scss/base/helpers/_publishbar.scss */
.publishBottomBar .publishPanel .panelList .panelItem .promoting {
  color: white;
  position: relative;
  font-variant: all-petite-caps;
  background: #1F2532;
  margin-left: 5px;
  padding: 0 25px 5px 5px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
/* line 108, ../../app/assets/scss/base/helpers/_publishbar.scss */
.publishBottomBar .publishPanel .panelList .panelItem .promoting:hover {
  color: white;
}
/* line 111, ../../app/assets/scss/base/helpers/_publishbar.scss */
.publishBottomBar .publishPanel .panelList .panelItem .promoting md-progress-circular {
  position: absolute;
  right: 0;
  top: 2px;
  display: block;
}
/* line 119, ../../app/assets/scss/base/helpers/_publishbar.scss */
.publishBottomBar .publishPanel .panelList::-webkit-scrollbar {
  width: 10px;
}
/* line 122, ../../app/assets/scss/base/helpers/_publishbar.scss */
.publishBottomBar .publishPanel .panelList::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #C2C2C4;
}
/* line 128, ../../app/assets/scss/base/helpers/_publishbar.scss */
.publishBottomBar .publishInfo {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #1F2532;
  z-index: 1;
}
/* line 136, ../../app/assets/scss/base/helpers/_publishbar.scss */
.publishBottomBar .publishInfo .pageEdit {
  background-color: #F5A832;
  width: 60px;
  height: 60px;
  position: relative;
}
/* line 142, ../../app/assets/scss/base/helpers/_publishbar.scss */
.publishBottomBar .publishInfo button {
  margin: 12px;
  padding: 0 30px;
  background-color: #1F2532;
  border: solid 1px white;
  color: white;
  font-size: 14px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
/* line 150, ../../app/assets/scss/base/helpers/_publishbar.scss */
.publishBottomBar .publishInfo button:disabled {
  color: #282f3d;
  border-color: #282f3d;
}
/* line 155, ../../app/assets/scss/base/helpers/_publishbar.scss */
.publishBottomBar .publishInfo .filler,
.publishBottomBar .publishInfo .completion,
.publishBottomBar .publishInfo .togglePanel {
  height: 50px;
  margin: 5px;
}
/* line 160, ../../app/assets/scss/base/helpers/_publishbar.scss */
.publishBottomBar .publishInfo .filler::before,
.publishBottomBar .publishInfo .completion::before,
.publishBottomBar .publishInfo .togglePanel::before {
  content: '';
  vertical-align: middle;
  display: inline-block;
  width: 0;
  height: 100%;
}
/* line 167, ../../app/assets/scss/base/helpers/_publishbar.scss */
.publishBottomBar .publishInfo .filler span,
.publishBottomBar .publishInfo .filler img,
.publishBottomBar .publishInfo .completion span,
.publishBottomBar .publishInfo .completion img,
.publishBottomBar .publishInfo .togglePanel span,
.publishBottomBar .publishInfo .togglePanel img {
  vertical-align: middle;
}
/* line 170, ../../app/assets/scss/base/helpers/_publishbar.scss */
.publishBottomBar .publishInfo .filler span span,
.publishBottomBar .publishInfo .filler img span,
.publishBottomBar .publishInfo .completion span span,
.publishBottomBar .publishInfo .completion img span,
.publishBottomBar .publishInfo .togglePanel span span,
.publishBottomBar .publishInfo .togglePanel img span {
  vertical-align: initial;
  font-weight: bold;
}
/* line 175, ../../app/assets/scss/base/helpers/_publishbar.scss */
.publishBottomBar .publishInfo .filler img,
.publishBottomBar .publishInfo .completion img,
.publishBottomBar .publishInfo .togglePanel img {
  margin-left: -22px;
  margin-right: 5px;
}
/* line 180, ../../app/assets/scss/base/helpers/_publishbar.scss */
.publishBottomBar .publishInfo .filler {
  text-align: center;
}
/* line 183, ../../app/assets/scss/base/helpers/_publishbar.scss */
.publishBottomBar .publishInfo .completion {
  color: #C2C2C4;
  margin-right: 30px;
}
/* line 187, ../../app/assets/scss/base/helpers/_publishbar.scss */
.publishBottomBar .publishInfo .togglePanel {
  padding-left: 30px;
  cursor: pointer;
}
/* line 190, ../../app/assets/scss/base/helpers/_publishbar.scss */
.publishBottomBar .publishInfo .togglePanel::after {
  content: "\f0d8";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  margin: 0 30px 0 5px;
  text-rendering: auto;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* line 201, ../../app/assets/scss/base/helpers/_publishbar.scss */
.publishBottomBar .publishInfo .togglePanel.open::after {
  content: "\f0d7";
  vertical-align: sub;
}
/* line 207, ../../app/assets/scss/base/helpers/_publishbar.scss */
.publishBottomBar.promoting, .publishBottomBar.finished, .publishBottomBar.error {
  bottom: 10px;
}

/* line 214, ../../app/assets/scss/base/helpers/_publishbar.scss */
md-progress-linear.promoteProgress {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 10px;
  z-index: 9999;
}
/* line 221, ../../app/assets/scss/base/helpers/_publishbar.scss */
md-progress-linear.promoteProgress .md-container {
  height: 10px;
}
/* line 223, ../../app/assets/scss/base/helpers/_publishbar.scss */
md-progress-linear.promoteProgress .md-container .md-bar {
  height: 10px;
}
/* line 227, ../../app/assets/scss/base/helpers/_publishbar.scss */
md-progress-linear.promoteProgress.pending {
  display: none;
}
/* line 230, ../../app/assets/scss/base/helpers/_publishbar.scss */
md-progress-linear.promoteProgress.finished .md-bar {
  background-color: #5FCC87;
}
/* line 233, ../../app/assets/scss/base/helpers/_publishbar.scss */
md-progress-linear.promoteProgress.error .md-bar {
  background-color: #C9272D;
}

/* line 1, ../../app/assets/scss/base/helpers/_promotions.scss */
.viewDetailsLink {
  color: #0071CE;
  cursor: pointer;
}

/* line 6, ../../app/assets/scss/base/helpers/_promotions.scss */
.viewErrorDetailsLink {
  color: #0071CE;
  cursor: pointer;
}

/* line 11, ../../app/assets/scss/base/helpers/_promotions.scss */
.promotionButton {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -ms-transition: 0.25s;
  -o-transition: 0.25s;
  border-radius: 3px;
  padding: 0.5em 3em;
  transition: 0s;
  background: #0071CE;
  color: #FFF;
  border: none;
  margin-right: 25px;
  border: 1px solid #0071CE;
}

/* line 29, ../../app/assets/scss/base/helpers/_promotions.scss */
.promotionButton:hover {
  opacity: 0.5;
}

/* line 2, ../../app/assets/scss/base/layout/_admin.scss */
.admin-social-icons {
  width: 26px;
  height: 26px;
}

/* line 6, ../../app/assets/scss/base/layout/_admin.scss */
.admin-logo-link {
  margin: 0 auto;
  width: 15em;
}

/* line 10, ../../app/assets/scss/base/layout/_admin.scss */
.social-login-buttons {
  margin-bottom: 0.8em;
}

/* line 13, ../../app/assets/scss/base/layout/_admin.scss */
.toggleVisibilityOnEmail, .toggleVisibilityOnRegister {
  right: 0.5em;
  position: absolute;
}

/* line 17, ../../app/assets/scss/base/layout/_admin.scss */
.toggleVisibilityOnEmail {
  color: #fff;
}

/* line 21, ../../app/assets/scss/base/layout/_admin.scss */
.toggleVisibilityOnRegister {
  color: gainsboro;
}

/* line 26, ../../app/assets/scss/base/layout/_admin.scss */
.adminFooterMessage {
  color: #fff;
  padding: 1em;
  margin-top: 1em;
}

/* line 31, ../../app/assets/scss/base/layout/_admin.scss */
.stickyCreateAccount {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
}

/* line 37, ../../app/assets/scss/base/layout/_admin.scss */
.adminFooterMessage {
  text-align: center;
}

/* line 41, ../../app/assets/scss/base/layout/_admin.scss */
.forgotFooterMessage {
  color: #fff;
}
/* line 43, ../../app/assets/scss/base/layout/_admin.scss */
.forgotFooterMessage .underlineMe {
  text-decoration: underline;
  color: #fff;
}
/* line 46, ../../app/assets/scss/base/layout/_admin.scss */
.forgotFooterMessage .underlineMe:hover {
  text-decoration: none;
}

/* line 52, ../../app/assets/scss/base/layout/_admin.scss */
.admninContainers label {
  color: #fff;
}
/* line 55, ../../app/assets/scss/base/layout/_admin.scss */
.admninContainers input {
  border-bottom: 1px solid #fff;
  color: #fff;
}

/* line 60, ../../app/assets/scss/base/layout/_admin.scss */
.accountText {
  color: #fff;
}

/* line 63, ../../app/assets/scss/base/layout/_admin.scss */
.registrationFooter, .rememberedPassword {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 1em;
}

/* line 70, ../../app/assets/scss/base/layout/_admin.scss */
.registrationFooter {
  text-align: center;
  border-top: 1px solid #F8C092;
  background: #F06B1D;
}

/* line 76, ../../app/assets/scss/base/layout/_admin.scss */
.rememberedPassword {
  background-color: #2C9FE5;
  text-align: center;
}

/* line 82, ../../app/assets/scss/base/layout/_admin.scss */
.newRegisterInputBox .accountText {
  color: #fff;
  text-align: center;
}

/* line 86, ../../app/assets/scss/base/layout/_admin.scss */
.registrationFooter .footerText {
  text-align: center;
  color: #fff;
}

/* line 90, ../../app/assets/scss/base/layout/_admin.scss */
.errorBox {
  width: 100%;
  border-radius: 5px;
  padding: 0.5em;
  border: 1px solid #C34E4A;
  background: #FFEAED;
  color: #C34E4A;
}

/* line 98, ../../app/assets/scss/base/layout/_admin.scss */
.errorBox i {
  cursor: pointer;
  color: #C34E4A;
}

/* line 102, ../../app/assets/scss/base/layout/_admin.scss */
.newRegisterInputBox {
  margin: 1em 0;
  position: relative;
  display: inline-block;
}

/* line 107, ../../app/assets/scss/base/layout/_admin.scss */
.forgotPasswordInputBox {
  position: relative;
  display: inline-block;
}

/* line 111, ../../app/assets/scss/base/layout/_admin.scss */
.forgotPasswordInputBox .forgotpassword-link {
  color: #F06A1D;
  font-size: 0.8em;
}

/* line 115, ../../app/assets/scss/base/layout/_admin.scss */
.newRegisterInputBox button {
  margin: 0;
}

/* line 118, ../../app/assets/scss/base/layout/_admin.scss */
.newRegisterInputBox a:not(.signup-link) {
  position: absolute;
  right: 1em;
  top: 3.3em;
  text-decoration: underline;
  background-color: transparent;
  color: #F06A1D;
  font-size: 0.8em;
}

/* line 128, ../../app/assets/scss/base/layout/_admin.scss */
.newRegisterInputBox .centered-span-text {
  text-align: center;
  font-weight: 100;
}

/* line 132, ../../app/assets/scss/base/layout/_admin.scss */
.newRegisterInputBox .signup-link {
  font-weight: 600;
}

/* line 135, ../../app/assets/scss/base/layout/_admin.scss */
.newRegisterInputBox a:hover,
.forgotPasswordInputBox a:hover {
  color: #F06A1D;
}

/* line 139, ../../app/assets/scss/base/layout/_admin.scss */
.newRegisterInputBox label {
  color: #FF8C4F;
  margin: 0.5em 0;
  font-size: 0.8em;
}

/* line 144, ../../app/assets/scss/base/layout/_admin.scss */
.forgotPasswordInputBox a {
  color: #F06A1D;
  position: relative;
  top: -0.8em;
  text-decoration: underline !important;
}

/* line 150, ../../app/assets/scss/base/layout/_admin.scss */
.newRegisterInputBox input {
  background-color: transparent;
  border: 1px solid gray;
  border-radius: 5px;
  padding: 1em;
  outline: none;
}

/* line 159, ../../app/assets/scss/base/layout/_admin.scss */
.adminNav {
  background: transparent;
  width: 100%;
  display: inline-block;
}

/* line 165, ../../app/assets/scss/base/layout/_admin.scss */
.adminLogoContainer {
  background: #F06A1D;
  width: 100%;
  display: inline-block;
  text-align: center;
  height: 48px;
}

/* line 172, ../../app/assets/scss/base/layout/_admin.scss */
#adminLogo {
  text-align: center;
  width: 90%;
  cursor: pointer;
  margin-top: 3em;
  margin-bottom: 1.5em;
}

/* line 179, ../../app/assets/scss/base/layout/_admin.scss */
#sidebarlogo {
  text-align: center;
  width: 150px;
  padding: 1em;
}

/* line 184, ../../app/assets/scss/base/layout/_admin.scss */
.headerLogo {
  position: relative;
  left: -1em;
}
@media (min-width: 37.5em) {
  /* line 184, ../../app/assets/scss/base/layout/_admin.scss */
  .headerLogo {
    position: static;
  }
}

/* line 193, ../../app/assets/scss/base/layout/_admin.scss */
.administrationbg {
  background-color: #158ad1;
  position: absolute;
  width: 100%;
  height: 100%;
}

/* line 199, ../../app/assets/scss/base/layout/_admin.scss */
.newAdminBg {
  width: 100%;
  height: 100%;
  position: fixed;
  overflow-y: scroll;
}

/* line 205, ../../app/assets/scss/base/layout/_admin.scss */
.registerBg {
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: fixed;
  overflow-y: scroll;
  padding-bottom: 2em;
}

/* line 213, ../../app/assets/scss/base/layout/_admin.scss */
.forgotPwBg {
  width: 100%;
  height: 100%;
  background-color: #2C9FE5;
}

/* line 218, ../../app/assets/scss/base/layout/_admin.scss */
.newAdminBg .administrationContainers,
.forgotPwBg .administrationContainers,
.registerBg .administrationContainers {
  margin: 0 auto;
  padding: 0.5em 0;
}
@media (min-width: 37.5em) {
  /* line 218, ../../app/assets/scss/base/layout/_admin.scss */
  .newAdminBg .administrationContainers,
  .forgotPwBg .administrationContainers,
  .registerBg .administrationContainers {
    max-width: 30em;
    margin: 0 auto;
  }
}

/* line 228, ../../app/assets/scss/base/layout/_admin.scss */
.newAdminBg .administrationContainers .social-admins,
.forgotPwBg .administrationContainers .social-admins,
.registerBg .administrationContainers .social-admins {
  outline: none;
  cursor: pointer;
  margin: 0.65em 0;
}

/* line 235, ../../app/assets/scss/base/layout/_admin.scss */
.administrationbg .signupfooterbutton {
  position: fixed;
  cursor: pointer;
  padding: 1em;
  left: 0;
  right: 0;
  bottom: 0;
}

/* line 243, ../../app/assets/scss/base/layout/_admin.scss */
.administrationbg .administrationContainers {
  margin: 0 auto;
  position: relative;
  padding: 0.5em 0;
}
@media (min-width: 37.5em) {
  /* line 243, ../../app/assets/scss/base/layout/_admin.scss */
  .administrationbg .administrationContainers {
    max-width: 30em;
    margin: 0 auto;
  }
}

/* line 252, ../../app/assets/scss/base/layout/_admin.scss */
.administrationbg .administrationContainers md-card {
  box-shadow: none;
}

/* line 255, ../../app/assets/scss/base/layout/_admin.scss */
.administrationbg .administrationContainers md-card form .registerInputBox {
  padding: 1em;
}

/* line 258, ../../app/assets/scss/base/layout/_admin.scss */
.administrationbg .administrationContainers section a {
  margin: 0.5em 0;
}

/* line 261, ../../app/assets/scss/base/layout/_admin.scss */
.administrationbg .administrationContainers ul button {
  margin: 0.5em 0;
}

/* line 264, ../../app/assets/scss/base/layout/_admin.scss */
.administrationbg .administrationContainers h1 {
  margin: 0 0 1em 0;
  padding: 0;
}

/* line 268, ../../app/assets/scss/base/layout/_admin.scss */
.administrationbg .administrationContainers .smallLogin {
  margin: 1em auto;
}
@media (min-width: 37.5em) {
  /* line 268, ../../app/assets/scss/base/layout/_admin.scss */
  .administrationbg .administrationContainers .smallLogin {
    max-width: 30em;
    margin: 0 auto;
  }
}

/* line 275, ../../app/assets/scss/base/layout/_admin.scss */
.administrationbg .administrationContainers div.socialBtnsContainer i,
.administrationbg .administrationContainers div.socialBtnsContainer span {
  color: #fff;
  margin: 0.5em;
  font-size: 1.15em;
}

/* line 281, ../../app/assets/scss/base/layout/_admin.scss */
.administrationbg .signupfooterbutton {
  position: fixed;
  cursor: pointer;
  padding: 1em;
  left: 0;
  right: 0;
  bottom: 0;
}

/* line 289, ../../app/assets/scss/base/layout/_admin.scss */
.administrationbg .administrationContainers div.socialBtnsContainer div.socialBtns {
  width: 100%;
  border-radius: 4px;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0.5em 0;
  outline: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

/* line 303, ../../app/assets/scss/base/layout/_admin.scss */
.emailSignUpButton {
  color: #fff;
}

/* line 308, ../../app/assets/scss/base/layout/_admin.scss */
.administrationbg .administrationContainers div.socialBtnsContainer div.fbBtn {
  background: #3B5998;
}

/* line 311, ../../app/assets/scss/base/layout/_admin.scss */
.administrationbg .administrationContainers div.socialBtnsContainer div.twBlue {
  background: #55ACEE;
}

/* line 314, ../../app/assets/scss/base/layout/_admin.scss */
.administrationbg .administrationContainers div.socialBtnsContainer div.instBrwn {
  background: #9E6F4F;
}

/* line 317, ../../app/assets/scss/base/layout/_admin.scss */
.administrationbg .administrationContainers div.adminFooterBtns {
  margin: 0.7em;
  color: #fff;
}

/* NOTE Cast & Crew */
/* line 2, ../../app/assets/scss/base/layout/_catalog.scss */
.catalogSelectEpisode {
  border: 1px solid #4d4d4f;
  padding: 0.5em 2em;
  font-size: 16px !important;
  font-weight: 500 !important;
  border-radius: 4px;
  width: 100%;
}
@media (min-width: 37.5em) {
  /* line 2, ../../app/assets/scss/base/layout/_catalog.scss */
  .catalogSelectEpisode {
    width: auto;
  }
}

/* line 42, ../../app/assets/scss/base/layout/_catalog.scss */
.is-producer, .is-director, .is-writer, .is-dp, .is-actor, .is-crew {
  text-transform: uppercase;
  font-size: 16px;
  font-size: 1rem;
}

/* line 47, ../../app/assets/scss/base/layout/_catalog.scss */
.is-producer {
  color: #f59e2a;
}

/* line 52, ../../app/assets/scss/base/layout/_catalog.scss */
.is-director {
  color: #1173CB;
}

/* line 57, ../../app/assets/scss/base/layout/_catalog.scss */
.is-writer {
  color: #403D71;
}

/* line 62, ../../app/assets/scss/base/layout/_catalog.scss */
.is-dp {
  color: #828427;
}

/* line 67, ../../app/assets/scss/base/layout/_catalog.scss */
.is-actor {
  color: #0D4381;
}

/* line 72, ../../app/assets/scss/base/layout/_catalog.scss */
.is-crew {
  color: #8E9093;
}

/* line 77, ../../app/assets/scss/base/layout/_catalog.scss */
.is-producer-img {
  border: 2px solid #f59e2a;
}

/* line 81, ../../app/assets/scss/base/layout/_catalog.scss */
.is-director-img {
  border: 2px solid #1173CB;
}

/* line 85, ../../app/assets/scss/base/layout/_catalog.scss */
.is-writer-img {
  border: 2px solid #403D71;
}

/* line 89, ../../app/assets/scss/base/layout/_catalog.scss */
.is-dp-img {
  border: 2px solid #828427;
}

/* line 93, ../../app/assets/scss/base/layout/_catalog.scss */
.is-actor-img {
  border: 2px solid #0D4381;
}

/* line 97, ../../app/assets/scss/base/layout/_catalog.scss */
.is-crew-img {
  border: 2px solid #8E9093;
}

/* line 102, ../../app/assets/scss/base/layout/_catalog.scss */
.producer::before, .director::before, .writer::before, .dp::before, .actor::before, .crew::before {
  display: block;
  height: 20px;
  width: 20px;
  position: absolute;
  left: 2.75em;
  bottom: 0.6em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

/* line 114, ../../app/assets/scss/base/layout/_catalog.scss */
.producer::before {
  content: url("../app-content/img/icons/castcrew/producer_icon.svg");
  width: 20px;
  background: #f59e2a;
}

/* line 122, ../../app/assets/scss/base/layout/_catalog.scss */
.director::before {
  content: url("../app-content/img/icons/castcrew/director_icon.svg");
  background: #1173CB;
}

/* line 129, ../../app/assets/scss/base/layout/_catalog.scss */
.writer::before {
  content: url("../app-content/img/icons/castcrew/writer_icon.svg");
  background: #403D71;
}

/* line 136, ../../app/assets/scss/base/layout/_catalog.scss */
.dp::before {
  content: url("../app-content/img/icons/castcrew/dop_icon.svg");
  background: #828427;
}

/* line 143, ../../app/assets/scss/base/layout/_catalog.scss */
.actor::before {
  content: url("../app-content/img/icons/castcrew/actor_icon.svg");
  background: #0D4381;
}

/* line 150, ../../app/assets/scss/base/layout/_catalog.scss */
.crew::before {
  content: url("../app-content/img/icons/castcrew/crew_icon.svg");
  background: #8E9093;
}

/* line 156, ../../app/assets/scss/base/layout/_catalog.scss */
.inline-select {
  display: inline;
}

/* line 160, ../../app/assets/scss/base/layout/_catalog.scss */
.cast-list-item {
  margin: 1em 0;
}

/* line 164, ../../app/assets/scss/base/layout/_catalog.scss */
.follow-btn {
  background: #1173CB;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  border: none;
  color: #ffffff;
  padding: 0.50em 2em;
}
/* line 23, ../../app/assets/scss/base/layout/_catalog.scss */
.follow-btn:hover {
  background: #0e5ea5;
  transition: all 0.3s ease;
}
/* line 27, ../../app/assets/scss/base/layout/_catalog.scss */
.follow-btn:active {
  background: #073055;
}

/* line 172, ../../app/assets/scss/base/layout/_catalog.scss */
.follow-select {
  background: #ffffff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid gray;
  color: gray;
  padding: 0.40em 0.85em;
}
/* line 23, ../../app/assets/scss/base/layout/_catalog.scss */
.follow-select:hover {
  background: #ebebeb;
  transition: all 0.3s ease;
}
/* line 27, ../../app/assets/scss/base/layout/_catalog.scss */
.follow-select:active {
  background: #bfbfbf;
}

/* line 182, ../../app/assets/scss/base/layout/_catalog.scss */
ul.tabs {
  height: 100%;
  display: table;
  width: 100%;
  margin: 0;
  padding: 0;
}
@media (min-width: 48em) {
  /* line 182, ../../app/assets/scss/base/layout/_catalog.scss */
  ul.tabs {
    max-width: 40em;
  }
}
/* line 191, ../../app/assets/scss/base/layout/_catalog.scss */
ul.tabs:after {
  clear: both;
  content: '';
  display: block;
}
/* line 196, ../../app/assets/scss/base/layout/_catalog.scss */
ul.tabs li {
  display: table-cell;
  padding: 0;
  margin: 0;
}
/* line 200, ../../app/assets/scss/base/layout/_catalog.scss */
ul.tabs li a {
  color: black;
  display: inline-block;
  padding: 10px;
  text-decoration: none;
  padding: 0.5em 1em;
  margin: 0;
  width: 100%;
  text-align: center;
  font-weight: 500;
  font-size: 1.2em;
  border-bottom: 1px solid gainsboro;
}
/* line 212, ../../app/assets/scss/base/layout/_catalog.scss */
ul.tabs li a.is-active {
  cursor: default;
  background: #fbfbfb;
  color: #1173CB;
}
/* line 218, ../../app/assets/scss/base/layout/_catalog.scss */
ul.tabs li a:nth-child(1) {
  border-left: 1px solid gainsboro;
}
@media (min-width: 48em) {
  /* line 221, ../../app/assets/scss/base/layout/_catalog.scss */
  ul.tabs li a:nth-child(1) {
    border-right: 1px solid gainsboro;
  }
}

/* line 229, ../../app/assets/scss/base/layout/_catalog.scss */
section.tab-content {
  display: inline-grid;
  width: 100%;
  margin: 0 auto;
}
/* line 233, ../../app/assets/scss/base/layout/_catalog.scss */
html.no-js section.tab-content {
  display: block;
}

/* NOTE the new catalog styles for desktop */
/* line 240, ../../app/assets/scss/base/layout/_catalog.scss */
.catalogitems {
  max-width: 85em;
  margin: 0 auto;
}

/* line 245, ../../app/assets/scss/base/layout/_catalog.scss */
.catalogsocialbuttons {
  outline: none;
  text-align: center;
  padding-top: 1em;
  cursor: pointer;
}

/* line 252, ../../app/assets/scss/base/layout/_catalog.scss */
.selectaseason {
  margin: 1em 0.5em;
  padding: 0;
}

/* line 257, ../../app/assets/scss/base/layout/_catalog.scss */
.thecatalogepisode {
  cursor: pointer;
  outline: none;
  height: 14em;
  width: 100%;
}

/* line 264, ../../app/assets/scss/base/layout/_catalog.scss */
.seekathecatalog .seekathecatalogfranchise {
  background: black;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (min-width: 37.5em) {
  /* line 264, ../../app/assets/scss/base/layout/_catalog.scss */
  .seekathecatalog .seekathecatalogfranchise {
    width: 100%;
    background-size: cover;
  }
}
@media (min-width: 48em) {
  /* line 264, ../../app/assets/scss/base/layout/_catalog.scss */
  .seekathecatalog .seekathecatalogfranchise {
    width: 65vw;
    background-size: contain;
    background-position: top right;
  }
}

@media (min-width: 48em) {
  /* line 281, ../../app/assets/scss/base/layout/_catalog.scss */
  .seekathecatalog {
    font-size: 1.5vw;
  }
}
@media screen and (min-width: 1028px) {
  /* line 281, ../../app/assets/scss/base/layout/_catalog.scss */
  .seekathecatalog {
    font-size: 1em;
  }
}

/* line 290, ../../app/assets/scss/base/layout/_catalog.scss */
.seekathecatalog > div {
  display: block;
}
@media (min-width: 48em) {
  /* line 290, ../../app/assets/scss/base/layout/_catalog.scss */
  .seekathecatalog > div {
    display: flex;
  }
}

/* line 297, ../../app/assets/scss/base/layout/_catalog.scss */
.seekathecatalog .seekathecatalogfranchisedescription {
  background: #4D4D4F;
  padding: 1em;
  color: #e0e1e2;
}
/* line 301, ../../app/assets/scss/base/layout/_catalog.scss */
.seekathecatalog .seekathecatalogfranchisedescription h1 {
  font-weight: 300;
}
@media (min-width: 48em) {
  /* line 297, ../../app/assets/scss/base/layout/_catalog.scss */
  .seekathecatalog .seekathecatalogfranchisedescription {
    padding: 1em 2em 2em 2em;
    background: #4D4D4F;
  }
}

/* line 311, ../../app/assets/scss/base/layout/_catalog.scss */
.containThePlay {
  position: relative;
}

/* line 315, ../../app/assets/scss/base/layout/_catalog.scss */
.minimalpadding {
  padding: 0.5em;
}

/* line 319, ../../app/assets/scss/base/layout/_catalog.scss */
.customWhtPlay {
  width: 5em;
  height: 5em;
  fill: white;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  /* bring your own prefixes */
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

/* line 330, ../../app/assets/scss/base/layout/_catalog.scss */
.seekacatsoc img {
  height: 1em;
  margin: 0 0 0 1em;
  cursor: pointer;
}

/* line 336, ../../app/assets/scss/base/layout/_catalog.scss */
.seekacatsoc img:hover {
  opacity: 0.8;
}

/* line 341, ../../app/assets/scss/base/layout/_catalog.scss */
.showFriendsThatWatched {
  width: 10em;
  overflow-x: auto;
  white-space: nowrap;
}
@media (min-width: 37.5em) {
  /* line 341, ../../app/assets/scss/base/layout/_catalog.scss */
  .showFriendsThatWatched {
    width: 19em;
  }
}

/* line 350, ../../app/assets/scss/base/layout/_catalog.scss */
.showFriendsThatWatched .thefriend {
  width: 2em;
  height: 2em;
  background: cornflowerblue;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background: url("../app-content/img/admin/seekaOrange.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: -webkit-inline-box;
  cursor: pointer;
}
@media (min-width: 37.5em) {
  /* line 350, ../../app/assets/scss/base/layout/_catalog.scss */
  .showFriendsThatWatched .thefriend {
    background: url("../app-content/img/admin/seekaOrange.jpg") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
}
@media (min-width: 37.5em) {
  /* line 350, ../../app/assets/scss/base/layout/_catalog.scss */
  .showFriendsThatWatched .thefriend {
    height: 2em;
    width: 2em;
  }
}

/* line 365, ../../app/assets/scss/base/layout/_catalog.scss */
.catalogpadding {
  padding: 1em;
  margin-bottom: 1em;
  width: 100%;
  padding-bottom: 0;
  margin-bottom: 0;
}
@media (min-width: 48em) {
  /* line 365, ../../app/assets/scss/base/layout/_catalog.scss */
  .catalogpadding {
    padding: 1em 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}

/* line 378, ../../app/assets/scss/base/layout/_catalog.scss */
.catalogcast {
  padding: 0 0 1em 0;
  color: #909091;
}

/* NOTE NEW SEEKA TV STYLES */
/* line 384, ../../app/assets/scss/base/layout/_catalog.scss */
.thecast {
  text-decoration: underline;
  cursor: pointer;
}

/* line 389, ../../app/assets/scss/base/layout/_catalog.scss */
.thecast:hover {
  text-decoration: none;
}

/* line 393, ../../app/assets/scss/base/layout/_catalog.scss */
.friendswatched {
  position: relative;
  display: inline-block;
  width: 15em;
}
@media (min-width: 37.5em) {
  /* line 393, ../../app/assets/scss/base/layout/_catalog.scss */
  .friendswatched {
    width: 23em;
  }
}

/* line 402, ../../app/assets/scss/base/layout/_catalog.scss */
.friendswatched:before {
  content: url("../app-content/img/icons/watchparty_catalog.svg");
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  /*--adjust as necessary--*/
  font-size: 15px;
  padding-right: 0.35em;
  position: relative;
  top: 0.25em;
}

/* line 414, ../../app/assets/scss/base/layout/_catalog.scss */
.horizslide {
  display: inline-block;
  overflow-y: hidden;
  text-align: right;
  float: right;
  position: absolute;
  right: 0;
  width: 47vw;
}
@media (min-width: 37.5em) {
  /* line 414, ../../app/assets/scss/base/layout/_catalog.scss */
  .horizslide {
    position: auto;
  }
}
/* line 425, ../../app/assets/scss/base/layout/_catalog.scss */
.horizslide ul {
  text-align: right;
}
/* line 428, ../../app/assets/scss/base/layout/_catalog.scss */
.horizslide li {
  display: inline;
}
/* line 430, ../../app/assets/scss/base/layout/_catalog.scss */
.horizslide li img {
  border-radius: 50%;
  width: 1.6em;
  height: 1.6em;
  margin: 0;
}

/* line 439, ../../app/assets/scss/base/layout/_catalog.scss */
.catafollowbtn {
  background: #f5a732;
  background: -webkit-linear-gradient(legacy-direction(to right), #f5a732 0%, #f5a732 35%, #f06a1d 100%);
  background: linear-gradient(to right, #f5a732 0%, #f5a732 35%, #f06a1d 100%);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  color: #FFF;
  padding: 0.5em 1em;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}

/* line 449, ../../app/assets/scss/base/layout/_catalog.scss */
a.catafollowbtn:hover {
  background: #FFF;
  color: #F06A1D;
}

/* line 454, ../../app/assets/scss/base/layout/_catalog.scss */
.epstrailsmorewrap {
  width: 100%;
  background: #FFF;
  margin: 0;
  padding: 0;
}

/* line 461, ../../app/assets/scss/base/layout/_catalog.scss */
.episodes,
.trailers,
.more {
  width: 33.3333%;
  display: inline-block;
  text-align: center;
  color: #666;
  font-weight: 600;
}

/* line 471, ../../app/assets/scss/base/layout/_catalog.scss */
.trailers,
.more {
  border-left: 1px solid #CCC;
}

/* NOTE END SEEKA TV STYLES */
/* line 477, ../../app/assets/scss/base/layout/_catalog.scss */
.movieTitle {
  text-align: center;
  font-weight: bold;
  color: #C2C2C4;
  font-size: 14px;
  font-family: 'Source Sans Pro', "Helvetica Neue", sans-serif;
  margin-bottom: 1.5em;
  text-transform: uppercase;
}

/* line 487, ../../app/assets/scss/base/layout/_catalog.scss */
.movieImage {
  width: 100%;
  position: relative;
  outline: none;
  cursor: pointer;
}
@media (min-width: 37.5em) {
  /* line 487, ../../app/assets/scss/base/layout/_catalog.scss */
  .movieImage {
    width: 640px;
    height: 360px;
  }
}
/* line 496, ../../app/assets/scss/base/layout/_catalog.scss */
.movieImage .playbutton svg {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 9;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 48em) {
  /* line 496, ../../app/assets/scss/base/layout/_catalog.scss */
  .movieImage .playbutton svg {
    width: 5em;
    height: 5em;
  }
}

/* line 513, ../../app/assets/scss/base/layout/_catalog.scss */
.movieDescription {
  margin-top: 1.5em;
  text-align: center;
  color: #C2C2C4;
}

/* line 519, ../../app/assets/scss/base/layout/_catalog.scss */
.catMainMovieContainer {
  margin: 0 auto;
  padding: 1em;
  max-width: 66em;
}
@media (min-width: 48em) {
  /* line 519, ../../app/assets/scss/base/layout/_catalog.scss */
  .catMainMovieContainer {
    padding: 1em 0;
  }
}

/* line 528, ../../app/assets/scss/base/layout/_catalog.scss */
.MainMaxContainer {
  margin: 0 auto;
  padding: 0;
}
@media (min-width: 37.5em) {
  /* line 528, ../../app/assets/scss/base/layout/_catalog.scss */
  .MainMaxContainer {
    max-width: 100%;
  }
}
@media (min-width: 48em) {
  /* line 528, ../../app/assets/scss/base/layout/_catalog.scss */
  .MainMaxContainer {
    max-width: 50em;
  }
}
@media (min-width: 75em) {
  /* line 528, ../../app/assets/scss/base/layout/_catalog.scss */
  .MainMaxContainer {
    max-width: 60em;
  }
}

/* line 542, ../../app/assets/scss/base/layout/_catalog.scss */
.catalogContainer {
  margin: 0 auto;
  max-width: 40em;
}

/* line 547, ../../app/assets/scss/base/layout/_catalog.scss */
.catalogContainerNoPadding {
  margin: 0 auto;
  max-width: 40em;
}

/* line 552, ../../app/assets/scss/base/layout/_catalog.scss */
.episodeTitle {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  font-weight: 400;
}
/* line 556, ../../app/assets/scss/base/layout/_catalog.scss */
.episodeTitle:first-child {
  text-align: left;
}
/* line 559, ../../app/assets/scss/base/layout/_catalog.scss */
.episodeTitle:last-child {
  text-align: right;
}

/* line 564, ../../app/assets/scss/base/layout/_catalog.scss */
.episodeDescription {
  text-align: left;
}

/* line 568, ../../app/assets/scss/base/layout/_catalog.scss */
.catalogButton {
  cursor: pointer;
  background: #F5F5F5;
  font-size: 14px;
  font-family: 'Source Sans Pro', 'Helvetica', sans-serif;
  color: #4A4A4A;
  text-align: left;
  height: 36px;
  border-radius: 3px;
  outline: none;
}

/* line 580, ../../app/assets/scss/base/layout/_catalog.scss */
.episodeContainer {
  margin-bottom: 1em;
}

/* line 584, ../../app/assets/scss/base/layout/_catalog.scss */
.seasonSelect {
  border: 2px solid #0071CE;
  color: #0071CE;
  font-size: 18px;
  font-weight: bold;
  font-family: 'Source Sans Pro', 'Helvetica', sans-serif;
  margin: 0;
  padding: 0.5em;
  min-width: 150px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
/* line 593, ../../app/assets/scss/base/layout/_catalog.scss */
.seasonSelect .md-select-value {
  border: none;
}
/* line 595, ../../app/assets/scss/base/layout/_catalog.scss */
.seasonSelect .md-select-value .md-select-icon:after {
  transform: scaleY(0.75) scaleX(1.5);
}

/* line 602, ../../app/assets/scss/base/layout/_catalog.scss */
.ratingContainer {
  text-align: end;
}

/* line 607, ../../app/assets/scss/base/layout/_catalog.scss */
.catalogButtonWrappers {
  margin-right: 1em;
  border-radius: 2px;
  padding: 0 0.5em;
}

/* line 614, ../../app/assets/scss/base/layout/_catalog.scss */
.catalogButtonWrappers i {
  float: left;
  font-size: 1.3em;
  margin-right: 0.3em;
}
/* line 619, ../../app/assets/scss/base/layout/_catalog.scss */
.catalogButtonWrappers img {
  float: left;
  width: 1.2em;
  height: 1.2em;
  margin-right: 0.45em;
  margin-top: 0.22em;
}

/* line 628, ../../app/assets/scss/base/layout/_catalog.scss */
.propertyImageScale169 {
  max-height: 180px;
  max-width: 320px;
  height: auto;
  width: auto;
}

/* line 635, ../../app/assets/scss/base/layout/_catalog.scss */
.catalogVerticalDegreeInGray {
  background: #4d4d4f;
  background: -moz-linear-gradient(top, #4d4d4f 0%, #4d4d4f 56%, #7d7c7d 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #4d4d4f), color-stop(56%, #4d4d4f), color-stop(100%, #7d7c7d));
  background: -webkit-linear-gradient(top, #4d4d4f 0%, #4d4d4f 56%, #7d7c7d 100%);
  background: -o-linear-gradient(top, #4d4d4f 0%, #4d4d4f 56%, #7d7c7d 100%);
  background: -ms-linear-gradient(top, #4d4d4f 0%, #4d4d4f 56%, #7d7c7d 100%);
  background: linear-gradient(to bottom, #4d4d4f 0%, #4d4d4f 56%, #7d7c7d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4f', endColorstr='#7d7c7d', GradientType=0 );
}

/* line 2, ../../app/assets/scss/base/layout/_timeline.scss */
.sparqScrubberContainer .inner {
  background-color: transparent;
  display: table;
  padding: 0;
  text-align: center;
  margin: 0 auto;
  width: 10em;
  position: relative;
  top: 0.65em;
}

/* line 12, ../../app/assets/scss/base/layout/_timeline.scss */
.sparqScrubberContainer .elapsedtime {
  font-size: 15px;
  /* position: absolute; */
  bottom: 5em;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  position: relative;
  bottom: 4em;
}

/* line 22, ../../app/assets/scss/base/layout/_timeline.scss */
.sparqScrubberContainer .inner li {
  display: table-cell;
  position: static;
  /* text-align: justify; */
  /* width: 100%; */
  position: relative;
  top: 0.2em;
}

/* line 30, ../../app/assets/scss/base/layout/_timeline.scss */
.sparqScrubberContainer .inner li svg {
  width: 100%;
  /* border: 0.5px solid #fff; */
  outline: none;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

/* line 39, ../../app/assets/scss/base/layout/_timeline.scss */
.sparqScrubberContainer .inner li .indicators {
  background-color: #fff;
  width: 2.5px;
  /* max-height: 2em; */
  /* min-height: 0.5em; */
  /* cursor: pointer; */
  /* text-align: justify; */
  margin: 0;
  max-height: 1.5em;
}

/* line 50, ../../app/assets/scss/base/layout/_timeline.scss */
.clear {
  clear: both;
}

/* line 54, ../../app/assets/scss/base/layout/_timeline.scss */
.faded {
  opacity: 0.6;
}

/* line 58, ../../app/assets/scss/base/layout/_timeline.scss */
.opaque {
  opacity: 1;
}

/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/* line 2, ../../app/assets/scss/base/layout/_grid-layout.scss */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

/* line 2, ../../app/assets/scss/base/layout/_grid-layout.scss */
body {
  margin: 0;
}

/* line 2, ../../app/assets/scss/base/layout/_grid-layout.scss */
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block;
}

/* line 2, ../../app/assets/scss/base/layout/_grid-layout.scss */
audio, canvas, progress, video {
  display: inline-block;
}

/* line 2, ../../app/assets/scss/base/layout/_grid-layout.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/* line 2, ../../app/assets/scss/base/layout/_grid-layout.scss */
progress {
  vertical-align: baseline;
}

/* line 2, ../../app/assets/scss/base/layout/_grid-layout.scss */
template, [hidden] {
  display: none;
}

/* line 2, ../../app/assets/scss/base/layout/_grid-layout.scss */
a {
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

/* line 2, ../../app/assets/scss/base/layout/_grid-layout.scss */
a:active, a:hover {
  outline-width: 0;
}

/* line 2, ../../app/assets/scss/base/layout/_grid-layout.scss */
abbr[title] {
  border-bottom: 0;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/* line 2, ../../app/assets/scss/base/layout/_grid-layout.scss */
b, strong {
  font-weight: inherit;
}

/* line 2, ../../app/assets/scss/base/layout/_grid-layout.scss */
b, strong {
  font-weight: bolder;
}

/* line 2, ../../app/assets/scss/base/layout/_grid-layout.scss */
dfn {
  font-style: italic;
}

/* line 2, ../../app/assets/scss/base/layout/_grid-layout.scss */
h1 {
  font-size: 2em;
  margin: .67em 0;
}

/* line 2, ../../app/assets/scss/base/layout/_grid-layout.scss */
mark {
  background-color: #ff0;
  color: #000;
}

/* line 2, ../../app/assets/scss/base/layout/_grid-layout.scss */
small {
  font-size: 80%;
}

/* line 2, ../../app/assets/scss/base/layout/_grid-layout.scss */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 2, ../../app/assets/scss/base/layout/_grid-layout.scss */
sub {
  bottom: -0.25em;
}

/* line 2, ../../app/assets/scss/base/layout/_grid-layout.scss */
sup {
  top: -0.5em;
}

/* line 2, ../../app/assets/scss/base/layout/_grid-layout.scss */
img {
  border-style: none;
}

/* line 2, ../../app/assets/scss/base/layout/_grid-layout.scss */
svg:not(:root) {
  overflow: hidden;
}

/* line 2, ../../app/assets/scss/base/layout/_grid-layout.scss */
code, kbd, pre, samp {
  font-family: monospace,monospace;
  font-size: 1em;
}

/* line 2, ../../app/assets/scss/base/layout/_grid-layout.scss */
figure {
  margin: 1em 40px;
}

/* line 2, ../../app/assets/scss/base/layout/_grid-layout.scss */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/* line 2, ../../app/assets/scss/base/layout/_grid-layout.scss */
button, input, optgroup, select, textarea {
  font: inherit;
  margin: 0;
}

/* line 2, ../../app/assets/scss/base/layout/_grid-layout.scss */
optgroup {
  font-weight: bold;
}

/* line 2, ../../app/assets/scss/base/layout/_grid-layout.scss */
button, input {
  overflow: visible;
}

/* line 2, ../../app/assets/scss/base/layout/_grid-layout.scss */
button, select {
  text-transform: none;
}

/* line 2, ../../app/assets/scss/base/layout/_grid-layout.scss */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/* line 2, ../../app/assets/scss/base/layout/_grid-layout.scss */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/* line 2, ../../app/assets/scss/base/layout/_grid-layout.scss */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: .35em .625em .75em;
}

/* line 2, ../../app/assets/scss/base/layout/_grid-layout.scss */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/* line 2, ../../app/assets/scss/base/layout/_grid-layout.scss */
textarea {
  overflow: auto;
}

/* line 2, ../../app/assets/scss/base/layout/_grid-layout.scss */
[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

/* line 2, ../../app/assets/scss/base/layout/_grid-layout.scss */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/* line 2, ../../app/assets/scss/base/layout/_grid-layout.scss */
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/* line 2, ../../app/assets/scss/base/layout/_grid-layout.scss */
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* line 2, ../../app/assets/scss/base/layout/_grid-layout.scss */
::-webkit-input-placeholder {
  color: #000;
}

/* line 2, ../../app/assets/scss/base/layout/_grid-layout.scss */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* End Normalize css */
/* line 5, ../../app/assets/scss/base/layout/_grid-layout.scss */
body {
  font-family: 'Source Sans Pro',sans-serif;
}

/* line 10, ../../app/assets/scss/base/layout/_grid-layout.scss */
.clearfix {
  clear: both;
  display: block;
}

/* line 18, ../../app/assets/scss/base/layout/_grid-layout.scss */
li {
  list-style-type: none;
}

/* End toggle */
@media only screen and (min-width: 600px) {
  /* line 26, ../../app/assets/scss/base/layout/_grid-layout.scss */
  body {
    /* the base as 10px */
  }
}
/* line 3, ../../app/assets/scss/base/layout/_account.scss */
.editprofilebackground {
  background-image: url(../app-content/img/account/bg_placeholder.png);
  background-size: cover;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 6em;
  position: relative;
}
@media (min-width: 37.5em) {
  /* line 3, ../../app/assets/scss/base/layout/_account.scss */
  .editprofilebackground {
    height: 15em;
  }
}

/* line 15, ../../app/assets/scss/base/layout/_account.scss */
.toggleWatchList {
  color: #F06A1D;
  font-weight: 100;
  font-size: 0.9rem;
}

/* line 20, ../../app/assets/scss/base/layout/_account.scss */
.editprofilephotobackground,
.editprofilenamebackground {
  background-color: #fff;
  position: relative;
}

/* line 25, ../../app/assets/scss/base/layout/_account.scss */
.editprofilenamebackground h3 {
  color: #4A4A4A;
  font-family: 'Source Sans Pro';
  font-weight: bolder;
}

/* line 30, ../../app/assets/scss/base/layout/_account.scss */
.editprofilenamebackground p {
  color: #D7D7D7;
  position: relative;
  left: 0.6em;
}
/* line 34, ../../app/assets/scss/base/layout/_account.scss */
.editprofilenamebackground p i {
  color: #4A4A4A;
  cursor: pointer;
  font-size: 1.2em;
}

/* line 40, ../../app/assets/scss/base/layout/_account.scss */
.testalignmentForText {
  margin: 0.5em;
  margin-left: 7.5em;
}
/* line 43, ../../app/assets/scss/base/layout/_account.scss */
.testalignmentForText li {
  text-transform: capitalize;
}
/* line 44, ../../app/assets/scss/base/layout/_account.scss */
.testalignmentForText li:first-child {
  color: #4A4A4A;
  font-family: 'Source Sans Pro';
  font-weight: bolder;
  font-size: 1.3rem;
}
/* line 50, ../../app/assets/scss/base/layout/_account.scss */
.testalignmentForText li:nth-child(2) {
  color: #D7D7D7;
}

/* line 54, ../../app/assets/scss/base/layout/_account.scss */
.camera_bgprofile {
  cursor: pointer;
  position: absolute;
  top: 1em;
}

/* line 59, ../../app/assets/scss/base/layout/_account.scss */
.camera_profile {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 2rem;
}

/* line 65, ../../app/assets/scss/base/layout/_account.scss */
.profilephotoEdit, .profilephoto {
  cursor: pointer;
  border-radius: 50%;
  height: 5.5em;
  width: 5.5em;
  margin-top: -2.5em;
  text-align: center;
  border: 3.5px solid #fff;
  position: relative;
  background-image: url(../app-content/img/account/avatars.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-color: gray;
}

/* line 79, ../../app/assets/scss/base/layout/_account.scss */
.profilephoto {
  position: absolute;
  left: 0;
  z-index: 1;
  left: 1em;
}

/* line 86, ../../app/assets/scss/base/layout/_account.scss */
.loggedinuseremail {
  color: #C7C7C7;
}

/* line 89, ../../app/assets/scss/base/layout/_account.scss */
.mobilesparqnavbar {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 10;
}

/* line 99, ../../app/assets/scss/base/layout/_account.scss */
.addCommentInput {
  width: 100%;
  background: #f2f2f2;
  padding: 1em;
  border: none;
  outline: none;
}

/* line 108, ../../app/assets/scss/base/layout/_account.scss */
.avatar {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-block;
  overflow: hidden;
  margin: 0 1.5em;
  background: url("../app-content/img/profile.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
@media (min-width: 37.5em) {
  /* line 108, ../../app/assets/scss/base/layout/_account.scss */
  .avatar {
    background: url("../app-content/img/profile.jpg") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
}

/* line 119, ../../app/assets/scss/base/layout/_account.scss */
.commentAvatar {
  position: relative;
  width: 40px;
  height: 40px;
  float: left;
  border-radius: 5%;
  display: inline-block;
  overflow: hidden;
  margin: 1em 1.5em 1em 0;
  top: 0.2em;
  left: 1em;
  background: url("../app-content/img/profile.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
@media (min-width: 37.5em) {
  /* line 119, ../../app/assets/scss/base/layout/_account.scss */
  .commentAvatar {
    background: url("../app-content/img/profile.jpg") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
}

/* line 133, ../../app/assets/scss/base/layout/_account.scss */
.typingAvatar {
  position: absolute;
  width: 30px;
  height: 30px;
  float: left;
  border-radius: 50%;
  display: inline-block;
  overflow: hidden;
  margin: 1em 0.5em;
  background: url("../app-content/img/profile.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
@media (min-width: 37.5em) {
  /* line 133, ../../app/assets/scss/base/layout/_account.scss */
  .typingAvatar {
    background: url("../app-content/img/profile.jpg") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
}

/* line 151, ../../app/assets/scss/base/layout/_account.scss */
.myaccountForm {
  padding: 2em;
}

/* line 154, ../../app/assets/scss/base/layout/_account.scss */
.myaccountForm .myAccountTopbar {
  background-color: gainsboro;
  height: 7em;
  width: 100%;
  position: relative;
}
@media (min-width: 37.5em) {
  /* line 154, ../../app/assets/scss/base/layout/_account.scss */
  .myaccountForm .myAccountTopbar {
    height: 10em;
  }
}

/* line 163, ../../app/assets/scss/base/layout/_account.scss */
.myaccountForm .acctName {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  color: #fff;
}

/* line 172, ../../app/assets/scss/base/layout/_account.scss */
.myaccountForm div div.myAccountInner {
  margin: 4em 2em;
}

/* line 175, ../../app/assets/scss/base/layout/_account.scss */
.myaccountForm div div.myAccountInner div {
  margin: 0 1em 0 0;
}

/* line 178, ../../app/assets/scss/base/layout/_account.scss */
.myaccountForm div div.myAccountInner div h3 {
  color: #2C9FE5;
  text-transform: uppercase;
  margin: 0 0 1.5em;
}

/* line 183, ../../app/assets/scss/base/layout/_account.scss */
.myaccountForm div div.myAccountInner div .myprofileCheckbox {
  padding: 0 2em 0;
}

/* line 186, ../../app/assets/scss/base/layout/_account.scss */
.myaccountForm div div.myAccountInner div.statusInner {
  margin: 0 4em 2em 4em;
}

/* line 189, ../../app/assets/scss/base/layout/_account.scss */
.myaccountForm div div.myAccountInner div.statusInner ul li {
  line-height: 45px;
}

/* line 192, ../../app/assets/scss/base/layout/_account.scss */
.myaccountForm div div.myAccountInner div.statusInner ul li span {
  font-weight: 100;
  margin: 0 0 0 0.5em;
  color: #c1c1c1;
}

/* line 197, ../../app/assets/scss/base/layout/_account.scss */
.myaccountForm section .md-primary {
  padding: 0;
  margin: 0.5em 0;
}

/* line 207, ../../app/assets/scss/base/layout/_account.scss */
aside.myProfileSettings {
  background-color: #fff;
}

/* line 210, ../../app/assets/scss/base/layout/_account.scss */
aside.myProfileSettings .settingsCards {
  padding: 2em;
  display: block;
}

/* line 214, ../../app/assets/scss/base/layout/_account.scss */
aside.myProfileSettings .settingsCards ul li {
  line-height: 32px;
  list-style-type: none;
}

/* line 218, ../../app/assets/scss/base/layout/_account.scss */
aside.myProfileSettings .settingsCards ul small {
  color: #7f7f7f;
}

/* line 221, ../../app/assets/scss/base/layout/_account.scss */
aside.myProfileSettings .settingsCards h3 {
  text-transform: uppercase;
  color: #2C9FE5;
  margin: 0.5em 0;
}

/* line 227, ../../app/assets/scss/base/layout/_account.scss */
md-tabs.orangeTab .md-tab.md-active {
  color: #F06A1D !important;
}

/* line 231, ../../app/assets/scss/base/layout/_account.scss */
md-tabs.orangeTab md-ink-bar {
  color: #F06A1D !important;
  background-color: #F06A1D !important;
}

/* line 236, ../../app/assets/scss/base/layout/_account.scss */
md-tabs.orangeTab md-next-button {
  display: none;
}

/* line 240, ../../app/assets/scss/base/layout/_account.scss */
md-tabs.orangeTab md-prev-button {
  display: none;
}

/* line 244, ../../app/assets/scss/base/layout/_account.scss */
md-tabs.orangeTab md-tab-content {
  background: #F2F2F2;
}

/* line 248, ../../app/assets/scss/base/layout/_account.scss */
md-tabs.blueTab .md-tab.md-active {
  color: #0071CE !important;
}

/* line 252, ../../app/assets/scss/base/layout/_account.scss */
md-tabs.blueTab md-ink-bar {
  color: #0071CE !important;
  background-color: #0071CE !important;
}

/* line 257, ../../app/assets/scss/base/layout/_account.scss */
md-tabs.blueTab md-next-button {
  display: none;
}

/* line 261, ../../app/assets/scss/base/layout/_account.scss */
md-tabs.blueTab md-prev-button {
  display: none;
}

/* line 265, ../../app/assets/scss/base/layout/_account.scss */
md-tabs.blueTab md-tab-content {
  background: #fff;
}

/* line 269, ../../app/assets/scss/base/layout/_account.scss */
.dashboardNoContentText {
  font-size: 16px;
  color: #666666;
  text-align: center;
  padding: 1.5em 2.3em;
}

/* line 276, ../../app/assets/scss/base/layout/_account.scss */
.dashboardBox {
  width: 100%;
  height: 100%;
  margin-top: 1em;
  padding: 1.5em 0.5em;
}

/* line 283, ../../app/assets/scss/base/layout/_account.scss */
.giveListsMorePadding {
  padding: 0.5em;
}

/* line 287, ../../app/assets/scss/base/layout/_account.scss */
.dashboardWatchPartyBox {
  margin-top: 15px;
}

/* line 291, ../../app/assets/scss/base/layout/_account.scss */
.dashboardImage {
  width: 45px;
}

/* line 295, ../../app/assets/scss/base/layout/_account.scss */
.dashboardBoxTitle {
  font-family: 'Source Sans Pro', 'Helvetica', sans-serif;
  color: #CECECE;
  font-size: 14px;
}

/* line 301, ../../app/assets/scss/base/layout/_account.scss */
.dashboardBoxVideoTitle {
  font-family: 'Source Sans Pro', 'Helvetica', sans-serif;
  color: #CECECE;
  font-size: 13px;
}

/* line 307, ../../app/assets/scss/base/layout/_account.scss */
.dashboardBoxVideoDate {
  font-family: 'Source Sans Pro', 'Helvetica', sans-serif;
  color: #7A7676;
  font-size: 13px;
}

/* line 313, ../../app/assets/scss/base/layout/_account.scss */
.dashboardWatchListTitle {
  font-family: 'Source Sans Pro', 'Helvetica', sans-serif;
  color: #4A4A4A;
  font-size: 14px;
}

/* line 319, ../../app/assets/scss/base/layout/_account.scss */
.filterCommentBtn {
  width: 100%;
}

/* line 323, ../../app/assets/scss/base/layout/_account.scss */
.dashboard-menu {
  background: white;
  border-radius: 4px;
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  width: 256px;
}

/* line 332, ../../app/assets/scss/base/layout/_account.scss */
.dashboard-menu-item {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 48px;
  padding: 0 16px;
  position: relative;
  transition: background 0.15s linear;
  width: auto;
}

/* line 343, ../../app/assets/scss/base/layout/_account.scss */
.dashboard-menu-item:hover,
.dashboard-menu-item:focus {
  background-color: #eeeeee;
}

/* line 348, ../../app/assets/scss/base/layout/_account.scss */
.dashboard-menu-item.selected {
  color: #106cc8;
}

/* line 1, ../../app/assets/scss/base/layout/_header.scss */
.seeakmagnifier {
  position: absolute;
  top: 0;
  right: 0;
  margin: 8px 8px 8px 0;
  width: 18px;
}

/* line 9, ../../app/assets/scss/base/layout/_header.scss */
.cancelSearch {
  float: right;
  padding: 0.25em;
  cursor: pointer;
  outline: none;
}

/* line 16, ../../app/assets/scss/base/layout/_header.scss */
.cancelSearch:hover {
  opacity: 0.5;
}

/* line 20, ../../app/assets/scss/base/layout/_header.scss */
.seekmagnified {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0.5em;
  width: 18px;
}

/* line 28, ../../app/assets/scss/base/layout/_header.scss */
.topnavbackdropspacer {
  height: 56px;
  max-height: 56px;
  width: 100%;
  background: #f5a732;
  background: -webkit-linear-gradient(legacy-direction(to right), #f5a732 0%, #f5a732 35%, #f06a1d 100%);
  background: linear-gradient(to right, #f5a732 0%, #f5a732 35%, #f06a1d 100%);
}
@media (min-width: 37.5em) {
  /* line 28, ../../app/assets/scss/base/layout/_header.scss */
  .topnavbackdropspacer {
    display: none;
  }
}

/* line 38, ../../app/assets/scss/base/layout/_header.scss */
.theflex {
  display: flex;
  border: 1px solid gainsboro;
  margin: 0 0.5em;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}

/* line 45, ../../app/assets/scss/base/layout/_header.scss */
.blockLinks {
  display: block;
  width: 100%;
  color: #FFF;
}

/* line 51, ../../app/assets/scss/base/layout/_header.scss */
.blockLinks:hover {
  color: white;
}

/* line 55, ../../app/assets/scss/base/layout/_header.scss */
.fullseekalogo {
  margin-left: 50px;
  outline: none;
}

/* line 60, ../../app/assets/scss/base/layout/_header.scss */
.flexleft, .flexright {
  text-align: center;
  width: 50%;
  padding: 0.25em;
  color: #4D4D4F;
  font-size: 0.75em;
  cursor: pointer;
}

/* line 69, ../../app/assets/scss/base/layout/_header.scss */
.flexright, .flexright {
  border-left: 1px solid gainsboro;
}

/* line 73, ../../app/assets/scss/base/layout/_header.scss */
#parent {
  display: flex;
}

/* line 77, ../../app/assets/scss/base/layout/_header.scss */
#narrow {
  width: 13em;
  margin: 0.5em;
}

/* line 82, ../../app/assets/scss/base/layout/_header.scss */
#wide {
  flex: 1;
  margin: 0.5em 0 0.5em 0.5em;
  text-align: center;
  padding: 0.55em;
}

/* line 90, ../../app/assets/scss/base/layout/_header.scss */
#wide div {
  line-height: 20px;
}

/* line 94, ../../app/assets/scss/base/layout/_header.scss */
.desknotifeventtitle {
  font-size: 14px;
  font-weight: bold;
  color: #4D4D4F;
}

/* line 100, ../../app/assets/scss/base/layout/_header.scss */
.desknotifeventdate {
  font-size: 0.7em;
  color: #4D4D4F;
}

/* line 105, ../../app/assets/scss/base/layout/_header.scss */
.desknotifeventul {
  display: block;
  margin: 0;
  padding: 0;
}

/* line 111, ../../app/assets/scss/base/layout/_header.scss */
.notificationsfranchiseimg {
  width: 4.5em;
  height: 3em;
  background: firebrick;
  display: block;
}

/* NOTE tablet + notifications main styling */
/* line 122, ../../app/assets/scss/base/layout/_header.scss */
.desknotifhead {
  background: #ECEDEE;
  padding: 0;
  margin: 0;
  display: inherit;
  color: #4D4D4F;
}

/* line 130, ../../app/assets/scss/base/layout/_header.scss */
.notificationheader {
  height: 1.5em;
  overflow: hidden;
}

/* line 135, ../../app/assets/scss/base/layout/_header.scss */
.desknotifhead p {
  padding: 0.25em;
}

/* line 139, ../../app/assets/scss/base/layout/_header.scss */
.desknotilist {
  margin: 0;
  padding: 0;
  display: block;
}

/* NOTE NEW SEEKA STYLES */
/* line 146, ../../app/assets/scss/base/layout/_header.scss */
.desknotifwrapper {
  position: absolute;
  margin: 20px;
  top: 1.2em;
  overflow: scroll;
  max-height: 25em;
  height: 25em;
  z-index: 100;
}
@media (min-width: 37.5em) {
  /* line 146, ../../app/assets/scss/base/layout/_header.scss */
  .desknotifwrapper {
    right: 1em;
  }
}
@media (min-width: 48em) {
  /* line 146, ../../app/assets/scss/base/layout/_header.scss */
  .desknotifwrapper {
    right: 4.5em;
  }
}

/* line 161, ../../app/assets/scss/base/layout/_header.scss */
.desknotifcontainer {
  background: #FFF;
  width: 400px;
  border-left: 1px solid gainsboro;
  border-right: 1px solid gainsboro;
  border-bottom: 1px solid gainsboro;
  /* max-height: 25em; */
  /* overflow: auto; */
}

/* line 170, ../../app/assets/scss/base/layout/_header.scss */
.desknotifcontainer:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 15px 10px;
  border-color: transparent transparent #ECEDEE transparent;
  position: absolute;
  top: 5px;
  right: 20px;
}

/* line 182, ../../app/assets/scss/base/layout/_header.scss */
.seekamainbar {
  background: #C2C2C4;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 200;
}
@media (min-width: 37.5em) {
  /* line 182, ../../app/assets/scss/base/layout/_header.scss */
  .seekamainbar {
    padding: 0.65em 0;
    position: relative;
  }
}
/* line 194, ../../app/assets/scss/base/layout/_header.scss */
.seekamainbar search-field {
  overflow: hidden;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
@media (min-width: 37.5em) {
  /* line 194, ../../app/assets/scss/base/layout/_header.scss */
  .seekamainbar search-field {
    margin-left: 50px;
    width: 420px;
  }
  /* line 200, ../../app/assets/scss/base/layout/_header.scss */
  .seekamainbar search-field .seeksrchouter {
    margin-left: 0;
    width: 100%;
  }
}
/* line 206, ../../app/assets/scss/base/layout/_header.scss */
.seekamainbar .newseekaiconsone {
  position: relative;
  top: 0.3em;
}
/* line 210, ../../app/assets/scss/base/layout/_header.scss */
.seekamainbar .newseekaiconstwo {
  position: relative;
  top: 0.4em;
}
/* line 214, ../../app/assets/scss/base/layout/_header.scss */
.seekamainbar .out {
  position: relative;
}
/* line 216, ../../app/assets/scss/base/layout/_header.scss */
.seekamainbar .out .inn {
  position: absolute;
  top: -0.3em;
  width: 1.5em;
  height: 1.5em;
  background: firebrick;
  border-radius: 50%;
  right: 0;
  left: 0.4em;
}
/* line 225, ../../app/assets/scss/base/layout/_header.scss */
.seekamainbar .out .inn .numb {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  /* bring your own prefixes */
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
/* line 230, ../../app/assets/scss/base/layout/_header.scss */
.seekamainbar md-toolbar {
  background: transparent;
}
/* line 233, ../../app/assets/scss/base/layout/_header.scss */
.seekamainbar .seeksrchouter {
  background: rgba(255, 255, 255, 0.2);
  padding: 0.2em 0.35em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  font-size: 16px;
  margin-left: 20px;
  position: relative;
  overflow: hidden;
}
@media (min-width: 37.5em) {
  /* line 233, ../../app/assets/scss/base/layout/_header.scss */
  .seekamainbar .seeksrchouter {
    margin-left: 50px;
    padding: 0.3em 1em;
    width: 420px;
    position: relative;
  }
}
/* line 247, ../../app/assets/scss/base/layout/_header.scss */
.seekamainbar .seeksrchouter .seeksrch,
.seekamainbar .seeksrchouter .seeksearched {
  background: none;
  border: none;
  outline: none;
  color: white;
  margin: 0;
  width: 8em;
  font-size: 1.25em;
  text-transform: capitalize;
}
/* line 257, ../../app/assets/scss/base/layout/_header.scss */
.seekamainbar .seeksrchouter .seeksrch::placeholder,
.seekamainbar .seeksrchouter .seeksearched::placeholder {
  color: white;
}
/* line 261, ../../app/assets/scss/base/layout/_header.scss */
.seekamainbar .seeksrchouter .seeksrch {
  -webkit-transition: padding-left 0.5s;
  -moz-transition: padding-left 0.5s;
  -ms-transition: padding-left 0.5s;
  -o-transition: padding-left 0.5s;
  transition: padding-left 0.5s;
}
@media (min-width: 37.5em) {
  /* line 261, ../../app/assets/scss/base/layout/_header.scss */
  .seekamainbar .seeksrchouter .seeksrch {
    width: 90%;
  }
}
/* line 266, ../../app/assets/scss/base/layout/_header.scss */
.seekamainbar .seeksrchouter .seeksrch:focus {
  padding-left: 1em;
}
/* line 270, ../../app/assets/scss/base/layout/_header.scss */
.seekamainbar .seeksrchouter .seeksearched {
  padding-left: 2em;
}
@media (min-width: 37.5em) {
  /* line 270, ../../app/assets/scss/base/layout/_header.scss */
  .seekamainbar .seeksrchouter .seeksearched {
    width: 90%;
    padding-left: 1em;
  }
}

/* line 280, ../../app/assets/scss/base/layout/_header.scss */
.seekaTheSidenav {
  z-index: 2000;
}
/* line 282, ../../app/assets/scss/base/layout/_header.scss */
.seekaTheSidenav md-content {
  position: static;
  position: initial;
}
/* line 285, ../../app/assets/scss/base/layout/_header.scss */
.seekaTheSidenav md-content .cover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

/* NOTE end new seeka toolbar */
/* line 297, ../../app/assets/scss/base/layout/_header.scss */
.commonToolbar {
  padding-top: 1.5em;
}

/* line 301, ../../app/assets/scss/base/layout/_header.scss */
.seekaSearch {
  width: 70%;
  font-size: 10px;
  margin-right: 1em;
}
@media (min-width: 37.5em) {
  /* line 301, ../../app/assets/scss/base/layout/_header.scss */
  .seekaSearch {
    max-width: 3em;
  }
}

/* line 310, ../../app/assets/scss/base/layout/_header.scss */
.srchgrpcontainer {
  width: 100%;
  background: #F1F1F1;
  margin-right: 1em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  padding: 0.25em;
}

/* line 318, ../../app/assets/scss/base/layout/_header.scss */
.srchgrpcontainerNoMarg {
  width: 100%;
  background: #F1F1F1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  padding: 0.25em;
}

/* line 325, ../../app/assets/scss/base/layout/_header.scss */
input.seekasearch {
  background: #F1F1F1;
  padding: 0.25em;
  width: 85%;
  border: 0;
  outline: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  font-size: 1.2em;
}

/* line 335, ../../app/assets/scss/base/layout/_header.scss */
.seekasearchicongray {
  width: auto;
  width: initial;
  float: right;
  position: relative;
  right: 0.8em;
  width: 21px;
  top: 0.3em;
}

/* line 347, ../../app/assets/scss/base/layout/_header.scss */
p.dshbdvidcmt {
  color: #909091;
}

/* NOTE */
/* line 352, ../../app/assets/scss/base/layout/_header.scss */
.groupCreate {
  color: #0071CE;
}

/* line 356, ../../app/assets/scss/base/layout/_header.scss */
#header_nav {
  width: 100%;
  background-color: #F06A1D;
  z-index: 1;
}

/* line 361, ../../app/assets/scss/base/layout/_header.scss */
.fixed {
  top: 0px;
  position: fixed;
}

/* line 365, ../../app/assets/scss/base/layout/_header.scss */
.showloginoptions {
  position: relative;
  left: 2em;
}

/* line 370, ../../app/assets/scss/base/layout/_header.scss */
.outerLog {
  width: 75%;
  margin: 0 auto;
  height: 5em;
  position: absolute;
  top: 0;
  overflow: hidden;
}

/* line 379, ../../app/assets/scss/base/layout/_header.scss */
.outerLog .innerLog {
  text-align: center;
  position: relative;
  top: 0.8em;
}

/* line 385, ../../app/assets/scss/base/layout/_header.scss */
img.avatarSquare {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

/* line 389, ../../app/assets/scss/base/layout/_header.scss */
a:link,
a:hover,
a:active,
a:visited {
  -webkit-transition: color 150ms;
  transition: color 150ms;
  text-decoration: none;
  outline: none;
}

/* line 399, ../../app/assets/scss/base/layout/_header.scss */
.contain {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  color: #ecf0f1;
}
/* line 404, ../../app/assets/scss/base/layout/_header.scss */
.contain h2 {
  padding: 0.5em 0 0 0;
  color: #333;
}

/* line 412, ../../app/assets/scss/base/layout/_header.scss */
div.mainContent header li {
  display: inline;
}
/* line 415, ../../app/assets/scss/base/layout/_header.scss */
div.mainContent header li:nth-child(2) {
  position: relative;
  left: 10em;
}
/* line 419, ../../app/assets/scss/base/layout/_header.scss */
div.mainContent header li:last-child {
  float: right;
}

/* line 426, ../../app/assets/scss/base/layout/_header.scss */
#notification_li {
  position: relative;
}
/* line 428, ../../app/assets/scss/base/layout/_header.scss */
#notification_li .alertsNumOuter {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #FF8C4F;
  border: 1px solid #4A90E2;
  position: absolute;
  z-index: 5;
  left: 1.2em;
  top: 0;
}
/* line 438, ../../app/assets/scss/base/layout/_header.scss */
#notification_li .alertsNumOuter .alertsNum {
  position: absolute;
  left: 0.4em;
  font-size: 0.9em;
}

/* line 446, ../../app/assets/scss/base/layout/_header.scss */
#notificationContainer {
  background-color: #fff;
  border: 1px solid rgba(100, 100, 100, 0.4);
  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
  overflow: visible;
  position: absolute;
  top: 30px;
  /* margin-left: -180px; */
  width: 400px;
  z-index: 999999999999;
  display: none;
  margin: 2.5em 0 0 -9em;
}

/* line 460, ../../app/assets/scss/base/layout/_header.scss */
#notificationContainer:before {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  color: transparent;
  border: 10px solid black;
  border-color: transparent transparent white;
  margin-top: -20px;
  margin-left: 6.7em;
}

/* line 473, ../../app/assets/scss/base/layout/_header.scss */
#notificationTitle {
  font-weight: bold;
  padding: 8px;
  background-color: #ffffff;
  position: absolute;
  z-index: 1000;
  width: 384px;
  border-bottom: 1px solid #dddddd;
}
/* line 481, ../../app/assets/scss/base/layout/_header.scss */
#notificationTitle span {
  font-size: 1em;
  font-weight: 100;
  float: right;
  padding: 0 0.3em;
}

/* line 491, ../../app/assets/scss/base/layout/_header.scss */
.center {
  box-sizing: border-box;
  width: 50%;
  height: 50%;
  margin: 1em auto;
}

/* line 498, ../../app/assets/scss/base/layout/_header.scss */
.notification.icon {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #D54634;
  border: 4px solid transparent;
  border-radius: 50%;
  height: 35px;
  width: 35px;
  text-align: center;
  color: #FFF;
  transform: translate(-50%, -50%);
  /* left: 0.5em; */
  top: 0.5em;
  position: relative;
  top: 0.3em;
}
/* line 513, ../../app/assets/scss/base/layout/_header.scss */
.notification.icon div.fa-envelope {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  top: 0;
  position: absolute;
  left: 0.35em;
  top: 0.3em;
}

/* line 525, ../../app/assets/scss/base/layout/_header.scss */
.notification.icon .notification-number {
  position: absolute;
  right: -12px;
  top: 0px;
  /* z-index: 1; */
  background: #cc2311;
  border: 3px solid #FFF;
  border-radius: 50%;
  padding-top: 5px;
  height: 25px;
  width: 25px;
  font-family: sans-serif;
  text-align: center;
  font-weight: 700;
  line-height: 10px;
  color: #FFF;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-animation: bounce 1s infinite;
}

/* line 548, ../../app/assets/scss/base/layout/_header.scss */
section.tabContainer {
  background: #fff;
  width: 100%;
  height: auto;
}
/* line 553, ../../app/assets/scss/base/layout/_header.scss */
section.tabContainer div .generalMdTabs {
  background: indianred;
}

/* line 559, ../../app/assets/scss/base/layout/_header.scss */
nav.navPageTitle {
  padding: 0.5em 0 1em 0;
}

/* line 563, ../../app/assets/scss/base/layout/_header.scss */
.navHeaderButtons {
  color: #fff;
  margin-left: 1em;
  font-weight: 500;
  margin-bottom: 1.5em;
  cursor: pointer;
}

/* line 571, ../../app/assets/scss/base/layout/_header.scss */
.signout {
  font-size: 12px;
  text-align: right;
  margin-top: 3px;
}

/* line 577, ../../app/assets/scss/base/layout/_header.scss */
.nameCompany {
  font-size: 14px;
  text-transform: uppercase;
}

/* line 1, ../../app/assets/scss/base/layout/_event.scss */
.LogonModal {
  height: 680px;
  position: relative;
  top: 6em;
}
@media (min-width: 37.5em) {
  /* line 1, ../../app/assets/scss/base/layout/_event.scss */
  .LogonModal {
    height: 641px;
  }
}

/* line 10, ../../app/assets/scss/base/layout/_event.scss */
.eventModalImgs {
  margin: 1em 1em 1em 0.5em;
  width: 30px;
}

/* line 14, ../../app/assets/scss/base/layout/_event.scss */
.eventModalFooter {
  margin: 0;
  padding: 0;
  margin-bottom: 1em;
}

/* line 19, ../../app/assets/scss/base/layout/_event.scss */
.eventModalList {
  margin-right: 1em !important;
}

/* line 22, ../../app/assets/scss/base/layout/_event.scss */
.closeEventButton {
  float: right;
  position: absolute;
  right: 0;
  top: 0;
}

/* line 28, ../../app/assets/scss/base/layout/_event.scss */
.aVideoStreamingPlatformModal {
  max-width: 25em;
  height: 800px;
  background: linear-gradient(to bottom, #faa000 0%, #f06a1d 100%);
}

/* line 33, ../../app/assets/scss/base/layout/_event.scss */
.md-dialog-footer {
  display: flex;
  padding: 0 1em 1em 1em;
}

/* line 37, ../../app/assets/scss/base/layout/_event.scss */
.eventDateInBox {
  word-spacing: 200px;
  color: #4D4D4F;
  width: 60px;
  text-align: center;
}

/* line 44, ../../app/assets/scss/base/layout/_event.scss */
.eventInvitationModalButton {
  padding: 0.5em !important;
  font-weight: 600 !important;
  text-transform: capitalize !important;
  color: #fff;
  background: #F5A832;
}

/* line 52, ../../app/assets/scss/base/layout/_event.scss */
.createEventOption {
  height: 56px;
}

/* line 56, ../../app/assets/scss/base/layout/_event.scss */
.eventInvitationModal {
  background: #faa000;
  background: -moz-linear-gradient(top, #faa000 0%, #f06a1d 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #faa000), color-stop(100%, #f06a1d));
  background: -webkit-linear-gradient(top, #faa000 0%, #f06a1d 100%);
  background: -o-linear-gradient(top, #faa000 0%, #f06a1d 100%);
  background: -ms-linear-gradient(top, #faa000 0%, #f06a1d 100%);
  background: linear-gradient(to bottom, #faa000 0%, #f06a1d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faa000', endColorstr='#f06a1d', GradientType=0 );
  max-width: 500px;
  color: #fff;
  text-align: center;
}

/* line 70, ../../app/assets/scss/base/layout/_event.scss */
.eventDialogTitle {
  font-size: 22px;
  font-weight: bold;
  margin-top: 20px;
}

/* line 76, ../../app/assets/scss/base/layout/_event.scss */
.eventDialogText {
  margin-top: 2em;
}

/* line 80, ../../app/assets/scss/base/layout/_event.scss */
.eventInvitationModalButton {
  width: 100%;
  margin-top: 2em;
}

/* line 86, ../../app/assets/scss/base/layout/_event.scss */
.checkOption {
  margin: 0 25px 0 0;
  cursor: pointer;
}

/* line 91, ../../app/assets/scss/base/layout/_event.scss */
.checkOption.selected {
  cursor: initial;
}

/* line 95, ../../app/assets/scss/base/layout/_event.scss */
.checkOption > .going {
  color: #6BB71D;
}

/* line 99, ../../app/assets/scss/base/layout/_event.scss */
.checkOption > .notGoing {
  color: #D39EA4;
}

/* line 103, ../../app/assets/scss/base/layout/_event.scss */
.checkOption > .loading {
  color: #C2C2C4;
}

/* line 107, ../../app/assets/scss/base/layout/_event.scss */
.checkOption > * {
  vertical-align: middle;
}

/* line 111, ../../app/assets/scss/base/layout/_event.scss */
.checkOption > md-icon,
.checkOption > md-progress-circular {
  margin: 0 5px 0 0;
  color: #909091;
}

/* line 117, ../../app/assets/scss/base/layout/_event.scss */
.searchWrapper {
  font-size: 15px;
  height: 2em;
  padding: 0;
  background-color: #F1F1F1;
}

/* line 124, ../../app/assets/scss/base/layout/_event.scss */
input.searchGuest {
  background-color: #F1F1F1;
  color: #C2C2C4;
}

/* line 129, ../../app/assets/scss/base/layout/_event.scss */
input.searchGuest::-webkit-input-placeholder {
  color: #C2C2C4;
  font-weight: bold;
}

/* line 134, ../../app/assets/scss/base/layout/_event.scss */
md-input-container > input::-webkit-input-placeholder {
  color: #C2C2C4;
  font-weight: bold;
}

/* line 139, ../../app/assets/scss/base/layout/_event.scss */
.eventSeekaMagnifier {
  float: right;
  margin-right: 10px;
}

/* line 144, ../../app/assets/scss/base/layout/_event.scss */
.eventCancel,
.eventSave {
  font-size: medium;
}

/* line 149, ../../app/assets/scss/base/layout/_event.scss */
.eventCancel.cancelEnabled,
.eventSave.saveEnabled {
  font-weight: bold;
  cursor: pointer;
}

/* line 155, ../../app/assets/scss/base/layout/_event.scss */
.movieImageWrapper {
  margin: 0 auto;
  position: relative;
}
@media (min-width: 37.5em) {
  /* line 155, ../../app/assets/scss/base/layout/_event.scss */
  .movieImageWrapper {
    width: 640px;
    height: 360px;
  }
}

@media (min-width: 37.5em) {
  /* line 164, ../../app/assets/scss/base/layout/_event.scss */
  md-dialog .pageWrapper {
    min-width: 640px;
  }
}

/* line 170, ../../app/assets/scss/base/layout/_event.scss */
.borderGrey {
  border: 1px solid #C2C2C4;
}

/* line 174, ../../app/assets/scss/base/layout/_event.scss */
.borderMediumGrey {
  border: 1px solid #909091;
}

/* line 178, ../../app/assets/scss/base/layout/_event.scss */
.eventMain {
  width: 100%;
  max-width: 500px;
  margin: auto;
}

/* line 184, ../../app/assets/scss/base/layout/_event.scss */
.eventData > * {
  margin: 10px 0;
}

/* line 188, ../../app/assets/scss/base/layout/_event.scss */
.eventDetails > * {
  margin: 0;
}

/* line 192, ../../app/assets/scss/base/layout/_event.scss */
.ciPoster {
  width: 100%;
  min-height: 10em;
  margin-top: 20px;
  position: relative;
}

/* line 199, ../../app/assets/scss/base/layout/_event.scss */
.eventButton {
  margin-top: 1em;
}

/* line 1, ../../app/assets/scss/base/layout/_home.scss */
.twoCardsNoMarginMobile {
  margin: 1em 0;
}
@media (min-width: 48em) {
  /* line 1, ../../app/assets/scss/base/layout/_home.scss */
  .twoCardsNoMarginMobile {
    margin: 0.5em;
  }
}

/* line 9, ../../app/assets/scss/base/layout/_home.scss */
.privacy {
  padding: 2em 1em 4em 1em;
}
@media (min-width: 48em) {
  /* line 9, ../../app/assets/scss/base/layout/_home.scss */
  .privacy {
    padding: 4em 1em;
  }
}
/* line 14, ../../app/assets/scss/base/layout/_home.scss */
.privacy h1 {
  text-align: center;
  font-weight: 100;
  font-size: 34px;
}
/* line 19, ../../app/assets/scss/base/layout/_home.scss */
.privacy h4 {
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  margin-top: 1.5em;
  color: #4D4D4F;
}
/* line 26, ../../app/assets/scss/base/layout/_home.scss */
.privacy p {
  font-size: 16px;
  line-height: 22px;
  font-weight: 100;
  margin-top: 1em;
}

/* line 33, ../../app/assets/scss/base/layout/_home.scss */
.discLists {
  padding: 1em;
}

/* line 36, ../../app/assets/scss/base/layout/_home.scss */
.discLists li {
  list-style-type: disc;
}

/* line 42, ../../app/assets/scss/base/layout/_home.scss */
.MainMaxContainer > ul {
  margin: 0;
  width: 100%;
  display: block;
}

/* line 48, ../../app/assets/scss/base/layout/_home.scss */
.fTopContainer > ul {
  padding: 3.5em 0;
}
@media (min-width: 37.5em) {
  /* line 48, ../../app/assets/scss/base/layout/_home.scss */
  .fTopContainer > ul {
    display: inline-flex;
    padding: 3.5em 1em;
  }
}
@media (min-width: 75em) {
  /* line 48, ../../app/assets/scss/base/layout/_home.scss */
  .fTopContainer > ul {
    padding: 3.5em 0;
  }
}

/* line 59, ../../app/assets/scss/base/layout/_home.scss */
.whtdivide {
  background: #FFF;
}

/* line 63, ../../app/assets/scss/base/layout/_home.scss */
.fullseekalogofooter {
  cursor: pointer;
  width: 11em;
  padding: 1em;
}
@media (min-width: 48em) {
  /* line 63, ../../app/assets/scss/base/layout/_home.scss */
  .fullseekalogofooter {
    padding: 0;
  }
}

/* line 72, ../../app/assets/scss/base/layout/_home.scss */
.fLinks {
  padding: 1em;
}
@media (min-width: 48em) {
  /* line 72, ../../app/assets/scss/base/layout/_home.scss */
  .fLinks {
    padding: 0 4em;
  }
}
/* line 77, ../../app/assets/scss/base/layout/_home.scss */
.fLinks li {
  line-height: 30px;
  cursor: pointer;
}
/* line 80, ../../app/assets/scss/base/layout/_home.scss */
.fLinks li a {
  color: #FFF;
}

/* line 86, ../../app/assets/scss/base/layout/_home.scss */
.fBotLinks {
  width: 100%;
  display: inline-block;
  padding: 1em;
  padding-bottom: 3em;
}
@media (min-width: 48em) {
  /* line 86, ../../app/assets/scss/base/layout/_home.scss */
  .fBotLinks {
    padding: 3em 0;
  }
}
/* line 95, ../../app/assets/scss/base/layout/_home.scss */
.fBotLinks li:not(.noPointer) {
  cursor: pointer;
}
/* line 98, ../../app/assets/scss/base/layout/_home.scss */
.fBotLinks li:first-child {
  float: left;
}
/* line 101, ../../app/assets/scss/base/layout/_home.scss */
.fBotLinks li:nth-child(2) {
  float: right;
}
/* line 104, ../../app/assets/scss/base/layout/_home.scss */
.fBotLinks li:nth-child(3) {
  float: right;
  padding-right: 1em;
}

@media (min-width: 0) and (max-width: 600px) {
  /* line 113, ../../app/assets/scss/base/layout/_home.scss */
  .fTopContainer {
    text-align: center;
  }

  /* line 116, ../../app/assets/scss/base/layout/_home.scss */
  .fBotLinks {
    float: none;
    width: 100%;
  }

  /* line 120, ../../app/assets/scss/base/layout/_home.scss */
  .fBotLinks li:first-child, .fBotLinks li:nth-child(2), .fBotLinks li:nth-child(3) {
    float: none;
    text-align: center;
    padding: 0;
    line-height: 32px;
  }
}
/* line 126, ../../app/assets/scss/base/layout/_home.scss */
ΓÇï
.sliderheaders {
  font-size: 18px;
  margin-bottom: 0;
}

/* line 134, ../../app/assets/scss/base/layout/_home.scss */
.homeWatchPartyImageBlocker {
  outline: none;
}

/* line 138, ../../app/assets/scss/base/layout/_home.scss */
.seeall {
  font-weight: 600;
  text-transform: capitalize;
  color: #666;
  cursor: pointer;
}

/* line 145, ../../app/assets/scss/base/layout/_home.scss */
.bottom-padding {
  padding: 0 1em;
}

/* line 149, ../../app/assets/scss/base/layout/_home.scss */
figure.aspectratioHOME {
  width: 100%;
  margin: 0 auto;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
@media (min-width: 37.5em) {
  /* line 149, ../../app/assets/scss/base/layout/_home.scss */
  figure.aspectratioHOME {
    width: 641px;
    height: 360px;
  }
}
@media (min-width: 75em) {
  /* line 149, ../../app/assets/scss/base/layout/_home.scss */
  figure.aspectratioHOME {
    height: 525px;
    width: 930px;
  }
}

/* line 165, ../../app/assets/scss/base/layout/_home.scss */
figure.aspectratio {
  width: 100%;
  margin: 0 auto;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
@media (min-width: 37.5em) {
  /* line 165, ../../app/assets/scss/base/layout/_home.scss */
  figure.aspectratio {
    width: 641px;
    height: 360px;
  }
}

/* line 177, ../../app/assets/scss/base/layout/_home.scss */
.seekaslidelefthero, .slideleftwhatsnew {
  opacity: 0.5;
  cursor: pointer;
  width: 1.5em;
  z-index: 100;
  position: absolute;
  top: 50%;
  left: 0;
  color: #fff;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
@media (min-width: 48em) {
  /* line 177, ../../app/assets/scss/base/layout/_home.scss */
  .seekaslidelefthero, .slideleftwhatsnew {
    width: 2em;
    left: 5em;
  }
}

/* line 197, ../../app/assets/scss/base/layout/_home.scss */
.seekasliderighthero, .sliderightwhatsnew {
  opacity: 0.5;
  cursor: pointer;
  width: 1.5em;
  z-index: 100;
  position: absolute;
  top: 50%;
  right: 0;
  color: #fff;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
@media (min-width: 48em) {
  /* line 197, ../../app/assets/scss/base/layout/_home.scss */
  .seekasliderighthero, .sliderightwhatsnew {
    width: 2em;
    right: 2.7em;
  }
}

/* line 217, ../../app/assets/scss/base/layout/_home.scss */
.seekaslideleft {
  opacity: 0.5;
  cursor: pointer;
  width: 1.5em;
  z-index: 100;
  position: absolute;
  top: 50%;
  left: 0;
  color: #fff;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
@media (min-width: 48em) {
  /* line 217, ../../app/assets/scss/base/layout/_home.scss */
  .seekaslideleft {
    width: 2em;
    left: 5em;
  }
}

/* line 237, ../../app/assets/scss/base/layout/_home.scss */
.seekaslideright {
  opacity: 0.5;
  cursor: pointer;
  width: 1.5em;
  z-index: 100;
  position: absolute;
  top: 50%;
  right: 0;
  color: #fff;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
@media (min-width: 48em) {
  /* line 237, ../../app/assets/scss/base/layout/_home.scss */
  .seekaslideright {
    width: 2em;
    right: 3em;
  }
}

/* line 257, ../../app/assets/scss/base/layout/_home.scss */
.seekaslideleft:hover, .seekaslideright:hover, .seekaslidelefthero:hover, .seekasliderighthero:hover, .slideleftwhatsnew:hover, .sliderightwhatsnew:hover {
  opacity: 1.0;
}

/* line 262, ../../app/assets/scss/base/layout/_home.scss */
figure.aspectratioBIG {
  width: 100%;
  margin: 0 auto;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
@media (min-width: 37.5em) {
  /* line 262, ../../app/assets/scss/base/layout/_home.scss */
  figure.aspectratioBIG {
    width: 90%;
  }
}
@media (min-width: 48em) {
  /* line 262, ../../app/assets/scss/base/layout/_home.scss */
  figure.aspectratioBIG {
    height: auto;
    width: 57vw;
  }
}

/* line 277, ../../app/assets/scss/base/layout/_home.scss */
figure.mediaFigure {
  width: 100%;
  margin: 0 auto;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
@media (min-width: 48em) {
  /* line 277, ../../app/assets/scss/base/layout/_home.scss */
  figure.mediaFigure {
    height: auto;
  }
}

/* line 288, ../../app/assets/scss/base/layout/_home.scss */
div.stretchy-wrapper {
  width: 100%;
  padding-bottom: 56.5%;
  /* 16:9 */
  position: relative;
}
/* line 292, ../../app/assets/scss/base/layout/_home.scss */
div.stretchy-wrapper > div {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: white;
  font-size: 24px;
  text-align: center;
  display: none;
}

/* line 305, ../../app/assets/scss/base/layout/_home.scss */
div.stretchy-wrapperDASH {
  width: 100%;
  padding-bottom: 56.5%;
  /* 16:9 */
  position: relative;
}
@media (min-width: 48em) {
  /* line 305, ../../app/assets/scss/base/layout/_home.scss */
  div.stretchy-wrapperDASH {
    display: none;
  }
}

@media screen and (min-width: 600px) {
  width: 640px;
  margin: 360px;
}
/* NOTE for cust timed js slideshow on homepage feature */
/* line 320, ../../app/assets/scss/base/layout/_home.scss */
.theoutergray {
  width: 100%;
  margin: 0;
}

/* line 325, ../../app/assets/scss/base/layout/_home.scss */
.theoutergray .featureGrayGradient {
  background-image: url(../app-content/img/home/SMALLfeaturegradientbg.svg);
  background-repeat: no-repeat;
  margin: 0 auto;
  /* width: 100%; */
  background-position: 50% 50%;
  width: 100%;
}
@media (min-width: 37.5em) {
  /* line 325, ../../app/assets/scss/base/layout/_home.scss */
  .theoutergray .featureGrayGradient {
    height: 360px;
  }
}
@media (min-width: 75em) {
  /* line 325, ../../app/assets/scss/base/layout/_home.scss */
  .theoutergray .featureGrayGradient {
    background-image: url(../app-content/img/home/featuregradientbg.svg);
    height: 525px;
  }
}

/* NOTE Angular slideshow */
/* line 345, ../../app/assets/scss/base/layout/_home.scss */
.slideshow {
  font-family: "Arial", sans-serif;
  text-align: center;
  position: relative;
  width: 500px;
  overflow: hidden;
  background: #FFF;
  margin: 0 auto;
  color: white;
  text-shadow: 1px 1px 1px #000;
  border-radius: .3em;
  margin-top: 30px;
}

/* line 359, ../../app/assets/scss/base/layout/_home.scss */
.imageslide .slider-content {
  height: 12em;
  display: inline-flex;
  width: 100%;
  position: inherit;
}
/* line 364, ../../app/assets/scss/base/layout/_home.scss */
.imageslide .slider-content img {
  width: 640px;
  height: 224px;
}
@media (min-width: 37.5em) {
  /* line 364, ../../app/assets/scss/base/layout/_home.scss */
  .imageslide .slider-content img {
    margin: 0 auto;
    width: 640px;
    height: 360px;
  }
}

@media (min-width: 48em) {
  /* line 376, ../../app/assets/scss/base/layout/_home.scss */
  .theheroslider {
    height: 360px;
  }
}
/* line 380, ../../app/assets/scss/base/layout/_home.scss */
.theheroslider::after {
  content: "";
  height: 1px;
  background: linear-gradient(to right, transparent 0%, #979797 70%, transparent 100%);
  display: block;
}

/* line 388, ../../app/assets/scss/base/layout/_home.scss */
.animate-enter, .animate-leave {
  -webkit-transition: 1000ms cubic-bezier(0.165, 0.84, 0.44, 1) all;
  -moz-transition: 1000ms cubic-bezier(0.165, 0.84, 0.44, 1) all;
  -ms-transition: 1000ms cubic-bezier(0.165, 0.84, 0.44, 1) all;
  transition: 1000ms cubic-bezier(0.165, 0.84, 0.44, 1) all;
}

/* line 395, ../../app/assets/scss/base/layout/_home.scss */
.animate-enter {
  left: 100%;
}
/* line 397, ../../app/assets/scss/base/layout/_home.scss */
.animate-enter.animate-enter-active {
  left: 0;
}

/* line 402, ../../app/assets/scss/base/layout/_home.scss */
.animate-leave {
  left: 0;
}
/* line 404, ../../app/assets/scss/base/layout/_home.scss */
.animate-leave.animate-leave-active {
  margin-left: -100%;
}

/* NOTE seeka tv updates */
/* line 411, ../../app/assets/scss/base/layout/_home.scss */
.headFeatured::after {
  content: '';
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(50%, rgba(0, 0, 0, 0.75)), color-stop(100%, transparent));
  background: -webkit-linear-gradient(left, transparent 0%, rgba(255, 255, 255, 0.75) 50%, transparent 100%);
  background: -moz-linear-gradient(left, transparent 0%, rgba(255, 255, 255, 0.75) 50%, transparent 100%);
  background: -ms-linear-gradient(left, transparent 0%, rgba(255, 255, 255, 0.75) 50%, transparent 100%);
  background: -o-linear-gradient(left, transparent 0%, rgba(255, 255, 255, 0.75) 50%, transparent 100%);
  background: linear-gradient(left, transparent 0%, rgba(255, 255, 255, 0.75) 50%, transparent 100%);
}

/* line 426, ../../app/assets/scss/base/layout/_home.scss */
.navbaralerticon {
  position: relative;
  top: 0.25em;
}

/* line 432, ../../app/assets/scss/base/layout/_home.scss */
.featBak {
  padding: 0;
  background: url(../app-content/img/tip/placeholder.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  max-width: 100%;
  box-sizing: border-box;
  background-color: #4D4D4F;
}
@media (min-width: 48em) {
  /* line 432, ../../app/assets/scss/base/layout/_home.scss */
  .featBak {
    padding: 0;
    height: 360px;
    max-width: 640px;
    margin: 0 auto;
  }
}

/* line 451, ../../app/assets/scss/base/layout/_home.scss */
.seekagraybg {
  position: relative;
  background-color: #4D4D4F;
}
/* line 456, ../../app/assets/scss/base/layout/_home.scss */
.seekagraybg * {
  color: #FFF;
}

/* line 461, ../../app/assets/scss/base/layout/_home.scss */
.playvideobtn {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  /* bring your own prefixes */
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  cursor: pointer;
}

/* line 466, ../../app/assets/scss/base/layout/_home.scss */
.content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

/* line 474, ../../app/assets/scss/base/layout/_home.scss */
.createwphome:before {
  content: url("../app-content/img/icons/create_watch_party_icon.svg");
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  /*--adjust as necessary--*/
  font-size: 15px;
  padding-right: 0.35em;
  position: relative;
  top: 0.25em;
}

/* NOTE  OLD SPARQ STYLES (some being used)*/
/* line 488, ../../app/assets/scss/base/layout/_home.scss */
.participantName {
  color: #4D4D4F;
}

/* line 492, ../../app/assets/scss/base/layout/_home.scss */
.mobiletoggleparticipants {
  text-align: center;
  width: 100%;
  padding: 0;
  cursor: pointer;
  outline: none;
}

/* line 500, ../../app/assets/scss/base/layout/_home.scss */
.no-padding {
  padding: 0;
}

/* line 504, ../../app/assets/scss/base/layout/_home.scss */
.participantsimages {
  margin-right: 1em;
  margin-left: 1.2em;
}
@media screen and (min-width: 420px) {
  /* line 504, ../../app/assets/scss/base/layout/_home.scss */
  .participantsimages {
    margin-left: 1.6em;
  }
}
@media (min-width: 75em) {
  /* line 504, ../../app/assets/scss/base/layout/_home.scss */
  .participantsimages {
    margin-left: 2em;
  }
}

/* line 515, ../../app/assets/scss/base/layout/_home.scss */
.addToWatchPlus {
  float: right;
  color: #fff;
  font-size: 2.1rem;
  margin: 0.5em;
  z-index: 105;
  right: 0.35em;
  top: 0.35em;
  position: absolute;
}

/* line 526, ../../app/assets/scss/base/layout/_home.scss */
.contentModules {
  margin: 1em auto;
}

/* line 530, ../../app/assets/scss/base/layout/_home.scss */
.verticalDegreeInGray {
  background: #4d4d4f;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4f', endColorstr='#c2c2c4', GradientType=0 );
}

/* line 535, ../../app/assets/scss/base/layout/_home.scss */
.horizontalDegreeInOrange {
  background: #f5a732;
  background: -moz-linear-gradient(left, #f5a732 0%, #f06a1d 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #f5a732), color-stop(100%, #f06a1d));
  background: -webkit-linear-gradient(left, #f5a732 0%, #f06a1d 100%);
  background: -o-linear-gradient(left, #f5a732 0%, #f06a1d 100%);
  background: -ms-linear-gradient(left, #f5a732 0%, #f06a1d 100%);
  background: linear-gradient(to right, #f5a732 0%, #f06a1d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5a732', endColorstr='#f06a1d', GradientType=1 );
}

/* line 546, ../../app/assets/scss/base/layout/_home.scss */
.verticalDegreeInOrange {
  background: #faa000;
  background: -moz-linear-gradient(top, #faa000 0%, #f06a1d 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #faa000), color-stop(100%, #f06a1d));
  background: -webkit-linear-gradient(top, #faa000 0%, #f06a1d 100%);
  background: -o-linear-gradient(top, #faa000 0%, #f06a1d 100%);
  background: -ms-linear-gradient(top, #faa000 0%, #f06a1d 100%);
  background: linear-gradient(to bottom, #faa000 0%, #f06a1d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faa000', endColorstr='#f06a1d', GradientType=0 );
}

/* line 557, ../../app/assets/scss/base/layout/_home.scss */
.homePlayerButton {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  /* bring your own prefixes */
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

/* line 562, ../../app/assets/scss/base/layout/_home.scss */
.carouselsWrapper {
  padding-top: 20px;
  padding-bottom: 20px;
}
/* line 565, ../../app/assets/scss/base/layout/_home.scss */
.carouselsWrapper md-card {
  width: auto;
  background-color: transparent;
}
/* line 569, ../../app/assets/scss/base/layout/_home.scss */
.carouselsWrapper md-card.portrait > img,
.carouselsWrapper md-card.portrait > div.play-container {
  height: 189px;
  width: 127px;
}
/* line 574, ../../app/assets/scss/base/layout/_home.scss */
.carouselsWrapper md-card.portrait > div.card-title {
  padding: 10px;
  width: 127px;
}
/* line 580, ../../app/assets/scss/base/layout/_home.scss */
.carouselsWrapper md-card.landscape > img,
.carouselsWrapper md-card.landscape > div.play-container {
  height: 126px;
  width: 224px;
}
/* line 585, ../../app/assets/scss/base/layout/_home.scss */
.carouselsWrapper md-card.landscape > div.card-title {
  padding: 10px;
  width: 224px;
}
/* line 590, ../../app/assets/scss/base/layout/_home.scss */
.carouselsWrapper md-card > img {
  background-size: contain !important;
}
/* line 593, ../../app/assets/scss/base/layout/_home.scss */
.carouselsWrapper md-card > div.card-title {
  text-align: center;
  height: 4em;
  font-size: 0.7em;
  color: white;
  background: #2e2e2f;
  white-space: normal;
}
/* line 601, ../../app/assets/scss/base/layout/_home.scss */
.carouselsWrapper md-card > div.play-container {
  position: absolute;
  top: 0;
  left: 0;
}
/* line 605, ../../app/assets/scss/base/layout/_home.scss */
.carouselsWrapper md-card > div.play-container > img {
  background: transparent;
  margin: 0;
  height: auto;
  width: auto;
}

/* line 3, ../../app/assets/scss/base/layout/_main.scss */
.loadingCircular {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  /* bring your own prefixes */
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

/* line 7, ../../app/assets/scss/base/layout/_main.scss */
.displayLine {
  display: inline;
}

/* line 11, ../../app/assets/scss/base/layout/_main.scss */
.iconWithText {
  position: relative;
  top: 0.2em;
}

/* line 16, ../../app/assets/scss/base/layout/_main.scss */
.facebookShareBtn {
  background: #3B5998;
  color: #fff;
  padding: 0.15em;
  border-radius: 4px;
  cursor: pointer;
}

/* line 24, ../../app/assets/scss/base/layout/_main.scss */
.mainvideosection {
  position: relative;
}

/* line 28, ../../app/assets/scss/base/layout/_main.scss */
.replybtn {
  margin-left: 3em;
}
/* line 30, ../../app/assets/scss/base/layout/_main.scss */
.replybtn i {
  position: relative;
  top: 0.3em;
}

/* line 36, ../../app/assets/scss/base/layout/_main.scss */
.replycomments {
  margin-left: 80px;
}

/* line 41, ../../app/assets/scss/base/layout/_main.scss */
.sidenav-content {
  overflow: auto;
  background: #fff;
  position: fixed;
  right: 0;
  left: 0;
  bottom: 0;
  top: 12.5em;
}
/* line 50, ../../app/assets/scss/base/layout/_main.scss */
.sidenav-content .sidebarMenuItems {
  color: #666;
}
/* line 53, ../../app/assets/scss/base/layout/_main.scss */
.sidenav-content .sidebarMenuItems .sidenavIcons {
  color: #666;
  margin: 0.9em 1em 0.9em 0.4em;
}

/*
our general wrappper i.e. custcontainer since angular material doesn't come equipped with
a custcontainer wrapper
*/
/* line 63, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .contentWrapper, .sliderwrapper {
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 37.5em) {
  /* line 63, ../../app/assets/scss/base/layout/_main.scss */
  .pageWrapper .contentWrapper, .sliderwrapper {
    margin: 0 auto;
  }
}

/* line 70, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .contentWrapper {
  position: relative;
}
@media (min-width: 37.5em) {
  /* line 70, ../../app/assets/scss/base/layout/_main.scss */
  .pageWrapper .contentWrapper {
    width: 100%;
  }
}
@media (min-width: 48em) {
  /* line 70, ../../app/assets/scss/base/layout/_main.scss */
  .pageWrapper .contentWrapper {
    max-width: 93em;
  }
}
@media (min-width: 75em) {
  /* line 70, ../../app/assets/scss/base/layout/_main.scss */
  .pageWrapper .contentWrapper {
    max-width: 93em;
  }
}
@media (min-width: 105em) {
  /* line 70, ../../app/assets/scss/base/layout/_main.scss */
  .pageWrapper .contentWrapper {
    max-width: 93em;
  }
}
/* line 92, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .contentWrapper h2 {
  font-weight: 100;
  color: #fff;
}

/* line 100, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .sliderwrapper {
  position: relative;
}
@media (min-width: 37.5em) {
  /* line 100, ../../app/assets/scss/base/layout/_main.scss */
  .pageWrapper .sliderwrapper {
    width: 100%;
  }
}
@media (min-width: 48em) {
  /* line 100, ../../app/assets/scss/base/layout/_main.scss */
  .pageWrapper .sliderwrapper {
    max-width: 55em;
  }
}
@media (min-width: 75em) {
  /* line 100, ../../app/assets/scss/base/layout/_main.scss */
  .pageWrapper .sliderwrapper {
    max-width: 70em;
  }
}
@media (min-width: 105em) {
  /* line 100, ../../app/assets/scss/base/layout/_main.scss */
  .pageWrapper .sliderwrapper {
    max-width: 70em;
  }
}
/* line 120, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .sliderwrapper h2 {
  font-weight: 100;
  color: #FFF;
}

/* line 126, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .custcontainer .h2s .headericons, .pageWrapper .publicProfileNameContainerMobile .h2s .headericons, .pageWrapper .publicProfileNameContainerDesktop .h2s .headericons,
.pageWrapper .custcontainer .h2s .headericons,
.pageWrapper .publicProfileNameContainerMobile .h2s .headericons,
.pageWrapper .publicProfileNameContainerDesktop .h2s .headericons {
  margin-right: 0.5em;
  position: relative;
  top: 0.1em;
}

/* line 132, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .custcontainer .g5-4 .hasrightmargin, .pageWrapper .publicProfileNameContainerMobile .g5-4 .hasrightmargin, .pageWrapper .publicProfileNameContainerDesktop .g5-4 .hasrightmargin {
  margin: 0;
}
@media (min-width: 48em) {
  /* line 132, ../../app/assets/scss/base/layout/_main.scss */
  .pageWrapper .custcontainer .g5-4 .hasrightmargin, .pageWrapper .publicProfileNameContainerMobile .g5-4 .hasrightmargin, .pageWrapper .publicProfileNameContainerDesktop .g5-4 .hasrightmargin {
    margin-right: 0.75em;
  }
}

/* line 138, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .custcontainer .g5-4 .hasrightmargin, .pageWrapper .publicProfileNameContainerMobile .g5-4 .hasrightmargin, .pageWrapper .publicProfileNameContainerDesktop .g5-4 .hasrightmargin {
  position: relative;
}

/* line 141, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .custcontainer .g5-4 .hasrightmargin .participants, .pageWrapper .publicProfileNameContainerMobile .g5-4 .hasrightmargin .participants, .pageWrapper .publicProfileNameContainerDesktop .g5-4 .hasrightmargin .participants {
  padding-right: 1em;
}

/* line 144, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .custcontainer .g5-4 .hasrightmargin md-content, .pageWrapper .publicProfileNameContainerMobile .g5-4 .hasrightmargin md-content, .pageWrapper .publicProfileNameContainerDesktop .g5-4 .hasrightmargin md-content {
  overflow: hidden;
}

/* line 147, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .custcontainer .g5-4 .hasrightmargin .md-3-line .creator, .pageWrapper .publicProfileNameContainerMobile .g5-4 .hasrightmargin .md-3-line .creator, .pageWrapper .publicProfileNameContainerDesktop .g5-4 .hasrightmargin .md-3-line .creator {
  color: #D6D6D6;
}

/* line 150, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .custcontainer .g5-4 .hasrightmargin .md-3-line img, .pageWrapper .publicProfileNameContainerMobile .g5-4 .hasrightmargin .md-3-line img, .pageWrapper .publicProfileNameContainerDesktop .g5-4 .hasrightmargin .md-3-line img {
  width: 3rem;
  height: 3rem;
}

/* line 158, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .custcontainer .g5-4 .hasrightmargin .md-3-line .md-list-item-text, .pageWrapper .publicProfileNameContainerMobile .g5-4 .hasrightmargin .md-3-line .md-list-item-text, .pageWrapper .publicProfileNameContainerDesktop .g5-4 .hasrightmargin .md-3-line .md-list-item-text {
  cursor: pointer;
  outline: none;
  margin-left: 1em;
}

@media (min-width: 48em) {
  /* line 163, ../../app/assets/scss/base/layout/_main.scss */
  .pageWrapper .custcontainer .g5-4 .hasrightmargin .md-3-line .md-list-item-text h4, .pageWrapper .publicProfileNameContainerMobile .g5-4 .hasrightmargin .md-3-line .md-list-item-text h4, .pageWrapper .publicProfileNameContainerDesktop .g5-4 .hasrightmargin .md-3-line .md-list-item-text h4 {
    max-width: none;
  }
}

/* line 169, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .custcontainer .g5-4 .hasrightmargin .md-3-line .md-list-item-text h3 .notaccepted, .pageWrapper .publicProfileNameContainerMobile .g5-4 .hasrightmargin .md-3-line .md-list-item-text h3 .notaccepted, .pageWrapper .publicProfileNameContainerDesktop .g5-4 .hasrightmargin .md-3-line .md-list-item-text h3 .notaccepted, .pageWrapper .custcontainer .g5-4 .hasrightmargin .md-3-line .md-list-item-text h3 .friendaccepted, .pageWrapper .publicProfileNameContainerMobile .g5-4 .hasrightmargin .md-3-line .md-list-item-text h3 .friendaccepted, .pageWrapper .publicProfileNameContainerDesktop .g5-4 .hasrightmargin .md-3-line .md-list-item-text h3 .friendaccepted {
  width: 0.8em;
  height: 0.8em;
  display: inline-block;
  border-radius: 50%;
}
/* line 175, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .custcontainer .g5-4 .hasrightmargin .md-3-line .md-list-item-text h3 .friendslisted, .pageWrapper .publicProfileNameContainerMobile .g5-4 .hasrightmargin .md-3-line .md-list-item-text h3 .friendslisted, .pageWrapper .publicProfileNameContainerDesktop .g5-4 .hasrightmargin .md-3-line .md-list-item-text h3 .friendslisted {
  font-size: 1rem;
  color: #cecece;
}
/* line 179, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .custcontainer .g5-4 .hasrightmargin .md-3-line .md-list-item-text h3 .friendslistedMobile, .pageWrapper .publicProfileNameContainerMobile .g5-4 .hasrightmargin .md-3-line .md-list-item-text h3 .friendslistedMobile, .pageWrapper .publicProfileNameContainerDesktop .g5-4 .hasrightmargin .md-3-line .md-list-item-text h3 .friendslistedMobile {
  font-size: 0.8em;
  color: gainsboro;
}
/* line 183, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .custcontainer .g5-4 .hasrightmargin .md-3-line .md-list-item-text h3 .friendaccepted, .pageWrapper .publicProfileNameContainerMobile .g5-4 .hasrightmargin .md-3-line .md-list-item-text h3 .friendaccepted, .pageWrapper .publicProfileNameContainerDesktop .g5-4 .hasrightmargin .md-3-line .md-list-item-text h3 .friendaccepted {
  background-color: #0071CE;
}
/* line 186, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .custcontainer .g5-4 .hasrightmargin .md-3-line .md-list-item-text h3 .notaccepted, .pageWrapper .publicProfileNameContainerMobile .g5-4 .hasrightmargin .md-3-line .md-list-item-text h3 .notaccepted, .pageWrapper .publicProfileNameContainerDesktop .g5-4 .hasrightmargin .md-3-line .md-list-item-text h3 .notaccepted {
  background-color: #F06A1D;
}
/* line 189, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .custcontainer .g5-4 .hasrightmargin .md-3-line .md-list-item-text h3 div, .pageWrapper .publicProfileNameContainerMobile .g5-4 .hasrightmargin .md-3-line .md-list-item-text h3 div, .pageWrapper .publicProfileNameContainerDesktop .g5-4 .hasrightmargin .md-3-line .md-list-item-text h3 div {
  color: black;
  position: relative;
  top: 0.3em;
  left: 1.15em;
}

/* line 196, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .custcontainer .g5-4 .hasrightmargin .md-3-line .md-list-item-text:nth-child(2), .pageWrapper .publicProfileNameContainerMobile .g5-4 .hasrightmargin .md-3-line .md-list-item-text:nth-child(2), .pageWrapper .publicProfileNameContainerDesktop .g5-4 .hasrightmargin .md-3-line .md-list-item-text:nth-child(2) {
  outline: none;
  cursor: pointer;
}
@media (min-width: 37.5em) {
  /* line 196, ../../app/assets/scss/base/layout/_main.scss */
  .pageWrapper .custcontainer .g5-4 .hasrightmargin .md-3-line .md-list-item-text:nth-child(2), .pageWrapper .publicProfileNameContainerMobile .g5-4 .hasrightmargin .md-3-line .md-list-item-text:nth-child(2), .pageWrapper .publicProfileNameContainerDesktop .g5-4 .hasrightmargin .md-3-line .md-list-item-text:nth-child(2) {
    margin-left: 1em;
  }
}

/* line 203, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .custcontainer .g5-4 .hasrightmargin .md-3-line .md-list-item-text:nth-child(2) h3, .pageWrapper .publicProfileNameContainerMobile .g5-4 .hasrightmargin .md-3-line .md-list-item-text:nth-child(2) h3, .pageWrapper .publicProfileNameContainerDesktop .g5-4 .hasrightmargin .md-3-line .md-list-item-text:nth-child(2) h3 {
  font-weight: 200;
  color: #D6D6D6;
  font-size: 1.1em;
}

/* line 208, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .custcontainer .g5-4 .hasrightmargin .md-3-line .md-list-item-text:nth-child(2) h3, .pageWrapper .publicProfileNameContainerMobile .g5-4 .hasrightmargin .md-3-line .md-list-item-text:nth-child(2) h3, .pageWrapper .publicProfileNameContainerDesktop .g5-4 .hasrightmargin .md-3-line .md-list-item-text:nth-child(2) h3 {
  color: #757575;
  font-size: 1.1em;
  font-weight: 200;
  text-transform: capitalize;
}

/* line 214, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .custcontainer .g5-4 .hasrightmargin .md-3-line .md-list-item-text:last-child h3, .pageWrapper .publicProfileNameContainerMobile .g5-4 .hasrightmargin .md-3-line .md-list-item-text:last-child h3, .pageWrapper .publicProfileNameContainerDesktop .g5-4 .hasrightmargin .md-3-line .md-list-item-text:last-child h3,
.pageWrapper .custcontainer .g5-4 .hasrightmargin .md-3-line .md-list-item-text:last-child h4,
.pageWrapper .publicProfileNameContainerMobile .g5-4 .hasrightmargin .md-3-line .md-list-item-text:last-child h4,
.pageWrapper .publicProfileNameContainerDesktop .g5-4 .hasrightmargin .md-3-line .md-list-item-text:last-child h4 {
  text-align: right;
  font-family: "Helvetica", "Arial", sans-serif;
}

/* line 219, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .custcontainer .g5-4 .hasrightmargin .md-3-line .md-list-item-text:last-child h3, .pageWrapper .publicProfileNameContainerMobile .g5-4 .hasrightmargin .md-3-line .md-list-item-text:last-child h3, .pageWrapper .publicProfileNameContainerDesktop .g5-4 .hasrightmargin .md-3-line .md-list-item-text:last-child h3 {
  color: #D6D6D6;
  font-size: 0.8em;
  font-weight: 400;
}

/* line 224, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .custcontainer .g5-4 .hasrightmargin .md-3-line .md-list-item-text:last-child h4:not(.watchpartyjoined), .pageWrapper .publicProfileNameContainerMobile .g5-4 .hasrightmargin .md-3-line .md-list-item-text:last-child h4:not(.watchpartyjoined), .pageWrapper .publicProfileNameContainerDesktop .g5-4 .hasrightmargin .md-3-line .md-list-item-text:last-child h4:not(.watchpartyjoined) {
  color: #757575;
  font-size: 1.5em;
  font-weight: 200;
}

/* line 229, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .custcontainer .g5-4 .hasrightmargin .md-3-line .md-list-item-text:last-child .watchpartyjoined, .pageWrapper .publicProfileNameContainerMobile .g5-4 .hasrightmargin .md-3-line .md-list-item-text:last-child .watchpartyjoined, .pageWrapper .publicProfileNameContainerDesktop .g5-4 .hasrightmargin .md-3-line .md-list-item-text:last-child .watchpartyjoined {
  color: #2C9FE5;
  font-size: 1.5em;
  font-weight: 400;
}

/* line 234, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .custcontainer .g5-4 .hasrightmargin .md-3-line .md-list-item-text:last-child .watchpartyjoinedMobile, .pageWrapper .publicProfileNameContainerMobile .g5-4 .hasrightmargin .md-3-line .md-list-item-text:last-child .watchpartyjoinedMobile, .pageWrapper .publicProfileNameContainerDesktop .g5-4 .hasrightmargin .md-3-line .md-list-item-text:last-child .watchpartyjoinedMobile {
  color: #2C9FE5;
  font-size: 1.2em;
  font-weight: 200;
}

/* line 241, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .custcontainer .g6 .hasleftmargin, .pageWrapper .publicProfileNameContainerMobile .g6 .hasleftmargin, .pageWrapper .publicProfileNameContainerDesktop .g6 .hasleftmargin {
  margin: 0;
  position: relative;
}

/* line 245, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .custcontainer > h2, .pageWrapper .publicProfileNameContainerMobile > h2, .pageWrapper .publicProfileNameContainerDesktop > h2 {
  text-align: center;
}

/* line 248, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .custcontainer .homeContent, .pageWrapper .publicProfileNameContainerMobile .homeContent, .pageWrapper .publicProfileNameContainerDesktop .homeContent,
.pageWrapper .custcontainer .sidebar,
.pageWrapper .publicProfileNameContainerMobile .sidebar,
.pageWrapper .publicProfileNameContainerDesktop .sidebar {
  box-sizing: border-box;
  margin: 0.5em 0;
  padding-bottom: 0.5em;
  clear: left;
}

/* line 255, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .custcontainer .homeContent .iconHeaders, .pageWrapper .publicProfileNameContainerMobile .homeContent .iconHeaders, .pageWrapper .publicProfileNameContainerDesktop .homeContent .iconHeaders,
.pageWrapper .custcontainer .sidebar .iconHeaders,
.pageWrapper .publicProfileNameContainerMobile .sidebar .iconHeaders,
.pageWrapper .publicProfileNameContainerDesktop .sidebar .iconHeaders {
  position: relative;
  top: 0.2em;
  font-size: 1.5em;
  margin-right: 0.3em;
  color: black;
}

/* line 263, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .custcontainer .homeContent h3, .pageWrapper .publicProfileNameContainerMobile .homeContent h3, .pageWrapper .publicProfileNameContainerDesktop .homeContent h3,
.pageWrapper .custcontainer .sidebar h3,
.pageWrapper .publicProfileNameContainerMobile .sidebar h3,
.pageWrapper .publicProfileNameContainerDesktop .sidebar h3 {
  padding: 0.5em 0;
  display: inline;
  color: black;
}

/* line 269, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .custcontainer .homeContent i, .pageWrapper .publicProfileNameContainerMobile .homeContent i, .pageWrapper .publicProfileNameContainerDesktop .homeContent i,
.pageWrapper .custcontainer .sidebar i,
.pageWrapper .publicProfileNameContainerMobile .sidebar i,
.pageWrapper .publicProfileNameContainerDesktop .sidebar i {
  color: black;
}

/* line 273, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .custcontainer .homeContent small, .pageWrapper .publicProfileNameContainerMobile .homeContent small, .pageWrapper .publicProfileNameContainerDesktop .homeContent small,
.pageWrapper .custcontainer .sidebar small,
.pageWrapper .publicProfileNameContainerMobile .sidebar small,
.pageWrapper .publicProfileNameContainerDesktop .sidebar small {
  float: right;
  position: relative;
  top: 1em;
  cursor: pointer;
  color: #D6D6D6;
}

/* line 281, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .custcontainer .homeContent small:hover, .pageWrapper .publicProfileNameContainerMobile .homeContent small:hover, .pageWrapper .publicProfileNameContainerDesktop .homeContent small:hover,
.pageWrapper .custcontainer .sidebar small:hover,
.pageWrapper .publicProfileNameContainerMobile .sidebar small:hover,
.pageWrapper .publicProfileNameContainerDesktop .sidebar small:hover {
  text-decoration: underline;
}

@media (min-width: 37.5em) {
  /* line 285, ../../app/assets/scss/base/layout/_main.scss */
  .pageWrapper .custcontainer .homewrap, .pageWrapper .publicProfileNameContainerMobile .homewrap, .pageWrapper .publicProfileNameContainerDesktop .homewrap,
  .pageWrapper .custcontainer .sidewrap,
  .pageWrapper .publicProfileNameContainerMobile .sidewrap,
  .pageWrapper .publicProfileNameContainerDesktop .sidewrap {
    margin-top: 1em;
  }
}

/* line 293, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .g5-4,
.pageWrapper .g6 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 48em) {
  /* line 299, ../../app/assets/scss/base/layout/_main.scss */
  .pageWrapper .g6 {
    float: left;
  }
}

/* line 306, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .catalogWrapper {
  width: 100%;
  height: auto;
  display: inline-block;
  margin-top: -3.2em;
}

/* line 312, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .catalogWrapper .outer {
  background-color: #fff;
  color: #fff;
  padding: 1em;
}
@media (min-width: 37.5em) {
  /* line 312, ../../app/assets/scss/base/layout/_main.scss */
  .pageWrapper .catalogWrapper .outer {
    width: 100%;
  }
}

/* line 320, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .catalogWrapper .outer .cat {
  background: #fff;
  margin: 0 auto;
}

/* line 324, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .catalogWrapper .outer .cat h1 {
  padding: 0.5em;
}

/* line 327, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .catalogWrapper .outer .cat .featLeft {
  width: 100%;
  background: seagreen;
  display: inline;
}
@media (min-width: 37.5em) {
  /* line 327, ../../app/assets/scss/base/layout/_main.scss */
  .pageWrapper .catalogWrapper .outer .cat .featLeft {
    width: 75%;
    background: seagreen;
    display: inline;
    float: left;
  }
}

/* line 338, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .catalogWrapper .outer .cat .featRight {
  width: 100%;
  display: inline;
}
@media (min-width: 37.5em) {
  /* line 338, ../../app/assets/scss/base/layout/_main.scss */
  .pageWrapper .catalogWrapper .outer .cat .featRight {
    width: 20%;
    display: inline;
    float: left;
  }
}

/* line 347, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .catalogWrapper .share {
  clear: left;
  margin: 0 auto;
}

/* line 351, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .catalogWrapper .share .shareWrapper {
  margin: 1em;
}
@media (min-width: 37.5em) {
  /* line 351, ../../app/assets/scss/base/layout/_main.scss */
  .pageWrapper .catalogWrapper .share .shareWrapper {
    margin: 0;
  }
}

/* line 357, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .catalogWrapper .share .shareWrapper .t {
  float: left;
}

@media (min-width: 37.5em) {
  /* line 361, ../../app/assets/scss/base/layout/_main.scss */
  .pageWrapper .catalogWrapper .share .shareWrapper .o {
    float: right;
  }
}
/* line 365, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .catalogWrapper .share .shareWrapper .t ul li {
  padding: 0 0.5em 0 0;
  cursor: pointer;
  list-style-type: none;
  display: inline;
}

/* line 371, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .catalogWrapper .searchEps {
  clear: left;
  margin: 1em 1em 0 1em;
}
@media (min-width: 37.5em) {
  /* line 371, ../../app/assets/scss/base/layout/_main.scss */
  .pageWrapper .catalogWrapper .searchEps {
    clear: left;
    margin: 0 auto;
  }
}

@media (min-width: 37.5em) {
  /* line 379, ../../app/assets/scss/base/layout/_main.scss */
  .pageWrapper .catalogWrapper .eps {
    margin: 0 auto;
  }
}

/* line 384, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .catalogWrapper .eps aside {
  display: inline-block;
}

/* line 387, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .catalogWrapper .eps aside .featLeft,
.pageWrapper .catalogWrapper .eps aside .headerLeft {
  width: 100%;
}

/* line 391, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .catalogWrapper .eps aside .featLeft .epImage,
.pageWrapper .catalogWrapper .eps aside .headerLeft .epImage {
  max-width: 150px;
  height: 8em;
  width: 100%;
  float: left;
  margin: 1em 1em 1em 0;
  background: url("../app-contentimg/placeholder.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
@media (min-width: 37.5em) {
  /* line 391, ../../app/assets/scss/base/layout/_main.scss */
  .pageWrapper .catalogWrapper .eps aside .featLeft .epImage,
  .pageWrapper .catalogWrapper .eps aside .headerLeft .epImage {
    background: url("../app-contentimg/placeholder.jpg") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
}

/* line 400, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .catalogWrapper .eps aside .featLeft .epDesc,
.pageWrapper .catalogWrapper .eps aside .headerLeft .epDesc {
  float: left;
  height: auto;
}
@media (min-width: 37.5em) {
  /* line 400, ../../app/assets/scss/base/layout/_main.scss */
  .pageWrapper .catalogWrapper .eps aside .featLeft .epDesc,
  .pageWrapper .catalogWrapper .eps aside .headerLeft .epDesc {
    float: left;
    width: 53%;
    height: auto;
    margin: 1em 0.5em;
  }
}

/* line 411, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .catalogWrapper .eps aside .featLeft .epDesc ul li:first-child,
.pageWrapper .catalogWrapper .eps aside .headerLeft .epDesc ul li:first-child {
  margin: 0;
  padding: 0;
  font-weight: 600;
}

/* line 417, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .catalogWrapper .eps aside .featLeft .epDesc ul li,
.pageWrapper .catalogWrapper .eps aside .headerLeft .epDesc ul li {
  list-style-type: none;
  margin: 1em 0 0 0;
}

/* NEW REFRACTORED CODE BELOW */
/* line 424, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper h2 {
  margin: 0.8em 0;
  text-align: center;
}
@media (min-width: 37.5em) {
  /* line 424, ../../app/assets/scss/base/layout/_main.scss */
  .pageWrapper h2 {
    text-align: left;
  }
}

/* line 432, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .streamingFilterCard {
  margin: 0 2em;
  padding: 2em 0 1em 0;
}

/* line 437, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .pageTitleHeaders {
  background-color: #fff;
  height: 7rem;
  color: black;
  width: 100%;
  position: relative;
}

/* line 445, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .pageTitleHeaders div {
  background-color: cornflowerblue;
}

/* line 449, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .pageTitleHeaders div .avatarInpageHolder {
  background-color: orange;
  border-radius: 5px;
  margin: 2em 1em;
  width: 4em;
  height: 4em;
  border: 0.5em solid #D6D6D6;
}

/* line 458, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .pageTitleHeaders h1 {
  text-align: center;
  font-size: 1.5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* line 464, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .pageTitleHeaders h1:before,
.pageWrapper .pageTitleHeaders h1:after {
  background-color: #fff;
  content: "";
  display: inline-block;
  height: 1px;
  width: 100%;
  position: relative;
  vertical-align: middle;
  width: 50%;
}

/* line 476, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .pageTitleHeaders h1:before {
  right: 0.5em;
  margin-left: -50%;
}

/* line 481, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .pageTitleHeaders h1:after {
  left: 0.5em;
  margin-right: -50%;
}

/* line 487, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .sparqTopNavigationBar {
  background-color: #F06A1D;
  color: #fff;
}

/* line 492, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .sparqTopNavigationBar .uppernavigationSparqLogoOuter {
  width: 100%;
  position: absolute;
  top: 1rem;
  left: 0;
  right: 0;
  z-index: -1;
}
@media (min-width: 48em) {
  /* line 492, ../../app/assets/scss/base/layout/_main.scss */
  .pageWrapper .sparqTopNavigationBar .uppernavigationSparqLogoOuter {
    display: none;
  }
}
/* line 503, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .sparqTopNavigationBar .uppernavigationSparqLogoOuter div {
  margin: 0 auto;
  text-align: center;
}
/* line 506, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .sparqTopNavigationBar .uppernavigationSparqLogoOuter div img {
  margin: 0.3em auto;
  text-align: center;
}

/* line 513, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .sparqTopNavigationBar .welcomeMessage {
  font-size: 0.8em;
  font-weight: 100;
  margin: 0 1em 0 0;
}

/* line 519, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .sparqTopNavigationBar .welcomeAvatar {
  margin: 0 0.5em 0 0;
  width: 2em;
  cursor: pointer;
}

/* line 526, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .myprofileBg,
.pageWrapper .singleVideoBg {
  background-color: #002C3F;
  height: 16em;
  width: 100%;
}
@media (min-width: 37.5em) {
  /* line 526, ../../app/assets/scss/base/layout/_main.scss */
  .pageWrapper .myprofileBg,
  .pageWrapper .singleVideoBg {
    min-height: 9em;
  }
}
/* line 536, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .myprofileBg div,
.pageWrapper .singleVideoBg div {
  background-color: transparent;
}
/* line 538, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .myprofileBg div div,
.pageWrapper .singleVideoBg div div {
  background-color: transparent;
  line-height: 23px;
  margin: 4em 1em;
  color: #fff;
}
/* line 544, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .myprofileBg div div .editMyProfileBg,
.pageWrapper .singleVideoBg div div .editMyProfileBg {
  position: relative;
  left: 2em;
  cursor: pointer;
}
/* line 550, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .myprofileBg div h3,
.pageWrapper .singleVideoBg div h3 {
  margin: 0;
  padding: 0;
  font-size: 1.2rem;
  font-weight: 600;
}
/* line 556, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .myprofileBg div p,
.pageWrapper .singleVideoBg div p {
  font-size: 1.2rem;
  font-weight: 100;
}

/* line 562, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .streamingCommentsContainer,
.pageWrapper .streamingSnippetsContainer {
  position: relative;
}
@media (min-width: 37.5em) {
  /* line 562, ../../app/assets/scss/base/layout/_main.scss */
  .pageWrapper .streamingCommentsContainer,
  .pageWrapper .streamingSnippetsContainer {
    top: 0;
  }
}

/* line 570, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .streamingSnippetsContainer .searchCommentsContainer {
  margin: 1.5em;
}

/* line 574, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .streamingSnippetsContainer .searchCommentsContainer i {
  color: #D6D6D6;
  position: relative;
  top: 0.3em;
}

/* line 580, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .streamingSnippetsContainer h3 {
  margin: 1em 0.5em;
}

@media (min-width: 48em) {
  /* line 584, ../../app/assets/scss/base/layout/_main.scss */
  .pageWrapper .streamingSnippetsContainer {
    margin: 0;
  }
}
@media (min-width: 37.5em) {
  /* line 584, ../../app/assets/scss/base/layout/_main.scss */
  .pageWrapper .streamingSnippetsContainer {
    margin: 0;
  }
}

/* line 593, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .streamingCommentsContainer {
  background-color: #fff;
  margin-bottom: 4em;
  margin-bottom: 5em;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
@media (min-width: 37.5em) {
  /* line 593, ../../app/assets/scss/base/layout/_main.scss */
  .pageWrapper .streamingCommentsContainer {
    margin-bottom: 0;
  }
}

/* line 603, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .filterCommentsContainer {
  margin: 1.8em 0 0 0;
}

/* line 607, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .filterCommentsContainer .filterCommentsCard {
  padding: 1.5em;
}

/* line 611, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .filterCommentsContainer .filterCommentsCard h3 {
  margin: 1em 0;
}

/* line 615, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .filterCommentsContainer .filterCommentsCard ul {
  margin: 0 0 0 1em;
}
/* line 618, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .filterCommentsContainer .filterCommentsCard ul li {
  line-height: 30px;
}
/* line 620, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .filterCommentsContainer .filterCommentsCard ul li a {
  list-style-type: none;
  text-decoration: none;
  color: #D6D6D6;
}
/* line 625, ../../app/assets/scss/base/layout/_main.scss */
.pageWrapper .filterCommentsContainer .filterCommentsCard ul li a:hover {
  color: #2C9FE5;
}

/* line 632, ../../app/assets/scss/base/layout/_main.scss */
.filterCommentsContainer {
  margin: 1.8em 0 0 0;
}

/* line 636, ../../app/assets/scss/base/layout/_main.scss */
.filterCommentsContainer .filterCommentsCard {
  padding: 1.5em;
}

/* line 640, ../../app/assets/scss/base/layout/_main.scss */
.filterCommentsContainer .filterCommentsCard h3 {
  margin: 1em 0;
}

/* line 644, ../../app/assets/scss/base/layout/_main.scss */
.filterCommentsContainer .filterCommentsCard ul {
  margin: 0 0 0 1em;
}
/* line 646, ../../app/assets/scss/base/layout/_main.scss */
.filterCommentsContainer .filterCommentsCard ul li {
  line-height: 30px;
}
/* line 648, ../../app/assets/scss/base/layout/_main.scss */
.filterCommentsContainer .filterCommentsCard ul li a {
  list-style-type: none;
  text-decoration: none;
  color: gray;
}
/* line 653, ../../app/assets/scss/base/layout/_main.scss */
.filterCommentsContainer .filterCommentsCard ul li a:hover {
  color: #2C9FE5;
}

/* line 659, ../../app/assets/scss/base/layout/_main.scss */
.socialRegistrationContainer {
  display: flex;
  align-items: center;
}

/* line 664, ../../app/assets/scss/base/layout/_main.scss */
.socialIconMyAccount {
  width: 32px;
  height: 32px;
}

/* line 669, ../../app/assets/scss/base/layout/_main.scss */
.margin-left-small {
  margin-left: 5px;
}

/* line 673, ../../app/assets/scss/base/layout/_main.scss */
.cursor--pointer {
  cursor: pointer;
}

/* line 677, ../../app/assets/scss/base/layout/_main.scss */
.textWithEllipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*
MAIN CONTENT ELMEENTS FONT
-----------------------*/
/* line 7, ../../app/assets/scss/base/layout/_typography.scss */
p, ul, li, ol, table, thead, td, tr, blockquote, div, span, h1, h2, h3, h4, h5, h6, small {
  font-family: 'Source Sans Pro', 'Helvetica', sans-serif;
}

/* line 13, ../../app/assets/scss/base/layout/_typography.scss */
.commentSnippetDate {
  color: #c1c1c1;
  font-size: 1.1em;
}

/* line 19, ../../app/assets/scss/base/layout/_typography.scss */
.filterHeader {
  position: relative;
  left: 1.6em;
}

/* line 25, ../../app/assets/scss/base/layout/_typography.scss */
.commentsCheckboxContainer {
  margin: 0 0 0 2.7em;
}

/* line 30, ../../app/assets/scss/base/layout/_typography.scss */
.commentsCheckboxFooter {
  margin: 1.2em 0 0.3em 2.2em;
}

/* line 35, ../../app/assets/scss/base/layout/_typography.scss */
.sidebarMenuItems {
  margin: 1em 0;
}

/* line 39, ../../app/assets/scss/base/layout/_typography.scss */
.sidebarMenuItems > .md-button {
  height: 4.5em;
}

/* line 4, ../../app/assets/scss/base/layout/_register.scss */
.adminFooterForgotPassword {
  position: fixed;
  bottom: 0;
  color: #FFF;
  border-top: 1px solid #FFF;
  padding: 1em;
  cursor: pointer;
  left: 0;
  right: 0;
  padding: 1em;
  outline: none;
  background: #F06A1D;
}

/* line 19, ../../app/assets/scss/base/layout/_register.scss */
.thefancycontainer {
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
}
@media (min-width: 37.5em) {
  /* line 19, ../../app/assets/scss/base/layout/_register.scss */
  .thefancycontainer {
    width: 27em;
  }
}

/* line 29, ../../app/assets/scss/base/layout/_register.scss */
.thebuttontext {
  text-align: center;
  margin: 0 auto;
}

/* line 37, ../../app/assets/scss/base/layout/_register.scss */
.fancy {
  line-height: 0.5;
  text-align: center;
}

/* line 41, ../../app/assets/scss/base/layout/_register.scss */
.fancy span {
  display: inline-block;
  position: relative;
  color: #FFF;
}

/* line 46, ../../app/assets/scss/base/layout/_register.scss */
.fancy span:before,
.fancy span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid #f9b677;
  top: 0;
  width: 600px;
}

/* line 55, ../../app/assets/scss/base/layout/_register.scss */
.fancy span:before {
  right: 100%;
  margin-right: 15px;
}

/* line 59, ../../app/assets/scss/base/layout/_register.scss */
.fancy span:after {
  left: 100%;
  margin-left: 15px;
}

/* line 67, ../../app/assets/scss/base/layout/_register.scss */
.fiftypercentouter {
  width: 100%;
  display: flex;
}

/* line 72, ../../app/assets/scss/base/layout/_register.scss */
.fiftypercentouter .whiteforgotbtns {
  width: 50%;
  display: inline-block;
  margin: 1em 0;
}

/* line 84, ../../app/assets/scss/base/layout/_register.scss */
.fiftypercentouter .comtstrig, .fiftypercentouter .comtstrig .thecomment div {
  width: 100%;
  display: inline-block;
  padding: 0.4em 0;
}

/* line 90, ../../app/assets/scss/base/layout/_register.scss */
.fiftypercentouter .whiteforgotbtns {
  border-radius: 4px;
}

/* line 94, ../../app/assets/scss/base/layout/_register.scss */
.fiftypercentouter .comtstrig {
  text-align: center;
  background: #FFF;
}

/* line 100, ../../app/assets/scss/base/layout/_register.scss */
.fiftypercentouter .comtstrig .thecomment div {
  width: 8em;
  text-align: center;
  background: #FFF;
  position: relative;
  left: 0.6em;
}

/* line 109, ../../app/assets/scss/base/layout/_register.scss */
.fiftypercentouter .comtstrig .thecomment div::before {
  content: url(../app-content/img/icons/comment_icon.svg);
  position: absolute;
  left: 0;
  /* Adjust as needed */
  top: 10px;
  /* Adjust as needed */
}

/* line 116, ../../app/assets/scss/base/layout/_register.scss */
.fiftypercentouter .comtstrig {
  border-left: 1px solid #e5e5e5;
}

/* line 120, ../../app/assets/scss/base/layout/_register.scss */
.fiftypercentouter .whiteforgotbtns {
  text-align: center;
  border: 1px solid #FFF;
  color: #FFF;
  font-weight: 600;
  padding: 0.7em;
}

/* line 130, ../../app/assets/scss/base/layout/_register.scss */
.fiftypercentouter .whiteforgotbtns:hover {
  background: #FFF;
  color: #F06B1D;
}

/* line 135, ../../app/assets/scss/base/layout/_register.scss */
.fiftypercentouter .whiteforgotbtns:first-child {
  margin-right: 1em;
}

/* line 139, ../../app/assets/scss/base/layout/_register.scss */
.forgotpwtext {
  font-size: 1.14rem;
  margin-bottom: 1em;
}

/* line 144, ../../app/assets/scss/base/layout/_register.scss */
.thankyou * {
  text-align: center;
  color: #FFF;
}

/* line 149, ../../app/assets/scss/base/layout/_register.scss */
.thankyou b a:hover {
  text-align: center;
  color: #FFF;
}

/* line 154, ../../app/assets/scss/base/layout/_register.scss */
.seekadivider {
  width: 100%;
  height: 0.1em;
  background: #F8C092;
  margin: 1.5em 0.7em;
  width: auto;
  width: initial;
  display: flex;
}

/* line 164, ../../app/assets/scss/base/layout/_register.scss */
.resetInput {
  outline: none;
  border: none;
}

/* line 169, ../../app/assets/scss/base/layout/_register.scss */
.registerInputBox, .adminbuttons {
  padding: 0.8em;
  margin: 1em 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}

/* line 175, ../../app/assets/scss/base/layout/_register.scss */
.registerInputBox {
  margin: 1em 0.5em;
}

/* line 180, ../../app/assets/scss/base/layout/_register.scss */
.admincntrs {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}

/* line 184, ../../app/assets/scss/base/layout/_register.scss */
.registerhalfscreen {
  padding: 1em;
  border: none;
  outline: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}

/* line 191, ../../app/assets/scss/base/layout/_register.scss */
.registerInputBoxHalfScreen {
  margin: 1em 0.5em;
}

/* line 195, ../../app/assets/scss/base/layout/_register.scss */
.adminbuttons {
  background: none;
  cursor: pointer;
  width: 100%;
  color: #fff;
  outline: none;
  border: 1px solid #FFF;
  font-weight: 600;
}

/* line 206, ../../app/assets/scss/base/layout/_register.scss */
.lbrB {
  background: #F79F43;
}

/* line 210, ../../app/assets/scss/base/layout/_register.scss */
.lbrC {
  color: #F79F43;
}

/* line 214, ../../app/assets/scss/base/layout/_register.scss */
.margin-left--small {
  margin-left: 0.5em;
}

/* line 218, ../../app/assets/scss/base/layout/_register.scss */
.margin-left--medium {
  margin-left: 2em;
}

/* line 222, ../../app/assets/scss/base/layout/_register.scss */
.margin-right--small {
  margin-right: 0.5em;
}

/* line 226, ../../app/assets/scss/base/layout/_register.scss */
.pointer {
  cursor: pointer;
}

/* line 230, ../../app/assets/scss/base/layout/_register.scss */
.borderLB {
  border: solid 1px #F8C092;
  color: #F8C092;
  font-weight: 600;
}

/* line 236, ../../app/assets/scss/base/layout/_register.scss */
.toggleShow {
  color: #C2C2C4;
  font-weight: 600;
  position: relative;
  right: 1em;
  cursor: pointer;
}

/* line 244, ../../app/assets/scss/base/layout/_register.scss */
.borderBlue {
  border: 1px solid #0071CE;
}

/* line 249, ../../app/assets/scss/base/layout/_register.scss */
.font--bold {
  font-weight: bold;
}

/* line 253, ../../app/assets/scss/base/layout/_register.scss */
.loginContent {
  min-height: 600px;
}

/* line 257, ../../app/assets/scss/base/layout/_register.scss */
.registerForm {
  margin: 0;
  padding: 0 1em;
}

/* line 262, ../../app/assets/scss/base/layout/_register.scss */
.registerForm .logoDescription {
  text-align: center;
  font-weight: bold;
  color: white;
  flex-grow: 1;
}
@media (min-width: 37.5em) {
  /* line 262, ../../app/assets/scss/base/layout/_register.scss */
  .registerForm .logoDescription {
    flex-grow: 0;
    color: #4D4D4F;
  }
}

/* line 273, ../../app/assets/scss/base/layout/_register.scss */
.registerForm .adminLogo {
  flex-grow: 1;
}
@media (min-width: 37.5em) {
  /* line 273, ../../app/assets/scss/base/layout/_register.scss */
  .registerForm .adminLogo {
    flex-grow: 0;
  }
}

/* line 280, ../../app/assets/scss/base/layout/_register.scss */
.adminerrors {
  width: 100%;
  padding: 0;
  background: #C9272D;
  color: #FFF;
  text-align: center;
  z-index: 1;
}

/* line 289, ../../app/assets/scss/base/layout/_register.scss */
.registerLogo {
  margin-top: 3em;
  width: 75%;
  cursor: pointer;
}

/* line 295, ../../app/assets/scss/base/layout/_register.scss */
.line {
  border-bottom: solid 1px;
}

/* line 299, ../../app/assets/scss/base/layout/_register.scss */
.non-padding {
  padding: 0 !important;
}

/* line 303, ../../app/assets/scss/base/layout/_register.scss */
.forgetPasswordText {
  cursor: pointer;
}

/* line 307, ../../app/assets/scss/base/layout/_register.scss */
.forgetPasswordText:hover {
  text-decoration: underline;
}

/* line 311, ../../app/assets/scss/base/layout/_register.scss */
.registerContainer {
  text-align: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: inline-flex;
  flex-direction: column;
}
@media (min-width: 37.5em) {
  /* line 311, ../../app/assets/scss/base/layout/_register.scss */
  .registerContainer {
    display: block;
    width: 30em;
    margin: 0 auto;
    background: white;
    color: #4D4D4F;
    padding: 3em;
    bottom: auto;
    bottom: initial;
    right: auto;
    right: initial;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

/* line 335, ../../app/assets/scss/base/layout/_register.scss */
.registerContainer .registerInputBox {
  position: relative;
}

/* line 227, ../../app/assets/scss/base/helpers/_mixins.scss */
input.registerInput::-webkit-input-placeholder {
  color: #4D4D4F;
}
/* line 227, ../../app/assets/scss/base/helpers/_mixins.scss */
input.registerInput:-moz-placeholder {
  color: #4D4D4F;
}
/* line 227, ../../app/assets/scss/base/helpers/_mixins.scss */
input.registerInput::-moz-placeholder {
  color: #4D4D4F;
}
/* line 227, ../../app/assets/scss/base/helpers/_mixins.scss */
input.registerInput:-ms-input-placeholder {
  color: #4D4D4F;
}
/* line 227, ../../app/assets/scss/base/helpers/_mixins.scss */
input.registerInput::-webkit-input-placeholder {
  color: #4D4D4F;
}

/* line 343, ../../app/assets/scss/base/layout/_register.scss */
.registerContainer .registerInputBox .admin-social-icons {
  position: absolute;
  left: 1em;
  top: 0.5em;
}

/* line 349, ../../app/assets/scss/base/layout/_register.scss */
.desktop-only {
  display: none !important;
}
@media (min-width: 37.5em) {
  /* line 349, ../../app/assets/scss/base/layout/_register.scss */
  .desktop-only {
    display: inline !important;
    display: initial !important;
  }
}

@media (min-width: 37.5em) {
  /* line 357, ../../app/assets/scss/base/layout/_register.scss */
  .mobile-only {
    display: none !important;
  }
}

/* line 363, ../../app/assets/scss/base/layout/_register.scss */
.registerContent {
  background: white;
  color: #4D4D4F;
  padding: 2em 1em;
  flex-grow: 0;
  z-index: 1;
  position: relative;
}
@media (min-width: 37.5em) {
  /* line 363, ../../app/assets/scss/base/layout/_register.scss */
  .registerContent {
    background: transparent;
    padding: 0;
  }
}

/* line 376, ../../app/assets/scss/base/layout/_register.scss */
.registerHeader {
  flex-grow: 1;
  position: relative;
  overflow: hidden;
}
@media (min-width: 37.5em) {
  /* line 376, ../../app/assets/scss/base/layout/_register.scss */
  .registerHeader {
    flex-grow: 0;
  }
}

/* line 385, ../../app/assets/scss/base/layout/_register.scss */
.registerHeader .registerForm {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
@media (min-width: 37.5em) {
  /* line 385, ../../app/assets/scss/base/layout/_register.scss */
  .registerHeader .registerForm {
    position: static;
    position: initial;
    transform: translate(0, 0);
  }
}

/* line 398, ../../app/assets/scss/base/layout/_register.scss */
.admin-logo-link {
  height: 100%;
}
@media (min-width: 37.5em) {
  /* line 398, ../../app/assets/scss/base/layout/_register.scss */
  .admin-logo-link {
    height: auto;
    height: initial;
  }
}

/* line 406, ../../app/assets/scss/base/layout/_register.scss */
.registerHelp,
.registerCancel {
  position: absolute;
  top: 1em;
}

/* line 412, ../../app/assets/scss/base/layout/_register.scss */
.registerHelp {
  right: 1em;
}

/* line 416, ../../app/assets/scss/base/layout/_register.scss */
.newAdminBg.register {
  overflow: hidden;
}

/* line 420, ../../app/assets/scss/base/layout/_register.scss */
.registerLinks > .pointer {
  display: inline-flex;
}

/* line 1, ../../app/assets/scss/base/layout/_notifications.scss */
.notificationsImageContainer {
  margin-right: 1em;
}
/* line 3, ../../app/assets/scss/base/layout/_notifications.scss */
.notificationsImageContainer .notificationsImageType {
  position: absolute;
  left: 1.5em;
  top: 1em;
  width: 1.5em;
  height: 1.5em;
}

/* line 11, ../../app/assets/scss/base/layout/_notifications.scss */
.number_of_notifications {
  height: 0.7em;
  border: 1px solid #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background-color: #F06A1D;
  text-align: center;
  margin: 0 auto;
  position: relative;
  bottom: 2.8em;
  left: 0.7em;
  color: #fff;
  padding: 0.8em;
  width: 0.7em;
  z-index: 10;
  -webkit-animation: bounce 1s ease-in-out .05s both;
  animation: bounce 1s ease-in-out .05s both;
}
/* line 27, ../../app/assets/scss/base/layout/_notifications.scss */
.number_of_notifications span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 37.5em) {
  /* line 27, ../../app/assets/scss/base/layout/_notifications.scss */
  .number_of_notifications span {
    display: none;
  }
}
@media (min-width: 37.5em) {
  /* line 11, ../../app/assets/scss/base/layout/_notifications.scss */
  .number_of_notifications {
    left: 4.5em;
    width: 0.2em;
    height: 0.2em;
    padding: 0.35em;
    border: none;
    background-color: #fff;
    bottom: 2em;
    overflow: hidden;
  }
}

/* line 47, ../../app/assets/scss/base/layout/_notifications.scss */
.transitions {
  overflow: hidden;
}

/* line 51, ../../app/assets/scss/base/layout/_notifications.scss */
.transitions .transitions-list .transition-done,
.transitions .transitions-list .transition-error,
.transitions .transitions-list .transition-loading {
  padding: 0;
  margin: 0;
  height: 3em;
  padding-bottom: 1em;
  padding-left: 1em;
  text-align: center;
  width: 100%;
  margin: 0 auto;
}

/* line 64, ../../app/assets/scss/base/layout/_notifications.scss */
#togglenotification {
  outline: none;
  cursor: pointer;
}

/* line 68, ../../app/assets/scss/base/layout/_notifications.scss */
.tabletDesktopNotificationsPlaceholder {
  text-align: center;
  margin: 0 auto;
  width: 100%;
  margin: 3em 0;
}

@media (min-width: 37.5em) {
  /* line 74, ../../app/assets/scss/base/layout/_notifications.scss */
  .containsNotification {
    display: none;
  }
}

/* line 79, ../../app/assets/scss/base/layout/_notifications.scss */
.alignRight {
  text-align: right;
}

/* line 82, ../../app/assets/scss/base/layout/_notifications.scss */
.notifications-avatar {
  margin: 0;
  margin: 0 1em 0 0.5em;
  position: relative;
  bottom: 0.5em;
}

/* line 88, ../../app/assets/scss/base/layout/_notifications.scss */
.notifications {
  display: none;
  background-color: rgba(43, 43, 43, 0.95);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9;
}
@media (min-width: 37.5em) {
  /* line 88, ../../app/assets/scss/base/layout/_notifications.scss */
  .notifications {
    display: none !important;
  }
}

/* line 102, ../../app/assets/scss/base/layout/_notifications.scss */
.shownotificationmenu {
  display: block;
}

/* line 105, ../../app/assets/scss/base/layout/_notifications.scss */
.lighter-text {
  font-size: 0.85rem;
}

/* line 108, ../../app/assets/scss/base/layout/_notifications.scss */
.md-text-wrapper {
  border-bottom: 1px solid gainsboro;
  padding-bottom: 0.5em;
}

/* line 116, ../../app/assets/scss/base/layout/_notifications.scss */
.notifications .innernotifications button i, .notifications .innernotifications button span,
.notificationmenu .containsText button i,
.notificationmenu .containsText button span {
  color: gray;
}

/* line 120, ../../app/assets/scss/base/layout/_notifications.scss */
.notificationmenu .containsText button {
  display: inline-flex;
}

/* line 123, ../../app/assets/scss/base/layout/_notifications.scss */
.notifications .innernotifications {
  overflow-y: scroll;
  height: 100%;
  padding-bottom: 3.5em;
}
/* line 127, ../../app/assets/scss/base/layout/_notifications.scss */
.notifications .innernotifications #notificationsplaceholder {
  background-color: #fff;
  height: 100%;
  width: 100%;
  position: fixed;
}
@media (min-width: 37.5em) {
  /* line 127, ../../app/assets/scss/base/layout/_notifications.scss */
  .notifications .innernotifications #notificationsplaceholder {
    display: none;
  }
}
/* line 135, ../../app/assets/scss/base/layout/_notifications.scss */
.notifications .innernotifications #notificationsplaceholder .theplaceholder {
  background: url("../app-content/img/notifications/empty-notifications.svg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 15em;
  width: 15em;
  margin: 0 auto;
  text-align: center;
}
@media (min-width: 37.5em) {
  /* line 135, ../../app/assets/scss/base/layout/_notifications.scss */
  .notifications .innernotifications #notificationsplaceholder .theplaceholder {
    background: url("../app-content/img/notifications/empty-notifications.svg") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
}
@media (min-width: 37.5em) {
  /* line 135, ../../app/assets/scss/base/layout/_notifications.scss */
  .notifications .innernotifications #notificationsplaceholder .theplaceholder {
    display: none;
  }
}
/* line 146, ../../app/assets/scss/base/layout/_notifications.scss */
.notifications .innernotifications #notificationsplaceholder img {
  margin: 0 auto;
  text-align: center;
}

/* line 152, ../../app/assets/scss/base/layout/_notifications.scss */
.stickyfooter {
  display: none;
  background-color: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  box-shadow: 10px 10px 10px 10px gray;
}
@media (min-width: 37.5em) {
  /* line 152, ../../app/assets/scss/base/layout/_notifications.scss */
  .stickyfooter {
    display: none;
  }
}
/* line 165, ../../app/assets/scss/base/layout/_notifications.scss */
.stickyfooter ul li {
  width: 33.3333%;
  display: inline-block;
  float: left;
  text-align: center;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.8em 0em;
  margin: 0;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  outline: none;
}
/* line 178, ../../app/assets/scss/base/layout/_notifications.scss */
.stickyfooter ul li:hover {
  background-color: #F1F1F1;
}

/* line 183, ../../app/assets/scss/base/layout/_notifications.scss */
.stickyfooter #notificationstrigger img {
  position: relative;
  left: 0.35em;
}

/* line 187, ../../app/assets/scss/base/layout/_notifications.scss */
.stickyfooter .notificationsnumber {
  background: firebrick;
  height: 1.3em;
  width: 1.3em;
  border-radius: 50%;
  padding: 0;
  color: #fff;
  display: inline-block;
  position: relative;
  bottom: 0.65em;
  right: 0.55em;
}
/* line 198, ../../app/assets/scss/base/layout/_notifications.scss */
.stickyfooter .notificationsnumber .notificationsnumberinner {
  font-size: 0.8em;
  position: relative;
  bottom: 0.22em;
}

/* line 205, ../../app/assets/scss/base/layout/_notifications.scss */
.md-toolbar-tools #togglenotification {
  padding-bottom: 8px;
  padding-top: 16px;
}

/* line 210, ../../app/assets/scss/base/layout/_notifications.scss */
.md-toolbar-tools #togglenotification img {
  position: relative;
  left: 0.40em;
}

/* line 215, ../../app/assets/scss/base/layout/_notifications.scss */
.md-toolbar-tools .notificationsnumber {
  background: firebrick;
  height: 0.8em;
  width: 0.8em;
  border-radius: 50%;
  padding: 0;
  color: #fff;
  display: inline-block;
  position: relative;
  bottom: 0.10em;
  right: 0.40em;
  top: 0.10em;
}
/* line 227, ../../app/assets/scss/base/layout/_notifications.scss */
.md-toolbar-tools .notificationsnumber .notificationsnumberinner {
  font-size: 0.4em;
  position: relative;
  left: 0.7em;
  bottom: 1.2em;
}

/* line 235, ../../app/assets/scss/base/layout/_notifications.scss */
.notifications .innernotifications .animatednotification {
  position: relative;
}
/* line 237, ../../app/assets/scss/base/layout/_notifications.scss */
.notifications .innernotifications .animatednotification button {
  color: gray;
}

/* line 242, ../../app/assets/scss/base/layout/_notifications.scss */
.notifications .innernotifications .md-2-line {
  margin: 0.5em;
}

/* line 246, ../../app/assets/scss/base/layout/_notifications.scss */
.notifications .innernotifications .notifications-listitem {
  float: left;
}

/* line 249, ../../app/assets/scss/base/layout/_notifications.scss */
.notifications .innernotifications .md-list-item-text button {
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  -ms-border-radius: 0.2em;
  border-radius: 0.2em;
  margin-top: 0.5em;
  outline: none;
  font-size: 0.7em;
  padding: 0 1.5em;
  position: relative;
  right: 1em;
}

/* line 258, ../../app/assets/scss/base/layout/_notifications.scss */
.notifications .innernotifications .md-list-item-text button i {
  position: relative;
  top: 0.3em;
  right: 0.5em;
  font-size: 17px;
}

/* line 265, ../../app/assets/scss/base/layout/_notifications.scss */
#closenotifications {
  cursor: pointer;
}

/* line 268, ../../app/assets/scss/base/layout/_notifications.scss */
.test-class {
  display: block;
}

/* line 272, ../../app/assets/scss/base/layout/_notifications.scss */
.alertMessage {
  font-family: 'Source Sans Pro', "Helvetica Neue", sans-serif;
  font-size: 17px;
  font-weight: bold;
  color: #434343;
  /* text-align: center; */
  padding-left: 1em;
  font-weight: 200;
}

/* line 282, ../../app/assets/scss/base/layout/_notifications.scss */
.alertButtonSecondary {
  font-family: 'Source Sans Pro', "Helvetica Neue", sans-serif;
  font-size: 17px;
  font-weight: bold;
  color: #D3D2D2;
  text-align: center;
}

/* line 290, ../../app/assets/scss/base/layout/_notifications.scss */
.alertButtonsContainer {
  position: absolute;
  width: 100%;
  bottom: 0;
}

/* line 296, ../../app/assets/scss/base/layout/_notifications.scss */
.alertMobile {
  width: 325px;
  padding-top: 1em;
}

/* line 301, ../../app/assets/scss/base/layout/_notifications.scss */
.alertDesktop {
  position: fixed;
  top: 40%;
  left: 30%;
  width: 40%;
  padding-top: 1em;
}

/* line 308, ../../app/assets/scss/base/layout/_notifications.scss */
.alertIcon {
  border-radius: 50%;
  min-width: 70px;
  min-height: 70px;
  padding-top: 10px;
}

/* line 315, ../../app/assets/scss/base/layout/_notifications.scss */
.doneIcon {
  font-size: 70px !important;
  color: #6BB71D;
}

/* line 320, ../../app/assets/scss/base/layout/_notifications.scss */
.loadingIcon {
  font-size: 70px !important;
  color: #158AD1;
}

/* line 325, ../../app/assets/scss/base/layout/_notifications.scss */
.errorIcon {
  font-size: 70px !important;
  color: #C86471;
}

/* line 330, ../../app/assets/scss/base/layout/_notifications.scss */
.iconContainer {
  text-align: center;
  margin-bottom: 50px;
}

/* line 335, ../../app/assets/scss/base/layout/_notifications.scss */
.alertContent {
  position: absolute;
  width: 100%;
  top: 25%;
}

/* line 340, ../../app/assets/scss/base/layout/_notifications.scss */
.rotate {
  -webkit-transform: rotate(90deg);
  /* Chrome, Safari, Opera */
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -o-transform: rotate(90deg);
  /* Opera fallback */
  transform: rotate(90deg);
}

/* line 348, ../../app/assets/scss/base/layout/_notifications.scss */
.notificationmenu {
  /* z-index: 12; */
  width: 20em;
  background: #5B5B5B;
  float: right;
  padding: 0;
  color: #fff;
  display: none;
  right: 1em;
  right: 1.35em;
  top: 1em;
  z-index: 10;
  bottom: 0;
  position: relative;
  -webkit-animation: fadeInUpMaterial 0.20s ease-in-out 0.05s both;
  -moz-animation: fadeInUpMaterial 0.20s ease-in-out 0.05s both;
  -o-animation: fadeInUpMaterial 0.20s ease-in-out 0.05s both;
  animation: fadeInUpMaterial 0.20s ease-in-out 0.05s both;
}

/* line 367, ../../app/assets/scss/base/layout/_notifications.scss */
.shownotificationmenu {
  display: block;
}

/* line 370, ../../app/assets/scss/base/layout/_notifications.scss */
.shownotificationmenu:before {
  content: "\A";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0px 22px 22px 22px;
  border-color: transparent transparent #5B5B5B transparent;
  position: absolute;
  top: -20px;
  right: 8em;
  display: none;
}
@media (min-width: 37.5em) {
  /* line 370, ../../app/assets/scss/base/layout/_notifications.scss */
  .shownotificationmenu:before {
    display: block;
  }
}

/* line 386, ../../app/assets/scss/base/layout/_notifications.scss */
.notificationsTitleBox {
  height: 28px;
  font-size: 14px;
  margin: 0;
  padding: 0;
}

/* line 393, ../../app/assets/scss/base/layout/_notifications.scss */
.emptyNotificationText {
  color: #4D4D4F;
  font-size: 14px;
}

/* line 1, ../../app/assets/scss/base/layout/_video.scss */
.scroll_cue {
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(20, 25, 30, 0.8);
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 999999999999;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

/* line 15, ../../app/assets/scss/base/layout/_video.scss */
.newpopover {
  position: relative;
}

/* line 18, ../../app/assets/scss/base/layout/_video.scss */
.newpopoverFullscreen {
  position: relative;
  float: left;
}

/* line 22, ../../app/assets/scss/base/layout/_video.scss */
.toggleSocials {
  position: absolute;
  top: -3.5em;
  left: 0;
  background: #ffffff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  color: black;
  width: 17em;
  margin: 0;
  padding: 0.5em;
  display: inline-flex;
}
/* line 33, ../../app/assets/scss/base/layout/_video.scss */
.toggleSocials ul {
  padding: 0;
  cursor: pointer;
  outline: none;
}

/* line 39, ../../app/assets/scss/base/layout/_video.scss */
.toggleSocialsFullscreen {
  position: absolute;
  top: -3em;
  left: 0;
  background: #ffffff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  color: black;
  width: 17em;
  margin: 0;
  padding: 0.5em;
  display: inline-flex;
}
/* line 50, ../../app/assets/scss/base/layout/_video.scss */
.toggleSocialsFullscreen ul {
  padding: 0;
  margin: 0;
  cursor: pointer;
  outline: none;
}

/* line 57, ../../app/assets/scss/base/layout/_video.scss */
.toggleSocials::after,
.toggleSocialsFullscreen::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #ffffff;
  position: absolute;
  bottom: -0.5em;
  left: 0.85em;
}

/* line 70, ../../app/assets/scss/base/layout/_video.scss */
.landscapeControlsBot,
.landscapeControlsTop {
  position: fixed;
  z-index: 20;
  color: white;
  text-align: center;
  padding: 0.5em;
  display: none;
  width: 100%;
}

/* line 80, ../../app/assets/scss/base/layout/_video.scss */
.landscapeVidTitle {
  text-align: right;
  font-size: 0.9em;
}

/* line 84, ../../app/assets/scss/base/layout/_video.scss */
.somestupidfuckingclass {
  margin: 0;
  padding: 0;
}

/* line 88, ../../app/assets/scss/base/layout/_video.scss */
.landscapeControls {
  margin: 0;
  padding: 0;
}

/* line 92, ../../app/assets/scss/base/layout/_video.scss */
.landscapeControlsBot {
  bottom: 0;
  background: linear-gradient(to top, #4D4D4F, transparent);
}
@media (min-width: 48em) {
  /* line 92, ../../app/assets/scss/base/layout/_video.scss */
  .landscapeControlsBot {
    height: 100px;
  }
  /* line 101, ../../app/assets/scss/base/layout/_video.scss */
  .landscapeControlsBot .md-toolbar-tools {
    height: 100px;
    max-height: 100px;
    align-items: flex-end;
    padding-bottom: 1em;
  }
}

/* line 110, ../../app/assets/scss/base/layout/_video.scss */
.landscapeControlsTop {
  top: 0;
  background: linear-gradient(to bottom, #4D4D4F, transparent);
}
@media (min-width: 48em) {
  /* line 110, ../../app/assets/scss/base/layout/_video.scss */
  .landscapeControlsTop {
    height: 100px;
  }
}

/* line 121, ../../app/assets/scss/base/layout/_video.scss */
.landscapeLikes {
  display: none;
}

/* line 124, ../../app/assets/scss/base/layout/_video.scss */
.theBottomFixed {
  display: none;
  position: fixed;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  bottom: 0;
  background: #bfbfbf;
  color: #FFF;
  word-break: break-all;
  z-index: 9;
  padding: 1.1em 1em;
  bottom: 0;
  width: 100%;
  display: block;
}
@media (min-width: 48em) {
  /* line 124, ../../app/assets/scss/base/layout/_video.scss */
  .theBottomFixed {
    position: fixed;
    bottom: 0;
    width: auto;
    z-index: 14;
    padding: 0.65em;
    display: inherit;
  }
}
@media (min-width: 75em) {
  /* line 124, ../../app/assets/scss/base/layout/_video.scss */
  .theBottomFixed {
    width: 27.45vw;
  }
}

/* line 149, ../../app/assets/scss/base/layout/_video.scss */
#thescrubber, #thescrubber2 {
  left: -0.75em;
}

/* line 159, ../../app/assets/scss/base/layout/_video.scss */
.backButtons {
  padding: 0 !important;
}

/* line 162, ../../app/assets/scss/base/layout/_video.scss */
.lastCommentClass {
  -webkit-animation: appear 2s ease-in-out both;
  animation: appear 2s ease-in-out both;
}

/* line 167, ../../app/assets/scss/base/layout/_video.scss */
input.fireInput::-webkit-input-placeholder,
input.watchPartyInput::-webkit-input-placeholder {
  color: #bfbfbf;
}

/* line 171, ../../app/assets/scss/base/layout/_video.scss */
input.fireInput:-moz-placeholder,
input.watchPartyInput:-moz-placeholder {
  /* Firefox 18- */
  color: #bfbfbf;
}

/* line 175, ../../app/assets/scss/base/layout/_video.scss */
input.fireInput::-moz-placeholder,
input.watchPartyInput::-moz-placeholder {
  /* Firefox 19+ */
  color: #bfbfbf;
}

/* line 179, ../../app/assets/scss/base/layout/_video.scss */
input.fireInput:-ms-input-placeholder,
input.watchPartyInput:-ms-input-placeholder {
  color: #bfbfbf;
}

/* line 184, ../../app/assets/scss/base/layout/_video.scss */
.fsWrapReplacement {
  display: none;
  float: left;
  position: relative;
  margin: 0;
  padding: 0;
  width: 2em;
}
/* line 191, ../../app/assets/scss/base/layout/_video.scss */
.fsWrapReplacement li button {
  float: right;
  background: none;
  border: none;
  outline: none;
}
/* line 196, ../../app/assets/scss/base/layout/_video.scss */
.fsWrapReplacement li button img {
  width: 2.2rem;
}

/* line 202, ../../app/assets/scss/base/layout/_video.scss */
#fsmore {
  background: transparent;
  border: 1px solid #FFF;
  color: #FFF;
  padding: 0.1em 0.5em;
  position: relative;
  float: left;
  margin: 0 0.5em;
  outline: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}

/* line 214, ../../app/assets/scss/base/layout/_video.scss */
.nomarginLists {
  margin: 0;
  padding: 0;
}

/* line 218, ../../app/assets/scss/base/layout/_video.scss */
.fireContainer, .watchPartyContainer {
  margin: 0;
  padding: 0;
}

/* line 223, ../../app/assets/scss/base/layout/_video.scss */
.watchPartyPost {
  background: transparent;
  border: 1px solid #fff;
  padding: 5.5px;
  margin: 0;
  color: #fff;
  font-size: 14px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}

/* line 232, ../../app/assets/scss/base/layout/_video.scss */
.watchPartyInput {
  background: orange;
  padding: 0.60em;
  border: none;
  background: white;
  color: black;
  width: 100%;
  float: left;
  outline: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #fff;
  font-size: 12px;
}

/* line 245, ../../app/assets/scss/base/layout/_video.scss */
.fireContainer .fireWrap .fireReplacement {
  display: none;
}

/* line 248, ../../app/assets/scss/base/layout/_video.scss */
.fireWrap {
  margin: 0;
  padding: 0;
  background: transparent;
  width: 100%;
  display: table;
}

/* line 255, ../../app/assets/scss/base/layout/_video.scss */
.fireWrapReplacement {
  padding: 0;
  margin: 0;
}
/* line 258, ../../app/assets/scss/base/layout/_video.scss */
.fireWrapReplacement button {
  border: none;
  background: transparent;
  outline: none;
  position: relative;
  top: 0.32em;
}
/* line 264, ../../app/assets/scss/base/layout/_video.scss */
.fireWrapReplacement button img {
  width: 2em;
}

/* line 269, ../../app/assets/scss/base/layout/_video.scss */
.fireTwo {
  width: 40%;
}

/* line 272, ../../app/assets/scss/base/layout/_video.scss */
.fireWrap .listCells {
  display: table-cell;
}

/* line 275, ../../app/assets/scss/base/layout/_video.scss */
.fireThree, .fireFour {
  text-align: center;
}

/* line 278, ../../app/assets/scss/base/layout/_video.scss */
li.selected, .toggling {
  color: #666;
  background: #e8e8e8;
}

/* line 283, ../../app/assets/scss/base/layout/_video.scss */
.captionBox {
  margin: .7em 0em .7em !important;
}

/* line 287, ../../app/assets/scss/base/layout/_video.scss */
.closeCaptionTitle {
  font-size: 16px;
  font-weight: bold;
  color: #000;
  padding: 0 0 0 .7em;
}

/* line 294, ../../app/assets/scss/base/layout/_video.scss */
.captionItem {
  padding: 0 0 0 .7em;
}

/* line 298, ../../app/assets/scss/base/layout/_video.scss */
.triangle3 {
  position: absolute;
  min-width: 14em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  color: gainsboro;
  border: 1px solid gray;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.4);
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  line-height: 2em;
}

/* line 313, ../../app/assets/scss/base/layout/_video.scss */
.triangle2 {
  display: none;
  position: absolute;
  min-width: 14em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  color: gainsboro;
  border: 1px solid gray;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.4);
  top: 2.5em;
  left: 3em;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  line-height: 2em;
}

/* line 331, ../../app/assets/scss/base/layout/_video.scss */
.triangle {
  display: none;
  position: absolute;
  min-width: 17em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  color: gainsboro;
  border: 1px solid gray;
  box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.4);
  top: -1.85em;
}

/* line 343, ../../app/assets/scss/base/layout/_video.scss */
.triangle ul,
.triangle2 ul,
.triangle3 ul {
  padding: 0;
  margin: .7em .6em;
}

/* line 350, ../../app/assets/scss/base/layout/_video.scss */
.triangle ul li,
.triangle2 ul li,
.triangle3 ul li {
  cursor: pointer;
}

/* line 356, ../../app/assets/scss/base/layout/_video.scss */
.triangle > ul > li > *,
.triangle2 > ul > li > *,
.triangle3 > ul > li > * {
  vertical-align: middle;
}

/* line 362, ../../app/assets/scss/base/layout/_video.scss */
li.toggling > span.socialCircle {
  border: 1px solid #666;
}

/* line 366, ../../app/assets/scss/base/layout/_video.scss */
.socialCircle {
  border: 1px solid gainsboro;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  position: relative;
  margin-right: .7em;
}

/* line 376, ../../app/assets/scss/base/layout/_video.scss */
.socialCircle > i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* line 386, ../../app/assets/scss/base/layout/_video.scss */
.triangle::after,
.triangle2::after,
.triangle3::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin-left: -0.5em;
  box-sizing: border-box;
  border: .3em solid black;
  border-color: transparent transparent #fff #fff;
  transform-origin: 0 0;
  transform: rotate(-45deg);
  box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.4);
}

/* line 402, ../../app/assets/scss/base/layout/_video.scss */
#pop1::after {
  left: 0.75em;
}

/* line 406, ../../app/assets/scss/base/layout/_video.scss */
#pop3::after {
  left: 2em;
}

/* line 410, ../../app/assets/scss/base/layout/_video.scss */
#pop2::after {
  left: 2.5em;
}

/* line 414, ../../app/assets/scss/base/layout/_video.scss */
#pop4 {
  top: 1.5em;
}

/* line 418, ../../app/assets/scss/base/layout/_video.scss */
#pop3 {
  top: 10.5em;
  left: 4.5em;
}

/* line 423, ../../app/assets/scss/base/layout/_video.scss */
#pop4::after {
  left: 4.8em;
}

/* line 427, ../../app/assets/scss/base/layout/_video.scss */
#pop5 {
  right: 0;
  bottom: 5em;
}

/* line 432, ../../app/assets/scss/base/layout/_video.scss */
#pop5::after {
  right: 1em;
}

/* line 436, ../../app/assets/scss/base/layout/_video.scss */
.fireFavorite {
  border: none;
  background: none;
  color: #FFF;
  position: relative;
  top: 0.25em;
  outline: none;
}
/* line 443, ../../app/assets/scss/base/layout/_video.scss */
.fireFavorite i {
  font-size: 2em;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

/* line 448, ../../app/assets/scss/base/layout/_video.scss */
.fsThePopups {
  width: 3em;
  min-height: 4em;
  top: -10em;
}
@media (min-width: 48em) {
  /* line 448, ../../app/assets/scss/base/layout/_video.scss */
  .fsThePopups {
    position: absolute;
  }
}

/* line 457, ../../app/assets/scss/base/layout/_video.scss */
.fireThePopUps {
  position: absolute;
  top: -3em;
  min-height: 4em;
  width: 100%;
  padding: 1em;
  left: 0.20em;
}

/* line 465, ../../app/assets/scss/base/layout/_video.scss */
.fireThePopUps ul li {
  line-height: 25px;
}

/* line 468, ../../app/assets/scss/base/layout/_video.scss */
#pop1 {
  top: 0px;
}

/* line 471, ../../app/assets/scss/base/layout/_video.scss */
.firePost {
  border: 1px solid white;
  background: transparent;
  color: #FFF;
  padding: 0.35em 0.5em;
  position: relative;
  top: -0.4em;
  -webkit-border-radius: 1.5px;
  -moz-border-radius: 1.5px;
  -ms-border-radius: 1.5px;
  border-radius: 1.5px;
  width: 58px;
  margin-left: 0.5em;
}

/* line 482, ../../app/assets/scss/base/layout/_video.scss */
.social_syncs1 {
  position: absolute;
  top: -0.25em;
  right: -0.45em;
}

/* line 487, ../../app/assets/scss/base/layout/_video.scss */
.social_syncs2 {
  position: absolute;
  top: -0.25em;
  right: 0.5em;
}

/* line 492, ../../app/assets/scss/base/layout/_video.scss */
.social_syncs3 {
  position: absolute;
  top: 0em;
  right: 0em;
}

/* line 497, ../../app/assets/scss/base/layout/_video.scss */
.social_syncs4 {
  position: absolute;
  bottom: 0em;
  right: 0em;
}

/* line 502, ../../app/assets/scss/base/layout/_video.scss */
.fbCommentingOn {
  font-size: 1.3em;
  margin-right: 0.40em;
  margin-left: 0.15em;
}

/* line 507, ../../app/assets/scss/base/layout/_video.scss */
.twCommentingOn {
  font-size: 1.15em;
}

/* line 510, ../../app/assets/scss/base/layout/_video.scss */
.fbCommentingOn {
  margin-right: 0.6em;
}

/* line 513, ../../app/assets/scss/base/layout/_video.scss */
.twCommentingOn {
  margin-right: 0.4em;
}

/* line 516, ../../app/assets/scss/base/layout/_video.scss */
.fireMore {
  border: 1px solid white;
  background: transparent;
  color: #FFF;
  padding: 0.15em;
  position: relative;
  top: -0.15em;
  -webkit-border-radius: 1.5px;
  -moz-border-radius: 1.5px;
  -ms-border-radius: 1.5px;
  border-radius: 1.5px;
}

/* line 525, ../../app/assets/scss/base/layout/_video.scss */
.fireInput {
  max-width: 150px;
  border: 1px solid white;
  background: #fff;
  color: black;
  padding: 0.225em 0.15em;
  position: relative;
  top: -0.3em;
  font-size: 1.2em;
  outline: none;
  -webkit-border-radius: 1.5px;
  -moz-border-radius: 1.5px;
  -ms-border-radius: 1.5px;
  border-radius: 1.5px;
  margin-left: 0.5em;
}

@media (min-width: 901px) and (max-width: 1065px) {
  /* line 540, ../../app/assets/scss/base/layout/_video.scss */
  .fireInput {
    width: 145px;
  }
}
@media screen and (min-width: 1065px) {
  /* line 547, ../../app/assets/scss/base/layout/_video.scss */
  .fireInput {
    width: 100%;
    margin-left: 0.5em;
  }
}
/* for when replies are clicked */
/* line 554, ../../app/assets/scss/base/layout/_video.scss */
#backtotimeline {
  position: fixed;
  top: 56vw;
  background: #FFF;
  color: #4D4D4F;
  word-break: break-all;
  z-index: 444;
  padding: 1em;
  box-shadow: 1px 1px 1px #999;
  padding-right: 4em;
  right: 0;
  display: none;
  min-height: 4.5em;
  outline: none;
  cursor: pointer;
  width: 100%;
}
@media screen and (max-width: 1065px) {
  /* line 554, ../../app/assets/scss/base/layout/_video.scss */
  #backtotimeline {
    min-width: 354px;
  }
}
@media (min-width: 48em) {
  /* line 554, ../../app/assets/scss/base/layout/_video.scss */
  #backtotimeline {
    top: 0;
    width: 28.25vw;
    z-index: 14;
    right: 0;
    margin-left: 0.2em;
  }
}
/* line 582, ../../app/assets/scss/base/layout/_video.scss */
#backtotimeline i {
  position: relative;
  top: 0.2em;
}
/* line 587, ../../app/assets/scss/base/layout/_video.scss */
#backtotimeline .breakword {
  /*
  position: fixed;
  top: 1.46em;
  padding-left: 1em;
  */
  position: fixed;
  padding: 0.4em 1em;
}

/* line 599, ../../app/assets/scss/base/layout/_video.scss */
.hasReplyIcon {
  position: relative;
}
/* line 602, ../../app/assets/scss/base/layout/_video.scss */
.hasReplyIcon .hasreplyimg {
  width: 1.8rem;
}
/* line 606, ../../app/assets/scss/base/layout/_video.scss */
.hasReplyIcon span {
  position: absolute;
  top: 0;
  right: 0;
  left: 0.6em;
  color: #FFF;
}

/* NOTE 2017 video player styles below */
/* line 616, ../../app/assets/scss/base/layout/_video.scss */
.theVideoDataScreen {
  text-align: right;
}
@media (min-width: 600px) and (max-width: 768px) {
  /* line 616, ../../app/assets/scss/base/layout/_video.scss */
  .theVideoDataScreen {
    font-size: 15px;
  }
}

/* line 623, ../../app/assets/scss/base/layout/_video.scss */
.theplayerbutton {
  cursor: pointer;
  outline: none;
}

/* line 628, ../../app/assets/scss/base/layout/_video.scss */
.seekapausebutton {
  padding: 0.41em 0.41em;
  font-size: 2em;
  border: 3px solid white;
  border-radius: 50px;
  width: 2em;
  height: 2em;
  position: relative;
}

/* line 638, ../../app/assets/scss/base/layout/_video.scss */
.seekaplaybutton {
  padding: 0.41em 0.60em;
  font-size: 2em;
  border: 3px solid white;
  border-radius: 50px;
  width: 2em;
  height: 2em;
  position: relative;
}

@media (min-width: 0) and (max-width: 600px) {
  /* line 649, ../../app/assets/scss/base/layout/_video.scss */
  .theVideoDataScreen {
    display: none;
  }
}
/* line 652, ../../app/assets/scss/base/layout/_video.scss */
ΓÇï
.theVideoFrSea {
  cursor: pointer;
  outline: none;
}

/* line 659, ../../app/assets/scss/base/layout/_video.scss */
.theVideoFrSea .breakword {
  word-break: break-word;
}

/* line 663, ../../app/assets/scss/base/layout/_video.scss */
.emptycommentimg {
  height: 4em;
  width: 4em;
}

/* line 668, ../../app/assets/scss/base/layout/_video.scss */
.notification {
  left: 0;
  right: 0;
}

/* line 673, ../../app/assets/scss/base/layout/_video.scss */
.chat-area > .scrollable-area {
  overflow: scroll;
  position: absolute;
  top: 8.5em;
  bottom: 3em;
  width: 100%;
}

/* line 681, ../../app/assets/scss/base/layout/_video.scss */
.goinlineblock {
  display: inline-block;
}

/* for our no comment placeholder above */
/* line 687, ../../app/assets/scss/base/layout/_video.scss */
.centerMe {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  /* bring your own prefixes */
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

/* line 691, ../../app/assets/scss/base/layout/_video.scss */
.seekaplayerpauseplayimgs {
  cursor: pointer;
  outline: none;
}

/* line 696, ../../app/assets/scss/base/layout/_video.scss */
.mdcardnoshade {
  background: #FFF;
}

/* line 700, ../../app/assets/scss/base/layout/_video.scss */
.innerreplytext {
  z-index: 9;
}

/* line 704, ../../app/assets/scss/base/layout/_video.scss */
.THETEST {
  position: absolute;
  background: #bfbfbf;
  padding: 0.5em 1.2em;
  bottom: 4em;
  right: 0;
  left: 0;
  color: #FFF;
  border-bottom: 2px solid #FFF;
  display: none;
}

/* line 715, ../../app/assets/scss/base/layout/_video.scss */
.createCommentButton {
  padding: 0.22em 1em;
  background: transparent;
  border: 1px solid #FFF;
  color: #FFF;
}

/* line 722, ../../app/assets/scss/base/layout/_video.scss */
.exitCommentModeIcon {
  float: right;
  position: absolute;
  right: 0;
  top: 0;
  margin: 1em;
  cursor: pointer;
  outline: none;
  display: none;
}
@media (min-width: 48em) {
  /* line 722, ../../app/assets/scss/base/layout/_video.scss */
  .exitCommentModeIcon {
    display: block;
  }
}

/* line 736, ../../app/assets/scss/base/layout/_video.scss */
.exitCommentModeIcon:hover {
  opacity: 0.85;
}

/* we have to use viewport units to keep everything in place */
/* line 741, ../../app/assets/scss/base/layout/_video.scss */
.theTopStatic {
  position: static;
  background: transparent;
  color: #FFF;
  width: 100%;
  display: inline-block;
}

/* line 749, ../../app/assets/scss/base/layout/_video.scss */
.theTopFixed {
  position: fixed;
  top: 0;
  background: #FFF;
  color: #4D4D4F;
  word-break: break-all;
  z-index: 11;
  padding: 1em;
  top: 56vw;
  width: inherit;
  box-shadow: 1px 1px 1px #999;
  display: inherit;
  padding-right: 4em;
  right: 0;
  min-height: 4.5em;
  outline: none;
  width: 100%;
}
@media screen and (max-width: 1065px) {
  /* line 749, ../../app/assets/scss/base/layout/_video.scss */
  .theTopFixed {
    min-width: 354px;
  }
}
@media (min-width: 48em) {
  /* line 749, ../../app/assets/scss/base/layout/_video.scss */
  .theTopFixed {
    top: 0;
    width: 27.65vw;
    z-index: 14;
    right: 0;
    margin-left: 0.2em;
  }
}

/* line 779, ../../app/assets/scss/base/layout/_video.scss */
.theTopFixed.watchparty {
  max-height: 6.5em;
  padding-right: 1em;
}

/* four the bottom portion of the comment sidebar */
/* line 788, ../../app/assets/scss/base/layout/_video.scss */
.theBottomStatic {
  display: none;
  position: static;
  background: transparent;
  color: #FFF;
  width: 100%;
  display: inline-block;
  height: 3.5em;
}

/* line 797, ../../app/assets/scss/base/layout/_video.scss */
.watchPartyBottomFixed {
  position: fixed;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  bottom: 0;
  background: #bfbfbf;
  color: #FFF;
  word-break: break-all;
  z-index: 9;
  padding: 0.75em;
  bottom: 0;
  width: inherit;
  display: inherit;
}
@media screen and (max-width: 1065px) {
  /* line 797, ../../app/assets/scss/base/layout/_video.scss */
  .watchPartyBottomFixed {
    min-width: 352px;
  }
}
@media (min-width: 48em) {
  /* line 797, ../../app/assets/scss/base/layout/_video.scss */
  .watchPartyBottomFixed {
    bottom: 0;
    width: 27.45vw;
    z-index: 14;
  }
}

/* line 819, ../../app/assets/scss/base/layout/_video.scss */
.createCommentForm {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}
@media (min-width: 37.5em) {
  /* line 819, ../../app/assets/scss/base/layout/_video.scss */
  .createCommentForm {
    position: fixed;
  }
}
@media (min-width: 48em) {
  /* line 819, ../../app/assets/scss/base/layout/_video.scss */
  .createCommentForm {
    position: absolute;
  }
}

/* line 832, ../../app/assets/scss/base/layout/_video.scss */
.theCommentInputBar {
  background: #FFF;
  border: 1px solid #FFF;
  color: #333;
  outline: none;
  padding: 0.22em 1.5em 0.22em 0.22em;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  border-radius: 1px;
}
@media (min-width: 48em) {
  /* line 832, ../../app/assets/scss/base/layout/_video.scss */
  .theCommentInputBar {
    width: 15vw;
  }
}

/* line 845, ../../app/assets/scss/base/layout/_video.scss */
.goOrangeColor {
  fill: #023343;
}

/* line 849, ../../app/assets/scss/base/layout/_video.scss */
.desknotilist {
  padding: 0.5em 0;
}

/* line 853, ../../app/assets/scss/base/layout/_video.scss */
.desknotiheader {
  font-weight: 600;
  text-transform: capitalize;
  font-size: 14px;
}

/* line 859, ../../app/assets/scss/base/layout/_video.scss */
.replybar {
  cursor: pointer;
  outline: none;
  display: inline-block;
  z-index: 5;
}
@media (min-width: 48em) {
  /* line 859, ../../app/assets/scss/base/layout/_video.scss */
  .replybar {
    z-index: 13;
  }
}

/* line 870, ../../app/assets/scss/base/layout/_video.scss */
.replybar:hover {
  color: #0071CE;
}

/* line 872, ../../app/assets/scss/base/layout/_video.scss */
.icons {
  cursor: pointer;
  outline: none;
  position: relative;
}
/* line 876, ../../app/assets/scss/base/layout/_video.scss */
.icons md-icon {
  outline: none;
}

/* line 881, ../../app/assets/scss/base/layout/_video.scss */
.desknotiimg {
  background: url("../app-content/img/account/avatars.png") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
@media (min-width: 37.5em) {
  /* line 881, ../../app/assets/scss/base/layout/_video.scss */
  .desknotiimg {
    background: url("../app-content/img/account/avatars.png") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
}

/* line 885, ../../app/assets/scss/base/layout/_video.scss */
.thereplycomment {
  margin-left: 1em;
  padding-bottom: 1em;
}

/* line 890, ../../app/assets/scss/base/layout/_video.scss */
#writecommentinfullscreen {
  background: rgba(255, 255, 255, 0.3);
  border: none;
  padding: 0.3em;
  color: #fff;
  outline: none;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  border-radius: 1px;
  width: 30vw;
}

/* line 901, ../../app/assets/scss/base/layout/_video.scss */
.writecommentinfullscreen {
  position: absolute;
  left: 3em;
  /* margin: 0.65em; */
  height: 1.8em;
}

/* line 908, ../../app/assets/scss/base/layout/_video.scss */
.submitfullscreencomment {
  padding: 0.2em 1em;
  background: transparent;
  border: 1px solid #FFF;
  color: #FFF;
  text-transform: capitalize;
  outline: none;
  margin: 0 0.25em;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}

/* line 919, ../../app/assets/scss/base/layout/_video.scss */
.seekacontrolpanelbg {
  background: linear-gradient(to top, #4D4D4F, transparent);
}

/* line 927, ../../app/assets/scss/base/layout/_video.scss */
.customseekacontrols {
  position: relative;
  right: 0.3em;
  top: 0.25em;
}

/* line 933, ../../app/assets/scss/base/layout/_video.scss */
.customseekacontrols {
  width: 2em;
}

/* line 938, ../../app/assets/scss/base/layout/_video.scss */
.customseekacontrols {
  width: 1.65em;
}

/* line 944, ../../app/assets/scss/base/layout/_video.scss */
input.commentinput::-webkit-input-placeholder {
  color: #828282;
}

/* line 948, ../../app/assets/scss/base/layout/_video.scss */
input.commentinput:-moz-placeholder {
  /* Firefox 18- */
  color: #828282;
}

/* line 952, ../../app/assets/scss/base/layout/_video.scss */
input.commentinput::-moz-placeholder {
  /* Firefox 19+ */
  color: #828282;
}

/* line 956, ../../app/assets/scss/base/layout/_video.scss */
input.commentinput:-ms-input-placeholder {
  color: #828282;
}

/* line 960, ../../app/assets/scss/base/layout/_video.scss */
input.commentinput {
  outline: none;
}

/* line 964, ../../app/assets/scss/base/layout/_video.scss */
.postthecomment {
  border: 2px solid #FFF;
  color: #FFF;
  background: transparent;
  padding: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  position: relative;
  margin: 0;
  padding: 0 1em;
  outline: none;
  font-weight: 500;
}

/* line 977, ../../app/assets/scss/base/layout/_video.scss */
.postthecomment:hover {
  background: #FFF;
  color: #ccc;
}

/* line 982, ../../app/assets/scss/base/layout/_video.scss */
.seekavidcntr {
  background: transparent;
  width: 100%;
  overflow-x: hidden;
  height: 100vh;
}
@media (min-width: 48em) {
  /* line 982, ../../app/assets/scss/base/layout/_video.scss */
  .seekavidcntr {
    background: black;
    max-width: 100em;
    display: flex;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
  }
}

/* line 1001, ../../app/assets/scss/base/layout/_video.scss */
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  display: inherit;
  margin: 0;
  padding: 0;
  position: inherit;
}

/* NOTE END 2017 video player */
/* NOTE NEW VIDEO PLAYER ELEMENTS */
/* line 1048, ../../app/assets/scss/base/layout/_video.scss */
.col-gray-content {
  color: #4D4D4F;
}

/* line 1052, ../../app/assets/scss/base/layout/_video.scss */
.col-gray-content .leftGrayHead {
  margin: 0;
  text-align: left;
}

/* line 1057, ../../app/assets/scss/base/layout/_video.scss */
.col-gray-content .prices {
  text-align: center;
  margin: 1em 0;
}

/* line 1062, ../../app/assets/scss/base/layout/_video.scss */
.col-gray-content .prices > div {
  padding: 1em;
  -webkit-border-radius: 0.3s;
  -moz-border-radius: 0.3s;
  -ms-border-radius: 0.3s;
  border-radius: 0.3s;
  border: 1px solid gray;
  margin: 1em 0;
}

/* line 1069, ../../app/assets/scss/base/layout/_video.scss */
.scrollingarea {
  max-height: 28rem;
  overflow: scroll;
}
@media (min-width: 37.5em) {
  /* line 1069, ../../app/assets/scss/base/layout/_video.scss */
  .scrollingarea {
    max-height: 100%;
    overflow: hidden;
  }
}

/* line 1078, ../../app/assets/scss/base/layout/_video.scss */
.pricePicked {
  background-color: #1E1E1E;
}

/* NOTE testing above */
/* line 1083, ../../app/assets/scss/base/layout/_video.scss */
.innercommentwrap {
  padding-left: 3.7em;
}

/* line 1088, ../../app/assets/scss/base/layout/_video.scss */
.overlayContainer {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  overflow: hidden;
}

/* line 1100, ../../app/assets/scss/base/layout/_video.scss */
.prevideoscreen,
.postvideoscreen {
  position: absolute;
  background: rgba(0, 113, 206, 0.9);
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

/* line 1112, ../../app/assets/scss/base/layout/_video.scss */
.divywrapper,
.prevideoscreen,
.postvideoscreen {
  visibility: hidden;
}

/* line 1119, ../../app/assets/scss/base/layout/_video.scss */
.prevideoscreen .backinner .goback,
.postvideoscreen .backinner .goback {
  z-index: 11;
  margin: 1em;
}

/* line 1125, ../../app/assets/scss/base/layout/_video.scss */
.prevideoscreen .goback,
.postvideoscreen .goback {
  float: left;
}

/* line 1130, ../../app/assets/scss/base/layout/_video.scss */
#letsgoback {
  float: left;
  margin: 1em;
}

/* line 1135, ../../app/assets/scss/base/layout/_video.scss */
.postvideoscreen .md-button.md-icon-button {
  padding: 0;
}

@media (min-width: 37.5em) {
  /* line 1139, ../../app/assets/scss/base/layout/_video.scss */
  .postvideoscreen .md-button.md-icon-button,
  .postvideoscreen .md-button > img {
    width: 53px;
    height: 53px;
  }
}

/* line 1147, ../../app/assets/scss/base/layout/_video.scss */
md-tooltip.letsgobacktooltip > div.md-content {
  background: url(../app-content/img/video/tooltip.svg) no-repeat;
  background-origin: border-box;
  background-size: cover;
  font-size: 16px;
  height: 2.5em;
  line-height: 2.4em;
  padding-left: 2em;
  padding-right: 1.5em;
}

/* line 1160, ../../app/assets/scss/base/layout/_video.scss */
.divywrapper .divycontainer {
  display: flex;
  position: absolute;
  max-width: 18em;
  top: 50%;
  left: 50%;
  color: #fff;
  /* bring your own prefixes */
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 12;
}
@media (min-width: 37.5em) {
  /* line 1160, ../../app/assets/scss/base/layout/_video.scss */
  .divywrapper .divycontainer {
    top: 50%;
  }
}

/* line 1179, ../../app/assets/scss/base/layout/_video.scss */
.divywrapper .divycontainer .circles {
  z-index: 11;
  text-align: center;
  padding: 0.8em;
  cursor: pointer;
  outline: none;
}
/* line 1185, ../../app/assets/scss/base/layout/_video.scss */
.divywrapper .divycontainer .circles aside {
  position: relative;
  top: 1em;
}

/* line 1191, ../../app/assets/scss/base/layout/_video.scss */
.divywrapper .divycontainer .circles .nextep {
  width: 5.5em;
}
@media (min-width: 37.5em) {
  /* line 1191, ../../app/assets/scss/base/layout/_video.scss */
  .divywrapper .divycontainer .circles .nextep {
    width: 5.5em;
  }
}

/* line 1198, ../../app/assets/scss/base/layout/_video.scss */
.divywrapper .divycontainer .circles .circle {
  padding: 1.7em;
  border-radius: 50%;
  border: 1px solid #FFF;
  height: 1em;
  width: 1em;
  text-align: center;
  margin: 0 auto;
  position: relative;
}

/* line 1209, ../../app/assets/scss/base/layout/_video.scss */
.divywrapper .divycontainer .circles .circle i {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  /* bring your own prefixes */
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

/* line 1213, ../../app/assets/scss/base/layout/_video.scss */
.postvidfolw {
  padding: 0.45em 2.5em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  width: 1000px;
  border: 1px solid #FFF;
  text-align: center;
  display: flex;
  max-width: 6em;
  z-index: 11;
  position: absolute;
  top: 140%;
  left: 50%;
  color: #fff;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  display: table;
}
@media (min-width: 37.5em) {
  /* line 1213, ../../app/assets/scss/base/layout/_video.scss */
  .postvidfolw {
    top: 120%;
  }
}

/* line 1236, ../../app/assets/scss/base/layout/_video.scss */
.postvidfolw span {
  text-align: center;
  margin: 0 auto;
}

/* line 1241, ../../app/assets/scss/base/layout/_video.scss */
.videotitle {
  background: #FFF;
  color: #4D4D4F;
  width: 100%;
}

/* line 1246, ../../app/assets/scss/base/layout/_video.scss */
.videotitle .vdtitle {
  font-size: 1.2em;
  font-weight: 200;
}

/* line 1251, ../../app/assets/scss/base/layout/_video.scss */
.directorimage {
  border: 3px solid #0071CE;
  position: absolute;
  top: 0;
}

/* line 1257, ../../app/assets/scss/base/layout/_video.scss */
.commenterimage {
  position: absolute;
  top: 0;
}

/* line 1262, ../../app/assets/scss/base/layout/_video.scss */
.replycommenterimage {
  position: absolute;
  top: 0;
  left: 0;
}

/* line 1268, ../../app/assets/scss/base/layout/_video.scss */
.directorimage:after {
  content: '+';
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  position: absolute;
  left: 2em;
  font-size: 5rem;
  width: 5rem;
  height: 5rem;
  color: orange;
}

/* line 1282, ../../app/assets/scss/base/layout/_video.scss */
.diricon {
  position: absolute;
  left: 3em;
  top: 2em;
}

/* line 1288, ../../app/assets/scss/base/layout/_video.scss */
.diricon img {
  width: 1.3rem;
}

/* line 1292, ../../app/assets/scss/base/layout/_video.scss */
.dirtitle {
  color: #F06A1D;
  text-transform: uppercase;
}

/* NOTE END NEW VIDEO PLAYER ELEMENTS
for reference
{'active': isActive, 'notactive': notActive}
*/
/* line 1301, ../../app/assets/scss/base/layout/_video.scss */
.active, .activepanel, .activelandscape {
  fill: #F06A1D;
  color: #F06A1D;
}

/* line 1306, ../../app/assets/scss/base/layout/_video.scss */
.notactive, .notactivepanel, .notactivelandscape {
  fill: #FFF;
}

/* line 1311, ../../app/assets/scss/base/layout/_video.scss */
.orangeTHUMBS, .orangeVIEWCOMMENTS, .orangeCREATECOMMENT {
  color: #F06A1D;
  fill: #F06A1D;
}

/* line 1316, ../../app/assets/scss/base/layout/_video.scss */
.backdropspacer {
  position: absolute;
  width: 100%;
  z-index: 5;
}

/* line 1324, ../../app/assets/scss/base/layout/_video.scss */
.videoName {
  white-space: nowrap;
  width: 125px;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 37.5em) {
  /* line 1324, ../../app/assets/scss/base/layout/_video.scss */
  .videoName {
    white-space: wrap;
    width: auto;
    overflow: inherit;
    text-overflow: auto;
  }
}

/* line 1336, ../../app/assets/scss/base/layout/_video.scss */
.videoPageWrapper {
  width: 100%;
  height: 100%;
  background-color: #efefef;
}

/* line 1342, ../../app/assets/scss/base/layout/_video.scss */
.videoToolbarTop {
  position: absolute;
  top: 0;
}
@media (min-width: 48em) {
  /* line 1342, ../../app/assets/scss/base/layout/_video.scss */
  .videoToolbarTop {
    height: 110px;
  }
}
/* line 1348, ../../app/assets/scss/base/layout/_video.scss */
.videoToolbarTop > .md-toolbar-tools {
  background: linear-gradient(to bottom, #4D4D4F, transparent);
}
/* line 1354, ../../app/assets/scss/base/layout/_video.scss */
.videoToolbarTop > .md-toolbar-tools > .md-button.md-icon-button {
  margin-left: 0;
  padding: 0;
  margin: 10px;
}
@media (min-width: 48em) {
  /* line 1348, ../../app/assets/scss/base/layout/_video.scss */
  .videoToolbarTop > .md-toolbar-tools {
    align-items: flex-start;
    padding-top: 16px;
    height: 100%;
    max-height: 100%;
  }
}

/* line 1368, ../../app/assets/scss/base/layout/_video.scss */
.videoToolbarBottom {
  position: absolute;
  bottom: 0;
}
/* line 1372, ../../app/assets/scss/base/layout/_video.scss */
.videoToolbarBottom > .md-toolbar-tools > .md-button.md-icon-button > img {
  vertical-align: middle;
}
@media (min-width: 48em) {
  /* line 1371, ../../app/assets/scss/base/layout/_video.scss */
  .videoToolbarBottom > .md-toolbar-tools {
    height: 110px;
    max-height: 110px;
    align-items: flex-end;
    padding-bottom: 16px;
  }
}

/* line 1383, ../../app/assets/scss/base/layout/_video.scss */
.videoTime {
  font-size: 0.8em;
  position: absolute;
  display: inline-table;
  right: 0;
  bottom: 0;
  margin: 1em;
  right: -1.8em;
}
/* line 1391, ../../app/assets/scss/base/layout/_video.scss */
.videoTime.no-comments {
  margin-bottom: 0.5em;
}

/* line 1396, ../../app/assets/scss/base/layout/_video.scss */
.parent {
  position: relative;
  margin: 0 auto;
  left: 1em;
  bottom: 0.5em;
}
@media (min-width: 37.5em) {
  /* line 1396, ../../app/assets/scss/base/layout/_video.scss */
  .parent {
    left: 0;
  }
}
@media (min-width: 48em) {
  /* line 1396, ../../app/assets/scss/base/layout/_video.scss */
  .parent {
    right: 1.5em;
    bottom: 0;
  }
}

/*
.parent {
    position: relative;
    top: 0.5em;

  @include mobileUp {
    width: 18em;
  }
  @include desk-beyond {
    width: 22em;
  }
}

.timeslider {
    position: relative;
    bottom: 0.75em;
    width: 10em;
    text-align: center;
    margin: 0 auto;

  @include desk-beyond {
    width: 22em;
  }
}
*/
/* line 1435, ../../app/assets/scss/base/layout/_video.scss */
.timeslider {
  width: 10.3em;
  margin: 0 auto;
}

/* line 1440, ../../app/assets/scss/base/layout/_video.scss */
.sparqScrubberContainer {
  width: 100%;
  line-height: 0;
}
@media (min-width: 37.5em) {
  /* line 1440, ../../app/assets/scss/base/layout/_video.scss */
  .sparqScrubberContainer {
    width: 18em;
  }
}

/***********************************************

  FLOATING COMMENTS AND LIKES CODE

***********************************************/
/* line 1456, ../../app/assets/scss/base/layout/_video.scss */
.floatingcomment {
  display: none;
  position: absolute;
  left: 1em;
  bottom: 5.5em;
  background-color: #FFF;
  border-radius: 3px;
  color: #fff;
  z-index: 99;
}
@media (min-width: 37.5em) {
  /* line 1456, ../../app/assets/scss/base/layout/_video.scss */
  .floatingcomment {
    display: block;
  }
}

/* line 1470, ../../app/assets/scss/base/layout/_video.scss */
.floatinglikes {
  position: absolute;
  right: 1em;
  bottom: 3.5em;
  border-radius: 10px;
  color: #fff;
  width: 2em;
}
/* line 1477, ../../app/assets/scss/base/layout/_video.scss */
.floatinglikes i {
  font-size: 4rem;
}
@media (min-width: 37.5em) {
  /* line 1470, ../../app/assets/scss/base/layout/_video.scss */
  .floatinglikes {
    display: inline-block;
  }
}

/* line 1484, ../../app/assets/scss/base/layout/_video.scss */
.buttonoverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  outline: none;
}

/* line 1493, ../../app/assets/scss/base/layout/_video.scss */
.pageWrapper .videowrapper .contentWrapper .floatingupcommentsvg {
  position: absolute;
  left: 0;
  bottom: 5em;
}

/***********************************************

  THIS ALLOWS OUR VIDEO TO BE FIXED WITHOUT OVER OVER OUR CONTENT
  WE NEED A PARENT DIV WITH A STATIC OR FLUID POSITION BEHIND OUR
  FIXED VIDEO PLAYER

***********************************************/
@media screen and (max-width: 599px) {
  /* line 1507, ../../app/assets/scss/base/layout/_video.scss */
  .pageWrapper .blockContainer {
    position: static;
    display: block;
    height: 11em;
  }
}

/* line 1514, ../../app/assets/scss/base/layout/_video.scss */
.contentWrapper.blockContainer {
  max-height: 42em;
}
@media (min-width: 37.5em) {
  /* line 1514, ../../app/assets/scss/base/layout/_video.scss */
  .contentWrapper.blockContainer {
    display: flex;
  }
}

@media screen and (max-width: 599px) {
  /* line 1520, ../../app/assets/scss/base/layout/_video.scss */
  .pageWrapper .blockContainer .fixedContainer {
    position: fixed;
    width: 100%;
    display: inline-block;
    z-index: 9;
  }
}
@media (min-width: 37.5em) {
  /* line 1520, ../../app/assets/scss/base/layout/_video.scss */
  .pageWrapper .blockContainer .fixedContainer {
    position: relative;
    width: 100%;
    display: inline-block;
  }
}

/***********************************************

  EMPTY COMMENT PLACEHOLDER IMAGE

***********************************************/
/* line 1540, ../../app/assets/scss/base/layout/_video.scss */
.centeredemptycomment {
  padding: 5em 0;
  text-align: center;
  color: #333;
  position: relative;
  top: 2em;
}
@media (min-width: 48em) {
  /* line 1540, ../../app/assets/scss/base/layout/_video.scss */
  .centeredemptycomment {
    margin: 0;
    padding: 0;
    line-height: 4em;
    width: 100%;
    color: #333 !important;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    /* bring your own prefixes */
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
  }
}

/*-----------------------new seekatv comment bar------------------------

<div class="createComment" style="{{commentstyle}}">
    <div class="commentbar">
      <input ng-focus="textFocus()" ng-model="textComment" type="text" placeholder="Create a comment..."/>
    </div>
    <div class="commentbtn">
      <button ng-click="postClicked()" style="float: right;" class="post-comment-button" type="submit">Post</button>
    </div>
</div>

*/
/* line 1568, ../../app/assets/scss/base/layout/_video.scss */
.createComment {
  background: #ccc;
  position: fixed;
  width: 100%;
  z-index: 9;
  bottom: 0;
  display: flex;
  padding: 1em 0.5em;
}
@media (min-width: 37.5em) {
  /* line 1568, ../../app/assets/scss/base/layout/_video.scss */
  .createComment {
    z-index: 0;
    position: absolute;
  }
}

/* line 1582, ../../app/assets/scss/base/layout/_video.scss */
.createComment .commentbar {
  display: inline-block;
  /* background: #FFF; */
  width: 80%;
  padding: 0;
  margin: 0;
  margin: 0 0.3em;
}
/* line 1589, ../../app/assets/scss/base/layout/_video.scss */
.createComment .commentbar input {
  width: 100%;
  padding: 0.7em;
  height: 1em;
  padding: 0;
  margin: 0;
  /* padding: 1em; */
  /* height: 1em; */
  /* margin: 1em 0; */
  border-radius: 4px;
  /* background: none; */
  background: #FFF;
  border: none;
  padding: 1em 0.5em;
  font-size: 1.2em;
}
@media (min-width: 37.5em) {
  /* line 1582, ../../app/assets/scss/base/layout/_video.scss */
  .createComment .commentbar {
    width: 90em;
  }
}

/* line 1610, ../../app/assets/scss/base/layout/_video.scss */
.commentbtn {
  color: #FFF;
  float: right;
  cursor: pointer;
  outline: none;
  position: absolute;
  right: 0;
  margin: 1.2em;
  top: 0;
}

/***********************************************

  VIDEO PLAYER CODE WITH CONTROLS

***********************************************/
/* line 1627, ../../app/assets/scss/base/layout/_video.scss */
.pageWrapper .videowrapper .contentWrapper .uppervideocontrols .videotitlewrapper {
  position: absolute;
  top: 0;
  left: 0;
}

/* line 1632, ../../app/assets/scss/base/layout/_video.scss */
.pageWrapper .videowrapper .contentWrapper .uppervideocontrols .videotitlewrapper i,
.pageWrapper .videowrapper .contentWrapper .uppervideocontrols .videotitlewrapper h3 {
  float: left;
}

/* line 1636, ../../app/assets/scss/base/layout/_video.scss */
#wrap > div.videowrapper > div > div > div.uppervideocontrols > div.videotitlewrapper > .videotitle {
  display: block;
  font-size: 0.8em;
  position: relative;
  top: 1.2em;
  text-transform: uppercase;
  right: 1em;
}
@media (min-width: 37.5em) {
  /* line 1636, ../../app/assets/scss/base/layout/_video.scss */
  #wrap > div.videowrapper > div > div > div.uppervideocontrols > div.videotitlewrapper > .videotitle {
    display: block;
    font-size: 1.3rem;
    position: relative;
    top: 1.5em;
  }
}
@media (min-width: 75em) {
  /* line 1636, ../../app/assets/scss/base/layout/_video.scss */
  #wrap > div.videowrapper > div > div > div.uppervideocontrols > div.videotitlewrapper > .videotitle {
    top: 1.85em;
  }
}

/* line 1654, ../../app/assets/scss/base/layout/_video.scss */
.pageWrapper .videowrapper .contentWrapper .playbutton svg {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 9;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 48em) {
  /* line 1654, ../../app/assets/scss/base/layout/_video.scss */
  .pageWrapper .videowrapper .contentWrapper .playbutton svg {
    width: 8em;
    height: 8em;
  }
}

/* line 1669, ../../app/assets/scss/base/layout/_video.scss */
.pageWrapper .videowrapper .contentWrapper .playbutton svg:hover #play-button {
  fill: #F06A1D;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

/* line 1674, ../../app/assets/scss/base/layout/_video.scss */
.pageWrapper .videowrapper .contentWrapper .uppervideocontrols .thumbsupwrapper {
  position: absolute;
  top: 0;
  right: 0;
}

/* line 1682, ../../app/assets/scss/base/layout/_video.scss */
.pageWrapper .videowrapper .contentWrapper .bottomvideocontrols .pausewrapper > i,
.pageWrapper .videowrapper .contentWrapper .uppervideocontrols .thumbsupwrapper > i,
.pageWrapper .videowrapper .contentWrapper .bottomvideocontrols .sharewrapper > i {
  outline: none;
}
/* line 1685, ../../app/assets/scss/base/layout/_video.scss */
.pageWrapper .videowrapper .contentWrapper .bottomvideocontrols .pausewrapper > i:hover,
.pageWrapper .videowrapper .contentWrapper .uppervideocontrols .thumbsupwrapper > i:hover,
.pageWrapper .videowrapper .contentWrapper .bottomvideocontrols .sharewrapper > i:hover {
  color: #F06A1D;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

/* line 1690, ../../app/assets/scss/base/layout/_video.scss */
.pageWrapper .videowrapper .contentWrapper .bottomvideocontrols .pausewrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
  outline: none;
}

/* line 1697, ../../app/assets/scss/base/layout/_video.scss */
.pageWrapper .videowrapper .contentWrapper .bottomvideocontrols .sparqscrubberwrapper {
  position: absolute;
  bottom: 0;
  /* left: 50%; */
  text-align: center;
  margin: 0 auto;
  width: 100%;
}

/* line 1705, ../../app/assets/scss/base/layout/_video.scss */
.pageWrapper .videowrapper .contentWrapper .bottomvideocontrols .sharewrapper {
  position: absolute;
  bottom: 0;
  right: 0;
  outline: none;
}

/***********************************************

  FRIENDS MODULE (NOT USED RIGHT NOW)

***********************************************/
/* line 1718, ../../app/assets/scss/base/layout/_video.scss */
.friendswrapper {
  width: 100%;
  background-color: #EDEDED;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 2;
  margin-top: 1.5em;
}
@media (min-width: 37.5em) {
  /* line 1718, ../../app/assets/scss/base/layout/_video.scss */
  .friendswrapper {
    margin-top: 0;
    padding: 0 2em;
  }
}

/* line 1732, ../../app/assets/scss/base/layout/_video.scss */
.friendswrapper .friendswrapperinner i {
  float: left;
  font-size: 1em;
}
@media (min-width: 37.5em) {
  /* line 1732, ../../app/assets/scss/base/layout/_video.scss */
  .friendswrapper .friendswrapperinner i {
    font-size: 1.5em;
  }
}

/* line 1739, ../../app/assets/scss/base/layout/_video.scss */
.friendswrapper .friendswrapperinner i,
.friendswrapper .friendswrapperinner h4 {
  color: #424242;
}

/* line 1743, ../../app/assets/scss/base/layout/_video.scss */
.friendswrapper .friendswrapperinner h4 {
  font-size: 0.7em;
  color: #424242;
  font-weight: 100;
  margin-left: 0.2em;
  float: left;
}
@media (min-width: 37.5em) {
  /* line 1743, ../../app/assets/scss/base/layout/_video.scss */
  .friendswrapper .friendswrapperinner h4 {
    font-size: 1.2em;
    margin-left: 1em;
  }
}

/* line 1754, ../../app/assets/scss/base/layout/_video.scss */
.friendswrapper .friendstitle {
  width: 10em;
  height: 3em;
  float: left;
}

/* line 1759, ../../app/assets/scss/base/layout/_video.scss */
.friendswrapper .friendstitle span {
  display: inline-block;
  width: 100%;
  padding: 0.85em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 1765, ../../app/assets/scss/base/layout/_video.scss */
.friendswrapper .friendstitle span i {
  float: left;
  color: #666666;
}

/* line 1769, ../../app/assets/scss/base/layout/_video.scss */
.friendswrapper .friendstitle span h4 {
  margin-left: 2em;
  color: #666666;
  font-weight: 100;
}
@media (min-width: 37.5em) {
  /* line 1769, ../../app/assets/scss/base/layout/_video.scss */
  .friendswrapper .friendstitle span h4 {
    margin-left: 2em;
  }
}

/* line 1777, ../../app/assets/scss/base/layout/_video.scss */
.friendswrapper .friendsslider {
  max-width: 45%;
  height: 3em;
  float: right;
  overflow: hidden;
}

/* line 1783, ../../app/assets/scss/base/layout/_video.scss */
.friendswrapper .friendsslider .friendavatars {
  width: 2em;
  height: 2em;
  background-image: url("../app-content/img/account/avatars.png");
  background-size: cover;
  border-radius: 50%;
  float: right;
  margin: 0.1em;
  margin-top: 0.5em;
}

/* line 1793, ../../app/assets/scss/base/layout/_video.scss */
.friendswrapper .friendsslider .friendavatars:nth-child(odd) {
  background-image: url("../app-content/img/video/kramer.png");
  background-size: cover;
}

/* line 1797, ../../app/assets/scss/base/layout/_video.scss */
.friendswrapper .friendsslider i {
  float: right;
  margin-top: 0.7em;
  cursor: pointer;
  color: #666666;
}

/***********************************************

  THREADED COMMENTS ON VIDEO PLAYER

***********************************************/
/* line 1810, ../../app/assets/scss/base/layout/_video.scss */
.pageWrapper .contentWrapper .threadedcommentwrapper {
  margin-top: 2em;
  margin-bottom: 2em;
}
@media (min-width: 37.5em) {
  /* line 1810, ../../app/assets/scss/base/layout/_video.scss */
  .pageWrapper .contentWrapper .threadedcommentwrapper {
    margin-top: 5em;
    padding: 1.5em;
  }
}

/* line 1818, ../../app/assets/scss/base/layout/_video.scss */
.pageWrapper .contentWrapper .threadedcommentwrapper h4 {
  color: #bcbcbc;
}

/* line 1821, ../../app/assets/scss/base/layout/_video.scss */
.pageWrapper .contentWrapper .threadedcommentwrapper .threadedcomment {
  margin-right: 2em;
}

/* line 1824, ../../app/assets/scss/base/layout/_video.scss */
.pageWrapper .contentWrapper .threadedcommentwrapper .threadedcons {
  color: #edeeef;
  cursor: pointer;
  font-size: 18px;
  color: #a5a5a5;
  outline: none;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

/* line 1832, ../../app/assets/scss/base/layout/_video.scss */
.pageWrapper .contentWrapper .threadedcommentwrapper .threadedcons:hover {
  color: #F06A1D;
}

/* line 1835, ../../app/assets/scss/base/layout/_video.scss */
.pageWrapper .contentWrapper .threadedcommentwrapper .icons {
  position: absolute;
  top: 1em;
  right: 0.5em;
}

/* line 1840, ../../app/assets/scss/base/layout/_video.scss */
.pageWrapper .contentWrapper .threadedcommentwrapper .threadedchildcomment {
  margin-right: 5em;
}

/* line 1846, ../../app/assets/scss/base/layout/_video.scss */
.pageWrapper .contentWrapper .threadedcommentwrapper .threadedcomment {
  margin-right: 3em;
}

/* line 1849, ../../app/assets/scss/base/layout/_video.scss */
.pageWrapper .contentWrapper .author {
  text-transform: capitalize;
  font-size: 0.85em;
}

/* line 1853, ../../app/assets/scss/base/layout/_video.scss */
.pageWrapper .contentWrapper .threadedcommentwrapper .timestamp {
  color: #BEBEBE;
  font-size: 0.65em;
  margin: 0;
  padding: 0.1em 0;
}

/* line 1860, ../../app/assets/scss/base/layout/_video.scss */
.pageWrapper .contentWrapper .threadedcommentwrapper .threadedchildcomment,
.pageWrapper .contentWrapper .threadedcommentwrapper .threadedcomment {
  color: #545454;
}

/***********************************************

  REPLY WRAPPER

***********************************************/
/* line 1871, ../../app/assets/scss/base/layout/_video.scss */
.pageWrapper .contentWrapper .replybox {
  position: relative;
  background-color: #F7F7F7;
  margin: 1em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

/* line 1878, ../../app/assets/scss/base/layout/_video.scss */
.pageWrapper .contentWrapper .replybox input {
  border: none;
  background-color: transparent;
  padding: 0.5em 0;
  max-width: 70%;
  outline: none;
}

/* line 1886, ../../app/assets/scss/base/layout/_video.scss */
.pageWrapper .contentWrapper .replybox button {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0.7em;
  color: #545454;
  border: 2px solid #B2B2B2;
  background-color: #F0F0F0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  outline: none;
}

/* line 1897, ../../app/assets/scss/base/layout/_video.scss */
.pageWrapper .contentWrapper .replybox button i {
  float: right;
  font-size: 1em;
  position: relative;
  top: 0em;
  left: 0em;
}

/***********************************************

  CHAT CODE

***********************************************/
/* line 1911, ../../app/assets/scss/base/layout/_video.scss */
.chatboxName {
  font-family: 'Source Sans Pro', 'Helvetica', sans-serif;
}

/* line 1914, ../../app/assets/scss/base/layout/_video.scss */
.chatboxName {
  color: #9013FE;
  margin-left: 0.5em;
  font-weight: 100 !important;
  font-size: 1em;
}

/* line 1921, ../../app/assets/scss/base/layout/_video.scss */
.chatboxMessage {
  height: 50px;
}

/* line 1924, ../../app/assets/scss/base/layout/_video.scss */
#chat-messages {
  margin-top: 0.5em;
  overflow-x: hidden;
}

/* line 1928, ../../app/assets/scss/base/layout/_video.scss */
#chat-messages .chatrow {
  padding: 0;
}

/* line 1931, ../../app/assets/scss/base/layout/_video.scss */
.chatContainer {
  outline: none;
  position: absolute;
  width: 100%;
  max-width: 1700px;
}

/* line 1937, ../../app/assets/scss/base/layout/_video.scss */
.chatboxMessageLine {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* line 1942, ../../app/assets/scss/base/layout/_video.scss */
.chatbox {
  overflow-y: scroll;
  border-radius: 5px;
  min-height: 400px;
  overflow-x: hidden;
  margin-top: 4em;
  border-radius: 0;
  margin-bottom: 3em;
  max-height: 400px;
  padding-top: 0.5em;
}
@media (min-width: 37.5em) {
  /* line 1942, ../../app/assets/scss/base/layout/_video.scss */
  .chatbox {
    max-height: 600px;
    margin-top: 0;
  }
}

/* line 1957, ../../app/assets/scss/base/layout/_video.scss */
.chatInputWrapper {
  background: #EEEEEE;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2.8em;
}
@media (min-width: 37.5em) {
  /* line 1957, ../../app/assets/scss/base/layout/_video.scss */
  .chatInputWrapper {
    position: absolute;
    bottom: 0.2em;
  }
}

/* line 1969, ../../app/assets/scss/base/layout/_video.scss */
.chatInput {
  border-radius: 2px;
  background: #F1F1F1;
  border: none;
  padding: 1em;
  outline: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0;
  background: #FFF;
  border-radius: 0;
  border: 2px solid #DEDEDE;
  margin: 0 auto;
  width: 93%;
  margin-bottom: 0.3em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 37.5em) {
  /* line 1969, ../../app/assets/scss/base/layout/_video.scss */
  .chatInput {
    position: absolute;
  }
}

/* line 1991, ../../app/assets/scss/base/layout/_video.scss */
.emojis {
  position: absolute;
  right: 1em;
  /* bottom: 0.9em; */
  color: #939393;
  font-size: 1.7em !important;
  cursor: pointer;
  top: 0.35em;
}
@media (min-width: 37.5em) {
  /* line 1991, ../../app/assets/scss/base/layout/_video.scss */
  .emojis {
    right: 1.5em;
  }
}

/* line 2004, ../../app/assets/scss/base/layout/_video.scss */
.chatbox#chat::-webkit-scrollbar {
  width: 12px;
}

/* Handle */
/* line 2009, ../../app/assets/scss/base/layout/_video.scss */
.chatbox#chat::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #4A90E2;
  -webkit-box-shadow: inset 0 0 6px #4A90E2;
}

/* line 2016, ../../app/assets/scss/base/layout/_video.scss */
.chatTitle {
  text-align: center;
  margin-bottom: 5px;
}

/***********************************************

This used to work for parent element of button divs
But it is not enough now, below dont hide play button parent div

***********************************************/
/* line 2028, ../../app/assets/scss/base/layout/_video.scss */
*::-webkit-media-controls-panel {
  display: none !important;
  -webkit-appearance: none;
}

/* Old shadow dom for play button */
/* line 2035, ../../app/assets/scss/base/layout/_video.scss */
*::--webkit-media-controls-play-button {
  display: none !important;
  -webkit-appearance: none;
}

/* New shadow dom for play button */
/* This one works */
/* line 2044, ../../app/assets/scss/base/layout/_video.scss */
*::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
}

/* line 2049, ../../app/assets/scss/base/layout/_video.scss */
.ytp-play-button {
  fill: #fff;
  opacity: 0.85;
  outline: none;
  border: 3px solid #FFF;
  display: inline-flex;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  /* bring your own prefixes */
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

/* line 2059, ../../app/assets/scss/base/layout/_video.scss */
.ytp-play-button:hover {
  cursor: pointer;
  opacity: 1;
}

/* line 1, ../../app/assets/scss/base/layout/_player.scss */
.seekavidcntr .seekavidinner {
  background: black;
  margin: 0 auto;
  width: 100%;
  display: inherit;
}
@media (min-width: 48em) {
  /* line 1, ../../app/assets/scss/base/layout/_player.scss */
  .seekavidcntr .seekavidinner {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    /* bring your own prefixes */
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    min-height: 38vw;
    max-height: 38vw;
    max-width: 95vw;
  }
}
@media screen and (max-width: 1065px) {
  /* line 1, ../../app/assets/scss/base/layout/_player.scss */
  .seekavidcntr .seekavidinner {
    min-height: 17.5em;
    max-width: 54.8em;
  }
}

/* line 21, ../../app/assets/scss/base/layout/_player.scss */
.seekavidcntr .seekavidinner .seekatheplayerbackdropformobile {
  width: 100vw;
  float: left;
  background: transparent;
  position: static;
  z-index: 9;
  display: block;
  height: 57vw;
}
@media (min-width: 48em) {
  /* line 21, ../../app/assets/scss/base/layout/_player.scss */
  .seekavidcntr .seekavidinner .seekatheplayerbackdropformobile {
    display: none;
  }
}

/* line 34, ../../app/assets/scss/base/layout/_player.scss */
.seekavidcntr .seekavidinner .seekatheplayer {
  width: 100vw;
  float: left;
  background: black;
  position: fixed;
  z-index: 10;
  overflow-y: auto;
  overflow-y: hidden;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
}
@media (min-width: 48em) {
  /* line 34, ../../app/assets/scss/base/layout/_player.scss */
  .seekavidcntr .seekavidinner .seekatheplayer {
    background: black;
    position: relative;
    min-height: 10em;
    width: 100vw;
    z-index: 15;
    overflow: visible;
    overflow: initial;
  }
}

/* line 57, ../../app/assets/scss/base/layout/_player.scss */
.seekavidcntr .seekavidinner .seekathecomments {
  width: 100%;
  float: left;
  background: #EAEAEA;
  color: #4D4D4F;
  text-align: left;
  position: static;
  display: block;
  height: 100vh;
}
@media (min-width: 37.5em) {
  /* line 57, ../../app/assets/scss/base/layout/_player.scss */
  .seekavidcntr .seekavidinner .seekathecomments {
    height: auto;
    position: relative;
  }
}
@media screen and (max-width: 1065px) {
  /* line 57, ../../app/assets/scss/base/layout/_player.scss */
  .seekavidcntr .seekavidinner .seekathecomments {
    min-width: 352px;
  }
}
@media (min-width: 48em) {
  /* line 57, ../../app/assets/scss/base/layout/_player.scss */
  .seekavidcntr .seekavidinner .seekathecomments {
    width: 41vw;
    min-height: 10em;
    overflow-y: scroll;
  }
}

@media (min-width: 550px) and (max-width: 768px) and (min-height: 0px) and (max-height: 500px) {
  /* line 82, ../../app/assets/scss/base/layout/_player.scss */
  .scroll_cue {
    display: block;
  }

  /* line 85, ../../app/assets/scss/base/layout/_player.scss */
  .landscapeControlsBot, .landscapeControlsTop {
    display: inline-block;
  }

  /* line 88, ../../app/assets/scss/base/layout/_player.scss */
  .centerMe {
    position: fixed;
  }

  /* line 91, ../../app/assets/scss/base/layout/_player.scss */
  .videoToolbarTop, .videoToolbarBottom, .thebottomFixed {
    display: none;
  }

  /* line 94, ../../app/assets/scss/base/layout/_player.scss */
  .seekavidcntr .seekavidinner .seekatheplayer {
    width: 101vw;
    height: 100vh;
    position: absolute;
    z-index: 10;
    float: none;
    max-height: none;
    overflow-x: hidden;
    overflow: default;
  }
}
/* line 1, ../../app/assets/scss/base/layout/_watchparty.scss */
.hasWPicon::before {
  content: url("../app-content/img/icons/customicons/blueCreateWatchParty.svg");
  width: 1em;
  height: 1em;
  margin-right: 1em;
  position: relative;
  top: 0.1em;
}

/* line 10, ../../app/assets/scss/base/layout/_watchparty.scss */
.createwatchpartyelements {
  cursor: pointer;
  outline: none;
}

/* line 12, ../../app/assets/scss/base/layout/_watchparty.scss */
.containedImage {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  margin: 0 1em;
  height: 4em;
  width: 6.5em;
  cursor: pointer;
  outline: none;
}

/* line 23, ../../app/assets/scss/base/layout/_watchparty.scss */
.watchPartBoxTitle {
  border-bottom: 1px solid #CCC;
}

/* line 27, ../../app/assets/scss/base/layout/_watchparty.scss */
.watchPartyImage {
  max-width: 100px;
  max-height: 56px;
  height: auto;
  width: auto;
}

/* line 35, ../../app/assets/scss/base/layout/_watchparty.scss */
.homeWatchPartyImageBlocker {
  position: absolute;
  width: 100px;
  height: 56px;
  color: #fff;
}

/* line 42, ../../app/assets/scss/base/layout/_watchparty.scss */
.homeWatchPartyImageBlocker .blocker {
  position: absolute;
  width: 100px;
  height: 56px;
  background: #4D4D4F;
  opacity: .5;
  top: 0;
  left: 0;
}

/* line 52, ../../app/assets/scss/base/layout/_watchparty.scss */
.homeWatchPartyImageBlocker .text {
  position: absolute;
  width: 100%;
  z-index: 100;
  text-align: center;
  color: #fff;
  word-spacing: 200px;
  text-transform: uppercase;
  top: 6px;
  font-weight: bold;
}

/* line 64, ../../app/assets/scss/base/layout/_watchparty.scss */
.homeWatchPartyImageBlockerStarted {
  position: absolute;
  width: 100px;
  height: 56px;
  color: #fff;
}

/* line 71, ../../app/assets/scss/base/layout/_watchparty.scss */
.homeWatchPartyImageBlockerStarted .blocker {
  position: absolute;
  width: 100px;
  height: 56px;
  background: #0071CE;
  opacity: .7;
  top: 0;
}

/* line 80, ../../app/assets/scss/base/layout/_watchparty.scss */
.homeWatchPartyImageBlockerStarted .text {
  position: absolute;
  width: 100%;
  z-index: 100;
  text-align: center;
  color: #fff;
  word-spacing: 200px;
  text-transform: uppercase;
  top: 7px;
  /* font-weight: bold; */
  font-size: 2em;
}

/* line 93, ../../app/assets/scss/base/layout/_watchparty.scss */
.homeInvitationBorder {
  border: 1px solid #CCC;
  border-radius: 2px;
  color: #333;
  font-size: 1.4em;
}

/* line 100, ../../app/assets/scss/base/layout/_watchparty.scss */
.homeInvitationBorderRight {
  border-right: 1px solid #CCC;
}

/* line 104, ../../app/assets/scss/base/layout/_watchparty.scss */
.homeInvitationBox {
  text-align: center;
  cursor: pointer;
}

/* line 109, ../../app/assets/scss/base/layout/_watchparty.scss */
.homeInvitationBoxMargin {
  margin: 5px;
  font-weight: 100;
  text-shadow: none;
}

/* line 116, ../../app/assets/scss/base/layout/_watchparty.scss */
.createEvent {
  max-width: 560px;
  margin: auto;
  padding: 0;
}

/* line 122, ../../app/assets/scss/base/layout/_watchparty.scss */
.createEvent md-card-header {
  min-height: 200px;
  padding: 1em;
  border: 1px solid gainsboro;
  margin: 1em;
  border-radius: 3px;
}

/* line 130, ../../app/assets/scss/base/layout/_watchparty.scss */
.cardHeaderAvatar {
  width: 34px;
  height: 34px;
  border-radius: 50%;
}

/* line 136, ../../app/assets/scss/base/layout/_watchparty.scss */
.createEvent md-card-header-text {
  max-height: none;
}

/* line 140, ../../app/assets/scss/base/layout/_watchparty.scss */
.createEvent #title {
  font-size: 18px;
  color: #707070;
  font-weight: bolder;
}

/* line 146, ../../app/assets/scss/base/layout/_watchparty.scss */
.createEvent #subtitle1 {
  font-size: 18px;
  color: #C7C7C7;
}

/* line 151, ../../app/assets/scss/base/layout/_watchparty.scss */
.createEvent #subtitle2 {
  color: rgba(0, 0, 0, 0.64);
  width: 100%;
  text-align: center;
  /* margin-top: 10px; */
  margin-bottom: 10px;
  font-size: 1.5em;
}

/* line 160, ../../app/assets/scss/base/layout/_watchparty.scss */
.createEventHeaderButton, .createEvent #headerButtonOrange, .createEvent #headerButtonBlue {
  align: center;
  height: 165px;
  outline: none;
}

/* line 165, ../../app/assets/scss/base/layout/_watchparty.scss */
.createEventHeaderButton:hover, .createEvent #headerButtonOrange:hover, .createEvent #headerButtonBlue:hover {
  background-color: #eaeaea;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

/* line 170, ../../app/assets/scss/base/layout/_watchparty.scss */
.createEventHeaderIconButton, .createEvent #headerButtonIconOrange, .createEvent #headerButtonIconBlue {
  width: 45px;
  height: 45px;
  border-radius: 50%;
}

/* line 176, ../../app/assets/scss/base/layout/_watchparty.scss */
.createEventHeaderText, .createEvent #headerButtonTextOrange, .createEvent #headerButtonTextBlue {
  font-size: 28px;
  font-weight: bolder;
}

/* line 181, ../../app/assets/scss/base/layout/_watchparty.scss */
.createEvent #headerButtonOrange {
  background-color: #fff;
}

/* line 186, ../../app/assets/scss/base/layout/_watchparty.scss */
.createEvent #headerButtonIconOrange {
  color: #F06A1D;
}
/* line 189, ../../app/assets/scss/base/layout/_watchparty.scss */
.createEvent #headerButtonIconOrange i {
  font-size: 2em;
}

/* line 194, ../../app/assets/scss/base/layout/_watchparty.scss */
.createEvent #headerButtonTextOrange {
  color: #F06A1D;
  text-transform: initial;
  margin-top: 0.5em;
  font-weight: 400;
}

/* line 202, ../../app/assets/scss/base/layout/_watchparty.scss */
.createEvent #headerButtonBlue {
  background-color: #fff;
  color: #2C9FE5;
}
/* line 206, ../../app/assets/scss/base/layout/_watchparty.scss */
.createEvent #headerButtonBlue i {
  font-size: 2em;
}

/* line 211, ../../app/assets/scss/base/layout/_watchparty.scss */
.createEvent #headerButtonIconBlue {
  color: #2C9FE5;
}

/* line 216, ../../app/assets/scss/base/layout/_watchparty.scss */
.createEvent #headerButtonTextBlue {
  color: #2C9FE5;
  text-transform: initial;
  margin-top: 0.5em;
  font-weight: 400;
}

/* line 224, ../../app/assets/scss/base/layout/_watchparty.scss */
.createEvent #cardContentActions {
  padding-bottom: 3em;
}

/* line 228, ../../app/assets/scss/base/layout/_watchparty.scss */
.createEvent #cardContentActions .watchpartyfooterbuttons {
  margin: 2px 2px 2px 2px;
  background-color: #F4F4F4;
  padding: 0.5em;
}

/* line 234, ../../app/assets/scss/base/layout/_watchparty.scss */
.cardContentRowSection {
  margin-top: 20px;
}

/* line 238, ../../app/assets/scss/base/layout/_watchparty.scss */
.createEvent label {
  font-size: 18px;
  color: #4A4A4A;
  text-align: left;
}

/* line 244, ../../app/assets/scss/base/layout/_watchparty.scss */
.createEventInputBox, .createEvent md-select, .createEvent md-autocomplete, .createEvent md-list-item input, .sparqDateTimePicker {
  height: 32px;
  border-style: solid;
  border-width: 1px;
  border-color: #DADADA;
  margin-top: 2px;
  margin-right: 0px;
  margin-bottom: 2px;
  margin-left: 0px;
  text-align: center;
  font-size: 14px;
  color: #4A4A4A;
}

/* line 258, ../../app/assets/scss/base/layout/_watchparty.scss */
.createEventEndDate {
  font-size: 14px;
  text-align: center;
}

/* line 271, ../../app/assets/scss/base/layout/_watchparty.scss */
.createEvent md-autocomplete md-autocomplete-wrap {
  height: 32px;
}

/* line 275, ../../app/assets/scss/base/layout/_watchparty.scss */
.createEvent #remindersSection md-list-item {
  min-height: 32px;
  padding: 0px 0px 0px 0px;
}

/* line 280, ../../app/assets/scss/base/layout/_watchparty.scss */
.createEvent md-list-item input {
  margin-right: 10px;
}

/* line 285, ../../app/assets/scss/base/layout/_watchparty.scss */
.createEvent md-list-item md-icon {
  height: 32px;
  position: relative;
  margin-top: 2px;
  margin-right: 5px;
  margin-bottom: 2px;
  margin-left: 5px;
}

/* line 294, ../../app/assets/scss/base/layout/_watchparty.scss */
.listItemAvatar {
  width: 2rem;
  height: 2rem;
  display: inline;
  vertical-align: middle;
  border-radius: 50%;
  margin: 0 0 0 .33em;
  background: url("../app-content/img/account/avatars.png") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
@media (min-width: 37.5em) {
  /* line 294, ../../app/assets/scss/base/layout/_watchparty.scss */
  .listItemAvatar {
    background: url("../app-content/img/account/avatars.png") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
}

/* line 304, ../../app/assets/scss/base/layout/_watchparty.scss */
#opencomments {
  float: right;
  margin: 1em;
}

/* line 309, ../../app/assets/scss/base/layout/_watchparty.scss */
.statusmessage {
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 26px;
  padding: 10px;
  background-color: rgba(0, 113, 206, 0.9);
}
@media (min-width: 48em) {
  /* line 309, ../../app/assets/scss/base/layout/_watchparty.scss */
  .statusmessage {
    top: 3em;
    right: 10%;
  }
}

/* line 323, ../../app/assets/scss/base/layout/_watchparty.scss */
.statusmessage > div {
  display: inline-block;
}

/* line 327, ../../app/assets/scss/base/layout/_watchparty.scss */
.statusmessage > div > * {
  vertical-align: middle;
  display: inline-block;
  cursor: initial;
}

/* line 333, ../../app/assets/scss/base/layout/_watchparty.scss */
.seekaplayerpauseplayimgs.material-icons,
.seekaplayerpauseplayimgs.material-icons > .material-icons {
  font-size: 60px;
  color: white;
}

/* line 339, ../../app/assets/scss/base/layout/_watchparty.scss */
.seekaplayerpauseplayimgs {
  vertical-align: middle;
}

/* line 347, ../../app/assets/scss/base/layout/_watchparty.scss */
.sparqDateTimePicker label {
  display: none;
}

/* line 351, ../../app/assets/scss/base/layout/_watchparty.scss */
.sparqDateTimePicker input {
  text-align: center;
}

/* line 355, ../../app/assets/scss/base/layout/_watchparty.scss */
.material-icons.green {
  color: #6BB71D;
}

/* line 359, ../../app/assets/scss/base/layout/_watchparty.scss */
.material-icons.red {
  color: #C86471;
}

/* line 363, ../../app/assets/scss/base/layout/_watchparty.scss */
.material-icons.white {
  color: white;
  display: inline-block;
  vertical-align: middle;
}

/* line 369, ../../app/assets/scss/base/layout/_watchparty.scss */
.material-icons.circularBorder {
  border-style: solid;
  border-width: 2px;
  border-color: #DADADA;
  border-radius: 50%;
  display: inline;
}

/* line 381, ../../app/assets/scss/base/layout/_watchparty.scss */
.chatBubble {
  border-radius: 8px;
  padding: 1em;
}

/* line 386, ../../app/assets/scss/base/layout/_watchparty.scss */
.othersBubble {
  background-color: white;
}

/* line 390, ../../app/assets/scss/base/layout/_watchparty.scss */
.othersBubble::before {
  content: url("../app-content/img/video/white_comment_stem.svg");
  width: auto;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 2.8em;
  padding-left: 16px;
}

/* line 400, ../../app/assets/scss/base/layout/_watchparty.scss */
.myBubble {
  background-color: #0071CE;
  color: white;
}

/* line 405, ../../app/assets/scss/base/layout/_watchparty.scss */
.myBubble::before {
  content: url("../app-content/img/video/blue_comment_stem.svg");
  width: auto;
  height: auto;
  position: absolute;
  bottom: 0;
  right: 1.5em;
}

/* line 414, ../../app/assets/scss/base/layout/_watchparty.scss */
.chatMsg {
  padding: 0;
}

/* line 418, ../../app/assets/scss/base/layout/_watchparty.scss */
.chatMsg .desknotiheader {
  padding: .5em 0;
  color: #909091 !important;
}

/* line 423, ../../app/assets/scss/base/layout/_watchparty.scss */
.chatAvatar {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

/* line 430, ../../app/assets/scss/base/layout/_watchparty.scss */
.chatAvatar > img.desknotiimg {
  position: absolute;
  bottom: 0;
  left: 16px;
  width: 32px !important;
  height: 32px !important;
}

/* line 438, ../../app/assets/scss/base/layout/_watchparty.scss */
.avatarPlaceholder {
  height: 32px;
  width: 32px;
  margin-right: 16px;
}

/* line 444, ../../app/assets/scss/base/layout/_watchparty.scss */
.franchiseSeasonEp {
  font-size: 14px;
  word-break: break-word;
  max-width: 95%;
}

/* line 450, ../../app/assets/scss/base/layout/_watchparty.scss */
.friendList {
  font-size: 14px;
  display: inline-block;
  height: 3em;
  margin-top: 1em;
}

/* line 457, ../../app/assets/scss/base/layout/_watchparty.scss */
.friendList > .material-icons {
  font-size: 19px;
  margin-right: .5em;
}

/* line 462, ../../app/assets/scss/base/layout/_watchparty.scss */
.friendList > * {
  vertical-align: middle;
  display: inline-block;
}

/* line 467, ../../app/assets/scss/base/layout/_watchparty.scss */
.watchparty .exitCommentModeIcon {
  margin: .33em;
  font-size: 20px;
}

/* line 472, ../../app/assets/scss/base/layout/_watchparty.scss */
.chat-area {
  font-size: 12px;
  line-height: 16px;
}

/* line 477, ../../app/assets/scss/base/layout/_watchparty.scss */
.watchPartyBottomFixed > * {
  display: inline-block;
}

/* line 481, ../../app/assets/scss/base/layout/_watchparty.scss */
div.seekathecomments.watchparty {
  position: absolute !important;
  top: 57vw;
  bottom: 0;
  display: inline;
}
@media (min-width: 37.5em) {
  /* line 481, ../../app/assets/scss/base/layout/_watchparty.scss */
  div.seekathecomments.watchparty {
    position: relative !important;
    top: 0;
  }
}

/* line 492, ../../app/assets/scss/base/layout/_watchparty.scss */
.watchparty#writecommentinfullscreen {
  width: 60vw;
}

/* line 5, ../../app/assets/scss/base/layout/_tips.scss */
input.tipinputs::-webkit-input-placeholder {
  color: #4D4D4F;
}

/* line 9, ../../app/assets/scss/base/layout/_tips.scss */
input.tipinputs:-moz-placeholder {
  /* Firefox 18- */
  color: #4D4D4F;
}

/* line 13, ../../app/assets/scss/base/layout/_tips.scss */
input.tipinputs::-moz-placeholder {
  /* Firefox 19+ */
  color: #4D4D4F;
}

/* line 17, ../../app/assets/scss/base/layout/_tips.scss */
input.tipinputs:-ms-input-placeholder {
  color: #4D4D4F;
}

/* line 22, ../../app/assets/scss/base/layout/_tips.scss */
input.carddata::-webkit-input-placeholder,
input.seventypercentcarddata::-webkit-input-placeholder,
input.thirtypercentcarddata::-webkit-input-placeholder {
  color: #cecece;
}

/* line 28, ../../app/assets/scss/base/layout/_tips.scss */
input.carddata:-moz-placeholder,
input.seventypercentcarddata:-moz-placeholder,
input.thirtypercentcarddata:-moz-placeholder {
  /* Firefox 18- */
  color: #cecece;
}

/* line 34, ../../app/assets/scss/base/layout/_tips.scss */
input.carddata::-moz-placeholder,
input.seventypercentcarddata::-moz-placeholder,
input.thirtypercentcarddata::-moz-placeholder {
  /* Firefox 19+ */
  color: #cecece;
}

/* line 40, ../../app/assets/scss/base/layout/_tips.scss */
input.carddata:-ms-input-placeholder,
input.seventypercentcarddata:-ms-input-placeholder,
input.thirtypercentcarddata:-ms-input-placeholder {
  color: #cecece;
}

/* line 46, ../../app/assets/scss/base/layout/_tips.scss */
input.formInvalid::-webkit-input-placeholder {
  color: red;
}

/* line 50, ../../app/assets/scss/base/layout/_tips.scss */
span.tipwrap {
  /* style this span element so we can display nicely, this stlying is not neccessary */
  display: block;
  width: 100%;
  font-size: 1.2em;
}

/* line 57, ../../app/assets/scss/base/layout/_tips.scss */
span.tipwrap .carddata {
  width: 100%;
}

/* line 61, ../../app/assets/scss/base/layout/_tips.scss */
span.tipwrap .seventypercentcarddata {
  width: 65%;
  float: left;
}

/* line 66, ../../app/assets/scss/base/layout/_tips.scss */
span.tipwrap .thirtypercentcarddata {
  width: 30%;
  float: right;
}

/* line 71, ../../app/assets/scss/base/layout/_tips.scss */
span.tipwrap .carddata,
span.tipwrap .seventypercentcarddata,
span.tipwrap .thirtypercentcarddata {
  padding: 0.8em;
  border: 1.5px solid #cecece;
  margin: 1.35em 0 0 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  outline: none;
}

/* line 81, ../../app/assets/scss/base/layout/_tips.scss */
span.tipwrap .carddata:focus,
span.tipwrap .seventypercentcarddata:focus,
span.tipwrap .thirtypercentcarddata:focus {
  border: 1.5px solid #4D4D4F;
  color: #4D4D4F;
}

/* line 88, ../../app/assets/scss/base/layout/_tips.scss */
.submittip {
  background: #0071CE;
  border: none;
  padding: 1em;
  color: white;
  width: 100%;
  text-align: center;
  margin: 1.35em 0 0 0;
  text-transform: uppercase;
  outline: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
/* line 98, ../../app/assets/scss/base/layout/_tips.scss */
.submittip:disabled {
  background: #C2C2C4;
}

/* line 104, ../../app/assets/scss/base/layout/_tips.scss */
input.radioso[type="radio"],
input.radioso[type="checkbox"] {
  /* hide the inputs */
  opacity: 0;
}

/* style your lables/button */
/* line 111, ../../app/assets/scss/base/layout/_tips.scss */
input.radioso[type="radio"] + label,
input.radioso[type="radio"] + input.tipinputs, input.tipinputs {
  /* keep pointer so that you get the little hand showing when you are on a button */
  cursor: pointer;
  /* the following are the styles */
  padding: 0.8em;
  background: #efefef;
  color: #4D4D4F;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  display: block;
  text-align: center;
}

/* line 124, ../../app/assets/scss/base/layout/_tips.scss */
input.radioso[type="radio"]:checked + label,
input.radioso[type="radio"]:checked + input.tipinputs {
  /* style for the checked/selected state */
  background: #4D4D4F;
  color: #FFF;
  display: block;
  text-align: center;
}

/* line 133, ../../app/assets/scss/base/layout/_tips.scss */
input.tipinputs {
  width: 100%;
  border: 0;
  color: #4D4D4F;
}

/* line 1, ../../app/assets/scss/base/layout/_dashboard.scss */
.dashCntr {
  border-bottom: 1px solid gainsboro;
}

/* line 4, ../../app/assets/scss/base/layout/_dashboard.scss */
.mobileProfileMain {
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

/* line 8, ../../app/assets/scss/base/layout/_dashboard.scss */
.profileMargin {
  background: #ffffff;
  margin: 1em 0;
}

/*
new centered profile photo image. the angular material layout wasn't working
correctly in safari nad firefox. guess we have to go old school
*/
/* line 16, ../../app/assets/scss/base/layout/_dashboard.scss */
.makeBoxShadow {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

/* line 19, ../../app/assets/scss/base/layout/_dashboard.scss */
.SEVENinthecenter {
  width: 100%;
  background: transparent;
  padding: 0.5em;
  display: inline-block;
  text-align: center;
  position: absolute;
  z-index: 11;
  margin-top: -5.5em;
}

/* line 29, ../../app/assets/scss/base/layout/_dashboard.scss */
.SEVENinthecenter .SEVENtheimg {
  width: 7em;
  height: 7em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background: url("../app-content/img/admin/seekaOrange.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: inline-block;
  text-align: center;
  margin: 0 auto;
  border: 2px solid #FFF;
  position: relative;
  z-index: 5;
}
@media (min-width: 37.5em) {
  /* line 29, ../../app/assets/scss/base/layout/_dashboard.scss */
  .SEVENinthecenter .SEVENtheimg {
    background: url("../app-content/img/admin/seekaOrange.jpg") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
}

/* line 42, ../../app/assets/scss/base/layout/_dashboard.scss */
.mycontent {
  display: none;
}

/* line 46, ../../app/assets/scss/base/layout/_dashboard.scss */
.dashboardicons {
  width: 100%;
  text-align: center;
  width: 100%;
  display: inline-flex;
  vertical-align: middle;
}

/* line 54, ../../app/assets/scss/base/layout/_dashboard.scss */
.currentdashtab {
  width: 100%;
  margin: 0;
  padding: 0;
  display: inline-block;
}

/* line 61, ../../app/assets/scss/base/layout/_dashboard.scss */
.loaded {
  display: block;
}

/* line 64, ../../app/assets/scss/base/layout/_dashboard.scss */
.badge {
  float: left;
  text-align: center;
  margin: 0 auto;
  padding: 1em;
  width: 50%;
}
@media (min-width: 37.5em) {
  /* line 64, ../../app/assets/scss/base/layout/_dashboard.scss */
  .badge {
    width: 33.3333%;
  }
}
@media (min-width: 48em) {
  /* line 64, ../../app/assets/scss/base/layout/_dashboard.scss */
  .badge {
    width: auto;
  }
}

/* line 78, ../../app/assets/scss/base/layout/_dashboard.scss */
.badge > div p ~ small {
  margin-top: -1.2em;
  display: inherit;
}

/* line 82, ../../app/assets/scss/base/layout/_dashboard.scss */
.bdgectnr {
  display: inline-flex;
  width: 100%;
  width: initial;
  break-inside: initial;
  display: block;
}

/* line 90, ../../app/assets/scss/base/layout/_dashboard.scss */
.friendsBorder {
  /* background: azure; */
  /* border-collapse: separate; */
  border: 1px solid #909091;
  color: #909091;
  padding: 0.05em 0.8em;
  position: relative;
  left: 1em;
  border-radius: 3px;
}

/* line 101, ../../app/assets/scss/base/layout/_dashboard.scss */
.dashupper h1, .publicProfileNSIDashupperMobile h1, .publicProfileNSIDashupperDesktop h1 {
  text-transform: capitalize;
}

/* line 105, ../../app/assets/scss/base/layout/_dashboard.scss */
.dashupper *, .publicProfileNSIDashupperMobile *, .publicProfileNSIDashupperDesktop * {
  text-align: center;
}

/* line 109, ../../app/assets/scss/base/layout/_dashboard.scss */
.dashupper ~ .dashdata, .publicProfileNSIDashupperMobile ~ .dashdata, .publicProfileNSIDashupperDesktop ~ .dashdata {
  position: relative;
  right: 1em;
  padding: 0 1em;
  margin: 0 0 1em 0;
}
@media (min-width: 37.5em) {
  /* line 109, ../../app/assets/scss/base/layout/_dashboard.scss */
  .dashupper ~ .dashdata, .publicProfileNSIDashupperMobile ~ .dashdata, .publicProfileNSIDashupperDesktop ~ .dashdata {
    position: relative;
    right: 0;
  }
}

/* line 119, ../../app/assets/scss/base/layout/_dashboard.scss */
.dashupper ~ .dashdata > div:not(:last-child), .publicProfileNSIDashupperMobile ~ .dashdata > div:not(:last-child), .publicProfileNSIDashupperDesktop ~ .dashdata > div:not(:last-child) {
  border-right: 1px solid #C2C2C4;
}

/* line 123, ../../app/assets/scss/base/layout/_dashboard.scss */
.dashupper ~ .dashdata > div p, .publicProfileNSIDashupperMobile ~ .dashdata > div p, .publicProfileNSIDashupperDesktop ~ .dashdata > div p {
  text-align: center;
  padding: 0 0.5em;
  font-size: 0.85rem;
  line-height: 15px;
  width: 5.5em;
  margin: 0 auto;
}
@media (min-width: 37.5em) {
  /* line 123, ../../app/assets/scss/base/layout/_dashboard.scss */
  .dashupper ~ .dashdata > div p, .publicProfileNSIDashupperMobile ~ .dashdata > div p, .publicProfileNSIDashupperDesktop ~ .dashdata > div p {
    width: auto;
  }
}

/* line 135, ../../app/assets/scss/base/layout/_dashboard.scss */
.dashupper ~ .dashdata > div:last-child p, .publicProfileNSIDashupperMobile ~ .dashdata > div:last-child p, .publicProfileNSIDashupperDesktop ~ .dashdata > div:last-child p {
  text-align: left;
  color: #F5A832;
  line-height: 15px;
}

/* line 141, ../../app/assets/scss/base/layout/_dashboard.scss */
.dashupper ~ .dashdata:nth-child(3n), .publicProfileNSIDashupperMobile ~ .dashdata:nth-child(3n), .publicProfileNSIDashupperDesktop ~ .dashdata:nth-child(3n) {
  width: 100%;
  padding: 0;
  border-top: 1px solid #C2C2C4;
  position: static;
}

/* line 148, ../../app/assets/scss/base/layout/_dashboard.scss */
.dashupper ~ .dashdata:nth-child(3n) div, .publicProfileNSIDashupperMobile ~ .dashdata:nth-child(3n) div, .publicProfileNSIDashupperDesktop ~ .dashdata:nth-child(3n) div {
  width: 33.3333%;
  display: inline-block;
  text-align: center;
}

/* line 154, ../../app/assets/scss/base/layout/_dashboard.scss */
.contribRating {
  width: 1em;
  height: 1em;
  background: firebrick;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

/* line 161, ../../app/assets/scss/base/layout/_dashboard.scss */
.dashupper p, .publicProfileNSIDashupperMobile p, .publicProfileNSIDashupperDesktop p {
  margin-top: -1em;
}

/* line 165, ../../app/assets/scss/base/layout/_dashboard.scss */
.dashupper p:after, .publicProfileNSIDashupperMobile p:after, .publicProfileNSIDashupperDesktop p:after {
  content: url("../app-content/img/icons/customicons/dashedit.svg");
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  /*--adjust as necessary--*/
  height: 10px;
  width: 10px;
  padding-left: 0.35em;
  position: relative;
}

/* line 177, ../../app/assets/scss/base/layout/_dashboard.scss */
.containerz {
  width: 100%;
  padding-top: 0;
  display: flex;
  justify-content: center;
}

/* line 184, ../../app/assets/scss/base/layout/_dashboard.scss */
.outer .dashcontainer {
  border-top: 1px solid #C2C2C4;
  border-bottom: 1px solid #C2C2C4;
}

/* line 189, ../../app/assets/scss/base/layout/_dashboard.scss */
.outer .dashUpperContainer {
  border-top: 1px solid #C2C2C4;
  border-bottom: none;
}

/* line 194, ../../app/assets/scss/base/layout/_dashboard.scss */
.containerz > div {
  width: 100%;
  padding: 1em;
  text-align: center;
  line-height: 20px;
  display: block;
  z-index: 10;
}

/* about
.containerz > div:first-child {
  background: url('../app-content/img/icons/dashboardicons/about.svg') no-repeat;
  background-position:center top;
  text-align: center;
}

.containerz > div:nth-child(2) {
  background: url('../app-content/img/icons/dashboardicons/comments.svg') no-repeat;
  background-position:center top;
  text-align: center;
}

.containerz > div:nth-child(3) {
  background: url('../app-content/img/icons/dashboardicons/viewed.svg') no-repeat;
  background-position:center top;
  text-align: center;
}

.containerz > div:nth-child(4) {
  background: url('../app-content/img/icons/dashboardicons/settings.svg') no-repeat;
  background-position:center top;
  text-align: center;
}
*/
/* line 229, ../../app/assets/scss/base/layout/_dashboard.scss */
.threesButtons {
  width: 20%;
  cursor: pointer;
  outline: none;
}

/* line 235, ../../app/assets/scss/base/layout/_dashboard.scss */
.selectedStyle {
  /* don't use important! :) - just for example simplicity */
  color: #0071CE;
}

/* line 242, ../../app/assets/scss/base/layout/_dashboard.scss */
.ings {
  display: flex;
  position: relative;
  top: 0.25em;
}
@media (min-width: 48em) {
  /* line 242, ../../app/assets/scss/base/layout/_dashboard.scss */
  .ings {
    text-align: center;
    width: 100%;
  }
}

/* line 251, ../../app/assets/scss/base/layout/_dashboard.scss */
.ingsimg {
  width: 1.2em;
  height: 1.2em;
  background: #F5A832;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  float: left;
  display: inline-table;
  margin: 0 0.3em;
  position: relative;
  top: 0.5em;
}
@media (min-width: 37.5em) {
  /* line 251, ../../app/assets/scss/base/layout/_dashboard.scss */
  .ingsimg {
    top: 0;
  }
}

/* line 266, ../../app/assets/scss/base/layout/_dashboard.scss */
.ings .ingslist {
  margin: 0;
  padding: 0;
  float: none;
}

/* line 271, ../../app/assets/scss/base/layout/_dashboard.scss */
.ings .ingslist ul,
.ings .ingslist p {
  margin: 0;
  padding: 0;
}

/* line 276, ../../app/assets/scss/base/layout/_dashboard.scss */
.ings .ingslist p {
  line-height: 20px;
}

/* line 279, ../../app/assets/scss/base/layout/_dashboard.scss */
.ings .ingslist a {
  line-height: 25px;
}

/* line 282, ../../app/assets/scss/base/layout/_dashboard.scss */
.ings .ingslist p, .ings .ingslist a {
  padding: 0 0.15em;
  text-align: left;
}

/* line 286, ../../app/assets/scss/base/layout/_dashboard.scss */
.ings .ingslist ul li {
  list-style-type: none;
}

/* line 289, ../../app/assets/scss/base/layout/_dashboard.scss */
.ings .ingslist h4 {
  margin: 0;
}

/* line 293, ../../app/assets/scss/base/layout/_dashboard.scss */
.editTaglinePencil {
  cursor: pointer;
  padding-left: 10px;
}

/* line 298, ../../app/assets/scss/base/layout/_dashboard.scss */
.saveTaglineLabel {
  color: #0071CE !important;
  font-weight: bold;
  cursor: pointer;
  margin-left: 10px;
  float: left;
  width: 40px;
}

/* line 307, ../../app/assets/scss/base/layout/_dashboard.scss */
.commentContentInstance {
  font-size: 16px;
  font-weight: bold;
}

/* line 312, ../../app/assets/scss/base/layout/_dashboard.scss */
.offsettime {
  font-size: 16px;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 20px;
  text-align: right;
}

/* line 320, ../../app/assets/scss/base/layout/_dashboard.scss */
.comment {
  font-size: 16px;
  margin-top: 4px;
  margin-bottom: 4px;
  text-align: left;
}

/* line 328, ../../app/assets/scss/base/layout/_dashboard.scss */
.viewedEpisode {
  height: 80px;
}

/* line 332, ../../app/assets/scss/base/layout/_dashboard.scss */
.viewedEpisodeImage {
  margin-left: 8px;
  max-width: 100px;
  max-height: 56px;
  height: auto;
  width: auto;
}

/* line 340, ../../app/assets/scss/base/layout/_dashboard.scss */
.viewedEpisodeImage > img {
  max-width: 100px;
  max-height: 56px;
  height: auto;
  width: auto;
}

/* line 347, ../../app/assets/scss/base/layout/_dashboard.scss */
.viewedEpisodeLabel {
  padding-top: 15px;
  margin-left: 8px;
  height: 56px;
}

/* line 353, ../../app/assets/scss/base/layout/_dashboard.scss */
.viewedEpisodeLabelTitle {
  font-size: 16px;
}

/* line 357, ../../app/assets/scss/base/layout/_dashboard.scss */
.viewedEpisodeLabelSubTitle {
  font-size: 12px;
}

/* line 361, ../../app/assets/scss/base/layout/_dashboard.scss */
.publicProfileImageContainerMobile {
  width: 100%;
  text-align: center;
  background: transparent;
  padding: 0.5em;
  display: inline-block;
  position: absolute;
  margin-top: -6em;
  margin-right: auto;
  margin-left: auto;
}

/* line 373, ../../app/assets/scss/base/layout/_dashboard.scss */
.publicProfileImageContainerMobile .publicProfileImageMobile {
  text-align: center;
  width: 10em;
  height: 10em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background: url("../app-content/img/admin/seekaOrange.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: inline-block;
  margin: 0 auto;
  border: 2px solid #FFF;
  position: relative;
}
@media (min-width: 37.5em) {
  /* line 373, ../../app/assets/scss/base/layout/_dashboard.scss */
  .publicProfileImageContainerMobile .publicProfileImageMobile {
    background: url("../app-content/img/admin/seekaOrange.jpg") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
}

/* line 385, ../../app/assets/scss/base/layout/_dashboard.scss */
.publicProfileNSIDashupperMobile {
  margin-top: 60px;
}

/* line 390, ../../app/assets/scss/base/layout/_dashboard.scss */
.publicProfileNSIDashupperDesktop {
  text-align: left;
}

/* line 395, ../../app/assets/scss/base/layout/_dashboard.scss */
.publicProfileNameMobile {
  text-align: center;
}

/* line 400, ../../app/assets/scss/base/layout/_dashboard.scss */
.publicProfileNameDesktop {
  font-size: 30px;
  text-align: left;
}

/* line 406, ../../app/assets/scss/base/layout/_dashboard.scss */
.publicProfileNSITaglineMobile {
  text-align: center;
  display: block;
}

/* line 411, ../../app/assets/scss/base/layout/_dashboard.scss */
.publicProfileNSITaglineDesktop {
  text-align: left;
  display: block;
  font-size: 16px;
}

/* line 417, ../../app/assets/scss/base/layout/_dashboard.scss */
.publicProfileNSIButtonContainerMobile {
  margin: 0 auto;
  text-align: center;
}

/* line 422, ../../app/assets/scss/base/layout/_dashboard.scss */
.publicProfileNSIButtonContainerDesktop {
  margin: 0 auto;
  text-align: left;
}

/* line 428, ../../app/assets/scss/base/layout/_dashboard.scss */
.publicProfileImageContainerDesktop {
  text-align: center;
  background: transparent;
  display: inline-block;
  z-index: 11;
  margin: 30px;
  width: 130px;
  height: 130px;
  float: left;
}

/* line 439, ../../app/assets/scss/base/layout/_dashboard.scss */
.publicProfileImageContainerDesktop .publicProfileImageDesktop {
  text-align: center;
  width: 130px;
  height: 130px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background: url("../app-content/img/admin/seekaOrange.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: inline-block;
  margin: 0 auto;
  border: 2px solid #FFF;
  position: relative;
}
@media (min-width: 37.5em) {
  /* line 439, ../../app/assets/scss/base/layout/_dashboard.scss */
  .publicProfileImageContainerDesktop .publicProfileImageDesktop {
    background: url("../app-content/img/admin/seekaOrange.jpg") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
}

@media (min-width: 960px) {
  /* line 451, ../../app/assets/scss/base/layout/_dashboard.scss */
  .aboutSection {
    margin: 8px;
  }
}
@media (max-width: 959px) {
  /* line 451, ../../app/assets/scss/base/layout/_dashboard.scss */
  .aboutSection {
    margin-bottom: 4px;
    margin-top: 4px;
  }
}

/* line 461, ../../app/assets/scss/base/layout/_dashboard.scss */
.changebgimg {
  position: absolute;
  right: 1em;
  bottom: 1em;
  width: 3em;
  height: 3em;
  z-index: 100;
  cursor: pointer;
}
@media (min-width: 37.5em) {
  /* line 461, ../../app/assets/scss/base/layout/_dashboard.scss */
  .changebgimg {
    right: 1em;
    bottom: 1em;
  }
}

/* line 477, ../../app/assets/scss/base/layout/_dashboard.scss */
figure.aspectratioDASH {
  width: 100%;
  margin: 0 auto;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  background-position: center center;
}
@media (min-width: 37.5em) {
  /* line 477, ../../app/assets/scss/base/layout/_dashboard.scss */
  figure.aspectratioDASH {
    width: 100%;
  }
}
@media (min-width: 48em) {
  /* line 477, ../../app/assets/scss/base/layout/_dashboard.scss */
  figure.aspectratioDASH {
    width: 100%;
    height: 26em;
  }
}
@media (min-width: 75em) {
  /* line 477, ../../app/assets/scss/base/layout/_dashboard.scss */
  figure.aspectratioDASH {
    width: 100%;
  }
}

/* line 496, ../../app/assets/scss/base/layout/_dashboard.scss */
.signinButton {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

/* line 505, ../../app/assets/scss/base/layout/_dashboard.scss */
.publicProfileNameContainerDesktop {
  padding-left: 0px !important;
  background: transparent;
  display: inline-block;
  z-index: 11;
}

/* new metric compare wrap */
/* line 2, ../../app/assets/scss/base/layout/_reports.scss */
.createrepmob {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  background: #0071CE;
  border: none;
  padding: 1em 2em;
  width: 100%;
  margin: 1em 0;
  color: #FFF;
  outline: none;
}

/* line 12, ../../app/assets/scss/base/layout/_reports.scss */
.createrepdesk {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  background: #0071CE;
  border: none;
  padding: 1em 2em;
  color: #FFF;
  outline: none;
  position: relative;
  bottom: 1em;
}

/* line 23, ../../app/assets/scss/base/layout/_reports.scss */
.metcntr {
  margin: 0 2em;
  display: flex;
}

/* line 27, ../../app/assets/scss/base/layout/_reports.scss */
.metcntr:first-child {
  margin-top: 1em;
}

/* line 30, ../../app/assets/scss/base/layout/_reports.scss */
.metricadd {
  padding: 1em;
  position: absolute;
  right: 0;
  cursor: pointer;
}
/* line 35, ../../app/assets/scss/base/layout/_reports.scss */
.metricadd img {
  float: right;
}

/* line 39, ../../app/assets/scss/base/layout/_reports.scss */
.metricadddeskt {
  padding: 1em;
  float: right;
  display: -webkit-inline-box;
  cursor: pointer;
}

/* line 45, ../../app/assets/scss/base/layout/_reports.scss */
.metricadd:hover, .metricadddeskt:hover {
  opacity: 0.8;
}

/* line 48, ../../app/assets/scss/base/layout/_reports.scss */
.metricinput {
  float: left;
  padding: 0;
}

/* line 52, ../../app/assets/scss/base/layout/_reports.scss */
.metriccancel {
  width: 50px;
  float: left;
  color: white;
  padding: 1em 0.9em;
  cursor: pointer;
}

/* line 60, ../../app/assets/scss/base/layout/_reports.scss */
.page-wrap .main-content .metcntr .metricinput .datapick {
  float: left;
  border: 1px solid #909091;
  padding: 0.75em 3em 0.7em 0;
  border-radius: 5px;
  cursor: pointer;
}

/* line 67, ../../app/assets/scss/base/layout/_reports.scss */
.metcntr .metricinput .datapick:hover {
  opacity: 0.6;
}

/* line 70, ../../app/assets/scss/base/layout/_reports.scss */
.metcntr .metricinput .datapick,
.metcntr .metricinput .datapick section {
  outline: none;
}

/* line 74, ../../app/assets/scss/base/layout/_reports.scss */
.metcntr .metricinput .datapick .trigs {
  padding: 0.65em;
  box-sizing: border-box;
  display: inline;
}

/*
.page-wrap .main-content .datapick {
  float: left;
  border: 1px solid #909091;
  padding: 0.75em 0;
  border-radius: 5px;
  cursor: pointer;
}

.page-wrap .main-content .datapick .trigs {
  padding: 0.65em;
  box-sizing: border-box;
  display: inline;
}

.page-wrap .main-content .datapick:hover {
  opacity: 0.6;
}

.page-wrap .main-content .datapick, .page-wrap .main-content .datapick section {
  outline: none;
}

.page-wrap .main-content .datapick section::after {
  content: '\f0da';
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  margin:0px 0px 0px 10px;
  text-decoration:none;
  @include tablet {
    content: '\f0d7';
  }
}
*/
@media (min-width: 48em) {
  /* line 115, ../../app/assets/scss/base/layout/_reports.scss */
  .mobilemetrics {
    display: none;
  }
}

/* metric mob */
/* line 122, ../../app/assets/scss/base/layout/_reports.scss */
.theMetric {
  height: 100%;
  background: #FFF;
}
@media (min-width: 48em) {
  /* line 122, ../../app/assets/scss/base/layout/_reports.scss */
  .theMetric {
    display: none;
  }
}

/* line 130, ../../app/assets/scss/base/layout/_reports.scss */
.theMetric .metricheaders {
  padding: 2.2em 0;
}

/* line 134, ../../app/assets/scss/base/layout/_reports.scss */
.theMetric .metricheaders::after {
  content: '\f054';
  font-family: FontAwesome;
  position: absolute;
  right: 0.7em;
}

/* line 141, ../../app/assets/scss/base/layout/_reports.scss */
.theoranges {
  display: inline-block;
  float: left;
}

/* NOTE for active background on click */
/* line 147, ../../app/assets/scss/base/layout/_reports.scss */
.rp-active, .rp-top-active {
  background-color: #D3D2D2;
}

/*
.page-top-admin ul li a:active, .page-top-admin ul li:hover {
  background: #D3D2D2;
}
*/
/* NOTE mobile accordion styles for reports.html */
/* line 158, ../../app/assets/scss/base/layout/_reports.scss */
section.news {
  display: block;
  color: #4D4D4F;
}
@media (min-width: 48em) {
  /* line 158, ../../app/assets/scss/base/layout/_reports.scss */
  section.news {
    display: none;
  }
}

/* line 165, ../../app/assets/scss/base/layout/_reports.scss */
div.accordions {
  background: #FFF;
  cursor: pointer;
  padding: 1em 1.5em;
  font-size: 1.3rem;
  font-weight: 500;
  border-bottom: 1.5px solid #D7D7D8;
}

/* line 174, ../../app/assets/scss/base/layout/_reports.scss */
div.accordions::after {
  content: '\f0d7';
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 1em;
  margin: 0px 0px 0px 10px;
  text-decoration: none;
}

/* line 184, ../../app/assets/scss/base/layout/_reports.scss */
div.panel {
  width: 100%;
  display: none;
  background: #EDEDED;
  padding: 0.7em 0;
  margin: 0;
}

/* line 192, ../../app/assets/scss/base/layout/_reports.scss */
div.panel ul {
  padding: 0;
}

/* line 196, ../../app/assets/scss/base/layout/_reports.scss */
div.panel ul li {
  line-height: 50px;
  cursor: pointer;
  outline: none;
}

/* line 202, ../../app/assets/scss/base/layout/_reports.scss */
div.panel ul li a {
  padding: 0 2em;
  color: #4D4D4F;
}

/* line 207, ../../app/assets/scss/base/layout/_reports.scss */
div.panel ul li:hover {
  background: #E0E1E2;
}

/* line 211, ../../app/assets/scss/base/layout/_reports.scss */
div.panel ul li:hover a {
  color: black;
}

/* line 215, ../../app/assets/scss/base/layout/_reports.scss */
div.panel.show {
  display: block;
}

/* line 221, ../../app/assets/scss/base/layout/_reports.scss */
div.accordions.active::after {
  content: '\f0d8';
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 1em;
  margin: 0 0 0 10px;
  text-decoration: none;
}

/* line 231, ../../app/assets/scss/base/layout/_reports.scss */
html, body {
  height: 100%;
}

/* line 235, ../../app/assets/scss/base/layout/_reports.scss */
.thepie {
  clear: left;
}

/* line 239, ../../app/assets/scss/base/layout/_reports.scss */
.highlight {
  background-color: orange;
}

/* line 243, ../../app/assets/scss/base/layout/_reports.scss */
.datadd {
  clear: left;
  position: initial;
  width: 93%;
  box-shadow: 0 1px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  z-index: 10;
  border-radius: 5px;
  background: #FFF;
  max-width: 45em;
  margin: -1em 0 0 2em;
  z-index: 1;
  display: none;
}
@media (min-width: 48em) {
  /* line 243, ../../app/assets/scss/base/layout/_reports.scss */
  .datadd {
    display: block;
  }
}

/* line 260, ../../app/assets/scss/base/layout/_reports.scss */
.datadd * {
  color: #4D4D4F;
}

/* line 264, ../../app/assets/scss/base/layout/_reports.scss */
.datadd div {
  display: flex;
  text-align: left;
}

/* line 268, ../../app/assets/scss/base/layout/_reports.scss */
.datadd div .xs {
  display: inline-block;
  width: 25%;
  position: relative;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

/* line 277, ../../app/assets/scss/base/layout/_reports.scss */
.datadd div .xs:not(:first-child) {
  border-left: 1px solid #E0E1E2;
}

/* line 281, ../../app/assets/scss/base/layout/_reports.scss */
.datadd nav ul li {
  display: flex;
  width: 25%;
  /* text-align: center; */
  padding: 0;
  padding: 0.25em 0 1em 0;
}

/* line 289, ../../app/assets/scss/base/layout/_reports.scss */
.datadd div .xs li {
  padding: 1.2em;
  outline: none;
}

/* line 294, ../../app/assets/scss/base/layout/_reports.scss */
.datadd div .xs li:hover {
  background: gainsboro;
  cursor: pointer;
}

/* line 299, ../../app/assets/scss/base/layout/_reports.scss */
.datadd div .xs li:hover::after {
  content: '\f054';
  font-family: FontAwesome;
  position: absolute;
  right: 0.7em;
}

/* line 306, ../../app/assets/scss/base/layout/_reports.scss */
.datadd div .xseps li:hover::after {
  content: '\f00c';
  font-family: FontAwesome;
  position: absolute;
  right: 0.7em;
}

/* line 313, ../../app/assets/scss/base/layout/_reports.scss */
.datadd nav ul {
  display: flex;
  border-bottom: 1px solid #E0E1E2;
  border-top: 1px solid #E0E1E2;
  margin: 0;
  padding: 0;
}

/* line 321, ../../app/assets/scss/base/layout/_reports.scss */
.datadd nav ul li:not(:first-child) {
  border-left: 1px solid #E0E1E2;
}

/* line 325, ../../app/assets/scss/base/layout/_reports.scss */
.datadd ul li {
  list-style-type: none;
}

/* line 329, ../../app/assets/scss/base/layout/_reports.scss */
.datadd nav ul li {
  width: 25%;
  display: flex;
}

/* line 334, ../../app/assets/scss/base/layout/_reports.scss */
.page-wrap .main-content .comparewrap {
  width: 100%;
  margin: 1em 0;
  display: inline-block;
  height: auto;
  display: none;
}
@media (min-width: 48em) {
  /* line 334, ../../app/assets/scss/base/layout/_reports.scss */
  .page-wrap .main-content .comparewrap {
    display: block;
  }
}

/* line 344, ../../app/assets/scss/base/layout/_reports.scss */
.page-wrap .main-content .comparewrap .metcntr .metricinput .datapick {
  padding: 0.5em 0;
}

/* line 348, ../../app/assets/scss/base/layout/_reports.scss */
.page-wrap .main-content .comparewrap .metricinput {
  margin: 0.5em;
}

/* line 353, ../../app/assets/scss/base/layout/_reports.scss */
.page-wrap .main-content .comparewrapmobile {
  width: 100%;
  margin: 1em 0;
  height: auto;
  margin-left: 2em;
  display: flex;
  float: left;
  display: inline-block;
}
@media (min-width: 48em) {
  /* line 353, ../../app/assets/scss/base/layout/_reports.scss */
  .page-wrap .main-content .comparewrapmobile {
    display: none;
  }
}

/* line 366, ../../app/assets/scss/base/layout/_reports.scss */
.page-wrap .main-content .comparewrapmobile::after:hover {
  opacity: 0.8;
}

/* line 369, ../../app/assets/scss/base/layout/_reports.scss */
div.page-wrap > section > div.comparewrapmobile:nth-child(3)::after {
  content: '+';
  color: #0071CE;
  position: absolute;
  right: 0;
  /* margin: 1em; */
  font-size: 2em;
  padding: 0;
  margin: 0 0.5em;
  font-weight: 600;
  cursor: pointer;
}
@media (min-width: 48em) {
  /* line 369, ../../app/assets/scss/base/layout/_reports.scss */
  div.page-wrap > section > div.comparewrapmobile:nth-child(3)::after {
    content: '';
  }
}

/* line 385, ../../app/assets/scss/base/layout/_reports.scss */
.page-wrap .main-content .datapick {
  float: left;
  border: 1px solid #909091;
  padding: 0.75em 0;
  border-radius: 5px;
  cursor: pointer;
}

/* line 393, ../../app/assets/scss/base/layout/_reports.scss */
.page-wrap .main-content .datapick .trigs {
  padding: 0.65em;
  box-sizing: border-box;
  display: inline;
  color: #717171;
}

/* line 400, ../../app/assets/scss/base/layout/_reports.scss */
.page-wrap .main-content .datapick:hover {
  opacity: 0.6;
}

/* line 404, ../../app/assets/scss/base/layout/_reports.scss */
.page-wrap .main-content .datapick, .page-wrap .main-content .datapick section {
  outline: none;
}

/* line 408, ../../app/assets/scss/base/layout/_reports.scss */
.page-wrap .main-content .datapick section::after {
  content: '\f0da';
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  margin: 0 0 0 10px;
  text-decoration: none;
}
@media (min-width: 48em) {
  /* line 408, ../../app/assets/scss/base/layout/_reports.scss */
  .page-wrap .main-content .datapick section::after {
    content: '\f0d7';
  }
}

/* line 420, ../../app/assets/scss/base/layout/_reports.scss */
.page-top-admin {
  background: #EDEDED;
  overflow-x: scroll;
}
@media (min-width: 48em) {
  /* line 420, ../../app/assets/scss/base/layout/_reports.scss */
  .page-top-admin {
    overflow-x: hidden;
  }
}

/* line 428, ../../app/assets/scss/base/layout/_reports.scss */
.page-top-admin ul li {
  display: inline-block;
  list-style-type: none;
  text-decoration: none;
  text-align: center;
  float: left;
  outline: none;
}

/* line 437, ../../app/assets/scss/base/layout/_reports.scss */
.page-top-admin ul {
  width: 40em;
  display: flex;
  margin: 0;
  padding: 0;
  max-width: 31.8em;
}

/* line 445, ../../app/assets/scss/base/layout/_reports.scss */
.page-top-admin ul li a {
  height: 100%;
  /* padding: 0 1em; */
  text-decoration: none;
  color: #4D4D4F;
  padding: 0.75em;
  display: block;
}

/* line 454, ../../app/assets/scss/base/layout/_reports.scss */
.page-wrap {
  width: 100%;
}
@media (min-width: 48em) {
  /* line 454, ../../app/assets/scss/base/layout/_reports.scss */
  .page-wrap {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (doesn't work very well) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    flex: 1 1 auto;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: hidden;
  }
}

/* line 473, ../../app/assets/scss/base/layout/_reports.scss */
.main-content {
  -webkit-box-ordinal-group: 2;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-ordinal-group: 2;
  /* OLD - Firefox 19- */
  -ms-flex-order: 2;
  /* TWEENER - IE 10 */
  -webkit-order: 2;
  /* NEW - Chrome */
  order: 2;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  width: 100%;
  /* No flex here, other cols take up remaining space */
  -moz-box-flex: 1;
  /* Witho ut this, Firefox 19- expands to widest paragraph, overrides width */
  background: #FFF;
  overflow-x: hidden;
  display: inline-block;
}
@media (min-width: 48em) {
  /* line 473, ../../app/assets/scss/base/layout/_reports.scss */
  .main-content {
    display: block;
  }
}

/* line 489, ../../app/assets/scss/base/layout/_reports.scss */
.bdbdash {
  width: 100%;
  height: 0.05em;
  background: #EDEDED;
}

/* line 495, ../../app/assets/scss/base/layout/_reports.scss */
.bdbdashmob {
  width: 100%;
  height: 0.05em;
  background: #7c7c7c;
  clear: left;
  display: block;
  margin: 1em 0;
}
@media (min-width: 48em) {
  /* line 495, ../../app/assets/scss/base/layout/_reports.scss */
  .bdbdashmob {
    display: none;
  }
}

/* line 507, ../../app/assets/scss/base/layout/_reports.scss */
.main-nav {
  min-width: 270px;
  max-width: 270px;
  background: #EDEDED;
  display: none;
}
@media (min-width: 48em) {
  /* line 507, ../../app/assets/scss/base/layout/_reports.scss */
  .main-nav {
    display: block;
  }
}
/* line 515, ../../app/assets/scss/base/layout/_reports.scss */
.main-nav ul {
  padding: 0.3em;
  line-height: 3em;
  margin: 0;
  padding: 0;
}
/* line 520, ../../app/assets/scss/base/layout/_reports.scss */
.main-nav ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
  margin: 0;
  display: block;
  display: block;
  outline: none;
}
/* line 529, ../../app/assets/scss/base/layout/_reports.scss */
.main-nav ul li ul li {
  background-color: white;
  padding-left: 10px;
}
/* line 533, ../../app/assets/scss/base/layout/_reports.scss */
.main-nav ul li a {
  line-height: 1.5em;
  text-decoration: none;
  margin: 0;
  width: 100%;
  display: flex;
  color: #4D4D4F;
  padding: 1em 2.5em;
}
/* line 541, ../../app/assets/scss/base/layout/_reports.scss */
.main-nav ul li a:active {
  background: #D3D2D2;
}
/* line 544, ../../app/assets/scss/base/layout/_reports.scss */
.main-nav ul li a:hover {
  background: #D3D2D2;
}

/* line 552, ../../app/assets/scss/base/layout/_reports.scss */
.main-sidebar {
  -webkit-box-ordinal-group: 3;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-ordinal-group: 3;
  /* OLD - Firefox 19- */
  -ms-flex-order: 3;
  /* TWEENER - IE 10 */
  -webkit-order: 3;
  /* NEW - Chrome */
  order: 3;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;
  /* Firefox 19- */
  width: 20%;
  /* For OLD syntax, otherwise collapses. */
  -ms-flex: 1;
  /* TWEENER - IE 10 */
  -webkit-flex: 1;
  /* NEW - Chrome */
  flex: 1;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  background: #ccc;
}

/* line 570, ../../app/assets/scss/base/layout/_reports.scss */
.main-nav h2 {
  font: bold 2em Sans-Serif;
  font-size: 1.5rem;
  font-weight: 200;
  margin: 0;
  padding: 1em 1.7em;
}

/* line 577, ../../app/assets/scss/base/layout/_reports.scss */
.main-content h1 {
  font-size: 1.5em;
  padding: 0.1em 1.5em 0 1.5em;
  font-weight: 400;
  display: none;
}
@media (min-width: 48em) {
  /* line 577, ../../app/assets/scss/base/layout/_reports.scss */
  .main-content h1 {
    display: block;
    font: bold 2em Sans-Serif;
    font-size: 2rem;
    font-weight: 300;
    margin: 0;
    padding: 0.7em 1em;
    border-bottom: 1px solid gainsboro;
  }
}

/* line 594, ../../app/assets/scss/base/layout/_reports.scss */
.main-content h1::after {
  content: '\f0d7';
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 1em;
  margin: 0px 0px 0px 10px;
  text-decoration: none;
}
@media (min-width: 48em) {
  /* line 594, ../../app/assets/scss/base/layout/_reports.scss */
  .main-content h1::after {
    content: " ";
  }
}

/* line 608, ../../app/assets/scss/base/layout/_reports.scss */
.selector-filter-box {
  padding: 21px 14px 21px 14px;
}

/* line 612, ../../app/assets/scss/base/layout/_reports.scss */
.catalog-filter-text {
  font-size: 14px;
}

/* line 1, ../../app/assets/scss/base/layout/_search.scss */
.searchHeader {
  height: 30px;
  display: block;
}

/* line 6, ../../app/assets/scss/base/layout/_search.scss */
.searchHeaderText {
  line-height: 30px;
  padding-left: 10px;
  vertical-align: middle;
  font-size: 16px;
  display: inline-block;
}

/* line 14, ../../app/assets/scss/base/layout/_search.scss */
.searchResults {
  min-height: 35em;
  margin-top: 56px;
}
@media (min-width: 37.5em) {
  /* line 14, ../../app/assets/scss/base/layout/_search.scss */
  .searchResults {
    margin-top: initial;
  }
}

/* line 22, ../../app/assets/scss/base/layout/_search.scss */
.searchImage {
  flex: 0 0 auto;
  width: 75px;
  height: 42px;
  position: relative;
  left: -20px;
}
/* line 28, ../../app/assets/scss/base/layout/_search.scss */
.searchImage .seeka-image__item {
  width: 75px;
  height: 42px;
  vertical-align: middle;
}

/* line 35, ../../app/assets/scss/base/layout/_search.scss */
md-list-item.md-3-line.small-item {
  min-height: 62px;
}

@media (min-width: 0px) and (max-width: 600px) {
  /* line 2, ../../app/assets/scss/base/layout/_footer.scss */
  #fBotLinks {
    display: flex;
    flex-direction: column;
  }

  /* line 6, ../../app/assets/scss/base/layout/_footer.scss */
  #div1 {
    order: 3;
  }

  /* line 9, ../../app/assets/scss/base/layout/_footer.scss */
  #div2 {
    order: 1;
  }

  /* line 12, ../../app/assets/scss/base/layout/_footer.scss */
  #div3 {
    order: 2;
  }
}
/* line 17, ../../app/assets/scss/base/layout/_footer.scss */
.copyRightInfo {
  padding: 0 1em;
}
@media (min-width: 75em) {
  /* line 17, ../../app/assets/scss/base/layout/_footer.scss */
  .copyRightInfo {
    padding: 0;
  }
}

@media (min-width: 0px) and (max-width: 768px) {
  /* line 2, ../../app/assets/scss/base/layout/_contentManager.scss */
  .main-content {
    display: none;
  }
}
/* line 6, ../../app/assets/scss/base/layout/_contentManager.scss */
input[type="text"].management-input::-webkit-input-placeholder {
  color: #717171;
}

/* line 10, ../../app/assets/scss/base/layout/_contentManager.scss */
input[type="text"].management-input::-moz-placeholder {
  color: #717171;
}

/* line 13, ../../app/assets/scss/base/layout/_contentManager.scss */
input[type="text"].management-input::-ms-input-placeholder {
  color: #717171;
}

/* line 17, ../../app/assets/scss/base/layout/_contentManager.scss */
input[type="text"].management-input:-moz-placeholder {
  color: #717171;
}

/* line 21, ../../app/assets/scss/base/layout/_contentManager.scss */
textarea.graytextfields::-webkit-input-placeholder {
  color: #717171;
}

/* line 25, ../../app/assets/scss/base/layout/_contentManager.scss */
table.mgmt_table, table.mgmt_table td, table.mgmt_table th {
  border: 1px solid #ddd;
  text-align: left;
}

/* line 30, ../../app/assets/scss/base/layout/_contentManager.scss */
.mgmt_table_adding {
  cursor: pointer;
}
/* line 32, ../../app/assets/scss/base/layout/_contentManager.scss */
.mgmt_table_adding .urlInput {
  cursor: default;
}

/* line 37, ../../app/assets/scss/base/layout/_contentManager.scss */
.trashelement {
  text-align: center !important;
  margin: 0 auto;
  cursor: pointer;
  width: 100px;
  position: relative;
}
/* line 43, ../../app/assets/scss/base/layout/_contentManager.scss */
.trashelement > * {
  -webkit-transition: 0.15s;
  -moz-transition: 0.15s;
  -ms-transition: 0.15s;
  -o-transition: 0.15s;
  transition: 0.15s;
}
/* line 46, ../../app/assets/scss/base/layout/_contentManager.scss */
.trashelement:hover {
  opacity: 0.5;
}
/* line 49, ../../app/assets/scss/base/layout/_contentManager.scss */
.trashelement .loading {
  z-index: 99;
}
/* line 52, ../../app/assets/scss/base/layout/_contentManager.scss */
.trashelement .plus {
  visibility: hidden;
  background-color: white;
}
/* line 55, ../../app/assets/scss/base/layout/_contentManager.scss */
.trashelement .plus.adding {
  visibility: visible;
}

/* line 61, ../../app/assets/scss/base/layout/_contentManager.scss */
table.mgmt_table {
  border-collapse: collapse;
  width: 100%;
}

/* line 66, ../../app/assets/scss/base/layout/_contentManager.scss */
table.mgmt_dialog_table {
  width: 100%;
}

/* line 70, ../../app/assets/scss/base/layout/_contentManager.scss */
table.mgmt_dialog_table tr, table.mgmt_dialog_table th, table.mgmt_dialog_table td {
  border-bottom: 2px solid #E6E6E5;
  padding: 1em 1.5em;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

/* line 75, ../../app/assets/scss/base/layout/_contentManager.scss */
table.mgmt_dialog_table tr:hover {
  background: #E5F0FA;
  cursor: pointer;
}

/* line 79, ../../app/assets/scss/base/layout/_contentManager.scss */
table.mgmt_dialog_table tr td:nth-child(2) {
  color: orange;
  text-align: right;
}

/* line 86, ../../app/assets/scss/base/layout/_contentManager.scss */
table.mgmt_table tr:hover {
  background: #E5F0FA;
}
/* line 89, ../../app/assets/scss/base/layout/_contentManager.scss */
table.mgmt_table tr.mgmt_table_head {
  background: #F1F1F1;
  color: #4A4A4A;
}
/* line 94, ../../app/assets/scss/base/layout/_contentManager.scss */
table.mgmt_table th {
  padding: 15px;
}
/* line 97, ../../app/assets/scss/base/layout/_contentManager.scss */
table.mgmt_table td {
  padding: 15px;
}

/* line 102, ../../app/assets/scss/base/layout/_contentManager.scss */
.mgmt_table_addnew,
.mgmt_table_addnew td {
  color: #D6D6D6;
  border: 1px solid #D6D6D6;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
/* line 108, ../../app/assets/scss/base/layout/_contentManager.scss */
.mgmt_table_addnew:hover,
.mgmt_table_addnew td:hover {
  color: #4A4A4A;
}

/* line 113, ../../app/assets/scss/base/layout/_contentManager.scss */
.url_table .urlInput {
  border: 1px;
  position: relative;
}
/* line 116, ../../app/assets/scss/base/layout/_contentManager.scss */
.url_table .urlInput > div {
  padding: 15px;
  visibility: hidden;
  background-color: white;
}
/* line 120, ../../app/assets/scss/base/layout/_contentManager.scss */
.url_table .urlInput > div.adding {
  visibility: visible;
}

/* line 126, ../../app/assets/scss/base/layout/_contentManager.scss */
.l_image_edit {
  color: #0071CE;
  margin-left: 1em;
  cursor: pointer;
}

/* line 131, ../../app/assets/scss/base/layout/_contentManager.scss */
.l_image_icon_remove {
  float: right;
  margin: 0.5em;
  cursor: pointer;
}

/* line 137, ../../app/assets/scss/base/layout/_contentManager.scss */
.l_image_filename {
  position: relative;
  bottom: 0.5em;
}

/* line 142, ../../app/assets/scss/base/layout/_contentManager.scss */
.management-landscape-img {
  float: left;
  display: block;
  margin-right: 1em;
}
/* line 146, ../../app/assets/scss/base/layout/_contentManager.scss */
.management-landscape-img .l_image {
  background: #F1F1F1;
  min-height: 5em;
  width: 15em;
  color: gray;
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
/* line 154, ../../app/assets/scss/base/layout/_contentManager.scss */
.management-landscape-img .l_image.fix-height {
  height: 10em;
  cursor: pointer;
  border: 1px solid gray;
}
/* line 158, ../../app/assets/scss/base/layout/_contentManager.scss */
.management-landscape-img .l_image.fix-height.thumbnail {
  height: 6em;
}
/* line 162, ../../app/assets/scss/base/layout/_contentManager.scss */
.management-landscape-img .l_image.thumbnail {
  width: 10em;
  min-height: 3em;
}
/* line 165, ../../app/assets/scss/base/layout/_contentManager.scss */
.management-landscape-img .l_image.thumbnail > seeka-image {
  min-height: 3em;
}
/* line 169, ../../app/assets/scss/base/layout/_contentManager.scss */
.management-landscape-img .l_image > seeka-image {
  min-height: 5em;
}
/* line 172, ../../app/assets/scss/base/layout/_contentManager.scss */
.management-landscape-img .l_image .circle {
  position: absolute;
  top: 0.3em;
  right: 0.3em;
  width: 1.2em;
  height: 1.2em;
  cursor: pointer;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid white;
  margin: 0;
  text-align: center;
  z-index: 1;
}
/* line 184, ../../app/assets/scss/base/layout/_contentManager.scss */
.management-landscape-img .l_image .circle i {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  /* bring your own prefixes */
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  color: white;
}
/* line 189, ../../app/assets/scss/base/layout/_contentManager.scss */
.management-landscape-img .l_image .p_image_centered {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  /* bring your own prefixes */
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
/* line 191, ../../app/assets/scss/base/layout/_contentManager.scss */
.management-landscape-img .l_image .p_image_centered .circle {
  position: relative;
  width: 2em;
  height: 2em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid gray;
  margin: 0 auto;
  text-align: center;
}
/* line 199, ../../app/assets/scss/base/layout/_contentManager.scss */
.management-landscape-img .l_image .p_image_centered .circle i {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  /* bring your own prefixes */
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  color: gray;
}
/* line 204, ../../app/assets/scss/base/layout/_contentManager.scss */
.management-landscape-img .l_image .p_image_centered .gray-text {
  color: gray;
}

/* line 211, ../../app/assets/scss/base/layout/_contentManager.scss */
.management-portrait-img {
  float: left;
  display: block;
  position: relative;
  margin-right: 1em;
}
/* line 216, ../../app/assets/scss/base/layout/_contentManager.scss */
.management-portrait-img .p_image {
  background: #F1F1F1;
  min-height: 10em;
  width: 10em;
  color: gray;
  overflow: hidden;
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
/* line 224, ../../app/assets/scss/base/layout/_contentManager.scss */
.management-portrait-img .p_image.fix-height {
  border: 1px solid gray;
  height: 15em;
  cursor: pointer;
}
/* line 229, ../../app/assets/scss/base/layout/_contentManager.scss */
.management-portrait-img .p_image > seeka-image {
  min-height: 10em;
}
/* line 232, ../../app/assets/scss/base/layout/_contentManager.scss */
.management-portrait-img .p_image .circle {
  position: absolute;
  top: 0.3em;
  right: 0.3em;
  width: 1.2em;
  height: 1.2em;
  cursor: pointer;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid white;
  margin: 0;
  text-align: center;
  z-index: 1;
}
/* line 244, ../../app/assets/scss/base/layout/_contentManager.scss */
.management-portrait-img .p_image .circle i {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  /* bring your own prefixes */
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  color: white;
}
/* line 249, ../../app/assets/scss/base/layout/_contentManager.scss */
.management-portrait-img .p_image .p_image_centered {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  /* bring your own prefixes */
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
/* line 251, ../../app/assets/scss/base/layout/_contentManager.scss */
.management-portrait-img .p_image .p_image_centered .circle {
  position: relative;
  width: 2em;
  height: 2em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid gray;
  margin: 0 auto;
  text-align: center;
}
/* line 259, ../../app/assets/scss/base/layout/_contentManager.scss */
.management-portrait-img .p_image .p_image_centered .circle i {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  /* bring your own prefixes */
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  color: gray;
}
/* line 264, ../../app/assets/scss/base/layout/_contentManager.scss */
.management-portrait-img .p_image .p_image_centered .gray-text {
  color: gray;
}
/* line 269, ../../app/assets/scss/base/layout/_contentManager.scss */
.management-portrait-img .p_image:hover {
  opacity: 0.2em;
}

/* line 274, ../../app/assets/scss/base/layout/_contentManager.scss */
seeka-image.bordered {
  border: 1px solid gray;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}

/* line 279, ../../app/assets/scss/base/layout/_contentManager.scss */
.save-content,
.cancel-content {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  padding: 0.75em 7em;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -ms-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}
/* line 284, ../../app/assets/scss/base/layout/_contentManager.scss */
.save-content.floater,
.cancel-content.floater {
  float: right;
}
/* line 287, ../../app/assets/scss/base/layout/_contentManager.scss */
.save-content:hover,
.cancel-content:hover {
  opacity: 0.5;
}
/* line 289, ../../app/assets/scss/base/layout/_contentManager.scss */
.save-content:hover:disabled,
.cancel-content:hover:disabled {
  opacity: 1;
}

/* line 295, ../../app/assets/scss/base/layout/_contentManager.scss */
.save-content {
  background: #0071CE;
  color: #FFF;
  border: none;
  margin-right: 25px;
  border: 1px solid #0071CE;
}
/* line 301, ../../app/assets/scss/base/layout/_contentManager.scss */
.save-content.floater {
  margin-right: 0;
}
/* line 304, ../../app/assets/scss/base/layout/_contentManager.scss */
.save-content:disabled {
  background-color: #C2C2C4;
  border-color: #C2C2C4;
}

/* line 310, ../../app/assets/scss/base/layout/_contentManager.scss */
.cancel-content {
  background: #FFF;
  color: #0071CE;
  border: 1px solid #0071CE;
}
/* line 314, ../../app/assets/scss/base/layout/_contentManager.scss */
.cancel-content.floater {
  margin-right: 25px;
}
/* line 317, ../../app/assets/scss/base/layout/_contentManager.scss */
.cancel-content:disabled {
  color: #C2C2C4;
  border-color: #C2C2C4;
}
/* line 321, ../../app/assets/scss/base/layout/_contentManager.scss */
.cancel-content.grey {
  color: #4D4D4F;
  border-color: #4D4D4F;
}

/* line 327, ../../app/assets/scss/base/layout/_contentManager.scss */
.cancel-dialog-btn {
  background: transparent;
  color: #757575;
  border: 1px solid #757575;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  padding: 0.55em 3em;
}

/* line 334, ../../app/assets/scss/base/layout/_contentManager.scss */
.h1 {
  font-size: 2em;
  color: #4A4A4A;
  float: left;
  line-height: 2.5em;
}

/* line 340, ../../app/assets/scss/base/layout/_contentManager.scss */
.graybars {
  background: #F1F1F1;
  color: #4A4A4A;
  font-weight: 600;
  height: 34px;
  padding: 0 0.85em;
}
/* line 346, ../../app/assets/scss/base/layout/_contentManager.scss */
.graybars span {
  vertical-align: middle;
}
/* line 349, ../../app/assets/scss/base/layout/_contentManager.scss */
.graybars i {
  vertical-align: middle;
  font-size: 10px;
}
/* line 353, ../../app/assets/scss/base/layout/_contentManager.scss */
.graybars::before {
  content: '';
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}

/* line 361, ../../app/assets/scss/base/layout/_contentManager.scss */
.main-top {
  color: #fff;
  height: 5em;
  display: block;
  border-bottom: 1px solid #D6D6D6;
}

/* line 367, ../../app/assets/scss/base/layout/_contentManager.scss */
.main-top, .one_pad {
  margin: 0.5em 1.5em;
}

/* line 370, ../../app/assets/scss/base/layout/_contentManager.scss */
.main-bottom {
  margin: 1em 0;
  display: block;
  height: 5em;
}

/* line 375, ../../app/assets/scss/base/layout/_contentManager.scss */
.main-bottom-grid {
  margin: 1em 0;
  display: block;
}

/* line 379, ../../app/assets/scss/base/layout/_contentManager.scss */
.main-body {
  height: 4.5em;
}

/* line 382, ../../app/assets/scss/base/layout/_contentManager.scss */
.management-spacers {
  margin: 1em 0;
}
/* line 385, ../../app/assets/scss/base/layout/_contentManager.scss */
.management-spacers.mixed md-checkbox {
  margin-left: 1em;
  margin-bottom: 0;
}
/* line 388, ../../app/assets/scss/base/layout/_contentManager.scss */
.management-spacers.mixed md-checkbox::before {
  content: '';
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}
/* line 397, ../../app/assets/scss/base/layout/_contentManager.scss */
.management-spacers.social-options {
  margin-top: 0.5em;
}
/* line 399, ../../app/assets/scss/base/layout/_contentManager.scss */
.management-spacers.social-options md-checkbox .md-icon {
  border-width: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
/* line 403, ../../app/assets/scss/base/layout/_contentManager.scss */
.management-spacers.social-options md-list {
  padding: 0;
}
/* line 405, ../../app/assets/scss/base/layout/_contentManager.scss */
.management-spacers.social-options md-list > md-list-item {
  height: 100%;
  min-height: 30px;
}
/* line 408, ../../app/assets/scss/base/layout/_contentManager.scss */
.management-spacers.social-options md-list > md-list-item > img {
  margin-top: 0;
  margin-bottom: 0;
}
/* line 412, ../../app/assets/scss/base/layout/_contentManager.scss */
.management-spacers.social-options md-list > md-list-item h3 {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
/* line 418, ../../app/assets/scss/base/layout/_contentManager.scss */
.management-spacers.social-options > div {
  height: 3em;
  margin-bottom: 0.5em;
}
/* line 423, ../../app/assets/scss/base/layout/_contentManager.scss */
.management-spacers > div {
  margin-bottom: 1em;
}
/* line 425, ../../app/assets/scss/base/layout/_contentManager.scss */
.management-spacers > div > i {
  height: 1em;
  width: 2.5em;
  margin-top: .3em;
}
/* line 431, ../../app/assets/scss/base/layout/_contentManager.scss */
.management-spacers.placement-title {
  visibility: hidden;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background-color: white;
}
/* line 438, ../../app/assets/scss/base/layout/_contentManager.scss */
.management-spacers.placement-title.editing {
  visibility: visible;
}
/* line 441, ../../app/assets/scss/base/layout/_contentManager.scss */
.management-spacers.placement-title > input {
  width: 400px;
  font-size: 33px;
  padding: 10px;
}
/* line 446, ../../app/assets/scss/base/layout/_contentManager.scss */
.management-spacers.placement-title > button {
  padding: 0.75em 3em;
  vertical-align: bottom;
  margin: 0 0 0 1em;
}
/* line 452, ../../app/assets/scss/base/layout/_contentManager.scss */
.management-spacers.placement-fixed-title {
  padding: 0.5em 0;
}
/* line 454, ../../app/assets/scss/base/layout/_contentManager.scss */
.management-spacers.placement-fixed-title:focus {
  outline: none;
}
/* line 457, ../../app/assets/scss/base/layout/_contentManager.scss */
.management-spacers.placement-fixed-title > span {
  font-size: 33px;
}
/* line 460, ../../app/assets/scss/base/layout/_contentManager.scss */
.management-spacers.placement-fixed-title > button {
  padding: 0.2em 0.5em;
  margin-left: 1em;
}

/* line 466, ../../app/assets/scss/base/layout/_contentManager.scss */
.md-virtual-repeat-container.md-autocomplete-suggestions-container {
  z-index: 999 !important;
}

/* line 469, ../../app/assets/scss/base/layout/_contentManager.scss */
.graytextfields {
  min-width: 100%;
  max-width: 100%;
  max-height: 5em;
  outline: none;
  border: 1px solid #4A4A4A;
  padding: 1em;
}

/* line 478, ../../app/assets/scss/base/layout/_contentManager.scss */
.main-body, .main-body2 {
  margin: 1.5em 1.5em;
}

/* line 481, ../../app/assets/scss/base/layout/_contentManager.scss */
.add-new-btn,
.import-new-btn,
.delete-btn,
.placement-btn,
.add-new-placement-btn,
.add-new-video-btn, .add-catalog-btn,
.delete-catalog-btn {
  background: transparent;
  float: right;
  margin-top: 1.2em;
  padding: 0.75em 1.8em 0.75em 1.2em;
  position: relative;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
/* line 487, ../../app/assets/scss/base/layout/_contentManager.scss */
.no-icon.add-new-btn,
.no-icon.import-new-btn,
.no-icon.delete-btn,
.no-icon.placement-btn,
.no-icon.add-new-placement-btn,
.no-icon.add-new-video-btn, .no-icon.add-catalog-btn,
.no-icon.delete-catalog-btn {
  padding: 0.75em 1.2em;
}
/* line 489, ../../app/assets/scss/base/layout/_contentManager.scss */
.no-icon.add-new-btn .add-new-btn-text,
.no-icon.import-new-btn .add-new-btn-text,
.no-icon.delete-btn .add-new-btn-text,
.no-icon.placement-btn .add-new-btn-text,
.no-icon.add-new-placement-btn .add-new-btn-text,
.no-icon.add-new-video-btn .add-new-btn-text, .no-icon.add-catalog-btn .add-new-btn-text,
.no-icon.delete-catalog-btn .add-new-btn-text {
  padding: 0;
}
/* line 491, ../../app/assets/scss/base/layout/_contentManager.scss */
.no-icon.add-new-btn .add-new-btn-text img,
.no-icon.import-new-btn .add-new-btn-text img,
.no-icon.delete-btn .add-new-btn-text img,
.no-icon.placement-btn .add-new-btn-text img,
.no-icon.add-new-placement-btn .add-new-btn-text img,
.no-icon.add-new-video-btn .add-new-btn-text img, .no-icon.add-catalog-btn .add-new-btn-text img,
.no-icon.delete-catalog-btn .add-new-btn-text img {
  vertical-align: middle;
}

/* line 505, ../../app/assets/scss/base/layout/_contentManager.scss */
.add-new-btn .add-new-btn-text,
.import-new-btn .add-new-btn-text,
.delete-btn .add-new-btn-text,
.placement-btn .add-new-btn-text,
.add-new-placement-btn .add-new-btn-text,
.add-new-video-btn .add-new-btn-text {
  padding-right: 1em;
}
/* line 508, ../../app/assets/scss/base/layout/_contentManager.scss */
.add-new-btn:disabled,
.import-new-btn:disabled,
.delete-btn:disabled,
.placement-btn:disabled,
.add-new-placement-btn:disabled,
.add-new-video-btn:disabled {
  color: #C2C2C4;
  border-color: #C2C2C4;
}
/* line 512, ../../app/assets/scss/base/layout/_contentManager.scss */
.add-new-btn i,
.import-new-btn i,
.delete-btn i,
.placement-btn i,
.add-new-placement-btn i,
.add-new-video-btn i {
  float: right;
  position: absolute;
  right: 0.2em;
  top: 0.2em;
  font-size: 2em;
  font-weight: 600;
}
/* line 520, ../../app/assets/scss/base/layout/_contentManager.scss */
.add-new-btn img,
.import-new-btn img,
.delete-btn img,
.placement-btn img,
.add-new-placement-btn img,
.add-new-video-btn img {
  vertical-align: bottom;
}

/* line 524, ../../app/assets/scss/base/layout/_contentManager.scss */
.add-new-btn {
  color: #0071CE;
  border: 1.5px solid #0071CE;
  margin-left: 1em;
}

/* line 529, ../../app/assets/scss/base/layout/_contentManager.scss */
.add-new-video-btn {
  color: #0EAFB7;
  border: 1.5px solid #0EAFB7;
  margin-left: 1em;
}

/* line 537, ../../app/assets/scss/base/layout/_contentManager.scss */
.placements .publishBottomBar .publishInfo .pageEdit {
  background-color: #0EAFB7;
}
/* line 540, ../../app/assets/scss/base/layout/_contentManager.scss */
.placements .publishBottomBar .publishInfo button {
  width: 105px;
}
/* line 542, ../../app/assets/scss/base/layout/_contentManager.scss */
.placements .publishBottomBar .publishInfo button.save {
  background-color: #0EAFB7;
  border-color: #0EAFB7;
}
/* line 545, ../../app/assets/scss/base/layout/_contentManager.scss */
.placements .publishBottomBar .publishInfo button.save:disabled {
  background-color: #282f3d;
  border-color: #282f3d;
  color: #1F2532;
}
/* line 554, ../../app/assets/scss/base/layout/_contentManager.scss */
.placements .add-new-btn {
  color: #0EAFB7;
  border: 1.5px solid #0EAFB7;
}
/* line 557, ../../app/assets/scss/base/layout/_contentManager.scss */
.placements .add-new-btn.grey {
  color: #4D4D4F;
  border: 1.5px solid #4D4D4F;
}
/* line 561, ../../app/assets/scss/base/layout/_contentManager.scss */
.placements .add-new-btn:disabled {
  color: #C2C2C4;
  border-color: #C2C2C4;
}
/* line 566, ../../app/assets/scss/base/layout/_contentManager.scss */
.placements .save-content {
  background: #0EAFB7;
  border-color: #0EAFB7;
}
/* line 569, ../../app/assets/scss/base/layout/_contentManager.scss */
.placements .save-content:disabled {
  background-color: #C2C2C4;
  border-color: #C2C2C4;
}

/* line 575, ../../app/assets/scss/base/layout/_contentManager.scss */
.delete-btn {
  color: #C9272D;
  border: 1.5px solid #C9272D;
  margin-left: 1em;
}

/* line 580, ../../app/assets/scss/base/layout/_contentManager.scss */
.placement-btn {
  color: #0EAFB7;
  border: 1.5px solid #0EAFB7;
  float: left;
  margin: 1em 1.5em 1em 0;
  padding: 0.75em 1em;
}

/* line 587, ../../app/assets/scss/base/layout/_contentManager.scss */
.add-new-placement-btn {
  background-color: #0EAFB7;
  border: 1.5px solid #0EAFB7;
  float: none;
  color: white;
  font-size: initial;
}

/* line 594, ../../app/assets/scss/base/layout/_contentManager.scss */
.import-new-btn {
  color: #4A4A4A;
  border: 1.5px solid #4A4A4A;
}

/* line 598, ../../app/assets/scss/base/layout/_contentManager.scss */
.add-video {
  border: 1px solid #4A4A4A;
  margin-top: 1em;
  padding: 1em 0.5em;
  width: 100%;
  outline: none;
  background: #F1F1F1;
  text-align: center;
  color: #4A4A4A;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

/* line 609, ../../app/assets/scss/base/layout/_contentManager.scss */
.padding-right {
  padding-right: 1.2em;
}

/* line 612, ../../app/assets/scss/base/layout/_contentManager.scss */
.margin-right {
  padding-right: 25px;
}

/* line 615, ../../app/assets/scss/base/layout/_contentManager.scss */
#contentManagerDD {
  position: absolute;
  margin: 1.5em;
  top: 13.75em;
}

/* line 621, ../../app/assets/scss/base/layout/_contentManager.scss */
.dropbtn {
  border: 1px solid #4A4A4A;
  padding: 1em 0.5em;
  width: 100%;
  outline: none;
  background: #FFFFFF;
  text-align: left;
  color: #4A4A4A;
}

/* line 631, ../../app/assets/scss/base/layout/_contentManager.scss */
.md-datepicker-open.datepicker > .md-datepicker-input-container {
  border: none;
}

/* line 635, ../../app/assets/scss/base/layout/_contentManager.scss */
.datepicker {
  width: 100%;
  display: flex;
  padding: 0;
  margin: 0;
  flex-direction: row;
  align-items: center;
  align-content: center;
  max-width: 100%;
}
/* line 644, ../../app/assets/scss/base/layout/_contentManager.scss */
.datepicker .md-datepicker-input-container {
  border: 1px solid #4A4A4A;
  padding: 1em 0.5em;
  flex: 1 1 auto;
  outline: none;
  background: #FFFFFF;
  text-align: left;
  color: #4A4A4A;
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
  max-width: 100%;
}
/* line 657, ../../app/assets/scss/base/layout/_contentManager.scss */
.datepicker .md-datepicker-input-container.md-datepicker-focused {
  border-bottom-width: 1px;
}
/* line 660, ../../app/assets/scss/base/layout/_contentManager.scss */
.datepicker .md-datepicker-input-container input {
  flex: 1 1 auto;
  font-size: 16px;
  padding: 0;
}
/* line 665, ../../app/assets/scss/base/layout/_contentManager.scss */
.datepicker .md-datepicker-input-container button.md-datepicker-triangle-button.md-button.md-icon-button {
  flex: 0 1 auto;
  position: relative;
  padding: 0 1em 0 0;
  height: 1em;
  width: 1.5em;
  line-height: 1em;
  min-height: 1em;
}
/* line 673, ../../app/assets/scss/base/layout/_contentManager.scss */
.datepicker .md-datepicker-input-container button.md-datepicker-triangle-button.md-button.md-icon-button .md-datepicker-expand-triangle {
  border-top-color: rgba(0, 0, 0, 0.6);
}

/* line 679, ../../app/assets/scss/base/layout/_contentManager.scss */
.dropdown {
  position: relative;
  display: inline-block;
  width: 100%;
}
/* line 683, ../../app/assets/scss/base/layout/_contentManager.scss */
.dropdown button {
  width: 100%;
}

/* line 687, ../../app/assets/scss/base/layout/_contentManager.scss */
.management-input {
  border: 1px solid #4A4A4A;
  padding: 0.57em;
  width: 100%;
  outline: none;
}

/* line 693, ../../app/assets/scss/base/layout/_contentManager.scss */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  overflow: auto;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  z-index: 1;
  width: 100%;
  text-align: left;
}

/* line 704, ../../app/assets/scss/base/layout/_contentManager.scss */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* line 710, ../../app/assets/scss/base/layout/_contentManager.scss */
.dropdown a:hover {
  background-color: #f1f1f1;
}

/* line 712, ../../app/assets/scss/base/layout/_contentManager.scss */
.show {
  display: block;
}

/* line 715, ../../app/assets/scss/base/layout/_contentManager.scss */
.mgmt_modal_toolbar_top {
  background: #F3F3F3;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
/* line 718, ../../app/assets/scss/base/layout/_contentManager.scss */
.mgmt_modal_toolbar_top.no-shadow {
  box-shadow: none;
}

/* line 722, ../../app/assets/scss/base/layout/_contentManager.scss */
.content_mgmt_dialog {
  min-width: 20em;
  width: 40em;
  max-width: 40em;
  position: fixed;
}

/* line 728, ../../app/assets/scss/base/layout/_contentManager.scss */
.mgmt_dialog_footer {
  background: #F3F3F3;
  padding: 1em 1.5em;
}

/* line 732, ../../app/assets/scss/base/layout/_contentManager.scss */
.mgmt_modal_toolbar_content {
  width: 100%;
}

/* line 735, ../../app/assets/scss/base/layout/_contentManager.scss */
.mgmt_container {
  height: 8em;
  width: 100em;
  vertical-align: middle;
  display: table-cell;
  background-color: #F3F3F3;
  padding: 0 1.5em;
}

/* line 743, ../../app/assets/scss/base/layout/_contentManager.scss */
.mgmt_dialog_content {
  max-height: 30em;
  overflow-y: scroll;
}
/* line 746, ../../app/assets/scss/base/layout/_contentManager.scss */
.mgmt_dialog_content.bordered {
  border-top: solid 1px #C2C2C4;
  border-bottom: solid 1px #C2C2C4;
}
/* line 750, ../../app/assets/scss/base/layout/_contentManager.scss */
.mgmt_dialog_content.fix_size {
  height: 30em;
  max-width: 100%;
  width: 55em;
}

/* line 757, ../../app/assets/scss/base/layout/_contentManager.scss */
.warning {
  width: 100%;
  padding: 0.5em;
  border: solid 1px #C2C2C4;
  margin-bottom: 1em;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
/* line 763, ../../app/assets/scss/base/layout/_contentManager.scss */
.warning .bold {
  font-weight: bold;
}
/* line 766, ../../app/assets/scss/base/layout/_contentManager.scss */
.warning > span {
  margin-right: 1em;
}
/* line 768, ../../app/assets/scss/base/layout/_contentManager.scss */
.warning > span.bold {
  margin-right: 2px;
}

/* line 774, ../../app/assets/scss/base/layout/_contentManager.scss */
.statusIcon {
  margin-right: 10px;
}

/* line 778, ../../app/assets/scss/base/layout/_contentManager.scss */
.promotionProgress {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: #97D4D7;
  height: 100%;
}
/* line 786, ../../app/assets/scss/base/layout/_contentManager.scss */
.promotionProgress > .md-container {
  height: 100%;
}
/* line 788, ../../app/assets/scss/base/layout/_contentManager.scss */
.promotionProgress > .md-container > .md-bar {
  height: 100%;
}

/* line 794, ../../app/assets/scss/base/layout/_contentManager.scss */
.relative {
  position: relative;
}

/* line 798, ../../app/assets/scss/base/layout/_contentManager.scss */
.float {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* line 802, ../../app/assets/scss/base/layout/_contentManager.scss */
.mgmt_container_left_item {
  height: auto;
  color: white;
  font-size: 20px;
  width: 50%;
}
/* line 807, ../../app/assets/scss/base/layout/_contentManager.scss */
.mgmt_container_left_item h2 {
  color: #4A4A4A;
}

/* line 811, ../../app/assets/scss/base/layout/_contentManager.scss */
.mgmt_container_right_item {
  height: auto;
  color: white;
  font-size: 20px;
  width: 50%;
}
/* line 816, ../../app/assets/scss/base/layout/_contentManager.scss */
.mgmt_container_right_item button {
  float: right;
}

/* line 820, ../../app/assets/scss/base/layout/_contentManager.scss */
.mgmt_container_save {
  background: #0071CE;
  border: none;
  color: white;
  padding: 0.5em 2em;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
/* line 826, ../../app/assets/scss/base/layout/_contentManager.scss */
.mgmt_container_save:disabled {
  background-color: #C2C2C4;
  border-color: #C2C2C4;
}

/* line 832, ../../app/assets/scss/base/layout/_contentManager.scss */
.mgmt_container_left_item, .mgmt_container_right_item {
  display: inline-block;
  vertical-align: middle;
}

/* line 837, ../../app/assets/scss/base/layout/_contentManager.scss */
.select {
  margin-left: 1em;
}

/* line 841, ../../app/assets/scss/base/layout/_contentManager.scss */
.main-content.content-manager {
  min-height: 100vh;
}

/* line 845, ../../app/assets/scss/base/layout/_contentManager.scss */
.content-manager md-select {
  margin: 0;
  padding: 0.3em 0.5em;
}

/* line 850, ../../app/assets/scss/base/layout/_contentManager.scss */
.content-manager {
  overflow: visible;
}

/* line 854, ../../app/assets/scss/base/layout/_contentManager.scss */
.asset_library_header {
  padding: 0 1.5em;
}
/* line 856, ../../app/assets/scss/base/layout/_contentManager.scss */
.asset_library_header .mgmt_container_left_item {
  font-size: initial;
  width: initial;
}
/* line 860, ../../app/assets/scss/base/layout/_contentManager.scss */
.asset_library_header .mgmt_container_right_item {
  font-size: initial;
  width: initial;
  text-align: right;
}
/* line 864, ../../app/assets/scss/base/layout/_contentManager.scss */
.asset_library_header .mgmt_container_right_item::before {
  content: '';
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}
/* line 872, ../../app/assets/scss/base/layout/_contentManager.scss */
.asset_library_header .mgmt_container_save {
  display: inline-block;
  vertical-align: middle;
  float: none;
}

/* line 881, ../../app/assets/scss/base/layout/_contentManager.scss */
.promotions_dialog .loadingFile,
.asset_library_dialog .loadingFile {
  opacity: 0.3;
  z-index: 10;
}
/* line 885, ../../app/assets/scss/base/layout/_contentManager.scss */
.promotions_dialog .message,
.asset_library_dialog .message {
  padding: 0.5em 1.5em;
  font-weight: bold;
}
/* line 890, ../../app/assets/scss/base/layout/_contentManager.scss */
.promotions_dialog .mgmt_dialog_content::-webkit-scrollbar,
.asset_library_dialog .mgmt_dialog_content::-webkit-scrollbar {
  width: 10px;
}
/* line 893, ../../app/assets/scss/base/layout/_contentManager.scss */
.promotions_dialog .mgmt_dialog_content::-webkit-scrollbar-thumb,
.asset_library_dialog .mgmt_dialog_content::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #C2C2C4;
}
/* line 899, ../../app/assets/scss/base/layout/_contentManager.scss */
.promotions_dialog .mgmt_dialog_footer button,
.asset_library_dialog .mgmt_dialog_footer button {
  width: 105px;
  padding: 0.55em 0;
}
/* line 902, ../../app/assets/scss/base/layout/_contentManager.scss */
.promotions_dialog .mgmt_dialog_footer button.mgmt_container_save,
.asset_library_dialog .mgmt_dialog_footer button.mgmt_container_save {
  background-color: #0EAFB7;
  border-color: #0EAFB7;
}
/* line 905, ../../app/assets/scss/base/layout/_contentManager.scss */
.promotions_dialog .mgmt_dialog_footer button.mgmt_container_save:disabled,
.asset_library_dialog .mgmt_dialog_footer button.mgmt_container_save:disabled {
  background-color: #C2C2C4;
  border-color: #C2C2C4;
}

/* line 914, ../../app/assets/scss/base/layout/_contentManager.scss */
.carousel {
  border: solid 1px #C2C2C4;
  margin: 1em 0;
  padding: 1em;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
/* line 919, ../../app/assets/scss/base/layout/_contentManager.scss */
.carousel .carousel-top {
  height: 5em;
  display: block;
}
/* line 922, ../../app/assets/scss/base/layout/_contentManager.scss */
.carousel .carousel-top .h1 {
  font-size: 26px;
  font-weight: bold;
  color: #4A4A4A;
  float: left;
  line-height: 2.5em;
}
/* line 930, ../../app/assets/scss/base/layout/_contentManager.scss */
.carousel.social {
  padding: 2em;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}
/* line 933, ../../app/assets/scss/base/layout/_contentManager.scss */
.carousel.social .carousel-top {
  height: 3.5em;
}
/* line 936, ../../app/assets/scss/base/layout/_contentManager.scss */
.carousel.social .eventButton img {
  margin-right: 0.8em;
}
/* line 939, ../../app/assets/scss/base/layout/_contentManager.scss */
.carousel.social p {
  font-size: 14px;
}
/* line 942, ../../app/assets/scss/base/layout/_contentManager.scss */
.carousel.social md-list {
  padding: 0;
}
/* line 944, ../../app/assets/scss/base/layout/_contentManager.scss */
.carousel.social md-list md-list-item {
  min-height: initial;
  padding: 0;
  position: relative;
}
/* line 948, ../../app/assets/scss/base/layout/_contentManager.scss */
.carousel.social md-list md-list-item img.md-avatar {
  margin: 0 16px 0 0;
}
/* line 952, ../../app/assets/scss/base/layout/_contentManager.scss */
.carousel.social md-list md-list-item div.md-list-item-text {
  margin: 0;
}
/* line 954, ../../app/assets/scss/base/layout/_contentManager.scss */
.carousel.social md-list md-list-item div.md-list-item-text h3 {
  font-weight: bold;
}
/* line 958, ../../app/assets/scss/base/layout/_contentManager.scss */
.carousel.social md-list md-list-item div.social-circle {
  width: 1em;
  height: 1em;
  position: absolute;
  bottom: 0;
  left: 30px;
}
/* line 964, ../../app/assets/scss/base/layout/_contentManager.scss */
.carousel.social md-list md-list-item div.social-circle i {
  font-size: 11px;
}

/* line 974, ../../app/assets/scss/base/layout/_contentManager.scss */
button.continue.no-icon.add-new-placement-btn {
  background-color: #0EAFB7;
  border: 1.5px solid #0EAFB7;
  float: right;
  color: white;
  font-size: initial;
  padding: 0.75em 3em;
  font-weight: bold;
  margin-bottom: 1.2em;
}

/* line 985, ../../app/assets/scss/base/layout/_contentManager.scss */
.datepickerWrapper {
  margin-top: 1em;
}

/* line 989, ../../app/assets/scss/base/layout/_contentManager.scss */
.social-circle {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  height: 2em;
  width: 2em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
/* line 997, ../../app/assets/scss/base/layout/_contentManager.scss */
.social-circle i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* line 1002, ../../app/assets/scss/base/layout/_contentManager.scss */
.callToAction {
  border: solid 1px #97D4D7;
  font-size: 13px;
  margin: 4em 0;
  padding: 8em 1em;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
/* line 1009, ../../app/assets/scss/base/layout/_contentManager.scss */
.callToAction.carousel {
  margin: 1em 0;
  padding: 4em 1em;
}
/* line 1012, ../../app/assets/scss/base/layout/_contentManager.scss */
.callToAction.carousel button {
  padding: 0.75em 3em;
  font-weight: bold;
}
/* line 1017, ../../app/assets/scss/base/layout/_contentManager.scss */
.callToAction .action {
  font-weight: bold;
  font-size: 24px;
  display: block;
  margin-bottom: 10px;
}

/* line 1026, ../../app/assets/scss/base/layout/_contentManager.scss */
.md-dialog-content .dependencies {
  margin-bottom: 1em;
  cursor: pointer;
}
/* line 1029, ../../app/assets/scss/base/layout/_contentManager.scss */
.md-dialog-content .dependencies:focus {
  outline: none;
}
/* line 1034, ../../app/assets/scss/base/layout/_contentManager.scss */
.md-dialog-content .hidden-content textarea {
  margin-bottom: 1em;
}
/* line 1037, ../../app/assets/scss/base/layout/_contentManager.scss */
.md-dialog-content .hidden-content md-divider {
  margin: 1em 0;
}
/* line 1041, ../../app/assets/scss/base/layout/_contentManager.scss */
.md-dialog-content textarea {
  resize: none;
}
/* line 1043, ../../app/assets/scss/base/layout/_contentManager.scss */
.md-dialog-content textarea.embed {
  width: 100%;
  height: 6em;
  padding: 1em;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
/* line 1050, ../../app/assets/scss/base/layout/_contentManager.scss */
.md-dialog-content button.mgmt_container_save {
  margin: 1em 0 2em 0;
  background-color: #0EAFB7;
  border-color: #0EAFB7;
}

/* line 1057, ../../app/assets/scss/base/layout/_contentManager.scss */
tr.hoverRow:hover,
tr.hoverCell td:hover:not(.disabled) {
  color: #0EAFB7;
}

/* line 1062, ../../app/assets/scss/base/layout/_contentManager.scss */
td.disabled {
  color: #C2C2C4;
}

/* line 1066, ../../app/assets/scss/base/layout/_contentManager.scss */
.management-spacers md-autocomplete {
  height: unset;
}
/* line 1068, ../../app/assets/scss/base/layout/_contentManager.scss */
.management-spacers md-autocomplete md-autocomplete-wrap {
  border: 1px solid #4D4D4F;
  box-shadow: none;
  height: unset;
}
/* line 1072, ../../app/assets/scss/base/layout/_contentManager.scss */
.management-spacers md-autocomplete md-autocomplete-wrap input:not(.md-input) {
  font-size: 100%;
  border-radius: unset;
  line-height: unset;
  height: unset;
  padding: 0.57em 0.5em;
}
/* line 1078, ../../app/assets/scss/base/layout/_contentManager.scss */
.management-spacers md-autocomplete md-autocomplete-wrap input:not(.md-input)::placeholder {
  color: #4D4D4F;
}

/* line 1085, ../../app/assets/scss/base/layout/_contentManager.scss */
.penny-pot-button {
  background: #0C8C8D;
  border: 1px solid #0C8C8D;
  text-transform: capitalize;
  width: 100%;
}

/* line 1, ../../app/assets/scss/base/layout/_analytics.scss */
.selector-wrapper {
  display: inline-flex !important;
}

/* line 5, ../../app/assets/scss/base/layout/_analytics.scss */
.runrepdesk {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  background: #0071CE;
  border: none;
  color: #FFF;
  width: 120px;
  height: 48px;
  margin: 0 0 0 .5em;
}
/* line 13, ../../app/assets/scss/base/layout/_analytics.scss */
.runrepdesk:disabled {
  border-color: #C2C2C4;
  background-color: #C2C2C4;
}

/* line 19, ../../app/assets/scss/base/layout/_analytics.scss */
.add-catalog-btn,
.delete-catalog-btn {
  margin: 0 0 0 .5em;
}
/* line 23, ../../app/assets/scss/base/layout/_analytics.scss */
.add-catalog-btn .add-catalog-btn-text,
.delete-catalog-btn .add-catalog-btn-text {
  padding-right: 1em;
}
/* line 26, ../../app/assets/scss/base/layout/_analytics.scss */
.add-catalog-btn i,
.delete-catalog-btn i {
  float: right;
  position: absolute;
  right: 0.2em;
  top: 0.2em;
  font-size: 2em;
  font-weight: 600;
}

/* line 36, ../../app/assets/scss/base/layout/_analytics.scss */
.add-catalog-btn {
  color: #0071CE;
  border: 1.5px solid #0071CE;
  width: 90px;
  height: 48px;
}
/* line 41, ../../app/assets/scss/base/layout/_analytics.scss */
.add-catalog-btn:disabled {
  color: #C2C2C4;
  border-color: #C2C2C4;
}

/* line 47, ../../app/assets/scss/base/layout/_analytics.scss */
.delete-catalog-btn {
  float: left;
  color: #C9272D;
  border: 1.5px solid #C9272D;
  width: 110px;
  height: 48px;
}

/* line 55, ../../app/assets/scss/base/layout/_analytics.scss */
.content-manager md-divider,
.overview {
  margin: 2em 1.5em 1em;
}
/* line 58, ../../app/assets/scss/base/layout/_analytics.scss */
.content-manager md-divider > md-divider,
.overview > md-divider {
  margin: 3em 0;
}

/* line 63, ../../app/assets/scss/base/layout/_analytics.scss */
.overview {
  padding-bottom: 2em;
}

/* line 68, ../../app/assets/scss/base/layout/_analytics.scss */
.ageGender > div > img {
  margin: 0 4em 0 1em;
}
/* line 71, ../../app/assets/scss/base/layout/_analytics.scss */
.ageGender > img {
  margin: 0 4em 0 1em;
}
/* line 72, ../../app/assets/scss/base/layout/_analytics.scss */
.ageGender > img.phone {
  width: 40px;
}
/* line 75, ../../app/assets/scss/base/layout/_analytics.scss */
.ageGender > img.desktop {
  width: 55px;
}
/* line 78, ../../app/assets/scss/base/layout/_analytics.scss */
.ageGender > img.tablet {
  width: 40px;
}
/* line 83, ../../app/assets/scss/base/layout/_analytics.scss */
.ageGender .total {
  font-style: italic;
  color: #909091;
}

/* line 89, ../../app/assets/scss/base/layout/_analytics.scss */
.title {
  font-weight: bold;
  font-size: 20px;
  color: #909091;
}

/* line 95, ../../app/assets/scss/base/layout/_analytics.scss */
.big {
  font-weight: bold;
  font-size: 50px;
}

/* line 100, ../../app/assets/scss/base/layout/_analytics.scss */
.not-so-big {
  font-weight: bold;
  font-size: 30px;
}

/* line 105, ../../app/assets/scss/base/layout/_analytics.scss */
.card {
  border: 1px solid #C2C2C4;
  padding: 0 0 2em 0;
  position: relative;
  height: 200px;
  width: 200px;
  margin: 0 2em 0 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
/* line 113, ../../app/assets/scss/base/layout/_analytics.scss */
.card:last-child {
  margin: 0;
}
/* line 116, ../../app/assets/scss/base/layout/_analytics.scss */
.card.small {
  width: 175px;
  font-weight: bold;
}
/* line 119, ../../app/assets/scss/base/layout/_analytics.scss */
.card.small::before {
  position: absolute;
  top: 2em;
  left: 50%;
  transform: translateX(-50%);
}
/* line 125, ../../app/assets/scss/base/layout/_analytics.scss */
.card.small.phone::before {
  content: url("../app-content/img/icons/customicons/phone_icon.svg");
}
/* line 128, ../../app/assets/scss/base/layout/_analytics.scss */
.card.small.tablet::before {
  content: url("../app-content/img/icons/customicons/tablet_icon.svg");
}
/* line 131, ../../app/assets/scss/base/layout/_analytics.scss */
.card.small.desktop::before {
  content: url("../app-content/img/icons/customicons/laptop_icon.svg");
}

/* line 137, ../../app/assets/scss/base/layout/_analytics.scss */
.cardBar {
  margin: 2em 0;
}
/* line 139, ../../app/assets/scss/base/layout/_analytics.scss */
.cardBar .card {
  text-align: center;
}
/* line 141, ../../app/assets/scss/base/layout/_analytics.scss */
.cardBar .card::before {
  position: absolute;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  background: white;
  border: 8px solid white;
}
/* line 148, ../../app/assets/scss/base/layout/_analytics.scss */
.cardBar .card::after {
  content: '';
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: bottom;
}
/* line 155, ../../app/assets/scss/base/layout/_analytics.scss */
.cardBar .card > div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* line 158, ../../app/assets/scss/base/layout/_analytics.scss */
.cardBar .card > span {
  vertical-align: bottom;
}
/* line 162, ../../app/assets/scss/base/layout/_analytics.scss */
.cardBar .card.views > div {
  color: #0071CE;
}
/* line 165, ../../app/assets/scss/base/layout/_analytics.scss */
.cardBar .card.views::before {
  content: url("../app-content/img/icons/customicons/view_icon.svg");
}
/* line 170, ../../app/assets/scss/base/layout/_analytics.scss */
.cardBar .card.finishes > div {
  color: #F06A1D;
}
/* line 173, ../../app/assets/scss/base/layout/_analytics.scss */
.cardBar .card.finishes::before {
  content: url("../app-content/img/icons/customicons/flag_icon.svg");
}
/* line 178, ../../app/assets/scss/base/layout/_analytics.scss */
.cardBar .card.hearts > div {
  color: #C9272D;
}
/* line 181, ../../app/assets/scss/base/layout/_analytics.scss */
.cardBar .card.hearts::before {
  content: url("../app-content/img/icons/customicons/heart_icon.svg");
}
/* line 186, ../../app/assets/scss/base/layout/_analytics.scss */
.cardBar .card.comments > div {
  color: #3F3B73;
}
/* line 189, ../../app/assets/scss/base/layout/_analytics.scss */
.cardBar .card.comments::before {
  content: url("../app-content/img/icons/customicons/comment_icon.svg");
}

/* line 197, ../../app/assets/scss/base/layout/_analytics.scss */
.buttonBar .tab {
  background: transparent;
  border: 1px solid #4D4D4F;
  color: #4D4D4F;
  width: 100px;
  padding: .7em;
  margin: 1em 0;
}
/* line 204, ../../app/assets/scss/base/layout/_analytics.scss */
.buttonBar .tab.selected {
  background-color: #EDEDED;
  font-weight: bold;
}
/* line 208, ../../app/assets/scss/base/layout/_analytics.scss */
.buttonBar .tab:first-child {
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
/* line 212, ../../app/assets/scss/base/layout/_analytics.scss */
.buttonBar .tab:last-child {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
}

/* line 5, ../../app/assets/scss/base/layout/_crowdfund.scss */
.progressindicator {
  margin: 1em 0;
  position: relative;
  bottom: 0;
  width: 100%;
  height: 40px;
  background: rgba(202, 131, 46, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = '#4cCA832E', endColorstr="#4cCA832E");
}
@media (min-width: 48em) {
  /* line 5, ../../app/assets/scss/base/layout/_crowdfund.scss */
  .progressindicator {
    margin: 0;
  }
}

/* line 18, ../../app/assets/scss/base/layout/_crowdfund.scss */
.progress {
  left: 0;
  top: 0;
  background: #F4A431;
  height: 100%;
  width: 10%;
  -moz-transition: width 1s ease-in;
  -webkit-transition: width 1s ease-in;
  transition: width 1s ease-in;
}

/* line 29, ../../app/assets/scss/base/layout/_crowdfund.scss */
a .incentives {
  padding: 1em;
  margin: 1em 0;
  border: 1px solid #C2C2C4;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

/* line 35, ../../app/assets/scss/base/layout/_crowdfund.scss */
.blockit {
  display: block;
  width: 100%;
}

/* line 39, ../../app/assets/scss/base/layout/_crowdfund.scss */
.flexit {
  display: flex;
  width: 100%;
}

/* line 43, ../../app/assets/scss/base/layout/_crowdfund.scss */
.pledgedlists ul {
  margin: 1em 0;
  padding: 0;
}

/* line 47, ../../app/assets/scss/base/layout/_crowdfund.scss */
.watchnow {
  background: #FFF;
  border: 1px solid #0071CE;
  padding: 1em;
  color: #0071CE;
  width: 100%;
  text-align: center;
  margin: 1.35em 0 0 0;
  text-transform: capitalize;
  outline: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  text-transform: uppercase;
}

/* line 60, ../../app/assets/scss/base/layout/_crowdfund.scss */
.cfradios .radio {
  background-color: #C2C2C4;
  display: inline-block;
  width: 50%;
  height: 3.5em;
  cursor: pointer;
  float: left;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  position: relative;
}

/* line 71, ../../app/assets/scss/base/layout/_crowdfund.scss */
.centervalue {
  position: absolute;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  /* bring your own prefixes */
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  color: black;
}

/* line 77, ../../app/assets/scss/base/layout/_crowdfund.scss */
.cfradios .flexit .tipwrap:first-of-type .cfradio {
  margin: 0.5em 0.5em 0.5em 0;
}

/* line 81, ../../app/assets/scss/base/layout/_crowdfund.scss */
.cfradios .flexit .tipwrap:last-of-type .cfradio {
  margin: 0.5em 0;
}

/* line 85, ../../app/assets/scss/base/layout/_crowdfund.scss */
.progresslist {
  margin: 0;
  padding: 0;
}

/* line 89, ../../app/assets/scss/base/layout/_crowdfund.scss */
.testStretch {
  width: 100%;
  padding: 1em;
  display: block;
  background: orange;
}

/* line 95, ../../app/assets/scss/base/layout/_crowdfund.scss */
a .incentives ul li:first-of-type, .pledgedlists ul:first-of-type li:first-of-type {
  font-size: 1.7em;
  font-weight: 600;
  color: #F4A431;
  margin: 0;
  padding: 0;
  line-height: 1.5em;
}

/* line 103, ../../app/assets/scss/base/layout/_crowdfund.scss */
.pledgedlists ul:not(:first-of-type) li:first-of-type {
  font-size: 1.7em;
  font-weight: 600;
  color: #595959;
  margin: 0;
  padding: 0;
  line-height: 1.5em;
}

/* line 111, ../../app/assets/scss/base/layout/_crowdfund.scss */
.hasSocial h2 i {
  color: #C2C2C4;
  margin: 0 1em;
  cursor: pointer;
  font-size: 0.65em;
}

/*
.progressindicator {
  width: 100%;
  background: $lightG;
  padding: 1em;
  display: block;
  position: relative;
  margin: 1em 0;
  .progress {
    background: $loadOrange;
    position: absolute;
    width: 13em;
    left: 0;
    top: 0;
    height: 100%;
  }
  @include tablet {
    margin: 0;
  };
}
*/
/* line 144, ../../app/assets/scss/base/layout/_crowdfund.scss */
a .incentives ul {
  padding: 0.25em 1em;
  margin: 0;
}
/* line 147, ../../app/assets/scss/base/layout/_crowdfund.scss */
a .incentives ul * {
  color: #595959;
}

/* line 157, ../../app/assets/scss/base/layout/_crowdfund.scss */
a .incentives ul li:nth-child(2) {
  font-size: 1.5em;
  font-weight: 500;
  text-transform: capitalize;
}

/* line 162, ../../app/assets/scss/base/layout/_crowdfund.scss */
a .incentives ul li:nth-child(3n) {
  margin-bottom: 1em;
}

/* line 1, ../../app/assets/scss/base/layout/_embeddedVideo.scss */
.embeddedVideoPlayerContainer {
  background: transparent;
  width: 100%;
  overflow-x: hidden;
  height: 100vh;
}
@media (min-width: 48em) {
  /* line 1, ../../app/assets/scss/base/layout/_embeddedVideo.scss */
  .embeddedVideoPlayerContainer {
    background: black;
    max-width: 100em;
    display: flex;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
  }
}

/* line 20, ../../app/assets/scss/base/layout/_embeddedVideo.scss */
.embeddedVideoPlayerContainer .embeddedVideoPlayerInner {
  background: black;
  margin: 0 auto;
  width: 100%;
  display: inherit;
}
@media (min-width: 48em) {
  /* line 20, ../../app/assets/scss/base/layout/_embeddedVideo.scss */
  .embeddedVideoPlayerContainer .embeddedVideoPlayerInner {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    /* bring your own prefixes */
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    min-height: 38vw;
    max-height: 38vw;
    max-width: 95vw;
  }
}
@media screen and (max-width: 1065px) {
  /* line 20, ../../app/assets/scss/base/layout/_embeddedVideo.scss */
  .embeddedVideoPlayerContainer .embeddedVideoPlayerInner {
    min-height: 17.5em;
    max-width: 54.8em;
  }
}

/* line 40, ../../app/assets/scss/base/layout/_embeddedVideo.scss */
.embeddedVideoPlayerContainer .embeddedVideoPlayerInner .embeddedVideoPlayerForMobile {
  width: 100vw;
  float: left;
  background: transparent;
  position: static;
  z-index: 9;
  display: block;
  height: 57vw;
}
@media (min-width: 48em) {
  /* line 40, ../../app/assets/scss/base/layout/_embeddedVideo.scss */
  .embeddedVideoPlayerContainer .embeddedVideoPlayerInner .embeddedVideoPlayerForMobile {
    display: none;
  }
}

/* line 53, ../../app/assets/scss/base/layout/_embeddedVideo.scss */
.embeddedVideoPlayerContainer .embeddedVideoPlayerInner .embeddedVideoPlayer {
  width: 100vw;
  float: left;
  background: black;
  position: fixed;
  z-index: 10;
  overflow-y: auto;
  overflow-y: hidden;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
}
@media (min-width: 48em) {
  /* line 53, ../../app/assets/scss/base/layout/_embeddedVideo.scss */
  .embeddedVideoPlayerContainer .embeddedVideoPlayerInner .embeddedVideoPlayer {
    background: black;
    position: relative;
    min-height: 10em;
    width: 100vw;
    z-index: 15;
    overflow: initial;
  }
}

/* line 459, ../../app/assets/scss/base/vendor/_angular-material.scss */
html, body {
  height: 100%;
  position: relative;
}

/* line 464, ../../app/assets/scss/base/vendor/_angular-material.scss */
body {
  margin: 0;
  padding: 0;
}

/* line 469, ../../app/assets/scss/base/vendor/_angular-material.scss */
[tabindex='-1']:focus {
  outline: none;
}

/* line 472, ../../app/assets/scss/base/vendor/_angular-material.scss */
.inset {
  padding: 10px;
}

/* line 476, ../../app/assets/scss/base/vendor/_angular-material.scss */
a.md-no-style,
button.md-no-style {
  font-weight: normal;
  background-color: inherit;
  text-align: left;
  border: none;
  padding: 0;
  margin: 0;
}

/* line 486, ../../app/assets/scss/base/vendor/_angular-material.scss */
select,
button,
textarea,
input {
  vertical-align: baseline;
}

/* line 494, ../../app/assets/scss/base/vendor/_angular-material.scss */
input[type="reset"],
input[type="submit"],
html input[type="button"],
button {
  cursor: pointer;
  -webkit-appearance: button;
}
/* line 501, ../../app/assets/scss/base/vendor/_angular-material.scss */
input[type="reset"][disabled],
input[type="submit"][disabled],
html input[type="button"][disabled],
button[disabled] {
  cursor: default;
}

/* line 506, ../../app/assets/scss/base/vendor/_angular-material.scss */
textarea {
  vertical-align: top;
  overflow: auto;
}

/* line 512, ../../app/assets/scss/base/vendor/_angular-material.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
}
/* line 517, ../../app/assets/scss/base/vendor/_angular-material.scss */
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
/* line 522, ../../app/assets/scss/base/vendor/_angular-material.scss */
input:-webkit-autofill {
  text-shadow: none;
}

/* line 527, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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;
}

/* line 539, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-shadow {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: inherit;
  pointer-events: none;
}

/* line 549, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-shadow-bottom-z-1 {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

/* line 552, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-shadow-bottom-z-2 {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
}

/* line 556, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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
 */
/* line 564, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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);
}

/* line 575, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-ripple {
  position: absolute;
  transform: translate(-50%, -50%) scale(0);
  transform-origin: 50% 50%;
  opacity: 0;
  border-radius: 50%;
}
/* line 582, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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);
}
/* line 590, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-ripple.md-ripple-scaled {
  transform: translate(-50%, -50%) scale(1);
}
/* line 593, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-ripple.md-ripple-active, .md-ripple.md-ripple-full, .md-ripple.md-ripple-visible {
  opacity: 0.20;
}
/* line 596, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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: .15;
  }
  100% {
    opacity: 0;
  }
}
/* line 607, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-padding {
  padding: 8px;
}

/* line 611, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-margin {
  margin: 8px;
}

/* line 615, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-scroll-mask {
  position: absolute;
  background-color: transparent;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 50;
}
/* line 624, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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);
}

/* line 638, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-no-momentum {
  -webkit-overflow-scrolling: auto;
}

/* line 644, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-no-flicker {
  -webkit-filter: blur(0px);
}

@media (min-width: 960px) {
  /* line 649, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .md-padding {
    padding: 16px;
  }
}
/* line 657, ../../app/assets/scss/base/vendor/_angular-material.scss */
html[dir=rtl], html[dir=ltr], body[dir=rtl], body[dir=ltr] {
  unicode-bidi: embed;
}

/* line 662, ../../app/assets/scss/base/vendor/_angular-material.scss */
bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

/* line 666, ../../app/assets/scss/base/vendor/_angular-material.scss */
bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

/* line 679, ../../app/assets/scss/base/vendor/_angular-material.scss */
html, body {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  min-height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/************
 * Headings
 ************/
/* line 700, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-display-4 {
  font-size: 112px;
  font-weight: 300;
  letter-spacing: -0.010em;
  line-height: 112px;
}

/* line 706, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-display-3 {
  font-size: 56px;
  font-weight: 400;
  letter-spacing: -0.005em;
  line-height: 56px;
}

/* line 712, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-display-2 {
  font-size: 45px;
  font-weight: 400;
  line-height: 64px;
}

/* line 717, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-display-1 {
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
}

/* line 722, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-headline {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

/* line 727, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-title {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.005em;
}

/* line 730, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-subhead {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.010em;
  line-height: 24px;
}

/************
 * Body Copy
 ************/
/* line 736, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-body-1 {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.010em;
  line-height: 20px;
}

/* line 739, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-body-2 {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.010em;
  line-height: 24px;
}

/* line 742, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-caption {
  font-size: 12px;
  letter-spacing: 0.020em;
}

/* line 746, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-button {
  letter-spacing: 0.010em;
}

/************
 * Defaults
 ************/
/* line 754, ../../app/assets/scss/base/vendor/_angular-material.scss */
button,
select,
html,
textarea,
input {
  font-family: "Lato", "Helvetica Neue", sans-serif;
}

/* line 762, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
  }
}
/* line 1242, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-autocomplete {
  border-radius: 2px;
  display: block;
  height: 40px;
  position: relative;
  overflow: visible;
  min-width: 190px;
}
/* line 1250, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-autocomplete[disabled] input {
  cursor: default;
}
/* line 1254, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-autocomplete[md-floating-label] {
  border-radius: 0;
  background: transparent;
  height: auto;
}
/* line 1259, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-autocomplete[md-floating-label] md-input-container {
  padding-bottom: 0px;
}
/* line 1262, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-autocomplete[md-floating-label] md-autocomplete-wrap {
  height: auto;
}
/* line 1265, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-autocomplete[md-floating-label] button {
  position: absolute;
  top: auto;
  bottom: 0;
  right: 0;
  width: 30px;
  height: 30px;
}
/* line 1274, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-autocomplete md-autocomplete-wrap {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  position: relative;
  overflow: visible;
  height: 40px;
}
/* line 1284, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-autocomplete md-autocomplete-wrap.md-menu-showing {
  z-index: 51;
}
/* line 1288, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-autocomplete md-autocomplete-wrap md-input-container, md-autocomplete md-autocomplete-wrap input {
  flex: 1 1 0%;
  box-sizing: border-box;
  min-width: 0;
}
/* line 1295, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-autocomplete md-autocomplete-wrap md-progress-linear {
  position: absolute;
  bottom: -2px;
  left: 0;
}
/* line 1300, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-autocomplete md-autocomplete-wrap md-progress-linear.md-inline {
  bottom: 40px;
  right: 2px;
  left: 2px;
  width: auto;
}
/* line 1306, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  transition: none;
}
/* line 1314, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate .md-container {
  transition: none;
  height: 3px;
}
/* line 1318, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-enter {
  transition: opacity 0.15s linear;
}
/* line 1320, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-enter.ng-enter-active {
  opacity: 1;
}
/* line 1324, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-leave {
  transition: opacity 0.15s linear;
}
/* line 1326, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-leave.ng-leave-active {
  opacity: 0;
}
/* line 1333, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-autocomplete input:not(.md-input) {
  font-size: 14px;
  box-sizing: border-box;
  border: none;
  box-shadow: none;
  outline: none;
  background: transparent;
  width: 100%;
  padding: 0 15px;
  line-height: 40px;
  height: 40px;
}
/* line 192, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-autocomplete input:not(.md-input)::-ms-clear {
  display: none;
}
/* line 1340, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-autocomplete button {
  position: relative;
  line-height: 20px;
  text-align: center;
  width: 30px;
  height: 30px;
  cursor: pointer;
  border: none;
  border-radius: 50%;
  padding: 0;
  font-size: 12px;
  background: transparent;
  margin: auto 5px;
}
/* line 1353, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-autocomplete button:after {
  content: '';
  position: absolute;
  top: -6px;
  right: -6px;
  bottom: -6px;
  left: -6px;
  border-radius: 50%;
  transform: scale(0);
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
/* line 1365, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-autocomplete button:focus {
  outline: none;
}
/* line 1368, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-autocomplete button:focus:after {
  transform: scale(1);
  opacity: 1;
}
/* line 1373, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-autocomplete button md-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0) scale(0.9);
}
/* line 1378, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-autocomplete button md-icon path {
  stroke-width: 0;
}
/* line 1382, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-autocomplete button.ng-enter {
  transform: scale(0);
  transition: transform 0.15s ease-out;
}
/* line 1385, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-autocomplete button.ng-enter.ng-enter-active {
  transform: scale(1);
}
/* line 1389, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-autocomplete button.ng-leave {
  transition: transform 0.15s ease-out;
}
/* line 1391, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-autocomplete button.ng-leave.ng-leave-active {
  transform: scale(0);
}
@media screen and (-ms-high-contrast: active) {
  /* line 1400, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-autocomplete input {
    border: 1px solid #fff;
  }
  /* line 1403, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-autocomplete li:focus {
    color: #fff;
  }
}

/* line 1409, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-virtual-repeat-container.md-autocomplete-suggestions-container {
  position: absolute;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  z-index: 100;
}

/* line 1415, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-virtual-repeat-container.md-not-found {
  height: 48px;
}

/* line 1419, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-autocomplete-suggestions {
  margin: 0;
  list-style: none;
  padding: 0;
}
/* line 1424, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-autocomplete-suggestions li {
  font-size: 14px;
  overflow: hidden;
  padding: 0 15px;
  line-height: 48px;
  height: 48px;
  transition: background 0.15s linear;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* line 1435, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-autocomplete-suggestions li:focus {
  outline: none;
}
/* line 1439, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-autocomplete-suggestions li:not(.md-not-found-wrapper) {
  cursor: pointer;
}

@media screen and (-ms-high-contrast: active) {
  /* line 1447, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-autocomplete,
  .md-autocomplete-suggestions {
    border: 1px solid #fff;
  }
}
/* line 1456, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-backdrop {
  transition: opacity 450ms;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 50;
}
/* line 1467, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-backdrop.md-menu-backdrop {
  position: fixed !important;
  z-index: 99;
}
/* line 1471, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-backdrop.md-select-backdrop {
  z-index: 81;
  transition-duration: 0;
}
/* line 1475, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-backdrop.md-dialog-backdrop {
  z-index: 79;
}
/* line 1478, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-backdrop.md-bottom-sheet-backdrop {
  z-index: 69;
}
/* line 1481, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-backdrop.md-sidenav-backdrop {
  z-index: 59;
}
/* line 1486, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-backdrop.md-click-catcher {
  position: absolute;
}
/* line 1490, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-backdrop.md-opaque {
  opacity: .48;
}
/* line 1494, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-backdrop.md-opaque.ng-enter {
  opacity: 0;
}
/* line 1497, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-backdrop.md-opaque.ng-enter.md-opaque.ng-enter-active {
  opacity: .48;
}
/* line 1500, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-backdrop.md-opaque.ng-leave {
  opacity: .48;
  transition: opacity 400ms;
}
/* line 1504, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-backdrop.md-opaque.ng-leave.md-opaque.ng-leave-active {
  opacity: 0;
}

/* line 1520, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 1535, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-bottom-sheet.md-has-header {
  padding-top: 0;
}
/* line 1539, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-bottom-sheet.ng-enter {
  opacity: 0;
  transform: translate3d(0, 100%, 0);
}
/* line 1544, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-bottom-sheet.ng-enter-active {
  opacity: 1;
  display: block;
  transform: translate3d(0, 80px, 0) !important;
}
/* line 1551, ../../app/assets/scss/base/vendor/_angular-material.scss */
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);
}
/* line 1556, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-bottom-sheet .md-subheader {
  background-color: transparent;
  font-family: "Lato", "Helvetica Neue", sans-serif;
  line-height: 56px;
  padding: 0;
  white-space: nowrap;
}
/* line 1564, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-bottom-sheet md-inline-icon {
  display: inline-block;
  height: 24px;
  width: 24px;
  fill: #444;
}
/* line 1571, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-bottom-sheet md-list-item {
  display: flex;
  outline: none;
}
/* line 1575, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-bottom-sheet md-list-item:hover {
  cursor: pointer;
}
/* line 1581, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-bottom-sheet.md-list md-list-item {
  padding: 0;
  align-items: center;
  height: 48px;
}
/* line 1591, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-bottom-sheet.md-grid {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 0;
}
/* line 1596, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-bottom-sheet.md-grid md-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  transition: all 0.5s;
  align-items: center;
}
/* line 1604, ../../app/assets/scss/base/vendor/_angular-material.scss */
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) {
  /* line 1604, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-bottom-sheet.md-grid md-list-item {
    flex: 1 1 33.3333333333%;
    max-width: 33.3333333333%;
  }
  /* line 1621, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-bottom-sheet.md-grid md-list-item:nth-of-type(3n + 1) {
    align-items: flex-start;
  }
  /* line 1624, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-bottom-sheet.md-grid md-list-item:nth-of-type(3n) {
    align-items: flex-end;
  }
}
@media (min-width: 960px) and (max-width: 1279px) {
  /* line 1604, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-bottom-sheet.md-grid md-list-item {
    flex: 1 1 25%;
    max-width: 25%;
  }
}
@media (min-width: 1280px) and (max-width: 1919px) {
  /* line 1604, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-bottom-sheet.md-grid md-list-item {
    flex: 1 1 16.6666666667%;
    max-width: 16.6666666667%;
  }
}
@media (min-width: 1920px) {
  /* line 1604, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-bottom-sheet.md-grid md-list-item {
    flex: 1 1 14.2857142857%;
    max-width: 14.2857142857%;
  }
}
/* line 1647, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-bottom-sheet.md-grid md-list-item::before {
  display: none;
}
/* line 1651, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 1659, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 1667, ../../app/assets/scss/base/vendor/_angular-material.scss */
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) {
  /* line 1684, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-bottom-sheet {
    border: 1px solid #fff;
  }
}
/* line 1712, ../../app/assets/scss/base/vendor/_angular-material.scss */
button.md-button::-moz-focus-inner {
  border: 0;
}

/* line 1716, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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);
}
/* line 1761, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-button:focus {
  outline: none;
}
/* line 1765, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-button:hover, .md-button:focus {
  text-decoration: none;
}
/* line 1772, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-button.ng-hide, .md-button.ng-leave {
  transition: none;
}
/* line 1776, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-button.md-cornered {
  border-radius: 0;
}
/* line 1780, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-button.md-icon {
  padding: 0;
  background: none;
}
/* line 1786, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-button.md-raised:not([disabled]) {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
/* line 1791, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-button.md-icon-button {
  margin: 0 6px;
  height: 40px;
  min-width: 0;
  line-height: 24px;
  padding: 8px;
  width: 40px;
  border-radius: 50%;
}
/* line 1799, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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");
}
/* line 1808, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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;
}
/* line 283, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-button.md-fab.md-fab-bottom-right {
  top: auto;
  right: 20px;
  bottom: 20px;
  left: auto;
  position: absolute;
}
/* line 283, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-button.md-fab.md-fab-bottom-left {
  top: auto;
  right: auto;
  bottom: 20px;
  left: 20px;
  position: absolute;
}
/* line 283, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-button.md-fab.md-fab-top-right {
  top: 20px;
  right: 20px;
  bottom: auto;
  left: auto;
  position: absolute;
}
/* line 283, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-button.md-fab.md-fab-top-left {
  top: 20px;
  right: auto;
  bottom: auto;
  left: 20px;
  position: absolute;
}
/* line 1829, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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");
}
/* line 1837, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-button.md-fab.md-mini {
  line-height: 40px;
  width: 40px;
  height: 40px;
}
/* line 1843, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-button.md-fab.ng-hide, .md-button.md-fab.ng-leave {
  transition: none;
}
/* line 1851, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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);
}
/* line 1854, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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);
}
/* line 1860, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-button .md-ripple-container {
  border-radius: 3px;
  background-clip: padding-box;
  overflow: hidden;
  -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC");
}

/* line 1873, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-button.md-icon-button md-icon,
button.md-button.md-fab md-icon {
  display: block;
}

/* line 1879, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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);
}
/* line 1884, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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);
}

/* line 1893, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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);
}
/* line 1898, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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);
}

/* line 1906, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-button-group {
  display: flex;
  flex: 1;
  width: 100%;
}
/* line 1911, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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;
}
/* line 1927, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-button-group > .md-button:first-child {
  border-radius: 2px 0px 0px 2px;
}
/* line 1930, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-button-group > .md-button:last-child {
  border-right-width: 1px;
  border-radius: 0px 2px 2px 0px;
}

@media screen and (-ms-high-contrast: active) {
  /* line 1938, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .md-button.md-raised,
  .md-button.md-fab {
    border: 1px solid #fff;
  }
}
/* line 1947, ../../app/assets/scss/base/vendor/_angular-material.scss */
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);
}
/* line 1955, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-card md-card-header {
  padding: 16px;
  display: flex;
  flex-direction: row;
}
/* line 1961, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-card md-card-header:first-child md-card-avatar {
  margin-right: 12px;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-card md-card-header:first-child md-card-avatar {
  margin-right: auto;
  margin-left: 12px;
}
/* line 1967, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-card md-card-header:last-child md-card-avatar {
  margin-left: 12px;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-card md-card-header:last-child md-card-avatar {
  margin-left: auto;
  margin-right: 12px;
}
/* line 1972, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-card md-card-header md-card-avatar {
  width: 40px;
  height: 40px;
}
/* line 1976, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-card md-card-header md-card-avatar .md-user-avatar,
md-card md-card-header md-card-avatar md-icon {
  border-radius: 50%;
}
/* line 1981, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-card md-card-header md-card-avatar md-icon {
  padding: 8px;
}
/* line 1985, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-card md-card-header md-card-avatar + md-card-header-text {
  max-height: 40px;
}
/* line 1988, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-card md-card-header md-card-avatar + md-card-header-text .md-title {
  font-size: 14px;
}
/* line 1994, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-card md-card-header md-card-header-text {
  display: flex;
  flex: 1;
  flex-direction: column;
}
/* line 1999, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-card md-card-header md-card-header-text .md-subhead {
  font-size: 14px;
}
/* line 2005, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 2015, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-card md-card-title {
  padding: 24px 16px 16px;
  display: flex;
  flex: 1 1 auto;
  flex-direction: row;
}
/* line 2021, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-card md-card-title + md-card-content {
  padding-top: 0;
}
/* line 2025, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-card md-card-title md-card-title-text {
  flex: 1;
  flex-direction: column;
  display: flex;
}
/* line 2030, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-card md-card-title md-card-title-text .md-subhead {
  padding-top: 0;
  font-size: 14px;
}
/* line 2036, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-card md-card-title md-card-title-text:only-child .md-subhead {
  padding-top: 12px;
}
/* line 2042, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-card md-card-title md-card-title-media {
  margin-top: -8px;
}
/* line 2045, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-card md-card-title md-card-title-media .md-media-sm {
  height: 80px;
  width: 80px;
}
/* line 2049, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-card md-card-title md-card-title-media .md-media-md {
  height: 112px;
  width: 112px;
}
/* line 2053, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-card md-card-title md-card-title-media .md-media-lg {
  height: 152px;
  width: 152px;
}
/* line 2060, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-card md-card-content {
  display: block;
  padding: 16px;
}
/* line 2065, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-card md-card-content > p:first-child {
  margin-top: 0;
}
/* line 2069, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-card md-card-content > p:last-child {
  margin-bottom: 0;
}
/* line 2074, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-card md-card-content .md-media-xl {
  height: 240px;
  width: 240px;
}
/* line 2080, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-card .md-actions, md-card md-card-actions {
  margin: 8px;
}
/* line 2085, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 2088, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 2092, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 2097, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 2104, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 2112, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 2115, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[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;
}
/* line 2119, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[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;
}
/* line 2124, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 2128, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[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;
}
/* line 2132, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[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;
}
/* line 2137, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 2146, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-card md-card-footer {
  margin-top: auto;
  padding: 16px;
}

@media screen and (-ms-high-contrast: active) {
  /* line 2153, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-card {
    border: 1px solid #fff;
  }
}
/* line 2159, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-image-no-fill > img {
  width: auto;
  height: auto;
}

/* line 2178, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-inline-form md-checkbox {
  margin: 19px 0 18px;
}

/* line 2183, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-checkbox {
  margin-left: 16px;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-checkbox {
  margin-right: 0;
}
/* line 2197, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-checkbox:last-of-type {
  margin-left: 0;
  margin-right: 0;
}
/* line 2203, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-checkbox.md-focused:not([disabled]) .md-container:before {
  left: -8px;
  top: -8px;
  right: -8px;
  bottom: -8px;
}
/* line 2211, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-checkbox.md-focused:not([disabled]):not(.md-checked) .md-container:before {
  background-color: rgba(0, 0, 0, 0.12);
}
/* line 2217, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-checkbox.md-align-top-left > div.md-container {
  top: 12px;
}
/* line 308, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-checkbox .md-container {
  left: auto;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-checkbox .md-container {
  right: 0;
}
/* line 321, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 337, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-checkbox .md-container:after {
  box-sizing: border-box;
  content: '';
  position: absolute;
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
}
/* line 347, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-checkbox .md-container .md-ripple-container {
  position: absolute;
  display: block;
  width: auto;
  height: auto;
  left: -15px;
  top: -15px;
  right: -15px;
  bottom: -15px;
}
/* line 360, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 373, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-checkbox.md-checked .md-icon {
  border-color: transparent;
}
/* line 376, ../../app/assets/scss/base/vendor/_angular-material.scss */
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: '';
}
/* line 394, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-checkbox[disabled] {
  cursor: default;
}
/* line 399, ../../app/assets/scss/base/vendor/_angular-material.scss */
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: '';
}
/* line 2223, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-checkbox .md-label {
  margin-left: 0;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-checkbox .md-label {
  margin-right: 30px;
}

/* line 2253, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-contact-chips .md-chips md-chip {
  padding: 0 25px 0 0;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .md-contact-chips .md-chips md-chip {
  padding: 0 0 0 25px;
}
/* line 2255, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-contact-chips .md-chips md-chip .md-contact-avatar {
  float: left;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .md-contact-chips .md-chips md-chip .md-contact-avatar {
  float: right;
}
/* line 2257, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-contact-chips .md-chips md-chip .md-contact-avatar img {
  height: 32px;
  border-radius: 16px;
}
/* line 2262, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-contact-chips .md-chips md-chip .md-contact-name {
  display: inline-block;
  height: 32px;
  margin-left: 8px;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .md-contact-chips .md-chips md-chip .md-contact-name {
  margin-left: auto;
  margin-right: 8px;
}

/* line 2270, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-contact-suggestion {
  height: 56px;
}
/* line 2272, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-contact-suggestion img {
  height: 40px;
  border-radius: 20px;
  margin-top: 8px;
}
/* line 2277, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-contact-suggestion .md-contact-name {
  margin-left: 8px;
  width: 120px;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .md-contact-suggestion .md-contact-name {
  margin-left: auto;
  margin-right: 8px;
}
/* line 2281, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-contact-suggestion .md-contact-name, .md-contact-suggestion .md-contact-email {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 2287, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-contact-chips-suggestions li {
  height: 100%;
}

/* line 2290, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-chips {
  display: block;
  font-family: "Lato", "Helvetica Neue", sans-serif;
  font-size: 16px;
  padding: 0 0 8px 3px;
  vertical-align: middle;
}
/* line 165, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-chips:after {
  content: '';
  display: table;
  clear: both;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .md-chips {
  padding: 0 3px 8px 0;
}
/* line 2299, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-chips.md-readonly .md-chip-input-container {
  min-height: 32px;
}
/* line 2303, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-chips:not(.md-readonly) {
  cursor: text;
}
/* line 2309, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-chips.md-removable md-chip {
  padding-right: 22px;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .md-chips.md-removable md-chip {
  padding-right: 0;
  padding-left: 22px;
}
/* line 2312, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-chips.md-removable md-chip .md-chip-content {
  padding-right: 4px;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .md-chips.md-removable md-chip .md-chip-content {
  padding-right: 0;
  padding-left: 4px;
}
/* line 2319, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-chips md-chip {
  cursor: default;
  border-radius: 16px;
  display: block;
  height: 32px;
  line-height: 32px;
  margin: 8px 8px 0 0;
  padding: 0 12px 0 12px;
  float: left;
  box-sizing: border-box;
  max-width: 100%;
  position: relative;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .md-chips md-chip {
  margin: 8px 0 0 8px;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .md-chips md-chip {
  float: right;
}
/* line 2332, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-chips md-chip .md-chip-content {
  display: block;
  float: left;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .md-chips md-chip .md-chip-content {
  float: right;
}
/* line 2339, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-chips md-chip .md-chip-content:focus {
  outline: none;
}
/* line 2343, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-chips md-chip._md-chip-content-edit-is-enabled {
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -khtml-user-select: none;
  /* webkit (konqueror) browsers */
  -ms-user-select: none;
  /* IE10+ */
}
/* line 2349, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-chips md-chip .md-chip-remove-container {
  position: absolute;
  right: 0;
  line-height: 22px;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .md-chips md-chip .md-chip-remove-container {
  right: auto;
  left: 0;
}
/* line 2354, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-chips md-chip .md-chip-remove {
  text-align: center;
  width: 32px;
  height: 32px;
  min-width: 0;
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  margin: 0;
  position: relative;
}
/* line 2365, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-chips md-chip .md-chip-remove md-icon {
  height: 18px;
  width: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
/* line 2375, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-chips .md-chip-input-container {
  display: block;
  line-height: 32px;
  margin: 8px 8px 0 0;
  padding: 0;
  float: left;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .md-chips .md-chip-input-container {
  margin: 8px 0 0 8px;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .md-chips .md-chip-input-container {
  float: right;
}
/* line 2382, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-chips .md-chip-input-container input:not([type]), .md-chips .md-chip-input-container input[type="email"], .md-chips .md-chip-input-container input[type="number"], .md-chips .md-chip-input-container input[type="tel"], .md-chips .md-chip-input-container input[type="url"], .md-chips .md-chip-input-container input[type="text"] {
  border: 0;
  height: 32px;
  line-height: 32px;
  padding: 0;
}
/* line 2387, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-chips .md-chip-input-container input:not([type]):focus, .md-chips .md-chip-input-container input[type="email"]:focus, .md-chips .md-chip-input-container input[type="number"]:focus, .md-chips .md-chip-input-container input[type="tel"]:focus, .md-chips .md-chip-input-container input[type="url"]:focus, .md-chips .md-chip-input-container input[type="text"]:focus {
  outline: none;
}
/* line 2392, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-chips .md-chip-input-container md-autocomplete, .md-chips .md-chip-input-container md-autocomplete-wrap {
  background: transparent;
  height: 32px;
}
/* line 2397, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-chips .md-chip-input-container md-autocomplete md-autocomplete-wrap {
  box-shadow: none;
}
/* line 2400, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-chips .md-chip-input-container md-autocomplete input {
  position: relative;
}
/* line 2404, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-chips .md-chip-input-container input {
  border: 0;
  height: 32px;
  line-height: 32px;
  padding: 0;
}
/* line 2409, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-chips .md-chip-input-container input:focus {
  outline: none;
}
/* line 2413, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-chips .md-chip-input-container md-autocomplete, .md-chips .md-chip-input-container md-autocomplete-wrap {
  height: 32px;
}
/* line 2416, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-chips .md-chip-input-container md-autocomplete {
  box-shadow: none;
}
/* line 2418, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-chips .md-chip-input-container md-autocomplete input {
  position: relative;
}
/* line 2422, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-chips .md-chip-input-container:not(:first-child) {
  margin: 8px 8px 0 0;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .md-chips .md-chip-input-container:not(:first-child) {
  margin: 8px 0 0 8px;
}
/* line 2425, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-chips .md-chip-input-container input {
  background: transparent;
  border-width: 0;
}
/* line 2431, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-chips md-autocomplete button {
  display: none;
}

@media screen and (-ms-high-contrast: active) {
  /* line 2438, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .md-chip-input-container,
  md-chip {
    border: 1px solid #fff;
  }

  /* line 2442, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .md-chip-input-container md-autocomplete {
    border: none;
  }
}
/* line 2448, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-content {
  display: block;
  position: relative;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
/* line 2455, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-content[md-scroll-y] {
  overflow-y: auto;
  overflow-x: hidden;
}
/* line 2459, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-content[md-scroll-x] {
  overflow-x: auto;
  overflow-y: hidden;
}
@media print {
  /* line 2448, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-content {
    overflow: visible !important;
  }
}

/** Styles for mdCalendar. */
/* line 2524, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-calendar {
  font-size: 13px;
  user-select: none;
}

/* line 2532, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-calendar-scroll-mask {
  display: inline-block;
  overflow: hidden;
  height: 308px;
}
/* line 2538, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-calendar-scroll-mask .md-virtual-repeat-scroller {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
/* line 2544, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-calendar-scroll-mask .md-virtual-repeat-scroller::-webkit-scrollbar {
  display: none;
}
/* line 2551, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-calendar-scroll-mask .md-virtual-repeat-offsetter {
  width: 100%;
}

/* line 2557, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-calendar-scroll-container {
  box-shadow: inset -3px 3px 6px rgba(0, 0, 0, 0.2);
  display: inline-block;
  height: 308px;
  width: 346px;
}

/* line 2571, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-calendar-date {
  height: 44px;
  width: 44px;
  text-align: center;
  padding: 0;
  border: none;
  box-sizing: content-box;
}
/* line 2506, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-calendar-date:first-child {
  padding-left: 16px;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .md-calendar-date:first-child {
  padding-left: 0;
  padding-right: 16px;
}
/* line 2510, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-calendar-date:last-child {
  padding-right: 16px;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .md-calendar-date:last-child {
  padding-right: 0;
  padding-left: 16px;
}
/* line 2574, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-calendar-date.md-calendar-date-disabled {
  cursor: default;
}

/* line 2580, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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;
}
/* line 2590, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-calendar-date:not(.md-disabled) .md-calendar-date-selection-indicator {
  cursor: pointer;
}

/* line 2596, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-calendar-month-label {
  height: 44px;
  font-size: 14px;
  font-weight: 500;
  padding: 0 0 0 24px;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .md-calendar-month-label {
  padding: 0 24px 0 0;
}
/* line 2602, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-calendar-month .md-calendar-month-label:not(.md-calendar-month-label-disabled) {
  cursor: pointer;
}
/* line 2606, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-calendar-month-label md-icon {
  transform: rotate(180deg);
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .md-calendar-month-label md-icon {
  transform: none;
}
/* line 2610, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-calendar-month-label span {
  vertical-align: middle;
}

/* line 2616, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-calendar-day-header {
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
}
/* line 2619, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-calendar-day-header th {
  height: 40px;
  width: 44px;
  text-align: center;
  padding: 0;
  border: none;
  box-sizing: content-box;
  font-weight: normal;
}
/* line 2506, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-calendar-day-header th:first-child {
  padding-left: 16px;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .md-calendar-day-header th:first-child {
  padding-left: 0;
  padding-right: 16px;
}
/* line 2510, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-calendar-day-header th:last-child {
  padding-right: 16px;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .md-calendar-day-header th:last-child {
  padding-right: 0;
  padding-left: 16px;
}

/* line 2626, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-calendar {
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
}
/* line 2630, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-calendar tr:last-child td {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
/* line 2638, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-calendar:first-child {
  border-top: 1px solid transparent;
}
/* line 2646, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-calendar tbody, .md-calendar td, .md-calendar tr {
  vertical-align: middle;
  box-sizing: content-box;
}

/** Styles for mdDatepicker. */
/* line 2662, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-datepicker {
  white-space: nowrap;
  overflow: hidden;
  padding-right: 18px;
  margin-right: -18px;
  vertical-align: middle;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-datepicker {
  padding-right: 0;
  padding-left: 18px;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-datepicker {
  margin-right: auto;
  margin-left: -18px;
}

/* line 2676, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-inline-form md-datepicker {
  margin-top: 12px;
}

/* line 2682, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-datepicker-button {
  display: inline-block;
  box-sizing: border-box;
  background: none;
  vertical-align: middle;
  position: relative;
}
/* line 2691, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-datepicker-button:before {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  content: '';
  speak: none;
}

/* line 2703, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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;
}
/* line 192, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-datepicker-input::-ms-clear {
  display: none;
}

/* line 2712, ../../app/assets/scss/base/vendor/_angular-material.scss */
._md-datepicker-floating-label > md-datepicker {
  overflow: visible;
}
/* line 2716, ../../app/assets/scss/base/vendor/_angular-material.scss */
._md-datepicker-floating-label > md-datepicker .md-datepicker-input-container {
  border: none;
}
/* line 2720, ../../app/assets/scss/base/vendor/_angular-material.scss */
._md-datepicker-floating-label > md-datepicker .md-datepicker-button {
  float: left;
  margin-top: -12px;
  top: 9.5px;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] ._md-datepicker-floating-label > md-datepicker .md-datepicker-button {
  float: right;
}
/* line 2729, ../../app/assets/scss/base/vendor/_angular-material.scss */
._md-datepicker-floating-label .md-input {
  float: none;
}
/* line 2734, ../../app/assets/scss/base/vendor/_angular-material.scss */
._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);
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
  right: auto;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
  left: 18px;
}
/* line 2742, ../../app/assets/scss/base/vendor/_angular-material.scss */
._md-datepicker-floating-label._md-datepicker-has-calendar-icon .md-input-message-animation {
  margin-left: 64px;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon .md-input-message-animation {
  margin-left: auto;
  margin-right: 64px;
}

/* line 2751, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-datepicker-input-container {
  position: relative;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  display: inline-block;
  width: auto;
}
/* line 2761, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-icon-button + .md-datepicker-input-container {
  margin-left: 12px;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .md-icon-button + .md-datepicker-input-container {
  margin-left: auto;
  margin-right: 12px;
}
/* line 2765, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-datepicker-input-container.md-datepicker-focused {
  border-bottom-width: 2px;
}

/* line 2770, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-datepicker-is-showing .md-scroll-mask {
  z-index: 99;
}

/* line 2775, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-datepicker-calendar-pane {
  position: absolute;
  top: 0;
  left: -100%;
  z-index: 100;
  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);
}
/* line 2792, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-datepicker-calendar-pane.md-pane-open {
  transform: scale(1);
}

/* line 2798, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-datepicker-input-mask {
  height: 40px;
  width: 340px;
  position: relative;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
  cursor: text;
}

/* line 2810, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-datepicker-calendar {
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.5, 0, 0.25, 1);
}
/* line 2817, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-pane-open .md-datepicker-calendar {
  opacity: 1;
}
/* line 2821, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-datepicker-calendar md-calendar:focus {
  outline: none;
}

/* line 2829, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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;
}

/* line 2845, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-datepicker-triangle-button {
  position: absolute;
  right: 0;
  top: 5px;
  transform: translateY(-25%) translateX(45%);
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .md-datepicker-triangle-button {
  right: auto;
  left: 0;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .md-datepicker-triangle-button {
  transform: translateY(-25%) translateX(-45%);
}

/* line 2856, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-datepicker-triangle-button.md-button.md-icon-button {
  height: 36px;
  width: 36px;
  position: absolute;
  padding: 8px;
}

/* line 2865, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-datepicker[disabled] .md-datepicker-input-container {
  border-bottom-color: transparent;
}
/* line 2869, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-datepicker[disabled] .md-datepicker-triangle-button {
  display: none;
}

/* line 2875, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-datepicker-open {
  overflow: hidden;
}
/* line 2878, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-datepicker-open .md-datepicker-input-container,
.md-datepicker-open input.md-input {
  border-bottom-color: transparent;
}
/* line 2883, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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;
}

/* line 2893, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-datepicker-pos-adjusted .md-datepicker-input-mask {
  display: none;
}

/* line 2900, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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;
}
/* line 2906, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-datepicker-calendar-pane.md-pane-open .md-calendar {
  transform: translateY(0);
}

/* line 2913, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-dialog-is-showing {
  max-height: 100%;
}

/* line 2917, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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;
}

/* line 2930, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 2932, ../../app/assets/scss/base/vendor/_angular-material.scss */
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);
}
/* line 2937, ../../app/assets/scss/base/vendor/_angular-material.scss */
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);
}
/* line 2955, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-dialog > form {
  display: flex;
  flex-direction: column;
  overflow: auto;
}
/* line 2961, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-dialog .md-dialog-content {
  padding: 24px;
}
/* line 2965, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-dialog md-dialog-content {
  order: 1;
  flex-direction: column;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
/* line 2971, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-dialog md-dialog-content:not([layout=row]) > *:first-child:not(.md-subheader) {
  margin-top: 0;
}
/* line 2975, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-dialog md-dialog-content:focus {
  outline: none;
}
/* line 2979, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-dialog md-dialog-content .md-subheader {
  margin: 0;
}
/* line 2983, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-dialog md-dialog-content .md-dialog-content-body {
  width: 100%;
}
/* line 2987, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-dialog md-dialog-content .md-prompt-input-container {
  width: 100%;
  box-sizing: border-box;
}
/* line 2993, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-dialog .md-actions, [dir=rtl] md-dialog md-dialog-actions {
  padding-right: 16px;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-dialog .md-actions, [dir=rtl] md-dialog md-dialog-actions {
  padding-left: 8px;
}
/* line 3005, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-dialog .md-actions .md-button, [dir=rtl] md-dialog md-dialog-actions .md-button {
  margin-left: 0;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-dialog .md-actions .md-button, [dir=rtl] md-dialog md-dialog-actions .md-button {
  margin-right: 8px;
}
/* line 3013, ../../app/assets/scss/base/vendor/_angular-material.scss */
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) {
  /* line 3022, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-dialog {
    border: 1px solid #fff;
  }
}
@media (max-width: 959px) {
  /* line 3028, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-dialog.md-dialog-fullscreen {
    min-height: 100%;
    min-width: 100%;
    border-radius: 0;
  }
}
/* line 3035, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-divider {
  display: block;
  border-top-width: 1px;
  border-top-style: solid;
  margin: 0;
}
/* line 3041, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-divider[md-inset] {
  margin-left: 80px;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-divider[md-inset] {
  margin-left: auto;
  margin-right: 80px;
}

/* line 3052, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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;
}

/* line 3059, ../../app/assets/scss/base/vendor/_angular-material.scss */
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
   */
}
/* line 283, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-fab-speed-dial.md-fab-bottom-right {
  top: auto;
  right: 20px;
  bottom: 20px;
  left: auto;
  position: absolute;
}
/* line 283, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-fab-speed-dial.md-fab-bottom-left {
  top: auto;
  right: auto;
  bottom: 20px;
  left: 20px;
  position: absolute;
}
/* line 283, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-fab-speed-dial.md-fab-top-right {
  top: 20px;
  right: 20px;
  bottom: auto;
  left: auto;
  position: absolute;
}
/* line 283, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-fab-speed-dial.md-fab-top-left {
  top: 20px;
  right: auto;
  bottom: auto;
  left: 20px;
  position: absolute;
}
/* line 3070, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-fab-speed-dial:not(.md-hover-full) {
  pointer-events: none;
}
/* line 3074, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 3080, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-fab-speed-dial:not(.md-hover-full).md-is-open {
  pointer-events: auto;
}
/* line 3086, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-fab-speed-dial ._md-css-variables {
  z-index: 20;
}
/* line 3091, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-fab-speed-dial.md-is-open .md-fab-action-item {
  align-items: center;
}
/* line 3096, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-fab-speed-dial md-fab-actions {
  display: flex;
  height: auto;
}
/* line 3102, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-fab-speed-dial md-fab-actions .md-fab-action-item {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
}
/* line 3107, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-fab-speed-dial.md-down {
  flex-direction: column;
}
/* line 3110, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-fab-speed-dial.md-down md-fab-trigger {
  order: 1;
}
/* line 3114, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-fab-speed-dial.md-down md-fab-actions {
  flex-direction: column;
  order: 2;
}
/* line 3120, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-fab-speed-dial.md-up {
  flex-direction: column;
}
/* line 3123, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-fab-speed-dial.md-up md-fab-trigger {
  order: 2;
}
/* line 3127, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-fab-speed-dial.md-up md-fab-actions {
  flex-direction: column-reverse;
  order: 1;
}
/* line 3133, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-fab-speed-dial.md-left {
  flex-direction: row;
}
/* line 3136, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-fab-speed-dial.md-left md-fab-trigger {
  order: 2;
}
/* line 3140, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-fab-speed-dial.md-left md-fab-actions {
  flex-direction: row-reverse;
  order: 1;
}
/* line 3144, ../../app/assets/scss/base/vendor/_angular-material.scss */
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);
}
/* line 3150, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-fab-speed-dial.md-right {
  flex-direction: row;
}
/* line 3153, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-fab-speed-dial.md-right md-fab-trigger {
  order: 1;
}
/* line 3157, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-fab-speed-dial.md-right md-fab-actions {
  flex-direction: row;
  order: 2;
}
/* line 3161, ../../app/assets/scss/base/vendor/_angular-material.scss */
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);
}
/* line 3171, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-fab-speed-dial.md-fling-remove .md-fab-action-item > *, md-fab-speed-dial.md-scale-remove .md-fab-action-item > * {
  visibility: hidden;
}
/* line 3180, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-fab-speed-dial.md-fling .md-fab-action-item {
  opacity: 1;
}
/* line 3187, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-fab-speed-dial.md-fling.md-animations-waiting .md-fab-action-item {
  opacity: 0;
  transition-duration: 0s;
}
/* line 3194, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}

/* line 3207, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-fab-toolbar {
  display: block;
  /*
   * Closed styling
   */
  /*
   * Hover styling
   */
}
/* line 283, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-fab-toolbar.md-fab-bottom-right {
  top: auto;
  right: 20px;
  bottom: 20px;
  left: auto;
  position: absolute;
}
/* line 283, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-fab-toolbar.md-fab-bottom-left {
  top: auto;
  right: auto;
  bottom: 20px;
  left: 20px;
  position: absolute;
}
/* line 283, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-fab-toolbar.md-fab-top-right {
  top: 20px;
  right: 20px;
  bottom: auto;
  left: auto;
  position: absolute;
}
/* line 283, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-fab-toolbar.md-fab-top-left {
  top: 20px;
  right: auto;
  bottom: auto;
  left: 20px;
  position: absolute;
}
/* line 3218, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-fab-toolbar .md-fab-toolbar-wrapper {
  display: block;
  position: relative;
  overflow: hidden;
  height: 68px;
}
/* line 3227, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-fab-toolbar md-fab-trigger {
  position: absolute;
  z-index: 20;
}
/* line 3231, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-fab-toolbar md-fab-trigger button {
  overflow: visible !important;
}
/* line 3235, ../../app/assets/scss/base/vendor/_angular-material.scss */
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);
}
/* line 3244, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-fab-toolbar md-fab-trigger md-icon {
  position: relative;
  z-index: 22;
  opacity: 1;
  transition: all 200ms ease-in;
}
/* line 3256, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-fab-toolbar.md-left md-fab-trigger {
  right: 0;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-fab-toolbar.md-left md-fab-trigger {
  right: auto;
  left: 0;
}
/* line 3260, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-fab-toolbar.md-left .md-toolbar-tools {
  flex-direction: row-reverse;
}
/* line 3263, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
  margin-right: 0.6rem;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
  margin-right: auto;
  margin-left: 0.6rem;
}
/* line 3267, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
  margin-left: -0.8rem;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
  margin-left: auto;
  margin-right: -0.8rem;
}
/* line 3272, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-fab-toolbar.md-left .md-toolbar-tools > .md-button:last-child {
  margin-right: 8px;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:last-child {
  margin-right: auto;
  margin-left: 8px;
}
/* line 3280, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-fab-toolbar.md-right md-fab-trigger {
  left: 0;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-fab-toolbar.md-right md-fab-trigger {
  left: auto;
  right: 0;
}
/* line 3284, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-fab-toolbar.md-right .md-toolbar-tools {
  flex-direction: row;
}
/* line 3289, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-fab-toolbar md-toolbar {
  background-color: transparent !important;
  pointer-events: none;
  z-index: 23;
}
/* line 3294, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-fab-toolbar md-toolbar .md-toolbar-tools {
  padding: 0 20px;
  margin-top: 3px;
}
/* line 3300, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 3314, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-fab-toolbar.md-is-open md-fab-trigger > button {
  box-shadow: none;
}
/* line 3317, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-fab-toolbar.md-is-open md-fab-trigger > button md-icon {
  opacity: 0;
}
/* line 3322, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-fab-toolbar.md-is-open .md-fab-action-item {
  opacity: 1;
  transform: scale(1);
}

/* line 3329, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-grid-list {
  box-sizing: border-box;
  display: block;
  position: relative;
}
/* line 3334, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 3341, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-grid-list md-grid-tile {
  display: block;
  position: absolute;
}
/* line 3345, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 3360, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 3375, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 3381, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 3385, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 3390, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-grid-list md-grid-tile md-grid-tile-header {
  top: 0;
}
/* line 3394, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-grid-list md-grid-tile md-grid-tile-footer {
  bottom: 0;
}

@media screen and (-ms-high-contrast: active) {
  /* line 3402, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-grid-tile {
    border: 1px solid #fff;
  }

  /* line 3405, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-grid-tile-footer {
    border-top: 1px solid #fff;
  }
}
/* line 3411, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 3424, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-icon svg {
  pointer-events: none;
  display: block;
}
/* line 3429, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-icon[md-font-icon] {
  line-height: 24px;
  width: auto;
}

/* line 3499, ../../app/assets/scss/base/vendor/_angular-material.scss */
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
   */
}
/* line 165, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-input-container:after {
  content: '';
  display: table;
  clear: both;
}
/* line 3507, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-input-container.md-block {
  display: block;
}
/* line 3513, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-input-container .md-errors-spacer {
  float: right;
  min-height: 24px;
  min-width: 1px;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-input-container .md-errors-spacer {
  float: left;
}
/* line 3521, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-input-container > md-icon {
  position: absolute;
  top: 8px;
  left: 2px;
  right: auto;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-input-container > md-icon {
  left: auto;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-input-container > md-icon {
  right: 2px;
}
/* line 3528, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 3547, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 3554, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-input-container textarea {
  resize: none;
  overflow: hidden;
}
/* line 3558, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-input-container textarea.md-input {
  min-height: 26px;
  -ms-flex-preferred-size: auto;
}
/* line 3564, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-input-container textarea[md-no-autogrow] {
  height: auto;
  overflow: auto;
}
/* line 3570, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-input-container label:not(.md-container-ignore) {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: auto;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-input-container label:not(.md-container-ignore) {
  left: auto;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-input-container label:not(.md-container-ignore) {
  right: 0;
}
/* line 3576, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-input-container label:not(.md-container-ignore).md-required:after {
  content: ' *';
  font-size: 13px;
  vertical-align: top;
}
/* line 3583, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore), [dir=rtl]
md-input-container .md-placeholder {
  padding-left: 0;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore), [dir=rtl]
md-input-container .md-placeholder {
  padding-right: 3px;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[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;
}
/* line 3604, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-input-container .md-placeholder {
  position: absolute;
  top: 0;
  opacity: 0;
  transition-property: opacity, transform;
  transform: translate3d(0, 30px, 0);
}
/* line 3611, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-input-container.md-input-focused .md-placeholder {
  opacity: 1;
  transform: translate3d(0, 24px, 0);
}
/* line 3616, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-input-container.md-input-has-value .md-placeholder {
  transition: none;
  opacity: 0;
}
/* line 3621, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 3638, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-input-container .md-input {
  float: right;
}
/* line 3664, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-input-container .md-input:focus {
  outline: none;
}
/* line 3667, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-input-container .md-input:invalid {
  outline: none;
  box-shadow: none;
}
/* line 3672, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-input-container .md-input.md-no-flex {
  flex: none !important;
}
/* line 3677, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-input-container .md-char-counter {
  text-align: right;
  padding-right: 2px;
  padding-left: 0;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-input-container .md-char-counter {
  text-align: left;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-input-container .md-char-counter {
  padding-right: 0;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-input-container .md-char-counter {
  padding-left: 2px;
}
/* line 3686, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-input-container .md-input-messages-animation {
  position: relative;
  order: 4;
  overflow: hidden;
  clear: left;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-input-container .md-input-messages-animation {
  clear: right;
}
/* line 3694, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-input-container .md-input-messages-animation.ng-enter .md-input-message-animation {
  opacity: 0;
  margin-top: -100px;
}
/* line 3701, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 3716, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[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;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[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;
}
/* line 3725, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-input-container:not(.md-input-invalid) .md-auto-hide .md-input-message-animation {
  opacity: 0;
  margin-top: -100px;
}
/* line 3734, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-input-container .md-input-message-animation:not(.ng-animate) {
  opacity: 0;
  margin-top: -100px;
}
/* line 3741, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-input-container .md-input-message-animation.ng-enter {
  opacity: 0;
  margin-top: -100px;
}
/* line 3750, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 3760, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-input-container.md-input-has-value label {
  transition: none;
}
/* line 3766, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 3774, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 3786, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-input-container.md-icon-float {
  transition: margin-top 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
/* line 3790, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-input-container.md-icon-float > label {
  pointer-events: none;
  position: absolute;
}
/* line 3795, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-input-container.md-icon-float > md-icon {
  top: 8px;
  left: 2px;
  right: auto;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-input-container.md-icon-float > md-icon {
  left: auto;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-input-container.md-icon-float > md-icon {
  right: 2px;
}
/* line 3806, ../../app/assets/scss/base/vendor/_angular-material.scss */
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);
}
/* line 3814, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-input-container.md-icon-left {
  padding-left: 36px;
  padding-right: 0;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-input-container.md-icon-left {
  padding-left: 0;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-input-container.md-icon-left {
  padding-right: 36px;
}
/* line 3817, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-input-container.md-icon-left > label {
  left: 36px;
  right: auto;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-input-container.md-icon-left > label {
  left: auto;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-input-container.md-icon-left > label {
  right: 36px;
}
/* line 3823, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-input-container.md-icon-right {
  padding-left: 0;
  padding-right: 36px;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-input-container.md-icon-right {
  padding-left: 36px;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-input-container.md-icon-right {
  padding-right: 0;
}
/* line 3827, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-input-container.md-icon-right > md-icon:last-of-type {
  margin: 0;
  right: 2px;
  left: auto;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-input-container.md-icon-right > md-icon:last-of-type {
  right: auto;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-input-container.md-icon-right > md-icon:last-of-type {
  left: 2px;
}
/* line 3835, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-input-container.md-icon-left.md-icon-right {
  padding-left: 36px;
  padding-right: 36px;
}
/* line 3840, ../../app/assets/scss/base/vendor/_angular-material.scss */
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));
}

/* line 3848, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-resize-wrapper {
  position: relative;
}
/* line 165, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-resize-wrapper:after {
  content: '';
  display: table;
  clear: both;
}

/* line 3853, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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) {
  /* line 3864, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-input-container.md-default-theme > md-icon {
    fill: #fff;
  }
}
/* line 3908, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-list {
  display: block;
  padding: 8px 0px 8px 0px;
}
/* line 3912, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-list .md-subheader {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.010em;
  line-height: 1.2em;
}
/* line 3921, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-list.md-dense md-list-item,
md-list.md-dense md-list-item .md-list-item-inner {
  min-height: 48px;
}
/* line 244, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-list.md-dense md-list-item::before,
md-list.md-dense md-list-item .md-list-item-inner::before {
  content: '';
  visibility: hidden;
}
/* line 3929, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 3934, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[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;
}
/* line 3937, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[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;
}
/* line 3940, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 3951, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[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;
}
/* line 3955, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 3962, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 3970, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 244, ../../app/assets/scss/base/vendor/_angular-material.scss */
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: '';
  visibility: hidden;
}
/* line 3974, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 3981, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 244, ../../app/assets/scss/base/vendor/_angular-material.scss */
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: '';
  visibility: hidden;
}
/* line 3986, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}

/* line 3996, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-list-item {
  position: relative;
}
/* line 4000, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-list-item.md-proxy-focus.md-focused .md-no-style {
  transition: background-color 0.15s linear;
}
/* line 4004, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-list-item._md-button-wrap {
  position: relative;
}
/* line 4007, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-list-item._md-button-wrap > div.md-button:first-child {
  text-align: right;
}
/* line 4021, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 4031, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-list-item._md-button-wrap > div.md-button:first-child .md-list-item-inner {
  width: 100%;
  min-height: inherit;
}
/* line 4041, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-list-item.md-no-proxy,
md-list-item .md-no-style {
  position: relative;
  padding: 0px 16px;
  flex: 1 1 auto;
}
/* line 4049, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-list-item.md-no-proxy.md-button, [dir=rtl]
md-list-item .md-no-style.md-button {
  text-align: right;
}
/* line 4061, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 4065, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-list-item.md-no-proxy:focus,
md-list-item .md-no-style:focus {
  outline: none;
}
/* line 4069, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-list-item.md-clickable:hover {
  cursor: pointer;
}
/* line 4073, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-list-item md-divider {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-list-item md-divider {
  left: auto;
  right: 0;
}
/* line 4078, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-list-item md-divider[md-inset] {
  left: 72px;
  width: calc(100% - 72px);
  margin: 0 !important;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-list-item md-divider[md-inset] {
  left: auto;
  right: 72px;
}
/* line 4085, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-list-item,
md-list-item .md-list-item-inner {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-height: 48px;
  height: auto;
}
/* line 244, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-list-item::before,
md-list-item .md-list-item-inner::before {
  content: '';
  visibility: hidden;
}
/* line 4099, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 4108, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 4113, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 4118, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[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;
}
/* line 4122, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[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;
}
/* line 4129, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-list-item .md-avatar,
md-list-item .md-list-item-inner .md-avatar {
  flex: none;
  width: 40px;
  height: 40px;
}
/* line 4134, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-list-item .md-avatar-icon,
md-list-item .md-list-item-inner .md-avatar-icon {
  padding: 8px;
}
/* line 4139, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-list-item .md-avatar-icon svg,
md-list-item .md-list-item-inner .md-avatar-icon svg {
  width: 24px;
  height: 24px;
}
/* line 4145, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-list-item > md-checkbox, [dir=rtl]
md-list-item .md-list-item-inner > md-checkbox {
  margin-left: 29px;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-list-item > md-checkbox, [dir=rtl]
md-list-item .md-list-item-inner > md-checkbox {
  margin-right: 3px;
}
/* line 4152, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-list-item .md-secondary-container, [dir=rtl]
md-list-item .md-list-item-inner .md-secondary-container {
  margin-right: auto;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-list-item .md-secondary-container, [dir=rtl]
md-list-item .md-list-item-inner .md-secondary-container {
  margin-left: 0;
}
/* line 4171, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[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;
}
/* line 4177, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 4181, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[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;
}
/* line 4187, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[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;
}
/* line 4195, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 4203, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 4207, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 4212, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 4218, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[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;
}
/* line 4222, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-list-item.md-2-line .md-list-item-text h3, md-list-item.md-2-line > .md-no-style .md-list-item-text h3, md-list-item.md-3-line .md-list-item-text h3, md-list-item.md-3-line > .md-no-style .md-list-item-text h3 {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.010em;
  margin: 0 0 0px 0;
  line-height: 1.2em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* line 4232, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-list-item.md-2-line .md-list-item-text h4, md-list-item.md-2-line > .md-no-style .md-list-item-text h4, md-list-item.md-3-line .md-list-item-text h4, md-list-item.md-3-line > .md-no-style .md-list-item-text h4 {
  font-size: 14px;
  letter-spacing: 0.010em;
  margin: 3px 0 1px 0;
  font-weight: 400;
  line-height: 1.2em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* line 4242, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-list-item.md-2-line .md-list-item-text p, md-list-item.md-2-line > .md-no-style .md-list-item-text p, md-list-item.md-3-line .md-list-item-text p, md-list-item.md-3-line > .md-no-style .md-list-item-text p {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.010em;
  margin: 0 0 0 0;
  line-height: 1.6em;
}
/* line 4254, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-list-item.md-2-line, md-list-item.md-2-line > .md-no-style {
  height: auto;
  min-height: 72px;
}
/* line 244, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-list-item.md-2-line::before, md-list-item.md-2-line > .md-no-style::before {
  content: '';
  visibility: hidden;
}
/* line 4260, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 4264, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 4268, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 4275, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-list-item.md-3-line, md-list-item.md-3-line > .md-no-style {
  height: auto;
  min-height: 88px;
}
/* line 244, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-list-item.md-3-line::before, md-list-item.md-3-line > .md-no-style::before {
  content: '';
  visibility: hidden;
}
/* line 4281, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}

/* line 4296, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-open-menu-container {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  opacity: 0;
  border-radius: 2px;
}
/* line 4304, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-open-menu-container md-menu-divider {
  margin-top: 4px;
  margin-bottom: 4px;
  height: 1px;
  min-height: 1px;
  max-height: 1px;
  width: 100%;
}
/* line 4313, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-open-menu-container md-menu-content > * {
  opacity: 0;
}
/* line 4318, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-open-menu-container:not(.md-clickable) {
  pointer-events: none;
}
/* line 4323, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-open-menu-container.md-active {
  opacity: 1;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-duration: 200ms;
}
/* line 4327, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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;
}
/* line 4335, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-open-menu-container.md-leave {
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  transition-duration: 250ms;
}

/* line 4342, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-menu-content {
  display: flex;
  flex-direction: column;
  padding: 8px 0;
  max-height: 304px;
  overflow-y: auto;
}
/* line 4348, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-menu-content.md-dense {
  max-height: 208px;
}
/* line 4350, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-menu-content.md-dense md-menu-item {
  height: 32px;
  min-height: 0px;
}

/* line 4357, ../../app/assets/scss/base/vendor/_angular-material.scss */
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.
   */
}
/* line 4365, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-menu-item > * {
  width: 100%;
  margin: auto 0;
  padding-left: 16px;
  padding-right: 16px;
}
/* line 4377, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-menu-item > a.md-button {
  padding-top: 5px;
}
/* line 4381, ../../app/assets/scss/base/vendor/_angular-material.scss */
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%;
}
/* line 4383, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-menu-item > .md-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-menu-item > .md-button {
  text-align: right;
}
/* line 4400, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-menu-item > .md-button md-icon {
  margin: auto 16px auto 0;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-menu-item > .md-button md-icon {
  margin: auto 0 auto 16px;
}
/* line 4403, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-menu-item > .md-button p {
  display: inline-block;
  margin: auto;
}
/* line 4407, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-menu-item > .md-button span {
  margin-top: auto;
  margin-bottom: auto;
}
/* line 4411, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-menu-item > .md-button .md-ripple-container {
  border-radius: inherit;
}

/* line 4418, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-toolbar .md-menu {
  height: auto;
  margin: auto;
  padding: 0;
}

@media (max-width: 959px) {
  /* line 4426, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-menu-content {
    min-width: 112px;
  }

  /* line 4430, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-menu-content[width="3"] {
    min-width: 168px;
  }

  /* line 4430, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-menu-content[width="4"] {
    min-width: 224px;
  }

  /* line 4430, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-menu-content[width="5"] {
    min-width: 280px;
  }

  /* line 4430, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-menu-content[width="6"] {
    min-width: 336px;
  }

  /* line 4430, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-menu-content[width="7"] {
    min-width: 392px;
  }
}
@media (min-width: 960px) {
  /* line 4437, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-menu-content {
    min-width: 96px;
  }

  /* line 4441, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-menu-content[width="3"] {
    min-width: 192px;
  }

  /* line 4441, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-menu-content[width="4"] {
    min-width: 256px;
  }

  /* line 4441, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-menu-content[width="5"] {
    min-width: 320px;
  }

  /* line 4441, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-menu-content[width="6"] {
    min-width: 384px;
  }

  /* line 4441, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-menu-content[width="7"] {
    min-width: 448px;
  }
}
/* line 4450, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-toolbar.md-menu-toolbar h2.md-toolbar-tools {
  line-height: 1rem;
  height: auto;
  padding: 28px;
  padding-bottom: 12px;
}
/* line 4460, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-toolbar.md-has-open-menu {
  position: relative;
  z-index: 100;
}

/* line 4466, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-menu-bar {
  padding: 0 20px;
  display: block;
  position: relative;
  z-index: 2;
}
/* line 4471, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-menu-bar .md-menu {
  display: inline-block;
  padding: 0;
  position: relative;
}
/* line 4476, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-menu-bar button {
  font-size: 14px;
  padding: 0 10px;
  margin: 0;
  border: 0;
  background-color: transparent;
  height: 40px;
}
/* line 4485, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-menu-bar md-backdrop.md-menu-backdrop {
  z-index: -2;
}

/* line 4490, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-menu-content.md-menu-bar-menu.md-dense {
  max-height: none;
  padding: 16px 0;
}
/* line 4493, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent {
  position: relative;
}
/* line 4495, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > md-icon {
  left: auto;
  right: 24px;
}
/* line 4502, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[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;
}
/* line 4506, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-menu-content.md-menu-bar-menu.md-dense .md-button {
  min-height: 0;
  height: 32px;
  display: flex;
}
/* line 4510, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-menu-content.md-menu-bar-menu.md-dense .md-button span {
  flex-grow: 1;
}
/* line 4513, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 4519, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-menu-content.md-menu-bar-menu.md-dense md-menu-divider {
  margin: 8px 0;
}
/* line 4523, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[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;
}
/* line 4527, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-menu-content.md-menu-bar-menu.md-dense .md-menu {
  padding: 0;
}
/* line 4529, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
  padding-left: 0;
  padding-right: 16px;
}
/* line 4537, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[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);
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[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. */
/* line 4553, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-nav-bar {
  border-style: solid;
  border-width: 0 0 1px;
  height: 48px;
  position: relative;
}

/* line 4560, ../../app/assets/scss/base/vendor/_angular-material.scss */
._md-nav-bar-list {
  outline: none;
  list-style: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
}

/* line 4572, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-nav-item:first-of-type {
  margin-left: 8px;
}

/* line 4577, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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);
}
/* line 4583, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-button._md-nav-button:focus {
  outline: none;
}
/* line 4587, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-button._md-nav-button:hover {
  background-color: inherit;
}

/* line 4592, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-nav-ink-bar {
  bottom: 0;
  height: 2px;
  left: auto;
  position: absolute;
  right: auto;
  background-color: black;
}
/* line 4602, ../../app/assets/scss/base/vendor/_angular-material.scss */
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);
}
/* line 4606, ../../app/assets/scss/base/vendor/_angular-material.scss */
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);
}

/* line 4612, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-nav-extra-content {
  min-height: 48px;
  padding-right: 12px;
}

/* line 4617, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-panel-outer-wrapper {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/* line 4625, ../../app/assets/scss/base/vendor/_angular-material.scss */
._md-panel-hidden {
  display: none;
}

/* line 4629, ../../app/assets/scss/base/vendor/_angular-material.scss */
._md-panel-fullscreen {
  border-radius: 0;
  left: 0;
  min-height: 100%;
  min-width: 100%;
  position: fixed;
  top: 0;
}

/* line 4639, ../../app/assets/scss/base/vendor/_angular-material.scss */
._md-panel-shown .md-panel {
  opacity: 1;
  transition: none;
}

/* line 4644, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-panel {
  opacity: 0;
  position: fixed;
}
/* line 4648, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-panel._md-panel-shown {
  opacity: 1;
  transition: none;
}
/* line 4655, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-panel._md-panel-animate-enter {
  opacity: 1;
  transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
}
/* line 4660, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-panel._md-panel-animate-leave {
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
}
/* line 4665, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-panel._md-panel-animate-scale-out, .md-panel._md-panel-animate-fade-out {
  opacity: 0;
}
/* line 4670, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-panel._md-panel-backdrop {
  height: 100%;
  position: absolute;
  width: 100%;
}
/* line 4676, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-panel._md-opaque-enter {
  opacity: .48;
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
}
/* line 4681, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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);
  }
}
/* line 4694, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-progress-circular {
  position: relative;
  display: block;
}
/* line 4698, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-progress-circular._md-progress-circular-disabled {
  visibility: hidden;
}
/* line 4702, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-progress-circular.md-mode-indeterminate svg {
  animation: indeterminate-rotate 2.9s linear infinite;
}
/* line 4706, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-progress-circular svg {
  position: absolute;
  overflow: visible;
  top: 0;
  left: 0;
}

/* line 4716, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-progress-linear {
  display: block;
  position: relative;
  width: 100%;
  height: 5px;
  padding-top: 0 !important;
  margin-bottom: 0 !important;
}
/* line 4725, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-progress-linear._md-progress-linear-disabled {
  visibility: hidden;
}
/* line 4729, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-progress-linear .md-container {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 5px;
  transform: translate(0, 0) scale(1, 1);
}
/* line 4739, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-progress-linear .md-container .md-bar {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
}
/* line 4750, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 4764, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-progress-linear .md-container .md-bar1, md-progress-linear .md-container .md-bar2 {
  transition: transform 0.2s linear;
}
/* line 4777, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-progress-linear .md-container.md-mode-query .md-bar1 {
  display: none;
}
/* line 4780, ../../app/assets/scss/base/vendor/_angular-material.scss */
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);
}
/* line 4787, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-progress-linear .md-container.md-mode-determinate .md-bar1 {
  display: none;
}
/* line 4793, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 4797, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 4803, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-progress-linear .md-container.ng-hide
._md-progress-linear-disabled md-progress-linear .md-container {
  animation: none;
}
/* line 4807, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-progress-linear .md-container.ng-hide
._md-progress-linear-disabled md-progress-linear .md-container .md-bar1 {
  animation-name: none;
}
/* line 4810, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-progress-linear .md-container.ng-hide
._md-progress-linear-disabled md-progress-linear .md-container .md-bar2 {
  animation-name: none;
}
/* line 4818, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-progress-linear .md-container.md-mode-buffer {
  background-color: transparent !important;
  transition: all 0.2s linear;
}
/* line 4823, ../../app/assets/scss/base/vendor/_angular-material.scss */
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.1666666667%;
    animation-timing-function: linear;
  }
  20% {
    left: -105.1666666667%;
    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.3888888889%;
  }
}
/* line 4938, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-radio-button {
  box-sizing: border-box;
  display: block;
  margin-bottom: 16px;
  white-space: nowrap;
  cursor: pointer;
  position: relative;
}
/* line 4947, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-radio-button[disabled] {
  cursor: default;
}
/* line 4933, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-radio-button[disabled] .md-container {
  cursor: default;
}
/* line 4951, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-radio-button .md-container {
  left: auto;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-radio-button .md-container {
  right: 0;
}
/* line 4963, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-radio-button .md-container .md-ripple-container {
  position: absolute;
  display: block;
  width: auto;
  height: auto;
  left: -15px;
  top: -15px;
  right: -15px;
  bottom: -15px;
}
/* line 4974, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 4991, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-radio-button.md-align-top-left > div.md-container {
  top: 12px;
}
/* line 4995, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 5008, ../../app/assets/scss/base/vendor/_angular-material.scss */
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);
}
/* line 5020, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-radio-button.md-checked .md-on {
  transform: scale(0.5);
}
/* line 5024, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-radio-button .md-label {
  margin-left: 0;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-radio-button .md-label {
  margin-right: 30px;
}

/* line 5039, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-radio-group {
  /** Layout adjustments for the radio group. */
}
/* line 5047, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 5058, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[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;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[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;
}
/* line 5064, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 5071, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-radio-group:focus {
  outline: none;
}
/* line 5076, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-radio-group.md-focused .md-checked .md-container:before {
  left: -8px;
  top: -8px;
  right: -8px;
  bottom: -8px;
}
/* line 5084, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-radio-group[disabled] md-radio-button {
  cursor: default;
}
/* line 4933, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-radio-group[disabled] md-radio-button .md-container {
  cursor: default;
}

/* line 5090, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-inline-form md-radio-group {
  margin: 18px 0 19px;
}
/* line 5092, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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) {
  /* line 5104, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-radio-button.md-default-theme .md-on {
    background-color: #fff;
  }
}
/* line 5122, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-input-container:not([md-no-float]) .md-select-placeholder span:first-child {
  transform-origin: right top;
}
/* line 5129, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-input-container.md-input-focused:not([md-no-float]) .md-select-placeholder span:first-child {
  transform: translateY(-22px) translateX(-2px) scale(0.75);
}

/* line 5136, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-select-menu-container {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 90;
  opacity: 0;
  display: none;
  transform: translateY(-1px);
}
/* line 5148, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-select-menu-container:not(.md-clickable) {
  pointer-events: none;
}
/* line 5152, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-select-menu-container md-progress-circular {
  display: table;
  margin: 24px auto !important;
}
/* line 5159, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-select-menu-container.md-active {
  display: block;
  opacity: 1;
}
/* line 5162, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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;
}
/* line 5165, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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;
}
/* line 5175, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-select-menu-container.md-leave {
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  transition-duration: 250ms;
}

/* line 5182, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-input-container > md-select {
  margin: 0;
  order: 2;
}

/* line 5194, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}

/* line 5204, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-input-container.md-input-invalid md-select .md-select-value {
  padding-bottom: 1px;
}

/* line 5211, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-select {
  display: flex;
  margin: 20px 0 26px 0;
}
/* line 5217, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 5225, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-select[disabled] .md-select-value {
  background-position: 0 bottom;
  background-size: 4px 1px;
  background-repeat: repeat-x;
  margin-bottom: -1px;
}
/* line 5234, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-select:focus {
  outline: none;
}
/* line 5237, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-select[disabled]:hover {
  cursor: default;
}
/* line 5241, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-select:not([disabled]):hover {
  cursor: pointer;
}
/* line 5245, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-select:not([disabled]).ng-invalid.ng-touched .md-select-value {
  padding-bottom: 1px;
}
/* line 5251, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-select:not([disabled]):focus .md-select-value {
  padding-bottom: 0;
}
/* line 5257, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-select:not([disabled]):focus.ng-invalid.ng-touched .md-select-value {
  padding-bottom: 0;
}

/* line 5267, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-input-container.md-input-has-value .md-select-value > span:not(.md-select-icon) {
  transform: translate3d(0, 1px, 0);
}

/* line 5272, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-select-value {
  display: flex;
  align-items: center;
  padding: 2px 2px 1px;
  background-color: transparent;
  position: relative;
  box-sizing: content-box;
  min-width: 64px;
  min-height: 26px;
  flex-grow: 1;
}
/* line 5286, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-select-value > span:not(.md-select-icon) {
  max-width: 100%;
  flex: 1 1 auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/* line 5293, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-select-value > span:not(.md-select-icon) .md-text {
  display: inline;
}
/* line 5298, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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;
}
/* line 5308, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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);
}
/* line 5318, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-select-value.md-select-placeholder {
  display: flex;
  order: 1;
  pointer-events: none;
  -webkit-font-smoothing: antialiased;
  padding-left: 2px;
  z-index: 1;
}

/* line 5328, ../../app/assets/scss/base/vendor/_angular-material.scss */
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);
}
/* line 5331, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-select-menu.md-reverse {
  flex-direction: column-reverse;
}
/* line 5336, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-select-menu:not(.md-overflow) md-content {
  padding-top: 8px;
  padding-bottom: 8px;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-select-menu {
  transform-origin: right top;
}
/* line 5351, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-select-menu md-content {
  min-width: 136px;
  min-height: 48px;
  max-height: 256px;
  overflow-y: auto;
}
/* line 5357, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-select-menu > * {
  opacity: 0;
}

/* line 5362, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 5370, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-option[disabled] {
  cursor: default;
}
/* line 5374, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-option:focus {
  outline: none;
}
/* line 5378, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}

/* line 5389, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-optgroup {
  display: block;
}
/* line 5391, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-optgroup label {
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  padding: 16px;
  font-weight: 500;
}
/* line 5398, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-optgroup md-option {
  padding-left: 32px;
  padding-right: 32px;
}

@media screen and (-ms-high-contrast: active) {
  /* line 5405, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .md-select-backdrop {
    background-color: transparent;
  }

  /* line 5408, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-select-menu {
    border: 1px solid #fff;
  }
}
/* line 5414, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-select-menu[multiple] md-option.md-checkbox-enabled {
  padding-left: 40px;
  padding-right: 16px;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled {
  padding-left: 16px;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled {
  padding-right: 40px;
}
/* line 308, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  left: auto;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  right: 0;
}
/* line 321, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 337, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 347, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 360, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 373, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-select-menu[multiple] md-option.md-checkbox-enabled[selected] .md-icon {
  border-color: transparent;
}
/* line 376, ../../app/assets/scss/base/vendor/_angular-material.scss */
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: '';
}
/* line 394, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-select-menu[multiple] md-option.md-checkbox-enabled[disabled] {
  cursor: default;
}
/* line 399, ../../app/assets/scss/base/vendor/_angular-material.scss */
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: '';
}
/* line 5420, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  margin-left: 10.6666666667px;
  margin-right: auto;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  margin-left: auto;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  margin-right: 10.6666666667px;
}

/* line 5431, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 5443, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-sidenav ul {
  list-style: none;
}
/* line 5447, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-sidenav.md-closed {
  display: none;
}
/* line 5450, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-sidenav.md-closed-add, md-sidenav.md-closed-remove {
  display: flex;
  transition: 0.2s ease-in all;
}
/* line 5456, ../../app/assets/scss/base/vendor/_angular-material.scss */
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);
}
/* line 5461, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-sidenav.md-locked-open-add, md-sidenav.md-locked-open-remove {
  position: static;
  display: flex;
  transform: translate3d(0, 0, 0);
}
/* line 5468, ../../app/assets/scss/base/vendor/_angular-material.scss */
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);
}
/* line 5477, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 5484, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-sidenav.md-closed.md-locked-open-add {
  width: 0 !important;
  min-width: 0 !important;
  transform: translate3d(0%, 0, 0);
}
/* line 5490, ../../app/assets/scss/base/vendor/_angular-material.scss */
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);
}

/* line 5500, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-sidenav-backdrop.md-locked-open {
  display: none;
}

/* line 5504, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-sidenav-left, md-sidenav {
  left: 0;
  top: 0;
  transform: translate3d(0%, 0, 0);
}
/* line 5508, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-sidenav-left.md-closed, md-sidenav.md-closed {
  transform: translate3d(-100%, 0, 0);
}

/* line 5513, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-sidenav-right {
  left: 100%;
  top: 0;
  transform: translate(-100%, 0);
}
/* line 5517, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-sidenav-right.md-closed {
  transform: translate(0%, 0);
}

@media (min-width: 600px) {
  /* line 5523, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-sidenav {
    max-width: 400px;
  }
}
@media (max-width: 456px) {
  /* line 5529, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-sidenav {
    width: calc(100% - 56px);
    min-width: calc(100% - 56px);
    max-width: calc(100% - 56px);
  }
}
@media screen and (-ms-high-contrast: active) {
  /* line 5538, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .md-sidenav-left, md-sidenav {
    border-right: 1px solid #fff;
  }

  /* line 5541, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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);
  }
}
/* line 5619, ../../app/assets/scss/base/vendor/_angular-material.scss */
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 */
}
/* line 5629, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-slider *, md-slider *:after {
  box-sizing: border-box;
}
/* line 5639, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-slider .md-slider-content {
  position: relative;
}
/* line 5646, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-slider .md-track-container {
  width: 100%;
  position: absolute;
  top: 23px;
  height: 2px;
}
/* line 5652, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-slider .md-track {
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
}
/* line 5658, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-slider .md-track-fill {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-property: width, height;
}
/* line 5662, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-slider .md-track-ticks {
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
}
/* line 5668, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-slider .md-track-ticks canvas {
  width: 100%;
  height: 100%;
}
/* line 5679, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-slider .md-thumb-container {
  left: auto;
  right: 0;
}
/* line 5687, ../../app/assets/scss/base/vendor/_angular-material.scss */
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);
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-slider .md-thumb {
  left: auto;
  right: -10px;
}
/* line 5695, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-slider .md-thumb:after {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  border-width: 3px;
  border-style: solid;
  transition: inherit;
}
/* line 5711, ../../app/assets/scss/base/vendor/_angular-material.scss */
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 */
}
/* line 5729, ../../app/assets/scss/base/vendor/_angular-material.scss */
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);
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-slider .md-sign:after {
  left: auto;
  right: 0px;
}
/* line 5745, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-slider .md-sign .md-thumb-text {
  z-index: 1;
  font-size: 12px;
  font-weight: bold;
}
/* line 5755, ../../app/assets/scss/base/vendor/_angular-material.scss */
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);
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-slider .md-focus-ring {
  left: auto;
  right: -17px;
}
/* line 5762, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-slider .md-disabled-thumb {
  left: auto;
  right: -14px;
}
/* line 5774, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-slider.md-min .md-sign {
  opacity: 0;
}
/* line 5779, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-slider:focus {
  outline: none;
}
/* line 5785, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-slider.md-dragging .md-thumb-container,
md-slider.md-dragging .md-track-fill {
  transition: none;
}
/* line 5791, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-slider:not([md-discrete]) {
  /* Hide the sign and ticks in non-discrete mode */
}
/* line 5793, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-slider:not([md-discrete]) .md-track-ticks,
md-slider:not([md-discrete]) .md-sign {
  display: none;
}
/* line 5800, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-slider:not([md-discrete]):not([disabled]) .md-slider-wrapper .md-thumb:hover {
  transform: scale(0.8);
}
/* line 5805, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-slider:not([md-discrete]):not([disabled]) .md-slider-wrapper.md-focused .md-focus-ring {
  transform: scale(1);
  opacity: 1;
}
/* line 5809, ../../app/assets/scss/base/vendor/_angular-material.scss */
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);
}
/* line 5817, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-slider:not([md-discrete]):not([disabled]).md-active .md-slider-wrapper .md-thumb {
  transform: scale(1);
}
/* line 5829, ../../app/assets/scss/base/vendor/_angular-material.scss */
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);
}
/* line 5833, ../../app/assets/scss/base/vendor/_angular-material.scss */
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);
}
/* line 5840, ../../app/assets/scss/base/vendor/_angular-material.scss */
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);
}
/* line 5843, ../../app/assets/scss/base/vendor/_angular-material.scss */
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);
}
/* line 5852, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-slider[md-discrete][disabled][readonly] .md-thumb {
  transform: scale(0);
}
/* line 5855, ../../app/assets/scss/base/vendor/_angular-material.scss */
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);
}
/* line 5864, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-slider[disabled] .md-track-fill {
  display: none;
}
/* line 5867, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-slider[disabled] .md-track-ticks {
  opacity: 0;
}
/* line 5870, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-slider[disabled]:not([readonly]) .md-sign {
  opacity: 0;
}
/* line 5873, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-slider[disabled] .md-thumb {
  transform: scale(0.5);
}
/* line 5876, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-slider[disabled] .md-disabled-thumb {
  display: block;
}
/* line 5881, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-slider[md-vertical] {
  flex-direction: column;
  min-height: 128px;
  min-width: 0;
}
/* line 5886, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 5896, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-slider[md-vertical] .md-track-container {
  height: 100%;
  width: 2px;
  top: 0;
  left: calc(50% - (2px / 2));
}
/* line 5903, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-slider[md-vertical] .md-thumb-container {
  top: auto;
  margin-bottom: 23px;
  left: calc(50% - 1px);
  bottom: 0;
}
/* line 5909, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-slider[md-vertical] .md-thumb-container .md-thumb:after {
  left: 1px;
}
/* line 5913, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-slider[md-vertical] .md-thumb-container .md-focus-ring {
  left: -16px;
}
/* line 5918, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-slider[md-vertical] .md-track-fill {
  bottom: 0;
}
/* line 5923, ../../app/assets/scss/base/vendor/_angular-material.scss */
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 */
}
/* line 5932, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 5946, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-slider[md-vertical][md-discrete] .md-sign .md-thumb-text {
  z-index: 1;
  font-size: 12px;
  font-weight: bold;
}
/* line 5956, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 5963, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-slider[md-vertical][disabled][readonly] .md-thumb {
  transform: scale(0);
}
/* line 5966, ../../app/assets/scss/base/vendor/_angular-material.scss */
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);
}
/* line 5974, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-slider[md-invert]:not([md-vertical]) .md-track-fill {
  left: auto;
  right: 0;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-slider[md-invert]:not([md-vertical]) .md-track-fill {
  left: 0;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-slider[md-invert]:not([md-vertical]) .md-track-fill {
  right: auto;
}
/* line 5979, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-slider[md-invert][md-vertical] .md-track-fill {
  bottom: auto;
  top: 0;
}

/* line 5987, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-slider-container {
  display: flex;
  align-items: center;
  flex-direction: row;
}
/* line 5998, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 6007, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-slider-container > *:first-child:not(md-slider) {
  margin-right: 16px;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-slider-container > *:first-child:not(md-slider) {
  margin-right: auto;
  margin-left: 16px;
}
/* line 6011, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-slider-container > *:last-child:not(md-slider) {
  margin-left: 16px;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-slider-container > *:last-child:not(md-slider) {
  margin-left: auto;
  margin-right: 16px;
}
/* line 6015, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-slider-container[md-vertical] {
  flex-direction: column;
}
/* line 6018, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 6027, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-slider-container md-input-container input[type="number"] {
  text-align: center;
  padding-left: 15px;
  height: 50px;
  margin-top: -25px;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-slider-container md-input-container input[type="number"] {
  padding-left: 0;
  padding-right: 15px;
}

@media screen and (-ms-high-contrast: active) {
  /* line 6037, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-slider.md-default-theme .md-track {
    border-bottom: 1px solid #fff;
  }
}
/* line 6043, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-sticky-clone {
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  position: absolute !important;
  transform: translate3d(-9999px, -9999px, 0);
}
/* line 6052, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-sticky-clone[sticky-state="active"] {
  transform: translate3d(0, 0, 0);
}
/* line 6054, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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;
  }
}
/* line 6086, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-subheader-wrapper:not(.md-sticky-no-effect) {
  transition: 0.2s ease-out margin;
}
/* line 6087, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-subheader-wrapper:not(.md-sticky-no-effect) .md-subheader {
  margin: 0;
}
/* line 6093, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-subheader-wrapper:not(.md-sticky-no-effect).md-sticky-clone {
  z-index: 2;
}
/* line 6097, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-subheader-wrapper:not(.md-sticky-no-effect)[sticky-state="active"] {
  margin-top: -2px;
}
/* line 6101, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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;
}

/* line 6108, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-subheader {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1em;
  margin: 0 0 0 0;
  position: relative;
}
/* line 6116, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-subheader .md-subheader-inner {
  display: block;
  padding: 16px;
}
/* line 6121, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-subheader .md-subheader-content {
  display: block;
  z-index: 1;
  position: relative;
}

/* line 6135, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-inline-form md-switch {
  margin-top: 18px;
  margin-bottom: 19px;
}

/* line 6141, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-switch {
  margin-left: 16px;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-switch {
  margin-right: inherit;
}
/* line 6155, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-switch:last-of-type {
  margin-left: inherit;
  margin-right: 0;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-switch:last-of-type {
  margin-left: 0;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-switch:last-of-type {
  margin-right: inherit;
}
/* line 6160, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-switch[disabled] {
  cursor: default;
}
/* line 6163, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-switch[disabled] .md-container {
  cursor: default;
}
/* line 6168, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-switch .md-container {
  cursor: grab;
  width: 36px;
  height: 24px;
  position: relative;
  user-select: none;
  margin-right: 8px;
  float: left;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-switch .md-container {
  margin-right: auto;
  margin-left: 8px;
}
/* line 6180, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-switch:not([disabled]) .md-dragging, md-switch:not([disabled]).md-dragging .md-container {
  cursor: grabbing;
}
/* line 6187, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-switch.md-focused:not([disabled]) .md-thumb:before {
  left: -8px;
  top: -8px;
  right: -8px;
  bottom: -8px;
}
/* line 6195, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-switch.md-focused:not([disabled]):not(.md-checked) .md-thumb:before {
  background-color: rgba(0, 0, 0, 0.12);
}
/* line 6201, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-switch .md-label {
  border-color: transparent;
  border-width: 0;
  float: left;
}
/* line 6207, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-switch .md-bar {
  left: 1px;
  width: 34px;
  top: 5px;
  height: 14px;
  border-radius: 8px;
  position: absolute;
}
/* line 6216, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-switch .md-thumb-container {
  top: 2px;
  left: 0;
  width: 16px;
  position: absolute;
  transform: translate3d(0, 0, 0);
  z-index: 1;
}
/* line 6224, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-switch.md-checked .md-thumb-container {
  transform: translate3d(100%, 0, 0);
}
/* line 6228, ../../app/assets/scss/base/vendor/_angular-material.scss */
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);
}
/* line 6239, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 6254, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-switch .md-thumb .md-ripple-container {
  position: absolute;
  display: block;
  width: auto;
  height: auto;
  left: -20px;
  top: -20px;
  right: -20px;
  bottom: -20px;
}
/* line 6267, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 6273, ../../app/assets/scss/base/vendor/_angular-material.scss */
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) {
  /* line 6282, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-switch.md-default-theme .md-bar {
    background-color: #666;
  }

  /* line 6285, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-switch.md-default-theme.md-checked .md-bar {
    background-color: #9E9E9E;
  }

  /* line 6288, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-switch.md-default-theme .md-thumb {
    background-color: #fff;
  }
}
@keyframes md-tab-content-hide {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* line 6303, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-tab-data {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  opacity: 0;
}

/* line 6313, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-tabs {
  display: block;
  margin: 0;
  border-radius: 2px;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
}
/* line 6320, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) {
  min-height: 248px;
}
/* line 6323, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-tabs[md-align-tabs="bottom"] {
  padding-bottom: 48px;
}
/* line 6325, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-tabs[md-align-tabs="bottom"] md-tabs-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 48px;
  z-index: 2;
}
/* line 6333, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-tabs[md-align-tabs="bottom"] md-tabs-content-wrapper {
  top: 0;
  bottom: 48px;
}
/* line 6339, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-tabs.md-dynamic-height md-tabs-content-wrapper {
  min-height: 0;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  overflow: visible;
}
/* line 6349, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-tabs.md-dynamic-height md-tab-content.md-active {
  position: relative;
}
/* line 6355, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-tabs[md-border-bottom] md-tabs-wrapper {
  border-width: 0 0 1px;
  border-style: solid;
}
/* line 6360, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-tabs[md-border-bottom]:not(.md-dynamic-height) md-tabs-content-wrapper {
  top: 49px;
}

/* line 6367, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-tabs-wrapper {
  display: block;
  position: relative;
  transform: translate3d(0, 0, 0);
}
/* line 6372, ../../app/assets/scss/base/vendor/_angular-material.scss */
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);
}
/* line 6384, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-tabs-wrapper md-prev-button:focus, md-tabs-wrapper md-next-button:focus {
  outline: none;
}
/* line 6387, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-tabs-wrapper md-prev-button.md-disabled, md-tabs-wrapper md-next-button.md-disabled {
  opacity: 0.25;
  cursor: default;
}
/* line 6391, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-tabs-wrapper md-prev-button.ng-leave, md-tabs-wrapper md-next-button.ng-leave {
  transition: none;
}
/* line 6394, ../../app/assets/scss/base/vendor/_angular-material.scss */
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);
}
/* line 6401, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-tabs-wrapper md-prev-button {
  left: 0;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMjA4IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTUuNCw3LjQgMTQsNiA4LDEyIDE0LDE4IDE1LjQsMTYuNiAxMC44LDEyIAkJIiBzdHlsZT0iZmlsbDp3aGl0ZTsiLz4gPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+IDwvZz4gPC9nPiA8ZyBpZD0iR3JpZCIgZGlzcGxheT0ibm9uZSI+IDxnIGRpc3BsYXk9ImlubGluZSI+IDwvZz4gPC9nPiA8L3N2Zz4NCg==");
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-tabs-wrapper md-prev-button {
  left: auto;
  right: 0;
}
/* line 6405, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-tabs-wrapper md-next-button {
  right: 0;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMzM2IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTAsNiA4LjYsNy40IDEzLjIsMTIgOC42LDE2LjYgMTAsMTggMTYsMTIgCQkiIHN0eWxlPSJmaWxsOndoaXRlOyIvPiA8cmVjdCBmaWxsPSJub25lIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz4gPC9nPiA8L2c+IDxnIGlkPSJHcmlkIiBkaXNwbGF5PSJub25lIj4gPGcgZGlzcGxheT0iaW5saW5lIj4gPC9nPiA8L2c+IDwvc3ZnPg0K");
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-tabs-wrapper md-next-button {
  right: auto;
  left: 0;
}
/* line 6408, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-tabs-wrapper md-next-button md-icon {
  transform: translate3d(-50%, -50%, 0) rotate(180deg);
}
/* line 6413, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper {
  width: 100%;
  display: flex;
  flex-direction: row;
}
/* line 6417, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper md-tab-item {
  flex-grow: 1;
}

/* line 6424, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-tabs-canvas {
  position: relative;
  overflow: hidden;
  display: block;
  height: 48px;
}
/* line 165, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-tabs-canvas:after {
  content: '';
  display: table;
  clear: both;
}
/* line 6430, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-tabs-canvas .md-dummy-wrapper {
  position: absolute;
  top: 0;
  left: 0;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-tabs-canvas .md-dummy-wrapper {
  left: auto;
  right: 0;
}
/* line 6435, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-tabs-canvas.md-paginated {
  margin: 0 32px;
}
/* line 6438, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-tabs-canvas.md-center-tabs {
  display: flex;
  flex-direction: column;
  text-align: center;
}
/* line 6442, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-tabs-canvas.md-center-tabs .md-tab {
  float: none;
  display: inline-block;
}

/* line 6449, ../../app/assets/scss/base/vendor/_angular-material.scss */
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);
}
/* line 165, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-pagination-wrapper:after {
  content: '';
  display: table;
  clear: both;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-pagination-wrapper {
  left: auto;
  right: 0;
}
/* line 6458, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-pagination-wrapper.md-center-tabs {
  position: relative;
  width: auto;
  margin: 0 auto;
}

/* line 6465, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-tabs-content-wrapper {
  display: block;
  position: absolute;
  top: 48px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

/* line 6475, ../../app/assets/scss/base/vendor/_angular-material.scss */
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);
}
/* line 6486, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-tab-content.md-no-scroll {
  bottom: auto;
  overflow: hidden;
}
/* line 6490, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-tab-content.ng-leave, md-tab-content.md-no-transition {
  transition: none;
}
/* line 6493, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-tab-content.md-left:not(.md-active) {
  transform: translateX(-100%);
  animation: 1s md-tab-content-hide;
  opacity: 0;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-tab-content.md-left:not(.md-active) {
  transform: translateX(100%);
}
/* line 6497, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-tab-content.md-left:not(.md-active) * {
  transition: visibility 0s linear;
  transition-delay: 0.5s;
  visibility: hidden;
}
/* line 6503, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-tab-content.md-right:not(.md-active) {
  transform: translateX(100%);
  animation: 1s md-tab-content-hide;
  opacity: 0;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-tab-content.md-right:not(.md-active) {
  transform: translateX(-100%);
}
/* line 6507, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-tab-content.md-right:not(.md-active) * {
  transition: visibility 0s linear;
  transition-delay: 0.5s;
  visibility: hidden;
}
/* line 6513, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-tab-content > div.ng-leave {
  animation: 1s md-tab-content-hide;
}

/* line 6518, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-ink-bar {
  position: absolute;
  left: auto;
  right: auto;
  bottom: 0;
  height: 2px;
}
/* line 6526, ../../app/assets/scss/base/vendor/_angular-material.scss */
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);
}
/* line 6530, ../../app/assets/scss/base/vendor/_angular-material.scss */
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);
}

/* line 6536, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-tab {
  position: absolute;
  z-index: -1;
  left: -9999px;
}

/* line 6542, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .md-tab {
  float: right;
}
/* line 6557, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-tab.md-focused {
  box-shadow: none;
  outline: none;
}
/* line 6561, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-tab.md-active {
  cursor: default;
}
/* line 6564, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-tab.md-disabled {
  pointer-events: none;
  touch-action: pan-y;
  user-select: none;
  -webkit-user-drag: none;
  opacity: 0.5;
  cursor: default;
}
/* line 6572, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-tab.ng-leave {
  transition: none;
}

/* line 6577, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-toolbar + md-tabs {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* line 6589, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-toast-text {
  padding: 0 6px;
}

/* line 6593, ../../app/assets/scss/base/vendor/_angular-material.scss */
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
   */
}
/* line 6608, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 244, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-toast .md-toast-content::before {
  content: '';
  visibility: hidden;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-toast .md-toast-content {
  justify-content: flex-end;
}
/* line 6635, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-toast .md-toast-content span {
  flex: 1 1 0%;
  box-sizing: border-box;
  min-width: 0;
}
/* line 6643, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-toast.md-capsule {
  border-radius: 24px;
}
/* line 6646, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-toast.md-capsule .md-toast-content {
  border-radius: 24px;
}
/* line 6652, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-toast.ng-leave-active .md-toast-content {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
}
/* line 6662, ../../app/assets/scss/base/vendor/_angular-material.scss */
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);
}
/* line 6667, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-toast.ng-enter {
  opacity: 0;
}
/* line 6669, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-toast.ng-enter .md-toast-content {
  transform: translate3d(0, 100%, 0);
}
/* line 6673, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-toast.ng-enter.md-top .md-toast-content {
  transform: translate3d(0, -100%, 0);
}
/* line 6677, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-toast.ng-enter.ng-enter-active {
  opacity: 1;
}
/* line 6679, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-toast.ng-enter.ng-enter-active .md-toast-content {
  transform: translate3d(0, 0, 0);
}
/* line 6689, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-toast.ng-leave.ng-leave-active .md-toast-content {
  opacity: 0;
  transform: translate3d(0, 100%, 0);
}
/* line 6695, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-toast.ng-leave.ng-leave-active.md-swipeup .md-toast-content {
  transform: translate3d(0, -50%, 0);
}
/* line 6700, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-toast.ng-leave.ng-leave-active.md-swipedown .md-toast-content {
  transform: translate3d(0, 50%, 0);
}
/* line 6705, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-toast.ng-leave.ng-leave-active.md-top .md-toast-content {
  transform: translate3d(0, -100%, 0);
}
/* line 6711, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-toast .md-action {
  line-height: 19px;
  margin-left: 24px;
  margin-right: 0;
  cursor: pointer;
  text-transform: uppercase;
  float: right;
}
/* line 6720, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-toast .md-button {
  min-width: 0;
  margin-right: 0;
  margin-left: 12px;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-toast .md-button {
  margin-right: 12px;
}
/* line 257, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-toast .md-button {
  margin-left: 0;
}

@media (max-width: 959px) {
  /* line 6728, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-toast {
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    border-radius: 0;
    bottom: 0;
    padding: 0;
  }
  /* line 6740, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-toast.ng-leave.ng-leave-active.md-swipeup .md-toast-content {
    transform: translate3d(0, -50%, 0);
  }
  /* line 6745, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-toast.ng-leave.ng-leave-active.md-swipedown .md-toast-content {
    transform: translate3d(0, 50%, 0);
  }
}
@media (min-width: 960px) {
  /* line 6754, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-toast {
    min-width: 304px;
   /*
  * When the toast doesn't take up the whole screen,
  * make it rotate when the user swipes it away
  */
  }
  /* line 6756, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-toast.md-bottom {
    bottom: 0;
  }
  /* line 6759, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-toast.md-left {
    left: 0;
  }
  /* line 6762, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-toast.md-right {
    right: 0;
  }
  /* line 6765, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-toast.md-top {
    top: 0;
  }
  /* line 6770, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-toast._md-start {
    left: 0;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] md-toast._md-start {
    left: auto;
    right: 0;
  }
  /* line 6774, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-toast._md-end {
    right: 0;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] md-toast._md-end {
    right: auto;
    left: 0;
  }
  /* line 6784, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-toast.ng-leave.ng-leave-active.md-swipeleft .md-toast-content {
    transform: translate3d(-50%, 0, 0);
  }
  /* line 6789, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-toast.ng-leave.ng-leave-active.md-swiperight .md-toast-content {
    transform: translate3d(50%, 0, 0);
  }
}
@media (min-width: 1920px) {
  /* line 6799, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-toast .md-toast-content {
    max-width: 568px;
  }
}
@media screen and (-ms-high-contrast: active) {
  /* line 6806, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-toast {
    border: 1px solid #fff;
  }
}
/* line 6813, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-toast-animating {
  overflow: hidden !important;
}

/* line 6831, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-toolbar {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
  font-size: 20px;
  min-height: 64px;
  width: 100%;
}
/* line 6843, ../../app/assets/scss/base/vendor/_angular-material.scss */
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;
}
/* line 6849, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-toolbar.md-whiteframe-z1-add, md-toolbar.md-whiteframe-z1-remove {
  transition: box-shadow 0.5s linear;
}
/* line 6853, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-toolbar md-toolbar-filler {
  width: 72px;
}
/* line 6857, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-toolbar *,
md-toolbar *:before,
md-toolbar *:after {
  box-sizing: border-box;
}
/* line 6866, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-toolbar.ng-animate {
  transition: none;
}
/* line 6870, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-toolbar.md-tall {
  height: 128px;
  min-height: 128px;
  max-height: 128px;
}
/* line 6876, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-toolbar.md-medium-tall {
  height: 88px;
  min-height: 88px;
  max-height: 88px;
}
/* line 6881, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-toolbar.md-medium-tall .md-toolbar-tools {
  height: 48px;
  min-height: 48px;
  max-height: 48px;
}
/* line 6888, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-toolbar > .md-indent {
  margin-left: 64px;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] md-toolbar > .md-indent {
  margin-left: auto;
  margin-right: 64px;
}
/* line 6893, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-toolbar ~ md-content > md-list {
  padding: 0;
}
/* line 6897, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-toolbar ~ md-content > md-list md-list-item:last-child md-divider {
  display: none;
}

/* line 6905, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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;
}
/* line 6920, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-toolbar-tools h1, .md-toolbar-tools h2, .md-toolbar-tools h3 {
  font-size: inherit;
  font-weight: inherit;
  margin: inherit;
}
/* line 6926, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-toolbar-tools a {
  color: inherit;
  text-decoration: none;
}
/* line 6930, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-toolbar-tools .fill-height {
  display: flex;
  align-items: center;
}
/* line 6934, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-toolbar-tools .md-button {
  margin-top: 0;
  margin-bottom: 0;
}
/* line 6938, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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;
}
/* line 6946, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-toolbar-tools .md-button.ng-animate, .md-toolbar-tools .md-button.md-icon-button md-icon.ng-animate {
  transition: none;
}
/* line 6951, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-toolbar-tools > .md-button:first-child {
  margin-left: -8px;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .md-toolbar-tools > .md-button:first-child {
  margin-left: auto;
  margin-right: -8px;
}
/* line 6954, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-toolbar-tools > .md-button:last-child {
  margin-right: -8px;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .md-toolbar-tools > .md-button:last-child {
  margin-right: auto;
  margin-left: -8px;
}
/* line 6958, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-toolbar-tools > md-menu:last-child {
  margin-right: -8px;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .md-toolbar-tools > md-menu:last-child {
  margin-right: auto;
  margin-left: -8px;
}
/* line 6960, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-toolbar-tools > md-menu:last-child > .md-button {
  margin-right: 0;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .md-toolbar-tools > md-menu:last-child > .md-button {
  margin-right: auto;
  margin-left: 0;
}
@media screen and (-ms-high-contrast: active) {
  /* line 6905, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .md-toolbar-tools {
    border-bottom: 1px solid #fff;
  }
}

@media (min-width: 0) and (max-width: 959px) and (orientation: portrait) {
  /* line 6972, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-toolbar {
    min-height: 56px;
  }

  /* line 6976, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .md-toolbar-tools {
    height: 56px;
    max-height: 56px;
  }
}
@media (min-width: 0) and (max-width: 959px) and (orientation: landscape) {
  /* line 6984, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-toolbar {
    min-height: 48px;
  }

  /* line 6988, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .md-toolbar-tools {
    height: 48px;
    max-height: 48px;
  }
}
/* line 7005, ../../app/assets/scss/base/vendor/_angular-material.scss */
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) {
  /* line 7005, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-tooltip {
    font-size: 10px;
  }
}
/* line 7018, ../../app/assets/scss/base/vendor/_angular-material.scss */
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) {
  /* line 7018, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-tooltip .md-content {
    height: 22px;
    line-height: 22px;
    padding-left: 8px;
    padding-right: 8px;
  }
}
/* line 7036, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-tooltip .md-content.md-show-add {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-duration: .2s;
  transform: scale(0);
  opacity: 0;
}
/* line 7042, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-tooltip .md-content.md-show, md-tooltip .md-content.md-show-add-active {
  transform: scale(1);
  opacity: 0.9;
  transform-origin: center top;
}
/* line 7047, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-tooltip .md-content.md-show-remove {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-duration: .2s;
}
/* line 7050, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-tooltip .md-content.md-show-remove.md-show-remove-active {
  transform: scale(0);
  opacity: 0;
}
/* line 7057, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-tooltip.md-hide {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
}
/* line 7061, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-tooltip.md-show {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  pointer-events: auto;
}

/* line 7069, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-virtual-repeat-container {
  box-sizing: border-box;
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
}
/* line 7077, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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;
}
/* line 7090, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-virtual-repeat-container .md-virtual-repeat-sizer {
  box-sizing: border-box;
  height: 1px;
  display: block;
  margin: 0;
  padding: 0;
  width: 1px;
}
/* line 7099, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-virtual-repeat-container .md-virtual-repeat-offsetter {
  box-sizing: border-box;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
}

/* line 7111, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-scroller {
  overflow-x: auto;
  overflow-y: hidden;
}
/* line 7116, ../../app/assets/scss/base/vendor/_angular-material.scss */
.md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-offsetter {
  bottom: 16px;
  right: auto;
  white-space: nowrap;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-offsetter {
  right: auto;
  left: auto;
}

/* line 7125, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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);
}

/* line 7128, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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);
}

/* line 7131, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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);
}

/* line 7134, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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);
}

/* line 7137, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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);
}

/* line 7140, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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);
}

/* line 7143, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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);
}

/* line 7146, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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);
}

/* line 7149, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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);
}

/* line 7152, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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);
}

/* line 7155, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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);
}

/* line 7158, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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);
}

/* line 7161, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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);
}

/* line 7164, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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);
}

/* line 7167, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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);
}

/* line 7170, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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);
}

/* line 7173, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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);
}

/* line 7176, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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);
}

/* line 7179, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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);
}

/* line 7182, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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);
}

/* line 7185, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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);
}

/* line 7188, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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);
}

/* line 7191, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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);
}

/* line 7194, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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) {
  /* line 7199, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-whiteframe {
    border: 1px solid #fff;
  }
}
@media print {
  /* line 7205, ../../app/assets/scss/base/vendor/_angular-material.scss */
  md-whiteframe, [md-whiteframe] {
    background-color: #ffffff;
  }
}
/*
* Since Layout API uses ng-cloak to hide the dom elements while layouts are adjusted
*
*/
/* line 7214, ../../app/assets/scss/base/vendor/_angular-material.scss */
[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() {
  /* line 7233, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-fill {
    margin: 0;
    width: 100%;
    min-height: 100%;
    height: 100%;
  }
}
/*
 *  Apply Mixins to create Layout/Flexbox styles
 *
 */
/* line 787, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-order {
  order: 0;
}

/* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-order--20 {
  order: -20;
}

/* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-order--19 {
  order: -19;
}

/* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-order--18 {
  order: -18;
}

/* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-order--17 {
  order: -17;
}

/* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-order--16 {
  order: -16;
}

/* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-order--15 {
  order: -15;
}

/* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-order--14 {
  order: -14;
}

/* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-order--13 {
  order: -13;
}

/* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-order--12 {
  order: -12;
}

/* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-order--11 {
  order: -11;
}

/* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-order--10 {
  order: -10;
}

/* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-order--9 {
  order: -9;
}

/* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-order--8 {
  order: -8;
}

/* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-order--7 {
  order: -7;
}

/* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-order--6 {
  order: -6;
}

/* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-order--5 {
  order: -5;
}

/* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-order--4 {
  order: -4;
}

/* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-order--3 {
  order: -3;
}

/* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-order--2 {
  order: -2;
}

/* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-order--1 {
  order: -1;
}

/* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-order-0 {
  order: 0;
}

/* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-order-1 {
  order: 1;
}

/* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-order-2 {
  order: 2;
}

/* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-order-3 {
  order: 3;
}

/* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-order-4 {
  order: 4;
}

/* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-order-5 {
  order: 5;
}

/* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-order-6 {
  order: 6;
}

/* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-order-7 {
  order: 7;
}

/* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-order-8 {
  order: 8;
}

/* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-order-9 {
  order: 9;
}

/* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-order-10 {
  order: 10;
}

/* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-order-11 {
  order: 11;
}

/* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-order-12 {
  order: 12;
}

/* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-order-13 {
  order: 13;
}

/* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-order-14 {
  order: 14;
}

/* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-order-15 {
  order: 15;
}

/* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-order-16 {
  order: 16;
}

/* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-order-17 {
  order: 17;
}

/* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-order-18 {
  order: 18;
}

/* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-order-19 {
  order: 19;
}

/* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-order-20 {
  order: 20;
}

/* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
.offset-0, .flex-offset-0 {
  margin-left: 0;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .offset-0, [dir=rtl] .flex-offset-0 {
  margin-left: auto;
  margin-right: 0;
}

/* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
.offset-5, .flex-offset-5 {
  margin-left: 5%;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .offset-5, [dir=rtl] .flex-offset-5 {
  margin-left: auto;
  margin-right: 5%;
}

/* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
.offset-10, .flex-offset-10 {
  margin-left: 10%;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .offset-10, [dir=rtl] .flex-offset-10 {
  margin-left: auto;
  margin-right: 10%;
}

/* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
.offset-15, .flex-offset-15 {
  margin-left: 15%;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .offset-15, [dir=rtl] .flex-offset-15 {
  margin-left: auto;
  margin-right: 15%;
}

/* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
.offset-20, .flex-offset-20 {
  margin-left: 20%;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .offset-20, [dir=rtl] .flex-offset-20 {
  margin-left: auto;
  margin-right: 20%;
}

/* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
.offset-25, .flex-offset-25 {
  margin-left: 25%;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .offset-25, [dir=rtl] .flex-offset-25 {
  margin-left: auto;
  margin-right: 25%;
}

/* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
.offset-30, .flex-offset-30 {
  margin-left: 30%;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .offset-30, [dir=rtl] .flex-offset-30 {
  margin-left: auto;
  margin-right: 30%;
}

/* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
.offset-35, .flex-offset-35 {
  margin-left: 35%;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .offset-35, [dir=rtl] .flex-offset-35 {
  margin-left: auto;
  margin-right: 35%;
}

/* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
.offset-40, .flex-offset-40 {
  margin-left: 40%;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .offset-40, [dir=rtl] .flex-offset-40 {
  margin-left: auto;
  margin-right: 40%;
}

/* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
.offset-45, .flex-offset-45 {
  margin-left: 45%;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .offset-45, [dir=rtl] .flex-offset-45 {
  margin-left: auto;
  margin-right: 45%;
}

/* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
.offset-50, .flex-offset-50 {
  margin-left: 50%;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .offset-50, [dir=rtl] .flex-offset-50 {
  margin-left: auto;
  margin-right: 50%;
}

/* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
.offset-55, .flex-offset-55 {
  margin-left: 55%;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .offset-55, [dir=rtl] .flex-offset-55 {
  margin-left: auto;
  margin-right: 55%;
}

/* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
.offset-60, .flex-offset-60 {
  margin-left: 60%;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .offset-60, [dir=rtl] .flex-offset-60 {
  margin-left: auto;
  margin-right: 60%;
}

/* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
.offset-65, .flex-offset-65 {
  margin-left: 65%;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .offset-65, [dir=rtl] .flex-offset-65 {
  margin-left: auto;
  margin-right: 65%;
}

/* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
.offset-70, .flex-offset-70 {
  margin-left: 70%;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .offset-70, [dir=rtl] .flex-offset-70 {
  margin-left: auto;
  margin-right: 70%;
}

/* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
.offset-75, .flex-offset-75 {
  margin-left: 75%;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .offset-75, [dir=rtl] .flex-offset-75 {
  margin-left: auto;
  margin-right: 75%;
}

/* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
.offset-80, .flex-offset-80 {
  margin-left: 80%;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .offset-80, [dir=rtl] .flex-offset-80 {
  margin-left: auto;
  margin-right: 80%;
}

/* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
.offset-85, .flex-offset-85 {
  margin-left: 85%;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .offset-85, [dir=rtl] .flex-offset-85 {
  margin-left: auto;
  margin-right: 85%;
}

/* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
.offset-90, .flex-offset-90 {
  margin-left: 90%;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .offset-90, [dir=rtl] .flex-offset-90 {
  margin-left: auto;
  margin-right: 90%;
}

/* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
.offset-95, .flex-offset-95 {
  margin-left: 95%;
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .offset-95, [dir=rtl] .flex-offset-95 {
  margin-left: auto;
  margin-right: 95%;
}

/* line 840, ../../app/assets/scss/base/vendor/_angular-material.scss */
.offset-33, .flex-offset-33 {
  margin-left: calc(100% / 3);
}

/* line 856, ../../app/assets/scss/base/vendor/_angular-material.scss */
.offset-66, .flex-offset-66 {
  margin-left: calc(200% / 3);
}
/* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
[dir=rtl] .offset-66, [dir=rtl] .flex-offset-66 {
  margin-left: auto;
  margin-right: calc(200% / 3);
}

/* line 988, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-align,
.layout-align-start-stretch {
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch;
}

/* line 997, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-align-start,
.layout-align-start-start,
.layout-align-start-center,
.layout-align-start-end,
.layout-align-start-stretch {
  justify-content: flex-start;
}

/* line 1007, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-align-center,
.layout-align-center-start,
.layout-align-center-center,
.layout-align-center-end,
.layout-align-center-stretch {
  justify-content: center;
}

/* line 1017, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-align-end,
.layout-align-end-start,
.layout-align-end-center,
.layout-align-end-end,
.layout-align-end-stretch {
  justify-content: flex-end;
}

/* line 1027, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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;
}

/* line 1037, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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;
}

/* line 1053, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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;
}

/* line 1064, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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%;
}

/* line 1076, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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;
}

/* line 1087, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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;
}

/* line 1098, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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;
}

/* line 887, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex {
  flex: 1;
  box-sizing: border-box;
}

/* line 889, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-grow {
  flex: 1 1 100%;
  box-sizing: border-box;
}

/* line 890, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-initial {
  flex: 0 1 auto;
  box-sizing: border-box;
}

/* line 891, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-auto {
  flex: 1 1 auto;
  box-sizing: border-box;
}

/* line 892, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-none {
  flex: 0 0 auto;
  box-sizing: border-box;
}

/* line 893, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-noshrink {
  flex: 1 0 auto;
  box-sizing: border-box;
}

/* line 894, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-nogrow {
  flex: 0 1 auto;
  box-sizing: border-box;
}

/* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-0 {
  flex: 1 1 0%;
  max-width: 0%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-0 {
  flex: 1 1 0%;
  max-width: 0%;
  max-height: 100%;
  box-sizing: border-box;
  min-width: 0;
}

/* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-0 {
  flex: 1 1 0%;
  max-width: 100%;
  max-height: 0%;
  box-sizing: border-box;
}

/* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-33, .layout-row > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
/* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-66, .layout-row > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-33, .layout-column > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
/* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-66, .layout-column > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}

/* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-0 {
  flex: 1 1 0%;
  max-width: 0%;
  max-height: 100%;
  box-sizing: border-box;
  min-width: 0;
}

/* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-0 {
  flex: 1 1 0%;
  max-width: 100%;
  max-height: 0%;
  box-sizing: border-box;
  min-height: 0;
}

/* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-5 {
  flex: 1 1 5%;
  max-width: 5%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-5 {
  flex: 1 1 5%;
  max-width: 5%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-5 {
  flex: 1 1 5%;
  max-width: 100%;
  max-height: 5%;
  box-sizing: border-box;
}

/* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-33, .layout-row > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
/* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-66, .layout-row > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-33, .layout-column > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
/* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-66, .layout-column > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}

/* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-5 {
  flex: 1 1 5%;
  max-width: 5%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-5 {
  flex: 1 1 5%;
  max-width: 100%;
  max-height: 5%;
  box-sizing: border-box;
}

/* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-10 {
  flex: 1 1 10%;
  max-width: 10%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-10 {
  flex: 1 1 10%;
  max-width: 10%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-10 {
  flex: 1 1 10%;
  max-width: 100%;
  max-height: 10%;
  box-sizing: border-box;
}

/* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-33, .layout-row > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
/* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-66, .layout-row > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-33, .layout-column > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
/* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-66, .layout-column > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}

/* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-10 {
  flex: 1 1 10%;
  max-width: 10%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-10 {
  flex: 1 1 10%;
  max-width: 100%;
  max-height: 10%;
  box-sizing: border-box;
}

/* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-15 {
  flex: 1 1 15%;
  max-width: 15%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-15 {
  flex: 1 1 15%;
  max-width: 15%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-15 {
  flex: 1 1 15%;
  max-width: 100%;
  max-height: 15%;
  box-sizing: border-box;
}

/* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-33, .layout-row > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
/* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-66, .layout-row > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-33, .layout-column > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
/* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-66, .layout-column > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}

/* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-15 {
  flex: 1 1 15%;
  max-width: 15%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-15 {
  flex: 1 1 15%;
  max-width: 100%;
  max-height: 15%;
  box-sizing: border-box;
}

/* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-20 {
  flex: 1 1 20%;
  max-width: 20%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-20 {
  flex: 1 1 20%;
  max-width: 20%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-20 {
  flex: 1 1 20%;
  max-width: 100%;
  max-height: 20%;
  box-sizing: border-box;
}

/* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-33, .layout-row > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
/* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-66, .layout-row > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-33, .layout-column > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
/* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-66, .layout-column > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}

/* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-20 {
  flex: 1 1 20%;
  max-width: 20%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-20 {
  flex: 1 1 20%;
  max-width: 100%;
  max-height: 20%;
  box-sizing: border-box;
}

/* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-25 {
  flex: 1 1 25%;
  max-width: 25%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-25 {
  flex: 1 1 25%;
  max-width: 25%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-25 {
  flex: 1 1 25%;
  max-width: 100%;
  max-height: 25%;
  box-sizing: border-box;
}

/* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-33, .layout-row > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
/* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-66, .layout-row > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-33, .layout-column > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
/* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-66, .layout-column > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}

/* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-25 {
  flex: 1 1 25%;
  max-width: 25%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-25 {
  flex: 1 1 25%;
  max-width: 100%;
  max-height: 25%;
  box-sizing: border-box;
}

/* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-30 {
  flex: 1 1 30%;
  max-width: 30%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-30 {
  flex: 1 1 30%;
  max-width: 30%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-30 {
  flex: 1 1 30%;
  max-width: 100%;
  max-height: 30%;
  box-sizing: border-box;
}

/* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-33, .layout-row > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
/* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-66, .layout-row > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-33, .layout-column > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
/* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-66, .layout-column > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}

/* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-30 {
  flex: 1 1 30%;
  max-width: 30%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-30 {
  flex: 1 1 30%;
  max-width: 100%;
  max-height: 30%;
  box-sizing: border-box;
}

/* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-35 {
  flex: 1 1 35%;
  max-width: 35%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-35 {
  flex: 1 1 35%;
  max-width: 35%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-35 {
  flex: 1 1 35%;
  max-width: 100%;
  max-height: 35%;
  box-sizing: border-box;
}

/* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-33, .layout-row > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
/* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-66, .layout-row > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-33, .layout-column > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
/* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-66, .layout-column > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}

/* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-35 {
  flex: 1 1 35%;
  max-width: 35%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-35 {
  flex: 1 1 35%;
  max-width: 100%;
  max-height: 35%;
  box-sizing: border-box;
}

/* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-40 {
  flex: 1 1 40%;
  max-width: 40%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-40 {
  flex: 1 1 40%;
  max-width: 40%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-40 {
  flex: 1 1 40%;
  max-width: 100%;
  max-height: 40%;
  box-sizing: border-box;
}

/* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-33, .layout-row > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
/* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-66, .layout-row > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-33, .layout-column > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
/* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-66, .layout-column > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}

/* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-40 {
  flex: 1 1 40%;
  max-width: 40%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-40 {
  flex: 1 1 40%;
  max-width: 100%;
  max-height: 40%;
  box-sizing: border-box;
}

/* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-45 {
  flex: 1 1 45%;
  max-width: 45%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-45 {
  flex: 1 1 45%;
  max-width: 45%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-45 {
  flex: 1 1 45%;
  max-width: 100%;
  max-height: 45%;
  box-sizing: border-box;
}

/* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-33, .layout-row > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
/* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-66, .layout-row > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-33, .layout-column > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
/* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-66, .layout-column > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}

/* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-45 {
  flex: 1 1 45%;
  max-width: 45%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-45 {
  flex: 1 1 45%;
  max-width: 100%;
  max-height: 45%;
  box-sizing: border-box;
}

/* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-50 {
  flex: 1 1 50%;
  max-width: 50%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-50 {
  flex: 1 1 50%;
  max-width: 50%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-50 {
  flex: 1 1 50%;
  max-width: 100%;
  max-height: 50%;
  box-sizing: border-box;
}

/* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-33, .layout-row > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
/* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-66, .layout-row > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-33, .layout-column > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
/* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-66, .layout-column > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}

/* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-50 {
  flex: 1 1 50%;
  max-width: 50%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-50 {
  flex: 1 1 50%;
  max-width: 100%;
  max-height: 50%;
  box-sizing: border-box;
}

/* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-55 {
  flex: 1 1 55%;
  max-width: 55%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-55 {
  flex: 1 1 55%;
  max-width: 55%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-55 {
  flex: 1 1 55%;
  max-width: 100%;
  max-height: 55%;
  box-sizing: border-box;
}

/* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-33, .layout-row > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
/* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-66, .layout-row > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-33, .layout-column > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
/* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-66, .layout-column > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}

/* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-55 {
  flex: 1 1 55%;
  max-width: 55%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-55 {
  flex: 1 1 55%;
  max-width: 100%;
  max-height: 55%;
  box-sizing: border-box;
}

/* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-60 {
  flex: 1 1 60%;
  max-width: 60%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-60 {
  flex: 1 1 60%;
  max-width: 60%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-60 {
  flex: 1 1 60%;
  max-width: 100%;
  max-height: 60%;
  box-sizing: border-box;
}

/* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-33, .layout-row > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
/* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-66, .layout-row > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-33, .layout-column > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
/* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-66, .layout-column > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}

/* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-60 {
  flex: 1 1 60%;
  max-width: 60%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-60 {
  flex: 1 1 60%;
  max-width: 100%;
  max-height: 60%;
  box-sizing: border-box;
}

/* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-65 {
  flex: 1 1 65%;
  max-width: 65%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-65 {
  flex: 1 1 65%;
  max-width: 65%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-65 {
  flex: 1 1 65%;
  max-width: 100%;
  max-height: 65%;
  box-sizing: border-box;
}

/* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-33, .layout-row > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
/* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-66, .layout-row > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-33, .layout-column > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
/* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-66, .layout-column > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}

/* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-65 {
  flex: 1 1 65%;
  max-width: 65%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-65 {
  flex: 1 1 65%;
  max-width: 100%;
  max-height: 65%;
  box-sizing: border-box;
}

/* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-70 {
  flex: 1 1 70%;
  max-width: 70%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-70 {
  flex: 1 1 70%;
  max-width: 70%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-70 {
  flex: 1 1 70%;
  max-width: 100%;
  max-height: 70%;
  box-sizing: border-box;
}

/* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-33, .layout-row > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
/* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-66, .layout-row > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-33, .layout-column > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
/* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-66, .layout-column > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}

/* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-70 {
  flex: 1 1 70%;
  max-width: 70%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-70 {
  flex: 1 1 70%;
  max-width: 100%;
  max-height: 70%;
  box-sizing: border-box;
}

/* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-75 {
  flex: 1 1 75%;
  max-width: 75%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-75 {
  flex: 1 1 75%;
  max-width: 75%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-75 {
  flex: 1 1 75%;
  max-width: 100%;
  max-height: 75%;
  box-sizing: border-box;
}

/* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-33, .layout-row > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
/* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-66, .layout-row > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-33, .layout-column > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
/* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-66, .layout-column > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}

/* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-75 {
  flex: 1 1 75%;
  max-width: 75%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-75 {
  flex: 1 1 75%;
  max-width: 100%;
  max-height: 75%;
  box-sizing: border-box;
}

/* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-80 {
  flex: 1 1 80%;
  max-width: 80%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-80 {
  flex: 1 1 80%;
  max-width: 80%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-80 {
  flex: 1 1 80%;
  max-width: 100%;
  max-height: 80%;
  box-sizing: border-box;
}

/* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-33, .layout-row > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
/* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-66, .layout-row > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-33, .layout-column > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
/* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-66, .layout-column > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}

/* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-80 {
  flex: 1 1 80%;
  max-width: 80%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-80 {
  flex: 1 1 80%;
  max-width: 100%;
  max-height: 80%;
  box-sizing: border-box;
}

/* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-85 {
  flex: 1 1 85%;
  max-width: 85%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-85 {
  flex: 1 1 85%;
  max-width: 85%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-85 {
  flex: 1 1 85%;
  max-width: 100%;
  max-height: 85%;
  box-sizing: border-box;
}

/* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-33, .layout-row > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
/* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-66, .layout-row > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-33, .layout-column > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
/* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-66, .layout-column > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}

/* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-85 {
  flex: 1 1 85%;
  max-width: 85%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-85 {
  flex: 1 1 85%;
  max-width: 100%;
  max-height: 85%;
  box-sizing: border-box;
}

/* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-90 {
  flex: 1 1 90%;
  max-width: 90%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-90 {
  flex: 1 1 90%;
  max-width: 90%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-90 {
  flex: 1 1 90%;
  max-width: 100%;
  max-height: 90%;
  box-sizing: border-box;
}

/* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-33, .layout-row > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
/* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-66, .layout-row > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-33, .layout-column > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
/* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-66, .layout-column > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}

/* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-90 {
  flex: 1 1 90%;
  max-width: 90%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-90 {
  flex: 1 1 90%;
  max-width: 100%;
  max-height: 90%;
  box-sizing: border-box;
}

/* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-95 {
  flex: 1 1 95%;
  max-width: 95%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-95 {
  flex: 1 1 95%;
  max-width: 95%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-95 {
  flex: 1 1 95%;
  max-width: 100%;
  max-height: 95%;
  box-sizing: border-box;
}

/* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-33, .layout-row > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
/* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-66, .layout-row > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-33, .layout-column > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
/* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-66, .layout-column > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}

/* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-95 {
  flex: 1 1 95%;
  max-width: 95%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-95 {
  flex: 1 1 95%;
  max-width: 100%;
  max-height: 95%;
  box-sizing: border-box;
}

/* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex-100 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-100 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-100 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-33, .layout-row > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
/* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-66, .layout-row > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-33, .layout-column > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
/* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-66, .layout-column > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}

/* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-100 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-100 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box;
}

/* line 957, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-33, .layout-row > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
/* line 958, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex-66, .layout-row > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}
/* line 961, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row > .flex {
  min-width: 0;
}

/* line 966, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-33, .layout-column > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
/* line 967, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex-66, .layout-column > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
/* line 970, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column > .flex {
  min-height: 0;
}

/* line 866, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout, .layout-column, .layout-row {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

/* line 874, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-column {
  flex-direction: column;
}

/* line 875, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-row {
  flex-direction: row;
}

/* line 1112, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-padding-sm > *,
.layout-padding > .flex-sm {
  padding: 4px;
}

/* line 1118, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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;
}

/* line 1135, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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;
}

/* line 1149, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-margin-sm > *,
.layout-margin > .flex-sm {
  margin: 4px;
}

/* line 1155, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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;
}

/* line 1172, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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;
}

/* line 1183, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-wrap {
  flex-wrap: wrap;
}

/* line 1187, ../../app/assets/scss/base/vendor/_angular-material.scss */
.layout-nowrap {
  flex-wrap: nowrap;
}

/* line 1191, ../../app/assets/scss/base/vendor/_angular-material.scss */
.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) {
  /* line 7270, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .hide-xs:not(.show-xs):not(.show), .hide:not(.show-xs):not(.show) {
    display: none;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xs--20 {
    order: -20;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xs--19 {
    order: -19;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xs--18 {
    order: -18;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xs--17 {
    order: -17;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xs--16 {
    order: -16;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xs--15 {
    order: -15;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xs--14 {
    order: -14;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xs--13 {
    order: -13;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xs--12 {
    order: -12;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xs--11 {
    order: -11;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xs--10 {
    order: -10;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xs--9 {
    order: -9;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xs--8 {
    order: -8;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xs--7 {
    order: -7;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xs--6 {
    order: -6;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xs--5 {
    order: -5;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xs--4 {
    order: -4;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xs--3 {
    order: -3;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xs--2 {
    order: -2;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xs--1 {
    order: -1;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xs-0 {
    order: 0;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xs-1 {
    order: 1;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xs-2 {
    order: 2;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xs-3 {
    order: 3;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xs-4 {
    order: 4;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xs-5 {
    order: 5;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xs-6 {
    order: 6;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xs-7 {
    order: 7;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xs-8 {
    order: 8;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xs-9 {
    order: 9;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xs-10 {
    order: 10;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xs-11 {
    order: 11;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xs-12 {
    order: 12;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xs-13 {
    order: 13;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xs-14 {
    order: 14;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xs-15 {
    order: 15;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xs-16 {
    order: 16;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xs-17 {
    order: 17;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xs-18 {
    order: 18;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xs-19 {
    order: 19;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xs-20 {
    order: 20;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-xs-0, .flex-offset-xs-0 {
    margin-left: 0;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-xs-0, [dir=rtl] .flex-offset-xs-0 {
    margin-left: auto;
    margin-right: 0;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-xs-5, .flex-offset-xs-5 {
    margin-left: 5%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-xs-5, [dir=rtl] .flex-offset-xs-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-xs-10, .flex-offset-xs-10 {
    margin-left: 10%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-xs-10, [dir=rtl] .flex-offset-xs-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-xs-15, .flex-offset-xs-15 {
    margin-left: 15%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-xs-15, [dir=rtl] .flex-offset-xs-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-xs-20, .flex-offset-xs-20 {
    margin-left: 20%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-xs-20, [dir=rtl] .flex-offset-xs-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-xs-25, .flex-offset-xs-25 {
    margin-left: 25%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-xs-25, [dir=rtl] .flex-offset-xs-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-xs-30, .flex-offset-xs-30 {
    margin-left: 30%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-xs-30, [dir=rtl] .flex-offset-xs-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-xs-35, .flex-offset-xs-35 {
    margin-left: 35%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-xs-35, [dir=rtl] .flex-offset-xs-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-xs-40, .flex-offset-xs-40 {
    margin-left: 40%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-xs-40, [dir=rtl] .flex-offset-xs-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-xs-45, .flex-offset-xs-45 {
    margin-left: 45%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-xs-45, [dir=rtl] .flex-offset-xs-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-xs-50, .flex-offset-xs-50 {
    margin-left: 50%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-xs-50, [dir=rtl] .flex-offset-xs-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-xs-55, .flex-offset-xs-55 {
    margin-left: 55%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-xs-55, [dir=rtl] .flex-offset-xs-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-xs-60, .flex-offset-xs-60 {
    margin-left: 60%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-xs-60, [dir=rtl] .flex-offset-xs-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-xs-65, .flex-offset-xs-65 {
    margin-left: 65%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-xs-65, [dir=rtl] .flex-offset-xs-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-xs-70, .flex-offset-xs-70 {
    margin-left: 70%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-xs-70, [dir=rtl] .flex-offset-xs-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-xs-75, .flex-offset-xs-75 {
    margin-left: 75%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-xs-75, [dir=rtl] .flex-offset-xs-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-xs-80, .flex-offset-xs-80 {
    margin-left: 80%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-xs-80, [dir=rtl] .flex-offset-xs-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-xs-85, .flex-offset-xs-85 {
    margin-left: 85%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-xs-85, [dir=rtl] .flex-offset-xs-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-xs-90, .flex-offset-xs-90 {
    margin-left: 90%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-xs-90, [dir=rtl] .flex-offset-xs-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-xs-95, .flex-offset-xs-95 {
    margin-left: 95%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-xs-95, [dir=rtl] .flex-offset-xs-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  /* line 840, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-xs-33, .flex-offset-xs-33 {
    margin-left: calc(100% / 3);
  }

  /* line 856, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-xs-66, .flex-offset-xs-66 {
    margin-left: calc(200% / 3);
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-xs-66, [dir=rtl] .flex-offset-xs-66 {
    margin-left: auto;
    margin-right: calc(200% / 3);
  }

  /* line 988, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-align-xs,
  .layout-align-xs-start-stretch {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }

  /* line 997, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1007, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1017, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1027, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1037, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1053, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1064, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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%;
  }

  /* line 1076, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1087, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1098, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 887, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xs {
    flex: 1;
    box-sizing: border-box;
  }

  /* line 889, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xs-grow {
    flex: 1 1 100%;
    box-sizing: border-box;
  }

  /* line 890, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xs-initial {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  /* line 891, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xs-auto {
    flex: 1 1 auto;
    box-sizing: border-box;
  }

  /* line 892, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xs-none {
    flex: 0 0 auto;
    box-sizing: border-box;
  }

  /* line 893, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xs-noshrink {
    flex: 1 0 auto;
    box-sizing: border-box;
  }

  /* line 894, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xs-nogrow {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xs-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-xs-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-xs-0 {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xs-row > .flex-xs-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xs-column > .flex-xs-0 {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xs-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-xs-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-xs-5 {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xs-row > .flex-xs-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xs-column > .flex-xs-5 {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xs-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-xs-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-xs-10 {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xs-row > .flex-xs-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xs-column > .flex-xs-10 {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xs-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-xs-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-xs-15 {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xs-row > .flex-xs-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xs-column > .flex-xs-15 {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xs-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-xs-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-xs-20 {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xs-row > .flex-xs-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xs-column > .flex-xs-20 {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xs-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-xs-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-xs-25 {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xs-row > .flex-xs-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xs-column > .flex-xs-25 {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xs-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-xs-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-xs-30 {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xs-row > .flex-xs-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xs-column > .flex-xs-30 {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xs-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-xs-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-xs-35 {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xs-row > .flex-xs-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xs-column > .flex-xs-35 {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xs-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-xs-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-xs-40 {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xs-row > .flex-xs-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xs-column > .flex-xs-40 {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xs-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-xs-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-xs-45 {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xs-row > .flex-xs-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xs-column > .flex-xs-45 {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xs-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-xs-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-xs-50 {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xs-row > .flex-xs-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xs-column > .flex-xs-50 {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xs-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-xs-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-xs-55 {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xs-row > .flex-xs-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xs-column > .flex-xs-55 {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xs-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-xs-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-xs-60 {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xs-row > .flex-xs-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xs-column > .flex-xs-60 {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xs-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-xs-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-xs-65 {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xs-row > .flex-xs-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xs-column > .flex-xs-65 {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xs-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-xs-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-xs-70 {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xs-row > .flex-xs-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xs-column > .flex-xs-70 {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xs-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-xs-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-xs-75 {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xs-row > .flex-xs-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xs-column > .flex-xs-75 {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xs-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-xs-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-xs-80 {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xs-row > .flex-xs-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xs-column > .flex-xs-80 {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xs-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-xs-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-xs-85 {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xs-row > .flex-xs-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xs-column > .flex-xs-85 {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xs-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-xs-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-xs-90 {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xs-row > .flex-xs-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xs-column > .flex-xs-90 {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xs-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-xs-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-xs-95 {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xs-row > .flex-xs-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xs-column > .flex-xs-95 {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xs-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-xs-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-xs-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xs-row > .flex-xs-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xs-column > .flex-xs-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 957, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 958, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 961, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xs-row > .flex {
    min-width: 0;
  }

  /* line 966, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 967, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 970, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xs-column > .flex {
    min-height: 0;
  }

  /* line 866, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 874, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xs-column {
    flex-direction: column;
  }

  /* line 875, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xs-row {
    flex-direction: row;
  }
}
@media (min-width: 600px) {
  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-xs--20 {
    order: -20;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-xs--19 {
    order: -19;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-xs--18 {
    order: -18;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-xs--17 {
    order: -17;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-xs--16 {
    order: -16;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-xs--15 {
    order: -15;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-xs--14 {
    order: -14;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-xs--13 {
    order: -13;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-xs--12 {
    order: -12;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-xs--11 {
    order: -11;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-xs--10 {
    order: -10;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-xs--9 {
    order: -9;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-xs--8 {
    order: -8;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-xs--7 {
    order: -7;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-xs--6 {
    order: -6;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-xs--5 {
    order: -5;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-xs--4 {
    order: -4;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-xs--3 {
    order: -3;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-xs--2 {
    order: -2;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-xs--1 {
    order: -1;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-xs-0 {
    order: 0;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-xs-1 {
    order: 1;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-xs-2 {
    order: 2;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-xs-3 {
    order: 3;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-xs-4 {
    order: 4;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-xs-5 {
    order: 5;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-xs-6 {
    order: 6;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-xs-7 {
    order: 7;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-xs-8 {
    order: 8;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-xs-9 {
    order: 9;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-xs-10 {
    order: 10;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-xs-11 {
    order: 11;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-xs-12 {
    order: 12;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-xs-13 {
    order: 13;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-xs-14 {
    order: 14;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-xs-15 {
    order: 15;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-xs-16 {
    order: 16;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-xs-17 {
    order: 17;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-xs-18 {
    order: 18;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-xs-19 {
    order: 19;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-xs-20 {
    order: 20;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-xs-0, .flex-offset-gt-xs-0 {
    margin-left: 0;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-xs-0, [dir=rtl] .flex-offset-gt-xs-0 {
    margin-left: auto;
    margin-right: 0;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-xs-5, .flex-offset-gt-xs-5 {
    margin-left: 5%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-xs-5, [dir=rtl] .flex-offset-gt-xs-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-xs-10, .flex-offset-gt-xs-10 {
    margin-left: 10%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-xs-10, [dir=rtl] .flex-offset-gt-xs-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-xs-15, .flex-offset-gt-xs-15 {
    margin-left: 15%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-xs-15, [dir=rtl] .flex-offset-gt-xs-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-xs-20, .flex-offset-gt-xs-20 {
    margin-left: 20%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-xs-20, [dir=rtl] .flex-offset-gt-xs-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-xs-25, .flex-offset-gt-xs-25 {
    margin-left: 25%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-xs-25, [dir=rtl] .flex-offset-gt-xs-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-xs-30, .flex-offset-gt-xs-30 {
    margin-left: 30%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-xs-30, [dir=rtl] .flex-offset-gt-xs-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-xs-35, .flex-offset-gt-xs-35 {
    margin-left: 35%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-xs-35, [dir=rtl] .flex-offset-gt-xs-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-xs-40, .flex-offset-gt-xs-40 {
    margin-left: 40%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-xs-40, [dir=rtl] .flex-offset-gt-xs-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-xs-45, .flex-offset-gt-xs-45 {
    margin-left: 45%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-xs-45, [dir=rtl] .flex-offset-gt-xs-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-xs-50, .flex-offset-gt-xs-50 {
    margin-left: 50%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-xs-50, [dir=rtl] .flex-offset-gt-xs-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-xs-55, .flex-offset-gt-xs-55 {
    margin-left: 55%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-xs-55, [dir=rtl] .flex-offset-gt-xs-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-xs-60, .flex-offset-gt-xs-60 {
    margin-left: 60%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-xs-60, [dir=rtl] .flex-offset-gt-xs-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-xs-65, .flex-offset-gt-xs-65 {
    margin-left: 65%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-xs-65, [dir=rtl] .flex-offset-gt-xs-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-xs-70, .flex-offset-gt-xs-70 {
    margin-left: 70%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-xs-70, [dir=rtl] .flex-offset-gt-xs-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-xs-75, .flex-offset-gt-xs-75 {
    margin-left: 75%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-xs-75, [dir=rtl] .flex-offset-gt-xs-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-xs-80, .flex-offset-gt-xs-80 {
    margin-left: 80%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-xs-80, [dir=rtl] .flex-offset-gt-xs-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-xs-85, .flex-offset-gt-xs-85 {
    margin-left: 85%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-xs-85, [dir=rtl] .flex-offset-gt-xs-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-xs-90, .flex-offset-gt-xs-90 {
    margin-left: 90%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-xs-90, [dir=rtl] .flex-offset-gt-xs-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-xs-95, .flex-offset-gt-xs-95 {
    margin-left: 95%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-xs-95, [dir=rtl] .flex-offset-gt-xs-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  /* line 840, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-xs-33, .flex-offset-gt-xs-33 {
    margin-left: calc(100% / 3);
  }

  /* line 856, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-xs-66, .flex-offset-gt-xs-66 {
    margin-left: calc(200% / 3);
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-xs-66, [dir=rtl] .flex-offset-gt-xs-66 {
    margin-left: auto;
    margin-right: calc(200% / 3);
  }

  /* line 988, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-align-gt-xs,
  .layout-align-gt-xs-start-stretch {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }

  /* line 997, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1007, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1017, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1027, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1037, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1053, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1064, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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%;
  }

  /* line 1076, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1087, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1098, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 887, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-xs {
    flex: 1;
    box-sizing: border-box;
  }

  /* line 889, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-xs-grow {
    flex: 1 1 100%;
    box-sizing: border-box;
  }

  /* line 890, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-xs-initial {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  /* line 891, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-xs-auto {
    flex: 1 1 auto;
    box-sizing: border-box;
  }

  /* line 892, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-xs-none {
    flex: 0 0 auto;
    box-sizing: border-box;
  }

  /* line 893, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-xs-noshrink {
    flex: 1 0 auto;
    box-sizing: border-box;
  }

  /* line 894, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-xs-nogrow {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-xs-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-xs-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-xs-0 {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-xs-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-xs-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-xs-5 {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-xs-row > .flex-gt-xs-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-xs-column > .flex-gt-xs-5 {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-xs-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-xs-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-xs-10 {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-xs-row > .flex-gt-xs-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-xs-column > .flex-gt-xs-10 {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-xs-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-xs-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-xs-15 {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-xs-row > .flex-gt-xs-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-xs-column > .flex-gt-xs-15 {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-xs-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-xs-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-xs-20 {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-xs-row > .flex-gt-xs-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-xs-column > .flex-gt-xs-20 {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-xs-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-xs-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-xs-25 {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-xs-row > .flex-gt-xs-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-xs-column > .flex-gt-xs-25 {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-xs-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-xs-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-xs-30 {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-xs-row > .flex-gt-xs-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-xs-column > .flex-gt-xs-30 {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-xs-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-xs-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-xs-35 {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-xs-row > .flex-gt-xs-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-xs-column > .flex-gt-xs-35 {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-xs-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-xs-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-xs-40 {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-xs-row > .flex-gt-xs-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-xs-column > .flex-gt-xs-40 {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-xs-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-xs-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-xs-45 {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-xs-row > .flex-gt-xs-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-xs-column > .flex-gt-xs-45 {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-xs-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-xs-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-xs-50 {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-xs-row > .flex-gt-xs-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-xs-column > .flex-gt-xs-50 {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-xs-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-xs-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-xs-55 {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-xs-row > .flex-gt-xs-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-xs-column > .flex-gt-xs-55 {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-xs-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-xs-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-xs-60 {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-xs-row > .flex-gt-xs-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-xs-column > .flex-gt-xs-60 {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-xs-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-xs-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-xs-65 {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-xs-row > .flex-gt-xs-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-xs-column > .flex-gt-xs-65 {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-xs-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-xs-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-xs-70 {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-xs-row > .flex-gt-xs-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-xs-column > .flex-gt-xs-70 {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-xs-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-xs-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-xs-75 {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-xs-row > .flex-gt-xs-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-xs-column > .flex-gt-xs-75 {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-xs-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-xs-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-xs-80 {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-xs-row > .flex-gt-xs-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-xs-column > .flex-gt-xs-80 {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-xs-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-xs-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-xs-85 {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-xs-row > .flex-gt-xs-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-xs-column > .flex-gt-xs-85 {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-xs-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-xs-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-xs-90 {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-xs-row > .flex-gt-xs-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-xs-column > .flex-gt-xs-90 {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-xs-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-xs-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-xs-95 {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-xs-row > .flex-gt-xs-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-xs-column > .flex-gt-xs-95 {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-xs-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-xs-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-xs-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-xs-row > .flex-gt-xs-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-xs-column > .flex-gt-xs-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 957, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 958, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 961, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-xs-row > .flex {
    min-width: 0;
  }

  /* line 966, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 967, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 970, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-xs-column > .flex {
    min-height: 0;
  }

  /* line 866, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 874, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-xs-column {
    flex-direction: column;
  }

  /* line 875, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-xs-row {
    flex-direction: row;
  }
}
@media (min-width: 600px) and (max-width: 959px) {
  /* line 7285, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .hide:not(.show-gt-xs):not(.show-sm):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-sm):not(.show) {
    display: none;
  }

  /* line 7289, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .hide-sm:not(.show-gt-xs):not(.show-sm):not(.show) {
    display: none;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-sm--20 {
    order: -20;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-sm--19 {
    order: -19;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-sm--18 {
    order: -18;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-sm--17 {
    order: -17;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-sm--16 {
    order: -16;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-sm--15 {
    order: -15;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-sm--14 {
    order: -14;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-sm--13 {
    order: -13;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-sm--12 {
    order: -12;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-sm--11 {
    order: -11;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-sm--10 {
    order: -10;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-sm--9 {
    order: -9;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-sm--8 {
    order: -8;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-sm--7 {
    order: -7;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-sm--6 {
    order: -6;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-sm--5 {
    order: -5;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-sm--4 {
    order: -4;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-sm--3 {
    order: -3;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-sm--2 {
    order: -2;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-sm--1 {
    order: -1;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-sm-0 {
    order: 0;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-sm-1 {
    order: 1;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-sm-2 {
    order: 2;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-sm-3 {
    order: 3;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-sm-4 {
    order: 4;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-sm-5 {
    order: 5;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-sm-6 {
    order: 6;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-sm-7 {
    order: 7;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-sm-8 {
    order: 8;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-sm-9 {
    order: 9;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-sm-10 {
    order: 10;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-sm-11 {
    order: 11;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-sm-12 {
    order: 12;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-sm-13 {
    order: 13;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-sm-14 {
    order: 14;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-sm-15 {
    order: 15;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-sm-16 {
    order: 16;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-sm-17 {
    order: 17;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-sm-18 {
    order: 18;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-sm-19 {
    order: 19;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-sm-20 {
    order: 20;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-sm-0, .flex-offset-sm-0 {
    margin-left: 0;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-sm-0, [dir=rtl] .flex-offset-sm-0 {
    margin-left: auto;
    margin-right: 0;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-sm-5, .flex-offset-sm-5 {
    margin-left: 5%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-sm-5, [dir=rtl] .flex-offset-sm-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-sm-10, .flex-offset-sm-10 {
    margin-left: 10%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-sm-10, [dir=rtl] .flex-offset-sm-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-sm-15, .flex-offset-sm-15 {
    margin-left: 15%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-sm-15, [dir=rtl] .flex-offset-sm-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-sm-20, .flex-offset-sm-20 {
    margin-left: 20%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-sm-20, [dir=rtl] .flex-offset-sm-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-sm-25, .flex-offset-sm-25 {
    margin-left: 25%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-sm-25, [dir=rtl] .flex-offset-sm-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-sm-30, .flex-offset-sm-30 {
    margin-left: 30%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-sm-30, [dir=rtl] .flex-offset-sm-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-sm-35, .flex-offset-sm-35 {
    margin-left: 35%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-sm-35, [dir=rtl] .flex-offset-sm-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-sm-40, .flex-offset-sm-40 {
    margin-left: 40%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-sm-40, [dir=rtl] .flex-offset-sm-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-sm-45, .flex-offset-sm-45 {
    margin-left: 45%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-sm-45, [dir=rtl] .flex-offset-sm-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-sm-50, .flex-offset-sm-50 {
    margin-left: 50%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-sm-50, [dir=rtl] .flex-offset-sm-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-sm-55, .flex-offset-sm-55 {
    margin-left: 55%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-sm-55, [dir=rtl] .flex-offset-sm-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-sm-60, .flex-offset-sm-60 {
    margin-left: 60%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-sm-60, [dir=rtl] .flex-offset-sm-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-sm-65, .flex-offset-sm-65 {
    margin-left: 65%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-sm-65, [dir=rtl] .flex-offset-sm-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-sm-70, .flex-offset-sm-70 {
    margin-left: 70%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-sm-70, [dir=rtl] .flex-offset-sm-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-sm-75, .flex-offset-sm-75 {
    margin-left: 75%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-sm-75, [dir=rtl] .flex-offset-sm-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-sm-80, .flex-offset-sm-80 {
    margin-left: 80%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-sm-80, [dir=rtl] .flex-offset-sm-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-sm-85, .flex-offset-sm-85 {
    margin-left: 85%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-sm-85, [dir=rtl] .flex-offset-sm-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-sm-90, .flex-offset-sm-90 {
    margin-left: 90%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-sm-90, [dir=rtl] .flex-offset-sm-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-sm-95, .flex-offset-sm-95 {
    margin-left: 95%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-sm-95, [dir=rtl] .flex-offset-sm-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  /* line 840, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-sm-33, .flex-offset-sm-33 {
    margin-left: calc(100% / 3);
  }

  /* line 856, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-sm-66, .flex-offset-sm-66 {
    margin-left: calc(200% / 3);
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-sm-66, [dir=rtl] .flex-offset-sm-66 {
    margin-left: auto;
    margin-right: calc(200% / 3);
  }

  /* line 988, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-align-sm,
  .layout-align-sm-start-stretch {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }

  /* line 997, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1007, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1017, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1027, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1037, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1053, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1064, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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%;
  }

  /* line 1076, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1087, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1098, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 887, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-sm {
    flex: 1;
    box-sizing: border-box;
  }

  /* line 889, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-sm-grow {
    flex: 1 1 100%;
    box-sizing: border-box;
  }

  /* line 890, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-sm-initial {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  /* line 891, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-sm-auto {
    flex: 1 1 auto;
    box-sizing: border-box;
  }

  /* line 892, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-sm-none {
    flex: 0 0 auto;
    box-sizing: border-box;
  }

  /* line 893, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-sm-noshrink {
    flex: 1 0 auto;
    box-sizing: border-box;
  }

  /* line 894, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-sm-nogrow {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-sm-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-sm-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-sm-0 {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-sm-row > .flex-sm-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-sm-column > .flex-sm-0 {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-sm-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-sm-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-sm-5 {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-sm-row > .flex-sm-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-sm-column > .flex-sm-5 {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-sm-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-sm-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-sm-10 {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-sm-row > .flex-sm-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-sm-column > .flex-sm-10 {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-sm-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-sm-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-sm-15 {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-sm-row > .flex-sm-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-sm-column > .flex-sm-15 {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-sm-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-sm-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-sm-20 {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-sm-row > .flex-sm-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-sm-column > .flex-sm-20 {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-sm-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-sm-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-sm-25 {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-sm-row > .flex-sm-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-sm-column > .flex-sm-25 {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-sm-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-sm-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-sm-30 {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-sm-row > .flex-sm-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-sm-column > .flex-sm-30 {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-sm-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-sm-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-sm-35 {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-sm-row > .flex-sm-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-sm-column > .flex-sm-35 {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-sm-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-sm-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-sm-40 {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-sm-row > .flex-sm-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-sm-column > .flex-sm-40 {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-sm-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-sm-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-sm-45 {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-sm-row > .flex-sm-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-sm-column > .flex-sm-45 {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-sm-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-sm-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-sm-50 {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-sm-row > .flex-sm-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-sm-column > .flex-sm-50 {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-sm-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-sm-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-sm-55 {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-sm-row > .flex-sm-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-sm-column > .flex-sm-55 {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-sm-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-sm-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-sm-60 {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-sm-row > .flex-sm-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-sm-column > .flex-sm-60 {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-sm-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-sm-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-sm-65 {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-sm-row > .flex-sm-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-sm-column > .flex-sm-65 {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-sm-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-sm-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-sm-70 {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-sm-row > .flex-sm-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-sm-column > .flex-sm-70 {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-sm-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-sm-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-sm-75 {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-sm-row > .flex-sm-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-sm-column > .flex-sm-75 {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-sm-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-sm-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-sm-80 {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-sm-row > .flex-sm-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-sm-column > .flex-sm-80 {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-sm-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-sm-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-sm-85 {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-sm-row > .flex-sm-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-sm-column > .flex-sm-85 {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-sm-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-sm-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-sm-90 {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-sm-row > .flex-sm-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-sm-column > .flex-sm-90 {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-sm-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-sm-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-sm-95 {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-sm-row > .flex-sm-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-sm-column > .flex-sm-95 {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-sm-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-sm-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-sm-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-sm-row > .flex-sm-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-sm-column > .flex-sm-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 957, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 958, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 961, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-sm-row > .flex {
    min-width: 0;
  }

  /* line 966, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 967, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 970, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-sm-column > .flex {
    min-height: 0;
  }

  /* line 866, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 874, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-sm-column {
    flex-direction: column;
  }

  /* line 875, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-sm-row {
    flex-direction: row;
  }
}
@media (min-width: 960px) {
  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-sm--20 {
    order: -20;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-sm--19 {
    order: -19;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-sm--18 {
    order: -18;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-sm--17 {
    order: -17;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-sm--16 {
    order: -16;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-sm--15 {
    order: -15;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-sm--14 {
    order: -14;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-sm--13 {
    order: -13;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-sm--12 {
    order: -12;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-sm--11 {
    order: -11;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-sm--10 {
    order: -10;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-sm--9 {
    order: -9;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-sm--8 {
    order: -8;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-sm--7 {
    order: -7;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-sm--6 {
    order: -6;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-sm--5 {
    order: -5;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-sm--4 {
    order: -4;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-sm--3 {
    order: -3;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-sm--2 {
    order: -2;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-sm--1 {
    order: -1;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-sm-0 {
    order: 0;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-sm-1 {
    order: 1;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-sm-2 {
    order: 2;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-sm-3 {
    order: 3;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-sm-4 {
    order: 4;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-sm-5 {
    order: 5;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-sm-6 {
    order: 6;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-sm-7 {
    order: 7;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-sm-8 {
    order: 8;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-sm-9 {
    order: 9;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-sm-10 {
    order: 10;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-sm-11 {
    order: 11;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-sm-12 {
    order: 12;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-sm-13 {
    order: 13;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-sm-14 {
    order: 14;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-sm-15 {
    order: 15;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-sm-16 {
    order: 16;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-sm-17 {
    order: 17;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-sm-18 {
    order: 18;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-sm-19 {
    order: 19;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-sm-20 {
    order: 20;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-sm-0, .flex-offset-gt-sm-0 {
    margin-left: 0;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-sm-0, [dir=rtl] .flex-offset-gt-sm-0 {
    margin-left: auto;
    margin-right: 0;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-sm-5, .flex-offset-gt-sm-5 {
    margin-left: 5%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-sm-5, [dir=rtl] .flex-offset-gt-sm-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-sm-10, .flex-offset-gt-sm-10 {
    margin-left: 10%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-sm-10, [dir=rtl] .flex-offset-gt-sm-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-sm-15, .flex-offset-gt-sm-15 {
    margin-left: 15%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-sm-15, [dir=rtl] .flex-offset-gt-sm-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-sm-20, .flex-offset-gt-sm-20 {
    margin-left: 20%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-sm-20, [dir=rtl] .flex-offset-gt-sm-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-sm-25, .flex-offset-gt-sm-25 {
    margin-left: 25%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-sm-25, [dir=rtl] .flex-offset-gt-sm-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-sm-30, .flex-offset-gt-sm-30 {
    margin-left: 30%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-sm-30, [dir=rtl] .flex-offset-gt-sm-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-sm-35, .flex-offset-gt-sm-35 {
    margin-left: 35%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-sm-35, [dir=rtl] .flex-offset-gt-sm-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-sm-40, .flex-offset-gt-sm-40 {
    margin-left: 40%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-sm-40, [dir=rtl] .flex-offset-gt-sm-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-sm-45, .flex-offset-gt-sm-45 {
    margin-left: 45%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-sm-45, [dir=rtl] .flex-offset-gt-sm-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-sm-50, .flex-offset-gt-sm-50 {
    margin-left: 50%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-sm-50, [dir=rtl] .flex-offset-gt-sm-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-sm-55, .flex-offset-gt-sm-55 {
    margin-left: 55%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-sm-55, [dir=rtl] .flex-offset-gt-sm-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-sm-60, .flex-offset-gt-sm-60 {
    margin-left: 60%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-sm-60, [dir=rtl] .flex-offset-gt-sm-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-sm-65, .flex-offset-gt-sm-65 {
    margin-left: 65%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-sm-65, [dir=rtl] .flex-offset-gt-sm-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-sm-70, .flex-offset-gt-sm-70 {
    margin-left: 70%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-sm-70, [dir=rtl] .flex-offset-gt-sm-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-sm-75, .flex-offset-gt-sm-75 {
    margin-left: 75%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-sm-75, [dir=rtl] .flex-offset-gt-sm-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-sm-80, .flex-offset-gt-sm-80 {
    margin-left: 80%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-sm-80, [dir=rtl] .flex-offset-gt-sm-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-sm-85, .flex-offset-gt-sm-85 {
    margin-left: 85%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-sm-85, [dir=rtl] .flex-offset-gt-sm-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-sm-90, .flex-offset-gt-sm-90 {
    margin-left: 90%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-sm-90, [dir=rtl] .flex-offset-gt-sm-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-sm-95, .flex-offset-gt-sm-95 {
    margin-left: 95%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-sm-95, [dir=rtl] .flex-offset-gt-sm-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  /* line 840, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-sm-33, .flex-offset-gt-sm-33 {
    margin-left: calc(100% / 3);
  }

  /* line 856, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-sm-66, .flex-offset-gt-sm-66 {
    margin-left: calc(200% / 3);
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-sm-66, [dir=rtl] .flex-offset-gt-sm-66 {
    margin-left: auto;
    margin-right: calc(200% / 3);
  }

  /* line 988, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-align-gt-sm,
  .layout-align-gt-sm-start-stretch {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }

  /* line 997, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1007, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1017, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1027, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1037, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1053, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1064, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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%;
  }

  /* line 1076, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1087, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1098, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 887, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-sm {
    flex: 1;
    box-sizing: border-box;
  }

  /* line 889, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-sm-grow {
    flex: 1 1 100%;
    box-sizing: border-box;
  }

  /* line 890, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-sm-initial {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  /* line 891, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-sm-auto {
    flex: 1 1 auto;
    box-sizing: border-box;
  }

  /* line 892, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-sm-none {
    flex: 0 0 auto;
    box-sizing: border-box;
  }

  /* line 893, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-sm-noshrink {
    flex: 1 0 auto;
    box-sizing: border-box;
  }

  /* line 894, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-sm-nogrow {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-sm-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-sm-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-sm-0 {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-sm-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-sm-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-sm-5 {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-sm-row > .flex-gt-sm-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-sm-column > .flex-gt-sm-5 {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-sm-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-sm-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-sm-10 {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-sm-row > .flex-gt-sm-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-sm-column > .flex-gt-sm-10 {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-sm-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-sm-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-sm-15 {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-sm-row > .flex-gt-sm-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-sm-column > .flex-gt-sm-15 {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-sm-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-sm-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-sm-20 {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-sm-row > .flex-gt-sm-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-sm-column > .flex-gt-sm-20 {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-sm-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-sm-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-sm-25 {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-sm-row > .flex-gt-sm-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-sm-column > .flex-gt-sm-25 {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-sm-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-sm-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-sm-30 {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-sm-row > .flex-gt-sm-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-sm-column > .flex-gt-sm-30 {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-sm-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-sm-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-sm-35 {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-sm-row > .flex-gt-sm-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-sm-column > .flex-gt-sm-35 {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-sm-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-sm-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-sm-40 {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-sm-row > .flex-gt-sm-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-sm-column > .flex-gt-sm-40 {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-sm-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-sm-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-sm-45 {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-sm-row > .flex-gt-sm-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-sm-column > .flex-gt-sm-45 {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-sm-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-sm-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-sm-50 {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-sm-row > .flex-gt-sm-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-sm-column > .flex-gt-sm-50 {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-sm-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-sm-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-sm-55 {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-sm-row > .flex-gt-sm-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-sm-column > .flex-gt-sm-55 {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-sm-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-sm-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-sm-60 {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-sm-row > .flex-gt-sm-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-sm-column > .flex-gt-sm-60 {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-sm-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-sm-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-sm-65 {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-sm-row > .flex-gt-sm-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-sm-column > .flex-gt-sm-65 {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-sm-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-sm-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-sm-70 {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-sm-row > .flex-gt-sm-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-sm-column > .flex-gt-sm-70 {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-sm-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-sm-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-sm-75 {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-sm-row > .flex-gt-sm-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-sm-column > .flex-gt-sm-75 {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-sm-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-sm-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-sm-80 {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-sm-row > .flex-gt-sm-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-sm-column > .flex-gt-sm-80 {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-sm-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-sm-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-sm-85 {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-sm-row > .flex-gt-sm-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-sm-column > .flex-gt-sm-85 {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-sm-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-sm-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-sm-90 {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-sm-row > .flex-gt-sm-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-sm-column > .flex-gt-sm-90 {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-sm-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-sm-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-sm-95 {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-sm-row > .flex-gt-sm-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-sm-column > .flex-gt-sm-95 {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-sm-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-sm-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-sm-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-sm-row > .flex-gt-sm-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-sm-column > .flex-gt-sm-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 957, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 958, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 961, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-sm-row > .flex {
    min-width: 0;
  }

  /* line 966, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 967, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 970, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-sm-column > .flex {
    min-height: 0;
  }

  /* line 866, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 874, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-sm-column {
    flex-direction: column;
  }

  /* line 875, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-sm-row {
    flex-direction: row;
  }
}
@media (min-width: 960px) and (max-width: 1279px) {
  /* line 7305, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 7309, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .hide-md:not(.show-md):not(.show-gt-sm):not(.show-gt-xs):not(.show) {
    display: none;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-md--20 {
    order: -20;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-md--19 {
    order: -19;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-md--18 {
    order: -18;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-md--17 {
    order: -17;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-md--16 {
    order: -16;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-md--15 {
    order: -15;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-md--14 {
    order: -14;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-md--13 {
    order: -13;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-md--12 {
    order: -12;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-md--11 {
    order: -11;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-md--10 {
    order: -10;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-md--9 {
    order: -9;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-md--8 {
    order: -8;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-md--7 {
    order: -7;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-md--6 {
    order: -6;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-md--5 {
    order: -5;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-md--4 {
    order: -4;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-md--3 {
    order: -3;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-md--2 {
    order: -2;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-md--1 {
    order: -1;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-md-0 {
    order: 0;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-md-1 {
    order: 1;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-md-2 {
    order: 2;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-md-3 {
    order: 3;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-md-4 {
    order: 4;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-md-5 {
    order: 5;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-md-6 {
    order: 6;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-md-7 {
    order: 7;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-md-8 {
    order: 8;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-md-9 {
    order: 9;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-md-10 {
    order: 10;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-md-11 {
    order: 11;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-md-12 {
    order: 12;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-md-13 {
    order: 13;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-md-14 {
    order: 14;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-md-15 {
    order: 15;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-md-16 {
    order: 16;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-md-17 {
    order: 17;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-md-18 {
    order: 18;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-md-19 {
    order: 19;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-md-20 {
    order: 20;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-md-0, .flex-offset-md-0 {
    margin-left: 0;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-md-0, [dir=rtl] .flex-offset-md-0 {
    margin-left: auto;
    margin-right: 0;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-md-5, .flex-offset-md-5 {
    margin-left: 5%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-md-5, [dir=rtl] .flex-offset-md-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-md-10, .flex-offset-md-10 {
    margin-left: 10%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-md-10, [dir=rtl] .flex-offset-md-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-md-15, .flex-offset-md-15 {
    margin-left: 15%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-md-15, [dir=rtl] .flex-offset-md-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-md-20, .flex-offset-md-20 {
    margin-left: 20%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-md-20, [dir=rtl] .flex-offset-md-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-md-25, .flex-offset-md-25 {
    margin-left: 25%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-md-25, [dir=rtl] .flex-offset-md-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-md-30, .flex-offset-md-30 {
    margin-left: 30%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-md-30, [dir=rtl] .flex-offset-md-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-md-35, .flex-offset-md-35 {
    margin-left: 35%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-md-35, [dir=rtl] .flex-offset-md-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-md-40, .flex-offset-md-40 {
    margin-left: 40%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-md-40, [dir=rtl] .flex-offset-md-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-md-45, .flex-offset-md-45 {
    margin-left: 45%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-md-45, [dir=rtl] .flex-offset-md-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-md-50, .flex-offset-md-50 {
    margin-left: 50%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-md-50, [dir=rtl] .flex-offset-md-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-md-55, .flex-offset-md-55 {
    margin-left: 55%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-md-55, [dir=rtl] .flex-offset-md-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-md-60, .flex-offset-md-60 {
    margin-left: 60%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-md-60, [dir=rtl] .flex-offset-md-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-md-65, .flex-offset-md-65 {
    margin-left: 65%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-md-65, [dir=rtl] .flex-offset-md-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-md-70, .flex-offset-md-70 {
    margin-left: 70%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-md-70, [dir=rtl] .flex-offset-md-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-md-75, .flex-offset-md-75 {
    margin-left: 75%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-md-75, [dir=rtl] .flex-offset-md-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-md-80, .flex-offset-md-80 {
    margin-left: 80%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-md-80, [dir=rtl] .flex-offset-md-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-md-85, .flex-offset-md-85 {
    margin-left: 85%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-md-85, [dir=rtl] .flex-offset-md-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-md-90, .flex-offset-md-90 {
    margin-left: 90%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-md-90, [dir=rtl] .flex-offset-md-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-md-95, .flex-offset-md-95 {
    margin-left: 95%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-md-95, [dir=rtl] .flex-offset-md-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  /* line 840, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-md-33, .flex-offset-md-33 {
    margin-left: calc(100% / 3);
  }

  /* line 856, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-md-66, .flex-offset-md-66 {
    margin-left: calc(200% / 3);
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-md-66, [dir=rtl] .flex-offset-md-66 {
    margin-left: auto;
    margin-right: calc(200% / 3);
  }

  /* line 988, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-align-md,
  .layout-align-md-start-stretch {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }

  /* line 997, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1007, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1017, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1027, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1037, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1053, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1064, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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%;
  }

  /* line 1076, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1087, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1098, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 887, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-md {
    flex: 1;
    box-sizing: border-box;
  }

  /* line 889, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-md-grow {
    flex: 1 1 100%;
    box-sizing: border-box;
  }

  /* line 890, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-md-initial {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  /* line 891, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-md-auto {
    flex: 1 1 auto;
    box-sizing: border-box;
  }

  /* line 892, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-md-none {
    flex: 0 0 auto;
    box-sizing: border-box;
  }

  /* line 893, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-md-noshrink {
    flex: 1 0 auto;
    box-sizing: border-box;
  }

  /* line 894, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-md-nogrow {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-md-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-md-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-md-0 {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-md-row > .flex-md-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-md-column > .flex-md-0 {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-md-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-md-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-md-5 {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-md-row > .flex-md-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-md-column > .flex-md-5 {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-md-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-md-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-md-10 {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-md-row > .flex-md-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-md-column > .flex-md-10 {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-md-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-md-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-md-15 {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-md-row > .flex-md-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-md-column > .flex-md-15 {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-md-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-md-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-md-20 {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-md-row > .flex-md-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-md-column > .flex-md-20 {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-md-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-md-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-md-25 {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-md-row > .flex-md-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-md-column > .flex-md-25 {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-md-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-md-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-md-30 {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-md-row > .flex-md-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-md-column > .flex-md-30 {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-md-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-md-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-md-35 {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-md-row > .flex-md-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-md-column > .flex-md-35 {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-md-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-md-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-md-40 {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-md-row > .flex-md-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-md-column > .flex-md-40 {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-md-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-md-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-md-45 {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-md-row > .flex-md-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-md-column > .flex-md-45 {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-md-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-md-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-md-50 {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-md-row > .flex-md-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-md-column > .flex-md-50 {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-md-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-md-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-md-55 {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-md-row > .flex-md-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-md-column > .flex-md-55 {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-md-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-md-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-md-60 {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-md-row > .flex-md-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-md-column > .flex-md-60 {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-md-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-md-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-md-65 {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-md-row > .flex-md-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-md-column > .flex-md-65 {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-md-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-md-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-md-70 {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-md-row > .flex-md-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-md-column > .flex-md-70 {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-md-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-md-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-md-75 {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-md-row > .flex-md-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-md-column > .flex-md-75 {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-md-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-md-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-md-80 {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-md-row > .flex-md-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-md-column > .flex-md-80 {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-md-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-md-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-md-85 {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-md-row > .flex-md-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-md-column > .flex-md-85 {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-md-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-md-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-md-90 {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-md-row > .flex-md-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-md-column > .flex-md-90 {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-md-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-md-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-md-95 {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-md-row > .flex-md-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-md-column > .flex-md-95 {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-md-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-md-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-md-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-md-row > .flex-md-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-md-column > .flex-md-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 957, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 958, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 961, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-md-row > .flex {
    min-width: 0;
  }

  /* line 966, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 967, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 970, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-md-column > .flex {
    min-height: 0;
  }

  /* line 866, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 874, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-md-column {
    flex-direction: column;
  }

  /* line 875, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-md-row {
    flex-direction: row;
  }
}
@media (min-width: 1280px) {
  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-md--20 {
    order: -20;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-md--19 {
    order: -19;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-md--18 {
    order: -18;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-md--17 {
    order: -17;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-md--16 {
    order: -16;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-md--15 {
    order: -15;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-md--14 {
    order: -14;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-md--13 {
    order: -13;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-md--12 {
    order: -12;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-md--11 {
    order: -11;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-md--10 {
    order: -10;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-md--9 {
    order: -9;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-md--8 {
    order: -8;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-md--7 {
    order: -7;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-md--6 {
    order: -6;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-md--5 {
    order: -5;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-md--4 {
    order: -4;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-md--3 {
    order: -3;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-md--2 {
    order: -2;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-md--1 {
    order: -1;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-md-0 {
    order: 0;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-md-1 {
    order: 1;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-md-2 {
    order: 2;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-md-3 {
    order: 3;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-md-4 {
    order: 4;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-md-5 {
    order: 5;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-md-6 {
    order: 6;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-md-7 {
    order: 7;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-md-8 {
    order: 8;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-md-9 {
    order: 9;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-md-10 {
    order: 10;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-md-11 {
    order: 11;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-md-12 {
    order: 12;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-md-13 {
    order: 13;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-md-14 {
    order: 14;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-md-15 {
    order: 15;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-md-16 {
    order: 16;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-md-17 {
    order: 17;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-md-18 {
    order: 18;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-md-19 {
    order: 19;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-md-20 {
    order: 20;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-md-0, .flex-offset-gt-md-0 {
    margin-left: 0;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-md-0, [dir=rtl] .flex-offset-gt-md-0 {
    margin-left: auto;
    margin-right: 0;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-md-5, .flex-offset-gt-md-5 {
    margin-left: 5%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-md-5, [dir=rtl] .flex-offset-gt-md-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-md-10, .flex-offset-gt-md-10 {
    margin-left: 10%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-md-10, [dir=rtl] .flex-offset-gt-md-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-md-15, .flex-offset-gt-md-15 {
    margin-left: 15%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-md-15, [dir=rtl] .flex-offset-gt-md-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-md-20, .flex-offset-gt-md-20 {
    margin-left: 20%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-md-20, [dir=rtl] .flex-offset-gt-md-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-md-25, .flex-offset-gt-md-25 {
    margin-left: 25%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-md-25, [dir=rtl] .flex-offset-gt-md-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-md-30, .flex-offset-gt-md-30 {
    margin-left: 30%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-md-30, [dir=rtl] .flex-offset-gt-md-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-md-35, .flex-offset-gt-md-35 {
    margin-left: 35%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-md-35, [dir=rtl] .flex-offset-gt-md-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-md-40, .flex-offset-gt-md-40 {
    margin-left: 40%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-md-40, [dir=rtl] .flex-offset-gt-md-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-md-45, .flex-offset-gt-md-45 {
    margin-left: 45%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-md-45, [dir=rtl] .flex-offset-gt-md-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-md-50, .flex-offset-gt-md-50 {
    margin-left: 50%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-md-50, [dir=rtl] .flex-offset-gt-md-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-md-55, .flex-offset-gt-md-55 {
    margin-left: 55%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-md-55, [dir=rtl] .flex-offset-gt-md-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-md-60, .flex-offset-gt-md-60 {
    margin-left: 60%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-md-60, [dir=rtl] .flex-offset-gt-md-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-md-65, .flex-offset-gt-md-65 {
    margin-left: 65%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-md-65, [dir=rtl] .flex-offset-gt-md-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-md-70, .flex-offset-gt-md-70 {
    margin-left: 70%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-md-70, [dir=rtl] .flex-offset-gt-md-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-md-75, .flex-offset-gt-md-75 {
    margin-left: 75%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-md-75, [dir=rtl] .flex-offset-gt-md-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-md-80, .flex-offset-gt-md-80 {
    margin-left: 80%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-md-80, [dir=rtl] .flex-offset-gt-md-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-md-85, .flex-offset-gt-md-85 {
    margin-left: 85%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-md-85, [dir=rtl] .flex-offset-gt-md-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-md-90, .flex-offset-gt-md-90 {
    margin-left: 90%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-md-90, [dir=rtl] .flex-offset-gt-md-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-md-95, .flex-offset-gt-md-95 {
    margin-left: 95%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-md-95, [dir=rtl] .flex-offset-gt-md-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  /* line 840, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-md-33, .flex-offset-gt-md-33 {
    margin-left: calc(100% / 3);
  }

  /* line 856, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-md-66, .flex-offset-gt-md-66 {
    margin-left: calc(200% / 3);
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-md-66, [dir=rtl] .flex-offset-gt-md-66 {
    margin-left: auto;
    margin-right: calc(200% / 3);
  }

  /* line 988, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-align-gt-md,
  .layout-align-gt-md-start-stretch {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }

  /* line 997, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1007, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1017, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1027, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1037, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1053, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1064, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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%;
  }

  /* line 1076, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1087, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1098, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 887, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-md {
    flex: 1;
    box-sizing: border-box;
  }

  /* line 889, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-md-grow {
    flex: 1 1 100%;
    box-sizing: border-box;
  }

  /* line 890, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-md-initial {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  /* line 891, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-md-auto {
    flex: 1 1 auto;
    box-sizing: border-box;
  }

  /* line 892, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-md-none {
    flex: 0 0 auto;
    box-sizing: border-box;
  }

  /* line 893, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-md-noshrink {
    flex: 1 0 auto;
    box-sizing: border-box;
  }

  /* line 894, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-md-nogrow {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-md-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-md-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-md-0 {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-md-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-md-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-md-5 {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-md-row > .flex-gt-md-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-md-column > .flex-gt-md-5 {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-md-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-md-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-md-10 {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-md-row > .flex-gt-md-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-md-column > .flex-gt-md-10 {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-md-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-md-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-md-15 {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-md-row > .flex-gt-md-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-md-column > .flex-gt-md-15 {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-md-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-md-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-md-20 {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-md-row > .flex-gt-md-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-md-column > .flex-gt-md-20 {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-md-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-md-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-md-25 {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-md-row > .flex-gt-md-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-md-column > .flex-gt-md-25 {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-md-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-md-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-md-30 {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-md-row > .flex-gt-md-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-md-column > .flex-gt-md-30 {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-md-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-md-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-md-35 {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-md-row > .flex-gt-md-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-md-column > .flex-gt-md-35 {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-md-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-md-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-md-40 {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-md-row > .flex-gt-md-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-md-column > .flex-gt-md-40 {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-md-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-md-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-md-45 {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-md-row > .flex-gt-md-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-md-column > .flex-gt-md-45 {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-md-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-md-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-md-50 {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-md-row > .flex-gt-md-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-md-column > .flex-gt-md-50 {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-md-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-md-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-md-55 {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-md-row > .flex-gt-md-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-md-column > .flex-gt-md-55 {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-md-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-md-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-md-60 {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-md-row > .flex-gt-md-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-md-column > .flex-gt-md-60 {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-md-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-md-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-md-65 {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-md-row > .flex-gt-md-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-md-column > .flex-gt-md-65 {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-md-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-md-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-md-70 {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-md-row > .flex-gt-md-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-md-column > .flex-gt-md-70 {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-md-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-md-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-md-75 {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-md-row > .flex-gt-md-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-md-column > .flex-gt-md-75 {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-md-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-md-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-md-80 {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-md-row > .flex-gt-md-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-md-column > .flex-gt-md-80 {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-md-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-md-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-md-85 {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-md-row > .flex-gt-md-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-md-column > .flex-gt-md-85 {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-md-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-md-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-md-90 {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-md-row > .flex-gt-md-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-md-column > .flex-gt-md-90 {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-md-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-md-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-md-95 {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-md-row > .flex-gt-md-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-md-column > .flex-gt-md-95 {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-md-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-md-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-md-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-md-row > .flex-gt-md-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-md-column > .flex-gt-md-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 957, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 958, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 961, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-md-row > .flex {
    min-width: 0;
  }

  /* line 966, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 967, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 970, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-md-column > .flex {
    min-height: 0;
  }

  /* line 866, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 874, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-md-column {
    flex-direction: column;
  }

  /* line 875, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-md-row {
    flex-direction: row;
  }
}
@media (min-width: 1280px) and (max-width: 1919px) {
  /* line 7323, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 7327, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .hide-lg:not(.show-lg):not(.show-gt-md):not(.show-gt-sm):not(.show-gt-xs):not(.show) {
    display: none;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-lg--20 {
    order: -20;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-lg--19 {
    order: -19;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-lg--18 {
    order: -18;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-lg--17 {
    order: -17;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-lg--16 {
    order: -16;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-lg--15 {
    order: -15;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-lg--14 {
    order: -14;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-lg--13 {
    order: -13;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-lg--12 {
    order: -12;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-lg--11 {
    order: -11;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-lg--10 {
    order: -10;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-lg--9 {
    order: -9;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-lg--8 {
    order: -8;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-lg--7 {
    order: -7;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-lg--6 {
    order: -6;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-lg--5 {
    order: -5;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-lg--4 {
    order: -4;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-lg--3 {
    order: -3;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-lg--2 {
    order: -2;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-lg--1 {
    order: -1;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-lg-0 {
    order: 0;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-lg-1 {
    order: 1;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-lg-2 {
    order: 2;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-lg-3 {
    order: 3;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-lg-4 {
    order: 4;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-lg-5 {
    order: 5;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-lg-6 {
    order: 6;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-lg-7 {
    order: 7;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-lg-8 {
    order: 8;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-lg-9 {
    order: 9;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-lg-10 {
    order: 10;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-lg-11 {
    order: 11;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-lg-12 {
    order: 12;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-lg-13 {
    order: 13;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-lg-14 {
    order: 14;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-lg-15 {
    order: 15;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-lg-16 {
    order: 16;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-lg-17 {
    order: 17;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-lg-18 {
    order: 18;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-lg-19 {
    order: 19;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-lg-20 {
    order: 20;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-lg-0, .flex-offset-lg-0 {
    margin-left: 0;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-lg-0, [dir=rtl] .flex-offset-lg-0 {
    margin-left: auto;
    margin-right: 0;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-lg-5, .flex-offset-lg-5 {
    margin-left: 5%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-lg-5, [dir=rtl] .flex-offset-lg-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-lg-10, .flex-offset-lg-10 {
    margin-left: 10%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-lg-10, [dir=rtl] .flex-offset-lg-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-lg-15, .flex-offset-lg-15 {
    margin-left: 15%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-lg-15, [dir=rtl] .flex-offset-lg-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-lg-20, .flex-offset-lg-20 {
    margin-left: 20%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-lg-20, [dir=rtl] .flex-offset-lg-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-lg-25, .flex-offset-lg-25 {
    margin-left: 25%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-lg-25, [dir=rtl] .flex-offset-lg-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-lg-30, .flex-offset-lg-30 {
    margin-left: 30%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-lg-30, [dir=rtl] .flex-offset-lg-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-lg-35, .flex-offset-lg-35 {
    margin-left: 35%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-lg-35, [dir=rtl] .flex-offset-lg-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-lg-40, .flex-offset-lg-40 {
    margin-left: 40%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-lg-40, [dir=rtl] .flex-offset-lg-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-lg-45, .flex-offset-lg-45 {
    margin-left: 45%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-lg-45, [dir=rtl] .flex-offset-lg-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-lg-50, .flex-offset-lg-50 {
    margin-left: 50%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-lg-50, [dir=rtl] .flex-offset-lg-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-lg-55, .flex-offset-lg-55 {
    margin-left: 55%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-lg-55, [dir=rtl] .flex-offset-lg-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-lg-60, .flex-offset-lg-60 {
    margin-left: 60%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-lg-60, [dir=rtl] .flex-offset-lg-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-lg-65, .flex-offset-lg-65 {
    margin-left: 65%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-lg-65, [dir=rtl] .flex-offset-lg-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-lg-70, .flex-offset-lg-70 {
    margin-left: 70%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-lg-70, [dir=rtl] .flex-offset-lg-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-lg-75, .flex-offset-lg-75 {
    margin-left: 75%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-lg-75, [dir=rtl] .flex-offset-lg-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-lg-80, .flex-offset-lg-80 {
    margin-left: 80%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-lg-80, [dir=rtl] .flex-offset-lg-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-lg-85, .flex-offset-lg-85 {
    margin-left: 85%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-lg-85, [dir=rtl] .flex-offset-lg-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-lg-90, .flex-offset-lg-90 {
    margin-left: 90%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-lg-90, [dir=rtl] .flex-offset-lg-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-lg-95, .flex-offset-lg-95 {
    margin-left: 95%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-lg-95, [dir=rtl] .flex-offset-lg-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  /* line 840, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-lg-33, .flex-offset-lg-33 {
    margin-left: calc(100% / 3);
  }

  /* line 856, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-lg-66, .flex-offset-lg-66 {
    margin-left: calc(200% / 3);
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-lg-66, [dir=rtl] .flex-offset-lg-66 {
    margin-left: auto;
    margin-right: calc(200% / 3);
  }

  /* line 988, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-align-lg,
  .layout-align-lg-start-stretch {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }

  /* line 997, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1007, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1017, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1027, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1037, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1053, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1064, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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%;
  }

  /* line 1076, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1087, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1098, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 887, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-lg {
    flex: 1;
    box-sizing: border-box;
  }

  /* line 889, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-lg-grow {
    flex: 1 1 100%;
    box-sizing: border-box;
  }

  /* line 890, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-lg-initial {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  /* line 891, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-lg-auto {
    flex: 1 1 auto;
    box-sizing: border-box;
  }

  /* line 892, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-lg-none {
    flex: 0 0 auto;
    box-sizing: border-box;
  }

  /* line 893, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-lg-noshrink {
    flex: 1 0 auto;
    box-sizing: border-box;
  }

  /* line 894, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-lg-nogrow {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-lg-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-lg-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-lg-0 {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-lg-row > .flex-lg-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-lg-column > .flex-lg-0 {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-lg-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-lg-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-lg-5 {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-lg-row > .flex-lg-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-lg-column > .flex-lg-5 {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-lg-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-lg-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-lg-10 {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-lg-row > .flex-lg-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-lg-column > .flex-lg-10 {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-lg-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-lg-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-lg-15 {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-lg-row > .flex-lg-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-lg-column > .flex-lg-15 {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-lg-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-lg-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-lg-20 {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-lg-row > .flex-lg-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-lg-column > .flex-lg-20 {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-lg-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-lg-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-lg-25 {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-lg-row > .flex-lg-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-lg-column > .flex-lg-25 {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-lg-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-lg-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-lg-30 {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-lg-row > .flex-lg-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-lg-column > .flex-lg-30 {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-lg-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-lg-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-lg-35 {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-lg-row > .flex-lg-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-lg-column > .flex-lg-35 {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-lg-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-lg-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-lg-40 {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-lg-row > .flex-lg-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-lg-column > .flex-lg-40 {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-lg-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-lg-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-lg-45 {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-lg-row > .flex-lg-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-lg-column > .flex-lg-45 {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-lg-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-lg-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-lg-50 {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-lg-row > .flex-lg-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-lg-column > .flex-lg-50 {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-lg-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-lg-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-lg-55 {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-lg-row > .flex-lg-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-lg-column > .flex-lg-55 {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-lg-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-lg-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-lg-60 {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-lg-row > .flex-lg-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-lg-column > .flex-lg-60 {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-lg-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-lg-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-lg-65 {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-lg-row > .flex-lg-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-lg-column > .flex-lg-65 {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-lg-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-lg-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-lg-70 {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-lg-row > .flex-lg-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-lg-column > .flex-lg-70 {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-lg-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-lg-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-lg-75 {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-lg-row > .flex-lg-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-lg-column > .flex-lg-75 {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-lg-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-lg-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-lg-80 {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-lg-row > .flex-lg-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-lg-column > .flex-lg-80 {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-lg-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-lg-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-lg-85 {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-lg-row > .flex-lg-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-lg-column > .flex-lg-85 {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-lg-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-lg-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-lg-90 {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-lg-row > .flex-lg-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-lg-column > .flex-lg-90 {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-lg-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-lg-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-lg-95 {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-lg-row > .flex-lg-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-lg-column > .flex-lg-95 {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-lg-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-lg-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-lg-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-lg-row > .flex-lg-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-lg-column > .flex-lg-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 957, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 958, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 961, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-lg-row > .flex {
    min-width: 0;
  }

  /* line 966, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 967, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 970, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-lg-column > .flex {
    min-height: 0;
  }

  /* line 866, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 874, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-lg-column {
    flex-direction: column;
  }

  /* line 875, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-lg-row {
    flex-direction: row;
  }
}
@media (min-width: 1920px) {
  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-lg--20 {
    order: -20;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-lg--19 {
    order: -19;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-lg--18 {
    order: -18;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-lg--17 {
    order: -17;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-lg--16 {
    order: -16;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-lg--15 {
    order: -15;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-lg--14 {
    order: -14;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-lg--13 {
    order: -13;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-lg--12 {
    order: -12;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-lg--11 {
    order: -11;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-lg--10 {
    order: -10;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-lg--9 {
    order: -9;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-lg--8 {
    order: -8;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-lg--7 {
    order: -7;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-lg--6 {
    order: -6;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-lg--5 {
    order: -5;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-lg--4 {
    order: -4;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-lg--3 {
    order: -3;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-lg--2 {
    order: -2;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-lg--1 {
    order: -1;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-lg-0 {
    order: 0;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-lg-1 {
    order: 1;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-lg-2 {
    order: 2;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-lg-3 {
    order: 3;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-lg-4 {
    order: 4;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-lg-5 {
    order: 5;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-lg-6 {
    order: 6;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-lg-7 {
    order: 7;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-lg-8 {
    order: 8;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-lg-9 {
    order: 9;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-lg-10 {
    order: 10;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-lg-11 {
    order: 11;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-lg-12 {
    order: 12;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-lg-13 {
    order: 13;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-lg-14 {
    order: 14;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-lg-15 {
    order: 15;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-lg-16 {
    order: 16;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-lg-17 {
    order: 17;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-lg-18 {
    order: 18;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-lg-19 {
    order: 19;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-gt-lg-20 {
    order: 20;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-lg-0, .flex-offset-gt-lg-0 {
    margin-left: 0;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-lg-0, [dir=rtl] .flex-offset-gt-lg-0 {
    margin-left: auto;
    margin-right: 0;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-lg-5, .flex-offset-gt-lg-5 {
    margin-left: 5%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-lg-5, [dir=rtl] .flex-offset-gt-lg-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-lg-10, .flex-offset-gt-lg-10 {
    margin-left: 10%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-lg-10, [dir=rtl] .flex-offset-gt-lg-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-lg-15, .flex-offset-gt-lg-15 {
    margin-left: 15%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-lg-15, [dir=rtl] .flex-offset-gt-lg-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-lg-20, .flex-offset-gt-lg-20 {
    margin-left: 20%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-lg-20, [dir=rtl] .flex-offset-gt-lg-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-lg-25, .flex-offset-gt-lg-25 {
    margin-left: 25%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-lg-25, [dir=rtl] .flex-offset-gt-lg-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-lg-30, .flex-offset-gt-lg-30 {
    margin-left: 30%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-lg-30, [dir=rtl] .flex-offset-gt-lg-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-lg-35, .flex-offset-gt-lg-35 {
    margin-left: 35%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-lg-35, [dir=rtl] .flex-offset-gt-lg-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-lg-40, .flex-offset-gt-lg-40 {
    margin-left: 40%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-lg-40, [dir=rtl] .flex-offset-gt-lg-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-lg-45, .flex-offset-gt-lg-45 {
    margin-left: 45%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-lg-45, [dir=rtl] .flex-offset-gt-lg-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-lg-50, .flex-offset-gt-lg-50 {
    margin-left: 50%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-lg-50, [dir=rtl] .flex-offset-gt-lg-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-lg-55, .flex-offset-gt-lg-55 {
    margin-left: 55%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-lg-55, [dir=rtl] .flex-offset-gt-lg-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-lg-60, .flex-offset-gt-lg-60 {
    margin-left: 60%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-lg-60, [dir=rtl] .flex-offset-gt-lg-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-lg-65, .flex-offset-gt-lg-65 {
    margin-left: 65%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-lg-65, [dir=rtl] .flex-offset-gt-lg-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-lg-70, .flex-offset-gt-lg-70 {
    margin-left: 70%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-lg-70, [dir=rtl] .flex-offset-gt-lg-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-lg-75, .flex-offset-gt-lg-75 {
    margin-left: 75%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-lg-75, [dir=rtl] .flex-offset-gt-lg-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-lg-80, .flex-offset-gt-lg-80 {
    margin-left: 80%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-lg-80, [dir=rtl] .flex-offset-gt-lg-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-lg-85, .flex-offset-gt-lg-85 {
    margin-left: 85%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-lg-85, [dir=rtl] .flex-offset-gt-lg-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-lg-90, .flex-offset-gt-lg-90 {
    margin-left: 90%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-lg-90, [dir=rtl] .flex-offset-gt-lg-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-lg-95, .flex-offset-gt-lg-95 {
    margin-left: 95%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-lg-95, [dir=rtl] .flex-offset-gt-lg-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  /* line 840, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-lg-33, .flex-offset-gt-lg-33 {
    margin-left: calc(100% / 3);
  }

  /* line 856, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-gt-lg-66, .flex-offset-gt-lg-66 {
    margin-left: calc(200% / 3);
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-gt-lg-66, [dir=rtl] .flex-offset-gt-lg-66 {
    margin-left: auto;
    margin-right: calc(200% / 3);
  }

  /* line 988, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-align-gt-lg,
  .layout-align-gt-lg-start-stretch {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }

  /* line 997, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1007, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1017, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1027, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1037, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1053, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1064, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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%;
  }

  /* line 1076, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1087, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1098, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 887, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-lg {
    flex: 1;
    box-sizing: border-box;
  }

  /* line 889, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-lg-grow {
    flex: 1 1 100%;
    box-sizing: border-box;
  }

  /* line 890, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-lg-initial {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  /* line 891, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-lg-auto {
    flex: 1 1 auto;
    box-sizing: border-box;
  }

  /* line 892, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-lg-none {
    flex: 0 0 auto;
    box-sizing: border-box;
  }

  /* line 893, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-lg-noshrink {
    flex: 1 0 auto;
    box-sizing: border-box;
  }

  /* line 894, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-lg-nogrow {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-lg-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-lg-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-lg-0 {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-lg-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-lg-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-lg-5 {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-lg-row > .flex-gt-lg-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-lg-column > .flex-gt-lg-5 {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-lg-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-lg-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-lg-10 {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-lg-row > .flex-gt-lg-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-lg-column > .flex-gt-lg-10 {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-lg-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-lg-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-lg-15 {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-lg-row > .flex-gt-lg-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-lg-column > .flex-gt-lg-15 {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-lg-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-lg-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-lg-20 {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-lg-row > .flex-gt-lg-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-lg-column > .flex-gt-lg-20 {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-lg-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-lg-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-lg-25 {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-lg-row > .flex-gt-lg-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-lg-column > .flex-gt-lg-25 {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-lg-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-lg-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-lg-30 {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-lg-row > .flex-gt-lg-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-lg-column > .flex-gt-lg-30 {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-lg-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-lg-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-lg-35 {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-lg-row > .flex-gt-lg-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-lg-column > .flex-gt-lg-35 {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-lg-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-lg-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-lg-40 {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-lg-row > .flex-gt-lg-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-lg-column > .flex-gt-lg-40 {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-lg-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-lg-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-lg-45 {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-lg-row > .flex-gt-lg-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-lg-column > .flex-gt-lg-45 {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-lg-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-lg-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-lg-50 {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-lg-row > .flex-gt-lg-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-lg-column > .flex-gt-lg-50 {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-lg-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-lg-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-lg-55 {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-lg-row > .flex-gt-lg-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-lg-column > .flex-gt-lg-55 {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-lg-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-lg-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-lg-60 {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-lg-row > .flex-gt-lg-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-lg-column > .flex-gt-lg-60 {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-lg-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-lg-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-lg-65 {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-lg-row > .flex-gt-lg-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-lg-column > .flex-gt-lg-65 {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-lg-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-lg-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-lg-70 {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-lg-row > .flex-gt-lg-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-lg-column > .flex-gt-lg-70 {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-lg-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-lg-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-lg-75 {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-lg-row > .flex-gt-lg-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-lg-column > .flex-gt-lg-75 {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-lg-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-lg-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-lg-80 {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-lg-row > .flex-gt-lg-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-lg-column > .flex-gt-lg-80 {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-lg-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-lg-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-lg-85 {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-lg-row > .flex-gt-lg-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-lg-column > .flex-gt-lg-85 {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-lg-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-lg-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-lg-90 {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-lg-row > .flex-gt-lg-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-lg-column > .flex-gt-lg-90 {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-lg-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-lg-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-lg-95 {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-lg-row > .flex-gt-lg-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-lg-column > .flex-gt-lg-95 {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-gt-lg-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-gt-lg-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-gt-lg-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-lg-row > .flex-gt-lg-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-lg-column > .flex-gt-lg-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 957, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 958, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 961, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-lg-row > .flex {
    min-width: 0;
  }

  /* line 966, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 967, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 970, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-lg-column > .flex {
    min-height: 0;
  }

  /* line 866, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 874, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-lg-column {
    flex-direction: column;
  }

  /* line 875, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-gt-lg-row {
    flex-direction: row;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xl--20 {
    order: -20;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xl--19 {
    order: -19;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xl--18 {
    order: -18;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xl--17 {
    order: -17;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xl--16 {
    order: -16;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xl--15 {
    order: -15;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xl--14 {
    order: -14;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xl--13 {
    order: -13;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xl--12 {
    order: -12;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xl--11 {
    order: -11;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xl--10 {
    order: -10;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xl--9 {
    order: -9;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xl--8 {
    order: -8;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xl--7 {
    order: -7;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xl--6 {
    order: -6;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xl--5 {
    order: -5;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xl--4 {
    order: -4;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xl--3 {
    order: -3;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xl--2 {
    order: -2;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xl--1 {
    order: -1;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xl-0 {
    order: 0;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xl-1 {
    order: 1;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xl-2 {
    order: 2;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xl-3 {
    order: 3;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xl-4 {
    order: 4;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xl-5 {
    order: 5;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xl-6 {
    order: 6;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xl-7 {
    order: 7;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xl-8 {
    order: 8;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xl-9 {
    order: 9;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xl-10 {
    order: 10;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xl-11 {
    order: 11;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xl-12 {
    order: 12;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xl-13 {
    order: 13;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xl-14 {
    order: 14;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xl-15 {
    order: 15;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xl-16 {
    order: 16;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xl-17 {
    order: 17;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xl-18 {
    order: 18;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xl-19 {
    order: 19;
  }

  /* line 803, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-order-xl-20 {
    order: 20;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-xl-0, .flex-offset-xl-0 {
    margin-left: 0;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-xl-0, [dir=rtl] .flex-offset-xl-0 {
    margin-left: auto;
    margin-right: 0;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-xl-5, .flex-offset-xl-5 {
    margin-left: 5%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-xl-5, [dir=rtl] .flex-offset-xl-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-xl-10, .flex-offset-xl-10 {
    margin-left: 10%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-xl-10, [dir=rtl] .flex-offset-xl-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-xl-15, .flex-offset-xl-15 {
    margin-left: 15%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-xl-15, [dir=rtl] .flex-offset-xl-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-xl-20, .flex-offset-xl-20 {
    margin-left: 20%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-xl-20, [dir=rtl] .flex-offset-xl-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-xl-25, .flex-offset-xl-25 {
    margin-left: 25%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-xl-25, [dir=rtl] .flex-offset-xl-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-xl-30, .flex-offset-xl-30 {
    margin-left: 30%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-xl-30, [dir=rtl] .flex-offset-xl-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-xl-35, .flex-offset-xl-35 {
    margin-left: 35%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-xl-35, [dir=rtl] .flex-offset-xl-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-xl-40, .flex-offset-xl-40 {
    margin-left: 40%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-xl-40, [dir=rtl] .flex-offset-xl-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-xl-45, .flex-offset-xl-45 {
    margin-left: 45%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-xl-45, [dir=rtl] .flex-offset-xl-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-xl-50, .flex-offset-xl-50 {
    margin-left: 50%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-xl-50, [dir=rtl] .flex-offset-xl-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-xl-55, .flex-offset-xl-55 {
    margin-left: 55%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-xl-55, [dir=rtl] .flex-offset-xl-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-xl-60, .flex-offset-xl-60 {
    margin-left: 60%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-xl-60, [dir=rtl] .flex-offset-xl-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-xl-65, .flex-offset-xl-65 {
    margin-left: 65%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-xl-65, [dir=rtl] .flex-offset-xl-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-xl-70, .flex-offset-xl-70 {
    margin-left: 70%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-xl-70, [dir=rtl] .flex-offset-xl-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-xl-75, .flex-offset-xl-75 {
    margin-left: 75%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-xl-75, [dir=rtl] .flex-offset-xl-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-xl-80, .flex-offset-xl-80 {
    margin-left: 80%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-xl-80, [dir=rtl] .flex-offset-xl-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-xl-85, .flex-offset-xl-85 {
    margin-left: 85%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-xl-85, [dir=rtl] .flex-offset-xl-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-xl-90, .flex-offset-xl-90 {
    margin-left: 90%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-xl-90, [dir=rtl] .flex-offset-xl-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  /* line 823, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-xl-95, .flex-offset-xl-95 {
    margin-left: 95%;
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-xl-95, [dir=rtl] .flex-offset-xl-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  /* line 840, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-xl-33, .flex-offset-xl-33 {
    margin-left: calc(100% / 3);
  }

  /* line 856, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .offset-xl-66, .flex-offset-xl-66 {
    margin-left: calc(200% / 3);
  }
  /* line 264, ../../app/assets/scss/base/vendor/_angular-material.scss */
  [dir=rtl] .offset-xl-66, [dir=rtl] .flex-offset-xl-66 {
    margin-left: auto;
    margin-right: calc(200% / 3);
  }

  /* line 988, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-align-xl,
  .layout-align-xl-start-stretch {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }

  /* line 997, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1007, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1017, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1027, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1037, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1053, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1064, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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%;
  }

  /* line 1076, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1087, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 1098, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 887, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xl {
    flex: 1;
    box-sizing: border-box;
  }

  /* line 889, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xl-grow {
    flex: 1 1 100%;
    box-sizing: border-box;
  }

  /* line 890, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xl-initial {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  /* line 891, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xl-auto {
    flex: 1 1 auto;
    box-sizing: border-box;
  }

  /* line 892, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xl-none {
    flex: 0 0 auto;
    box-sizing: border-box;
  }

  /* line 893, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xl-noshrink {
    flex: 1 0 auto;
    box-sizing: border-box;
  }

  /* line 894, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xl-nogrow {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xl-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-xl-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-xl-0 {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xl-row > .flex-xl-0 {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xl-column > .flex-xl-0 {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xl-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-xl-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-xl-5 {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xl-row > .flex-xl-5 {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xl-column > .flex-xl-5 {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xl-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-xl-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-xl-10 {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xl-row > .flex-xl-10 {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xl-column > .flex-xl-10 {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xl-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-xl-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-xl-15 {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xl-row > .flex-xl-15 {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xl-column > .flex-xl-15 {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xl-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-xl-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-xl-20 {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xl-row > .flex-xl-20 {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xl-column > .flex-xl-20 {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xl-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-xl-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-xl-25 {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xl-row > .flex-xl-25 {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xl-column > .flex-xl-25 {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xl-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-xl-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-xl-30 {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xl-row > .flex-xl-30 {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xl-column > .flex-xl-30 {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xl-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-xl-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-xl-35 {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xl-row > .flex-xl-35 {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xl-column > .flex-xl-35 {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xl-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-xl-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-xl-40 {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xl-row > .flex-xl-40 {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xl-column > .flex-xl-40 {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xl-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-xl-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-xl-45 {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xl-row > .flex-xl-45 {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xl-column > .flex-xl-45 {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xl-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-xl-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-xl-50 {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xl-row > .flex-xl-50 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xl-column > .flex-xl-50 {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xl-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-xl-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-xl-55 {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xl-row > .flex-xl-55 {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xl-column > .flex-xl-55 {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xl-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-xl-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-xl-60 {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xl-row > .flex-xl-60 {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xl-column > .flex-xl-60 {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xl-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-xl-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-xl-65 {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xl-row > .flex-xl-65 {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xl-column > .flex-xl-65 {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xl-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-xl-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-xl-70 {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xl-row > .flex-xl-70 {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xl-column > .flex-xl-70 {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xl-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-xl-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-xl-75 {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xl-row > .flex-xl-75 {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xl-column > .flex-xl-75 {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xl-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-xl-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-xl-80 {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xl-row > .flex-xl-80 {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xl-column > .flex-xl-80 {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xl-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-xl-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-xl-85 {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xl-row > .flex-xl-85 {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xl-column > .flex-xl-85 {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xl-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-xl-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-xl-90 {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xl-row > .flex-xl-90 {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xl-column > .flex-xl-90 {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xl-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-xl-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-xl-95 {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xl-row > .flex-xl-95 {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xl-column > .flex-xl-95 {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  /* line 900, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .flex-xl-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 907, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-row > .flex-xl-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 917, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-column > .flex-xl-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 925, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 926, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 930, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 931, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 934, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xl-row > .flex-xl-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 944, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xl-column > .flex-xl-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  /* line 957, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 958, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 961, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xl-row > .flex {
    min-width: 0;
  }

  /* line 966, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 967, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }
  /* line 970, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xl-column > .flex {
    min-height: 0;
  }

  /* line 866, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 874, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xl-column {
    flex-direction: column;
  }

  /* line 875, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .layout-xl-row {
    flex-direction: row;
  }

  /* line 7340, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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;
  }

  /* line 7344, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .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 {
  /* line 7353, ../../app/assets/scss/base/vendor/_angular-material.scss */
  .hide-print:not(.show-print):not(.show) {
    display: none !important;
  }
}
/* line 7366, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-progress-circular {
  display: block;
  position: relative;
  width: 100px;
  height: 100px;
  padding-top: 0 !important;
  margin-bottom: 0 !important;
  z-index: 2;
}
/* line 7378, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-progress-circular .md-spinner-wrapper {
  display: block;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
}
/* line 7385, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-progress-circular .md-spinner-wrapper .md-inner {
  width: 100px;
  height: 100px;
  position: relative;
}
/* line 7389, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-progress-circular .md-spinner-wrapper .md-inner .md-gap {
  position: absolute;
  left: 49px;
  right: 49px;
  top: 0;
  bottom: 0;
  border-top-width: 10px;
  border-top-style: solid;
  box-sizing: border-box;
}
/* line 7399, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-progress-circular .md-spinner-wrapper .md-inner .md-left, md-progress-circular .md-spinner-wrapper .md-inner .md-right {
  position: absolute;
  top: 0;
  height: 100px;
  width: 50px;
  overflow: hidden;
}
/* line 7405, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-progress-circular .md-spinner-wrapper .md-inner .md-left .md-half-circle, md-progress-circular .md-spinner-wrapper .md-inner .md-right .md-half-circle {
  position: absolute;
  top: 0;
  width: 100px;
  height: 100px;
  box-sizing: border-box;
  border-width: 10px;
  border-style: solid;
  border-bottom-color: transparent;
  border-radius: 50%;
}
/* line 7417, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-progress-circular .md-spinner-wrapper .md-inner .md-left {
  left: 0;
}
/* line 7419, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-progress-circular .md-spinner-wrapper .md-inner .md-left .md-half-circle {
  left: 0;
  border-right-color: transparent;
}
/* line 7424, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-progress-circular .md-spinner-wrapper .md-inner .md-right {
  right: 0;
}
/* line 7426, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-progress-circular .md-spinner-wrapper .md-inner .md-right .md-half-circle {
  right: 0;
  border-left-color: transparent;
}
/* line 7435, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-progress-circular .md-mode-indeterminate .md-spinner-wrapper {
  animation: outer-rotate 2.9166666667s linear infinite;
}
/* line 7437, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-progress-circular .md-mode-indeterminate .md-spinner-wrapper .md-inner {
  animation: sporadic-rotate 5.25s cubic-bezier(0.35, 0, 0.25, 1) infinite;
}
/* line 7440, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-progress-circular .md-mode-indeterminate .md-spinner-wrapper .md-inner .md-left .md-half-circle, md-progress-circular .md-mode-indeterminate .md-spinner-wrapper .md-inner .md-right .md-half-circle {
  animation-iteration-count: infinite;
  animation-duration: 1.3125s;
  animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
}
/* line 7447, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-progress-circular .md-mode-indeterminate .md-spinner-wrapper .md-inner .md-left .md-half-circle {
  animation-name: left-wobble;
}
/* line 7452, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-progress-circular .md-mode-indeterminate .md-spinner-wrapper .md-inner .md-right .md-half-circle {
  animation-name: right-wobble;
}
/* line 7460, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-progress-circular md-progress-circular.ng-hide .md-spinner-wrapper {
  animation: none;
}
/* line 7462, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-progress-circular md-progress-circular.ng-hide .md-spinner-wrapper .md-inner {
  animation: none;
}
/* line 7465, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-progress-circular md-progress-circular.ng-hide .md-spinner-wrapper .md-inner .md-left .md-half-circle {
  animation-name: none;
}
/* line 7470, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-progress-circular md-progress-circular.ng-hide .md-spinner-wrapper .md-inner .md-right .md-half-circle {
  animation-name: none;
}
/* line 7478, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-progress-circular .md-spinner-wrapper.ng-hide {
  animation: none;
}
/* line 7480, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-progress-circular .md-spinner-wrapper.ng-hide .md-inner {
  animation: none;
}
/* line 7483, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-progress-circular .md-spinner-wrapper.ng-hide .md-inner .md-left .md-half-circle {
  animation-name: none;
}
/* line 7488, ../../app/assets/scss/base/vendor/_angular-material.scss */
md-progress-circular .md-spinner-wrapper.ng-hide .md-inner .md-right .md-half-circle {
  animation-name: none;
}

@keyframes outer-rotate {
  0% {
    transform: rotate(0deg) scale(0.5);
  }
  100% {
    transform: rotate(360deg) scale(0.5);
  }
}
@keyframes left-wobble {
  0%, 100% {
    transform: rotate(130deg);
  }
  50% {
    transform: rotate(-5deg);
  }
}
@keyframes right-wobble {
  0%, 100% {
    transform: rotate(-130deg);
  }
  50% {
    transform: rotate(5deg);
  }
}
@keyframes sporadic-rotate {
  12.5% {
    transform: rotate(135deg);
  }
  25% {
    transform: rotate(270deg);
  }
  37.5% {
    transform: rotate(405deg);
  }
  50% {
    transform: rotate(540deg);
  }
  62.5% {
    transform: rotate(675deg);
  }
  75% {
    transform: rotate(810deg);
  }
  87.5% {
    transform: rotate(945deg);
  }
  100% {
    transform: rotate(1080deg);
  }
}
/* line 7522, ../../app/assets/scss/base/vendor/_angular-material.scss */
.flex {
  flex: 1 1 auto;
}

/**
 * @license angular-bootstrap-datetimepicker  version: 0.4.0
 * Copyright 2016 Knight Rider Consulting, Inc. http://www.knightrider.com
 * License: MIT
 */
/* line 21, ../../app/assets/scss/base/vendor/_datetimepicker.scss */
.datetimepicker {
  border-radius: 4px;
  direction: ltr;
  display: block;
  margin-top: 1px;
  user-select: none;
  width: 320px;
}
/* line 29, ../../app/assets/scss/base/vendor/_datetimepicker.scss */
.datetimepicker > div {
  display: none;
}
/* line 33, ../../app/assets/scss/base/vendor/_datetimepicker.scss */
.datetimepicker .hour,
.datetimepicker .minute {
  height: 34px;
  line-height: 34px;
  margin: 0;
  width: 25%;
}
/* line 41, ../../app/assets/scss/base/vendor/_datetimepicker.scss */
.datetimepicker .table {
  margin: 0;
}
/* line 45, ../../app/assets/scss/base/vendor/_datetimepicker.scss */
.datetimepicker .table td,
.datetimepicker .table th {
  border: 0;
  border-radius: 4px;
  height: 20px;
  text-align: center;
}
/* line 53, ../../app/assets/scss/base/vendor/_datetimepicker.scss */
.datetimepicker .minute:hover,
.datetimepicker .hour:hover,
.datetimepicker .day:hover,
.datetimepicker .switch:hover,
.datetimepicker .left:hover,
.datetimepicker .right:hover {
  background: #eee;
  cursor: pointer;
}
/* line 63, ../../app/assets/scss/base/vendor/_datetimepicker.scss */
.datetimepicker .disabled,
.datetimepicker .disabled:hover {
  background: none;
  color: #ebebeb;
  cursor: default;
}
/* line 70, ../../app/assets/scss/base/vendor/_datetimepicker.scss */
.datetimepicker .active,
.datetimepicker .active:hover,
.datetimepicker .active.disabled,
.datetimepicker .active.disabled:hover {
  background-color: #04c;
  background-image: linear-gradient(to bottom, #08c, #04c);
  background-repeat: repeat-x;
  border-color: #04c #04c #002a80;
  color: #fff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#04c', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
/* line 84, ../../app/assets/scss/base/vendor/_datetimepicker.scss */
.datetimepicker .active:hover,
.datetimepicker .active:hover:hover,
.datetimepicker .active.disabled:hover,
.datetimepicker .active.disabled:hover:hover,
.datetimepicker .active:active,
.datetimepicker .active:hover:active,
.datetimepicker .active.disabled:active,
.datetimepicker .active.disabled:hover:active,
.datetimepicker .active.active,
.datetimepicker .active:hover.active,
.datetimepicker .active.disabled.active,
.datetimepicker .active.disabled:hover.active,
.datetimepicker .active.disabled,
.datetimepicker .active:hover.disabled,
.datetimepicker .active.disabled.disabled,
.datetimepicker .active.disabled:hover.disabled,
.datetimepicker td.active[disabled],
.datetimepicker td.active:hover[disabled],
.datetimepicker td.active.disabled[disabled],
.datetimepicker td.active.disabled:hover[disabled],
.datetimepicker span.active[disabled],
.datetimepicker span.active:hover[disabled],
.datetimepicker span.active.disabled[disabled],
.datetimepicker span.active.disabled:hover[disabled] {
  background-color: #04c;
}
/* line 111, ../../app/assets/scss/base/vendor/_datetimepicker.scss */
.datetimepicker span {
  border-radius: 4px;
  cursor: pointer;
  display: block;
  float: left;
  height: 54px;
  line-height: 54px;
  margin: 1%;
  width: 23%;
}
/* line 121, ../../app/assets/scss/base/vendor/_datetimepicker.scss */
.datetimepicker span:hover {
  background: #eee;
}
/* line 126, ../../app/assets/scss/base/vendor/_datetimepicker.scss */
.datetimepicker .past,
.datetimepicker .future {
  color: #999;
}

/**
 * Swiper 3.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: February 7, 2016
 */
/* line 15, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}

/* line 22, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

/* line 25, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}

/* line 32, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/* line 51, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}

/* line 59, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

/* line 66, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

/* line 74, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

/* Auto Height */
/* line 83, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

/* line 87, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform, height;
}

/* a11y */
/* line 99, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

/* IE10 Windows Phone 8 Fixes */
/* line 108, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

/* line 112, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

/* Arrows */
/* line 117, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

/* line 132, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

/* line 138, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}

/* line 144, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

/* line 148, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

/* line 152, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}

/* line 158, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

/* line 162, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

/* Pagination Styles */
/* line 167, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

/* line 180, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
/* line 184, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
/* line 192, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

/* line 200, ../../app/assets/scss/base/vendor/_swiper.scss */
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

/* line 210, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

/* line 213, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}

/* line 216, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

/* line 220, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}

/* line 223, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}

/* line 226, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  -moz-transform: translate3d(0px, -50%, 0);
  -o-transform: translate(0px, -50%);
  -ms-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}

/* line 235, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}

/* line 239, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}

/* Progress */
/* line 243, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

/* line 247, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
}

/* line 264, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
}

/* line 271, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

/* line 277, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

/* line 283, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}

/* line 286, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}

/* line 289, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}

/* 3D Container */
/* line 293, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}

/* line 299, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

/* line 311, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

/* line 323, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 16+, IE10, Opera 12.50+ */
}

/* line 335, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 16+, IE10, Opera 12.50+ */
}

/* line 347, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 16+, IE10, Opera 12.50+ */
}

/* line 359, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 16+, IE10, Opera 12.50+ */
}

/* Coverflow */
/* line 372, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}

/* Cube + Flip */
/* line 378, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-container-cube,
.swiper-container-flip {
  overflow: visible;
}

/* line 382, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

/* line 391, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

/* line 395, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* line 401, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Cube */
/* line 416, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

/* line 425, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

/* line 431, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

/* line 438, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

/* Fade */
/* line 451, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

/* line 458, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}

/* line 465, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

/* line 468, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* Scrollbar */
/* line 473, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

/* line 479, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

/* line 487, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

/* line 495, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

/* line 504, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-scrollbar-cursor-drag {
  cursor: move;
}

/* Preloader */
/* line 508, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

/* line 524, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}

/* line 535, ../../app/assets/scss/base/vendor/_swiper.scss */
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}